/* POSH Workshop ERP — BOS final shell, dashboard, brand + login */
:root{--pb-navy:#03192d;--pb-navy2:#06263e;--pb-blue:#058dde;--pb-blue2:#1166f2;--pb-cyan:#31c6f6;--pb-text:#0a1730;--pb-muted:#687b94;--pb-line:#d8e4ef;--pb-bg:#f2f7fb;--pb-card:#fff;--pb-green:#12a777;--pb-purple:#7d2df5}
html,body,#root{min-height:100%;background:var(--pb-bg)!important;color:var(--pb-text)!important}
body{font-size:14px!important;-webkit-font-smoothing:antialiased}

/* --- BOS shell --- */
.app-shell{grid-template-columns:220px minmax(0,1fr)!important;background:var(--pb-bg)!important}
.sidebar{width:220px!important;min-width:220px!important;padding:14px 10px 18px!important;background:linear-gradient(180deg,#031a2d 0%,#041625 100%)!important;border-right:1px solid rgba(62,173,235,.18)!important;color:#e8f3fb!important}
.sidebar .brand{padding:10px!important;min-height:78px!important;background:linear-gradient(145deg,rgba(10,66,105,.42),rgba(4,25,43,.5))!important;border:1px solid rgba(76,187,246,.22)!important;border-radius:13px!important;gap:6px!important}
.posh-workshop-lockup{display:grid!important;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:center}
.posh-workshop-lockup img{display:block!important;width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,75,200,.32))}
.posh-workshop-lockup strong{display:block;color:#fff!important;font-size:12px!important;letter-spacing:.045em;line-height:1.15}.posh-workshop-lockup span{display:block;margin-top:3px;color:#82a8c2!important;font-size:8px!important;font-weight:800;letter-spacing:.15em}
.owner-access-badge{font-size:8px!important;color:#7dcdf8!important;background:#06324e!important;border-color:#11577d!important}
.nav-list{gap:13px!important;margin-top:16px!important}.nav-section{gap:3px!important}.nav-section-label{padding:5px 8px!important;color:#6e91a9!important;font-size:8px!important;letter-spacing:.18em!important}
.nav-item{min-height:37px!important;border-radius:8px!important;padding:0 9px!important;color:#d7e7f1!important;font-size:11px!important;font-weight:700!important;gap:9px!important;background:transparent!important}.nav-item svg{color:#86a9bf!important;width:16px!important;height:16px!important}.nav-item:hover{background:#08283d!important;color:#fff!important}.nav-item.active{background:linear-gradient(90deg,#066a9f,#078dcc)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(64,198,255,.24)!important}.nav-item.active svg{color:#c9f2ff!important}
.main-area{background:var(--pb-bg)!important;min-width:0!important}
.topbar.posh-final-topbar{height:62px!important;min-height:62px!important;padding:0 18px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--pb-line)!important;box-shadow:0 3px 14px rgba(12,44,71,.055)!important;backdrop-filter:blur(16px)}
.topbar>div:first-child{min-width:150px}.topbar .eyebrow{margin:0 0 2px!important;color:#7c8da2!important;font-size:9px!important}.topbar h1{margin:0!important;color:#0b1730!important;font-size:18px!important;line-height:1!important;letter-spacing:-.02em!important}.topbar-actions{gap:7px!important;min-width:0}.global-search{width:min(330px,31vw)!important;min-height:38px!important;background:#f6f9fc!important;border-color:#d8e4ee!important}.global-search input{font-size:11px!important;color:#21344a!important}.mode-badge.primary{background:#e7fbf4!important;border-color:#bdebdc!important;color:#087b5c!important}.mode-badge.backup{background:#fff7e7!important;border-color:#f1d8a2!important;color:#8b6400!important}.topbar-badge{background:#edf7ff!important;border-color:#cfe8fa!important;color:#0879b7!important}.icon-button{min-height:38px!important;width:38px!important;background:#fff!important;color:#24384f!important;border:1px solid #dbe5ee!important}.icon-button:hover{background:#f2f7fb!important}.posh-workspace-chip{display:inline-flex;align-items:center;height:38px;padding:0 10px;border:1px solid #d9e5ee;border-radius:8px;background:#fff;color:#0b1730;font-size:10px;font-weight:800}.posh-account-control{display:flex!important;align-items:center!important;gap:6px!important;height:38px!important;min-height:38px!important;padding:0 8px!important;border:1px solid #d9e5ee!important;border-radius:9px!important;background:#fff!important;color:#0c1a30!important}.posh-account-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#0d96e4,#105ff2);color:#fff;font-weight:900;font-size:10px}.posh-account-copy{display:grid;text-align:left;line-height:1.05}.posh-account-copy b{font-size:9px}.posh-account-copy small{font-size:7px;color:#8190a3}.page-content{padding:18px!important}

/* --- dashboard visual harmony --- */
.enterprise-dashboard.posh-final-dashboard{max-width:1370px!important;gap:13px!important;padding:14px 16px 28px!important}
.posh-bos-hero.posh-final-hero{background:linear-gradient(132deg,#fff 0%,#fbfdff 72%,#edf8ff 100%)!important;border-color:#d7e5ef!important;border-radius:16px!important;box-shadow:0 7px 22px rgba(20,64,97,.055)!important}.posh-final-hero h1{color:#09162e!important}.posh-final-hero p{color:#63758c!important}.posh-bos-btn.primary{background:linear-gradient(135deg,#098edc,#1169ef)!important}.posh-bos-btn.ai{background:linear-gradient(135deg,#7c2cf4,#9a21f3)!important}
.enterprise-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.enterprise-kpis .enterprise-card.posh-final-kpi{height:116px!important;min-height:116px!important;padding:14px!important;border:1px solid #d7e5ee!important;border-left:1px solid #d7e5ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 15px rgba(20,64,97,.045)!important}.enterprise-kpis .enterprise-card.posh-final-kpi:nth-child(n+5){height:104px!important;min-height:104px!important}.enterprise-kpis .enterprise-card.posh-final-kpi:after{opacity:.75!important}.enterprise-kpis .enterprise-card>strong{font-size:22px!important}.enterprise-kpis .enterprise-card>span{color:#61758d!important}.enterprise-kpis .enterprise-card>small{color:#8190a3!important}
.posh-bos-command{background:linear-gradient(90deg,#042237,#073049)!important;border:1px solid rgba(34,143,202,.18)!important;box-shadow:0 6px 18px rgba(5,42,65,.1)!important}.posh-bos-command strong{color:#fff!important}.posh-bos-command small{color:#91bad1!important}.dashboard-panels>.panel,.enterprise-dashboard>.panel{border-color:#d7e4ed!important;box-shadow:0 4px 14px rgba(20,64,97,.04)!important}.panel-header h2{color:#0a1730!important}.panel-header p,.dashboard-row span,.dashboard-row small{color:#6e8097!important}.table-wrap th{color:#536b84!important;background:#f5f9fc!important}.table-wrap td{color:#20344b!important}

/* --- BOS login --- */
.login-screen.posh-login-bos{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr)!important;align-items:center!important;justify-content:stretch!important;gap:36px!important;min-height:100vh!important;padding:30px clamp(30px,5vw,76px)!important;overflow:hidden!important;background:#02162c url('/assets/posh-workshop-tower.png') center/cover no-repeat!important}
.login-screen.posh-login-bos:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,18,39,.98) 0%,rgba(3,28,57,.9) 34%,rgba(6,41,74,.34) 62%,rgba(255,255,255,.08) 100%);z-index:0}.login-screen.posh-login-bos:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(1,18,38,.18));z-index:0;pointer-events:none}.posh-login-hero,.login-screen.posh-login-bos .login-panel{position:relative;z-index:1}
.posh-login-hero{align-self:stretch;display:flex;flex-direction:column;justify-content:center;max-width:650px;color:#fff;padding:10px 0}.posh-login-brand{position:absolute;top:12px;left:0;display:flex;align-items:center;gap:12px}.posh-login-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,68,210,.38))}.posh-login-brand strong{display:block;font-size:16px;letter-spacing:.05em;color:#fff}.posh-login-brand span{display:block;margin-top:3px;font-size:8px;font-weight:800;letter-spacing:.2em;color:#a6c9e2}.posh-secure-chip{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(183,222,247,.28);border-radius:999px;background:rgba(255,255,255,.09);font-size:9px;font-weight:900;letter-spacing:.13em;color:#d9efff}.posh-login-hero h1{margin:18px 0 12px;font-size:clamp(37px,4vw,62px);line-height:.99;letter-spacing:-.05em;color:#fff}.posh-login-hero p{max-width:560px;margin:0 0 18px;color:#c3d5e4;font-size:14px;line-height:1.55}.posh-login-hero ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:#d7e7f2;font-size:12px}.posh-login-hero li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:9px;border-radius:50%;background:rgba(31,185,255,.13);color:#54d5ff;font-weight:900}.posh-login-foot{position:absolute;bottom:6px;left:0;color:#8eb0c8;font-size:9px}
.login-screen.posh-login-bos .login-panel{justify-self:end;width:min(100%,420px)!important;gap:13px!important;padding:20px!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:20px!important;box-shadow:0 28px 70px rgba(1,20,42,.28)!important;backdrop-filter:blur(20px)}.posh-login-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:12px;background:#f1f5f9}.posh-login-tabs button,.posh-login-tabs a{display:flex;align-items:center;justify-content:center;height:34px;border-radius:9px;text-decoration:none;font-size:10px;font-weight:800;color:#66758a}.posh-login-tabs button{min-height:34px;padding:0;background:transparent}.posh-login-tabs .active{background:#fff!important;color:#0b1730!important;box-shadow:0 2px 8px rgba(19,50,77,.08)}.posh-login-intro h2{margin:4px 0 4px;font-size:24px;color:#0a1730;letter-spacing:-.035em}.posh-login-intro p{margin:0;color:#71839a;font-size:11px}.login-screen.posh-login-bos .mode-banner{font-size:9px!important;padding:7px 9px!important}.login-screen.posh-login-bos label{gap:5px}.login-screen.posh-login-bos label>span{font-size:10px!important;color:#40536c!important}.login-screen.posh-login-bos .input-with-icon{min-height:42px;border:1px solid #d7e2ec;border-radius:9px;background:#fbfdff;padding:0 10px}.login-screen.posh-login-bos .input-with-icon input{border:0!important;background:transparent!important;min-height:40px!important;padding:0!important;outline:0!important}.posh-login-submit{width:100%!important;min-height:43px!important;background:linear-gradient(90deg,#078edb,#115ff0)!important;border-radius:9px!important;font-size:11px!important;font-weight:900!important}.posh-login-secondary{width:100%!important;min-height:39px!important;border:1px solid #d9e3ec!important;background:#fff!important;color:#263950!important;font-size:10px!important}.login-screen.posh-login-bos .notice{font-size:10px!important}.login-screen.posh-login-bos .error-text{font-size:10px!important}

@media(max-width:1150px){.app-shell{grid-template-columns:196px minmax(0,1fr)!important}.sidebar{width:196px!important;min-width:196px!important}.posh-account-copy,.posh-workspace-chip{display:none!important}.enterprise-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.login-screen.posh-login-bos{grid-template-columns:1.15fr minmax(340px,.85fr)!important;padding:26px 34px!important}.posh-login-hero h1{font-size:45px}}
@media(max-width:820px){.app-shell{grid-template-columns:78px minmax(0,1fr)!important}.sidebar{width:78px!important;min-width:78px!important;padding-inline:7px!important}.posh-workshop-lockup{grid-template-columns:1fr}.posh-workshop-lockup img{width:46px;height:46px;margin:auto}.posh-workshop-lockup div,.sidebar .owner-access-badge,.nav-section-label,.nav-item span{display:none!important}.nav-item{justify-content:center!important;padding:0!important}.topbar{padding:0 10px!important}.topbar>div:first-child{display:none}.global-search{width:min(360px,48vw)!important}.enterprise-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.login-screen.posh-login-bos{grid-template-columns:1fr!important;padding:20px!important;background-position:60% center!important}.posh-login-hero{display:none}.login-screen.posh-login-bos:before{background:rgba(1,18,39,.68)}.login-screen.posh-login-bos .login-panel{justify-self:center!important;width:min(100%,430px)!important}}
@media(max-width:540px){.topbar-actions{width:100%;justify-content:flex-end}.global-search{display:none!important}.enterprise-kpis{grid-template-columns:1fr!important}.page-content{padding:10px!important}}