/* MAESTRO.AI · Dviation Display Fleet | Phase 3 dashboard-only skin */
:root{--orange:#ff6900;--orange2:#ff9700;--navy:#10254a;--text:#142746;--muted:#7988a0;--pale:#fff9f1;--line:#f0e4d5;--panel:#fff;--shadow:0 7px 26px rgba(104,67,30,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;font-size:13px;background:linear-gradient(150deg,#fffdfb 0%,#fffaf2 47%,#fef8ee 100%)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff7d19;outline-offset:2px}a{color:inherit}a:hover{text-decoration:none}.app-shell{min-height:100vh;min-width:0}.global-header{height:69px;display:flex;align-items:stretch;border-bottom:1px solid #f5d8a6;background:linear-gradient(90deg,#fff8ee,#fff 42%);box-shadow:0 2px 8px rgba(73,43,10,.03)}.brand-zone{width:277px;flex:0 0 277px;display:flex;align-items:center;gap:12px;padding:0 17px;text-decoration:none;color:#fff;background:linear-gradient(110deg,#ff7300,#ffa500)}.brand-logo-wrap{width:37px;height:37px;flex:0 0 37px;background:#fff;border-radius:9px;border:1px solid #ffe6c6;overflow:hidden;display:grid;place-items:center;position:relative}.brand-logo-wrap img{height:100%;width:100%;object-fit:contain;position:relative;z-index:2}.brand-fallback{font-weight:900;color:var(--orange);font-size:22px;position:absolute}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:16px;letter-spacing:.2px}.brand-copy small{font-size:11px;font-style:italic;font-weight:550}.global-heading{min-width:0;display:flex;align-items:center;gap:20px;padding:0 26px}.global-heading strong{font-size:22px;letter-spacing:-.8px;color:#46576a;white-space:nowrap}.global-separator{height:28px;width:1px;background:#ffc679}.global-heading em{font-size:16px;color:#f14f00;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-right{margin-left:auto;padding:0 21px 0 10px;display:flex;gap:17px;align-items:center;white-space:nowrap}.header-live{display:flex;gap:6px;align-items:center;background:#fffdf7;border:1px solid #ffe2c0;border-radius:12px;padding:10px 12px;color:#a45b18;font-size:11px}.live-dot{display:inline-block;height:8px;width:8px;flex:0 0 8px;background:#17c86e;border-radius:50%;box-shadow:0 0 0 3px #e3f9ed}.header-day{color:#f3650c;font-weight:650;font-size:12px}.header-avatar{height:34px;width:34px;border-radius:50%;border:1px solid #ffcf9d;background:#fff3dd;color:var(--orange);display:grid;place-items:center;font-weight:900}.subnav{height:44px;display:flex;align-items:stretch;gap:7px;padding:0 max(22px,calc((100vw - 1560px)/2));background:linear-gradient(180deg,#fffdf6 0%,#fffaf1 100%);border-bottom:1px solid #f5ddba;overflow:auto;scrollbar-width:thin}.subnav-title{display:flex;align-items:center;color:#da700e;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:0 15px 0 0;white-space:nowrap}.subnav-link{display:flex;align-items:center;gap:8px;text-decoration:none;padding:0 23px;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:10px 10px 0 0;color:#62748c;white-space:nowrap;font-size:12px;font-weight:650}.subnav-link span{font-size:16px}.subnav-link.active,.subnav-link:hover{color:#f35c05;background:#fff;border-color:#f3dbb8;border-bottom:2px solid #fb6f08}.subnav-spacer{flex:1}.subnav-version{align-self:center;font-size:11px;color:#a8a2a0;white-space:nowrap}.workspace{max-width:1700px;margin:auto;padding:19px 24px 28px;min-width:0}.hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px;padding:0 4px}.hero-left{display:flex;align-items:center;gap:12px;min-width:0}.hero-symbol{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;color:#ff6900;background:linear-gradient(140deg,#fff8ef,#fff);border:1px solid #f7e3c8;box-shadow:var(--shadow);border-radius:13px}.section-kicker{font-size:11px;letter-spacing:1.65px;font-weight:850;color:#fb5906;margin-bottom:5px;text-transform:uppercase}.hero h1{font-size:23px;line-height:1.12;margin:3px 0 5px;letter-spacing:-.65px}.hero p,.panel-header p{color:var(--muted);font-size:12px;margin:0;line-height:1.45}.hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.server-pill{display:inline-flex;align-items:center;gap:9px;background:#e9fff1;color:#008d45;border-radius:24px;padding:10px 14px;white-space:nowrap;font-size:11px;font-weight:700}.server-pill.error{background:#fff0ee;color:#d43e31}.server-pill.error .live-dot{background:#ea4335;box-shadow:0 0 0 3px #ffe0dd}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;border:1px solid transparent;padding:10px 15px;font-weight:700;text-decoration:none;white-space:nowrap;min-height:36px;transition:background .15s,box-shadow .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(110deg,#ff6900,#ff8500);box-shadow:0 3px 10px rgba(255,115,0,.13)}.btn-primary:hover{background:linear-gradient(110deg,#f65e00,#ed7b00)}.btn-subtle{background:#fff;color:#263d5b;border-color:#e3e8ef}.btn-subtle:hover{background:#f5f9ff}.btn-danger{background:#fff1f0;color:#d52e35;border-color:#ffd4d4}.btn-danger:hover{background:#ffe3e1}.btn-xs{font-size:11px;padding:7px 10px;min-height:29px;border-radius:7px;font-weight:650}.btn-symbol{font-size:17px;line-height:0}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 12px}.metric{border:1px solid #f3dfd2;border-radius:12px;background:linear-gradient(140deg,#fff,#fff9f4);min-height:89px;padding:14px 15px;display:flex;align-items:center;gap:15px;min-width:0}.metric-icon{height:43px;width:43px;flex:0 0 43px;border-radius:11px;display:grid;place-items:center;font-size:22px;font-weight:900;background:#ff6b0b;color:#fff}.metric strong{font-size:25px;line-height:1.1;display:block;color:#ef5c0a;letter-spacing:-.7px}.metric-label{font-size:13px;font-weight:750;color:#f15d00;margin-top:2px}.metric small{font-size:10px;color:#8796ac;display:block;margin-top:2px}.metric-green{border-color:#d3f0e0;background:linear-gradient(135deg,#fff,#f3fff7)}.metric-green .metric-icon{background:#2cbf73}.metric-green strong,.metric-green .metric-label{color:#00a852}.metric-amber{border-color:#ffedc6;background:linear-gradient(135deg,#fff,#fffbf3)}.metric-amber .metric-icon{background:#fff3a8;color:#f17910}.metric-amber strong,.metric-amber .metric-label{color:#f37805}.metric-blue{border-color:#d3eafc;background:linear-gradient(135deg,#fff,#f1faff)}.metric-blue .metric-icon{background:#d9edff;color:#1688ed}.metric-blue strong,.metric-blue .metric-label{color:#1473e7}.metric-red{border-color:#fce1e4;background:linear-gradient(135deg,#fff,#fff5f5)}.metric-red .metric-icon{background:#ffe0e2;color:#ef2d36}.metric-red strong,.metric-red .metric-label{color:#ed2736}.panel{background:var(--panel);border:1px solid #f4e7d9;border-radius:12px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.rooms-panel,.fleet-panel{margin-bottom:12px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 11px 10px;gap:12px}.panel-header h2{font-size:20px;letter-spacing:-.5px;line-height:1.2;margin:0 0 3px}.room-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0 10px 10px}.room-card{border:1px solid #f2e4d3;background:linear-gradient(150deg,#fffdfb,#fff9f3);border-radius:10px;position:relative;min-width:0;padding:10px 8px 8px;display:flex;flex-direction:column;gap:7px}.room-card.inactive{opacity:.7}.room-card .room-status{position:absolute;right:8px;top:8px;font-size:10px;border-radius:18px;padding:5px 8px;background:#d6fae6;color:#007e46;font-weight:800;z-index:1}.room-card .room-status.off{background:#f5e8e8;color:#a34d50}.room-content{display:flex;gap:8px;align-items:center;min-height:106px}.room-art{width:51%;max-width:122px;min-width:62px;aspect-ratio:1/1;object-fit:contain;align-self:center}.room-icon-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#fff5e7,#ffe5c4);border-radius:10px;color:#df7b1a;font-size:38px;border:1px solid #f8dbc0}.room-info{min-width:0;align-self:flex-end;padding-bottom:4px}.room-info strong{font-size:12px;display:block;word-break:break-word}.room-info small{display:block;margin:7px 0 5px;font-weight:650;font-size:10px;color:#243e61;white-space:nowrap}.room-size{display:inline-block;font-size:10px;font-weight:750;padding:5px 7px;border-radius:5px;background:#c8f2ff;color:#0673e5}.room-size.small{background:#b5f7d1;color:#007b41}.room-size.largest{background:#ead3ff;color:#6723c7}.room-action{background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #ffd4b0;color:#ff6900;border-radius:7px;font-weight:750;font-size:10px;height:30px;margin-top:auto;width:100%;cursor:pointer}.room-action:hover{background:#fff0de}.panel-footer-minor{display:flex;gap:16px;align-items:center;border-top:1px solid #fff4e8;padding:7px 12px;color:#9aa7b6;font-size:10px}.footer-mini-dot{display:inline-block;width:6px;height:6px;background:#f79029;border-radius:50%}.fleet-heading{padding-bottom:12px}.header-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap span{position:absolute;left:11px;font-size:19px;color:#8493ac}.search-wrap input{padding-left:34px;width:255px;height:35px;font-size:11px}.table-scroll{width:100%;overflow-x:auto;padding:0 10px}.data-table{width:100%;border:1px solid #e7eaf0;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;min-width:740px}.data-table th{font-size:10px;color:#536785;font-weight:800;background:linear-gradient(180deg,#f9fafb,#f5f7f9);text-transform:uppercase;text-align:left;padding:10px 11px;letter-spacing:.2px}.data-table td{padding:9px 11px;border-top:1px solid #eaf0f4;vertical-align:middle;font-size:11px}.data-table tr:hover td{background:#fffdf9}.data-table .device-cell{display:flex;align-items:center;gap:9px;min-width:120px}.device-avatar{height:34px;width:29px;border-radius:5px;flex:0 0 29px;background:linear-gradient(160deg,#263b58,#0a1425);border:2px solid #91adca;color:#d1f7ff;display:grid;place-items:center;font-size:15px}.device-avatar.ipad{width:30px;background:#2f4054;border-color:#b5bdc4}.cell-strong{font-weight:750;color:#1e3252;display:block}.secondary{display:block;color:#8797ae;margin-top:3px;font-size:10px}.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:24px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.status-chip img{width:18px;height:18px;object-fit:contain}.status-chip.online{background:#d9fae7;color:#00954d}.status-chip.offline{background:#fff0c7;color:#ac6800}.status-chip.connecting{background:#d8f4ff;color:#1579ed}.status-chip.revoked{background:#ffe1e5;color:#ed2035}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge-img-fallback{display:none;font-size:15px}.badge-img-fallback.show{display:inline}.battery-cell{display:flex;align-items:center;gap:9px}.battery-cell img{width:44px;height:36px;object-fit:contain}.battery-cell .battery-fallback{width:31px;height:23px;border:2px solid #8492a5;border-radius:4px;position:relative}.battery-cell .battery-fallback::after{content:"";height:8px;width:3px;background:#8492a5;position:absolute;right:-5px;top:5px;border-radius:1px}.battery-cell .cell-strong{font-size:13px}.battery-band{font-size:9px;color:#8e9db2}.action-buttons{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.action-buttons .btn{min-width:52px}.action-buttons .btn-danger{min-width:auto}.fleet-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;font-size:11px;color:#8c9cb2}.fleet-bottom-actions{display:flex;gap:15px;flex-wrap:wrap}.link-button{border:0;background:none;color:#f06a10;text-decoration:none;font-weight:650;padding:3px 0;font-size:11px;cursor:pointer}.link-button:hover{text-decoration:underline}.expand-panel{background:#fffaf2;border:1px solid #ffe0b6;margin:0 10px 12px;padding:15px;border-radius:10px}.expand-panel[hidden]{display:none}.expand-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.pair-form,.privacy-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.pair-form label,.privacy-form label{display:grid;gap:6px;font-size:11px;color:#697d94;font-weight:750;flex:1;min-width:125px}.pair-form label:nth-child(3){flex:1.4}.pair-form label:first-child input{text-transform:uppercase;letter-spacing:2px;font-weight:800}.helper{margin:11px 0 0;color:#79879b;font-size:11px;line-height:1.5}.helper a{color:#f16912}.fleet-message{margin:0 10px 10px;border-radius:7px;background:#e9fff2;color:#158450;padding:9px 12px;font-size:12px}.fleet-message.bad{background:#fff0ef;color:#cd3838}.fleet-message[hidden]{display:none}.bottom-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,.9fr);gap:12px}.schedule-panel .panel-header{padding-bottom:10px}.schedule-toolbar{display:flex;align-items:end;gap:10px;padding:0 10px 10px;flex-wrap:wrap}.schedule-toolbar label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#7990ab}.schedule-toolbar input,.schedule-toolbar select{height:32px;padding:6px 9px;min-width:128px}.selected-day{font-size:10px;color:#8fa0b4;padding-bottom:8px;margin-left:auto}.session-count{font-size:10px;color:#0c9873;background:#e4fcf1;border-radius:20px;padding:6px 9px;align-self:flex-end}.schedule-table td{padding:9px 9px}.schedule-table .action-buttons{flex-wrap:nowrap}.schedule-table .btn-xs{min-width:0}.schedule-table th{padding:10px 9px}.session-status{font-weight:800;font-size:10px;border-radius:20px;display:inline-block;padding:5px 9px;background:#e1f9e9;color:#087e43}.session-status.progress{background:#dff3ff;color:#0078c9}.session-status.done{background:#f0f2f4;color:#64758b}.right-panels{display:grid;grid-template-rows:auto 1fr;gap:9px;min-width:0}.side-panel{padding:0 12px 10px;min-height:72px}.side-header{min-height:42px;display:flex;align-items:center;border-bottom:1px solid #f1eee9;gap:8px}.side-header h3{font-size:12px;margin:0;font-weight:800}.side-red{color:#ff2e34;margin-right:4px;font-size:18px}.mini-count{margin-left:auto;border-radius:14px;background:#fff1ed;color:#dd6333;padding:3px 8px;font-weight:750}.side-caption{margin-left:auto;font-size:10px;color:#a0aaba}.small-empty{font-size:11px;color:#a5adb9;margin:11px 0 1px}.alert-row{display:flex;gap:8px;align-items:flex-start;border-bottom:1px dashed #f0ebea;padding:9px 0;font-size:11px}.alert-row .alert-icon{color:#ed4235}.alert-row strong{display:block;color:#243b58}.alert-row small{display:block;color:#8190a6;margin:4px 0}.alert-row button{margin-left:auto;white-space:nowrap}.audit-list{max-height:205px;overflow:auto}.audit-row{display:grid;grid-template-columns:7px 106px 1fr;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid #f6f2ee;font-size:10px;color:#73849c}.audit-dot{height:6px;width:6px;background:#ff6b21;border-radius:50%}.audit-dot.paired{background:#14c776}.audit-dot.revoked{background:#ee3141}.audit-row .audit-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-footer{display:flex;justify-content:space-between;gap:12px;color:#a1a5b0;font-size:10px;margin:17px 0 4px;padding:11px 4px;border-top:1px solid #f2e7d7}input,select,textarea{background:#fff;color:#263a56;border:1px solid #dfe6ee;border-radius:7px;padding:9px 10px;min-width:0;outline:none}input::placeholder,textarea::placeholder{color:#a4b1c1}input:focus,select:focus,textarea:focus{border-color:#ffaf65;box-shadow:0 0 0 3px rgba(255,133,35,.12)}input[readonly]{background:#f4f6f8;color:#8793a0}.empty-state{text-align:center;color:#929fb1;padding:27px!important;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(12,26,49,.56);z-index:300;display:flex;align-items:center;justify-content:center;padding:15px}[hidden]{display:none!important}.modal-backdrop[hidden],.toast[hidden]{display:none}.modal{max-height:90vh;overflow:auto;background:#fff;border-radius:17px;border:1px solid #ffe0bd;box-shadow:0 25px 80px rgba(22,31,54,.24);padding:25px;width:min(590px,100%)}.modal-narrow{width:min(480px,100%)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.modal-heading h2{font-size:22px;margin:0}.icon-close{border:1px solid #e7e9ed;background:#fff;border-radius:7px;color:#778499;font-size:23px;line-height:1;width:32px;height:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.modal-single-label{display:grid;gap:7px;font-weight:750;color:#3c5070;font-size:12px}.form-grid label small{color:#9ba7b6;font-weight:500}.form-grid label.span2{grid-column:span 2}.form-grid .check-label{display:flex;align-items:center;align-self:end;gap:10px;padding-bottom:9px}.form-grid .check-label input{width:17px;height:17px}.form-error{min-height:15px;font-size:11px;color:#d62b35;margin:11px 0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #f3eee8;padding-top:16px;margin-top:12px;flex-wrap:wrap}.room-detail-content{display:grid;grid-template-columns:118px 1fr;gap:15px;align-items:center;padding:10px;border:1px solid #f2e5d7;border-radius:12px;background:#fffaf4}.room-detail-content img{width:115px;height:115px;object-fit:contain}.room-detail-lines{font-size:12px;line-height:2;color:#66758a}.room-detail-lines strong{color:#182e4c}.toast{position:fixed;bottom:20px;right:20px;z-index:400;padding:13px 18px;border-radius:10px;background:#e6fff1;color:#137d48;border:1px solid #c5f1d7;box-shadow:0 12px 35px #13213526;max-width:350px;font-size:12px}.toast.bad{color:#be323b;background:#ffeded;border-color:#f5c9c9}.auth-overlay{position:fixed;inset:0;z-index:500;background:radial-gradient(circle at 10% 0%,#fff0d7,#fff9f1 44%,#fcf7ed);display:flex;justify-content:center;align-items:center;padding:18px}.auth-overlay[hidden]{display:none}.auth-card{width:min(430px,100%);border:1px solid #f3dfc1;background:#fff;box-shadow:0 20px 70px rgba(112,76,33,.12);border-radius:18px;padding:33px;display:flex;flex-direction:column;gap:10px}.auth-mark{display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#ff6300,#ffa400);width:55px;height:55px;font-size:32px;font-weight:900;color:#fff;margin-bottom:10px}.auth-card h2{font-size:25px;margin:0}.auth-card p{margin:0 0 8px;color:#73849a;line-height:1.65}.auth-card label{display:grid;gap:7px;font-weight:750;font-size:12px}.auth-card .form-error{color:#c53636}.auth-footnote{font-size:10px;color:#9fabba;line-height:1.5;text-align:center}
@media(max-width:1360px){.global-heading em{display:none}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-art{max-width:115px}.metric{gap:9px;padding:12px 11px}.metric-icon{height:39px;width:39px;flex-basis:39px}.metric strong{font-size:23px}.bottom-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.9fr)}}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.right-panels{grid-template-columns:1fr 1fr;grid-template-rows:auto}.global-heading{padding:0 18px}.brand-zone{width:235px;flex-basis:235px}.header-live{display:none}.fleet-heading{align-items:flex-start;flex-direction:column}.header-tools{width:100%}.search-wrap input{width:min(320px,60vw)}}
@media(max-width:720px){.global-header{height:62px}.brand-zone{width:190px;flex-basis:190px;padding:0 12px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:9px}.global-heading{display:none}.global-right{padding-right:10px;gap:7px}.header-day{font-size:10px}.header-avatar{display:none}.subnav{padding:0 10px}.subnav-title,.subnav-version{display:none}.subnav-link{padding:0 13px}.workspace{padding:14px 12px 20px}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:20px}.hero-symbol{height:48px;width:48px;flex-basis:48px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-content{flex-direction:column;min-height:0}.room-art{width:100%;max-width:115px}.room-info{align-self:stretch}.room-card .room-status{font-size:9px}.right-panels{grid-template-columns:1fr}.panel-header{flex-wrap:wrap}.panel-header h2{font-size:18px}.search-wrap input{width:100%}.header-tools .search-wrap{flex:1;min-width:170px}.schedule-toolbar .selected-day{display:none}.page-footer{flex-wrap:wrap}.panel-header .btn{font-size:11px}}
@media(max-width:480px){.room-grid{gap:6px}.room-card{padding:9px 7px 7px}.room-card .room-status{position:static;align-self:flex-end}.room-content{gap:4px}.room-art{width:90px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:82px}.metric-icon{display:none}.subnav-link{padding:0 11px}.form-grid{grid-template-columns:1fr}.form-grid label.span2{grid-column:span 1}.modal{padding:18px}.room-detail-content{grid-template-columns:1fr;text-align:center}.room-detail-content img{justify-self:center}.hero-actions{width:100%}.fleet-bottom{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ============ MAESTRO.AI Icon Refresh v2: image badges, no sidebar ============ */
.subnav-link .nav-badge{width:21px;height:21px;object-fit:contain;display:block;flex:0 0 21px}
.subnav-link .nav-icon-fallback{font-size:17px;line-height:1}
.subnav-link .nav-icon-fallback[hidden]{display:none}
.metric-icon{overflow:hidden}
.metric-icon .metric-badge{width:34px;height:34px;object-fit:contain;display:block}
.metric-icon .metric-icon-fallback[hidden]{display:none}
.metric-icon .metric-icon-fallback{font-size:23px;line-height:1}
.metric-orange .metric-icon,.metric-green .metric-icon,.metric-amber .metric-icon,.metric-blue .metric-icon,.metric-red .metric-icon{background:#fff8f1;border:1px solid #ffe1c8}
.room-art[hidden],.device-image[hidden],.status-image[hidden],.nav-badge[hidden],.metric-badge[hidden]{display:none!important}
.room-icon-fallback[hidden]{display:none!important}
.room-icon-fallback{width:51%;max-width:122px;min-width:62px;background:linear-gradient(145deg,#ffecd6,#ffcd95);border:1px dashed #ffc78b;}
.room-fallback-glyph{font-size:34px;font-weight:700;color:#b76b23}
.device-avatar,.device-avatar.ipad{width:38px;height:39px;flex:0 0 38px;background:#fff8ef;border:1px solid #ffdfc6;box-shadow:0 2px 7px rgba(255,114,0,.07);border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#f26d0c}
.device-avatar .device-image{width:32px;height:32px;object-fit:contain;display:block}
.device-avatar .badge-img-fallback{font-size:23px;color:#e77017}
.badge-img-fallback:not([hidden]){display:inline-block!important}
.battery-revoked{color:#9aa7b6;font-size:16px;font-weight:650;display:inline-block;padding-left:2px}
.status-chip .badge-img-fallback:not([hidden]){font-size:15px;line-height:15px}
.room-detail-content .room-art{width:115px;height:115px;max-width:115px}
.room-detail-content .room-icon-fallback{min-width:115px}
@media(max-width:480px){.subnav-link .nav-badge{width:18px;height:18px;flex-basis:18px}.metric-icon{display:grid}.metric-icon .metric-badge{width:28px;height:28px}}