.fleet-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 27px!important;flex-wrap:wrap}
.fleet-kicker{font:10px var(--mono);letter-spacing:.12em;color:#79c6e8}
html[data-theme=light] .fleet-kicker{color:#216582}
.fleet-title h2{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:10px 0;color:var(--ink-hi)}
.fleet-title p{font-size:13px;line-height:1.6;color:var(--ink-3);margin:0}
.fleet-header-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.fleet-header-actions .btn{min-height:40px;border-radius:10px;padding:10px 14px;box-shadow:none}
.fleet-header-actions .btn.primary{background:#79c6e8;color:#102630;border-color:#79c6e8}
.fleet-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:24px;gap:24px}
.fleet-stat{display:flex;align-items:center;gap:20px;padding-right:24px;border-right:1px solid var(--line)}
.fleet-stat:last-child{border:0}
.fleet-stat>span{font-size:12px;color:var(--ink-3)}
.fleet-stat strong{font:600 27px var(--sans);letter-spacing:-.04em;color:var(--ink-hi);margin-left:auto}
.fleet-stat .fleet-online{color:var(--ok)}
.fleet-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:18px;flex-wrap:wrap}
.fleet-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--surface);width:260px;max-width:100%;color:var(--ink-4)}
.fleet-icon{display:inline-flex;flex:none}
.fleet-search input{width:100%;min-width:0;padding:11px 0;border:0;background:none;font-size:12px;box-shadow:none;outline:0;color:var(--ink)}
.fleet-toolbar .fleet-search input{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.fleet-search:focus-within{outline:2px solid #79c6e8;outline-offset:2px}
.fleet-filters{display:flex;gap:4px}
.fleet-filters button{border:0;background:none;border-radius:8px;padding:9px 12px;color:var(--ink-3);font:500 12px var(--sans);cursor:pointer}
.fleet-filters button[aria-pressed=true]{background:var(--surface-3);color:var(--ink-hi)}
.fleet-result{margin-left:auto;font:11px var(--mono);color:var(--ink-4)}
#content>.fleet-table{overflow:visible;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:none}
.fleet-table .tbl{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
.fleet-table .tbl th{padding:15px 16px;background:none;font-size:11px;font-weight:500;color:var(--ink-4);border-bottom:1px solid var(--line)}
.fleet-table .tbl th:first-child{width:27%}
.fleet-table .tbl th:nth-child(2){width:11%}
.fleet-table .tbl th:nth-child(3){width:10%}
.fleet-table .tbl th:nth-child(4),.fleet-table .tbl th:nth-child(5){width:12%}
.fleet-table .tbl th:nth-child(6){width:7%}
.fleet-table .tbl th:last-child{width:21%;text-align:right}
.fleet-table .tbl td{padding:24px 16px;background:none;vertical-align:middle;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}
.fleet-table .tbl tr:last-child td{border-bottom:0}
.fleet-row:hover{background:var(--surface-2)}
.fleet-row[hidden]{display:none!important}
.fleet-row td:first-child{position:relative;padding-left:56px}
.fleet-server-icon{position:absolute;left:19px;top:50%;transform:translateY(-50%);color:var(--ink-3)}
.fleet-server-name{font-size:13px;line-height:1.6;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:5px}
.fleet-server-name .badge{font:10px var(--sans);padding:2px 6px;background:var(--surface-3);color:var(--ink-3)}
.fleet-row td:first-child>.mono{font-size:11px!important;line-height:1.5;color:var(--ink-4)}
.fleet-row td[data-f] .badge{font-size:10px;white-space:nowrap;padding:5px 8px;background:none!important}
.fleet-row td[data-f] .bar{height:3px;margin-top:8px}
.fleet-row .cell-m{min-width:0;width:100%;max-width:100%}
.fleet-metric{display:flex;flex-direction:column;gap:4px;white-space:normal!important}
.fleet-metric strong{font:500 12px var(--mono);color:var(--ink-2)}
.fleet-metric small{font:10px var(--mono);color:var(--ink-4)}
.fleet-row td[data-f=uptime]{font-size:11px!important;color:var(--ink-4)}
.fleet-row-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:nowrap}
.fleet-row-actions>.btn{padding:8px 10px;min-height:34px;border-radius:8px;box-shadow:none;font-size:11px;white-space:nowrap}
.fleet-row-actions>.btn.primary{background:transparent;border-color:var(--line-strong);color:var(--ink-hi)}
.fleet-row-actions>.btn.primary:hover{border-color:#79c6e8;color:#79c6e8}
.fleet-row-actions>.btn:not(.primary){border:0;background:none;color:var(--ink-3);padding:8px 4px}
.fleet-row-actions>.btn:not(.primary) svg{display:none}
.fleet-more{position:relative;flex:none}
.fleet-more summary{display:grid;place-items:center;width:32px;height:34px;border-radius:8px;cursor:pointer;list-style:none;color:var(--ink-3)}
.fleet-more summary::-webkit-details-marker{display:none}
.fleet-more[open] summary,.fleet-more summary:hover{background:var(--surface-3);color:var(--ink-hi)}
.fleet-action-list{position:absolute;right:0;top:calc(100% + 7px);width:260px;max-height:min(360px,calc(100dvh - 110px));overflow:auto;z-index:76;padding:9px;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 15px 50px #0005}
.fleet-action-list[popover]{position:fixed;inset:auto;margin:0;width:min(280px,calc(100vw - 24px));max-height:calc(100dvh - 102px);box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin}
.fleet-action-list[popover]::backdrop{background:transparent;pointer-events:none}
.fleet-menu-title{display:block;font:9px var(--mono);letter-spacing:.1em;color:var(--ink-4);padding:8px 10px 12px}
.fleet-action-list .btn{display:flex;width:100%;text-align:left;justify-content:flex-start;gap:12px;border:0;min-height:37px;border-radius:7px;padding:9px 10px;background:none;color:var(--ink-2);font:12px var(--sans);box-shadow:none}
.fleet-action-list .btn:hover{background:var(--surface-3)}
.fleet-action-list .btn.danger{color:var(--err);margin-top:7px;border-top:1px solid var(--line);border-radius:0 0 7px 7px}
.fleet-no-results{padding:35px 20px;text-align:center;font-size:13px;color:var(--ink-3)}
.fleet-no-results[hidden]{display:none}
#opsOverlay .fleet-ops-modal{width:680px;max-width:min(680px,calc(100vw - 32px))!important;border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 28px 100px #0006}
.fleet-ops-modal .acard-head{padding:22px 24px;gap:13px;flex:none;border-bottom:1px solid var(--line)}
.fleet-ops-modal>.modal-x{display:none}
.fleet-ops-modal .acard-head>.btn-row{margin-left:auto;align-self:flex-start;display:grid;place-items:center;width:30px;height:30px;border-radius:8px}
.fleet-ops-modal .acard-head b{font-size:19px;letter-spacing:-.025em;line-height:1.4}
.fleet-ops-modal .acard-head>div>span{font:11px/1.7 var(--mono);margin-top:5px;color:var(--ink-3)}
.fleet-ops-modal .ci-hic{background:none;border:0;color:#79c6e8;width:28px;height:28px}
.fleet-ops-modal .ci-hic svg{width:24px;height:24px}
.fleet-ops-modal .acard-head+div{padding:18px 24px!important;flex:none}
.fleet-ops-modal #opsQ{width:100%;min-height:42px;background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;font-size:12px;padding:11px 13px}
.fleet-ops-modal #opsList{padding:0 24px 24px!important;overscroll-behavior:contain;scrollbar-width:thin}
.fleet-ops-group{margin:0 0 24px}
.fleet-ops-group .ops-gt{display:flex;align-items:center;gap:8px;font:10px/1.5 var(--mono);letter-spacing:.1em;color:#79c6e8;margin:0;padding:10px 0 12px}
.fleet-ops-group .ops-it{gap:15px;padding:15px 0;margin:0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;min-height:72px;transition:background .15s}
.fleet-ops-group .ops-it:hover{background:var(--surface-2)}
.fleet-ops-group .ops-ic{background:none;border:0;color:var(--ink-3);width:25px;height:25px;align-self:flex-start;margin-top:2px}
.fleet-ops-group .ops-ic svg{width:20px;height:20px}
.fleet-ops-group .ops-tx b{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:-.015em;color:var(--ink-hi)}
.fleet-ops-group .ops-tx>span{font-size:12px;line-height:1.65;margin-top:4px;-webkit-line-clamp:2;color:var(--ink-3)}
.fleet-ops-group .ops-go{margin:0 5px 0 9px;color:var(--ink-4)}
.fleet-ops-group .ops-it:hover .ops-go{color:#79c6e8}
.fleet-ops-modal .acard-foot{flex:none;padding:16px 24px!important;border-top:1px solid var(--line)!important;background:var(--surface)}
.fleet-ops-modal .btn:focus-visible,.fleet-ops-modal .ops-it:focus-visible{outline:2px solid #79c6e8;outline-offset:-2px}
.fleet-ops-group.fleet-ops-danger{padding:17px 18px 4px;border:1px solid rgba(239,68,68,.25);border-radius:13px;background:rgba(239,68,68,.045);margin:8px 0 0}
.fleet-ops-danger .ops-gt{padding:0;color:#ef4444;font:600 10px/1.5 var(--sans);text-transform:uppercase}
.fleet-ops-warning{font-size:12px;line-height:1.7;color:var(--ink-3);margin:10px 0 16px}
.fleet-ops-danger .ops-it{border-top-color:rgba(239,68,68,.17);padding:14px 0}
.fleet-ops-danger .ops-it:hover{background:rgba(239,68,68,.06)}
.fleet-ops-danger :is(.ops-tx b,.ops-ic,.ops-go),.fleet-ops-danger .ops-it:hover .ops-go{color:#ef4444}
html[data-theme=dark] #opsOverlay .fleet-ops-modal{--bg:#0b0b0b;--surface:#101010;--surface-2:#171717;--surface-3:#222;--line:#292929;--line-faint:#222;--line-strong:#353535;--line-hover:#505050;--ink-hi:#eee;--ink-2:#c6c6c6;--ink-3:#999;--ink-4:#858585;background:#101010;border-color:#303030;color-scheme:dark}
html[data-theme=dark] #opsOverlay .fleet-ops-modal .acard-head{background:#101010;border-color:#292929}
html[data-theme=dark] #opsOverlay .fleet-ops-modal .acard-foot{background:#0d0d0d}
html[data-theme=dark] #opsOverlay .fleet-ops-modal #opsQ{background:#0b0b0b;border-color:#353535;color:#eee}
html[data-theme=dark] #opsOverlay .fleet-ops-modal #opsQ::placeholder{color:#858585}
html[data-theme=dark] #opsOverlay .fleet-ops-modal .btn:not(.primary):not(.danger){background:#171717;border-color:#353535;color:#c6c6c6;box-shadow:none}
html[data-theme=dark] #opsOverlay .fleet-ops-modal .btn:not(.primary):not(.danger):hover{background:#222;border-color:#505050;color:#eee}
html[data-theme=light] .fleet-ops-group:not(.fleet-ops-danger) .ops-gt{color:#216582}
html[data-theme=light] .fleet-ops-danger :is(.ops-gt,.ops-tx b,.ops-ic,.ops-go){color:#b42318}
@media(max-width:600px){.fleet-ops-modal .acard-head{padding:18px}.fleet-ops-modal .acard-head+div{padding:14px 18px!important}.fleet-ops-modal #opsList{padding:0 18px 18px!important}.fleet-ops-modal .acard-foot{padding:14px 18px!important}.fleet-ops-group .ops-tx b{font-size:13px}}
.fleet-table :is(button,summary,[role=button]):focus-visible,.fleet-filters button:focus-visible{outline:2px solid #79c6e8;outline-offset:3px}
@media(max-width:1150px){.fleet-table .tbl th:nth-child(6),.fleet-table .tbl td:nth-child(6){display:none}.fleet-row-actions>.btn:not(.primary){display:none}.fleet-table .tbl th:first-child{width:30%}.fleet-table .tbl th:last-child{width:19%}}
@media(max-width:700px){.fleet-title h2{font-size:24px}.fleet-heading{gap:18px}.fleet-stat{display:block;padding-right:12px}.fleet-stat strong{display:block;font-size:24px;margin-top:9px}.fleet-toolbar{gap:12px}.fleet-search{width:100%}.fleet-result{margin-left:0}.fleet-table .tbl thead{display:none}.fleet-table .tbl tbody{display:block}.fleet-table .fleet-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px;border-bottom:1px solid var(--line)}.fleet-table .tbl td{border:0;padding:12px 8px;display:block}.fleet-table .tbl td:first-child{grid-column:1/3;padding-left:34px}.fleet-server-icon{left:3px}.fleet-table .tbl td:nth-child(2){text-align:right}.fleet-table .tbl td[data-f=cpu]::before{content:'CPU';display:block;color:var(--ink-4);font:10px var(--sans);margin-bottom:6px}.fleet-table .tbl td[data-f=mem]::before{content:'Память';display:block;color:var(--ink-4);font:10px var(--sans);margin-bottom:6px}.fleet-table .tbl td[data-f=disk]::before{content:'Диск';display:block;color:var(--ink-4);font:10px var(--sans);margin-bottom:6px}.fleet-table .tbl td:nth-child(6){display:none}.fleet-table .tbl td:last-child{grid-column:1/-1;padding-bottom:0}.fleet-row-actions>.btn:not(.primary){display:inline-flex}}
