/* Shared interface refinements */
:root{--ink:#172f38;--muted:#62777d;--line:#dce8e7;--bg:#f3f7f6;--teal:#087e75;--teal-dark:#075d58;--shadow:0 6px 22px #153c3610}
body{line-height:1.55}.topbar{box-shadow:0 2px 12px #173a3510}.brand-mark{border-radius:10px}.workspace{padding-top:34px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:clamp(27px,3vw,36px)}.page-heading .muted{max-width:70ch}.panel,.stat-card,.auth-card{border-radius:14px}.panel{padding:24px}.panel-heading{gap:12px;flex-wrap:wrap}.button{min-height:42px;border-radius:9px;transition:background .15s,border-color .15s,color .15s}.button.small{min-height:34px}.button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5abeb1;outline-offset:2px}.top-primary a[aria-current="page"]{background:var(--mint);color:var(--teal-dark)}.sidebar{scrollbar-width:thin}.menu-entry{min-height:42px}.menu-search-wrap{background:#f8fbfa}.table-wrap{overscroll-behavior-inline:contain}.table-wrap table{min-width:560px}.table-wrap th{font-size:12px;letter-spacing:.025em}.disclosure{margin:16px 0}.disclosure>summary{list-style:none;cursor:pointer}.disclosure>summary::-webkit-details-marker{display:none}.disclosure[open]>summary{margin-bottom:4px}.disclosure>.panel{margin-top:12px}.disclosure .form-grid{margin-top:16px}.form-grid input,.form-grid select{min-height:42px}.role-picker input{width:18px;min-height:18px;height:18px}.dropdown-panel{max-height:min(70vh,600px);overflow:auto}.dropdown-panel a,.dropdown-panel button{min-height:40px}.sidebar-toggle{min-width:40px;min-height:40px}
@media(max-width:1050px){.top-custom{display:none}.top-primary{flex:1}.workspace{padding:28px 22px 40px}}
@media(max-width:760px){.topbar{padding:8px 12px}.top-primary{order:5;flex:1 0 100%;padding:7px 0 0;gap:3px}.top-primary a{flex:1;text-align:center;padding:9px 8px;font-size:13px}.account-menu summary span:first-child{max-width:110px;overflow:hidden;text-overflow:ellipsis}.workspace{padding:22px 14px 36px}.page-heading{gap:14px}.page-heading h1{font-size:28px}.panel{padding:18px}.panel-heading{align-items:flex-start}.table-wrap{margin-left:-18px;margin-right:-18px}.table-wrap td:first-child,.table-wrap th:first-child{padding-left:18px}.table-wrap td:last-child,.table-wrap th:last-child{padding-right:18px}.actions{min-width:0}.form-grid.two-col,.mode-block,.role-layout,.permission-list{grid-template-columns:1fr}.span-two,.mode-block h2,.mode-block p{grid-column:auto}.role-list{margin-bottom:0}.sidebar{width:min(88vw,320px)}.sidebar-collapsed .sidebar{width:min(88vw,320px)}.inline-form{flex-wrap:wrap}.footer{padding-left:14px}}
@media(max-width:420px){.brand span{font-size:15px}.user-controls{gap:2px}.user-controls summary{padding:7px}.account-menu summary span:first-child{max-width:76px}.topbar{gap:5px}.page-heading>.button{width:100%}.form-actions{flex-wrap:wrap}}

/* A quiet workspace with strong navigation and comfortable touch targets. */
body{background:radial-gradient(ellipse at top right,#e8f4f1 0,transparent 48%),var(--bg)}
.topbar{border-bottom-color:#d4e5e1}.brand{letter-spacing:-.04em}.brand span{font-weight:800}
.sidebar{background:#fbfdfc;position:sticky;top:var(--topbar-height,62px);align-self:flex-start;height:calc(100dvh - var(--topbar-height,62px))}
.menu-category>summary{font-size:14px;font-weight:750;padding-block:10px}.menu-entry{font-size:14px;gap:12px}.menu-entry[aria-current=page]{background:#deefeb;color:#075e56;font-weight:700;box-shadow:inset 3px 0 #12877a}
.menu-entry-label{white-space:normal;overflow-wrap:anywhere}.menu-section-title{margin-bottom:8px}.menu-search-wrap{height:44px;border-color:#d4e2df}
.eyebrow{color:#08776e;letter-spacing:.12em}.stat-grid{gap:16px}.stat-card{padding:22px 24px;background:#fff;border-top:3px solid #149486;box-shadow:0 4px 16px #163c3210}.stat-card>span{font-size:13px;font-weight:650}.stat-card>strong{font-variant-numeric:tabular-nums;font-size:36px;letter-spacing:-.045em}.stat-card small{color:var(--muted)}
.table-wrap thead{background:#f1f7f5}.table-wrap tbody tr:hover{background:#f7fbfa}.table-wrap td{vertical-align:top}.table-wrap td .actions{gap:6px}.table-wrap td form{margin-block:3px}.table-wrap td input,.table-wrap td select{min-height:40px}.table-wrap td details[open]{min-width:260px;padding:12px;background:#f2f8f6;border-radius:10px}.table-wrap td details form{display:grid;gap:10px}.table-wrap td details label{display:grid;gap:4px;font-size:13px;font-weight:600}
.disclosure>summary.button{display:inline-flex;gap:9px;align-items:center}.disclosure>summary.button:before{content:'+';font-size:19px;font-weight:500}.disclosure[open]>summary.button:before{content:'−'}
.p-low{background:#e6f4ef;color:#236950}.p-unknown{background:#edf1f4;color:#4e6570}.frame-error{padding:24px;max-width:720px;margin:auto}
.installation-heading{gap:12px;flex-wrap:wrap}.installation-heading h1{font-size:clamp(20px,2.5vw,27px)}.wdc-frame{min-height:calc(100dvh - var(--topbar-height,62px) - 150px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1050px) and (min-width:761px){body{--sidebar-width:235px}.menu-entry{font-size:13px}.workspace{padding-inline:20px}}
@media(max-width:760px){
  .sidebar{position:fixed;height:auto;align-self:auto;overscroll-behavior:contain}.sidebar-open{overflow:hidden}.topbar{gap:7px}.permission-menu .menu-entry-label{display:none}.user-controls summary{min-height:42px}.dropdown-panel{width:min(320px,calc(100vw - 24px))}.top-primary{padding-bottom:3px}.top-primary a{border-radius:9px;min-height:42px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:17px}.stat-card>strong{font-size:30px}.stat-card:last-child{grid-column:1/-1}.panel{overflow:hidden}.button.small{min-height:40px}.form-grid input,.form-grid select,.filter-row input,.filter-row select{font-size:16px}.account-form{max-width:none}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-row>label:first-of-type{grid-column:1/-1}.filter-row label{min-width:0}.filter-row button{align-self:end}.form-actions .button{width:100%}.page-heading .actions{width:100%}.page-heading .actions>.button{flex:1}
  .mobile-cards,.mobile-cards tbody,.mobile-cards tr,.mobile-cards td{display:block!important;width:100%;min-width:0!important}.mobile-cards thead{display:none}.mobile-cards tbody tr{padding:15px 18px;border-bottom:8px solid var(--bg)}.mobile-cards td{padding:8px 0!important;border:0!important;overflow-wrap:anywhere}.mobile-cards td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:750;letter-spacing:.04em;margin-bottom:4px}.mobile-cards td[colspan]:before{content:none}.mobile-cards td:empty{display:none!important}.mobile-cards .actions{display:flex;flex-wrap:wrap}.mobile-cards td input{min-width:0}.mobile-cards td details[open]{min-width:0}.mobile-cards .inline-form{display:flex}.mobile-cards .inline-form input{flex:1;width:100%;min-width:0}.pagination{justify-content:space-between}.installation-workspace{padding:14px 10px}.installation-heading .button{min-height:40px}.wdc-frame{border-radius:12px}
}

@media(max-width:760px){.mobile-cards td:last-child{display:flex!important;flex-wrap:wrap;gap:6px;align-items:center}.mobile-cards td:last-child:before{flex-basis:100%}.mobile-cards td:last-child form{margin:0}.mobile-cards td:last-child .button{white-space:nowrap}.mobile-cards td:last-child details{flex-basis:100%}}

.table-wrap a:not(.button){color:var(--teal-dark);text-decoration:none}.table-wrap a:not(.button):hover{text-decoration:underline}.table-search{display:grid;gap:6px;max-width:480px;margin:8px 0 16px;font-size:13px;font-weight:650}.table-search input{min-height:44px;border:1px solid #ccdcd7;background:white;border-radius:9px;padding:10px 12px;font:inherit}.table-wrap tbody tr[hidden]{display:none!important}

.system-flow{width:100%;max-width:900px;display:block}.workspace>nav.actions{margin-bottom:20px;flex-wrap:wrap}

#property-list{min-width:0;width:100%}#property-list td{overflow-wrap:anywhere}

@media(min-width:761px) and (max-width:1050px){
.device-list,.device-list tbody,.device-list tr,.device-list td{display:block;width:100%;min-width:0!important}.device-list thead{display:none}.device-list tbody tr{padding:16px 24px;border-bottom:8px solid var(--bg)}.device-list td{padding:6px 0!important;border:0!important}.device-list td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}.device-list td:last-child{display:flex;gap:6px;flex-wrap:wrap}.device-list td:last-child:before{flex-basis:100%}.device-list td:last-child form{margin:0}
}