/* HOPELA Studio: forest navigation, warm workspace, explicit status colours. */
:root{color-scheme:light;--bg:#f3f5f0;--panel:#fff;--line:#dde3db;--text:#203329;--muted:#617268;--accent:#c4f17b;--green:#237142;--orange:#8b5714;--red:#b73c48;--grey:#617268;background:var(--bg);color:var(--text)}
body{background:var(--bg)}.layout{grid-template-columns:224px minmax(0,1fr)}.sidebar{background:#12362d;color:#d9e7db;border:0;padding:30px 18px;gap:30px}.sidebar .brand{color:#f5f9ec;font-size:19px;letter-spacing:2.5px}.sidebar nav{gap:4px;scrollbar-width:thin;scrollbar-color:#456657 transparent}.sidebar nav a{color:#b3cbbf;font-size:12px;padding:12px 14px}.sidebar nav a:hover{background:#24483b;color:white}.sidebar nav a.active{background:#c5ee91;color:#183a28;font-weight:650;box-shadow:0 5px 20px #071e2320}.sidebar .account{border-top:1px solid #3d5a4c;padding-top:18px;color:#c6d8cb}.sidebar .account button{border-color:#4b695a;background:transparent;color:#e4eee3;font-size:11px}.navglyph{font-size:17px}.main{padding:28px 38px;max-width:1900px}.topbar{margin-bottom:28px;padding-bottom:20px;border-color:#dde3db}.topbar h1{font-size:22px;font-weight:600}.topbar .eyebrow{color:#637a6a;letter-spacing:1.4px}.toolbar .button{border-color:#ccd8cc;color:#37523d;background:#fff}.toolbar input,input,select,textarea{color:#263b2e;background:#fff;border-color:#ccd8cd}label{color:#4e6355}button,.button{color:#2b4936;background:#fff;border-color:#ccd8cd;transition:background .15s,border-color .15s}button:hover,.button:hover{background:#ecf2e8;border-color:#9cad9d}.primary{background:#1e563f;color:#fff;border-color:#1e563f;box-shadow:0 4px 9px #173e2712}.primary:hover{background:#2b6a4d;color:white;border-color:#2b6a4d}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #648b3e;outline-offset:3px}.panel,.stat{background:#fff;border-color:#dce4db;box-shadow:0 3px 15px #183e2303}.node{background:#fff;border-color:#dce4db}.node:hover{border-color:#8fa38c}.node .host{color:#647b6a}.meter strong{color:#2b3f31}.meter progress,.meter progress::-webkit-progress-bar{background:#e3eadd}.meter progress::-webkit-progress-value{background:#6b9951}.meter.high progress::-webkit-progress-value{background:#c18a37}.meter.critical progress::-webkit-progress-value{background:#c95965}.statusbar{background:#e8efe3;border-color:#cfddc6}.badge{background:#e3edda;color:#3a6332}.footerline{font-size:10px;color:#647666;opacity:1}.chart{background:#17222a;border-radius:10px}.login{box-shadow:0 20px 70px #1e4b2610}.login .brand{color:#24573c}#toast{background:#173f30;border-color:#709162;color:#eff8e9}.spark polyline{stroke:#51854d}.spark .second{stroke:#467ba7}.tv .node{background:#fff}
.inventory-page{max-width:1450px}.inv-intro{border-radius:22px;background:#e7edda;min-height:265px;padding:35px 38px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 310px;margin-bottom:22px;gap:20px;border:1px solid #dce5cb}.inv-intro>div:first-child{position:relative;z-index:1}.inv-kicker{color:#567145;font-size:10px;letter-spacing:1.6px;margin-bottom:17px}.inv-intro h2{font-size:43px;line-height:1.08;letter-spacing:-1.8px;color:#24432c;margin-bottom:16px;font-weight:620}.inv-intro h2 em{font-style:normal;font-weight:400;color:#537644}.inv-intro p{color:#536b4b;font-size:12px;max-width:360px;line-height:1.65}.inv-intro-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.inv-intro-actions button{font-size:11px;min-height:42px;padding:10px 16px}.inv-intro-actions button:not(.primary){background:#f4f8eaba;border-color:#c4d2b4;color:#355330}.inv-art{position:relative;height:225px;perspective:800px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;width:280px;height:280px;border:1px solid #adbf9070;border-radius:50%;background:radial-gradient(circle,#c7d79f50,transparent 70%)}.art-orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #aabe8880;border-radius:50%}.art-rack{width:180px;padding:18px 15px 13px;transform:rotateY(-20deg) rotateX(12deg) rotateZ(7deg);background:linear-gradient(140deg,#335441,#14372a);border:1px solid #55735b;border-radius:13px;box-shadow:14px 18px 0 #809d6040,20px 35px 30px #36563120;position:relative}.art-label{font-size:7px;letter-spacing:1.4px;color:#cbddb6;display:block;margin-bottom:17px}.art-rack>div{height:36px;border:1px solid #5b765a;background:linear-gradient(120deg,#385d43,#214b36);margin-bottom:7px;border-radius:5px;display:flex;align-items:center;padding:9px;gap:5px;box-shadow:inset 0 1px #6b865750}.art-rack i{width:5px;height:5px;background:#c1e881;box-shadow:0 0 6px #b4e76e50;border-radius:50%}.art-rack i:nth-child(2){background:#76a977}.art-rack b{margin-left:auto;width:55px;height:14px;background:repeating-linear-gradient(90deg,#142f23 0px,#142f23 2px,transparent 2px,transparent 5px)}.art-base{display:block;font-size:6px;letter-spacing:1.5px;color:#b2cda5;margin-top:12px}.art-chip{position:absolute;bottom:1px;left:5px;padding:11px 15px;border-radius:9px;background:#fff;color:#325638;font-size:10px;box-shadow:0 8px 20px #3a542614;border:1px solid #d7e2c7;transform:rotate(-3deg)}.art-chip:before{content:'';display:inline-block;width:6px;height:6px;background:#5b9739;border-radius:50%;margin-right:7px}
.inv-stats{gap:12px;margin-bottom:24px}.inv-stat{border-radius:14px;background:#fff;padding:19px 21px;box-shadow:none;gap:12px;border-color:#dce3d5}.inv-stat>span:first-child{display:flex;justify-content:space-between;color:#506249;font-size:12px;font-weight:500}.inv-stat>span:first-child b{font-size:16px;font-weight:400;color:#819478}.inv-stat strong{color:#243f2b;font-size:32px}.inv-stat strong small{color:#71836a;font-size:11px;margin-left:4px}.inv-stat-sub{color:#6c7c65;font-size:10px}.inv-stat.selected{background:#143e2d;border-color:#143e2d}.inv-stat.selected>span:first-child,.inv-stat.selected strong{color:#f3f9e7}.inv-stat.selected strong small,.inv-stat.selected .inv-stat-sub,.inv-stat.selected>span:first-child b{color:#bdd0b2}.inv-stat:hover{background:#e9f0df;border-color:#9eb68a}.inv-stat.selected:hover{background:#214c36}.inv-categories{display:flex;gap:7px;overflow-x:auto;padding:0 0 15px;margin:0 0 6px;scrollbar-width:thin;scrollbar-color:#c7d5bc transparent}.inv-categories button{white-space:nowrap;flex-shrink:0;border-radius:20px;font-size:11px;padding:9px 13px;background:transparent;color:#586c4e;border-color:transparent;font-weight:500}.inv-categories button.selected{background:#dfeace;color:#355824;border-color:#c5d8af}.inv-categories button:hover{background:#e7edde}.inv-categories button span{padding:2px 5px;border-radius:4px;background:#fff8;margin-left:6px;font-size:9px}.inv-catalog{background:#fff;border-color:#dbe3d6;border-radius:16px;box-shadow:0 5px 25px #233e2203}.inv-catalog-head{padding:25px 25px 0}.inv-catalog-head h3{color:#29432c;font-size:17px}.inv-catalog-head h3 span{background:#edf2e8;color:#5e7651}.inv-catalog-head p{color:#6c7d65;font-size:12px}.inv-sync{color:#5c7650;font-size:10px}.inv-sync i{background:#629945}.inv-tools{grid-template-columns:minmax(170px,1fr) 150px 110px;padding:22px 25px}.inv-tools input,.inv-tools select{background:#f8faf5;border-color:#dce5d4;color:#37532c;font-size:12px;min-height:43px}.inv-tools button{font-size:12px;background:#f8faf5}.inv-tools button span{margin-left:7px}.inv-advanced{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 25px 22px}.inv-advanced label{margin:0;font-size:11px}.inv-advanced select{font-size:11px;background:#f9fbf7}.inv-advanced button{font-size:10px;grid-column:1/-1;justify-self:end;border:0;background:none;color:#516d43;padding:0}.inv-columns{background:#f7f9f4;border-color:#e6ebe0;color:#697c60;font-size:9px;padding:13px 25px;grid-template-columns:minmax(0,1fr) 150px 105px 30px}.inv-row{border-color:#edf1e8;padding:18px 25px 13px;grid-template-columns:minmax(0,1fr) 150px 105px 30px;gap:0 20px}.inv-row:hover{background:#fafcf7}.inv-icon{background:#e5f0df;border-color:#d9e7cd;color:#668944;width:43px;height:43px;border-radius:12px}.inv-icon.cpu{background:#f0e9db;color:#a4874a;border-color:#e9dfc8}.inv-category{color:#7b886a;font-size:9px}.inv-product h4{color:#2a402c;font-size:13px}.inv-secondary{color:#6d7b65}.inv-assignment a{color:#466a37;font-weight:550}.inv-server-dot{background:#6d9660}.inv-state{background:#e9f0e4;color:#4c7037;border-color:#d4e2c9;font-size:10px}.inv-state.available{background:#dcf0cf;border-color:#bbdca8;color:#386224}.inv-state.reserved{background:#f1e8f7;border-color:#ddcbe6;color:#78528b}.inv-state.repair{background:#fff0d6;border-color:#eddbb8;color:#865813}.inv-state.retired{background:#eff0ec;border-color:#dbddd5;color:#646c5d}.inv-quantity{color:#4a5f3d}.inv-detail summary{color:#748566;font-size:10px}.inv-detail-grid{background:#f1f5ec;border:1px solid #e1e9d8}.inv-detail-grid p{color:#384f2e}.inv-detail-grid span{color:#6b7c61}.inv-foot{background:#fbfcf8;color:#74816a;border-top:1px solid #e5ebdf}.inv-empty{padding:45px 25px;background:#fafcf6}.inv-empty>span{color:#90a873}.inv-empty p{color:#6a7e5c;max-width:390px;margin:0 auto 20px;line-height:1.7}.inv-hosts{background:#eaf0e1;border-color:#d7e2cc;border-radius:14px;margin-top:18px;color:#435c34}.inv-hosts>summary span:last-child{color:#667b55}.inv-host-grid article{background:#fff}.inv-host-grid p{color:#6e7e62}.inv-form{border-radius:18px;box-shadow:0 10px 35px #26412608}.inv-form h2{color:#2d4a31}.inv-form .actions{border-color:#dbe5d3}.inv-form label{font-size:12px}.inv-form input,.inv-form textarea,.inv-form select{background:#f9fbf6;min-height:44px}.inv-form .inv-kicker{color:#69804d}
/* Existing support workflows retain their structure and gain the same readable surfaces. */
.desk{--desk-border:#d8e2d6;--desk-muted:#647460;color:#253b2b}.desk .eyebrow{color:#5b7d42}.desk-mode,.desk-columns,.desk-requests,.desk-conversation,.desk-customer{background:#fff}.desk-mode button{color:#5f7556}.desk button.selected{background:#dfeccc;color:#3c602d}.desk-banner,.desk-banner.demo{background:#f0f4e4;border-color:#c8d9ad;color:#526b35}.desk-banner>span:last-child{color:#647c4b}.desk-kpis>div{background:#fff;color:#687b5e}.desk-kpis>div>span{color:#284a30}.desk-request.active{background:#edf4e3!important;border-color:#b8cea4!important;box-shadow:inset 3px 0 #729951}.desk-request:hover{background:#f1f5eb!important}.desk-avatar{background:#e4edd9;color:#516d3f}.desk-count,.desk-tag{background:#edf2e6;color:#5a734a}.desk-chat-context{background:#f2f6ec;color:#526748}.desk-chat-context>.desk-tag{background:#dcebcf;color:#4d7036}.desk-bubble{background:#f1f4ed;border-color:#dee6d6}.desk-bubble.agent{background:#e4efda;border-color:#c6d9b4}.desk-bubble small{color:#547043}.desk-bubble time{color:#6b7f5e}.desk-composer{background:white;border-color:#b8cba7}.desk-composer>div>span{color:#6b805d}.desk-system-note,.desk-impact{background:#fff4df;border-color:#ead7b2;color:#805e27}.desk-system-note button,.desk-impact p{color:#805e27}.desk-service{background:#f5f8ee;border-color:#ceddc0}.desk-service-host{border-color:#d7e3cc}.desk-mini-metrics>div{background:white}.desk-service-actions button{background:#e9f1de}.desk-status{color:#3f6b2d}
@media(max-width:1150px){.layout{grid-template-columns:195px minmax(0,1fr)}.sidebar{width:auto}.main{padding:25px}.inv-intro{grid-template-columns:1fr 220px;padding:28px}.inv-intro h2{font-size:37px}.inv-art{transform:scale(.85)}.inv-columns,.inv-row{grid-template-columns:minmax(0,1fr) 105px 85px 24px;gap:0 12px}.inv-advanced{grid-template-columns:1fr 1fr}}
@media(max-width:750px){.layout{display:block}.sidebar{padding:14px 17px;background:#12362df8;border-bottom:1px solid #355746;gap:8px;z-index:20}.sidebar .brand{font-size:16px}.sidebar .account{border:0;padding:0}.sidebar .account button{color:#c6d7c7;font-size:9px;border:0}.nav-toggle{background:#284c3b;color:#edf4e8;border-color:#4b6a56}.nav-toggle:hover{background:#355a47}.sidebar nav a{font-size:12px;padding:12px}.main{padding:20px 16px}.topbar{padding-bottom:16px;margin-bottom:20px}.topbar h1{font-size:20px}.topbar .eyebrow{font-size:8px}.toolbar .button{font-size:9px;padding:8px}.inv-intro{display:block;min-height:0;padding:25px 22px;border-radius:17px;margin-bottom:15px}.inv-intro h2{font-size:35px;letter-spacing:-1.2px;margin-bottom:12px}.inv-intro p{max-width:270px;font-size:12px}.inv-kicker{font-size:8px;margin-bottom:14px}.inv-art{display:none}.inv-intro-actions{gap:8px;margin-top:20px}.inv-intro-actions button{width:auto;flex:1;font-size:10px;min-height:43px;padding:9px 10px}.inv-intro-actions button span{font-size:15px}.inv-stats{gap:9px;margin-bottom:18px;grid-template-columns:1fr 1fr}.inv-stat{padding:14px 16px;gap:8px;border-radius:12px}.inv-stat>span:first-child{font-size:11px}.inv-stat strong{font-size:28px}.inv-stat strong small{font-size:10px}.inv-stat-sub{font-size:9px}.inv-categories{margin-bottom:3px;padding-bottom:12px}.inv-categories button{font-size:11px;padding:8px 12px}.inv-catalog-head{padding:20px 16px 0;gap:12px}.inv-catalog-head h3{font-size:17px}.inv-catalog-head p{font-size:11px}.inv-sync{font-size:10px}.inv-tools{grid-template-columns:1fr 95px;padding:16px;gap:8px}.inv-search{grid-column:1/-1}.inv-tools input{font-size:12px}.inv-tools select,.inv-tools button{font-size:11px}.inv-advanced{padding:0 16px 18px;gap:10px}.inv-columns{display:none}.inv-row{grid-template-columns:minmax(0,1fr) auto;padding:17px 16px;gap:12px;border-top:1px solid #e6ecdf}.inv-product{gap:12px}.inv-product h4{font-size:13px}.inv-icon{width:38px;height:38px;border-radius:10px}.inv-assignment{margin-left:50px}.inv-detail{margin-left:50px}.inv-detail[open]{margin-left:0}.inv-quantity{color:#637854}.inv-state{font-size:10px}.inv-foot{padding:14px 16px;font-size:10px}.inv-hosts>summary{font-size:12px}.inv-form{padding:24px 19px}.inv-form h2{font-size:24px}.footerline{font-size:8px}.main:has(.desk){padding:16px}.desk-intro h2{color:#2d4b31}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}

.nav-section{font-size:8px;font-weight:600;letter-spacing:1.5px;color:#93b39f;padding:19px 14px 6px}.nav-section:first-child{padding-top:0}@media(max-width:750px){.nav-section{grid-column:1/-1;padding:14px 10px 4px;font-size:9px}}