.bi-admin-sidebar{position:fixed;top:106px;bottom:20px;left:24px;width:224px;overflow:auto;padding:22px 14px;border:1px solid var(--line,#5555);border-radius:16px;background:var(--surface,#242625);z-index:20;box-sizing:border-box}.bi-admin-sidebar strong{display:block;font-size:16px;padding:0 10px 14px}.bi-admin-sidebar a{display:block;padding:12px 10px;margin:3px 0;border-radius:8px;color:inherit;text-decoration:none;font-size:14px}.bi-admin-sidebar a:hover,.bi-admin-sidebar a[aria-current=page]{background:color-mix(in srgb,var(--accent,#80d1c1) 16%,transparent)}.bi-admin-group{font-size:11px;opacity:.65;margin:20px 10px 8px}.bi-admin-back{border-top:1px solid var(--line,#5555);margin-top:20px!important}.bi-admin-mode main{margin-left:270px!important;max-width:none!important}.bi-admin-mode #navigation{display:none!important}html[data-theme=light] .bi-admin-sidebar{background:#f5f6f4}@media(max-width:959px){.bi-admin-sidebar{position:static;width:auto;margin:14px;max-height:230px}.bi-admin-mode main{margin-left:0!important}.bi-admin-sidebar a{display:inline-block}.bi-admin-sidebar strong,.bi-admin-group{display:block}}
.bi-admin-mode main{width:calc(100% - 290px)!important;min-width:0;box-sizing:border-box}.bi-admin-mode .plan-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.bi-admin-mode .plan-list{min-width:0;overflow:auto}.bi-admin-mode .plan-toolbar{flex-wrap:wrap}.bi-admin-mode .plan-publication{flex-wrap:wrap}@media(max-width:1100px){.bi-admin-mode .plan-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:959px){.bi-admin-mode main{width:100%!important}}

/* A persistent administrative workspace: one heading, one navigation and a stable pane. */
#bgp-sales.bi-admin-mode :is(#session-label,#desktop-caption,#page-title,#admin-menu,#section-label){display:none!important}
#bgp-sales.bi-admin-mode #workspace>.section-heading{padding:24px 24px 0;align-items:center;min-height:80px}
#bgp-sales.bi-admin-mode #section-title{font-size:28px;line-height:1.2;margin:0}
#bgp-sales.bi-admin-mode :is(#agent-admin,#users,#plans){padding:18px 24px 28px;min-height:420px}
#bgp-sales .bi-admin-sidebar{top:88px;padding:18px 12px;background:var(--surface);border-color:var(--line)}
#bgp-sales .bi-admin-sidebar strong{font-size:15px;letter-spacing:.01em}
#bgp-sales .bi-admin-sidebar a{font-size:13px;line-height:1.4;padding:10px 12px;transition:background-color .15s}
#bgp-sales .bi-admin-sidebar a[aria-current=page]{background:color-mix(in srgb,var(--actual) 13%,var(--surface));box-shadow:inset 3px 0 var(--actual)}
#bgp-sales .bi-admin-group{color:var(--secondary);opacity:1;font-size:10px;margin-top:22px}
#bgp-sales.bi-admin-mode .plan-toolbar{margin:0 0 20px;align-items:center}
#bgp-sales .plan-tabs{display:flex;padding:4px;border:1px solid var(--line);border-radius:10px;gap:4px;background:var(--surface)}
#bgp-sales .plan-tabs button{border:0;border-radius:8px;background:transparent;font-size:13px;padding:8px 16px}
#bgp-sales .plan-tabs button[aria-pressed=true]{background:var(--selected);color:var(--selected-text)}
#bgp-sales .plan-list{min-height:240px;scrollbar-gutter:stable}
#bgp-sales .plan-list table{table-layout:auto}
#bgp-sales .plan-list td[data-plan-state=draft]{background:#443322;color:#ffd59a;box-shadow:inset 3px 0 #d98b22;white-space:normal}
#bgp-sales[data-theme^=light] .plan-list td[data-plan-state=draft]{background:#fff0d8;color:#7b4700}
#bgp-sales .plan-list td[data-plan-state=active]{white-space:nowrap;font-size:12px;color:var(--secondary)}
#bgp-sales .bi-agent-row{gap:12px}
#bgp-sales .bi-agent-row>[data-employee-card]{text-align:left;border:0;background:transparent;padding:0;color:var(--text);line-height:1.5}
#bgp-sales .bi-agent-row>input{cursor:pointer}
#bgp-sales .bi-employee-card{max-width:880px;border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface)}
#bgp-sales .bi-employee-header{display:flex;align-items:center;gap:16px;margin:22px 0}
#bgp-sales .bi-employee-header h2{margin:0;font-size:25px}
#bgp-sales .bi-employee-header p{margin:6px 0 0;color:var(--secondary)}
#bgp-sales .bi-employee-avatar{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:14px;background:var(--selected);color:var(--selected-text);font-size:20px}
#bgp-sales .bi-employee-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 26px}
#bgp-sales .bi-employee-details dt{font-size:12px;color:var(--secondary);margin-bottom:4px}
#bgp-sales .bi-employee-details dd{margin:0;font-size:15px;overflow-wrap:anywhere}
#bgp-sales .bi-employee-mapping{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
#bgp-sales .bi-employee-mapping h3{font-size:17px;margin:0 0 8px}
#bgp-sales .bi-employee-mapping-picker .xsel{max-width:100%;width:440px;margin:16px 0}
#bgp-sales .bi-employee-actions{display:flex;gap:10px;flex-wrap:wrap}
#bgp-sales :is(.bi-native-agents,.bi-employee-card) [role=status]{min-height:20px}
@media(max-width:1100px){#bgp-sales.bi-admin-mode .plan-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:959px){#bgp-sales .bi-admin-sidebar{position:static}#bgp-sales.bi-admin-mode :is(#agent-admin,#users,#plans){padding:14px;min-height:320px}#bgp-sales .bi-employee-details{grid-template-columns:1fr}}

/* Admin navigation changes content without replaying the setup section animation. */
.bi-admin-mode section{animation:none!important}

#bgp-sales.bi-admin-mode{--raised:var(--surface-hover);--muted:var(--secondary)}
#bgp-sales.bi-admin-mode .bi-native-divider{display:none}
.bi-recalc{display:grid;gap:8px;margin:4px 0 14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.bi-recalc[hidden]{display:none}.bi-recalc-state{margin:0;font-size:12px;line-height:1.4;color:var(--secondary)}.bi-recalc[data-state=pending] .bi-recalc-state,.bi-recalc[data-state=failed] .bi-recalc-state{color:var(--text);font-weight:600}.bi-recalc .bi-recalc-run{width:100%}#bgp-sales .bi-admin-sidebar .bi-recalc[data-state=pending] button.bi-recalc-run,.bi-admin-sidebar .bi-recalc[data-state=pending] button.bi-recalc-run{background:var(--button-primary-bg,var(--actual));color:var(--button-on-primary,var(--surface));border-color:transparent;font-weight:600}
header .bi-brand-group{display:inline-flex;align-items:center;gap:8px;flex:none}header .bi-version{flex:none;align-self:center;margin:0;padding:3px 8px;min-height:0;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--secondary);font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;font-variant-numeric:tabular-nums}header .bi-version:hover,header .bi-version[aria-expanded=true]{color:var(--text);border-color:var(--secondary)}.bi-version-panel{position:fixed;z-index:1100;width:min(440px,calc(100vw - 16px));max-height:min(70vh,560px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 16px 40px rgba(0,0,0,.22)}.bi-version-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.bi-version-panel h2{margin:0;font-size:16px}.bi-version-panel button.bi-version-close{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--secondary);cursor:pointer}.bi-version-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.bi-version-list h3{display:flex;gap:10px;align-items:baseline;margin:0 0 4px;font-size:14px}.bi-version-list h3 span{color:var(--secondary);font-weight:400;font-size:12px}.bi-version-list ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px;line-height:1.45}
/* Task 189: collapsible admin panel */
.bi-admin-collapse{display:block;margin:0 0 10px auto;width:32px;height:32px;padding:0;border:1px solid var(--line,#5555);border-radius:8px;background:transparent;color:var(--text,#ddd);cursor:pointer;font:inherit;line-height:1}
.bi-admin-collapse:focus-visible{outline:2px solid var(--actual,#2ed9c3);outline-offset:2px}
body.bi-admin-collapsed .bi-admin-sidebar{width:56px;padding:12px 12px;overflow:hidden}
body.bi-admin-collapsed .bi-admin-sidebar>:not(.bi-admin-collapse){display:none!important}
body.bi-admin-collapsed.bi-admin-mode main{margin-left:100px!important;width:calc(100% - 120px)!important}
@media(max-width:959px){body.bi-admin-collapsed .bi-admin-sidebar{width:auto}body.bi-admin-collapsed.bi-admin-mode main{margin-left:0!important;width:100%!important}}
