.ig-admin-shell {--ig-ui-bg:#f2f5fa;--ig-ui-card:#ffffff;--ig-ui-soft:#f6f8fc;--ig-ui-ink:#18283f;--ig-ui-muted:#52647b;--ig-ui-line:#cbd6e5;--ig-ui-link:#174da5;--ig-ui-selected:#eaf1ff;--ig-ui-error:#a41e32;--ig-ui-success:#146545;background:var(--ig-ui-bg);color:var(--ig-ui-ink)}
:root[data-theme=dark] .ig-admin-shell {--ig-ui-bg:#101b2b;--ig-ui-card:#1a2a40;--ig-ui-soft:#21334b;--ig-ui-ink:#edf3ff;--ig-ui-muted:#b9c8dc;--ig-ui-line:#4b607b;--ig-ui-link:#a6caff;--ig-ui-selected:#263e63;--ig-ui-error:#ffb2bf;--ig-ui-success:#95e1c2}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ig-admin-shell {--ig-ui-bg:#101b2b;--ig-ui-card:#1a2a40;--ig-ui-soft:#21334b;--ig-ui-ink:#edf3ff;--ig-ui-muted:#b9c8dc;--ig-ui-line:#4b607b;--ig-ui-link:#a6caff;--ig-ui-selected:#263e63;--ig-ui-error:#ffb2bf;--ig-ui-success:#95e1c2}}
.ig-admin-shell .admin-main {background:var(--ig-ui-bg);color:var(--ig-ui-ink)}
.ig-admin-shell .admin-main :where(h1,h2,h3,h4,label,legend) {color:var(--ig-ui-ink)}
.ig-admin-shell .admin-main .card {background:var(--ig-ui-card);color:var(--ig-ui-ink);border-color:var(--ig-ui-line)}
.ig-admin-shell .admin-main :where(.field-input,.input) {background:var(--ig-ui-card);color:var(--ig-ui-ink);border-color:var(--ig-ui-line);color-scheme:inherit}
.ig-admin-shell .admin-main .btn-secondary {background:var(--ig-ui-card);color:var(--ig-ui-link);border-color:var(--ig-ui-line)}
.ig-admin-shell .admin-main :where(.text-slate-400,.text-slate-500,.text-navy-400,.text-navy-500) {color:var(--ig-ui-muted)}
.ig-admin-shell .admin-main :where(.text-navy-900,.text-slate-900,.text-slate-800,.text-slate-700) {color:var(--ig-ui-ink)}
/* Older standalone screens checked html.dark while the app uses data-theme.
   Use the admin palette for their surfaces in either explicit or system mode. */
:root .ig-admin-shell :is(.ig-rec-page,.ig-training) {--text-primary:var(--ig-ui-ink);--text-muted:var(--ig-ui-muted);--muted:var(--ig-ui-muted);color:var(--ig-ui-ink)}
:root .ig-admin-shell :is(.ig-rec-card,.ig-rec-metric,.ig-rec-column,.ig-rec-candidate,.ig-rec-list-row,.ig-rec-dialog) {background:var(--ig-ui-card);color:var(--ig-ui-ink);border-color:var(--ig-ui-line)}
:root .ig-admin-shell :is(.ig-rec-card p,.ig-rec-header p,.ig-rec-candidate span,.ig-rec-candidate small,.ig-rec-metric span,.ig-rec-event time,.ig-training-brand p) {color:var(--ig-ui-muted)}
:root .ig-admin-shell .ig-rec-field :is(input,select,textarea) {background:var(--ig-ui-card);color:var(--ig-ui-ink);border-color:var(--ig-ui-line)}
:root .ig-admin-shell .ig-rec-btn:not(.primary):not(.active) {background:var(--ig-ui-card);color:var(--ig-ui-link);border-color:var(--ig-ui-line)}
:root .ig-admin-shell .ig-rec-overdue {color:var(--ig-ui-error)!important}
:root .ig-admin-shell .ig-rec-duplicates {background:var(--ig-ui-soft);color:var(--ig-ui-ink)}
:root .ig-admin-shell .ig-rec-duplicates p {color:var(--ig-ui-muted)}
.ig-settings-nav {color:#e5edf9;font-size:14px;line-height:1.5}
.ig-settings-nav :where(a,button,summary) {min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-align:left;cursor:pointer;width:100%;color:inherit}
.ig-settings-nav :where(a,button,summary):hover {background:#243752;color:#fff}
.ig-settings-nav a.is-active {background:#2254b5;color:#fff;font-weight:700}
.ig-settings-nav h2 {font-family:inherit;font-weight:700;font-size:20px;line-height:1.4;color:#fff;padding:12px}
.ig-settings-nav :where(h3,summary) {font-size:12px;font-weight:700;color:#b5c5da;margin-top:12px}
.ig-settings-nav .ig-rail-back {border:1px solid #526780;margin-bottom:8px}
.ig-settings-nav .ig-rail-settings {border-top:1px solid #526780;border-radius:0;margin-top:20px}
.ig-rail-dot {font-size:18px;width:18px;text-align:center;color:#a6caff}
.ig-settings-nav :focus-visible,.ig-user-workspace :focus-visible {outline:3px solid #6baaff;outline-offset:3px}
.ig-user-workspace {max-width:1500px;margin:0 auto;color:var(--ig-ui-ink);font-size:14px;line-height:1.55}
.ig-user-workspace h1 {font-size:27px;font-weight:750;margin:8px 0}
.ig-user-workspace h2 {font-size:20px;font-weight:700;margin:0 0 12px}
.ig-user-workspace h3 {font-size:17px;font-weight:700;margin:22px 0 12px}
.ig-user-workspace p {color:var(--ig-ui-muted);margin:8px 0 16px}
.ig-user-header {display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.ig-user-eyebrow {font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ig-user-layout {display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}
.ig-user-tabs {position:sticky;top:24px;display:flex;flex-direction:column;gap:6px}
.ig-user-tabs button {display:flex;align-items:center;gap:10px;text-align:left;min-height:46px;border-radius:8px;padding:10px 14px;color:var(--ig-ui-muted);cursor:pointer}
.ig-user-tabs button[aria-current] {color:var(--ig-ui-link);background:var(--ig-ui-selected);font-weight:700}
.ig-user-tabs button:hover:not(:disabled) {background:var(--ig-ui-selected)}
.ig-user-tabs p {padding:8px 12px;font-size:13px}
.ig-user-content {min-width:0;border:1px solid var(--ig-ui-line);border-radius:14px;background:var(--ig-ui-card);padding:28px;min-height:570px}
.ig-user-panel[hidden] {display:none!important}
.ig-user-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}
.ig-user-field {display:flex;flex-direction:column;gap:8px;font-weight:600;margin:12px 0}
.ig-user-workspace :where(input:not([type=checkbox]):not([type=radio]),select,textarea) {width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--ig-ui-line);border-radius:8px;background:var(--ig-ui-card);color:var(--ig-ui-ink);font:inherit}
.ig-user-workspace input::placeholder {color:var(--ig-ui-muted)}
.ig-user-workspace input[type=checkbox] {width:18px;height:18px;accent-color:#2254b5;flex-shrink:0}
.ig-user-check {display:flex;align-items:center;gap:10px;min-height:44px;margin:8px 0}
.ig-user-help {grid-column:1/-1}
.ig-user-profile {display:flex;gap:16px;align-items:center;margin:20px 0}
.ig-user-avatar {display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;background:var(--ig-ui-selected);border-radius:50%;font-size:22px;font-weight:700;color:var(--ig-ui-link)}
.ig-user-save {display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--ig-ui-line);margin-top:28px;padding-top:20px}
.ig-user-workspace button {min-height:44px;cursor:pointer}
.ig-user-workspace :disabled {opacity:.55;cursor:not-allowed}
.ig-user-workspace .ig-user-error {padding:14px;border:1px solid var(--ig-ui-error);border-radius:8px;color:var(--ig-ui-error)}
.ig-user-workspace .ig-user-notice {padding:14px;background:var(--ig-ui-soft);border:1px solid var(--ig-ui-line);border-radius:8px;color:var(--ig-ui-ink)}
.ig-user-unsaved {color:var(--ig-ui-link);font-weight:600}
.ig-user-toolbar {display:flex;gap:16px;padding:18px;background:var(--ig-ui-card);border:1px solid var(--ig-ui-line);border-radius:12px;margin-bottom:16px}
.ig-user-toolbar label:first-child {flex:1}
.ig-user-toolbar label {display:flex;flex-direction:column;gap:6px}
.ig-user-list {background:var(--ig-ui-card);border:1px solid var(--ig-ui-line);border-radius:12px}
.ig-user-list article {display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--ig-ui-line)}
.ig-user-list article:last-child {border-bottom:0}
.ig-user-list-name {display:flex;flex-direction:column;min-width:0;flex:1;overflow-wrap:anywhere}
.ig-user-list-name :where(span,small) {color:var(--ig-ui-muted)}
.ig-user-actions {display:flex;flex-wrap:wrap;gap:8px}
.ig-user-danger {color:var(--ig-ui-error);padding:10px}
.ig-permission-group {margin:20px 0;padding:12px 18px;border:1px solid var(--ig-ui-line);border-radius:10px}
.ig-permission-group legend {font-weight:700;padding:0 6px}
.ig-permission-row {display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ig-ui-line)}
.ig-permission-row:last-child {border:0}
.ig-user-content .card {box-shadow:none;padding:16px;margin-top:16px}
.ig-user-content .ig-staff-availability {background:var(--ig-ui-card);color:var(--ig-ui-ink);border-color:var(--ig-ui-line);padding:0;max-width:none}
.ig-user-content .ig-staff-availability :where(input,select,button) {background:var(--ig-ui-card);color:var(--ig-ui-ink);border-color:var(--ig-ui-line)}
@media(max-width:1100px){.ig-user-list article{flex-wrap:wrap}.ig-user-actions{width:100%;padding-left:74px}.ig-user-layout{grid-template-columns:180px minmax(0,1fr);gap:16px}.ig-user-content{padding:20px}}
@media(max-width:760px){.ig-user-layout{grid-template-columns:minmax(0,1fr)}.ig-user-tabs{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ig-user-tabs p{grid-column:1/-1}.ig-user-fields{grid-template-columns:minmax(0,1fr);gap:8px}.ig-user-content{padding:16px;min-height:0}.ig-user-toolbar{flex-direction:column}.ig-user-actions{padding-left:0}.ig-permission-row{grid-template-columns:minmax(0,1fr);gap:4px}.ig-user-header{margin-bottom:14px}.ig-user-workspace{padding-bottom:24px}.ig-user-workspace .ig-staff-availability input[type=time]{max-width:130px}}