/* Nexus by EVOADS — workspace identity */
:root{--bg:#f5f6fa;--surface:#fff;--surface-2:#f7f8fc;--text:#242334;--muted:#737184;--line:#e7e6ef;--primary:#6c46e8;--primary-strong:#5732ca;--brand-deep:#5732ca;--brand-light:#8f72ed;--accent:#c4f275;--shadow:0 8px 32px #27213b08;--shadow-soft:0 3px 14px #27213b05}
html,body,button,input,select,textarea{font-family:'Manrope',system-ui,sans-serif!important}
body,.app-main{background:#f5f6fa!important;color:#242334!important}
body{font-size:16px;line-height:1.6}
h1,h2,h3,h4{letter-spacing:-.035em!important;color:#242334!important}
h1{font-weight:800!important}button,a,input,select,textarea{touch-action:manipulation}button{font-weight:700!important}
:focus-visible{outline:3px solid #9d86f2!important;outline-offset:3px}
.sidebar{background:#fff!important;border-right:1px solid #e7e6ef!important;box-shadow:none!important}
.brand{background:transparent!important;border-bottom:1px solid #eeeaf5!important;padding:20px 16px!important;gap:12px!important}
.brand-mark{background:transparent!important;border:0!important;border-radius:14px!important;box-shadow:none!important;flex-shrink:0}
.brand-mark img{width:42px!important;height:42px!important;object-fit:contain!important}
.brand strong{color:#242334!important;letter-spacing:.13em!important;font-size:20px!important}
.brand small{color:#858095!important;font-size:12px!important}
.menu-label{color:#9a96a9!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important;padding-top:14px!important}
.nav-list{padding:10px 12px!important;gap:5px!important}
.nav-list a{font-size:14px!important;font-weight:600!important;color:#706b80!important;border:0!important;border-radius:12px!important;min-height:46px!important;padding:12px!important}
.nav-list a:hover{background:#f7f5fc!important;color:#5732ca!important}
.nav-list a.active{background:#eee9fc!important;color:#6941d9!important;box-shadow:none!important}
.nav-icon{background:transparent!important;color:inherit!important;border:0!important}.nav-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}
.nav-badge{background:#6c46e8!important;color:white!important;border-radius:7px!important;font-size:11px!important}
.profile-box{background:#faf9fc!important;border:1px solid #eeeaf5!important;border-radius:16px!important;margin:12px!important;padding:12px!important}
.topbar{background:transparent!important;border:0!important;box-shadow:none!important;padding:12px 0 26px!important;gap:18px!important}
.topbar h1{font-size:clamp(24px,2.4vw,34px)!important;line-height:1.25!important}
.eyebrow{font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;color:#8a809d!important}
.app-main{padding:28px 34px!important}
.global-search{background:white!important;border:1px solid #e7e6ef!important;border-radius:12px!important;box-shadow:none!important}
.global-search input{background:transparent!important;font-size:13px!important}
.live-pill{border:1px solid #d6eade!important;background:#f1faf5!important;color:#3d8562!important;border-radius:8px!important;font-size:11px!important}
.primary-button{background:#6c46e8!important;color:white!important;border:1px solid #6c46e8!important;border-radius:10px!important;box-shadow:none!important;padding:11px 17px!important;font-size:13px!important}
.primary-button:hover{background:#5732ca!important;transform:translateY(-1px)}
.secondary-button,.ghost-button,.quiet-action{border-radius:10px!important;box-shadow:none!important}
button:disabled{opacity:.55;cursor:wait}
input,select,textarea{border:1px solid #e4e1ed!important;border-radius:10px!important;background:#fff!important;color:#302b40!important;padding:11px 12px!important;font-size:14px!important}
input[type=checkbox],input[type=radio]{padding:0!important;accent-color:#6c46e8}
input:focus,textarea:focus,select:focus{border-color:#9172ed!important;box-shadow:0 0 0 3px #6c46e811!important}
.metrics-grid article,.metric-card,.section-block,.command-center,.ops-dashboard,.kanban-column,.time-clock-page,.agenda-workspace,.split-grid>article,.daily-panel{background:white!important;border:1px solid #e7e6ef!important;border-radius:17px!important;box-shadow:0 4px 20px #33265504!important}
.metric-card strong,.metrics-grid strong{color:#302741!important;letter-spacing:-.04em!important}
.task-card,.company-card,.person-card{border:1px solid #ece9f1!important;border-radius:13px!important;box-shadow:0 3px 12px #32244105!important}
.task-card:hover,.company-card:hover{box-shadow:0 8px 22px #3224410d!important}
.login-screen{background:#f7f8fb!important;min-height:100vh!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;padding:92px 7vw 50px!important;gap:7vw!important}
.login-screen.hidden{display:none!important}
.login-brand{position:absolute!important;left:7vw!important;top:30px!important;display:flex!important;gap:12px!important;align-items:center!important}
.login-brand .brand-logo{width:46px!important;height:46px!important;filter:none!important;object-fit:contain!important}
.login-brand strong{color:#262039!important;font-size:20px!important;letter-spacing:.15em!important}.login-brand small{color:#8a8197!important;letter-spacing:.08em}
.login-stage{position:relative!important;inset:auto!important;display:flex!important;min-height:560px!important;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:48px!important;border-radius:32px!important;background:#211837!important;overflow:hidden;opacity:1!important;transform:none!important;pointer-events:none}
.login-stage p{position:relative;color:#fff!important;font-size:clamp(30px,3.8vw,54px)!important;line-height:1.13;letter-spacing:-.055em;margin:0 0 28px;z-index:1}.login-stage strong{color:#c4f275}.login-stage>span{font-size:11px;letter-spacing:.2em;color:#aaa0c3;z-index:1}
.nexus-orb{position:absolute;top:55px;left:12%;width:300px;height:300px;border:44px solid #9971ff;border-radius:36%;transform:rotate(-25deg);box-shadow:inset 18px 8px 34px #10072166,18px 18px 80px #9b6aff55;background:linear-gradient(130deg,#6c46e8,#322347);opacity:.95}
.nexus-orb:after{content:'';position:absolute;right:-72px;bottom:-58px;width:100px;height:100px;background:#c4f275;border-radius:28px;transform:rotate(32deg);box-shadow:10px 15px 40px #110a2266}
.login-card{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:420px!important;margin:auto!important;background:transparent!important;border:0!important;padding:20px 0!important;box-shadow:none!important;backdrop-filter:none!important}
.login-card h1{font-size:clamp(30px,3vw,42px)!important;line-height:1.2!important;margin:16px 0!important;color:#282036!important}
.login-description{color:#80778d;line-height:1.75;font-size:14px;margin-bottom:28px}
.login-card label{font-size:13px!important;font-weight:700!important;color:#4c415e!important;margin-bottom:18px!important;display:grid;gap:8px}
.login-card input{background:white!important;min-height:48px!important}
.login-card .primary-button{width:100%;min-height:48px;margin-top:8px}
.login-insight{display:none!important}
.purchase-workspace{max-width:1500px;margin:0 auto}.purchase-intro{display:flex;justify-content:space-between;align-items:center;border:1px solid #e7e1f7;background:linear-gradient(110deg,#eee9fc,#f8f7fe);padding:27px 30px;border-radius:20px;margin-bottom:24px}
.purchase-intro h2{font-size:24px;margin:6px 0 8px}.purchase-intro p{margin:0;color:#81758d;font-size:14px}.purchase-intro-icon{display:grid;place-items:center;background:#6c46e8;color:white;font-size:34px;width:66px;height:66px;border-radius:20px;flex-shrink:0;margin-left:20px}
.purchase-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}
.purchase-form,.purchase-list-panel{background:#fff;border:1px solid #e7e6ef;border-radius:20px;padding:26px;min-width:0}
.purchase-form h3,.purchase-list-head h3{font-size:19px;margin:0 0 5px}.purchase-form>p,.purchase-list-head p{font-size:13px;color:#81758d;margin:0 0 22px}.purchase-form label,.purchase-action-form label{display:grid;gap:8px;font-size:14px;font-weight:700;color:#534a63;margin:17px 0}.purchase-form label span{font-size:12px;font-weight:400;color:#8b8298}.purchase-form input,.purchase-form textarea{width:100%;min-width:0;box-sizing:border-box}.purchase-form-row{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.purchase-form .primary-button{width:100%;display:flex;justify-content:space-between;margin-top:18px}.purchase-feedback{color:#6344a9!important;margin:8px 0!important;font-size:14px!important}
.purchase-list-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:12px}.purchase-filter{font-size:11px;color:#81758d;display:grid;gap:5px}.purchase-filter select{font-size:12px!important}.purchase-card{border:1px solid #ece9f1;border-radius:14px;padding:20px;margin-bottom:16px}.purchase-card-top{display:flex;justify-content:space-between;gap:8px}.purchase-id{font-size:10px;letter-spacing:.08em;color:#a39aaa}.purchase-status{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;background:#f1eef7;color:#756780}.purchase-status[data-status=pending]{background:#fff5df;color:#93641a}.purchase-status[data-status=approved]{background:#ede7ff;color:#6c46ba}.purchase-status[data-status=purchased]{background:#e7f2ff;color:#3b6caa}.purchase-status[data-status=delivered]{background:#e4f5eb;color:#317453}.purchase-status[data-status=rejected]{background:#fcebec;color:#a74d5a}.purchase-card h4{font-size:17px;margin:12px 0 4px}.purchase-meta{font-size:11px;color:#908698}.purchase-reason{font-size:14px;color:#665b74;white-space:pre-wrap;overflow-wrap:anywhere}.purchase-links{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:#82748f}.purchase-links a{color:#6c46e8;font-weight:700}.purchase-note{padding:12px;background:#f7f5fb;border-radius:10px;font-size:12px;margin-top:15px}.purchase-note p{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.purchase-history{font-size:12px;color:#8a7c96;margin-top:16px}.purchase-history summary{cursor:pointer}.purchase-history p{padding:10px;border-left:2px solid #e8defa;white-space:pre-wrap;overflow-wrap:anywhere}.purchase-action-form{margin-top:16px;border-top:1px solid #eeeaf5;padding-top:4px}.purchase-actions{display:flex;gap:10px;flex-wrap:wrap}.purchase-action-feedback{font-size:12px;color:#ab4254}.purchase-empty{text-align:center;padding:65px 20px;color:#96899e}.purchase-empty>span{font-size:30px;background:#f1ecfc;color:#7956c9;border-radius:18px;padding:10px 20px;display:inline-block}.purchase-empty h4{font-size:17px;margin:20px 0 8px}.purchase-empty p{font-size:13px;max-width:310px;margin:auto}
@media(max-width:1100px){.app-main{padding:22px!important}.purchase-layout{grid-template-columns:1fr}.purchase-form{max-width:none}.login-screen{padding:95px 5vw 35px!important;gap:5vw!important}.login-stage{min-height:520px!important;padding:30px!important}.nexus-orb{width:210px;height:210px;border-width:32px}.topbar{flex-wrap:wrap}}
@media(max-width:700px){.login-screen{display:flex!important;padding:100px 24px 30px!important}.login-screen.hidden{display:none!important}.login-stage{display:none!important}.login-brand{left:24px!important}.login-card{max-width:440px!important}.app-main{padding:16px!important}.purchase-intro{padding:22px}.purchase-intro h2{font-size:21px}.purchase-intro-icon{display:none}.purchase-form,.purchase-list-panel{padding:18px}.purchase-list-head{flex-wrap:wrap}.topbar-actions{flex-wrap:wrap!important}.global-search{max-width:100%!important}.purchase-layout{gap:16px}.purchase-card{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* EVOADS brand system — aligned to the approved black, white and violet identity */
:root{--primary:#8b3dff;--primary-strong:#6f28e8;--brand-deep:#4f169f;--brand-light:#9d51ff;--accent:#8b3dff;--ink:#090909;--ink-soft:#141414}
.sidebar{background:linear-gradient(180deg,#090909 0%,#111 62%,#090909 100%)!important;border-right-color:#242424!important;color:#fff!important}
.sidebar-circuit{opacity:.32!important;background:radial-gradient(circle at 30px 120px,#8b3dff 0 2px,transparent 3px),linear-gradient(90deg,transparent 0 32px,#ffffff0a 32px 33px,transparent 33px)!important}
.brand{border-bottom-color:#ffffff14!important;min-height:72px!important}
.brand-mark{width:48px!important;height:44px!important;padding:4px!important;border-radius:0!important;background:transparent!important}
.brand-mark img{width:100%!important;height:100%!important}
.brand strong{color:#fff!important;font-size:19px!important;letter-spacing:.18em!important;font-weight:700!important}
.sidebar-lockup{display:grid;gap:1px}.sidebar-lockup small{color:#9d51ff!important;font-size:9px!important;letter-spacing:.11em!important}.sidebar-lockup small b{color:#fff;font-style:normal}.sidebar-lockup small i{color:#aaa;font-style:normal}
.menu-label{color:#747474!important}.nav-list a{color:#bcbcbc!important}.nav-list a:hover{background:#ffffff0d!important;color:#fff!important}.nav-list a.active{background:#fff!important;color:#111!important;box-shadow:0 8px 24px #0004!important}.nav-list a.active .nav-icon{color:#8b3dff!important}.nav-icon{color:#8d8d8d!important}.nav-badge{background:#8b3dff!important}.profile-box{background:#171717!important;border-color:#292929!important}.profile-box,.profile-box button{color:#e8e8e8!important}.profile-button,.profile-box .ghost-button{background:#202020!important;border-color:#303030!important}
.sidebar-toggle{background:#8b3dff!important;border-color:#8b3dff!important;color:#fff!important}
.eyebrow{color:#7d31e8!important}.primary-button{background:#8b3dff!important;border-color:#8b3dff!important}.primary-button:hover{background:#6f28e8!important}.purchase-intro{border-color:#ded0f5!important;background:linear-gradient(115deg,#f2ecff,#fff)!important}.purchase-intro-icon{background:#0c0c0c!important;color:#9d51ff!important}.purchase-links a{color:#7130d5!important}

/* Branded access experience */
.login-screen{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;background:#090909!important;padding:94px 5vw 48px!important;gap:clamp(36px,6vw,100px)!important}
.login-brand{left:5vw!important;top:28px!important;gap:14px!important}.login-brand .brand-logo{width:54px!important;height:46px!important}.evoads-lockup{display:grid;line-height:1}.evoads-lockup strong{color:#fff!important;font-size:25px!important;font-weight:600!important;letter-spacing:.22em!important}.evoads-lockup strong span{font-weight:400!important}.evoads-lockup small{margin-top:7px;color:#9d51ff!important;font-size:8px!important;font-weight:700!important;letter-spacing:.25em!important}
.login-stage{min-height:580px!important;padding:clamp(32px,4vw,58px)!important;border:1px solid #242424!important;border-radius:28px!important;background:radial-gradient(circle at 72% 22%,#8b3dff24,transparent 30%),linear-gradient(145deg,#151515,#090909 70%)!important;box-shadow:0 30px 90px #0008!important}
.login-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(#ffffff07 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.stage-kicker{position:absolute;top:42px;left:48px;color:#9d51ff;font-size:11px;font-weight:800;letter-spacing:.2em;z-index:2}
.login-stage p{font-size:clamp(34px,4vw,62px)!important;font-weight:600!important;letter-spacing:-.055em!important;text-transform:uppercase!important}.login-stage strong{color:#9d51ff!important}.login-stage>span{color:#888!important}.nexus-orb{top:70px!important;left:auto!important;right:10%!important;width:270px!important;height:220px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:rotate(-8deg)!important;opacity:.85!important}
.nexus-orb:before,.nexus-orb:after{content:''!important;position:absolute!important;left:0!important;width:100%!important;height:44px!important;border-radius:0!important;transform:skewX(-32deg)!important;box-shadow:none!important}.nexus-orb:before{top:34px!important;background:#fff!important;box-shadow:0 76px 0 #8b3dff,0 152px 0 #6f28e8!important}.nexus-orb:after{display:none!important}
.login-card{max-width:450px!important;padding:42px!important;border:1px solid #e9e9e9!important;border-radius:28px!important;background:#fff!important;box-shadow:0 30px 90px #0007!important}.login-card h1{color:#111!important;font-size:clamp(32px,3vw,46px)!important}.login-description{color:#777!important}.login-card label{color:#333!important}.login-card input,.login-card .password-control input{border-color:#dedede!important;background:#fafafa!important;color:#171717!important;-webkit-text-fill-color:#171717!important;caret-color:#8b3dff!important}.login-card input::placeholder{color:#929292!important;-webkit-text-fill-color:#929292!important}.login-card input:focus{border-color:#8b3dff!important;box-shadow:0 0 0 4px #8b3dff14!important}.login-card .password-control button{color:#6f28e8!important}

/* Mobile-first operating experience */
@media(max-width:760px){
  html{scroll-padding-bottom:104px}body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;background:#f5f6fa!important}
  .login-screen{min-height:100svh!important;display:flex!important;align-items:flex-end!important;padding:104px 18px max(20px,env(safe-area-inset-bottom))!important;background:radial-gradient(circle at 70% 4%,#8b3dff33,transparent 28%),#090909!important}
  .login-screen.hidden{display:none!important}.login-brand{left:22px!important;top:26px!important}.login-brand .brand-logo{width:46px!important;height:40px!important}.evoads-lockup strong{font-size:21px!important}.evoads-lockup small{font-size:7px!important}.login-card{max-width:none!important;margin:0!important;padding:30px 22px!important;border-radius:24px!important}.login-card h1{font-size:34px!important}.login-description{margin-bottom:22px!important}.login-card label{margin-bottom:14px!important}.login-card input,.login-card .primary-button{min-height:52px!important;font-size:16px!important}
  .sidebar,body.sidebar-collapsed .sidebar{inset:auto 0 0!important;width:100%!important;height:calc(78px + env(safe-area-inset-bottom))!important;padding:7px 8px env(safe-area-inset-bottom)!important;background:#090909!important;border-top:1px solid #242424!important;border-right:0!important;box-shadow:0 -12px 36px #1113!important;overflow-x:auto!important;scrollbar-width:none!important}.sidebar::-webkit-scrollbar{display:none}.sidebar-circuit,.sidebar-toggle{display:none!important}
  .nav-list{display:flex!important;gap:4px!important;padding:0!important;min-width:max-content!important}.nav-list a,body.sidebar-collapsed .nav-list a{width:70px!important;min-width:70px!important;min-height:62px!important;padding:7px 5px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:4px!important;border-radius:12px!important;font-size:10px!important;line-height:1.1!important;scroll-snap-align:center!important}.nav-list a.active{background:#8b3dff!important;color:#fff!important}.nav-list a.active .nav-icon{color:#fff!important}.nav-icon{width:24px!important;height:24px!important}.nav-icon svg{width:21px!important;height:21px!important}.nav-badge{position:absolute!important;top:4px!important;right:6px!important}
  .app-main,body.sidebar-collapsed .app-main{margin-left:0!important;padding:18px 14px calc(96px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}.topbar{gap:14px!important;padding:4px 0 18px!important}.topbar h1{font-size:clamp(25px,8vw,32px)!important}.topbar-actions{display:grid!important;grid-template-columns:1fr auto auto!important;gap:8px!important}.global-search{grid-column:1/-1!important;min-width:0!important;max-width:none!important}.global-search input{min-height:46px!important;font-size:16px!important}.topbar-actions .primary-button{grid-column:1/-1!important;min-height:48px!important}.icon-button{min-width:44px!important;min-height:44px!important}.live-pill{min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .metrics-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.metrics-grid article,.metric-card{min-width:0!important;padding:16px!important;border-radius:14px!important}.metrics-grid strong{font-size:28px!important}
  .section-heading{align-items:flex-start!important;flex-direction:column!important}.section-heading>*{max-width:100%!important}.toolbar{overflow-x:auto!important;scrollbar-width:none!important}.toolbar>*{flex:0 0 auto}.table-wrap{margin-inline:-14px!important;padding-inline:14px!important;overscroll-behavior-inline:contain!important}
  .purchase-intro{padding:20px!important;border-radius:18px!important}.purchase-layout{grid-template-columns:1fr!important;gap:14px!important}.purchase-form,.purchase-list-panel{padding:18px!important;border-radius:18px!important}.purchase-form-row{grid-template-columns:1fr!important}.purchase-form input,.purchase-form textarea,.purchase-filter select{font-size:16px!important;min-height:48px!important}.purchase-form .primary-button{min-height:50px!important}.purchase-card{padding:16px!important}.purchase-card-top,.purchase-actions{align-items:stretch!important}.purchase-actions>*{flex:1 1 130px!important;min-height:44px!important}.purchase-list-head{align-items:stretch!important}.purchase-filter{width:100%!important}
  .modal-backdrop{padding:10px!important;align-items:end!important}.modal-card{max-height:92svh!important;width:100%!important;border-radius:22px 22px 12px 12px!important;overflow:auto!important}.form-grid,.inline-form,.split-grid,.agenda-workspace,.chat-workspace{grid-template-columns:1fr!important}.toast{right:12px!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;left:12px!important;min-width:0!important;max-width:none!important}
}

/* Dashboard home — one visual system, clear hierarchy and predictable scanning */
.dashboard-home{max-width:1180px;margin:0 auto;display:grid;gap:18px}
.dashboard-summary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 2px 8px}
.dashboard-summary-head h2{margin:4px 0 5px;color:#17151c!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.08;letter-spacing:-.045em!important}
.dashboard-summary-head>div>p:last-child{margin:0;color:#7d7985;font-size:14px}
.dashboard-summary-head .date-control{min-width:148px;color:#777381!important;font-size:11px!important}
.dashboard-summary-head .date-control input{min-height:42px!important;background:#fff!important}
.dashboard-chart-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);gap:14px}
.dashboard-chart-card{min-width:0;padding:20px 22px;border:1px solid #e8e7ec;border-radius:20px;background:#fff;box-shadow:0 8px 30px #15121c08}
.dashboard-chart-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.dashboard-chart-card h3{margin:3px 0 0;color:#24212a!important;font-size:18px!important}.dashboard-chart-card .quiet-action{min-height:34px;padding:0 11px;border:1px solid #e8e4ed;border-radius:9px;background:#faf9fc;color:#6f28e8;font-size:11px;font-weight:700}
.workflow-chart-body{display:grid;grid-template-columns:178px minmax(0,1fr);align-items:center;gap:28px;min-height:184px}.workflow-donut{width:166px;height:166px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--workflow-donut));position:relative}.workflow-donut:after{content:'';position:absolute;width:108px;height:108px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #f2f0f4}.workflow-donut>span{position:relative;z-index:1;display:grid;justify-items:center;gap:3px}.workflow-donut strong{color:#1e1b22;font-size:32px;line-height:1;letter-spacing:-.06em}.workflow-donut small{color:#8e8993;font-size:10px}
.workflow-legend{display:grid;gap:8px}.workflow-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:0 10px;border-radius:9px;background:#faf9fc}.workflow-legend i{width:8px;height:8px;border-radius:3px;background:var(--legend-color)}.workflow-legend span{color:#6f6b75;font-size:11px}.workflow-legend strong{color:#26222b;font-size:13px}
.weekly-chart-card{display:grid;grid-template-rows:auto minmax(150px,1fr) auto}.weekly-bars{height:172px;display:grid;grid-template-columns:repeat(7,minmax(26px,1fr));align-items:end;gap:8px;padding:8px 2px 0;border-bottom:1px solid #ebe9ef;background:repeating-linear-gradient(to top,transparent 0 43px,#f3f1f5 43px 44px)}.weekly-bar{height:100%;display:grid;grid-template-rows:18px minmax(0,1fr) 24px;align-items:end;justify-items:center;gap:4px}.weekly-bar>span{color:#8b8791;font-size:9px}.weekly-bar>i{width:min(24px,68%);height:var(--bar-height);min-height:5px;border-radius:6px 6px 2px 2px;background:#d8d4de;transition:height .25s ease}.weekly-bar.current>i{background:linear-gradient(180deg,#9d51ff,#6f28e8)}.weekly-bar>small{color:#8c8792;font-size:9px;text-transform:capitalize}.weekly-bar.current>small{color:#6f28e8;font-weight:800}
.dashboard-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.dashboard-mini-kpis>div{min-width:0;padding:9px 10px;border-radius:10px;background:#faf9fc}.dashboard-mini-kpis span{display:block;color:#8b8791;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-mini-kpis strong{display:block;margin-top:3px;color:#252129;font-size:18px;line-height:1}.dashboard-mini-kpis small{display:none}
.dashboard-stat-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px}
.dashboard-stat{position:relative;min-height:126px;display:grid;align-content:space-between;padding:20px 22px;overflow:hidden;border:1px solid #e8e7ec;border-radius:18px;background:#fff;box-shadow:0 8px 30px #15121c08}
.dashboard-stat span{color:#777381;font-size:12px;font-weight:700}
.dashboard-stat strong{color:#17151c;font-size:42px;line-height:1;font-weight:700;letter-spacing:-.06em}
.dashboard-stat small{color:#99959f;font-size:11px}
.dashboard-stat.primary{border-color:#181819;background:#0d0d0e}.dashboard-stat.primary span,.dashboard-stat.primary small{color:#aaa6ae}.dashboard-stat.primary strong{color:#fff}.dashboard-stat.primary:after{content:'';position:absolute;right:-25px;bottom:-44px;width:120px;height:120px;border:22px solid #8b3dff;border-radius:36px;transform:rotate(32deg);opacity:.78}
.dashboard-stat.attention strong{color:#6f28e8}
.dashboard-priority{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);align-items:stretch;gap:18px;padding:20px;border:1px solid #ded7e9;border-radius:20px;background:linear-gradient(135deg,#f5f0ff,#fff 62%);box-shadow:none}
.dashboard-priority-copy{display:flex;flex-direction:column;justify-content:center;padding:4px 6px}.dashboard-priority-copy h3{margin:5px 0 8px;color:#201b27!important;font-size:22px!important}.dashboard-priority-copy>p:last-child{margin:0;color:#79717f;font-size:12px;line-height:1.5}
.dashboard-priority .pilot-action{display:grid;min-width:0}.dashboard-priority .pilot-next{width:100%;min-height:118px;display:grid;align-content:center;justify-items:start;gap:5px;padding:19px 22px;border:0;border-radius:15px;background:#fff!important;color:#17151c!important;text-align:left;box-shadow:0 8px 26px #3824540a}.dashboard-priority .pilot-next:hover{transform:translateY(-1px)}.dashboard-priority .pilot-next span{color:#8b3dff!important;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.dashboard-priority .pilot-next strong{color:#17151c!important;font-size:20px!important}.dashboard-priority .pilot-next small{color:#76717c!important;font-size:12px!important;line-height:1.45}
.dashboard-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dashboard-list-card{min-width:0;padding:20px;border:1px solid #e8e7ec;border-radius:20px;background:#fff;box-shadow:0 8px 30px #15121c08}
.dashboard-list-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid #efedf2}.dashboard-list-card h3{margin:3px 0 0;color:#24212a!important;font-size:18px!important}.dashboard-list-card .quiet-action{min-height:36px;padding:0 11px;border:1px solid #e8e4ed;border-radius:9px;background:#faf9fc;color:#6f28e8;font-size:11px;font-weight:700}
.dashboard-list-card .daily-list{gap:8px!important}.dashboard-list-card .daily-item,.dashboard-list-card .agenda-item,.dashboard-list-card .empty-state{min-height:58px!important;padding:12px 14px!important;border:1px solid #ecebf0!important;border-radius:12px!important;background:#fafafd!important;box-shadow:none!important}.dashboard-list-card .daily-item:hover,.dashboard-list-card .agenda-item:hover{border-color:#cdb9ee!important;background:#f8f4ff!important;transform:none!important}.dashboard-list-card .daily-item strong,.dashboard-list-card .agenda-item strong{color:#2d2932!important;font-size:13px!important}.dashboard-list-card .daily-item span,.dashboard-list-card .daily-item small,.dashboard-list-card .agenda-item small{color:#8b8791!important;font-size:10px!important}
.dashboard-data-sink{display:none!important}
body[data-active-view="dashboard"] .topbar{min-height:68px!important;margin-bottom:18px!important;padding-bottom:13px!important;border-bottom:1px solid #e9e8ed!important}
body[data-active-view="dashboard"] .topbar h1{font-size:26px!important;letter-spacing:-.035em!important}
body[data-active-view="dashboard"] .topbar .eyebrow{font-size:10px!important}
body[data-active-view="dashboard"] .global-search{max-width:300px!important}
body[data-active-view="dashboard"] #liveStatus,body[data-active-view="dashboard"] #tvModeBtn{display:none!important}
body[data-active-view="dashboard"] .topbar{display:none!important}
@media(max-width:980px){.dashboard-chart-grid{grid-template-columns:1fr}.weekly-chart-card{min-height:300px}.dashboard-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-priority{grid-template-columns:1fr}.dashboard-priority-copy{padding:0}.dashboard-priority-copy>p:last-child{display:none}.dashboard-list-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  .dashboard-home{gap:14px}.dashboard-summary-head{align-items:stretch;flex-direction:column;gap:13px;padding-top:0}.dashboard-summary-head h2{font-size:30px!important}.dashboard-summary-head>div>p:last-child{font-size:12px}.dashboard-summary-head .date-control{width:100%}
  .dashboard-chart-grid{gap:12px}.dashboard-chart-card{padding:16px;border-radius:18px}.dashboard-chart-card>header{align-items:flex-start;margin-bottom:14px}.workflow-chart-body{grid-template-columns:122px minmax(0,1fr);gap:14px;min-height:142px}.workflow-donut{width:120px;height:120px}.workflow-donut:after{width:76px;height:76px}.workflow-donut strong{font-size:25px}.workflow-legend{gap:5px}.workflow-legend>div{min-height:28px;padding:0 8px;gap:7px}.weekly-chart-card{min-height:284px}.weekly-bars{height:150px;gap:5px}.dashboard-mini-kpis{margin-top:12px}
  .dashboard-stat-row{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x mandatory;scrollbar-width:none}.dashboard-stat-row::-webkit-scrollbar{display:none}.dashboard-stat{min-width:136px;min-height:105px;padding:16px;scroll-snap-align:start}.dashboard-stat strong{font-size:34px}.dashboard-stat.primary{min-width:150px}
  .dashboard-priority{gap:12px;padding:16px;border-radius:18px}.dashboard-priority-copy h3{font-size:19px!important}.dashboard-priority .pilot-next{min-height:96px;padding:16px 17px}.dashboard-priority .pilot-next strong{font-size:18px!important}
  .dashboard-list-grid{gap:14px}.dashboard-list-card{padding:16px;border-radius:18px}.dashboard-list-card>header{align-items:flex-start}.dashboard-list-card h3{font-size:16px!important}.dashboard-list-card .quiet-action{white-space:nowrap}
  body[data-active-view="dashboard"] .topbar{margin-bottom:14px!important}.topbar-actions #refreshBtn{display:none!important}
}
@media(max-width:390px){.metrics-grid{grid-template-columns:1fr!important}.login-card{padding:26px 18px!important}.login-card h1{font-size:30px!important}.nav-list a,body.sidebar-collapsed .nav-list a{width:66px!important;min-width:66px!important}}

/* Dark analytics canvas — visually distinct from operational lists */
.dashboard-chart-grid{position:relative;padding:14px;border:1px solid #252529;border-radius:26px;background:radial-gradient(circle at 8% 0,#8b3dff2b,transparent 30%),linear-gradient(145deg,#121214,#09090a);box-shadow:0 22px 60px #16121d1a;overflow:hidden}
.dashboard-chart-grid:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.dashboard-chart-card{position:relative;z-index:1;border-color:#2b2b30;background:#171719;box-shadow:none}
.dashboard-chart-card>header{border-bottom:1px solid #2a292e;padding-bottom:13px}.dashboard-chart-card h3{color:#fff!important}.dashboard-chart-card .eyebrow{color:#a65dff!important}.dashboard-chart-card .quiet-action{border-color:#3a3442;background:#221d28;color:#bd88ff}
.workflow-donut{background:conic-gradient(var(--workflow-donut));box-shadow:0 0 40px #8b3dff1f}.workflow-donut:after{background:#171719;box-shadow:0 0 0 1px #2c2930}.workflow-donut strong{color:#fff}.workflow-donut small{color:#8f8b94}
.workflow-legend>div{background:#1f1f22}.workflow-legend span{color:#aaa6af}.workflow-legend strong{color:#fff}
.weekly-bars{border-bottom-color:#343139;background:repeating-linear-gradient(to top,transparent 0 43px,#29282d 43px 44px)}.weekly-bar>span,.weekly-bar>small{color:#8e8a94}.weekly-bar>i{background:#3e3b43}.weekly-bar.current>i{background:linear-gradient(180deg,#b978ff,#7a2ee8);box-shadow:0 0 20px #8b3dff55}.weekly-bar.current>small{color:#bd88ff}
.dashboard-mini-kpis>div{background:#202023}.dashboard-mini-kpis span{color:#95919b}.dashboard-mini-kpis strong{color:#fff}.dashboard-mini-kpis>div:last-child strong{color:#bd88ff}
@media(max-width:760px){.dashboard-chart-grid{display:flex;gap:9px;padding:9px;border-radius:21px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.dashboard-chart-grid::-webkit-scrollbar{display:none}.dashboard-chart-card{flex:0 0 calc(100vw - 48px);border-radius:15px;scroll-snap-align:start}.workflow-chart-body{gap:12px}.workflow-legend>div{background:#202023}}

@media(max-width:760px){.dashboard-home{gap:10px}.dashboard-summary-head{display:grid;grid-template-columns:minmax(0,1fr) 148px;align-items:end;gap:12px;padding:0 2px 2px}.dashboard-summary-head h2{margin:2px 0 0!important;font-size:25px!important}.dashboard-summary-head>div>p:last-child{display:none}.dashboard-summary-head .date-control{width:148px}.dashboard-summary-head .date-control input{min-height:40px!important;padding:8px!important;font-size:12px!important}}
@media(max-width:430px){.dashboard-summary-head{grid-template-columns:1fr 128px}.dashboard-summary-head .date-control{width:128px}.dashboard-chart-card{flex-basis:calc(100vw - 40px)}.workflow-chart-body{grid-template-columns:108px minmax(0,1fr)}.workflow-donut{width:106px;height:106px}.workflow-donut:after{width:68px;height:68px}}

/* Versioned release notification */
.update-banner{position:fixed;right:22px;bottom:22px;z-index:120;width:min(520px,calc(100vw - 44px));display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid #31293b;border-radius:18px;background:linear-gradient(145deg,#171719,#0d0d0e);color:#fff;box-shadow:0 24px 70px #09070d66;animation:updateBannerIn .28s ease both}
.update-banner.hidden{display:none!important}.update-banner-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#8b3dff;color:#fff;font-size:22px;font-weight:700;box-shadow:0 8px 24px #8b3dff4d}.update-banner strong{display:block;color:#fff;font-size:14px}.update-banner p{margin:3px 0 0;color:#aaa6af;font-size:11px;line-height:1.4}.update-banner-actions{display:flex;align-items:center;gap:7px}.update-banner-actions button{min-height:38px;padding:0 12px;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer}.update-later{border:1px solid #39363e;background:#232326;color:#c1bdc5}.update-now{border:1px solid #8b3dff;background:#8b3dff;color:#fff}.update-now:hover{background:#7430de}.update-later:hover{background:#2d2c30}@keyframes updateBannerIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.update-banner{right:10px;bottom:calc(90px + env(safe-area-inset-bottom));width:calc(100vw - 20px);grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px;border-radius:16px}.update-banner-mark{width:38px;height:38px;border-radius:11px}.update-banner-actions{grid-column:1/-1}.update-banner-actions button{flex:1;min-height:42px}}