/* QuestFleet shared interface, September 2026. No external fonts or trackers. */
:root{--bg:#f4f5f0;--bg-card:#fff;--bg-input:#f8f9f5;--border:#dde3da;--text:#233c32;--text-muted:#66766d;--primary:#245b45;--primary-hover:#184332;--danger:#b53232;--danger-hover:#952525;--success:#26704d;--online:#26704d;--offline:#77847c;--radius:12px;--shadow:0 8px 24px #20352a08;color-scheme:light;font-family:'Bahnschrift','Trebuchet MS',sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Bahnschrift','Trebuchet MS',sans-serif;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #418b67;outline-offset:4px}input[type=checkbox]{accent-color:var(--primary);width:17px;height:17px;flex-shrink:0}[hidden]{display:none!important}
.skip-link{position:fixed;top:-100px;left:240px;background:#fff;padding:12px;z-index:2000}.skip-link:focus{top:10px}
.qf-sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#edf0e8;border-right:1px solid var(--border);padding:34px 20px 22px;display:flex;flex-direction:column;z-index:100;gap:0}.qf-brand{display:flex;align-items:center;gap:10px;color:#244532;font-size:21px;letter-spacing:-.8px;font-weight:650;padding:0 5px}.qf-brand svg{width:34px;height:30px}.qf-brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;color:#6d7b6f;margin-top:1px}.workspace-label{font-size:10px;color:#778575;letter-spacing:1.5px;margin:55px 12px 14px}.qf-nav{display:grid;gap:8px}.qf-nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:9px;color:#54685a;font-size:14px}.nav-symbol{font-size:21px;line-height:1}.qf-nav a:hover{background:#e0e6da}.qf-nav a[aria-current=page]{background:#245b45;color:#fff;box-shadow:0 4px 12px #245b4515}.sidebar-note{margin-top:50px;padding:20px 14px;border-top:1px solid #d4ddce}.note-mark{display:block;width:38px;height:38px;border:1px solid #c6d2bc;border-radius:50%;text-align:center;padding-top:8px;font-size:11px;color:#647650;margin-bottom:14px}.sidebar-note strong{font-size:12px;font-weight:500}.sidebar-note p{font-size:12px;color:#788473;margin-top:7px;line-height:1.7}.sidebar-bottom{margin-top:auto;display:grid;gap:15px;padding:20px 6px 0}.sidebar-bottom button{justify-content:flex-start;text-align:left;color:#667467;padding-left:0;background:none;border:0}.connection-label{font-size:11px;color:#6a7b6b}.qf-topline{margin-left:220px;height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:#697a6e;font-size:12px;background:#f9faf6}.topline-divider{padding:0 10px;color:#bbc3b6}
.page,.messages-page main{margin:0 0 0 220px;padding:40px 42px 55px;max-width:none;width:auto}.page-eyebrow{font-size:10px;letter-spacing:2px;color:#75806d;margin-bottom:12px;font-weight:600}.page-title,h1{font-size:38px;line-height:1.2;letter-spacing:-1.3px;font-weight:500;color:#244231;margin:0}.page-header{margin:0 0 10px;gap:16px;align-items:center}.page-description,.intro p{color:#758174;font-size:14px;margin:13px 0 28px;line-height:1.6}.qf-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:14px;background:white;margin:28px 0 36px;overflow:hidden}.qf-metrics>div{padding:24px 28px;border-right:1px solid var(--border);position:relative}.qf-metrics>div:last-child{border-right:0}.qf-metrics span{display:block;color:#657865;font-size:12px}.qf-metrics strong{display:block;font-size:38px;font-weight:400;letter-spacing:-1px;margin:8px 0 4px}.qf-metrics small{color:#85917f;font-size:11px}.qf-metrics>div:nth-child(2){background:#f5f8ed}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}h2,.section-heading h2{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:0}
.btn,.messages-page button{border-radius:8px;padding:10px 15px;border:1px solid #d4ddd0;color:#34513c;background:#fff;box-shadow:none;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;line-height:1.4}.btn:hover,.messages-page button:hover{background:#edf2e6;color:#244532}.btn-primary,.messages-page .primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover,.messages-page .primary:hover{background:var(--primary-hover);color:#fff}.btn-danger{color:#a12e2e;border-color:#e4c2c2;background:#fff5f4}.btn-sm{padding:8px 12px}.btn-xs{padding:6px 8px;font-size:11px}.btn-ghost{background:transparent}.btn-secondary{background:#e9eedf}.fleet-toolbar{padding:0;margin:0 0 16px;background:none;border:0;gap:14px;flex-wrap:wrap}.fleet-search{max-width:340px;min-width:180px}.fleet-bulk-actions{flex-wrap:wrap}.fleet-table-wrap{border:1px solid var(--border);border-radius:12px;background:#fff;overflow-x:auto;box-shadow:var(--shadow)}.fleet-table{min-width:760px}.fleet-table th,.schedule-table th,.log-table th{background:#f9faf7;color:#71816f;font-weight:500;font-size:11px;padding:15px 18px;border-color:var(--border)}.fleet-table td{padding:20px 18px;border-color:#e9ede4}.fleet-row.row-offline{opacity:1}.fleet-row:hover{background:#f7f9f3}.fleet-row.row-selected{background:#edf4e5}.fleet-name-link{color:#294536}.fleet-name-link strong{font-weight:500;font-size:14px}.fleet-name-sub{font-size:10px;color:#8a9584;margin-top:5px;letter-spacing:.5px}.status-pill{border:1px solid #dfe6d8;font-size:10px;padding:5px 9px;font-weight:400}.pill-offline{color:#7b8676;background:#f1f3ed}.pill-online{color:#246744;background:#e9f4df;border-color:#cce3bb}.fleet-table .col-actions{white-space:nowrap}.card,.collapsible{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.card{padding:24px}.card-title{color:#36543e;font-weight:500;font-size:17px;text-transform:none;letter-spacing:-.2px;margin-bottom:22px}.collapsible summary{padding:18px 24px}.detail-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:24px}.detail-left,.detail-right{min-width:0}.stat-row{padding:12px 0;border-color:#e9ede4}.stat-row .key{color:#778474}.schedule-layout{grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:24px}.schedule-layout>.card{min-width:0}.form-group label{color:#5d725f;font-weight:400;font-size:12px}.target-list{background:#fafbf8;border-color:var(--border);border-radius:8px}.target-item{padding:10px;border-bottom:1px solid #e8eddf}.app-tile{background:#f5f7f0;border-color:#dce5d3;color:var(--text);box-shadow:none}.app-tile-name{color:#284536}.app-tile-ver{color:#71816b}.app-tile-icon-fallback{background:#e8eedf;color:#6d805e}.app-tile.selected{outline-color:#346349}.app-tile-actions{background:#245b45}.app-tile-btn{background:#245b45}.app-section-count{background:#edf2e6;color:#4c6646}.app-section-summary{color:#486043}.app-selected-bar{background:#edf4e7;border-color:#d7e6ca}.app-library-header,.app-library-actions{flex-wrap:wrap;gap:14px}.modal-card{background:#fff;box-shadow:0 20px 80px #20352830;border-color:#d5dfce}.modal-backdrop{background:#18302288}.modal-title{color:#244532}.modal-close{color:#48644c}.toast{background:#fff;color:var(--text);box-shadow:0 10px 30px #1d392526}
input:not([type=checkbox]):not([type=range]),textarea,select{border:1px solid #d6dfce;background:#fff;color:#2e4b34;border-radius:8px;padding:11px 13px;max-width:100%;box-shadow:none}input::placeholder,textarea::placeholder{color:#8c9786}input[type=range]{accent-color:var(--primary)}.text-muted,.muted{color:#788572}.empty-state{padding:40px;color:#778474}.log-table td,.schedule-table td{border-color:#e7edde}.log-table{font-size:12px}.mono{color:#6c7c66}.badge-online{background:#e6f1dd;color:#326c43}.badge-offline{background:#eef1e8;color:#788571}
.messages-page .intro{margin-bottom:28px}.messages-summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--border);margin-bottom:12px;font-size:12px;color:#7d8976}.summary-label{letter-spacing:1.3px;font-size:10px;color:#617455}.messages-page .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:26px;align-items:start}.messages-page .panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:var(--shadow);min-width:0}.step-index{font-size:11px;color:#779269;display:inline-grid;place-items:center;width:28px;height:28px;background:#f1f5e9;border-radius:7px;margin-right:8px;vertical-align:middle}.messages-page .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.messages-page .bar button{font-size:11px;padding:8px 11px}.messages-page label{display:block;font-size:12px;margin-bottom:9px;color:#667960}.messages-page input:not([type=checkbox]),.messages-page textarea{width:100%}.messages-page textarea{min-height:190px;resize:vertical;line-height:1.7;background:#fbfcf8;padding:17px;font-size:14px}.messages-page #search{margin-bottom:14px;background:#fafbf7}.messages-page .device{display:flex;gap:13px;align-items:center;border:1px solid #e2e7dc;padding:15px 12px;border-radius:9px;margin:9px 0;cursor:pointer}.messages-page .device:hover{background:#fafcf7}.messages-page .device:has(input:checked){border-color:#5d8952;background:#f1f7e9}.messages-page .device.offline{cursor:default}.messages-page .info{min-width:0;flex:1;padding-left:48px;position:relative}.messages-page .info strong,.messages-page .info small{display:block;overflow-wrap:anywhere}.messages-page .info strong{font-size:13px;font-weight:500;color:#40563e}.messages-page .info small{color:#87917f;font-size:10px;margin-top:4px;letter-spacing:.3px}.headset-glyph{position:absolute;left:0;top:2px;width:35px;height:32px;display:grid;place-items:center;color:#6d8460;background:#f1f4eb;border-radius:7px}.headset-glyph svg{width:25px;height:22px}.messages-page .badge{font-size:10px;color:#326c43;white-space:nowrap;padding:4px 7px;background:#eaf3df;border-radius:5px}.messages-page .offline .badge{background:#f1f3ec;color:#7f8976}.messages-page .muted{font-size:11px;color:#788572;line-height:1.65}.messages-page p{line-height:1.7}.messages-page #devices{max-height:390px;overflow:auto}.messages-page #updated{border-top:1px solid #ecf0e6;padding-top:15px}.messages-page .preview-label{font-size:10px;letter-spacing:1.3px;margin-top:24px;color:#7a8a6e}.messages-page .preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3e5;border:1px solid #e0e8d6;border-radius:10px;padding:24px;margin:12px 0 24px;min-height:90px;max-height:240px;overflow:auto;color:#4c6542;font-size:14px}.messages-page #send{width:100%;padding:13px}.messages-page #notice{min-height:20px;font-size:12px;margin:13px 0}.messages-page #results{max-height:280px;overflow:auto}.messages-page .result{padding:12px 0;border-bottom:1px solid #e2e8d9;font-size:12px;overflow-wrap:anywhere}.messages-page .ok{color:#2d7542}.messages-page .error{color:#b53232}.messages-page dialog{max-width:420px;width:calc(100% - 32px);background:#fff;color:var(--text);border:1px solid #d6dfce;border-radius:16px;padding:30px;box-shadow:0 24px 100px #10271840}.messages-page dialog::backdrop{background:#23382dd9;backdrop-filter:blur(5px)}.messages-page dialog input{margin-bottom:16px}.messages-page dialog button{width:100%}
.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;gap:100px;padding:50px;background:#edf1e6}.login-intro h2{font-size:54px;line-height:1.13;font-weight:400;letter-spacing:-2px;margin:30px 0}.login-intro p{color:#75836c;line-height:1.8}.login-card{background:#fff;border:1px solid #dce4d3;border-radius:18px;box-shadow:0 20px 60px #2741230b;padding:42px;width:380px}.login-logo h1{font-size:28px}.login-logo h1 span{color:#245b45}.login-logo p{color:#7a8772}.login-card .btn-login{padding:14px}
@media(min-width:1600px){.page,.messages-page main{padding-left:65px;padding-right:65px;max-width:1700px}}
@media(max-width:1150px){.qf-sidebar{width:185px;padding:28px 14px}.qf-brand{font-size:19px}.qf-topline{margin-left:185px;padding:0 25px}.page,.messages-page main{margin-left:185px;padding:30px 25px}.messages-page .panel{padding:20px}.messages-page .grid{gap:18px}.messages-page .device{gap:9px}.messages-page .info{padding-left:0}.headset-glyph{display:none}.detail-layout{grid-template-columns:1fr}.schedule-layout{grid-template-columns:1fr}.sidebar-note{margin-top:35px}}
@media(max-width:760px){.qf-sidebar{position:relative;width:100%;padding:18px 20px;border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:16px}.qf-brand small{font-size:9px}.workspace-label,.sidebar-note,.connection-label,.ws-indicator{display:none}.qf-nav{grid-column:1/-1;grid-row:2;display:flex;gap:6px}.qf-nav a{flex:1;padding:10px;font-size:12px;gap:9px;justify-content:center}.sidebar-bottom{grid-column:2;grid-row:1;margin:0;padding:0;align-self:center}.sidebar-bottom button{font-size:11px;padding:8px}.qf-topline{margin-left:0;height:48px;padding:0 20px;font-size:10px}.page,.messages-page main{margin:0;padding:28px 18px}.page-title,h1{font-size:32px}.page-header{flex-wrap:wrap}.qf-metrics{margin:24px 0}.qf-metrics>div{padding:15px 12px}.qf-metrics strong{font-size:30px}.qf-metrics small{font-size:10px}.qf-metrics span{font-size:10px}.section-heading h2{font-size:17px}.section-heading .btn{font-size:11px;padding:9px}.fleet-search{max-width:none;width:100%}.fleet-bulk-actions{gap:8px}.fleet-bulk-actions #fleet-selection-label{width:100%}.messages-page .grid{grid-template-columns:1fr}.messages-summary{display:block;font-size:11px}.summary-label{display:block;margin-bottom:7px}.messages-page .info{padding-left:43px}.headset-glyph{display:grid}.messages-page .panel{padding:20px}.messages-page #devices{max-height:295px}.skip-link{left:10px}.login-page{display:block;padding:35px 20px}.login-intro{margin-bottom:30px}.login-intro h2{font-size:36px;margin:20px 0}.login-intro p{font-size:13px}.login-card{width:100%;max-width:420px;padding:28px;margin:auto}.inline-form,.slider-row{flex-wrap:wrap}.control-row{flex-wrap:wrap;gap:12px}.app-library-actions{width:100%}.app-search-input{min-width:0!important;width:100%}.card{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.fleet-table tr.row-offline td{opacity:1}.messages-page #send:disabled{background:#e4e9df;color:#617257;border-color:#d8e0d1;opacity:1}.app-tile-actions{opacity:1;transform:none}.qf-sidebar .btn{min-height:36px}