/* Clevis corporate palette. Operational status colours remain semantic. */
:root{--ink:#302b22;--muted:#625f55;--line:#dedbcf;--accent:#6a5733;--surface:#fff;--cream:#fbfae4;--warm:#f6f5ec;--charcoal:#292821}
body{font-family:Manrope,Arial,sans-serif;background:var(--warm);color:var(--ink)}
h1,h2{font-weight:500}h1{letter-spacing:-1px}h2{letter-spacing:-.4px}h3{font-weight:600}p,.muted,small,.identifier,.reading-context{color:var(--muted)}
button{background:var(--accent);border-radius:3px}input,select{color:var(--ink);border-color:var(--line);border-radius:4px}button:focus-visible,a:focus-visible{outline-color:#a58853}input:focus,select:focus{outline-color:#a58853;border-color:var(--accent)}a,main .quiet{color:var(--accent)}.secondary{color:var(--ink);border-color:var(--line);background:#fff}.quiet{background:transparent}
aside{background:var(--cream);color:var(--ink);border-right:1px solid var(--line)}.brand{padding:0;margin-bottom:4px;letter-spacing:1.7px}.brand img{display:block;width:100%;max-width:180px;height:auto}.brand .product-label{display:block;font-size:10px;font-weight:700;color:var(--accent);margin-top:14px;letter-spacing:1.8px}.nav-caption{color:var(--muted)}nav button{color:var(--ink);border-radius:3px}nav button:hover{background:#ede9d9;filter:none}nav button.selected{background:#e8e2ce;color:var(--ink);border-left-color:var(--accent)}.sidebar-foot p,.sidebar-foot .quiet{color:var(--muted)}.env{color:var(--muted);border-color:#c8c0a9;border-radius:3px}.eyebrow{color:var(--accent)}
.panel,.stat,.inventory-tree,.topology-canvas,.device-inspector,.reading-card,#history-filters{border-color:var(--line);border-radius:6px}.stat{border-top-color:#c9b689}.stat strong,.reading-value{font-weight:600}.stat small{color:var(--muted)}.reading-card{background:#fff}.reading-card-heading strong{font-weight:600}.callout{background:#f0ecde;border-color:var(--line);border-radius:6px}.callout strong{color:var(--ink)}
th{background:var(--warm);color:var(--muted);border-color:var(--line)}td,.inventory-tree-row,.channel-tree-row{border-color:#e9e6dc}td small,td .identifier{color:var(--muted)}.table-scroll-hint{color:var(--muted)}.empty,.empty strong{color:var(--muted)}pre{background:var(--warm);border-radius:4px}
.network-icon{color:var(--accent)}.depth-0>.inventory-tree-row{background:#f0ecde}.depth-1>.inventory-tree-row{background:#faf9f3}.inventory-child-list{border-color:var(--line)}.tree-toggle{background:var(--warm);color:var(--accent)}.signal-hint,.device-hint.unknown{color:var(--muted)}
.topology-canvas{background-color:#faf9f3;background-image:radial-gradient(#dedbcf .8px,transparent .8px)}.topology-caption{color:var(--muted);background:#fffdf5}.site-root{background:var(--charcoal);border-radius:5px;box-shadow:none}.site-root .network-icon,.site-root small{color:#e5d7b9}.site-root:after,.gateway-branches:before,.gateway-column:before,.device-branches:before,.device-node:before{border-color:#c8b991}.gateway-node{border-color:#c8b991;background:#f5f1e6;border-radius:5px}.device-node{border-color:var(--line);border-radius:5px}.device-node.selected{border-color:var(--accent);box-shadow:0 0 0 2px #6a573322;background:#fffdf5}.device-node-value{color:var(--ink)}.add-device-node{background:#f6f5ec;color:var(--accent);border-color:#c8b991;border-radius:5px}.inspector-health>div{background:var(--warm)}.inspector-fact dt,.inspector-health small,.inspector-measurement small{color:var(--muted)}
#login-view{background:var(--charcoal)}.login-card{border-radius:6px;background:#fffdf5;border:1px solid #d5c7a8;box-shadow:none}.login-card .brand{margin-bottom:28px}.login-card .brand img{max-width:240px}.login-card h1{font-weight:500}.login-card small{color:var(--muted)}dialog{color:var(--ink);border-color:var(--line);border-radius:6px}dialog::backdrop{background:#29282188}dialog .actions{border-color:var(--line)}
@media(max-width:700px){aside{background:var(--cream)}.brand{max-width:200px;padding:0}.brand img{max-width:165px}.brand .product-label{margin-top:7px;font-size:9px}#menu-toggle{background:var(--accent);top:22px}.login-card .brand{max-width:none}.site-root{border-radius:5px}}

/* Keep the identity and account controls visible while navigation scrolls. */
@media(min-width:701px){aside{overflow:hidden}.brand,.sidebar-foot{flex-shrink:0}.sidebar-navigation{min-height:0;flex:1;overflow-y:auto;margin-top:12px}.sidebar-navigation .nav-caption:first-child{margin-top:10px}.sidebar-foot{margin-top:0;border-top:1px solid var(--line);padding-top:12px}.sidebar-navigation nav{flex-shrink:0}}

/* Shared authentication layout overrides the legacy login shell. */
#login-view.clevis-auth{display:grid;place-items:stretch;background:var(--clevis-canvas)}

/* Warm, quiet navigation with the original square brand artwork. */
aside{background:#faf9f2;color:var(--clevis-ink);border-right-color:#e5e1d7}
aside .brand{padding:0 0 18px;margin-bottom:0;border-bottom:1px solid #e5e1d7;max-width:none;text-align:center}
aside .brand img{width:108px;height:108px;max-width:none;margin:0 auto;object-fit:contain}
aside .brand .product-label{font-size:12px;font-weight:600;letter-spacing:1.2px;margin-top:8px;color:#6a5733}
aside .nav-caption{color:#8b8170}
aside nav button{color:#5e584c}
aside nav button:hover{background:#f0ede3}
aside nav button.selected{background:#ebe5d5;color:#4b3b1e;border-left-color:#8b7447}
aside .sidebar-foot p,aside .sidebar-foot .quiet{color:#736a59}
aside .env{color:#8b8170;border-color:#d7cfbd}
@media(max-width:700px){aside .brand{display:flex;align-items:center;gap:16px;text-align:left;border:0;padding:0;max-width:240px}aside .brand img{width:66px;height:66px;margin:0}aside .brand .product-label{margin:0;font-size:11px}#menu-toggle{top:30px}}

/* Complete component adapter: neutral brand styling, clear operational states. */
:root{--ink:var(--clevis-ink);--muted:var(--clevis-muted);--line:var(--clevis-border);--accent:var(--clevis-bronze);--surface:var(--clevis-surface);--warm:var(--clevis-canvas)}
h1{font-size:var(--clevis-type-title);font-weight:500;line-height:1.2}h2{font-size:var(--clevis-type-section);font-weight:600;line-height:1.4}h3{font-weight:600;line-height:1.4}
label{font-size:var(--clevis-type-label);font-weight:600}.header-actions label{font-size:12px}button{border-radius:var(--clevis-control-radius)}input,select{min-height:44px;border-radius:var(--clevis-control-radius)}input[type=checkbox],input[type=radio]{min-height:0}
.stat span,.inventory-group,.topology-footnote,.device-inspector h3,.inspector-fact dd,.inspector-measurement strong{color:var(--muted)}
.stat span{font-size:13px;font-weight:500}.stat strong,.reading-value,.device-node-value{font-variant-numeric:tabular-nums}.reading-value{font-size:var(--clevis-type-value);font-weight:600}
tbody tr:hover{background:#faf9f3}.badge{border-radius:4px}.badge.unknown,.badge.status_stale,.badge.missing,.badge.paused,.badge.pending{background:#efede7;color:#625f55}
.identifier,#new-secret,#docs td:nth-child(2){font-family:var(--clevis-mono)}.identifier{font-size:11px}.gateway-node .identifier,.device-inspector>.identifier,.channel-tree-row .identifier{font-size:11px}
.panel,.gateway-node,.device-node{box-shadow:none}.gateway-node{border-top-color:#c8b991}.device-node{color:var(--ink)}.device-branches:after,.add-device-node:before{border-color:#c8b991}
.inspector-health>div{border-color:var(--line);border-radius:6px}.inspector-health strong{color:var(--ink);font-variant-numeric:tabular-nums}.inspector-measurement{border-color:var(--line)}.inspector-measurement strong,.inspector-health small,.inspector-measurement small{font-size:12px}.inspector-actions button{font-size:12px;min-height:40px}.device-inspector h3{font-size:12px;letter-spacing:.8px}.gateway-node .badge,.inspector-measurement .badge{font-size:11px}
.tree-toggle:disabled{color:#b5afa0}.tree-toggle{font-weight:500}.tree-row-details,.reading-health{color:var(--muted)}
dialog{box-shadow:0 20px 60px #302b2226}dialog h2{font-size:21px}dialog input,dialog select{min-height:44px}dialog .actions{background:var(--surface)}button.revoke{border-radius:4px}#notice{border-radius:6px}
.sidebar-navigation{scrollbar-width:thin;scrollbar-color:#c7bfad transparent}.sidebar-navigation::-webkit-scrollbar{width:6px}.sidebar-navigation::-webkit-scrollbar-thumb{background:#c7bfad;border-radius:6px}.sidebar-navigation::-webkit-scrollbar-track{background:transparent}
@media(max-width:700px){header h1{font-size:27px}.reading-value{font-size:26px}.toolbar button,.inspector-actions button{min-height:44px}aside[data-menu-open="true"] nav button{min-height:44px}}

/* Subtle frame for the supplied square logo. */
aside .brand img{border:1px solid #c9bea7;border-radius:2px}

/* Clevis Connect product lockup: compact artwork and closely related name. */
aside .brand img{width:94px;height:94px}
aside .brand .product-label{margin-top:5px;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:.1px;text-transform:none;color:#3e3218}
@media(max-width:700px){aside .brand{gap:10px}aside .brand img{width:60px;height:60px}aside .brand .product-label{margin-top:0;font-size:14px}}

/* Dedicated product artwork includes its own frame, tagline and name. */
aside .brand img{width:94px;height:auto;aspect-ratio:120/144;border:0;border-radius:0}
@media(max-width:700px){aside .brand img{width:60px;height:auto}}

/* Final approved identity: original square logo and uppercase product label. */
aside .brand img{width:94px;height:94px;aspect-ratio:1;border:.5px solid #c9bea7;border-radius:0}
aside .brand .product-label{margin-top:12px;font-size:11px;font-weight:500;letter-spacing:1.2px;line-height:1.4;color:#6a5733}
@media(max-width:700px){aside .brand img{width:60px;height:60px}aside .brand .product-label{margin-top:0;font-size:11px}}

aside .brand .product-label{font-size:14px}

aside .brand .product-label{font-weight:700}

/* Shared ecosystem ownership and immutable release identity. */
.release-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:32px;padding-top:16px;border-top:1px solid #DEDBCF;color:#625F55;font-size:11px;line-height:1.6;font-weight:400}
.clevis-auth-footer{flex-wrap:wrap;gap:8px}.login-build{flex-basis:100%;font-size:11px;color:#625F55}