.fleet-number{border:0;background:none;padding:0;color:#12353f;font-size:18px;font-weight:750;cursor:pointer}.fleet-number:hover{color:var(--teal)}.fleet-device-row td{vertical-align:middle}.fleet-device-row td small{display:block;margin-top:6px;color:#77909a;font-size:11px}.fleet-signals{display:grid;gap:6px}.fleet-usb-line{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#66808b}.fleet-usb-line .pill{font-size:10px;padding:3px 6px}.fleet-ip{font-size:12px;font-variant-numeric:tabular-nums}.fleet-manage{white-space:nowrap;padding:10px 13px;font-size:12px}.text-warning{color:#b27721!important}.fleet-modal{width:min(1240px,96vw)!important;max-width:1240px!important}.fleet-console{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:26px}.fleet-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line,#e1e9eb);padding-bottom:18px;margin-bottom:18px}.fleet-detail-heading h2{font-size:30px;margin:5px 0}.fleet-detail-heading p{font-size:13px;color:#66808b;margin:5px 0}.fleet-detail-heading small,.fleet-status-card>small,.fleet-network small{display:block;color:#8196a0;font-size:11px}.fleet-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fleet-status-card{border:1px solid #e2eaed;border-radius:12px;padding:16px;min-width:0;background:#fcfefe}.fleet-status-card>div{margin-top:12px}.fleet-status-card p{font-size:11px;color:#728995;line-height:1.7;margin:12px 0 0}.fleet-status-card details{font-size:11px;margin-top:9px}.fleet-status-card .device-id{overflow-wrap:anywhere;display:block;margin-top:8px}.fleet-network{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.fleet-network>div:last-child{grid-column:1/-1}.fleet-network b{display:block;font-size:13px;margin-top:6px;font-variant-numeric:tabular-nums}.fleet-controls{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e2eaed;padding-top:18px}.fleet-controls button{font-size:12px;padding:10px 12px}.fleet-controls button:disabled{opacity:.45;cursor:not-allowed}.fleet-work-banner{display:flex;gap:10px;flex-direction:column;border-radius:10px;padding:14px;background:#fff6e4;color:#8d642d;font-size:12px;margin:14px 0}.fleet-history{margin:20px 0;font-size:12px}.fleet-history-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px solid #e7eef0;padding:12px 0}.fleet-history-row small{grid-column:1/-1;color:#8196a0}.fleet-screen-panel{background:#f4f8f9;border:1px solid #e0e9ec;border-radius:14px;padding:15px;align-self:start}.fleet-screen-title{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:14px}.fleet-screen-title span{font-size:10px;color:#8196a0}.fleet-screen-frame{min-height:340px;display:grid;place-items:center;border-radius:9px;background:#e9f0f2;overflow:hidden}.fleet-screen-frame p{text-align:center;color:#8196a0;font-size:13px;line-height:2}.fleet-screen-frame img{display:block;max-width:100%;max-height:660px;object-fit:contain}.fleet-screen-frame img[hidden]{display:none}#page-overview .table-wrap table{min-width:860px}#page-overview .fleet-table th:nth-child(1){width:13%}#page-overview .fleet-table th:nth-child(2){width:17%}#page-overview .fleet-table th:nth-child(3){width:14%}#page-overview .fleet-table th:nth-child(4){width:24%}#page-overview .fleet-table th:nth-child(5){width:19%}#page-overview .fleet-table th:nth-child(6){width:13%}.fleet-summary-note{font-size:12px;color:#7e929b;margin:10px 0 22px}@media(min-width:1500px){.workspace{max-width:1500px}}@media(max-width:850px){.fleet-console{grid-template-columns:1fr}.fleet-screen-panel{max-width:450px;width:100%;justify-self:center}.fleet-detail-heading{align-items:flex-start}.fleet-modal .modal-content{padding:18px}.fleet-detail-grid{gap:9px}.fleet-status-card{padding:12px}}

.fleet-version-lag,.fleet-device-row td.fleet-version-lag .fleet-ip,.fleet-device-row td.fleet-version-lag small{color:#b42318!important}

.fleet-auto-state{margin:8px 0;max-width:260px}.fleet-auto-state small{display:block;margin-top:5px}.fleet-auto-policy{margin:16px 0;padding:12px;border:1px solid #dce7e9;border-radius:10px}.fleet-auto-policy label{display:flex;gap:8px;align-items:center;font-weight:600}.fleet-auto-policy input{width:auto}

#page-overview {
 --overview-ink:#183843;
 --overview-muted:#536d76;
 --overview-line:#dce7e9;
 --overview-accent:#08776e;
}
#page-overview .heading {flex-wrap:wrap}
#page-overview .heading-actions a, #page-overview .heading-actions button {min-height:42px}
#page-overview .fleet-overview-stats {
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:10px;
 background:none;
 border:0;
 border-radius:0;
}
#page-overview .fleet-overview-stats article {
 border:1px solid var(--overview-line);
 border-radius:12px;
 gap:8px;
 min-width:0;
}
.fleet-overview-stats article>span {color:var(--overview-muted)}
.fleet-overview-stats article:nth-child(2) strong {color:#0b7059}
.fleet-overview-stats article:nth-child(4) strong {color:#a04a20}
.fleet-directory {overflow:hidden}
.fleet-toolbar {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 gap:12px;
 padding:14px 16px;
 border-bottom:1px solid var(--overview-line);
}
.fleet-toolbar-row {display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.fleet-toolbar .tabs {display:flex;flex-wrap:wrap;gap:2px}
.fleet-toolbar button {min-height:40px}
.fleet-toolbar .tab {color:var(--overview-muted)}
.fleet-toolbar .tab.active {color:var(--overview-accent)}
.fleet-view-switch {display:inline-flex;gap:2px;padding:3px;background:#eef4f4;border-radius:10px}
.fleet-view-switch button {
 display:inline-flex;
 align-items:center;
 gap:6px;
 min-height:36px;
 padding:5px 10px;
 border:1px solid transparent;
 border-radius:7px;
 background:transparent;
 color:var(--overview-muted);
 font:inherit;
 font-size:13px;
 cursor:pointer;
}
.fleet-view-switch button[aria-pressed="true"] {
 background:#fff;
 border-color:var(--overview-line);
 color:#08695e;
 font-weight:700;
 box-shadow:0 1px 2px #1f474a14;
}
.fleet-toolbar svg, .fleet-card-signal svg {
 width:17px;
 height:17px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.7;
 stroke-linecap:round;
 stroke-linejoin:round;
 flex:none;
}
.fleet-search {
 display:flex;
 align-items:center;
 gap:7px;
 flex:1 1 194px;
 min-width:0;
 margin:0;
 padding:0 11px;
 border:1px solid var(--overview-line);
 border-radius:9px;
 color:var(--overview-muted);
}
.fleet-search:focus-within {border-color:var(--overview-accent);outline:2px solid #08776e38}
.fleet-search input {
 width:100%;
 min-width:0;
 min-height:40px;
 padding:0;
 margin:0;
 border:0;
 background:transparent;
 outline:none;
 font-size:13px;
}
.fleet-card-grid {
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(min(100%,272px),1fr));
 gap:13px;
 padding:16px;
 background:#f4f8f8;
}
.fleet-card {
 display:flex;
 flex-direction:column;
 gap:13px;
 min-width:0;
 padding:15px;
 border:1px solid var(--overview-line);
 border-radius:13px;
 background:#fff;
 color:var(--overview-ink);
 box-shadow:0 2px 6px #21484e08;
}
.fleet-card-header, .fleet-card-footer {display:flex;justify-content:space-between;align-items:center;gap:10px}
.fleet-card-header>div:first-child, .fleet-card-footer>div {min-width:0;overflow-wrap:anywhere}
.fleet-card h2 {margin:2px 0 0;font-size:22px;line-height:1.25;letter-spacing:-.02em}
.fleet-card-caption, .fleet-card dt, .fleet-card-last-seen {font-size:11px;color:var(--overview-muted)}
.fleet-card-connection {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.fleet-card-connection .pill {font-size:11px}
.fleet-card-connection .pill:first-child::before {
 content:"";
 display:inline-block;
 width:6px;
 height:6px;
 margin-right:5px;
 border-radius:50%;
 background:currentColor;
 vertical-align:1px;
}
.fleet-card-identity, .fleet-card-signals {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.fleet-card-identity {padding:10px 0;border-top:1px solid #edf2f3;border-bottom:1px solid #edf2f3}
.fleet-card-machine-name {grid-column:1/-1}
.fleet-card dd {margin:2px 0 0;overflow-wrap:anywhere}
.fleet-card-identity dd {font-size:13px;font-weight:700}
.fleet-card-identity small {display:block;color:#8c5417;font-weight:500}
.fleet-card-signal {
 --signal-color:#536d76;
 display:flex;
 align-items:flex-start;
 gap:7px;
 min-width:0;
 padding:8px;
 border-radius:8px;
 background:#f1f5f6;
}
.fleet-card-signal svg {color:var(--signal-color);margin-top:2px}
.fleet-card-signal dd {font-size:11px;font-weight:650;color:var(--signal-color)}
.fleet-card-signal.is-green {--signal-color:#0c6653;background:#edf7f2}
.fleet-card-signal.is-amber {--signal-color:#885213;background:#fdf5e8}
.fleet-card-signal.is-red {--signal-color:#a22c27;background:#fcefee}
.fleet-card-footer {margin:auto 0 0;padding:0;color:inherit}
.fleet-card-footer strong {display:block;margin-top:2px;font-size:14px;font-variant-numeric:tabular-nums}
.fleet-card-footer small {display:block;font-size:11px}
.fleet-card-footer .fleet-manage {min-height:44px;flex:none}
.fleet-card-last-seen {display:block}
.fleet-card-grid.is-compact {
 grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));
 gap:9px;
 padding:11px;
}
.is-compact .fleet-card {gap:7px;padding:10px;border-radius:10px}
.is-compact .fleet-card h2 {font-size:18px}
.is-compact .fleet-card-identity {gap:4px 8px;padding:5px 0}
.is-compact .fleet-card-machine-name {display:flex;align-items:baseline;gap:6px}
.is-compact .fleet-card-machine-name dt {flex:none}
.is-compact .fleet-card dd {margin-top:0;line-height:1.35}
.is-compact .fleet-card-identity dd {font-size:12px}
.is-compact .fleet-card-signals {gap:4px}
.is-compact .fleet-card-signal {gap:4px;padding:4px 5px;border-radius:6px}
.is-compact .fleet-card-signal svg {width:13px;height:13px;margin-top:1px}
.is-compact .fleet-card-signal dt {line-height:1.25}
.is-compact .fleet-card-footer .fleet-manage {min-height:36px;padding:6px 8px}
.is-compact .fleet-card-footer strong {font-size:13px;margin-top:0}
.is-compact .fleet-card-last-seen {line-height:1.3}
.fleet-empty {grid-column:1/-1;margin:0;padding:28px 12px;text-align:center;color:var(--overview-muted)}
.fleet-directory button:focus-visible {
 outline:2px solid #08776e;
 outline-offset:2px;
}
@media (max-width:1120px) {
 #page-overview .table-wrap .fleet-table {display:block;min-width:0;width:100%}
 #page-overview .fleet-table thead {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 #page-overview .fleet-table tbody {display:block}
 #page-overview .fleet-table tr.fleet-device-row {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 14px;
  padding:14px 16px;
  border-bottom:1px solid var(--overview-line);
 }
 #page-overview .fleet-table td {display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
 #page-overview .fleet-table td.empty {padding:24px 16px}
 #page-overview .fleet-table .fleet-auto-state {margin-top:0}
}
@media (max-width:620px) {
 #page-overview .fleet-overview-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #page-overview .heading-actions a, #page-overview .heading-actions button {min-height:44px}
 .fleet-toolbar {padding:11px}
 .fleet-toolbar-row {width:100%}
 .fleet-toolbar-row:first-child {justify-content:space-between}
 .fleet-search {flex-basis:142px}
 .fleet-search input {font-size:16px}
 .fleet-card-grid {gap:10px;padding:11px}
 .is-compact .fleet-card-footer .fleet-manage {min-height:44px}
 #page-overview .fleet-table tr.fleet-device-row {grid-template-columns:repeat(2,minmax(0,1fr));padding:13px 11px}
 #page-overview .fleet-table .fleet-manage {min-height:44px}
}