/* Content outline only. Loaded after the shared theme; no data/loading changes. */
#mediaRoots .media-tree-row {
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 0;
  min-height: 28px;
  padding-left: calc(var(--level, 0) * 14px);
  border-radius: 5px;
  box-shadow: none;
}
#mediaRoots .media-tree-row:hover { background: #edf1f3; }
#mediaRoots .media-tree-row.active { background: #dceaf2; box-shadow: none; }
#mediaRoots .media-tree-row.folder-labeled { background: rgba(var(--folder-label-rgb), .1); }
#mediaRoots .media-tree-row.folder-labeled.active { background: rgba(var(--folder-label-rgb), .24); }
#mediaRoots .media-tree-row.drop-target { box-shadow: inset 0 0 0 2px #237ba5; }
#mediaRoots .media-tree-label {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 3px 7px 3px 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #243b49;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 20px;
}
#mediaRoots .media-tree-name { font-size: 13px; font-weight: 400; }
#mediaRoots .media-tree-count { font-size: 11px; font-weight: 400; color: #647480; }
#mediaRoots .media-tree-toggle {
  width: 22px;
  min-width: 22px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #62727e;
  font-size: 13px;
  font-weight: 400;
}
#mediaRoots button:focus-visible { outline: 2px solid #237ba5; outline-offset: -2px; border-radius: 4px; }
#mediaRoots .media-tree-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background: var(--folder-label-color, #328ab5);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 4a1 1 0 0 1 1-1h5l2 2h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
#mediaRoots .media-tree-icon.is-archive {
  background: var(--folder-label-color, #aa8230);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 3h16v4H2zm1 5h14v9H3zm4 2v2h6v-2z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#mediaRoots .media-tree-icon.is-trash {
  background: var(--folder-label-color, #788793);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7 2h6v2h4v2H3V4h4zM5 7h10l-1 11H6z'/%3E%3C/svg%3E");
}
#mediaRoots .media-tree-empty { padding-left: calc(28px + var(--level, 0) * 14px); font-size: 11px; }
@media (pointer: coarse) {
  #mediaRoots .media-tree-label, #mediaRoots .media-tree-toggle { min-height: 36px; }
}