:root{
  --brand-ink:#111820;--brand-accent:#d20b4b;--brand-accent-dark:#a7083a;
  --brand-accent-soft:#f8dce7;--brand-deep:#111820;--brand-panel:#181e26;
  --brand-paper:#f6f7f8;--brand-soft:#eceff2;--brand-line:#d8dde2;--brand-muted:#69717b;
  --ink:var(--brand-ink);--green:var(--brand-ink);--deep:var(--brand-deep);
  --lime:var(--brand-accent);--mint:#e7a7be;--paper:var(--brand-paper);
  --line:var(--brand-line);--muted:var(--brand-muted);--shadow:0 24px 70px rgba(17,24,32,.14)
}
body{background:var(--brand-paper);color:var(--brand-ink)}a{color:var(--brand-accent-dark)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--brand-ink)}
.brand:before{content:"";width:30px;height:34px;flex:0 0 auto;background:url('smartiko-logo.png') center/contain no-repeat}
.brand span{color:var(--brand-muted)}.brand .brand-mark{display:none!important}
header,.nav-wrap.scrolled{background:rgba(255,255,255,.94);border-color:var(--brand-line);box-shadow:0 1px 0 rgba(17,24,32,.08)}
.nav-links a,.back-home{color:#414851}.nav-links a:hover{color:var(--brand-accent)}
button,.button,.btn-primary,.login-submit{background:var(--brand-accent);color:#fff}
button:hover,.button:hover,.btn-primary:hover,.login-submit:hover{background:var(--brand-accent-dark);color:#fff}
.btn-primary{box-shadow:0 10px 28px rgba(210,11,75,.22)}.btn-primary:hover{box-shadow:0 12px 34px rgba(210,11,75,.3)}
.btn-small,.segmented button.active{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}
.btn-ghost{background:transparent;border-color:#aeb5bd;color:var(--brand-ink)}
.secondary{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-accent-dark)}.secondary:hover{background:var(--brand-accent-soft)}
.sidebar{background:var(--brand-panel);color:#fff}.sidebar>.eyebrow,.sidebar-note .eyebrow{color:#b7bec6}
.sidebar nav a,.sidebar-note a{color:#d7dbe0}.sidebar nav a:hover,.sidebar nav a.active{background:#2c333d;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--brand-accent)}
.sidebar-note{border-color:#39404a}.sidebar-note p{color:#f0f2f4}
.panel,.auth,.client-card,.metric,input,textarea,.config-grid{border-color:var(--brand-line)}
.client-card:hover,.counter-row,.segmented button{background:#f4f5f6}.client-card:focus{border-color:var(--brand-accent)}
.metric:first-child,.badge,.notice,.demo-banner,.login-pill{background:var(--brand-soft);color:var(--brand-muted);border-color:var(--brand-line)}
.notice{border-left-color:var(--brand-accent)}.notice.error{background:#fff0f3;border-color:#df7897;color:#78122f}
input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-color:var(--brand-accent)}
.box{border-color:var(--brand-line);border-top-color:var(--brand-accent)}dialog::backdrop{background:rgba(17,24,32,.7)}

/* Presentation site */
.hero-lead,.section-heading>p,.metric-float small,.step-title small,.counter-row small{color:var(--brand-muted)}
.hero-visual:before{background:radial-gradient(circle,rgba(210,11,75,.16),transparent 68%)}
.locker-body,.mini-locker{background:#b9bec4;border-color:#dfe2e5;box-shadow:0 35px 60px rgba(17,24,32,.24),inset 0 0 0 2px #f2f3f4}
.door,.mini-door{background:linear-gradient(145deg,#f5f6f7,#cdd1d6);border-color:#aeb4bb}.door:after,.mini-door:after{background:#858d96}
.screen,.config-preview{background:linear-gradient(145deg,#222a34,#111820)}.screen:before{border-color:rgba(210,11,75,.3)}
.screen-logo i{border-color:var(--brand-accent);box-shadow:7px 3px 0 -3px var(--brand-accent),-7px 3px 0 -3px var(--brand-accent)}
.screen small,.preview-top,.config-name p{color:#b9c0c8}.scanline{background:var(--brand-accent);box-shadow:0 0 8px var(--brand-accent)}
.active-door{background:linear-gradient(135deg,#ee4f82,#c70b47);box-shadow:10px 10px 16px rgba(109,7,41,.22);color:#fff}
.signal-pill span,.live-dot:before,.api-state span,.status-label>span{background:var(--brand-accent);box-shadow:0 0 0 4px rgba(210,11,75,.15)}
.metric-float span,.live-dot{color:var(--brand-accent)}.use-strip{background:var(--brand-ink)}.marquee i{background:var(--brand-accent)}
.size-dot{background:#b9bec4}.size-dot.m{background:#7f8791}.size-dot.l{background:#252c35}.toggle-grid input:checked+.switch{background:var(--brand-accent)}
.mini-door.control-unit{background:#1d242d;border-color:var(--brand-accent)}.mini-door.control-unit:after{border-color:var(--brand-accent)}
.config-name small{color:#ef9ab7}.spec-grid,.spec-grid div{border-color:#3a424d}.spec-grid small,.included>small{color:#9ba3ac}
.included span{background:#252d37;border-color:#414a55;color:#e5e7ea}
.integration-section{background:#111820;color:#f7f8f9}.integration-section:before{background:#70102f}
.arch-tabs{border-color:#343c46}.arch-tabs button{color:#939ba5}.arch-tabs button:after{background:var(--brand-accent)}
.arch-tabs button em{color:#d2d6db;background:#29313b}.arch-copy li{color:#c4c8cd}.arch-copy li:before{color:var(--brand-accent)}
.arch-node{border-color:#414a54;background:rgba(30,37,46,.86)}.arch-node.primary{border-color:var(--brand-accent);box-shadow:0 0 35px rgba(210,11,75,.1)}
.node-icon{border-color:#59616b;color:#ef8dad}.connector{background:#505863}.connector:before{background:var(--brand-accent)}.connector:after{color:var(--brand-accent)}
.api-console{background:#121820;border-color:#3b434d}.console-head{background:#1b222b;border-color:#343c46;color:#a0a7b0}
.api-state,.code-label,.muted-code,.event-flow small{color:#929aa4}.console-tabs,.code-pane,.event-flow{border-color:#343c46}
.console-tabs button{color:#969da6}.console-tabs button span{color:#e082a2}.console-tabs button.active{border-color:var(--brand-accent)}
.code-label i{color:#e16e96}.code-key{color:#8fc7ff}.code-string{color:#f18bad}.code-num{color:#ffc36d}
.run-btn{border-color:#6d4050;background:#4b1b2c;color:#f3d7e1}.run-btn:hover{background:#66213a}
.event-flow>div.active span{background:var(--brand-accent);color:#fff}.event-flow span{background:#29313b}.event-flow>i{color:#59616b}
.final-cta{border-color:#4a3540;background:linear-gradient(100deg,#251a21,#171d25)}.final-cta small{color:#ef8dad}.final-cta p{color:#aeb4bc}
footer{background:#0c1117;color:#9299a2;border-color:#252c35}footer button,footer .site-url{color:#e5e7ea}
.contact-links a{border-color:#424a55;background:rgba(255,255,255,.035);color:#e5e7ea}.contact-links a:hover{background:#272e37;border-color:#6b737e}
.contact-links span{color:#9ba2ab}.contact-links i{color:var(--brand-accent)}.config-contact-note{border-color:#414955}
.config-contact-note strong{color:#f5f6f7}.config-contact-note p{color:#a5abb3}.toast span{background:var(--brand-accent);color:#fff}

/* Login, user portal and admin */
[data-page="login"],[data-page="portal"]{--ink:var(--brand-ink);--muted:var(--brand-muted);--green:var(--brand-accent);--lime:var(--brand-accent);--line:var(--brand-line);--paper:var(--brand-paper)}
[data-page="login"] .signal-dot{background:var(--brand-accent);box-shadow:0 0 0 7px var(--brand-accent-soft)}
[data-page="login"] .login-intro h1 span,[data-page="login"] .login-intro>p,.login-steps{color:var(--brand-muted)}
[data-page="login"] .login-card{border-color:var(--brand-line);box-shadow:0 22px 75px rgba(17,24,32,.09)}
[data-page="login"] input{border-color:var(--brand-line);background:#fff;color:var(--brand-ink)}[data-page="login"] input:focus{outline-color:var(--brand-accent)}
[data-page="login"] .demo-link{color:var(--brand-accent-dark)}
[data-page="portal"] .portal-topnav-v4{border-color:var(--brand-line)}
[data-page="portal"] .portal-topnav-v4 a,[data-page="portal"] .sidebar nav a{color:var(--brand-muted)}
[data-page="portal"] .portal-topnav-v4 a:hover,[data-page="portal"] .portal-topnav-v4 a[aria-current="page"],[data-page="portal"] .sidebar nav a:hover,[data-page="portal"] .sidebar nav a.active{color:var(--brand-accent-dark);border-bottom-color:var(--brand-accent)}
.portal-client-logo-wrap{background:#fff;border-color:var(--brand-line);box-shadow:0 4px 14px rgba(17,24,32,.08)}.portal-stats>div{border-color:var(--brand-line)}
[data-page="portal"] .locker-card{color:var(--brand-ink);border-color:var(--brand-line)}[data-page="portal"] .locker-card:hover{border-color:#aeb5bd}
[data-page="portal"] .locker-card.is-selected{background:var(--brand-panel);border-color:var(--brand-panel);box-shadow:0 15px 34px rgba(17,24,32,.16)}
.locker-card.is-selected .locker-glyph,.locker-card.is-selected .card-arrow{color:#ef8dad}.locker-card.is-selected .device-badge{background:#343b45;color:#f2b6ca}
.locker-card.is-selected .locker-code,.locker-card.is-selected .locker-card-footer{color:#c2c7cd}.locker-card.is-selected .locker-card-footer{border-color:#444b54}
.compartment-panel,[data-page="portal"] .panel{border-color:var(--brand-line)}
.box-legend span:first-child{color:#a7083a}.box-legend span:nth-child(2){color:#6f4b57}.box-legend span:nth-child(3){color:#d20b4b}.box-legend span:nth-child(4){color:#59616b}
[data-page="portal"] .box-tile.state-1{background:#f8dce7;border-color:#e6a0b8;color:#8a123a}
[data-page="portal"] .box-tile.state-2{background:#eadde2;border-color:#bd8296;color:#572638}
[data-page="portal"] .box-tile.state-3{background:#f3c0d1;border-color:#dc6b91;color:#78122f}
[data-page="portal"] .box-tile.state-4{background:#e5e7ea;border-color:#aeb5bd;color:#414851}
[data-page="portal"] .box-tile.state-0{background:#eceff2;border-color:#c8cdd3;color:#69717b}
[data-page="portal"] .box-tile:hover{border-color:var(--brand-accent);box-shadow:0 3px 12px rgba(17,24,32,.08)}
[data-page="portal"] .box-tile.is-selected{outline-color:var(--brand-accent);background:#f8dce7}
.box-inspector{background:var(--brand-panel)}[data-page="portal"] .box-inspector .eyebrow,.box-inspector p,.box-inspector dt,.box-inspector small{color:#b8bec6}
.box-inspector dd{color:#eef0f2}.inspector-symbol{border-color:#5c4550;background:#34242c;color:#ef8dad}
[data-page="portal"] #selected-open,[data-page="portal"] #confirm-open{background:var(--brand-accent);color:#fff}.layout-note{font-size:12px;color:var(--brand-muted)}

/* Ver 24: corrected hero depth and fully scoped login/admin palette */
.hero-visual{isolation:isolate}
.orb-one{background:radial-gradient(circle at 35% 35%,#f7d9e4 0,#d9dde2 48%,#aeb5bd 75%,transparent 76%);opacity:.58}
.orb-two{background:#e7b6c7;filter:blur(76px);opacity:.28}
.locker-main{isolation:isolate;background:#c4c9cf;border-color:#9ea6ae;box-shadow:0 35px 60px rgba(17,24,32,.24),inset 0 0 0 2px #eceef0}
.locker-col{position:relative;z-index:1}.locker-col.control{z-index:4}.locker-col.wide{z-index:2}
.active-door{
  z-index:8;
  transform-origin:right center;
  transform:perspective(420px) translateZ(22px) rotateY(15deg) scaleX(.96);
  box-shadow:-13px 12px 22px rgba(73,15,36,.24)
}

body[data-page="login"],body[data-page="admin"]{background:#f6f7f8!important;color:#111820!important}
body[data-page="login"] .client-header,body[data-page="admin"] header{background:#fff!important;border-color:#d8dde2!important}
body[data-page="login"] .eyebrow,body[data-page="login"] .login-intro h1 span,
body[data-page="login"] .login-intro>p,body[data-page="login"] .login-steps,
body[data-page="login"] .login-card>p,body[data-page="login"] .login-footnote,
body[data-page="login"] footer{color:#69717b!important}
body[data-page="login"] .login-steps li{color:#414851!important}
body[data-page="login"] .login-steps li span{color:#858d96!important}
body[data-page="login"] .login-card{background:#fff!important;border-color:#d8dde2!important;box-shadow:0 22px 75px rgba(17,24,32,.09)!important}
body[data-page="login"] .login-pill{background:#f8dce7!important;color:#8a123a!important;border-color:#e6a0b8!important}
body[data-page="login"] input{background:#fff!important;border-color:#c8cdd3!important;color:#111820!important}
body[data-page="login"] input:focus{outline-color:#d20b4b!important;border-color:#d20b4b!important}
body[data-page="login"] .login-submit{background:#d20b4b!important;color:#fff!important;box-shadow:0 12px 28px rgba(210,11,75,.2)!important}
body[data-page="login"] .login-submit:hover{background:#a7083a!important}
body[data-page="login"] .signal-dot{background:#d20b4b!important;box-shadow:0 0 0 7px #f8dce7!important}
body[data-page="login"] .demo-link,body[data-page="login"] .back-home{color:#a7083a!important}
body[data-page="login"] .notice{background:#eceff2!important;border-color:#d8dde2!important;color:#69717b!important}
body[data-page="login"] .notice.error{background:#fff0f3!important;border-color:#df7897!important;color:#78122f!important}

body[data-page="admin"]{--green:#d20b4b;--muted:#69717b}
body[data-page="admin"] a{color:#a7083a!important}
body[data-page="admin"] p,body[data-page="admin"] small,body[data-page="admin"] .eyebrow{color:#69717b!important}
body[data-page="admin"] button,body[data-page="admin"] .button{background:#d20b4b!important;color:#fff!important}
body[data-page="admin"] button:hover,body[data-page="admin"] .button:hover{background:#a7083a!important}
body[data-page="admin"] button.secondary{background:#eceff2!important;color:#a7083a!important;border-color:#d8dde2!important}
body[data-page="admin"] button.secondary:hover{background:#f8dce7!important}
body[data-page="admin"] .panel,body[data-page="admin"] .auth,body[data-page="admin"] .client-card,
body[data-page="admin"] .metric,body[data-page="admin"] input,body[data-page="admin"] textarea{background:#fff!important;border-color:#d8dde2!important;color:#111820!important}
body[data-page="admin"] .client-card:hover{background:#f8f2f4!important}
body[data-page="admin"] .metric:first-child,body[data-page="admin"] .badge,
body[data-page="admin"] .notice,body[data-page="admin"] .demo-banner{background:#eceff2!important;color:#69717b!important;border-color:#d8dde2!important}
body[data-page="admin"] .notice{border-left-color:#d20b4b!important}
body[data-page="admin"] input:focus,body[data-page="admin"] textarea:focus{outline-color:#d20b4b!important;border-color:#d20b4b!important}
body[data-page="admin"] .sidebar{background:#181e26!important}
body[data-page="admin"] .sidebar nav a{color:#d7dbe0!important}
body[data-page="admin"] .sidebar nav a:hover,body[data-page="admin"] .sidebar nav a.active{background:#2c333d!important;color:#fff!important}
body[data-page="admin"] .sidebar nav a.active{box-shadow:inset 3px 0 #d20b4b!important}

/* High-specificity legacy selectors */
body.portal-layout-v4 .portal-topnav-v4 a[aria-current="page"],
body[data-page="portal"] .portal-topnav-v4 a[aria-current="page"],
body[data-page="portal"] .sidebar nav a.active{
  color:#a7083a!important;
  border-bottom-color:#d20b4b!important;
  box-shadow:none!important
}
body[data-page="portal"] .portal-topnav-v4 a:hover,
body[data-page="portal"] .sidebar nav a:hover{color:#a7083a!important}
body[data-page="login"] button.login-submit,
body[data-page="login"] form .login-submit{
  background:#d20b4b!important;
  border-color:#d20b4b!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(210,11,75,.2)!important
}
body[data-page="login"] button.login-submit:hover,
body[data-page="login"] form .login-submit:hover{background:#a7083a!important;border-color:#a7083a!important}

/* Ver 25: portal interaction clarity and status-safe compartment cards */
html body.portal-layout-v4 .portal-topnav-v4 a[aria-current="page"]{
  color:#a7083a!important;
  border-bottom:3px solid #d20b4b!important
}
html body.portal-layout-v4 .portal-topnav-v4 a:hover{color:#a7083a!important;border-bottom-color:rgba(210,11,75,.35)!important}

.arch-tabs button{border-radius:9px 9px 0 0;transition:color .2s,background-color .2s}
.arch-tabs button:hover{background:rgba(210,11,75,.075)!important;color:#f3d9e2!important}
.arch-tabs button.active:hover{background:rgba(210,11,75,.10)!important}

body[data-page="login"] input[type="text"],
body[data-page="login"] input[type="email"],
body[data-page="login"] input[type="password"]{background:#f1f3f5!important;color:#111820!important}
body[data-page="login"] input[type="text"]:-webkit-autofill,
body[data-page="login"] input[type="text"]:-webkit-autofill:hover,
body[data-page="login"] input[type="text"]:-webkit-autofill:focus,
body[data-page="login"] input[type="email"]:-webkit-autofill,
body[data-page="login"] input[type="email"]:-webkit-autofill:hover,
body[data-page="login"] input[type="email"]:-webkit-autofill:focus,
body[data-page="login"] input[type="password"]:-webkit-autofill,
body[data-page="login"] input[type="password"]:-webkit-autofill:hover,
body[data-page="login"] input[type="password"]:-webkit-autofill:focus{
  -webkit-text-fill-color:#111820!important;
  caret-color:#111820!important;
  -webkit-box-shadow:0 0 0 1000px #f1f3f5 inset!important;
  box-shadow:0 0 0 1000px #f1f3f5 inset!important;
  transition:background-color 9999s ease-out 0s
}

.locker-action-hint{display:flex;align-items:center;gap:10px;margin:7px 0 0!important;color:#515964!important;font-size:12px!important}
.locker-action-hint span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#d20b4b;color:#fff;font-size:11px;font-weight:800}
.locker-selection>.toolbar{align-items:center}.locker-selection>.toolbar>small{color:#7a828b!important}

body[data-page="portal"] .box-tile{position:relative;overflow:hidden;--tile-accent:#7a828b;--tile-ring:rgba(105,113,123,.24);transition:transform .16s,border-color .16s,box-shadow .16s}
body[data-page="portal"] .box-tile.state-1{--tile-accent:#a7083a;--tile-ring:rgba(210,11,75,.20)}
body[data-page="portal"] .box-tile.state-2{--tile-accent:#704257;--tile-ring:rgba(112,66,87,.22)}
body[data-page="portal"] .box-tile.state-3{--tile-accent:#b20b43;--tile-ring:rgba(178,11,67,.23)}
body[data-page="portal"] .box-tile.state-4{--tile-accent:#59616b;--tile-ring:rgba(89,97,107,.22)}
body[data-page="portal"] .box-tile.state-0{--tile-accent:#7a828b;--tile-ring:rgba(122,130,139,.20)}
body[data-page="portal"] .box-tile .tile-icon{
  display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.72);border:1px solid currentColor;
  color:var(--tile-accent)!important;font-family:Arial,sans-serif!important;
  font-size:18px!important;font-weight:700;line-height:1!important
}
body[data-page="portal"] .box-tile:hover{transform:translateY(-2px);border-color:var(--tile-accent)!important;box-shadow:0 7px 18px var(--tile-ring)!important}
body[data-page="portal"] .box-tile.is-selected,
body[data-page="portal"] .box-tile[aria-pressed="true"]{
  border:2px solid var(--tile-accent)!important;
  outline:3px solid var(--tile-ring)!important;
  outline-offset:2px!important;
  box-shadow:0 9px 22px var(--tile-ring),inset 4px 0 0 var(--tile-accent)!important;
  transform:translateY(-2px)
}
body[data-page="portal"] .box-tile.state-1[aria-pressed="true"]{background:#f8dce7!important}
body[data-page="portal"] .box-tile.state-2[aria-pressed="true"]{background:#eadde2!important}
body[data-page="portal"] .box-tile.state-3[aria-pressed="true"]{background:#f3c0d1!important}
body[data-page="portal"] .box-tile.state-4[aria-pressed="true"]{background:#e5e7ea!important}
body[data-page="portal"] .box-tile.state-0[aria-pressed="true"]{background:#eceff2!important}
body[data-page="portal"] .box-tile[aria-pressed="true"] .tile-icon{background:var(--tile-accent);color:#fff!important;transform:translateX(2px)}
body[data-page="portal"] .box-tile:focus-visible{outline:3px solid var(--tile-accent)!important;outline-offset:3px!important}

/* Ver 26: business status and physical door state are shown independently. */
body[data-page="portal"] .box-tile{
  border-top-width:4px!important;
  padding-top:12px;
}
body[data-page="portal"] .box-tile.door-open{border-top-color:#d20b4b!important}
body[data-page="portal"] .box-tile.door-closed{border-top-color:#59616b!important}
body[data-page="portal"] .box-tile.door-unknown{border-top-color:#aeb5bd!important;border-top-style:dashed!important}
body[data-page="portal"] .door-state-badge{
  display:inline-flex;align-items:center;gap:5px;align-self:flex-start;
  margin-top:auto;padding:5px 8px;border-radius:999px;border:1px solid rgba(17,24,32,.12);
  background:rgba(255,255,255,.72);color:#59616b;font-size:9px;font-weight:700;line-height:1.2
}
body[data-page="portal"] .door-open .door-state-badge{background:#fff0f4;border-color:#e9a8bd;color:#a7083a}
body[data-page="portal"] .door-closed .door-state-badge{background:#eceff2;border-color:#c8cdd3;color:#414851}
body[data-page="portal"] .door-unknown .door-state-badge{background:rgba(255,255,255,.55);border-style:dashed;color:#69717b}
body[data-page="portal"] .door-legend{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-7px 0 20px;
  padding:10px 12px;border:1px solid #e1e5e9;border-radius:11px;background:#f7f8f9;
  color:#69717b;font-size:9px
}
body[data-page="portal"] .door-legend strong{color:#414851;font-weight:700}
body[data-page="portal"] .door-legend-open{color:#a7083a}
body[data-page="portal"] .door-legend-closed{color:#414851}
body[data-page="portal"] .door-legend-unknown{color:#7a828b}

/* Refined semantic status palette */
body[data-page="portal"] .box-legend span:first-child{color:#c73a69!important}
body[data-page="portal"] .box-legend span:nth-child(2){color:#765264!important}
body[data-page="portal"] .box-legend span:nth-child(3){color:#b91f4f!important}
body[data-page="portal"] .box-legend span:nth-child(4){color:#66717d!important}

body[data-page="portal"] .box-tile.state-1{
  --tile-accent:#c73a69;--tile-ring:rgba(199,58,105,.16);
  background:rgba(210,11,75,.055)!important;
  border-color:#d8dde2!important;color:#8a2949!important
}
body[data-page="portal"] .box-tile.state-2{
  --tile-accent:#765264;--tile-ring:rgba(118,82,100,.18);
  background:#eee7eb!important;border-color:#cec2c8!important;color:#5b3f4a!important
}
body[data-page="portal"] .box-tile.state-3{
  --tile-accent:#b91f4f;--tile-ring:rgba(185,31,79,.19);
  background:#fff0f3!important;border-color:#e8a4b8!important;color:#8c183d!important
}
body[data-page="portal"] .box-tile.state-4{
  --tile-accent:#66717d;--tile-ring:rgba(102,113,125,.18);
  background:#eef1f4!important;border-color:#c4cbd2!important;color:#414851!important
}
body[data-page="portal"] .box-tile.state-0{
  --tile-accent:#7a828b;--tile-ring:rgba(122,130,139,.16);
  background:#f2f3f5!important;border-color:#d1d5da!important;color:#69717b!important
}
body[data-page="portal"] .box-tile.state-1[aria-pressed="true"]{background:rgba(210,11,75,.075)!important}
body[data-page="portal"] .box-tile.state-2[aria-pressed="true"]{background:#eee7eb!important}
body[data-page="portal"] .box-tile.state-3[aria-pressed="true"]{background:#fff0f3!important}
body[data-page="portal"] .box-tile.state-4[aria-pressed="true"]{background:#eef1f4!important}
body[data-page="portal"] .box-tile.state-0[aria-pressed="true"]{background:#f2f3f5!important}
.locker-action-hint span{font-family:Arial,sans-serif;font-size:16px;line-height:1}

/* Keep the door-state edge authoritative after the business-status palette. */
body[data-page="portal"] .box-tile.door-open,
body[data-page="portal"] .box-tile.door-open:hover,
body[data-page="portal"] .box-tile.door-open[aria-pressed="true"]{border-top-color:#d20b4b!important}
body[data-page="portal"] .box-tile.door-closed,
body[data-page="portal"] .box-tile.door-closed:hover,
body[data-page="portal"] .box-tile.door-closed[aria-pressed="true"]{border-top-color:#59616b!important}
body[data-page="portal"] .box-tile.door-unknown,
body[data-page="portal"] .box-tile.door-unknown:hover,
body[data-page="portal"] .box-tile.door-unknown[aria-pressed="true"]{border-top-color:#aeb5bd!important;border-top-style:dashed!important}