body.bpgo-os-active { --bpgo-os-green:#087f70; --bpgo-os-ink:#173630; --bpgo-os-muted:#647a74; --bpgo-os-line:#dce7e4; }
.bpgo-os-active .app-shell { grid-template-columns:248px minmax(0,1fr); }
.bpgo-os-active .sidebar { width:248px;padding:18px 14px; }
.bpgo-os-active .sidebar .brand { min-height:68px; }
.bpgo-os-active .sidebar .brand strong { font-size:18px;letter-spacing:.02em; }
.bpgo-os-active .sidebar .brand span { font-size:11px;opacity:.7; }
.bpgo-os-nav-group { display:block;margin:16px 10px 5px;color:rgba(255,255,255,.44);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
.bpgo-os-active .sidebar .nav button { min-height:40px; }
#bpgo-os-commandbar { position:sticky;z-index:90;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;margin:-24px -24px 22px;padding:11px 24px;border-bottom:1px solid var(--bpgo-os-line);background:rgba(255,255,255,.94);backdrop-filter:blur(16px); }
#bpgo-os-commandbar>div:first-child span { display:block;color:var(--bpgo-os-muted);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
#bpgo-os-commandbar>div:first-child strong { display:block;margin-top:3px;color:var(--bpgo-os-ink);font-size:17px; }
.bpgo-os-command-actions { display:flex;align-items:center;gap:9px; }
.bpgo-os-command-actions>span { font-size:12px;color:var(--bpgo-os-muted); }
.bpgo-os-online { display:flex;align-items:center;gap:6px; }
.bpgo-os-online i { width:8px;height:8px;border-radius:50%;background:#27a86a;box-shadow:0 0 0 4px rgba(39,168,106,.12); }
.bpgo-os-command-actions button { min-height:38px;border:0;border-radius:9px;padding:8px 13px;background:var(--bpgo-os-green);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer; }
#bpgo-os-overview { display:grid;gap:14px;margin-bottom:22px; }
.bpgo-os-welcome { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 2px 2px; }
.bpgo-os-welcome span { color:var(--bpgo-os-green);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.bpgo-os-welcome h1 { margin:5px 0 4px;color:var(--bpgo-os-ink);font-size:clamp(28px,3vw,42px);letter-spacing:-.035em; }
.bpgo-os-welcome p { margin:0;color:var(--bpgo-os-muted); }
.bpgo-os-date { padding:9px 12px;border:1px solid var(--bpgo-os-line);border-radius:9px;background:#fff;color:var(--bpgo-os-muted);font-size:12px;text-transform:capitalize; }
.bpgo-os-alert,.bpgo-os-all-good { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:13px 15px;border:1px solid #edd49b;border-left:4px solid #d59b1f;border-radius:11px;background:#fff9e9;color:#594d2d;text-align:left; }
.bpgo-os-alert { cursor:pointer;font:inherit; }.bpgo-os-alert span,.bpgo-os-all-good span { font-size:12px; }.bpgo-os-alert b { color:#8b630d;font-size:12px; }
.bpgo-os-all-good { border-color:#b9dfd3;border-left-color:#249b78;background:#effaf6; }
.bpgo-os-kpis { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.bpgo-os-kpis article { min-width:0;padding:16px;border:1px solid var(--bpgo-os-line);border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(12,59,52,.05); }
.bpgo-os-kpis span,.bpgo-os-kpis small { display:block;color:var(--bpgo-os-muted); }.bpgo-os-kpis span { font-size:11px;font-weight:800; }.bpgo-os-kpis strong { display:block;margin:7px 0 3px;color:var(--bpgo-os-ink);font-size:28px; }.bpgo-os-kpis small { font-size:11px; }
.bpgo-os-shortcuts { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.bpgo-os-shortcuts button { display:grid;gap:4px;min-width:0;padding:14px;border:1px solid var(--bpgo-os-line);border-radius:12px;background:#f8fbfa;color:var(--bpgo-os-ink);font:inherit;text-align:left;cursor:pointer;transition:.18s ease; }
.bpgo-os-shortcuts button:hover { transform:translateY(-2px);border-color:#73b5aa;background:#fff; }.bpgo-os-shortcuts b { font-size:13px; }.bpgo-os-shortcuts span { color:var(--bpgo-os-muted);font-size:11px;line-height:1.35; }
.bpgo-os-loading { margin-bottom:16px;padding:14px;border:1px solid var(--bpgo-os-line);border-radius:11px;background:#fff;color:var(--bpgo-os-muted); }
@media(max-width:1000px) { .bpgo-os-kpis,.bpgo-os-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }.bpgo-os-user { display:none; } }
@media(max-width:760px) { .bpgo-os-active .app-shell { grid-template-columns:1fr; }#bpgo-os-commandbar { position:relative;top:auto;margin:-16px -14px 16px;padding:10px 14px; }.bpgo-os-online { display:none!important; }.bpgo-os-command-actions button { min-height:42px; }.bpgo-os-welcome { flex-direction:column;gap:10px; }.bpgo-os-date { align-self:flex-start; }.bpgo-os-alert,.bpgo-os-all-good { grid-template-columns:1fr;gap:4px; }.bpgo-os-shortcuts { grid-template-columns:1fr 1fr; } }
@media(max-width:460px) { #bpgo-os-commandbar { align-items:flex-start;flex-direction:column; }.bpgo-os-command-actions { width:100%; }.bpgo-os-command-actions button { width:100%; }.bpgo-os-kpis,.bpgo-os-shortcuts { grid-template-columns:1fr; } }