/* Scoped fleet workspace. */
#ownedvpsSection { --fleet-green:#13876d; --fleet-amber:#a06012; --fleet-red:#bd334b; }
#ownedvpsSection .fleet-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 24px; }
#ownedvpsSection .fleet-eyebrow { display:block; color:#647494; font-size:10px; font-weight:750; letter-spacing:.15em; margin-bottom:7px; }
#ownedvpsSection .fleet-heading h2 { font-size:30px; line-height:1.2; margin:0 0 8px; }
#ownedvpsSection .fleet-heading p { color:var(--muted); font-size:13px; margin:0; }
#ownedvpsSection .fleet-actions { display:flex; gap:10px; flex-shrink:0; }
#ownedvpsSection .fleet-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; border:1px solid transparent; border-radius:9px; padding:10px 15px; font-size:12px; font-weight:650; cursor:pointer; }
#ownedvpsSection .fleet-button-primary { background:#243f6c; color:#fff; border-color:#243f6c; }
#ownedvpsSection .fleet-button-primary:hover { background:#182d51; }
#ownedvpsSection .fleet-button-secondary { background:#fff; color:#40516e; border-color:#dce3ee; }
#ownedvpsSection .fleet-button-secondary:hover { background:#eef2fa; }
#ownedvpsSection .fleet-button:disabled { opacity:.6; cursor:wait; }
#ownedvpsSection .fleet-overview { background:#152640; background-image:radial-gradient(ellipse at 100% 0,#294d7155,transparent 65%); color:#fff; border:1px solid #233956; border-radius:17px; overflow:hidden; box-shadow:0 6px 18px #18233b08; margin-bottom:26px; }
#ownedvpsSection .fleet-overview-caption { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 22px; border-bottom:1px solid #ffffff16; }
#ownedvpsSection .fleet-overview-caption>span:first-child { font-size:12px; font-weight:650; display:flex; align-items:center; gap:9px; color:#d8e5f5; }
#ownedvpsSection .fleet-overview-caption i { color:#8caedf; font-size:16px; }
#ownedvpsSection .fleet-sync { font-size:11px; color:#b6c8e1; display:flex; align-items:center; gap:8px; }
#ownedvpsSection .fleet-sync:before { content:""; width:6px; height:6px; border-radius:50%; background:#8ca3c5; flex-shrink:0; }
#ownedvpsSection .fleet-sync[data-state="ok"]:before { background:#58d2ad; box-shadow:0 0 0 3px #58d2ad16; }
#ownedvpsSection .fleet-sync[data-state="error"]:before { background:#ffc474; }
#ownedvpsSection #ownedVpsSummary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; font-size:inherit; }
#ownedvpsSection .fleet-summary>div { padding:23px 22px 25px; min-width:0; position:relative; }
#ownedvpsSection .fleet-summary>div+div:before { content:""; position:absolute; left:0; top:24px; bottom:25px; width:1px; background:#ffffff18; }
#ownedvpsSection .fleet-summary span { font-size:11px; font-weight:550; color:#c2cee0; display:block; }
#ownedvpsSection .fleet-summary strong { display:block; font-size:35px; line-height:1.2; font-weight:650; letter-spacing:-.045em; margin:8px 0 9px; font-variant-numeric:tabular-nums; }
#ownedvpsSection #fleetReporting { color:#73dfbb; }
#ownedvpsSection #fleetAttention[data-tone="warning"] { color:#ffcb8a; }
#ownedvpsSection .fleet-summary small { color:#9eafc9; font-size:10px; line-height:1.5; display:block; }
#ownedvpsSection .fleet-toolbar { display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-bottom:18px; }
#ownedvpsSection .fleet-filters { display:flex; padding:4px; background:#e9eef5; border-radius:9px; }
#ownedvpsSection .fleet-filters button { min-height:34px; padding:6px 12px; font-size:11px; font-weight:650; border:0; border-radius:6px; color:#69778f; background:none; white-space:nowrap; }
#ownedvpsSection .fleet-filters button.active { background:#fff; color:#243f6c; box-shadow:0 1px 4px #1a305414; }
#ownedvpsSection .fleet-search { display:flex; align-items:center; gap:9px; margin-left:auto; border:1px solid #dce3ee; border-radius:9px; background:#fff; padding:0 12px; height:42px; width:260px; max-width:100%; color:#8a98af; }
#ownedvpsSection .fleet-search:focus-within { outline:2px solid #7c98ff; outline-offset:2px; }
#ownedvpsSection .fleet-search input { min-width:0; width:100%; background:none; border:0; outline:none; color:var(--ink); font-size:12px; }
#ownedvpsSection .fleet-result-count { font-size:11px; color:var(--muted); }
#ownedvpsSection .fleet-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:start; }
#ownedvpsSection .fleet-card { background:#fff; border:1px solid #dfe6f0; border-radius:15px; padding:21px; min-width:0; box-shadow:0 3px 9px #18233b03; overflow:hidden; }
#ownedvpsSection .fleet-card[data-status="attention"] { border-color:#e7d4b9; }
#ownedvpsSection .fleet-card[data-status="stale"] { border-color:#d7dfe9; }
#ownedvpsSection .fleet-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:15px; }
#ownedvpsSection .fleet-location { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:650; color:#657591; min-width:0; }
#ownedvpsSection .fleet-location img { width:25px; height:18px; object-fit:cover; border:1px solid #111d3412; border-radius:4px; }
#ownedvpsSection .fleet-badge { display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:650; padding:4px 8px; background:#eaf7f1; color:#13745b; border-radius:6px; white-space:nowrap; }
#ownedvpsSection .fleet-badge:before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
#ownedvpsSection .fleet-badge[data-tone="warning"] { color:#946018; background:#fff3de; }
#ownedvpsSection .fleet-badge[data-tone="muted"] { color:#66758b; background:#edf1f6; }
#ownedvpsSection .fleet-card h3 { font-size:17px; line-height:1.4; margin:0 0 7px; overflow-wrap:anywhere; min-height:48px; letter-spacing:-.025em; }
#ownedvpsSection .fleet-host { font-size:11px; color:#7a879c; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; margin:0; }
#ownedvpsSection .fleet-host i { margin-right:6px; }
#ownedvpsSection .fleet-current { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px 0 17px; border-bottom:1px solid #edf1f6; margin-bottom:17px; }
#ownedvpsSection .fleet-current small { font-size:10px; color:#7c889d; display:block; }
#ownedvpsSection .fleet-current strong { display:block; font-size:32px; font-weight:650; line-height:1.15; margin-bottom:5px; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
#ownedvpsSection .fleet-current .fleet-peak { text-align:right; }
#ownedvpsSection .fleet-peak b { font-size:15px; font-weight:650; color:#546681; display:block; margin-bottom:6px; }
#ownedvpsSection .fleet-resource { margin:0 0 15px; }
#ownedvpsSection .fleet-resource-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; font-size:11px; }
#ownedvpsSection .fleet-resource-head span { color:#5f6f87; }
#ownedvpsSection .fleet-resource-head strong { color:#344861; font-size:11px; font-weight:650; text-align:right; }
#ownedvpsSection .fleet-meter { height:5px; background:#edf2f7; border-radius:6px; overflow:hidden; }
#ownedvpsSection .fleet-meter span { display:block; height:100%; background:#5397ba; border-radius:6px; }
#ownedvpsSection .fleet-meter[data-tone="warning"] span { background:#d4a04d; }
#ownedvpsSection .fleet-meter[data-tone="danger"] span { background:#ce6574; }
#ownedvpsSection .fleet-protocols { display:flex; gap:7px; margin:21px 0 18px; flex-wrap:wrap; }
#ownedvpsSection .fleet-protocol { display:flex; align-items:center; justify-content:center; gap:6px; flex:1; border:1px solid #deeee6; color:#22775e; background:#f6fbf8; border-radius:7px; font-size:10px; padding:7px 6px; white-space:nowrap; }
#ownedvpsSection .fleet-protocol[data-tone="danger"] { background:#fff5f6; border-color:#efd3d9; color:#ad364e; }
#ownedvpsSection .fleet-protocol[data-tone="muted"] { background:#f6f8fb; border-color:#e4e9f0; color:#7e899a; }
#ownedvpsSection .fleet-note { font-size:10px; color:#8a662c; background:#fff8eb; border-radius:7px; padding:9px 10px; line-height:1.6; margin:0 0 16px; }
#ownedvpsSection .fleet-card[data-status="stale"] .fleet-resources { opacity:.65; }
#ownedvpsSection .fleet-history { padding-top:15px; border-top:1px solid #edf1f6; }
#ownedvpsSection .fleet-history-heading { display:flex; justify-content:space-between; gap:8px; margin-bottom:10px; font-size:10px; color:#7c8a9f; }
#ownedvpsSection .fleet-history-heading strong { font-size:10px; font-weight:600; color:#5d6f89; }
#ownedvpsSection .fleet-history-bars { height:42px; display:flex; align-items:flex-end; gap:3px; border-bottom:1px solid #e6edf5; }
#ownedvpsSection .fleet-history-bars span { flex:1; min-width:0; border-radius:3px 3px 0 0; background:#8ab4ca; }
#ownedvpsSection .fleet-history-bars span[data-missing] { height:3px; background:#edf1f6; }
#ownedvpsSection .fleet-history-axis { display:flex; justify-content:space-between; font-size:9px; color:#929db0; margin:6px 0 14px; }
#ownedvpsSection .fleet-history-empty { font-size:11px; color:#7e8ba0; padding:10px 0; margin:0 0 10px; }
#ownedvpsSection details.fleet-details { background:transparent; padding:0; border:0; border-top:1px solid #edf1f6; border-radius:0; }
#ownedvpsSection .fleet-details>summary { padding:13px 0 0; display:flex; align-items:center; justify-content:space-between; list-style:none; cursor:pointer; font-size:11px; font-weight:600; color:#516987; }
#ownedvpsSection summary::-webkit-details-marker { display:none; }
#ownedvpsSection summary>i:last-child { font-size:10px; transition:transform .15s; }
#ownedvpsSection details[open]>summary>i:last-child { transform:rotate(180deg); }
#ownedvpsSection .fleet-details dl { margin:16px 0 0; display:grid; gap:10px; font-size:10px; }
#ownedvpsSection .fleet-details dl>div { display:flex; gap:14px; justify-content:space-between; }
#ownedvpsSection .fleet-details dt { font-weight:400; color:#8490a2; }
#ownedvpsSection .fleet-details dd { margin:0; color:#435773; text-align:right; overflow-wrap:anywhere; }
#ownedvpsSection .fleet-error { border:1px solid #efcfb6; padding:13px 16px; border-radius:10px; background:#fff7ec; color:#91571e; font-size:12px; margin-bottom:18px; }
#ownedvpsSection #ownedVpsError { color:#91571e; }
#ownedvpsSection .fleet-empty { grid-column:1/-1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:44px 24px; background:#fff; border:1px dashed #d5dfed; border-radius:14px; }
#ownedvpsSection .fleet-empty>i { font-size:30px; color:#8ca2bd; margin-bottom:16px; }
#ownedvpsSection .fleet-empty h3 { font-size:17px; margin:0 0 7px; }
#ownedvpsSection .fleet-empty p { margin:0; font-size:12px; color:var(--muted); }
#ownedvpsSection details.fleet-registration { padding:0; margin-top:24px; border:1px solid #dfe6f0; border-radius:13px; background:#fff; }
#ownedvpsSection .fleet-registration>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:19px 21px; cursor:pointer; list-style:none; color:#405875; font-weight:650; font-size:12px; }
#ownedvpsSection .fleet-registration summary span>i { margin-right:8px; color:#718aac; }
#ownedvpsSection .fleet-registration summary small { display:block; color:#8b97a9; font-size:10px; font-weight:400; padding:4px 0 0 24px; }
#ownedvpsSection .fleet-registration-body { border-top:1px solid #edf1f6; padding:20px 21px; }
#ownedvpsSection .fleet-registration-body>p:first-child { font-size:12px; color:var(--muted); max-width:720px; }
#ownedvpsSection .fleet-form { display:grid; grid-template-columns:1.5fr 1.2fr .7fr auto; align-items:end; gap:14px; margin:20px 0 4px; }
#ownedvpsSection .fleet-form label { color:#5c6c85; font-size:11px; font-weight:600; min-width:0; }
#ownedvpsSection .fleet-form input { display:block; width:100%; margin-top:7px; height:42px; border:1px solid #dce3ee; border-radius:8px; padding:10px 12px; color:var(--ink); background:#fff; font-size:12px; }
#ownedvpsSection .fleet-form input[name="country"] { text-transform:uppercase; }
#ownedvpsSection .fleet-enrollment { padding:15px; border-radius:9px; border:1px solid #bcdace; background:#f1faf6; font-size:12px; color:#286f58; white-space:pre-wrap; overflow-wrap:anywhere; margin-top:20px; }
#ownedvpsSection .fleet-footnote { display:flex; align-items:flex-start; gap:9px; padding:20px 2px 0; color:#7a899f; }
#ownedvpsSection .fleet-footnote>i { margin-top:2px; font-size:12px; }
#ownedvpsSection .fleet-footnote p { font-size:10px; line-height:1.8; max-width:960px; margin:0; }
@media(max-width:1179px) { #ownedvpsSection .fleet-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
    #ownedvpsSection .fleet-heading { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:20px; }
    #ownedvpsSection .fleet-heading h2 { font-size:28px; }
    #ownedvpsSection .fleet-overview-caption { padding:16px; flex-wrap:wrap; gap:10px; }
    #ownedvpsSection #ownedVpsSummary { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #ownedvpsSection .fleet-summary>div { padding:18px 16px; }
    #ownedvpsSection .fleet-summary>div:nth-child(3),#ownedvpsSection .fleet-summary>div:nth-child(4) { border-top:1px solid #ffffff16; }
    #ownedvpsSection .fleet-summary>div:nth-child(3):before { display:none; }
    #ownedvpsSection .fleet-summary>div+div:before { top:20px; bottom:20px; }
    #ownedvpsSection .fleet-summary strong { font-size:30px; }
    #ownedvpsSection .fleet-form { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
    #ownedvpsSection .fleet-actions { width:100%; }
    #ownedvpsSection .fleet-actions .fleet-button { flex:1; }
    #ownedvpsSection .fleet-cards { grid-template-columns:1fr; gap:14px; }
    #ownedvpsSection .fleet-card { padding:20px; }
    #ownedvpsSection .fleet-card h3 { min-height:0; font-size:18px; }
    #ownedvpsSection .fleet-toolbar { gap:12px; }
    #ownedvpsSection .fleet-search { order:3; width:100%; margin:0; }
    #ownedvpsSection .fleet-search input,#ownedvpsSection .fleet-form input { font-size:16px; }
    #ownedvpsSection .fleet-result-count { margin-left:auto; }
    #ownedvpsSection .fleet-registration>summary { padding:18px; }
    #ownedvpsSection .fleet-registration-body { padding:18px; }
    #ownedvpsSection .fleet-form { grid-template-columns:1fr; }
    #ownedvpsSection .fleet-form button { margin-top:4px; }
    #ownedvpsSection .fleet-current { padding-top:19px; }
}