:root{
  --brand-teal:#00778a;--brand-teal-dark:#005d6c;--brand-gold:#f39a24;
  --ink:#19313a;--muted:#677980;--line:#dce6e8;--paper:#fff;--canvas:#f3f7f7;
  --green:#08765a;--green-dark:#075b47;--green2:#e8f6f0;--orange:#e9842f;
  --nav:#102d31;--nav-soft:#173c41;--shadow:0 12px 34px rgba(19,58,65,.075);
}
body{background:radial-gradient(circle at 92% 0,rgba(0,119,138,.055),transparent 27rem),linear-gradient(180deg,#f8fbfb 0,#f2f6f6 100%);color:var(--ink)}
.sidebar{background:linear-gradient(180deg,#0c3138 0%,#102b2d 48%,#112821 100%);box-shadow:9px 0 34px rgba(9,42,47,.12)}
.brand{position:relative;display:block;padding:2px 8px 25px}.brand:after{content:'';position:absolute;left:9px;right:9px;bottom:13px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--brand-teal) 0 76%,var(--brand-gold) 76%)}
.brand-logo{display:block;width:174px;height:55px;padding:9px 11px;border-radius:10px;background:#fff;object-fit:contain;object-position:left center;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.brand-copy{margin-top:9px;padding-left:2px}.brand-copy strong{font-size:.76rem!important;letter-spacing:.025em}.brand-copy small{margin-top:2px!important;color:#9cb8b9!important;font-size:.57rem!important;letter-spacing:.09em!important}
.nav-suite summary{border:1px solid transparent}.nav-suite[open] summary{border-color:rgba(125,192,197,.12);background:rgba(255,255,255,.055)}.nav-suite summary:hover{background:rgba(255,255,255,.07)}
.nav-suite-menu{border-left-color:rgba(164,207,204,.2)}.nav-item{color:#b9ccca}.nav-item:hover{background:rgba(255,255,255,.06)}.nav-item.active{background:linear-gradient(90deg,rgba(0,119,138,.3),rgba(255,255,255,.055));box-shadow:inset 3px 0 var(--brand-gold),0 8px 20px rgba(0,0,0,.12)}.nav-item.active .nav-icon{color:#fff}.nav-count,.nav-suite-count{background:rgba(255,255,255,.09)}
.store-card{border-color:rgba(140,188,184,.19);background:rgba(255,255,255,.045)}.live-dot{background:#61d88a}.avatar{background:linear-gradient(145deg,#dff5ee,#c5e9df);color:#075c4c}.role-card{border-top-color:rgba(255,255,255,.1)}
.workspace{max-width:1680px;margin:0 auto}.topbar{background:rgba(248,251,251,.9);border-bottom-color:rgba(189,209,211,.65)}.eyebrow{color:#7e9298}.eyebrow span{color:var(--brand-teal)}.topbar h1{color:#17333b;font-size:clamp(1.55rem,2vw,1.95rem);letter-spacing:-.035em}.subtitle{max-width:760px;color:#6c7d82}
.search{border-color:#d7e3e4;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(17,60,68,.055)}.search:focus-within{border-color:#65aeb8;box-shadow:0 0 0 3px rgba(0,119,138,.1),0 8px 20px rgba(17,60,68,.07)}.search kbd{border-color:#dce7e8;background:#f5f8f8;color:#7a8e92}
.primary-btn{border-color:var(--brand-teal);background:linear-gradient(180deg,#05879a,#007487);box-shadow:0 7px 17px rgba(0,119,138,.19)}.primary-btn:hover{border-color:var(--brand-teal-dark);background:linear-gradient(180deg,#007b8e,#006778);box-shadow:0 9px 22px rgba(0,119,138,.25)}.secondary-btn:hover{border-color:#91bbc0;background:#f3fafa;color:var(--brand-teal-dark)}.icon-btn:hover{border-color:#9cc4c8;color:var(--brand-teal)}
.action-dock{border-color:#d7e5e5;background:rgba(255,255,255,.92);box-shadow:0 7px 22px rgba(21,65,71,.06)}.action-dock:before{color:#71868a}.action-dock button{border-color:#d2e0e1;background:#f9fbfb;color:#126679}.action-dock button:hover:not(:disabled){border-color:#70b0b8;background:#edf8f9;color:#005f70}
.action-dock button:disabled{display:none}.action-dock .role-note{color:#71868a}
.dashboard-command{position:relative;overflow:hidden;background:linear-gradient(120deg,#075f70 0%,#08765a 72%,#166d4e 100%);box-shadow:0 15px 35px rgba(4,83,91,.18)}.dashboard-command:after{content:'';position:absolute;right:-70px;top:-100px;width:260px;height:260px;border:42px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}.dashboard-command>*{position:relative;z-index:1}
.stat-card,.panel,.tool-card{border-color:#dce7e8;background:rgba(255,255,255,.96);box-shadow:0 8px 27px rgba(20,59,65,.06)}.stat-card{border-radius:15px}.stat-card:before{background:linear-gradient(90deg,var(--brand-teal),#49a9b5 72%,var(--brand-gold));opacity:.92}.stat-card:hover{border-color:#bdd4d6;box-shadow:0 14px 32px rgba(20,59,65,.1)}.stat-card strong{color:#17343c}.panel{border-radius:15px}.panel-head h2,.register-toolbar h2{color:#1b3740}
.quick-tile{border-color:#dce7e8;background:linear-gradient(180deg,#fff,#f8fbfb);border-radius:10px}.quick-tile:hover{border-color:#91bdc2;background:#f1fafa;box-shadow:0 7px 18px rgba(20,71,78,.07);transform:translateY(-1px)}.quick-tile span{color:var(--brand-teal)}
.attention-item{border-color:#e4ecec;background:#fcfdfd}.attention-item:hover{border-color:#c9dddd;background:#f8fbfb}.item-icon{background:#fff2e6;color:#d66e20}.activity-dot{background:#e5f4f5;color:var(--brand-teal)}
.filters{border:1px solid #e5ecec;background:#f2f6f6}.filter-btn.active{border-color:#b8d3d6;color:#006d7e;box-shadow:0 3px 10px rgba(20,71,78,.07)}
.table-wrap{border-color:#dae5e6;box-shadow:0 4px 14px rgba(18,58,64,.035)}.table-wrap thead th{background:#f0f6f6;color:#5f777c}.table-wrap tbody tr:hover{background:#f2f9f9}.table-wrap th[data-sortable]:after{color:#9bb0b4}.table-action{color:#007589}.table-action:hover{background:#e8f5f6;color:#005e6f}.location-code{background:#e4f3f4;color:#006e7e}.item-photo,.table-icon{border-color:#dbe6e7;background:#f0f5f5;color:#587176}
.badge{border:1px solid rgba(8,118,90,.09)}.badge.warn{border-color:rgba(233,132,47,.14)}.badge.danger{border-color:rgba(200,77,77,.13)}
.workflow-strip{border-color:#d7e4e5;background:linear-gradient(180deg,#fff,#f8fbfb)}.workflow-step b{border-color:#aeced2;color:#38727a}.workflow-step:not(:last-child):after{background:#cfdee0}.workflow-step.is-active b{border-color:var(--brand-gold);background:#fff2df;color:#a75c12}.workflow-step.is-done b{border-color:var(--brand-teal);background:var(--brand-teal)}
.approval-card{border-color:#dce7e8}.approval-card:hover{border-color:#9fc5c9;box-shadow:0 11px 26px rgba(19,72,79,.08)}.approval-type{color:var(--brand-teal)}.role-brief{border-color:#c8dfe1;border-left-color:var(--brand-teal);background:#f1f9fa}
.rack-card{border-color:#dce7e8}.rack-card:hover{border-color:#8dbcc1;box-shadow:0 10px 25px rgba(19,72,79,.08)}.rack-letter{background:linear-gradient(145deg,#0b5360,#103f45)}
dialog{border:1px solid rgba(150,184,187,.35);box-shadow:0 32px 105px rgba(4,35,40,.34)}dialog::backdrop{background:rgba(6,34,38,.58)}.dialog-head h2{color:#17353d}.dialog-card input,.dialog-card select,.dialog-card textarea{border-color:#d7e3e4;background:#fcfefe}.dialog-card input:focus,.dialog-card select:focus,.dialog-card textarea:focus{border-color:#55a4ae;box-shadow:0 0 0 3px rgba(0,119,138,.1)}
.chat-launcher{background:linear-gradient(145deg,#075f70,#08765a);box-shadow:0 16px 38px rgba(3,65,73,.28)}.chat-launcher span,.chat-avatar,.chat-form button{background:var(--brand-teal)}.chat-head{background:linear-gradient(120deg,#0c3e46,#123d34)}.chat-message.user p{border-color:var(--brand-teal);background:var(--brand-teal)}
.empty{border-radius:10px;background:linear-gradient(180deg,rgba(244,249,249,.7),rgba(255,255,255,.5))}
@media(max-width:1050px){.brand{display:grid;place-items:center;padding-inline:0}.brand-logo{width:54px;height:42px;padding:7px;object-fit:cover;object-position:left}.brand-copy{display:none}.brand:after{left:4px;right:4px}}
@media(max-width:720px){.topbar{background:linear-gradient(180deg,#f9fcfc,#f5f9f9)}.dashboard-command{border-radius:14px}.panel,.stat-card{border-radius:13px}.table-wrap tr{border-color:#d9e6e7!important;box-shadow:0 5px 16px rgba(20,59,65,.055)!important}.table-wrap td:before{color:#657d82}.sidebar{background:linear-gradient(90deg,#0c3138,#112b25)}.nav-item.active{box-shadow:inset 0 -3px var(--brand-gold)}.action-dock .role-note{display:none}.chat-launcher{border:1px solid rgba(255,255,255,.17)}}