/* Line 15904 (upskill-admin-7, ai.features.admin_upskill_7): admin part 7 on the Google path.
   Loaded only while the key is on. Two surfaces, both reading the --ns-* tokens of css/ns-tokens.css:
   1. The signed-in sidebar (sidebar-v2) under <body data-ns-admin-7>: the tokens follow the app's own theme switch
      (data-bs-theme, dark by default), so the sidebar sits in Google greys with NetShow gold for the active item.
   2. /admin/agents (the legacy agent manager, a page of its own) under <body class="ns-gp ns-am-gp">: its hard-coded
      dark set becomes the tokens, light by default and dark under prefers-color-scheme: dark.
   Every rule outranks the inline sheets it restyles by specificity, never by !important. 375 px first: no widths added. */

/* 1. The signed-in sidebar. */
[data-ns-admin-7] .ns-sidebar .ns-sidebar__panel {
    background: var(--ns-bg-deep);
    border-right: 1px solid var(--ns-border);
    color: var(--ns-text);
    font-family: var(--ns-font);
}

[data-ns-admin-7] .ns-sidebar .ns-sidebar__header { border-bottom: 1px solid var(--ns-border); }
[data-ns-admin-7] .ns-sidebar :is(.ns-sidebar__eyebrow, .ns-sidebar__group-label, .ns-sidebar__section-chevron, .ns-sidebar__favorite-section) { color: var(--ns-text-2); }
[data-ns-admin-7] .ns-sidebar .ns-sidebar__search i { color: var(--ns-text-2); }

[data-ns-admin-7] .ns-sidebar .ns-sidebar__search input {
    background: var(--ns-surface);
    border: 1px solid var(--ns-border);
    border-radius: 999px;
    color: var(--ns-text);
}

[data-ns-admin-7] .ns-sidebar .ns-sidebar__search input::placeholder { color: var(--ns-text-2); }

[data-ns-admin-7] .ns-sidebar .ns-sidebar__search input:focus {
    border-color: var(--ns-gold-light);
    box-shadow: 0 0 0 3px var(--ns-gold-glow, rgba(249, 171, 0, .22));
}

[data-ns-admin-7] .ns-sidebar .ns-sidebar__section {
    background: var(--ns-card);
    border: 1px solid var(--ns-border);
    border-radius: var(--ns-radius);
}

[data-ns-admin-7] .ns-sidebar .ns-sidebar__section-title { color: var(--ns-text); }
[data-ns-admin-7] .ns-sidebar :is(.ns-sidebar__section-title i, .ns-sidebar__item-icon, .ns-sidebar__group-label .fa-thumbtack) { color: var(--ns-text-2); }
[data-ns-admin-7] .ns-sidebar :is(.ns-sidebar__pin, .ns-sidebar__favorite) { color: var(--ns-text-2); }
[data-ns-admin-7] .ns-sidebar .ns-sidebar__pin.is-pinned,
[data-ns-admin-7] .ns-sidebar .ns-sidebar__favorite.is-favorite { color: var(--ns-gold-light); }

[data-ns-admin-7] .ns-sidebar :is(.ns-sidebar__section-toggle, .ns-sidebar__pin, .ns-sidebar__favorite):hover,
[data-ns-admin-7] .ns-sidebar .ns-sidebar__item:hover {
    background: var(--ns-surface);
    color: var(--ns-text);
}

[data-ns-admin-7] .ns-sidebar .ns-sidebar__item {
    color: var(--ns-text);
    border-radius: 0 999px 999px 0;
}

[data-ns-admin-7] .ns-sidebar .ns-sidebar__item.is-active {
    background: var(--ns-gold-glow, rgba(249, 171, 0, .22));
    border-color: transparent;
    box-shadow: none;
    color: var(--ns-text);
    font-weight: 600;
}

[data-ns-admin-7] .ns-sidebar .ns-sidebar__item.is-active .ns-sidebar__item-icon { color: var(--ns-gold-light); }

[data-ns-admin-7] .ns-sidebar .ns-sidebar__badge {
    background: var(--ns-surface);
    border: 1px solid var(--ns-border-strong);
    color: var(--ns-text-2);
}

[data-ns-admin-7] .ns-sidebar .ns-sidebar__empty {
    background: var(--ns-surface);
    border: 1px dashed var(--ns-border-strong);
    color: var(--ns-text-2);
}

/* 2. /admin/agents. */
body.ns-am-gp {
    background: var(--ns-bg);
    color: var(--ns-text);
    font-family: var(--ns-font);
}

body.ns-am-gp :is(.header, .toolbar) {
    background: var(--ns-bg);
    border-bottom: 1px solid var(--ns-border);
}

body.ns-am-gp .header h1,
body.ns-am-gp .header .stats .count,
body.ns-am-gp .card .info .name,
body.ns-am-gp .modal h3 { color: var(--ns-text); }

body.ns-am-gp :is(.header .stats, .toolbar .selected-count, .card .info .skill, .card .id-badge, .card .desc-preview, .card .voice-selector label, .card .script-editor .word-count, .modal p) { color: var(--ns-text-2); }

body.ns-am-gp .toolbar :is(input[type="text"], select),
body.ns-am-gp .card .voice-selector select,
body.ns-am-gp .card .script-editor textarea {
    background: var(--ns-card);
    border: 1px solid var(--ns-border-strong);
    color: var(--ns-text);
}

body.ns-am-gp .toolbar input[type="text"] { border-radius: 999px; }
body.ns-am-gp .card .voice-selector select { min-width: 0; width: 0; flex: 1 1 0; }
body.ns-am-gp .toolbar input[type="text"]::placeholder { color: var(--ns-text-2); }
body.ns-am-gp .toolbar .heygen-count { color: var(--ns-gold-light); }

body.ns-am-gp .card {
    background: var(--ns-card);
    border: 1px solid var(--ns-border);
    border-radius: var(--ns-radius);
    box-shadow: none;
}

body.ns-am-gp .card:hover { border-color: var(--ns-border-strong); box-shadow: 0 1px 3px rgba(60, 64, 67, .15); }
body.ns-am-gp .card.selected { outline-color: var(--ns-gold); }
body.ns-am-gp .card .checkbox { accent-color: var(--ns-gold-light); }
body.ns-am-gp .card .img-wrap { background: var(--ns-surface); }
body.ns-am-gp .card .img-wrap .no-img { color: var(--ns-text-2); }
body.ns-am-gp .card .id-badge { background: var(--ns-surface); }

body.ns-am-gp .card .info .tag {
    background: var(--ns-surface);
    border: 1px solid var(--ns-border);
    color: var(--ns-text-2);
}

body.ns-am-gp .card .info :is(.tag.male, .tag.female) { color: var(--ns-text); }
body.ns-am-gp .card .info :is(.tag.has-video, .tag.has-idle) { color: #188038; border-color: rgba(24, 128, 56, .3); }
body.ns-am-gp .card .info :is(.tag.no-video, .tag.no-idle) { color: #b06000; border-color: rgba(176, 96, 0, .3); }
body.ns-am-gp .card .info :is(.tag.no-desc, .tag.test) { color: #d93025; border-color: rgba(217, 48, 37, .3); }

body.ns-am-gp .card :is(.actions .btn-sm, .heygen-video-btns .btn-sm, .script-editor .script-actions .btn-sm, .voice-selector .btn-save-voice, .heygen-toggle label) {
    background: var(--ns-card);
    border: 1px solid var(--ns-border-strong);
    border-radius: 999px;
    color: var(--ns-text);
}

body.ns-am-gp .card :is(.actions .btn-sm, .voice-selector .btn-save-voice):hover { background: var(--ns-surface); }
body.ns-am-gp .card .actions .btn-sm.delete { color: #d93025; border-color: rgba(217, 48, 37, .4); }
body.ns-am-gp .card .voice-selector .voice-current { color: var(--ns-text-2); }
body.ns-am-gp .card .voice-selector .voice-served { font-size: 11px; color: var(--ns-text); margin-top: 2px; }
body.ns-am-gp .card .heygen-toggle .heygen-retired { color: var(--ns-text-2); }

body.ns-am-gp .toast,
body.ns-am-gp .modal {
    background: var(--ns-elevated);
    border: 1px solid var(--ns-border);
    color: var(--ns-text);
}

body.ns-am-gp .modal .btns .btn-cancel { background: var(--ns-surface); color: var(--ns-text); }

@media (prefers-color-scheme: dark) {
    body.ns-am-gp .card .info :is(.tag.has-video, .tag.has-idle) { color: #81c995; border-color: rgba(129, 201, 149, .3); }
    body.ns-am-gp .card .info :is(.tag.no-video, .tag.no-idle) { color: #fdd663; border-color: rgba(253, 214, 99, .3); }
    body.ns-am-gp .card .info :is(.tag.no-desc, .tag.test) { color: #f28b82; border-color: rgba(242, 139, 130, .3); }
    body.ns-am-gp .card .actions .btn-sm.delete { color: #f28b82; border-color: rgba(242, 139, 130, .4); }
}

@media (max-width: 480px) {
    body.ns-am-gp .toolbar input[type="text"] { width: 100%; }
    body.ns-am-gp .toolbar { position: static; }
    body.ns-am-gp .grid { padding: 12px; }
}