/* iPhone-first standalone owner workspace. No private data is cached offline. */
.cu{padding-bottom:calc(86px + env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}
.cu header{padding-top:calc(14px + env(safe-area-inset-top));position:sticky;top:0;z-index:20}
.cu .service-layout{display:block;min-height:0}.cu .service-sidebar{display:none}
.cu main{max-width:1100px;margin:auto;padding:22px 16px 30px}
.cu .server-brand{font-size:17px}.cu header>div>span,.cu #service-health-time{display:none}
.cu .service-connection{margin-left:auto}.cu #service-health{font-size:11px}
.cu .heading h1{font-size:28px}.cu #service-description{font-size:13px}
.cu button,.cu summary{min-height:44px}.cu input:not([type=checkbox]):not([type=radio]),.cu select,.cu textarea{font-size:16px;min-height:48px;width:100%;max-width:100%}
.cu input[type=checkbox],.cu input[type=radio]{width:22px;height:22px;flex-shrink:0}
.cu label{font-size:13px}.cu form{gap:18px}.cu form button{font-size:14px}
.cu .card{border-radius:18px;padding:18px;margin-bottom:16px}.cu .card>h2{font-size:17px;line-height:1.4}
.cu .card p{font-size:13px}.cu .badge{font-size:12px;overflow-wrap:anywhere}.cu .cu-booth>button{width:100%;margin-top:10px;background:var(--soft-blue);color:var(--blue)}
.cu-tabs{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px max(6px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:3px}
.cu-tabs button{border:0;display:flex;flex-direction:column;gap:3px;min-height:52px;padding:6px 2px;color:var(--muted);font-size:10px;background:transparent;border-radius:12px}
.cu-tabs button[aria-current=page]{color:var(--blue);background:var(--soft-blue)}.cu-tabs svg{width:22px;height:22px}
.cu dialog{max-height:calc(100dvh - 30px - env(safe-area-inset-top));width:min(640px,calc(100% - 20px));max-width:calc(100% - 20px);padding:22px 18px;overflow-y:auto;overscroll-behavior:contain;border-radius:22px}
.cu dialog::backdrop{background:#07101d99}.cu .service-dialog-close{min-height:44px;min-width:44px;top:10px;right:10px}.cu #modal-title{padding-right:36px;font-size:20px;overflow-wrap:anywhere}
.cu-menu-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cu-menu-heading h2{margin:0}.cu-menu-heading button{font-size:24px;min-width:44px}
.cu-menu-items{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.cu-menu-items button{justify-content:flex-start;text-align:left;padding:12px;font-size:12px}.cu-menu-items .service-nav-count{display:none}
.cu-network{position:sticky;top:0;z-index:50;background:var(--soft-orange);color:var(--orange);margin:0;padding:12px 16px;font-size:13px}
.cu pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:12px;max-width:100%}
.cu .service-device-grid{grid-template-columns:1fr}.cu .service-device>.service-status{max-width:100%}
.cu .service-status{white-space:normal;overflow-wrap:anywhere}.cu #status{position:relative;overflow-wrap:anywhere}
@media(max-width:720px){
 .cu header{padding-left:16px;padding-right:16px;gap:8px}.cu .server-brand img{width:25px;height:25px}.cu #service-health{max-width:145px}
 .cu .service-kpis{grid-template-columns:1fr 1fr}.cu .service-kpi{border-radius:16px}.cu .service-kpi strong{font-size:26px}
 .cu .scroll:has(.cu-records){border:0;overflow:visible}.cu-records,.cu-records tbody{display:block;width:100%}.cu-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cu-records tbody tr{display:block;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:8px 12px;background:var(--surface-alt)}
 .cu-records tbody td,.cu-records tbody td:first-child{display:grid;grid-template-columns:minmax(90px,34%) minmax(0,1fr);gap:12px;padding:10px 0;border:0;font-size:13px;align-items:start;min-width:0}
 .cu-records td[data-label]::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:500;padding-top:2px}.cu-records td[colspan]{display:block}
 .cu-records td>*{min-width:0;max-width:100%}.cu-records td button{min-height:44px;font-size:12px;margin:0 0 5px}.cu-records td pre{grid-column:1/-1}
 .cu fieldset{min-width:0}.cu form,.cu .grid{grid-template-columns:1fr}.cu .service-shortcuts{grid-template-columns:1fr}.cu .service-overview-intro h2{font-size:22px}
}
@media(min-width:721px){.cu-tabs{max-width:620px;margin:auto;border:1px solid var(--line);border-radius:20px 20px 0 0}.cu .heading{margin-top:10px}}
/* Fleet-first revision, matching the native CU's square apparatus tiles. */
.cu-fleet-tools{margin-bottom:18px}.cu-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:0 12px;border-radius:14px}.cu .cu-search input{border:0;background:transparent;padding:12px 0;outline-offset:0}.cu-filters{display:flex;gap:8px;margin:12px 0 6px}.cu-filters button{border-radius:22px;min-height:44px;padding:8px 16px}.cu-filters [aria-pressed=true]{background:var(--soft-blue);color:var(--blue);border-color:var(--blue)}[data-cu-count]{color:var(--muted);font-size:11px}
.cu-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cu .cu-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:left;gap:8px;aspect-ratio:1;min-height:178px;padding:14px;border-radius:20px;border:1px solid var(--line);background:var(--surface);overflow:hidden;color:var(--ink)}
.cu .cu-tile.tone-off{background:var(--soft-red);border-color:var(--red)}.cu .cu-tile.tone-error,.cu .cu-tile.tone-warn{background:var(--soft-orange);border-color:var(--orange)}.cu .cu-tile:active{transform:scale(.98)}
.cu-tile-top{display:flex;align-items:flex-start;gap:7px;min-height:43px}.cu-tile-top strong{font-size:14px;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cu-lamp{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:5px}.tone-off .cu-lamp{background:var(--red)}.tone-error .cu-lamp,.tone-warn .cu-lamp{background:var(--orange)}.tone-unknown .cu-lamp{background:var(--muted)}
.cu-form-factor{border:1.5px solid var(--muted);border-radius:3px;width:24px;height:15px;flex-shrink:0;line-height:11px;text-align:center;font-size:12px;color:var(--muted)}.cu-form-factor.vertical{width:14px;height:23px;line-height:19px}.cu-tile-id{font:10px/1.4 ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere}.cu-tile-paper{display:flex;align-items:center;gap:5px;font-size:13px}.cu-tile-paper small{color:var(--muted);font-size:10px}.cu-tile-state{font-size:11px;margin-top:auto}.cu-tile-ui .ui-health{font-size:10px}.cu-tile-ui{max-height:28px;overflow:hidden}.cu-no-results{grid-column:1/-1;color:var(--muted);padding:30px 0}
.cu .cu-section>summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:16px;font-weight:600;padding:3px 0;cursor:pointer}.cu .cu-section>summary::after{content:'⌄';margin-left:auto;color:var(--muted);font-size:20px}.cu .cu-section[open]>summary{margin-bottom:16px}.cu .cu-section[open]>summary::after{transform:rotate(180deg)}.cu-section summary::-webkit-details-marker{display:none}.cu .card:has(>.cu-section){padding:12px 16px;margin-bottom:10px}.cu .cu-identity h2{font-size:23px}.cu #service-description{display:none}.cu .heading{margin-bottom:16px}
@media(max-width:359px){.cu main{padding:18px 12px}.cu-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cu .cu-tile{padding:11px;min-height:177px}.cu-tile-top strong{font-size:12px}.cu-tile-id{font-size:9px}}

.cu-tile-ui .ui-live-lamp{font-size:9px;white-space:normal;line-height:1.35}.cu-tile-ui{max-height:none;overflow:visible}.cu-detail-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-alt);border:1px solid var(--line);border-radius:13px;padding:3px;gap:3px;margin:14px 0}.cu-detail-tabs button{border:0;background:transparent;font-size:12px;border-radius:10px}.cu-detail-tabs [aria-pressed=true]{background:var(--surface);color:var(--blue);box-shadow:0 1px 4px #152b4a12}

.cu-form-factor{position:relative}.cu-form-factor:empty::after{content:'';position:absolute;inset:2px;border:1px solid var(--muted);border-radius:1px}

@media(min-width:1001px){
 .cu{padding-bottom:0}.cu .service-layout{display:grid;grid-template-columns:238px minmax(0,1fr)}
 .cu .service-sidebar{display:block}.cu .service-sidebar[hidden]{display:none}
 .cu main{width:100%;max-width:1500px;box-sizing:border-box;padding:28px}
 .cu-tabs{display:none}.cu .service-device-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
 .cu header{position:relative}.cu .service-mobile{display:none}
}

@media(min-width:1001px){.cu .service-layout:has(.service-sidebar[hidden]){display:block}.cu .service-layout:has(.service-sidebar[hidden]) main{max-width:1100px}}
