:root{color-scheme:dark;--bg:#07111f;--panel:#0d1928;--panel2:#101d2d;--line:#203047;--text:#e5edf7;--muted:#8ca0b8;--blue:#2563eb;--green:#22c55e;--red:#ef4444;--amber:#f59e0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#081522;border-right:1px solid #17263a;padding:22px 14px;display:flex;flex-direction:column}.logo{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.logo>span,.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#2563eb,#0ea5e9);font-weight:900;border-radius:12px;color:white}.logo>span{width:40px;height:40px;font-size:22px}.logo b{display:block;letter-spacing:.08em}.logo small{display:block;color:#60a5fa;letter-spacing:.22em;font-size:10px;margin-top:2px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:11px;text-decoration:none;padding:11px 12px;border-radius:10px;color:#9fb1c6}nav a:hover,nav a.active{background:#122338;color:#fff}nav a.active{box-shadow:inset 3px 0 #3b82f6}nav em{margin-left:auto;background:#b91c1c;color:#fff;border-radius:999px;padding:2px 7px;font-style:normal;font-size:11px}.side-footer{margin-top:auto;display:grid;gap:8px;padding:12px 8px}.side-footer a{color:#71869f;text-decoration:none;font-size:13px}.main{min-width:0;padding:24px 28px 50px;max-width:1600px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}header h1{margin:0;font-size:28px}header p{margin:5px 0 0;color:var(--muted);font-size:13px}.live{font-size:12px;font-weight:800;color:#86efac;background:#0c281a;border:1px solid #16492d;border-radius:999px;padding:7px 11px}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:26px}.stat,.panel,.server-card{background:linear-gradient(180deg,#0e1c2d,#0b1726);border:1px solid var(--line);border-radius:16px}.stat{padding:18px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:30px;margin:6px 0}.stat small{color:#688099}.stat.danger strong{color:#fca5a5}.smallstrong{font-size:20px!important}.section-title{font-size:16px;margin:24px 0 12px;color:#c9d7e7}.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.server-card{padding:18px;text-decoration:none;transition:.15s transform,.15s border-color}.server-card:hover{transform:translateY(-2px);border-color:#335174}.server-head{display:flex;justify-content:space-between;gap:16px}.server-head h3{margin:7px 0 3px;font-size:20px}.server-head small{color:var(--muted)}.server-head>b{font-size:30px}.status{font-size:11px;font-weight:800}.status.ok{color:#86efac}.status.down{color:#fca5a5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.metrics div{background:#0a1523;padding:10px;border-radius:10px}.metrics span{display:block;color:#71869f;font-size:11px}.metrics strong{display:block;margin-top:4px;font-size:13px}.panel{padding:16px}.table-wrap{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #17273a;padding:11px 13px;font-size:13px}th{color:#8094ac;background:#0f1d2d;font-size:11px;text-transform:uppercase;letter-spacing:.05em}td a{color:#93c5fd;text-decoration:none}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tag,.severity{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;text-transform:uppercase}.tag.open{background:#3b1619;color:#fca5a5}.tag.resolved,.tag.success{background:#102c1c;color:#86efac}.tag.requested,.tag.running{background:#33280d;color:#fde68a}.severity.critical{background:#3d1519;color:#fecaca}.severity.warning{background:#3a2a0d;color:#fde68a}.severity.info{background:#10283c;color:#93c5fd}.empty{text-align:center!important;color:#71869f;padding:28px!important}.server-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.server-title h2{font-size:27px;margin:0}.server-title p{color:var(--muted);margin:5px 0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.settings-grid h2{margin-top:0;font-size:16px}.settings-grid p{color:#a8b9cc}footer{color:#536b84;font-size:11px;margin-top:35px}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(420px,90vw);background:#0d1928;border:1px solid #203047;border-radius:20px;padding:30px;box-shadow:0 25px 80px #0009}.brand-mark{width:52px;height:52px;font-size:27px;margin-bottom:18px}.login-card h1{margin:0}.login-card p{color:var(--muted)}.login-card input,.login-card button{width:100%;padding:13px 14px;border-radius:10px;margin-top:10px}.login-card input{background:#081522;border:1px solid #29405a;color:#fff}.login-card button{border:0;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}.login-error{color:#fca5a5;margin:12px 0}.login-card button:hover{background:#1d4ed8}@media(max-width:900px){.app{grid-template-columns:72px 1fr}.sidebar{padding:18px 9px}.logo div,nav span,.side-footer{display:none}.logo{justify-content:center;padding:0 0 22px}.logo>span{width:42px}.sidebar nav a{justify-content:center;font-size:18px}.sidebar nav em{position:absolute;margin:0 0 24px 22px}.stats{grid-template-columns:repeat(2,1fr)}.main{padding:20px 14px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.stats{grid-template-columns:1fr 1fr}.server-grid{grid-template-columns:1fr}header{align-items:flex-start}.live{display:none}}

.flash{margin:-8px 0 18px;padding:11px 14px;border:1px solid #24533a;background:#0d2a1c;color:#9cf0bd;border-radius:11px;font-size:13px}.rename-inline{display:flex;gap:7px;align-items:center;min-width:270px}.rename-inline input,.rename-form input{background:#081522;border:1px solid #29405a;color:#fff;border-radius:9px;padding:8px 10px}.rename-inline input{width:190px}.rename-inline button,.rename-form button{border:0;background:#2563eb;color:white;border-radius:9px;padding:8px 11px;font-weight:700;cursor:pointer}.rename-inline button:hover,.rename-form button:hover{background:#1d4ed8}.detail-link{display:inline-block;margin-top:5px;font-size:11px}.rename-panel{margin-bottom:16px}.rename-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.rename-form label{display:grid;gap:6px;min-width:280px}.rename-form label span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.rename-form input{min-width:280px}.rename-form small{color:var(--muted);padding-bottom:9px}

.server-head h3 a{text-decoration:none;color:inherit}.server-ident{display:grid;gap:7px;margin:14px 0}.server-ident div{display:grid;grid-template-columns:48px 1fr;gap:8px;font-size:12px}.server-ident span,.muted{color:var(--muted)}.server-ident strong{overflow-wrap:anywhere}.inventory-counts{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.inventory-counts span{font-size:10px;color:#8ea6bf;background:#081522;border:1px solid #1b3048;border-radius:999px;padding:4px 7px}.card-edit{margin-top:12px;border-top:1px solid #17273a;padding-top:10px}.card-edit summary{cursor:pointer;color:#93c5fd;font-size:12px}.card-edit form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.card-edit label:first-of-type{grid-column:1/-1}.card-edit label{font-size:10px;color:var(--muted)}.card-edit input,.server-meta-form input,.domain-add input{display:block;width:100%;margin-top:4px;background:#081522;border:1px solid #29405a;border-radius:8px;padding:8px;color:#fff}.card-edit button,.server-meta-form button,.domain-add button,.domain-chip button{border:0;border-radius:8px;background:#2563eb;color:#fff;padding:8px 11px;cursor:pointer}.card-edit button{align-self:end}
.server-meta-panel{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.server-meta-form{display:grid;grid-template-columns:2fr 2fr 1.3fr auto;gap:10px;align-items:end}.server-meta-form label span{display:block;color:var(--muted);font-size:11px}.server-meta-form button{height:36px}.reported{border-left:1px solid #203047;padding-left:18px;display:grid;gap:5px;align-content:center}.reported span,.reported small{color:var(--muted);font-size:11px}.reported b{overflow-wrap:anywhere}.inventory-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:18px 0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head h2{margin:0;font-size:16px}.panel-head>span{background:#10283c;color:#93c5fd;border-radius:999px;padding:3px 8px;font-size:11px}.domain-add{display:flex;gap:8px;margin-bottom:12px}.domain-add input{margin:0}.domain-list{display:flex;flex-wrap:wrap;gap:7px}.domain-chip{display:flex;align-items:center;gap:6px;border:1px solid #203047;background:#081522;border-radius:999px;padding:5px 8px;font-size:12px}.domain-chip small{color:#688099}.domain-chip form{margin:0}.domain-chip button{background:transparent;color:#fca5a5;padding:0 2px;font-size:16px}.db-list{display:grid;gap:10px}.db-card{background:#081522;border:1px solid #203047;border-radius:11px;padding:12px}.db-card>small{display:block;color:var(--muted);margin:5px 0 9px;overflow-wrap:anywhere}.db-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.db-card>div span{font-size:10px;color:var(--muted)}.db-card>div b{display:block;color:var(--text);font-size:12px;margin-top:2px}.section-title small{color:var(--muted);font-weight:400}@media(max-width:900px){.server-meta-panel,.inventory-grid{grid-template-columns:1fr}.server-meta-form{grid-template-columns:1fr 1fr}.reported{border-left:0;border-top:1px solid #203047;padding:12px 0 0}.db-card>div{grid-template-columns:1fr 1fr}}
.docker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:14px}.docker-card{background:linear-gradient(180deg,#0e1c2d,#0a1624);border:1px solid var(--line);border-radius:16px;padding:16px}.docker-card.running{border-color:#1d4934}.docker-card.stopped{border-color:#4a2830}.docker-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.docker-head h3{margin:5px 0 0;font-size:18px}.docker-watch{font-size:10px;font-weight:800;border-radius:999px;padding:4px 7px}.docker-watch.on{background:#102c1c;color:#86efac}.docker-watch.off{background:#252b34;color:#8997a8}.docker-image{font-size:11px;color:#86a0ba;margin:9px 0 13px;overflow-wrap:anywhere}.docker-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.docker-metrics>div{background:#081522;border-radius:9px;padding:9px}.docker-metrics span{display:block;color:#71869f;font-size:10px}.docker-metrics b{display:block;font-size:12px;margin-top:4px}.docker-metrics small{display:block;color:#7d92aa;font-size:9px;margin-top:2px}.docker-info{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.docker-info span{font-size:10px;color:#71869f;background:#0a1725;padding:7px;border-radius:8px;overflow-wrap:anywhere}.docker-info b{display:block;color:#cbd9e8;margin-top:2px;font-size:11px}.docker-info .warn{color:#fbbf24}.container-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid #17273a}.container-actions form{margin:0}.container-actions button{border:0;border-radius:8px;background:#2563eb;color:white;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer}.container-actions .secondary{background:#233247;color:#cbd5e1}.container-actions .danger-btn{background:#991b1b}.container-actions .backup-btn{background:#146c55}.backup-history{margin-top:12px}.backup-history summary{cursor:pointer;color:#93c5fd;font-weight:700}.tag.failed{background:#3b1619;color:#fca5a5}@media(max-width:700px){.docker-grid{grid-template-columns:1fr}.docker-metrics{grid-template-columns:1fr 1fr}.docker-info{grid-template-columns:1fr}}

/* Docker UI v2 */
.docker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.docker-card{min-width:0;overflow:hidden;padding:14px;box-shadow:0 10px 28px #0002}
.docker-head{min-width:0}.docker-head>div{min-width:0}.docker-head h3{font-size:17px;overflow-wrap:anywhere;word-break:break-word}
.docker-watch{flex:0 0 auto;white-space:nowrap}
.docker-image{line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-height:32px}
.docker-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.docker-metrics>div{min-width:0}.docker-metrics b{overflow-wrap:anywhere}
.docker-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.docker-info span{min-width:0;line-height:1.35}.docker-info b{overflow-wrap:anywhere;word-break:break-word}
.container-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.container-actions form{min-width:0}.container-actions button{width:100%;height:34px;white-space:normal;line-height:1.15}
.backup-history .mono{overflow-wrap:anywhere;word-break:break-word}

/* Modal confirmation */
body.modal-open{overflow:hidden}.confirm-overlay[hidden]{display:none!important}.confirm-overlay{position:fixed;inset:0;z-index:5000;background:rgba(1,8,18,.78);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}
.confirm-dialog{width:min(460px,94vw);background:linear-gradient(180deg,#111f31,#0a1625);border:1px solid #31465f;border-radius:18px;box-shadow:0 28px 90px #000b;padding:24px;text-align:center}
.confirm-icon{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#33280d;color:#fde68a;font-size:22px}.confirm-dialog h2{margin:0 0 9px;font-size:20px}.confirm-dialog p{margin:0;color:#aebed0;line-height:1.5}.confirm-target{margin:14px 0;background:#07111f;border:1px solid #263951;border-radius:10px;padding:10px;font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:#bfdbfe}
.confirm-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.confirm-buttons button{border:0;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer;background:#2563eb;color:#fff}.confirm-buttons .secondary{background:#223247;color:#cbd5e1}.confirm-buttons button:hover{filter:brightness(1.08)}

/* Toast notifications */
.toast-stack{position:fixed;z-index:6000;right:20px;top:20px;width:min(430px,calc(100vw - 32px));display:grid;gap:9px;pointer-events:none}.toast{pointer-events:auto;border:1px solid;border-radius:12px;padding:13px 15px;box-shadow:0 16px 45px #0008;font-size:13px;font-weight:700;line-height:1.4;overflow-wrap:anywhere;animation:toast-in .22s ease-out}.toast.success{background:#0d2a1c;border-color:#276441;color:#a7f3c4}.toast.error{background:#351418;border-color:#7f2a31;color:#fecaca}.toast.info{background:#31270f;border-color:#76591e;color:#fde68a}.toast.leaving{opacity:0;transform:translateX(18px);transition:.25s ease}@keyframes toast-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

@media(max-width:1050px){.docker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.docker-grid{grid-template-columns:1fr}.docker-info{grid-template-columns:1fr 1fr}.toast-stack{right:12px;top:12px;width:calc(100vw - 24px)}}
@media(max-width:430px){.docker-info,.docker-metrics,.container-actions{grid-template-columns:1fr}.confirm-buttons{grid-template-columns:1fr}}

/* Docker overview + central backups */
.docker-server-link{display:inline-block;margin-top:5px;color:#93c5fd;text-decoration:none;font-size:11px;font-weight:700}
.backup-storage-note{display:grid;gap:6px;margin-bottom:18px}.backup-storage-note>span{color:#93c5fd;overflow-wrap:anywhere}.backup-storage-note small{color:var(--muted)}
.retention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.retention-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;background:linear-gradient(180deg,#0e1c2d,#0b1726);border:1px solid var(--line);border-radius:14px;padding:14px}
.retention-card>div{min-width:0}.retention-card b,.retention-card small{display:block;overflow-wrap:anywhere}.retention-card small{color:var(--muted);margin-top:4px;font-size:10px}.retention-card label{font-size:10px;color:var(--muted)}
.retention-card select{display:block;margin-top:4px;background:#081522;border:1px solid #29405a;color:#fff;border-radius:8px;padding:8px 28px 8px 9px}.retention-card button{border:0;border-radius:8px;background:#2563eb;color:white;padding:9px 12px;font-weight:800;cursor:pointer}
.storage-badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.storage-badge.central{background:#102c1c;color:#86efac}.storage-badge.source{background:#33280d;color:#fde68a}
.backup-table .backup-path{max-width:440px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.backup-table .tag.uploaded{background:#10283c;color:#93c5fd}
@media(max-width:1100px){.retention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.retention-grid{grid-template-columns:1fr}.retention-card{grid-template-columns:1fr 1fr}.retention-card>div{grid-column:1/-1}}

/* Docker automatic backup selector */
.auto-backup-toggle{margin:0 0 11px}.auto-backup-toggle label{display:flex;align-items:center;gap:9px;background:#091827;border:1px solid #203a52;border-radius:10px;padding:9px 10px;cursor:pointer;color:#a9bdd1;font-size:11px}.auto-backup-toggle label:hover{border-color:#356080}.auto-backup-toggle input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:#22c55e;flex:0 0 auto}.auto-backup-toggle span{min-width:0}.auto-backup-toggle b{color:#dbeafe;font-weight:800}

/* Database overview */
.database-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.database-card{min-width:0;background:linear-gradient(180deg,#0e1c2d,#0a1624);border:1px solid var(--line);border-radius:16px;padding:16px}.database-card.running{border-color:#1d4934}.database-card.stopped{border-color:#6b2832}.database-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.database-head h2{margin:5px 0 2px;font-size:19px}.database-head a{font-size:12px;color:#93c5fd;text-decoration:none}.database-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.database-badges span{font-size:10px;color:#91a8bf;background:#081522;border:1px solid #203047;border-radius:999px;padding:5px 7px}.database-version{font-size:11px;color:#8ea6bf;margin:10px 0 12px;overflow-wrap:anywhere}
.db-alert{display:grid;gap:4px;border-radius:10px;padding:10px 11px;margin:8px 0;font-size:11px;line-height:1.4}.db-alert.warning{background:#33280d;border:1px solid #71551d;color:#fde68a}.db-alert.error{background:#351418;border:1px solid #7f2a31;color:#fecaca}.db-alert.info{background:#10283c;border:1px solid #234a68;color:#bfdbfe}.db-alert small{opacity:.86;overflow-wrap:anywhere}.db-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.db-metric-grid>div{min-width:0;background:#081522;border-radius:9px;padding:9px}.db-metric-grid span{display:block;color:#71869f;font-size:10px}.db-metric-grid b{display:block;font-size:12px;margin-top:3px;overflow-wrap:anywhere}.db-metric-grid small{display:block;color:#7e93aa;font-size:9px;margin-top:3px;overflow-wrap:anywhere}
.db-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #17273a}.db-actions form{margin:0}.db-actions button,.db-session-actions button{border:0;border-radius:8px;background:#2563eb;color:#fff;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer}.db-actions .danger-btn,.db-session-actions .danger-btn{background:#991b1b}.db-actions>span{font-size:10px;color:#71869f}.db-sessions{margin-top:12px;border-top:1px solid #17273a;padding-top:10px}.db-sessions summary{cursor:pointer;color:#93c5fd;font-size:12px;font-weight:700}.db-sessions table{min-width:900px}.db-query{display:block;color:#8ca0b8;max-width:360px;white-space:normal;overflow-wrap:anywhere;margin-top:3px}.db-session-actions{display:flex;gap:6px;flex-wrap:wrap}.db-session-actions form{margin:0}.db-no-sessions{margin-top:12px;color:#71869f;font-size:11px;border-top:1px solid #17273a;padding-top:10px}
@media(max-width:1200px){.database-grid{grid-template-columns:1fr}.db-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.db-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.database-head,.db-actions{align-items:flex-start;flex-direction:column}.database-badges{justify-content:flex-start}}@media(max-width:430px){.db-metric-grid{grid-template-columns:1fr}}

/* DB telemetry quality + compact server card */
.db-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.db-card.legacy{border-color:#5d481d;background:linear-gradient(180deg,#151b21,#0b1726)}.compact-db-warning{margin:9px 0 11px;padding:8px 10px;border:1px solid #76591e;background:#31270f;color:#fde68a;border-radius:9px;font-size:11px;line-height:1.4}.db-detail-link{display:inline-block;margin-top:11px;color:#93c5fd;text-decoration:none;font-size:11px;font-weight:800}.db-detail-link:hover{text-decoration:underline}.db-metric-grid.legacy{grid-template-columns:repeat(4,minmax(0,1fr))}.db-metric-grid .legacy-metric{border-color:#76591e}.legacy-metric em{font-style:normal;font-size:9px;color:#fbbf24;margin-left:4px}.db-disabled-action{display:inline-flex;align-items:center;border:1px solid #4d3f20;background:#2a230f;color:#f4d77a;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700}.db-agent-warning{border-color:#7c5c1d!important;background:#2d240f!important}.db-agent-warning b{color:#fde68a!important}
@media(max-width:900px){.db-metric-grid.legacy{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.db-metric-grid.legacy{grid-template-columns:1fr}}

.telemetry-badge{font-weight:800!important}.telemetry-badge.rich{background:#102c1c!important;color:#86efac!important;border-color:#23593a!important}.telemetry-badge.legacy{background:#33280d!important;color:#fde68a!important;border-color:#76591e!important}

/* Overview view switch + Eipszis */
.overview-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.overview-section-head .section-title{margin:0}.overview-view-switch{display:flex;gap:4px;padding:4px;background:#071522;border:1px solid #20364a;border-radius:11px}.overview-view-switch button,.overview-view-switch a{margin:0;padding:7px 12px;border:0;border-radius:8px;background:transparent;color:#8ea7bd;font-size:12px;font-weight:800}.overview-view-switch button.active,.overview-view-switch a.active{background:#173550;color:#f0f8ff;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.server-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.agent-badge{display:inline-flex;align-items:center;max-width:150px;padding:3px 7px;border-radius:999px;background:#0d2c25;border:1px solid #1f5b4d;color:#7ce9c2;font-size:10px;font-weight:800;white-space:nowrap}.agent-badge.legacy{background:#332811;border-color:#705b24;color:#f0c968}
.eipszis-panel{padding-top:14px}.eipszis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,155px));gap:14px;align-items:start;overflow:visible}.eipszis-machine{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:150px;padding:12px 9px 10px;border:1px solid #22384c;border-radius:13px;background:#071522;color:#c9d8e6;text-decoration:none;text-align:center;transition:.16s ease;overflow:visible}.eipszis-machine:hover,.eipszis-machine:focus-visible{z-index:30;transform:translateY(-2px);border-color:#45627c;background:#0a1d2d;outline:none}.eipszis-machine>strong{width:100%;font-size:12px;color:#f4f8fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.eipszis-machine>span:not(.eipszis-icon){width:100%;display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#8fa8bd}.eipszis-machine>span b{color:#d8e8f5;font-weight:800;white-space:nowrap}.eipszis-icon{position:relative;display:block;width:62px;height:48px;margin-bottom:3px;color:#22c55e}.eipszis-machine.problem .eipszis-icon{color:#ef4444}.eipszis-icon i{position:absolute;left:4px;top:2px;width:54px;height:34px;border:3px solid currentColor;border-radius:5px;box-shadow:0 0 14px color-mix(in srgb,currentColor 25%,transparent)}.eipszis-icon i:after{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:2px;background:currentColor;opacity:.6}.eipszis-icon u{position:absolute;left:27px;top:36px;width:8px;height:7px;background:currentColor;text-decoration:none}.eipszis-icon u:after{content:"";position:absolute;left:-11px;top:6px;width:30px;height:3px;border-radius:3px;background:currentColor}
.eipszis-popover{display:none;position:absolute;z-index:100;left:50%;top:calc(100% + 9px);width:340px;max-width:min(340px,85vw);transform:translateX(-50%);padding:13px;background:#07131f;border:1px solid #35516a;border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.55);text-align:left;pointer-events:none}.eipszis-machine:hover .eipszis-popover,.eipszis-machine:focus-visible .eipszis-popover{display:block}.eipszis-pop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #1b3042}.eipszis-pop-head>b{font-size:14px;color:#fff}.eipszis-popover dl{display:grid;grid-template-columns:105px minmax(0,1fr);gap:5px 9px;margin:0}.eipszis-popover dt{font-size:10px;color:#7893aa}.eipszis-popover dd{margin:0;font-size:10px;color:#d7e5f0;word-break:break-word}
@media(max-width:720px){.overview-section-head{align-items:flex-start;flex-direction:column}.eipszis-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.eipszis-popover{left:0;transform:none;width:300px}.overview-view-switch{width:100%}.overview-view-switch button,.overview-view-switch a{flex:1}}

.overview-view-switch a{text-decoration:none;cursor:pointer}

.overview-view-panel[hidden]{display:none!important}

/* Persistent overview view settings */
.view-settings-panel{max-width:920px}.view-settings-panel .panel-head{margin-bottom:16px}.view-settings-panel .panel-head p{margin:6px 0 0;line-height:1.5}
.view-choice-form{display:grid;gap:16px}.view-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.view-choice{position:relative;display:grid;gap:8px;cursor:pointer;padding:16px;border:2px solid #20374d;border-radius:15px;background:#081725;transition:.16s ease}.view-choice:hover{border-color:#456781;background:#0a1c2c}.view-choice.selected{border-color:#2f8f68;box-shadow:0 0 0 1px rgba(34,197,94,.16) inset}
.view-choice input{position:absolute;right:14px;top:14px;width:18px;height:18px;accent-color:#22c55e}.view-choice>b{font-size:15px;color:#f3f8fc}.view-choice>small{color:#879db2;line-height:1.45}
.view-preview{display:grid;gap:6px;height:82px;margin-right:28px;padding:10px;border-radius:10px;background:#06121d;border:1px solid #182d40}.current-preview{grid-template-columns:repeat(3,1fr)}.current-preview i{display:block;border-radius:6px;background:#10283b;border:1px solid #29445d}
.eipszis-preview{grid-template-columns:repeat(6,1fr);align-items:center}.eipszis-preview i{display:block;height:38px;border-radius:4px;background:#0d2b25;border:2px solid #22c55e;position:relative}.eipszis-preview i:nth-child(3),.eipszis-preview i:nth-child(6){border-color:#ef4444;background:#32161a}.view-save-btn{justify-self:start;border:0;border-radius:9px;background:#2563eb;color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}
@media(max-width:720px){.view-choice-grid{grid-template-columns:1fr}.eipszis-preview{grid-template-columns:repeat(6,minmax(28px,1fr))}}

/* Eipszis network map v2 */
.main-eipszis{padding-top:18px;overflow:visible}.main-eipszis footer{display:none}.eipszis-stage{position:relative;min-height:calc(100vh - 40px);height:760px;max-height:920px;overflow:visible}.eipszis-orbit{position:relative;width:100%;height:100%;min-height:650px;overflow:visible}
.eipszis-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:150px;min-height:150px;padding:8px 8px 10px;text-align:center;text-decoration:none;color:#d8e5f0;border-radius:14px;transition:transform .15s ease,background .15s ease;z-index:2}.eipszis-node:hover,.eipszis-node:focus-visible{transform:translate(-50%,-50%) scale(1.04);background:rgba(8,21,34,.82);z-index:50;outline:none}.eipszis-node>strong{display:block;width:100%;font-size:13px;color:#f8fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.eipszis-node>small{font-size:9px;font-weight:900;letter-spacing:.06em;margin-top:2px;color:#58df99}.eipszis-node.problem>small{color:#ff6b6b}
.eipszis-server-icon{position:relative;display:block;width:78px;height:64px;color:#27d17f;filter:drop-shadow(0 0 10px rgba(39,209,127,.2))}.eipszis-node.problem .eipszis-server-icon{color:#f04444;filter:drop-shadow(0 0 12px rgba(240,68,68,.24))}.eipszis-server-icon .rack{position:absolute;left:9px;top:6px;width:27px;height:45px;border:3px solid currentColor;border-radius:5px;background:#0a1826;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.eipszis-server-icon .rack:before,.eipszis-server-icon .rack:after{content:"";position:absolute;left:5px;right:5px;height:2px;background:currentColor;opacity:.6}.eipszis-server-icon .rack:before{top:11px;box-shadow:0 10px 0 currentColor,0 20px 0 currentColor}.eipszis-server-icon .screen{position:absolute;right:5px;top:14px;width:38px;height:28px;border:3px solid currentColor;border-radius:5px;background:#0d2130;transform:skewY(-3deg)}.eipszis-server-icon .base{position:absolute;right:10px;top:45px;width:28px;height:3px;background:currentColor;box-shadow:0 5px 0 -1px currentColor}.eipszis-server-icon .led{position:absolute;left:14px;bottom:10px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:8px 0 0 currentColor}
.eipszis-mini{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:2px 8px;margin-top:5px}.eipszis-mini span{font-size:9px;color:#7f98ad;text-align:left;white-space:nowrap}.eipszis-mini b{color:#cfdeea;font-weight:800;float:right}
.eipszis-node .eipszis-popover{display:none;position:absolute;left:50%;top:calc(100% + 7px);width:350px;max-width:min(350px,80vw);transform:translateX(-50%);padding:13px;background:#07131f;border:1px solid #35516a;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.62);text-align:left;pointer-events:none;z-index:100}.eipszis-node:hover .eipszis-popover,.eipszis-node:focus-visible .eipszis-popover{display:block}.eipszis-node.pop-right .eipszis-popover{left:0;transform:none}.eipszis-node.pop-left .eipszis-popover{left:auto;right:0;transform:none}.eipszis-pop-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #1b3042}.eipszis-pop-head>b{font-size:14px;color:#fff}.eipszis-popover dl{display:grid;grid-template-columns:105px minmax(0,1fr);gap:5px 9px;margin:0}.eipszis-popover dt{font-size:10px;color:#7893aa}.eipszis-popover dd{margin:0;font-size:10px;color:#d7e5f0;word-break:break-word}
.settings-view-panel{grid-column:1/-1}.view-settings-form{margin-top:14px}.view-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.view-choice{position:relative;display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto;gap:3px 12px;align-items:center;padding:14px;border:1px solid #263b50;border-radius:13px;background:#081522;cursor:pointer}.view-choice.selected{border-color:#3d77a2;background:#0b2032}.view-choice input{position:absolute;opacity:0;pointer-events:none}.view-choice b{font-size:13px;color:#f2f7fb}.view-choice small{font-size:10px;color:#7f97aa}.view-preview{grid-row:1/3;display:grid;width:78px;height:52px;gap:3px}.current-preview{grid-template-columns:1fr 1fr}.current-preview i{display:block;border:1px solid #42617b;border-radius:4px;background:#102438}.eipszis-preview{position:relative;display:block}.eipszis-preview i{position:absolute;width:10px;height:10px;border-radius:50%;background:#38d890;box-shadow:0 0 8px rgba(56,216,144,.25)}.eipszis-preview i:nth-child(1){left:34px;top:1px}.eipszis-preview i:nth-child(2){left:62px;top:12px}.eipszis-preview i:nth-child(3){left:57px;top:37px}.eipszis-preview i:nth-child(4){left:10px;top:38px}.eipszis-preview i:nth-child(5){left:2px;top:14px}.eipszis-preview i:nth-child(6){left:32px;top:23px}.view-save-btn{margin-top:12px;border:0;border-radius:9px;background:#2563eb;color:#fff;padding:9px 14px;font-weight:800;cursor:pointer}
@media(max-width:1050px){.eipszis-stage{height:auto;min-height:0}.eipszis-orbit{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:18px;min-height:0;height:auto;padding:16px 0}.eipszis-node{position:relative;left:auto;top:auto;transform:none!important;width:auto;min-height:150px}.eipszis-node .eipszis-popover,.eipszis-node.pop-right .eipszis-popover,.eipszis-node.pop-left .eipszis-popover{left:50%;right:auto;transform:translateX(-50%)}}
@media(max-width:720px){.eipszis-orbit{grid-template-columns:repeat(2,minmax(120px,1fr))}.view-choice-grid{grid-template-columns:1fr}.eipszis-node .eipszis-popover{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:88vw}}
@media(max-width:430px){.eipszis-orbit{grid-template-columns:1fr 1fr;gap:8px}.eipszis-node{padding-left:4px;padding-right:4px}.eipszis-mini{grid-template-columns:1fr}.eipszis-mini span:nth-child(n+3){display:none}}

/* Compact Docker cards */
.docker-grid{gap:9px}
.docker-card{padding:10px;border-radius:12px}
.docker-head h3{font-size:16px;margin-top:3px}
.docker-image{margin:5px 0 8px;line-height:1.25}
.auto-backup-toggle{margin:0 0 7px}
.auto-backup-toggle label{padding:6px 8px}
.docker-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.docker-metrics>div{padding:6px;border-radius:7px}.docker-metrics b{margin-top:2px;font-size:11px}
.docker-info{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px}
.docker-info span{padding:5px;border-radius:7px}.docker-info b{font-size:10px}
.container-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px;padding-top:8px}.container-actions button{height:30px;padding:6px 8px;font-size:10px}
@media(max-width:1250px){.docker-metrics,.docker-info,.container-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.docker-metrics,.docker-info{grid-template-columns:repeat(2,minmax(0,1fr))}.container-actions{grid-template-columns:1fr 1fr}}

/* DB auth source breakdown */
.db-auth-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}.db-auth-sources span{display:flex;justify-content:space-between;gap:8px;background:#241d0d;border:1px solid #5b4519;border-radius:7px;padding:6px 8px}.db-auth-sources b{overflow-wrap:anywhere}.db-auth-sources em{font-style:normal;font-weight:900;white-space:nowrap}
.db-account-details{margin:8px 0;border:1px solid #29435a;border-radius:9px;background:#091725;padding:8px 10px}.db-account-details summary{cursor:pointer;color:#93c5fd;font-size:11px;font-weight:800}.db-account-details>div{padding:8px 0;border-top:1px solid #17293b}.db-account-details>div:first-of-type{margin-top:7px}.db-account-details small,.db-account-details code{display:block;margin-top:3px;overflow-wrap:anywhere;white-space:normal}.db-account-details code{font-size:9px;color:#a7bfd4}
@media(max-width:700px){.db-auth-sources{grid-template-columns:1fr}}

/* Watch logo + server backup plans */
.watch-logo-mark{width:42px;height:42px;display:grid;place-items:center;filter:drop-shadow(0 5px 12px #0ea5e944)}.watch-logo-mark svg{width:42px;height:42px;overflow:visible}.watch-logo-mark .shield{fill:#0a1930;stroke:#1d8cff;stroke-width:2.6}.watch-logo-mark rect{fill:#dbeafe}.watch-logo-mark circle{fill:#07111f}.watch-logo-mark .pulse{fill:none;stroke:#2dd4bf;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.db-backup-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px}.db-backup-plan{background:linear-gradient(180deg,#0e1c2d,#0a1624);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.db-backup-plan .plan-title,.db-backup-plan .plan-toggle,.db-backup-plan .plan-storage,.db-backup-plan button{grid-column:1/-1}.db-backup-plan .plan-title b,.db-backup-plan .plan-title small{display:block}.db-backup-plan .plan-title small{color:var(--muted);margin-top:2px}.db-backup-plan label{font-size:10px;color:#8299b0}.db-backup-plan input[type=time],.db-backup-plan select{display:block;width:100%;margin-top:4px;background:#081522;border:1px solid #29405a;color:#e5edf7;border-radius:7px;padding:7px}.db-backup-plan .plan-toggle{display:flex;align-items:center;gap:8px;color:#c8d7e8}.plan-storage{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#081522;border-radius:8px;padding:7px}.plan-storage span{font-size:10px;color:#8299b0}.plan-storage b{display:block;color:#e5edf7;margin-top:2px}.plan-storage small{grid-column:1/-1;color:#617b95}.db-backup-plan button{border:0;border-radius:8px;padding:8px;background:#1d4ed8;color:#fff;font-weight:800;cursor:pointer}@media(max-width:700px){.db-backup-plan{grid-template-columns:1fr}.plan-storage{grid-template-columns:1fr 1fr}.watch-logo-mark{width:42px}}

/* NAS monitoring */
.nas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nas-card{background:linear-gradient(180deg,#0e1c2d,#0a1624);border:1px solid #29405a;border-radius:14px;padding:14px;min-width:0}.nas-card.online{border-color:#1d4934}.nas-card.offline{border-color:#4a3440}.nas-head{display:flex;justify-content:space-between;gap:12px}.nas-head h2{margin:5px 0 2px;font-size:18px}.nas-head small{color:#7f97af}.nas-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.nas-metrics>div{background:#081522;border-radius:8px;padding:8px}.nas-metrics span{display:block;color:#71869f;font-size:10px}.nas-metrics b{display:block;margin-top:3px;font-size:12px;overflow-wrap:anywhere}.nas-metrics small{display:block;color:#7c92a9;font-size:9px;margin-top:2px}.nas-ident{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}.nas-ident span,.nas-ifaces span{background:#0a1725;border-radius:7px;padding:6px;color:#71869f;font-size:10px}.nas-ident b,.nas-ifaces b{color:#cfdeed}.nas-waiting{margin-top:10px;border:1px dashed #5b4a25;background:#211b0d;color:#fde68a;padding:9px;border-radius:8px;font-size:11px}.nas-detail{margin-top:10px}.nas-detail summary{cursor:pointer;color:#93c5fd;font-weight:800}.nas-detail h3{font-size:12px;margin:12px 0 6px}.nas-ifaces{display:grid;gap:5px}.nas-alerts{margin-top:8px}.eipszis-nas-icon{width:62px;height:50px;display:block;position:relative;margin:auto}.eipszis-nas-icon i{position:absolute;left:8px;width:46px;height:10px;border:2px solid currentColor;border-radius:4px;background:#0b1a29}.eipszis-nas-icon i:nth-child(1){top:4px}.eipszis-nas-icon i:nth-child(2){top:19px}.eipszis-nas-icon i:nth-child(3){top:34px}.eipszis-nas-icon b{position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;right:14px;top:7px;box-shadow:0 15px 0 currentColor,0 30px 0 currentColor}.nas-node .eipszis-mini{min-width:150px}.nas-node.healthy .eipszis-nas-icon{color:#4ade80}.nas-node.problem .eipszis-nas-icon{color:#f87171}
@media(max-width:1050px){.nas-grid{grid-template-columns:1fr}.nas-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.nas-metrics,.nas-ident{grid-template-columns:1fr 1fr}}

.nas-rename{display:flex;gap:6px;margin-top:8px}.nas-rename input{min-width:0;flex:1;background:#081522;border:1px solid #29405a;color:#dbeafe;border-radius:7px;padding:6px 8px;font-size:11px}.nas-rename button{border:0;background:#1d4ed8;color:#fff;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer}

.nas-node.pending{color:#7f93a8}.nas-node.pending .eipszis-nas-icon{color:#64748b}.nas-node.pending .eipszis-mini{border-color:#334155}.nas-node.pending>small{color:#94a3b8}
.nas-card.pending{border-color:#38475b;background:linear-gradient(180deg,#0c1826,#09131f)}
.status.pending{color:#94a3b8}.nas-waiting.compact{margin-bottom:0}.nas-card.pending .nas-rename{margin-bottom:0}

/* Compact list for NAS devices waiting for agent installation */
.nas-pending-panel{margin-top:12px;padding:12px 14px}.nas-pending-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.nas-pending-head h2{margin:0;font-size:14px}.nas-pending-head p{margin:3px 0 0;color:#7890a7;font-size:10px}.nas-pending-head>strong{font-size:22px;color:#94a3b8}.nas-pending-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.nas-pending-item{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center;background:#0a1724;border:1px solid #27394c;border-radius:9px;padding:7px 9px;min-width:155px}.nas-pending-item .status{grid-row:1/3}.nas-pending-item b{font-size:11px}.nas-pending-item small{font-size:9px;color:#6f879e}.status.pending{color:#94a3b8}

/* NAS process monitor */
.nas-process-table .process-hot td{background:#2a1616}.nas-process-table .process-hot td:nth-child(2),.nas-process-table .process-hot td:nth-child(4){color:#fca5a5;font-weight:800}
.nas-process-table th,.nas-process-table td{white-space:nowrap}.nas-process-table td:nth-child(2),.nas-process-table td:nth-child(3){white-space:normal;overflow-wrap:anywhere}

/* Overview polish 2026-09-17 */
.main{margin:0 auto}.sidebar{position:relative;position:sticky}.sidebar-toggle{position:absolute;right:-14px;top:70px;z-index:50;width:28px;height:28px;border:1px solid #29445f;border-radius:50%;background:#0d2032;color:#b9cee0;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 15px #0007}.sidebar-toggle:hover{background:#17324b;color:#fff}
.sidebar nav a{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px}.nav-glyph{width:24px;text-align:center;font-style:normal;font-size:16px;line-height:1}.sidebar nav em{margin-left:0}.sidebar nav em.nav-count{background:#17345a;color:#bfdbfe}.sidebar nav em.nav-alert{background:#b91c1c;color:#fff}
body.sidebar-collapsed .app{grid-template-columns:74px 1fr}body.sidebar-collapsed .sidebar{padding-left:9px;padding-right:9px}body.sidebar-collapsed .logo div,body.sidebar-collapsed .sidebar nav a>span,body.sidebar-collapsed .side-footer{display:none}body.sidebar-collapsed .logo{justify-content:center;padding-left:0;padding-right:0}body.sidebar-collapsed .sidebar nav a{grid-template-columns:1fr;justify-items:center;padding-left:7px;padding-right:7px}body.sidebar-collapsed .sidebar nav em{position:absolute;margin-left:28px;margin-top:-22px}body.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}
body.overview-eipszis{overflow:hidden}.main-eipszis{position:relative;height:100vh;max-width:none;margin:0;padding:8px 16px 8px;overflow:hidden}.main-eipszis .toast-stack{top:14px}.eipszis-stage{height:100%;min-height:0;max-height:none;overflow:hidden}.eipszis-orbit{height:100%;min-height:0;overflow:visible}
.overview-tools{position:absolute;right:18px;top:16px;z-index:300;display:flex;flex-direction:column;gap:7px;align-items:flex-end}.overview-tool-btn{width:42px;height:42px;border:1px solid #2a4560;border-radius:11px;background:#0a1b2a;color:#bcd0e2;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px #0005}.overview-tool-btn:hover{background:#102d43;color:#fff;border-color:#47708e}.overview-tool-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.overview-tool-btn.plus{font-size:27px;font-weight:300}.installer-tool{position:relative}.installer-quick-menu{position:absolute;right:50px;top:0;width:160px;padding:6px;background:#0a1725;border:1px solid #29445d;border-radius:11px;box-shadow:0 16px 45px #0009}.installer-quick-menu[hidden]{display:none}.installer-quick-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#bfd0df;padding:9px 10px;border-radius:7px;cursor:pointer;font-weight:700;font-size:11px}.installer-quick-menu button:hover{background:#153149;color:#fff}
.eipszis-node{width:166px;min-height:142px;padding:7px 9px}.eipszis-node>strong{font-size:14px;margin-top:5px}.eipszis-mini{gap:3px 9px;margin-top:6px}.eipszis-mini span{font-size:10px}.eipszis-node>small{display:none}.eipszis-popover dt,.eipszis-popover dd{font-size:11px}.eipszis-popover{width:370px;max-width:min(370px,82vw)}.eipszis-node.pop-up .eipszis-popover{top:auto;bottom:calc(100% + 8px)}.eipszis-pop-head{padding-bottom:8px}.eipszis-pop-head>b{font-size:15px}
.eipszis-node.pending{opacity:.72}.eipszis-node.pending .eipszis-mini{opacity:.65}.eipszis-server-icon,.eipszis-nas-icon{overflow:visible}.update-badge{position:absolute;right:0;top:0;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#4a3908;border:1px solid #b98c13;color:#fde68a;font:900 12px/1 system-ui;box-shadow:0 0 0 3px #07111f,0 0 15px #f59e0b33}
.refresh-shine:after{content:"";position:absolute;inset:-5px;background:linear-gradient(110deg,transparent 24%,rgba(255,255,255,.025) 38%,rgba(226,232,240,.42) 49%,rgba(255,255,255,.045) 60%,transparent 74%);transform:translateX(-165%) skewX(-12deg);opacity:0;pointer-events:none;mix-blend-mode:screen}.refresh-shine.shine-now:after{animation:watch-shine .9s ease-out both}@keyframes watch-shine{0%{transform:translateX(-165%) skewX(-12deg);opacity:0}24%{opacity:.55}100%{transform:translateX(165%) skewX(-12deg);opacity:0}}
.server-health-stats{grid-template-columns:repeat(5,minmax(130px,1fr))}.overview-options-panel{grid-column:1/-1}.overview-options-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.settings-switch{display:flex;align-items:center;gap:9px;background:#081522;border:1px solid #29405a;border-radius:10px;padding:10px 12px;color:#c7d6e5;cursor:pointer}.settings-switch input{width:18px;height:18px;accent-color:#22c55e}
.installer-overlay[hidden]{display:none!important}.installer-overlay{position:fixed;inset:0;z-index:7000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(1,8,18,.78);backdrop-filter:blur(4px)}.installer-dialog{width:min(520px,95vw);background:linear-gradient(180deg,#101f31,#091522);border:1px solid #314a63;border-radius:17px;padding:19px;box-shadow:0 25px 80px #000b}.installer-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.installer-dialog-head small{display:block;color:#5ba6df;font-size:9px;font-weight:900;letter-spacing:.12em}.installer-dialog-head h2{margin:3px 0 0;font-size:20px}.installer-dialog-head>button{border:0;background:transparent;color:#8199ae;font-size:24px;cursor:pointer}.installer-dialog label{display:grid;gap:5px;margin:10px 0;color:#879caf;font-size:11px}.installer-dialog label small{font-size:9px}.installer-dialog input,.installer-dialog textarea,.installer-dialog.result textarea{width:100%;background:#06121d;border:1px solid #29445d;border-radius:9px;color:#e8f0f8;padding:10px 11px;font:inherit}.installer-dialog.result textarea{min-height:115px;resize:vertical;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.installer-note{font-size:10px;color:#748da5;line-height:1.5;margin:12px 0}.installer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.installer-actions button{border:0;border-radius:9px;background:#2563eb;color:#fff;padding:9px 13px;font-weight:800;cursor:pointer}.installer-actions .secondary{background:#223247;color:#cbd5e1}.installer-result-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px}.installer-result-meta span{font-size:10px;color:#71869f;background:#081522;padding:6px 8px;border-radius:7px}.installer-result-meta b{color:#d5e4f1}
@media(max-width:1050px){body.overview-eipszis{overflow:auto}.main-eipszis{height:auto;min-height:100vh;overflow:visible}.overview-tools{position:fixed}.eipszis-stage{overflow:visible}.server-health-stats{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:900px){.sidebar-toggle{display:none}body.sidebar-collapsed .app{grid-template-columns:72px 1fr}.sidebar nav a{grid-template-columns:1fr;justify-items:center}.sidebar nav a>span{display:none}.sidebar nav em{position:absolute;margin-left:28px;margin-top:-22px}}
@media(max-width:620px){.server-health-stats{grid-template-columns:1fr 1fr}.overview-tools{right:9px;top:9px}.overview-tool-btn{width:38px;height:38px}.eipszis-node>strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.refresh-shine.shine-now:after{animation:none}}

/* Keep server inventory anchored to the top */
body.page-servers .main{align-self:start;max-width:none;margin:0;padding-top:18px}
body.page-servers header{margin-top:0}

/* Round 2/3 polish */
.overview-tool-btn.active{background:#153b55;color:#fff;border-color:#5f8bab;box-shadow:0 0 0 1px rgba(96,165,250,.12) inset,0 8px 22px #0006}
.update-badge{min-width:20px;width:auto;padding:0 5px;font-size:10px}.update-badge.reboot{background:#542016;border-color:#b45309;color:#fed7aa;box-shadow:0 0 0 3px #07111f,0 0 15px #f9731638}

/* AI device marker */
.server-card{position:relative}.ai-marker{position:absolute;left:10px;bottom:9px;z-index:4;display:inline-grid;place-items:center;min-width:24px;height:18px;padding:0 6px;border:1px solid #5b4fcf;border-radius:6px;background:#171633;color:#c4b5fd;font:900 9px/1 system-ui;letter-spacing:.08em;box-shadow:0 0 12px rgba(139,92,246,.16)}
.eipszis-ai{left:-8px;bottom:-5px;top:auto;right:auto}.ai-title-badge{display:inline-grid;vertical-align:middle;place-items:center;min-width:28px;height:20px;padding:0 6px;margin-left:7px;border:1px solid #5b4fcf;border-radius:6px;background:#171633;color:#c4b5fd;font:900 10px/1 system-ui;letter-spacing:.08em}.server-meta-form{grid-template-columns:2fr 2fr 1.3fr auto auto}.ai-manual-toggle{align-self:end}.ai-check{height:36px;display:flex!important;align-items:center;gap:6px;padding:0 10px;border:1px solid #29405a;border-radius:8px;background:#081522;color:#cbd5e1!important;font-size:11px!important}.ai-check input{width:16px!important;height:16px!important;margin:0!important;accent-color:#8b5cf6}

.server-card{padding-bottom:38px}
@media(max-width:900px){.server-meta-form{grid-template-columns:1fr 1fr}.ai-manual-toggle{align-self:end}}

/* NAS anchor + existing installer */
.nas-card,.nas-pending-item{scroll-margin-top:24px}.nas-card:target,.nas-pending-item:target{outline:2px solid #3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.14),0 14px 36px #0005}.nas-installer-form{margin-top:8px}.nas-installer-form button{border:1px solid #31506c;border-radius:8px;background:#10283c;color:#bfdbfe;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.nas-installer-form button:hover{background:#173a56;color:#fff}.nas-installer-form.installed{margin-top:7px}.nas-pending-item{grid-template-columns:auto minmax(0,1fr)}.nas-pending-item .nas-installer-form{grid-column:1/-1;margin:5px 0 0}.nas-pending-item .nas-installer-form button{width:100%}

/* NAS detail selection + overview container satellites */
.nas-detail-toolbar{display:flex;align-items:center;gap:12px;margin:-8px 0 14px}.nas-detail-toolbar a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #29445d;border-radius:8px;background:#0a1725;color:#93c5fd;text-decoration:none;font-size:11px;font-weight:800}.nas-detail-toolbar strong{font-size:13px;color:#dbeafe}
.container-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 7px}.container-toggle-row .auto-backup-toggle{margin:0}.overview-display-toggle label{border-color:#324b67}.overview-display-toggle input[type=checkbox]{accent-color:#60a5fa}
.container-satellite{position:absolute;top:var(--sat-y,25px);display:grid;grid-template-columns:30px minmax(0,90px);align-items:center;gap:5px;min-width:105px;max-width:125px;padding:4px 6px;border:1px solid #29445d;border-radius:9px;background:#081725;box-shadow:0 7px 20px #0006;z-index:4;color:#b9cce0;pointer-events:none}
.container-satellite.sat-right{left:calc(145px + var(--sat-gap,0px))}.container-satellite.sat-left{right:calc(145px + var(--sat-gap,0px))}.container-satellite:before{content:"";position:absolute;top:17px;width:52px;border-top:1px solid #3a6387;opacity:.8}.container-satellite.sat-right:before{right:100%}.container-satellite.sat-left:before{left:100%}
.container-mini-symbol{position:relative;width:27px;height:22px;color:#4ade80}.container-satellite.stopped .container-mini-symbol{color:#f87171}.container-mini-symbol i{position:absolute;left:2px;width:23px;height:5px;border:1.5px solid currentColor;border-radius:2px;background:#0b1a29}.container-mini-symbol i:nth-child(1){top:1px}.container-mini-symbol i:nth-child(2){top:8px}.container-mini-symbol i:nth-child(3){top:15px}.container-satellite>b{font-size:9px;line-height:1.15;white-space:normal;overflow-wrap:anywhere;color:#d9e7f3;font-weight:800}
@media(max-width:1050px){.container-satellite{display:none}.container-toggle-row{grid-template-columns:1fr}}

/* Container backup health warning */
.container-backup-warning{position:absolute;right:-7px;top:-8px;z-index:8;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#f59e0b;border:2px solid #07111f;color:#1f1603;font:900 12px/1 system-ui;box-shadow:0 0 0 1px #b77908,0 0 13px #f59e0b66}
.container-satellite.backup-warning{border-color:#6c5320;box-shadow:0 7px 20px #0006,0 0 14px #f59e0b18}
.event-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.event-tabs a{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #29445d;border-radius:10px;background:#0a1725;color:#a9bdd0;text-decoration:none;font-size:12px;font-weight:800}.event-tabs a.active{background:#10263a;border-color:#4f7ea6;color:#eef7ff}.event-tabs em{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-style:normal}.event-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid #20384f;border-radius:10px;background:#091522}.event-summary b{font-size:13px}.event-summary span{font-size:11px;color:#8fa8bd}.event-current-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-card{position:relative;padding:14px;border:1px solid #29445d;border-left-width:4px;border-radius:12px;background:#0a1725;box-shadow:0 8px 24px #0003}.event-card.severity-critical{border-left-color:#ef4444}.event-card.severity-warning{border-left-color:#f59e0b}.event-card.severity-info{border-left-color:#60a5fa}.event-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.event-card-head>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.event-card-head time{font-size:10px;color:#7890a5}.event-kind{padding:3px 7px;border-radius:999px;background:#12283a;color:#9bc3e7;font-size:9px;font-weight:900;text-transform:uppercase}.event-card h3{margin:10px 0 5px;font-size:15px}.event-card p{margin:0;color:#a9bdd0;font-size:11px;line-height:1.45}.event-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:#7890a5;font-size:10px}.auth-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.auth-facts span{padding:6px 8px;border:1px solid #4a3d1d;border-radius:8px;background:#1c180b;color:#d9c98a;font-size:10px}.event-notes{display:grid;gap:5px;margin-top:10px}.event-notes div{padding:7px 8px;border-radius:8px;background:#0d2031;color:#bdd0df;font-size:10px}.event-notes time{margin-right:8px;color:#6e8aa1}.event-controls{display:flex;gap:7px;margin-top:12px}.event-controls form{margin:0}.event-note-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}.event-note-form input{min-width:0}.event-clean{grid-column:1/-1;padding:22px;text-align:center;color:#86efac;font-weight:800}.event-history-list{display:grid;gap:8px}.event-history-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px 14px;border:1px solid #21394f;border-radius:10px;background:#091522}.event-history-row>div:nth-child(2){min-width:0}.event-history-row b{font-size:12px}.event-history-row small{display:block;margin-top:2px;color:#7890a5;font-size:9px}.event-history-row p{margin:5px 0 0;color:#a9bdd0;font-size:10px}.event-history-row em{display:block;margin-top:5px;color:#9dc2df;font-size:9px;font-style:normal}.event-history-time{text-align:right;min-width:180px}.event-history-time span{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:999px;background:#10263a;color:#9bc3e7;font-size:9px}.tag.acknowledged{background:#3b3214;color:#facc15}@media(max-width:1050px){.event-current-list{grid-template-columns:1fr}.event-history-row{grid-template-columns:auto 1fr}.event-history-time{grid-column:2;text-align:left;min-width:0}}
.network-panel{margin:16px 0;overflow:hidden}.network-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.network-panel-head h2,.network-panel-head h3{margin:0}.network-panel-head p{margin:4px 0 0;color:#8298ad;font-size:12px}.network-legend{display:flex;gap:12px;font-size:12px;font-weight:800}.network-legend .rx{color:#60a5fa}.network-legend .tx{color:#f59e0b}.network-chart{display:block;width:100%;height:auto;min-height:180px;background:#071522;border:1px solid #1f3a52;border-radius:12px}.network-chart .grid{stroke:#29465d;stroke-width:1}.network-chart polyline{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}.network-chart .rx{stroke:#60a5fa}.network-chart .tx{stroke:#f59e0b}.network-chart text{fill:#7890a5;font-size:10px}.network-empty{padding:34px;text-align:center;color:#7890a5;border:1px dashed #29465d;border-radius:12px}.network-hour-table{max-height:220px;overflow:auto;margin-top:10px}.network-hour-table table{width:100%}.network-hour-table th,.network-hour-table td{font-size:11px;padding:7px 8px}.net-stat strong{font-size:13px!important;line-height:1.3}.nas-network-panel{margin:14px 0}.nas-metrics>div:nth-child(3) b,.nas-metrics>div:nth-child(4) b{font-size:12px;line-height:1.35}
@media(max-width:760px){.network-panel-head{flex-direction:column}.network-chart{min-height:140px}.network-hour-table{overflow-x:auto}.network-hour-table table{min-width:560px}}
.nas-card.selected-detail{max-width:none;width:100%}.nas-head{display:grid;grid-template-columns:minmax(220px,1fr) minmax(380px,1.7fr) auto;gap:14px;align-items:start}.nas-head-title{min-width:0}.nas-alert-slot{min-height:94px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start}.nas-alert-chip,.nas-alert-placeholder{min-height:40px;border:1px solid #273d51;border-radius:9px;background:#091725;padding:6px 8px}.nas-alert-placeholder{opacity:.16}.nas-alert-chip{display:flex;gap:7px;align-items:center;justify-content:space-between}.nas-alert-chip b{font-size:10px;display:block}.nas-alert-chip small{display:block;font-size:9px;color:#99adc0;margin-top:2px}.nas-alert-chip.critical{border-color:#7f1d1d;background:#241015}.nas-alert-chip.warning{border-color:#7c5d17;background:#211b0d}.nas-alert-chip.acknowledged{border-color:#27506b;background:#0b1b29;opacity:.82}.nas-alert-chip form{margin:0}.nas-alert-chip button{font-size:9px;padding:5px 7px;white-space:nowrap}.nas-alert-chip em{font-style:normal;color:#67e8a7;font-size:9px;white-space:nowrap}.nas-primary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,1.15fr);gap:14px;align-items:start}.nas-primary-grid .nas-metrics{margin:0}.nas-network-panel{margin:0!important}.network-head-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end}.chart-mode-switch{display:flex;gap:4px;padding:3px;background:#071522;border:1px solid #29445d;border-radius:8px}.chart-mode-switch button{padding:5px 9px;border-radius:6px;border:0;background:transparent;color:#88a0b6;font-size:10px}.chart-mode-switch button.active{background:#153653;color:#fff}.network-bars .rxbar{fill:#60a5fa}.network-bars .txbar{fill:#f59e0b}.nas-detail[open]{display:block}.nas-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:18px}.nas-detail-right .table-wrap{max-height:520px;overflow:auto}.nas-detail summary{cursor:pointer}.nas-ident{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1250px){.nas-head{grid-template-columns:1fr auto}.nas-alert-slot{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));order:3}.nas-primary-grid,.nas-detail-grid{grid-template-columns:1fr}.nas-network-panel{order:2}}
@media(max-width:760px){.nas-head{grid-template-columns:1fr}.nas-head>.agent-badge{justify-self:start}.nas-alert-slot{grid-template-columns:1fr;min-height:60px}.nas-alert-placeholder{display:none}.nas-primary-grid,.nas-detail-grid{grid-template-columns:1fr}.network-head-actions{align-items:flex-start}.nas-ident{grid-template-columns:1fr 1fr}.nas-card{padding:12px}.nas-detail-right .table-wrap{max-height:none}}

/* Selected NAS detail: use the whole available workspace */
body.page-nas.nas-selected .main{max-width:none;width:100%;margin:0;padding-left:28px;padding-right:28px}
body.page-nas.nas-selected .nas-grid{grid-template-columns:minmax(0,1fr)}
body.page-nas.nas-selected .nas-card.selected-detail{width:100%;max-width:none}
@media(max-width:900px){body.page-nas.nas-selected .main{padding-left:14px;padding-right:14px}}
/* NAS detail polish */
body.nas-selected .nas-card.selected-detail{border-color:#22384a;box-shadow:0 8px 28px #0003}
body.nas-selected .nas-card:target{outline:none;box-shadow:0 8px 28px #0003}
body.nas-selected .nas-detail-page-header{margin-bottom:14px}
body.nas-selected .nas-detail-page-header h1{font-size:24px}
body.nas-selected .nas-head{grid-template-columns:minmax(260px,1fr) minmax(320px,430px);align-items:start}
body.nas-selected .nas-head-right{display:flex;flex-direction:column;align-items:stretch;gap:8px}
body.nas-selected .nas-head-right>.agent-badge{align-self:flex-end}
body.nas-selected .nas-alert-slot{grid-template-columns:1fr;min-height:0;gap:5px}
body.nas-selected .nas-alert-chip,body.nas-selected .nas-alert-placeholder{min-height:34px;padding:5px 7px;border-radius:7px}
body.nas-selected .nas-alert-chip b{font-size:9px}body.nas-selected .nas-alert-chip small{font-size:8px}
body.nas-selected .nas-alert-chip button{font-size:8px;padding:4px 6px}
.nas-head-title h2{display:flex;align-items:center;gap:7px}
.nas-rename-pencil{border:0;background:transparent;color:#76a9d6;padding:2px 4px;font-size:16px;cursor:pointer;border-radius:5px}
.nas-rename-pencil:hover{background:#132a3d;color:#fff}
.nas-rename-dialog{width:min(440px,calc(100vw - 30px));border:1px solid #29445d;border-radius:14px;background:#0b1726;color:#e5edf7;padding:0;box-shadow:0 24px 80px #000a}
.nas-rename-dialog::backdrop{background:#020711b8;backdrop-filter:blur(2px)}
.nas-rename-dialog form{padding:18px}.nas-rename-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.nas-rename-dialog-head h3{margin:0}.nas-rename-dialog-head button{border:0;background:transparent;color:#9db2c6;font-size:24px;cursor:pointer}
.nas-rename-dialog label{display:grid;gap:6px;color:#8fa5b9;font-size:11px}.nas-rename-dialog input{width:100%;background:#071522;border:1px solid #29445d;border-radius:8px;color:#fff;padding:10px 11px}
.nas-rename-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.nas-rename-dialog-actions button{padding:8px 13px}
@media(max-width:900px){body.nas-selected .nas-head{grid-template-columns:1fr}body.nas-selected .nas-head-right>.agent-badge{align-self:flex-start}}
/* alert + NAS compact polish */
body.nas-selected .nas-alert-slot{display:flex;flex-direction:column;gap:6px;min-height:0;max-height:none}
body.nas-selected .nas-alert-chip{width:100%;min-height:38px}
body.nas-selected .nas-alert-chip button{background:#f8fafc;color:#172033;border:0;border-radius:6px;font-weight:900;padding:6px 9px;box-shadow:0 1px 0 #ffffff66}
body.nas-selected .nas-alert-chip button:hover{background:#fbbf24;color:#211500}
body.nas-selected .nas-alert-chip.critical button{background:#fecaca;color:#450a0a}
.nas-metrics>div.metric-warning{border:1px solid #8a6518;background:#2a210d;animation:metricWarnPulse 2.2s ease-in-out infinite}
.nas-metrics>div.metric-warning b{color:#fde68a}.nas-metrics>div.metric-critical{border:1px solid #991b1b;background:#2b1115;animation:metricCritPulse 1.4s ease-in-out infinite}.nas-metrics>div.metric-critical b{color:#fecaca}
@keyframes metricWarnPulse{50%{box-shadow:0 0 0 2px #f59e0b24,0 0 16px #f59e0b18}}@keyframes metricCritPulse{50%{box-shadow:0 0 0 2px #ef44443b,0 0 20px #ef44442e}}
.nas-network-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin-top:7px}.nas-network-summary>span{display:grid;grid-template-columns:auto auto;gap:2px 8px;padding:7px 9px;border:1px solid #20374b;border-radius:8px;background:#091725}.nas-network-summary b{font-size:10px}.nas-network-summary em{justify-self:end;font-style:normal;font-size:9px;font-weight:900;color:#86efac}.nas-network-summary .down em{color:#fca5a5}.nas-network-summary small{font-size:9px;color:#7890a5}.nas-network-summary small:last-child{grid-column:1/-1}
body.nas-selected .nas-detail-left table,body.nas-selected .nas-detail-right table{min-width:0;table-layout:auto}body.nas-selected .nas-detail-left th,body.nas-selected .nas-detail-left td,body.nas-selected .nas-detail-right th,body.nas-selected .nas-detail-right td{padding:8px 7px;font-size:11px}body.nas-selected .nas-detail-right .table-wrap{overflow-y:auto;overflow-x:hidden}.nas-process-table th,.nas-process-table td{white-space:normal!important;overflow-wrap:anywhere}.nas-process-table td:first-child{white-space:nowrap!important}
.settings-tabs{display:flex;gap:6px;margin-bottom:14px}.settings-tabs a{text-decoration:none;padding:8px 12px;border:1px solid #29445d;border-radius:9px;color:#8fa5b9}.settings-tabs a.active{background:#153653;color:#fff;border-color:#3c6f94}.alert-settings-panel{max-width:1100px}.alert-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.alert-settings-grid label{display:grid;gap:6px;color:#8fa5b9;font-size:11px}.alert-settings-grid input{width:100%;background:#071522;border:1px solid #29445d;border-radius:8px;color:#fff;padding:10px}
@media(max-width:900px){.alert-settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.alert-settings-grid{grid-template-columns:1fr}}
/* unified server detail layout */
body.page-server .main{max-width:none;width:100%;margin:0}
.server-primary-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr);gap:14px;align-items:start;margin-bottom:20px}
.server-primary-grid .server-health-stats{grid-template-columns:repeat(3,minmax(120px,1fr));margin:0;gap:8px}
.server-primary-grid .server-health-stats .stat{padding:13px}.server-primary-grid .server-health-stats .stat strong{font-size:20px}.server-primary-grid .server-network-panel{margin:0}
@media(max-width:1200px){.server-primary-grid{grid-template-columns:1fr}.server-primary-grid .server-health-stats{grid-template-columns:repeat(4,minmax(120px,1fr))}}
@media(max-width:760px){.server-primary-grid .server-health-stats{grid-template-columns:1fr 1fr}.server-primary-grid{grid-template-columns:minmax(0,1fr)}}
/* layout correction */
body.nas-selected .nas-primary-grid{grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);align-items:start}
body.nas-selected .nas-primary-left{min-width:0}
body.nas-selected .nas-network-panel{grid-column:2;grid-row:1;margin:0!important}
body.nas-selected .nas-network-summary{grid-column:auto;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;padding:7px;border:1px solid #20384e;border-radius:10px;background:#081522}
body.nas-selected .nas-network-summary>span{border:0;background:#0b1b2b;padding:7px 9px}
@media(max-width:1180px){body.nas-selected .nas-primary-grid{grid-template-columns:1fr}body.nas-selected .nas-network-panel{grid-column:1;grid-row:auto}.nas-network-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.nas-selected .nas-network-summary{grid-template-columns:1fr}}
/* 4-column threshold matrix */
.alert-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 18px}.alert-contact-grid label{display:grid;gap:6px;color:#8fa5b9;font-size:11px}.alert-contact-grid input,.threshold-matrix input{background:#071522;border:1px solid #29445d;border-radius:8px;color:#fff;padding:9px 10px;width:100%}
.threshold-matrix{display:grid;gap:6px;margin:8px 0 16px}.threshold-head,.threshold-row{display:grid;grid-template-columns:minmax(180px,1.15fr) repeat(4,minmax(135px,1fr));gap:7px;align-items:center}.threshold-head b{padding:9px 8px;text-align:center;border:1px solid #29445d;border-radius:8px;background:#0c1d2d;font-size:11px;color:#d9e7f3}.threshold-row{padding:6px 0;border-bottom:1px solid #14283a}.threshold-row>strong{font-size:11px;color:#c9d8e6}.threshold-row label span{display:none}.threshold-row input{text-align:center;font-weight:800}
@media(max-width:900px){.threshold-matrix{overflow-x:auto}.threshold-head,.threshold-row{min-width:780px}.alert-contact-grid{grid-template-columns:1fr}}

/* NAS storage rows follow live thresholds even after acknowledgement */
.nas-storage-table tr.storage-warning td{background:#2a210d!important;border-bottom-color:#6f5318;color:#fde68a;animation:storageWarnPulse 2.2s ease-in-out infinite}
.nas-storage-table tr.storage-critical td{background:#2b1115!important;border-bottom-color:#7f1d1d;color:#fecaca;animation:storageCritPulse 1.4s ease-in-out infinite}
.nas-storage-table tr.storage-warning td:first-child,.nas-storage-table tr.storage-critical td:first-child{font-weight:900}
.nas-storage-table tr.storage-warning td:last-child,.nas-storage-table tr.storage-critical td:last-child{font-weight:900}
@keyframes storageWarnPulse{50%{box-shadow:inset 0 0 0 1px #f59e0b55,0 0 12px #f59e0b18}}
@keyframes storageCritPulse{50%{box-shadow:inset 0 0 0 1px #ef444477,0 0 16px #ef444425}}
@media(prefers-reduced-motion:reduce){.nas-storage-table tr.storage-warning td,.nas-storage-table tr.storage-critical td{animation:none}}

body.nas-selected .nas-alert-chip b{font-size:11px!important;line-height:1.25}

/* unified pulsing storage rows */
.nas-storage-table tr.storage-warning td,.nas-storage-table tr.storage-critical td{border-left:0!important;border-right:0!important;border-bottom-color:transparent!important;box-shadow:none!important}
.nas-storage-table tr.storage-warning td:first-child,.nas-storage-table tr.storage-critical td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}
.nas-storage-table tr.storage-warning td:last-child,.nas-storage-table tr.storage-critical td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}
.nas-storage-table tr.storage-warning{background:#2a210d;animation:storageWarnRowPulse 2.2s ease-in-out infinite}
.nas-storage-table tr.storage-critical{background:#2b1115;animation:storageCritRowPulse 1.4s ease-in-out infinite}
.nas-storage-table tr.storage-warning td{background:transparent!important;color:#fde68a}.nas-storage-table tr.storage-critical td{background:transparent!important;color:#fecaca}
@keyframes storageWarnRowPulse{50%{box-shadow:inset 0 0 0 1px #f59e0b55,0 0 12px #f59e0b18}}
@keyframes storageCritRowPulse{50%{box-shadow:inset 0 0 0 1px #ef444477,0 0 16px #ef444425}}
@media(prefers-reduced-motion:reduce){.nas-storage-table tr.storage-warning,.nas-storage-table tr.storage-critical{animation:none}}

/* NAS storage row capsule highlight */
.nas-storage-table{border-collapse:separate;border-spacing:0 4px}
.nas-storage-table tr.storage-warning td,.nas-storage-table tr.storage-critical td{border-top:1px solid transparent!important;border-bottom:1px solid transparent!important}
.nas-storage-table tr.storage-warning td:first-child{border-left:1px solid #8a6518!important;border-top-left-radius:10px;border-bottom-left-radius:10px}
.nas-storage-table tr.storage-warning td:last-child{border-right:1px solid #8a6518!important;border-top-right-radius:10px;border-bottom-right-radius:10px}
.nas-storage-table tr.storage-critical td:first-child{border-left:1px solid #b91c1c!important;border-top-left-radius:10px;border-bottom-left-radius:10px}
.nas-storage-table tr.storage-critical td:last-child{border-right:1px solid #b91c1c!important;border-top-right-radius:10px;border-bottom-right-radius:10px}
.nas-storage-table tr.storage-warning td{border-top-color:#8a6518!important;border-bottom-color:#8a6518!important}
.nas-storage-table tr.storage-critical td{border-top-color:#b91c1c!important;border-bottom-color:#b91c1c!important}

/* Strong rounded storage alert pulse */
.nas-storage-table tr.storage-warning,.nas-storage-table tr.storage-critical{position:relative;isolation:isolate}
.nas-storage-table tr.storage-warning{animation:storageRowWarnPulse 1.5s ease-in-out infinite}
.nas-storage-table tr.storage-critical{animation:storageRowCritPulse 1.1s ease-in-out infinite}
.nas-storage-table tr.storage-warning td,.nas-storage-table tr.storage-critical td{animation:none!important;border-top:1px solid transparent!important;border-bottom:1px solid transparent!important}
.nas-storage-table tr.storage-warning td:first-child{border-left:1px solid #d69b18!important;border-radius:10px 0 0 10px!important}
.nas-storage-table tr.storage-warning td:last-child{border-right:1px solid #d69b18!important;border-radius:0 10px 10px 0!important}
.nas-storage-table tr.storage-critical td:first-child{border-left:1px solid #dc2626!important;border-radius:10px 0 0 10px!important}
.nas-storage-table tr.storage-critical td:last-child{border-right:1px solid #dc2626!important;border-radius:0 10px 10px 0!important}
@keyframes storageRowWarnPulse{0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(245,158,11,0))}50%{filter:brightness(1.28) drop-shadow(0 0 9px rgba(245,158,11,.65))}}
@keyframes storageRowCritPulse{0%,100%{filter:brightness(1) drop-shadow(0 0 0 rgba(239,68,68,0))}50%{filter:brightness(1.38) drop-shadow(0 0 11px rgba(239,68,68,.78))}}
@media(prefers-reduced-motion:reduce){.nas-storage-table tr.storage-warning,.nas-storage-table tr.storage-critical{animation:none}}

/* Server measurements lazy history */
.measurements-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.measurements-head .section-title{margin:0}.measurements-all{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #29445d;border-radius:8px;background:#0a1725;color:#93c5fd;text-decoration:none;font-size:10px;font-weight:800}.measurements-all:hover{background:#153149;color:#fff}

/* Server services + applications in symbiosis */
.server-runtime-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin:0 0 20px;align-items:stretch}
.server-runtime-grid .runtime-panel{min-width:0;display:flex;flex-direction:column;padding:14px}
.server-runtime-grid .panel-head{margin-bottom:10px;flex:0 0 auto}
.server-runtime-grid .panel-head h2{font-size:15px}
.server-runtime-grid .runtime-scroll{height:520px;max-height:52vh;overflow:auto;border:1px solid #172b3d;border-radius:10px;background:#081522}
.server-runtime-grid .runtime-scroll table{min-width:720px}
.server-runtime-grid .runtime-scroll thead th{position:sticky;top:0;z-index:3;background:#0f1d2d;box-shadow:0 1px 0 #24384b}
.server-runtime-grid .runtime-scroll td,.server-runtime-grid .runtime-scroll th{padding:8px 9px;font-size:11px}
@media(max-width:1180px){.server-runtime-grid{grid-template-columns:1fr}.server-runtime-grid .runtime-scroll{height:420px;max-height:48vh}}

/* Runtime lists above domains/database + compact service descriptions */
.service-desc{display:inline-block;max-width:22ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;cursor:pointer;border-bottom:1px dotted #4f6d87}
.service-desc:hover{color:#dbeafe;border-bottom-color:#93c5fd}
.service-desc.expanded{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}

/* Server runtime tables: vertical scroll only, no horizontal scrolling */
.server-runtime-grid .runtime-scroll{overflow-y:auto!important;overflow-x:hidden!important}
.server-runtime-grid table{width:100%;min-width:0!important;table-layout:fixed}
.server-runtime-grid th,.server-runtime-grid td{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
.server-runtime-grid .runtime-panel:first-child th:nth-child(1),
.server-runtime-grid .runtime-panel:first-child td:nth-child(1){width:40ch;max-width:40ch}
.server-runtime-grid .runtime-panel:first-child td:nth-child(1){line-height:1.3}
.server-runtime-grid .runtime-panel:first-child th:nth-child(2),
.server-runtime-grid .runtime-panel:first-child td:nth-child(2){width:22ch}
.server-runtime-grid .runtime-panel:first-child th:nth-child(3),
.server-runtime-grid .runtime-panel:first-child td:nth-child(3){width:12ch}
.server-runtime-grid .runtime-panel:first-child th:nth-child(4),
.server-runtime-grid .runtime-panel:first-child td:nth-child(4){width:11ch}
.server-runtime-grid .runtime-panel:first-child th:nth-child(5),
.server-runtime-grid .runtime-panel:first-child td:nth-child(5){width:17ch}

/* Eipszis idle / refresh pulse */
.refresh-shine.pulse-now{animation:eipszisIconPulse 1.2s cubic-bezier(.22,.7,.25,1) both;transform-origin:center}
@keyframes eipszisIconPulse{
  0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px color-mix(in srgb,currentColor 20%,transparent))}
  35%{transform:scale(1.085);filter:drop-shadow(0 0 15px color-mix(in srgb,currentColor 55%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,currentColor 28%,transparent))}
  62%{transform:scale(1.035);filter:drop-shadow(0 0 12px color-mix(in srgb,currentColor 38%,transparent))}
}
@media(prefers-reduced-motion:reduce){.refresh-shine.pulse-now{animation:none}}

/* NAS installed applications */
body.nas-selected .nas-apps-panel{margin-top:18px;padding-top:16px;border-top:1px solid #20384e}
body.nas-selected .nas-apps-panel .panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}
body.nas-selected .nas-apps-panel .panel-head h3{margin:0;font-size:15px}
body.nas-selected .nas-apps-panel .panel-head p{margin:3px 0 0;color:#7f93a7;font-size:11px}
body.nas-selected .nas-apps-table{width:100%;table-layout:fixed}
body.nas-selected .nas-apps-table th:nth-child(1){width:34%}
body.nas-selected .nas-apps-table th:nth-child(2){width:28%}
body.nas-selected .nas-apps-table th:nth-child(3){width:23%}
body.nas-selected .nas-apps-table th:nth-child(4){width:15%}
body.nas-selected .nas-apps-table td{overflow-wrap:anywhere}

/* NAS identity hero + DSM update warning */
body.nas-selected .nas-system-hero{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid #29445d;border-radius:12px;background:linear-gradient(180deg,#0d1d2d,#091725)}
body.nas-selected .nas-system-hero>div{min-width:0}
body.nas-selected .nas-system-hero span{display:block;color:#7f96aa;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
body.nas-selected .nas-system-hero strong{display:flex;align-items:center;gap:9px;color:#f4f8fc;font-size:24px;line-height:1.15;overflow-wrap:anywhere}
body.nas-selected .nas-system-hero.update{border-color:#8a6518;background:linear-gradient(180deg,#2b220e,#171708);box-shadow:0 0 0 1px #f59e0b1c inset,0 0 24px #f59e0b10}
body.nas-selected .nas-system-hero.update .nas-system-dsm>strong{color:#fde68a}
body.nas-selected .nas-system-hero .nas-system-dsm small{display:block;margin-top:7px;color:#e8c56d;font-size:11px}
.dsm-update-pulse{flex:0 0 auto;width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;background:#f59e0b;color:#211500;font-style:normal;font:900 15px/1 system-ui;border:2px solid #5c4309;box-shadow:0 0 0 0 rgba(245,158,11,.55);animation:dsmUpdatePulse 1.35s ease-out infinite;cursor:help}
@keyframes dsmUpdatePulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.58);transform:scale(1)}55%{box-shadow:0 0 0 10px rgba(245,158,11,0);transform:scale(1.08)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0);transform:scale(1)}}
@media(max-width:760px){body.nas-selected .nas-system-hero{grid-template-columns:1fr}body.nas-selected .nas-system-hero strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.dsm-update-pulse{animation:none}}

/* Windows user sessions */
.windows-session-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:0 0 20px}
.windows-session-panel{min-width:0}.windows-session-panel .panel-head{align-items:flex-start}.windows-session-panel .panel-head h2{margin:0;font-size:15px}.windows-session-panel .panel-head p{margin:4px 0 0;color:#7f95a9;font-size:10px}
.windows-session-table{min-width:680px}.windows-session-table th,.windows-session-table td{padding:8px 9px;font-size:11px}.session-history-scroll{max-height:330px;overflow:auto}.session-history-scroll thead th{position:sticky;top:0;z-index:2}
.session-state{font-size:10px;font-weight:900;white-space:nowrap}.session-state.active{color:#86efac}.session-state.disconnected{color:#fbbf24}
@media(max-width:1250px){.windows-session-grid{grid-template-columns:1fr}}
.windows-agent-update-form{margin-top:7px}.windows-agent-update-form button{border:1px solid #31506c;border-radius:8px;background:#10283c;color:#bfdbfe;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.windows-agent-update-form button:hover{background:#173a56;color:#fff}

/* Compact server editor */
.server-edit-pencil{border:0;background:transparent;color:#7fa3c7;padding:0 3px;margin-left:4px;font-size:18px;line-height:1;cursor:pointer;vertical-align:1px}
.server-edit-pencil:hover{color:#d7eaff;transform:scale(1.08)}
.server-edit-overlay{position:fixed;inset:0;z-index:10050;background:rgba(2,9,17,.72);display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}
.server-edit-overlay[hidden]{display:none!important}
.server-edit-dialog{width:min(720px,96vw);background:#0d1d2d;border:1px solid #27435e;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.5);padding:20px}
.server-edit-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.server-edit-head small{color:#6f8ba6;font-size:10px;letter-spacing:.15em}.server-edit-head h2{margin:3px 0 0;font-size:20px}.server-edit-head>button{border:0;background:transparent;color:#8aa2ba;font-size:25px;line-height:1;padding:2px 6px;cursor:pointer}
.server-edit-grid{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid #1f3850;border-radius:10px;overflow:hidden}.server-edit-grid>div{padding:10px 12px;border-bottom:1px solid #1a3147}.server-edit-grid>div:nth-last-child(-n+2){border-bottom:0}.server-edit-label{background:#0a1724;color:#8ea6bc;font-size:12px;font-weight:700;display:flex;align-items:center}.server-edit-grid input[type=text],.server-edit-grid input:not([type]){width:100%}.server-edit-grid input[name]{width:100%;box-sizing:border-box}.server-edit-check{display:flex;align-items:center;gap:8px;min-height:34px}.server-edit-readonly{display:flex;align-items:center;color:#c6d5e3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.server-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px}.server-edit-actions .server-agent-update{margin-right:auto}
@media(max-width:650px){.server-edit-grid{grid-template-columns:1fr}.server-edit-grid>div{border-bottom:1px solid #1a3147!important}.server-edit-grid>div:last-child{border-bottom:0!important}.server-edit-label{padding-bottom:5px}.server-edit-actions{flex-wrap:wrap}.server-edit-actions .server-agent-update{width:100%;margin-right:0}}

/* Server detail header aligned with NAS detail */
body.page-server .server-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 12px}
body.page-server .server-detail-head h2{margin:5px 0 0;font-size:20px;display:flex;align-items:center;gap:5px}
body.page-server .server-detail-head>.agent-badge{margin-top:2px}
body.page-server .server-system-hero{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(220px,.9fr) minmax(180px,.75fr);gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid #29445d;border-radius:12px;background:linear-gradient(180deg,#0d1d2d,#091725)}
body.page-server .server-system-hero>div{min-width:0}
body.page-server .server-system-hero span{display:block;color:#7f96aa;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
body.page-server .server-system-hero strong{display:flex;align-items:center;gap:9px;color:#f4f8fc;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
body.page-server .server-system-hero small{display:block;margin-top:6px;color:#e8c56d;font-size:11px}
body.page-server .server-system-hero.update{border-color:#8a6518;background:linear-gradient(180deg,#2b220e,#171708);box-shadow:0 0 0 1px #f59e0b1c inset,0 0 24px #f59e0b10}
body.page-server .server-system-hero.update>div:first-child strong{color:#fde68a}
@media(max-width:980px){body.page-server .server-system-hero{grid-template-columns:1fr 1fr}body.page-server .server-system-hero>div:first-child{grid-column:1/-1}}
@media(max-width:620px){body.page-server .server-system-hero{grid-template-columns:1fr}body.page-server .server-system-hero>div:first-child{grid-column:auto}}

/* Server identity beside network + NAS host/IP */
body.page-server .server-primary-left{min-width:0;display:flex;flex-direction:column;gap:10px}
body.page-server .server-primary-left .server-system-hero{grid-template-columns:1fr;margin:0;padding:12px 14px}
body.page-server .server-primary-left .server-system-hero strong{font-size:17px}
body.page-server .server-primary-left .server-health-stats{margin:0}
body.page-server .server-token-refresh{margin:0 0 10px}
body.page-server .server-token-refresh button{font-size:10px}
body.nas-selected .nas-system-hero{grid-template-columns:repeat(2,minmax(0,1fr))}
body.nas-selected .nas-system-hero strong{font-size:18px}
body.nas-selected .nas-system-hero>div:nth-child(n+3){padding-top:8px;border-top:1px solid #20384e}
@media(max-width:650px){body.nas-selected .nas-system-hero{grid-template-columns:1fr}body.nas-selected .nas-system-hero>div:nth-child(n+2){padding-top:8px;border-top:1px solid #20384e}}

/* Server threshold alerts use Settings reference values */
.server-health-stats .stat.metric-warning{border-color:#8a6518;background:#2a210d;animation:serverMetricWarnPulse 1.8s ease-in-out infinite}
.server-health-stats .stat.metric-warning strong{color:#fde68a}
.server-health-stats .stat.metric-critical{border-color:#b91c1c;background:#2b1115;animation:serverMetricCritPulse 1.15s ease-in-out infinite}
.server-health-stats .stat.metric-critical strong{color:#fecaca}
@keyframes serverMetricWarnPulse{50%{box-shadow:0 0 0 2px #f59e0b38,0 0 18px #f59e0b2b;filter:brightness(1.12)}}
@keyframes serverMetricCritPulse{50%{box-shadow:0 0 0 2px #ef44445c,0 0 24px #ef444447;filter:brightness(1.22)}}
body.page-server .server-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:min(430px,45vw)}
body.page-server .server-alert-slot{display:flex;flex-direction:column;gap:6px;width:100%}
body.page-server .server-alert-chip{display:flex;justify-content:space-between;align-items:center;gap:9px;width:100%;padding:6px 8px;border:1px solid #7c5d17;border-radius:8px;background:#211b0d}
body.page-server .server-alert-chip.critical{border-color:#991b1b;background:#2b1115}
body.page-server .server-alert-chip.warning{border-color:#8a6518;background:#2a210d}
body.page-server .server-alert-chip.acknowledged{border-color:#27506b;background:#0b1b29;opacity:.82}
body.page-server .server-alert-chip b{display:block;font-size:10px;color:#f4f8fc}
body.page-server .server-alert-chip small{display:block;margin-top:2px;font-size:8px;color:#9fb3c6;line-height:1.25}
body.page-server .server-alert-chip form{margin:0;flex:0 0 auto}
body.page-server .server-alert-chip button{border:0;border-radius:6px;padding:5px 7px;background:#f8fafc;color:#172033;font-size:8px;font-weight:900;cursor:pointer}
@media(max-width:900px){body.page-server .server-detail-head{flex-direction:column}body.page-server .server-head-right{align-items:flex-start;min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.server-health-stats .stat.metric-warning,.server-health-stats .stat.metric-critical{animation:none}}

/* Compact server event chips + paged measurement history */
body.page-server .server-head-right{min-width:0;width:min(430px,38vw)}
body.page-server .server-alert-slot{width:100%;gap:5px}
body.page-server .server-alert-chip{min-height:34px;padding:5px 7px;border-radius:7px}
body.page-server .server-alert-chip>div{min-width:0;overflow:hidden}
body.page-server .server-alert-chip b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.page-server .server-alert-chip small{display:block;max-width:100%;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.page-server .server-alert-chip button{font-size:8px;padding:4px 6px;white-space:nowrap}
.measurements-head>div{min-width:0}.measurements-head>div>small{display:block;margin-top:3px;color:#7890a5;font-size:10px}
.measurements-table-wrap{max-height:560px;overflow:auto}.measurements-table-wrap thead th{position:sticky;top:0;z-index:2}
.measurements-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:10px 0 18px}
.measurements-pager a,.measurements-pager span{padding:7px 10px;border:1px solid #29445d;border-radius:8px;background:#0a1725;color:#93c5fd;text-decoration:none;font-size:10px;font-weight:800}
.measurements-pager span{color:#9db1c4;background:#081522}
@media(max-width:900px){body.page-server .server-head-right{width:100%}}
.event-log-link{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #31506c;border-radius:8px;background:#10283c;color:#bfdbfe;text-decoration:none;font-size:10px;font-weight:800}.event-log-link:hover{background:#173a56;color:#fff}.event-log-link.history{margin-top:8px;padding:5px 8px;font-size:9px}.measurement-actions{display:flex;gap:7px;flex-wrap:wrap}.measurement-proc{display:block;margin-top:2px;color:#7f95a9;font-size:9px}.measurements-table-wrap td:last-child{min-width:180px}
.measurement-proc-details,.process-meta-details{margin-top:3px}.measurement-proc-details summary,.process-meta-details summary{cursor:pointer;color:#7fb3df;font-size:9px}.measurement-proc-details div{margin-top:4px}.measurement-proc-details span{display:block;color:#71869f;font-size:8px}.measurement-proc-details code,.process-meta-details code,.process-meta-details small{display:block;margin-top:3px;white-space:normal;overflow-wrap:anywhere;word-break:break-all;color:#a9bfd3;font-size:8px}.process-meta-details{max-width:360px}

.sidebar nav a.nav-sub{margin-left:14px;padding-left:18px;font-size:13px;opacity:.92}
.client-add-panel{margin-bottom:18px}.client-add-panel .panel-head{margin-bottom:14px}
.client-add-form{display:grid;grid-template-columns:1.1fr 1.2fr .7fr 1.2fr auto;gap:12px;align-items:end}
.client-add-form label{display:grid;gap:6px;font-size:12px;color:#94a3b8}.client-add-form input,.client-add-form select{min-height:40px}
.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px}
.client-card{position:relative;min-height:132px;border:1px solid #23334d;border-radius:14px;background:#0b1626;transition:.16s ease;overflow:hidden}
.client-card:hover{transform:translateY(-2px);border-color:#38537a}.client-card.dragging{opacity:.5;transform:scale(.98)}
.client-card.online{box-shadow:inset 3px 0 #22c55e}.client-card.service-problem{box-shadow:inset 3px 0 #ef4444}.client-card.offline,.client-card.pending{box-shadow:inset 3px 0 #64748b}.client-card.role-server{border-color:#805b22}
.client-drag{position:absolute;right:8px;top:7px;color:#64748b;cursor:grab;z-index:2;font-weight:900;letter-spacing:-3px}
.client-main{display:flex;gap:12px;padding:16px;color:inherit;text-decoration:none;height:100%}
.client-pc-icon{position:relative;width:44px;height:38px;flex:0 0 44px;margin-top:18px}
.client-pc-icon i{position:absolute;inset:0 0 8px;border:2px solid #5d7394;border-radius:5px;background:#101f33}
.client-pc-icon b{position:absolute;left:11px;right:11px;bottom:0;height:3px;background:#5d7394;border-radius:3px}
.client-copy{min-width:0}.client-copy h3{margin:5px 0 1px;font-size:15px}.client-copy>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8fa3bf}
.client-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.client-tags span{padding:3px 6px;border-radius:6px;background:#13233a;color:#9eb7d8;font-size:10px;font-weight:800}
.client-mini{display:grid;grid-template-columns:repeat(3,auto);gap:7px;margin-top:9px;font-size:10px;color:#7489a8}.client-mini b{color:#d8e5f5}.client-mini .warn{color:#fdba74;font-weight:900}
.client-empty{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #263a57;border-radius:14px;color:#7f94b2}
@media(max-width:1100px){.client-add-form{grid-template-columns:1fr 1fr}.client-add-form button{grid-column:1/-1}}
@media(max-width:700px){.client-add-form{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr}}

.client-card-body{display:flex;align-items:flex-start;height:100%}
.client-remote{display:flex;align-items:center;justify-content:center;flex:0 0 64px;min-height:130px;text-decoration:none;cursor:pointer}
.client-remote:hover .client-pc-icon i{border-color:#60a5fa;box-shadow:0 0 14px #3b82f633}
.client-remote.disabled{cursor:default;opacity:.38}
.client-main{flex:1;min-width:0;padding-left:4px}
.client-main .client-copy{width:100%}


/* Kliensek menü: azonos behúzás és méret a többi főmenüvel */
.sidebar nav a.nav-sub{margin-left:0;padding-left:12px;font-size:inherit;opacity:1}

/* Kliens nézetváltó */
.client-viewbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-8px 0 14px}
.client-viewbar form{display:flex;gap:6px;padding:4px;background:#081522;border:1px solid #203047;border-radius:10px}
.client-viewbar button{border:0;background:transparent;color:#8fa3bf;padding:8px 12px;border-radius:7px;font-weight:800;cursor:pointer}
.client-viewbar button.active{background:#17304a;color:#fff}
.client-viewbar>span{font-size:11px;color:#71869f}
.view-hidden{display:none!important}

/* Szabadon rendezhető kliens térkép */
.client-map-stage{position:relative;width:100%;height:calc(100dvh - 190px);min-height:360px;max-height:calc(100dvh - 20px);margin-top:2px;border:1px solid #203047;border-radius:18px;background:
radial-gradient(circle at 50% 45%,rgba(37,99,235,.08),transparent 48%),
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
#081522;background-size:auto,32px 32px,32px 32px;overflow:hidden}
.client-map-node{position:absolute;transform:translate(-50%,-50%);width:128px;min-height:112px;padding:6px 7px 8px;border-radius:12px;text-align:center;touch-action:none;user-select:none;cursor:grab;z-index:2;transition:background .15s,box-shadow .15s,border-color .15s}
.client-map-node:hover{background:rgba(11,29,47,.85);z-index:20}.client-map-node.moving{cursor:grabbing;z-index:100;background:#0b1d2f;box-shadow:0 16px 45px #0009}
.client-map-icon-wrap{height:47px;display:grid;place-items:center}
.client-map-remote{position:relative;display:grid;place-items:center;width:58px;height:47px;border:1px solid transparent;border-radius:10px;text-decoration:none}.client-map-remote.disabled{opacity:.42;cursor:default}
.client-map-node .client-pc-icon{margin:0;width:50px;height:41px;flex:0 0 50px;color:#22c55e}
.client-map-node.offline .client-pc-icon,.client-map-node.pending .client-pc-icon{color:#64748b}
.client-map-node.service-problem .client-pc-icon{color:#ef4444}
.client-map-node.role-server .client-map-remote{border-color:#f59e0b;background:#f59e0b0d;box-shadow:0 0 0 2px #f59e0b12}
.client-map-node .client-pc-icon i{left:4px;right:4px;bottom:8px;height:auto;border-color:currentColor;box-shadow:0 0 11px color-mix(in srgb,currentColor 22%,transparent)}
.client-map-node .client-pc-icon b{left:10px;right:10px;background:currentColor}
.client-service-badge{position:absolute;right:-7px;top:-7px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#b91c1c;border:2px solid #081522;color:#fff;font:900 10px/1 system-ui;font-style:normal}
.client-map-label{display:block;text-decoration:none;min-width:0}.client-map-label strong{display:block;color:#f4f8fc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-map-label small{display:block;color:#7f97af;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.client-map-metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px;font-size:8px;color:#7890aa}
.client-map-metrics span{background:#0b1828;border-radius:6px;padding:3px}.client-map-metrics b{color:#dbe7f5}
.client-map-empty{position:absolute;inset:0;display:grid;place-items:center;color:#71869f}

/* Frissítési beállítás */
.refresh-settings-form{display:grid;gap:8px}.refresh-settings-form>label{font-size:12px;color:#9fb1c6}
.refresh-input-row{display:flex;align-items:center;gap:8px;margin-top:6px}.refresh-input-row input{width:110px;padding:9px 10px;border-radius:8px;border:1px solid #29405a;background:#081522;color:#fff}
.refresh-input-row span,.refresh-settings-form small{color:#71869f;font-size:11px}
@media(max-width:900px){.client-viewbar{align-items:flex-start;flex-direction:column}.client-map-stage{min-height:360px}.client-map-node{width:118px}}

.client-device-visual{opacity:1!important;cursor:default!important}
.client-title-link{display:block;text-decoration:none;color:inherit}
.client-title-link:hover h3{color:#93c5fd}
.client-remote-mini{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:#60a5fa;text-decoration:none;font-size:10px;font-weight:800}
.client-remote-mini:hover{color:#bfdbfe}.client-remote-mini.disabled{color:#64748b;cursor:default}
.client-map-remote-mini{display:inline-grid;place-items:center;width:24px;height:20px;margin-top:4px;border:1px solid #29405a;border-radius:6px;color:#60a5fa;text-decoration:none;font-size:12px}
.client-map-remote-mini:hover{border-color:#3b82f6;color:#bfdbfe;background:#10243a}.client-map-remote-mini.disabled{color:#475569;opacity:.55;cursor:default}


.client-action-row{display:flex;align-items:center;gap:6px;margin-top:6px}
.client-action-icon{display:inline-grid;place-items:center;width:26px;height:22px;border:1px solid #2b435c;border-radius:6px;color:#93c5fd;background:#0b1928;text-decoration:none;font-size:13px;font-weight:900;line-height:1}
.client-action-icon:hover{border-color:#3b82f6;background:#10243a;color:#dbeafe}
.client-action-icon.desktop{color:#86efac}
.client-action-icon.disabled{color:#475569;opacity:.55;cursor:default}
.client-map-actions{display:flex;justify-content:center;gap:5px;margin-top:4px}


.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.login-brand .watch-logo-mark,.login-brand .watch-logo-mark svg{width:52px;height:52px}
.login-brand b{display:block;letter-spacing:.08em;font-size:18px}
.login-brand small{display:block;color:#60a5fa;letter-spacing:.22em;font-size:10px;margin-top:2px}


.client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.client-toolbar .client-viewbar{margin:0;flex:1}
.client-new-button{border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;white-space:nowrap}
.client-new-button:hover{background:#1d4ed8}
.client-modal[hidden]{display:none!important}
.client-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}
.client-modal-backdrop{position:absolute;inset:0;background:rgba(2,8,18,.78);backdrop-filter:blur(3px)}
.client-modal-card{position:relative;z-index:1;width:min(620px,94vw);background:#0d1928;border:1px solid #29405a;border-radius:18px;padding:22px;box-shadow:0 28px 90px #000c}
.client-modal-card .panel-head{margin-bottom:14px}
.client-modal-card h2{margin:0}.client-modal-card p{margin:5px 0 0;color:var(--muted)}
.client-modal-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#8fa3bf;font-size:26px;cursor:pointer;line-height:1}
.client-modal-close:hover{color:#fff}
.client-modal .client-add-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.client-modal .client-add-form label{font-size:12px;color:#9fb1c6}
.client-modal .client-add-form input,.client-modal .client-add-form select{display:block;width:100%;margin-top:6px;background:#081522;border:1px solid #29405a;color:#fff;border-radius:9px;padding:10px}
.client-modal .client-add-form button[type=submit]{grid-column:1/-1;border:0;border-radius:9px;padding:11px 14px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}
body.modal-open{overflow:hidden}
@media(max-width:700px){.client-toolbar{align-items:stretch;flex-direction:column}.client-new-button{align-self:flex-end}.client-modal .client-add-form{grid-template-columns:1fr}}


/* Kliens állapot- és szerepkör jelzések */
.client-card .client-pc-icon{color:#22c55e}
.client-card .client-pc-icon i{border-color:currentColor}.client-card .client-pc-icon b{background:currentColor}
.client-card.offline .client-pc-icon,.client-card.pending .client-pc-icon{color:#64748b}
.client-card.service-problem .client-pc-icon{color:#ef4444}
.client-card.role-server .client-remote{margin:10px 0 10px 8px;min-height:110px;border:1px solid #f59e0b;border-radius:11px;background:#f59e0b0a}

/* Globális szolgáltatásfigyelés */
.service-settings-panel{max-width:980px}.service-settings-panel .panel-head p{margin:4px 0 0;color:#8096aa;font-size:11px}
.service-add-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1.2fr) auto;gap:10px;align-items:end;margin:16px 0}
.service-add-form label{display:grid;gap:6px;color:#8fa5b9;font-size:11px}.service-add-form label small{color:#647b91}
.service-add-form input{width:100%;padding:10px;border:1px solid #29445d;border-radius:8px;background:#071522;color:#fff}
.service-add-form button{min-height:39px;border:0;border-radius:8px;padding:0 15px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}
.service-settings-list{display:grid;gap:7px}.service-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #20364b;border-radius:10px;background:#091725}
.service-settings-row b{display:block;font-size:12px}.service-settings-row code{display:block;margin-top:3px;color:#7f99b0;font-size:10px}.service-settings-row form{margin:0}
.service-settings-empty{border:1px dashed #29405a;border-radius:10px}
@media(max-width:700px){.service-add-form{grid-template-columns:1fr}.service-settings-row{align-items:flex-start}}


/* Kliensenkénti szolgáltatáskapcsolók */
.client-service-monitor-panel{margin:14px 0}.client-service-monitor-panel .panel-head p{margin:4px 0 0;color:#8096aa;font-size:11px}
.client-service-monitor-form{display:grid;gap:12px}.client-service-monitor-list{display:grid;gap:7px}
.client-service-monitor-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid #20364b;border-radius:10px;background:#091725;cursor:pointer}
.client-service-monitor-row.healthy{border-color:#1e5138}.client-service-monitor-row.problem{border-color:#7f1d1d;background:#201014}.client-service-monitor-row.disabled{opacity:.6}
.client-service-monitor-row>input{position:absolute;opacity:0;pointer-events:none}
.service-toggle-ui{position:relative;width:32px;height:18px;border-radius:999px;background:#334155;transition:.15s}
.service-toggle-ui:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#cbd5e1;transition:.15s}
.client-service-monitor-row>input:checked+.service-toggle-ui{background:#167247}.client-service-monitor-row>input:checked+.service-toggle-ui:after{transform:translateX(14px);background:#fff}
.service-monitor-copy{min-width:0}.service-monitor-copy b{display:block;font-size:12px}.service-monitor-copy code{display:block;margin-top:2px;color:#7890a7;font-size:9px;overflow-wrap:anywhere}
.service-monitor-state{font-size:9px;font-weight:900;letter-spacing:.04em}.service-monitor-state.ok{color:#86efac}.service-monitor-state.down{color:#fca5a5}.service-monitor-state.disabled{color:#64748b}
@media(max-width:620px){.client-service-monitor-row{grid-template-columns:34px minmax(0,1fr)}.service-monitor-state{grid-column:2}}


/* Figyelés: szolgáltatások + alkalmazások */
.monitoring-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.application-add-form{display:grid;grid-template-columns:1fr .7fr 1fr auto;gap:10px;align-items:end;margin:16px 0}
.application-add-form label{display:grid;gap:6px;color:#8fa5b9;font-size:11px}
.application-add-form input,.application-add-form select{width:100%;padding:10px;border:1px solid #29445d;border-radius:8px;background:#071522;color:#fff;min-height:39px}
.application-add-form button{min-height:39px;border:0;border-radius:8px;padding:0 15px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}
.monitoring-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.monitoring-group{min-width:0}.monitoring-group-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px;padding:0 2px;color:#cbd8e7}
.monitoring-group-title b{font-size:12px}.monitoring-group-title span{font-size:10px;color:#7890a7}
.client-service-monitor-row.detected{border-color:#24577d;background:#0a1e31;opacity:1}
.service-monitor-state.detected{color:#7dd3fc}
.detected-monitor-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 4px;padding:9px 10px;border:1px solid #24577d;border-radius:10px;background:#0a1e31}
.detected-monitor-form button{border:0;border-radius:8px;background:#0e7490;color:#fff;padding:8px 11px;font-weight:900;cursor:pointer}
.detected-monitor-form small{color:#8fb1c9;font-size:10px}.compact-empty{padding:14px!important;font-size:11px}
@media(max-width:1100px){.monitoring-settings-grid,.monitoring-groups{grid-template-columns:1fr}.application-add-form{grid-template-columns:1fr 1fr}.application-add-form button{grid-column:1/-1}}
@media(max-width:650px){.application-add-form{grid-template-columns:1fr}}

/* Kliens Figyelés összecsukható panel + runtime keresők */
.client-service-monitor-panel{padding:0;overflow:hidden}
.client-service-monitor-panel>summary{list-style:none}
.client-service-monitor-panel>summary::-webkit-details-marker{display:none}
.monitoring-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;user-select:none}
.monitoring-summary>span:first-child{font-size:16px;font-weight:800}
.monitoring-summary-right{display:flex;align-items:center;gap:10px}
.monitoring-summary-right em{font-style:normal;background:#10283c;color:#93c5fd;border-radius:999px;padding:3px 8px;font-size:11px}
.monitoring-summary-right i{font-style:normal;color:#8fa5b9;font-size:22px;line-height:1;transition:transform .15s ease}
.client-service-monitor-panel[open] .monitoring-summary-right i{transform:rotate(180deg)}
.monitoring-body{padding:0 16px 16px;border-top:1px solid #1c3044}
.monitoring-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.monitoring-actions .detected-monitor-form{margin:0;padding:0;border:0;background:transparent}
.monitoring-actions .view-save-btn{margin-left:auto}
.server-runtime-grid .runtime-head{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,280px) auto;align-items:center;gap:12px}
.runtime-filter{width:100%;min-width:0;background:#071522;border:1px solid #29445d;color:#e5edf7;border-radius:8px;padding:7px 10px;font-size:11px;outline:none}
.runtime-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.14)}
.runtime-filter::placeholder{color:#647b91}
@media(max-width:760px){
  .server-runtime-grid .runtime-head{grid-template-columns:1fr auto}
  .server-runtime-grid .runtime-head .runtime-filter{grid-column:1/-1;grid-row:2}
  .monitoring-actions{align-items:stretch;flex-direction:column}
  .monitoring-actions .view-save-btn{margin-left:0}
  .monitoring-actions form,.monitoring-actions button{width:100%}
}


/* Eseménykereső + kezdőlapi gyors kliensfelvétel */
.event-search-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-4px 0 14px}
.event-search-bar input{width:min(420px,100%);background:#071522;border:1px solid #29445d;color:#e5edf7;border-radius:10px;padding:10px 12px;outline:none}
.event-search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.14)}
.event-search-bar span{min-width:54px;color:#7890a5;font-size:10px;text-align:right}
.overview-quick-client{position:fixed;right:22px;top:18px;z-index:420;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:11px;padding:10px 16px;font-weight:900;cursor:pointer;box-shadow:0 10px 28px #0006}
.overview-quick-client:hover{background:#1d4ed8}
body.page-overview .overview-tools{top:68px}
.quick-client-card{width:min(680px,94vw)}
.quick-client-card .quick-password{grid-column:1/-1}
@media(max-width:700px){.overview-quick-client{right:10px;top:10px;padding:9px 13px}.event-search-bar{justify-content:stretch}.event-search-bar input{width:100%}}


/* Publikus klienshozzáadás a belépési oldalon */
.login-shell{width:min(420px,90vw);position:relative}
.login-shell .login-card{width:100%}
.login-brand{display:flex;align-items:center;gap:13px}
.login-brand>div b{display:block;letter-spacing:.08em}
.login-brand>div small{display:block;color:#60a5fa;letter-spacing:.22em;font-size:10px;margin-top:2px}
.login-add-button{position:fixed;right:24px;top:20px;width:auto!important;margin:0!important;padding:11px 16px!important;border:1px solid #2563eb!important;background:#2563eb!important;box-shadow:0 10px 30px #0006;z-index:11000}
.login-add-button:hover{background:#1d4ed8!important}
.public-add-card{width:min(680px,94vw)}
.public-add-unlock{display:grid;gap:12px}
.public-add-unlock label{display:grid;gap:7px;color:#9fb1c6;font-size:12px}
.public-add-unlock input{width:100%;background:#081522;border:1px solid #29405a;color:#fff;border-radius:9px;padding:11px}
.public-add-unlock button{border:0;border-radius:9px;padding:11px 14px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}
.public-installer-result{display:grid;gap:10px}
.public-installer-result textarea{width:100%;min-height:120px;background:#071522;border:1px solid #29445d;color:#dbeafe;border-radius:9px;padding:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.public-installer-result small{color:#7890a5}
.public-installer-result button{justify-self:end}
@media(max-width:600px){.login-add-button{right:10px;top:10px;padding:9px 12px!important}.public-add-card{padding:18px}}
body.page-overview .overview-tools{top:16px}

/* Több szerveres klienskapcsolatok */
.client-server-picker-wrap{display:grid;gap:7px;grid-column:1/-1}
.client-server-picker-wrap>span{color:#9fb1c6;font-size:11px}
.client-server-picker-wrap>small{color:#6f879d;font-size:9px}
.client-server-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:190px;overflow:auto;padding:8px;border:1px solid #29405a;border-radius:10px;background:#071522}
.client-server-picker label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:8px 9px;border:1px solid #1d3348;border-radius:8px;background:#0b1928;color:#c9d8e7;cursor:pointer}
.client-server-picker label:hover{border-color:#3b82f6;background:#10243a}
.client-server-picker input{width:16px!important;height:16px!important;margin:0!important;accent-color:#3b82f6}
.client-server-picker span{font-size:11px;line-height:1.25}
.client-server-picker small{color:#7890a5;font-size:9px}
.client-server-picker em{grid-column:1/-1;padding:10px;color:#7890a5;font-size:10px;font-style:normal;text-align:center}
.client-links-card{width:min(620px,94vw)}
.client-links-card form{display:grid;gap:12px}
.client-links-actions{display:flex;justify-content:flex-end;gap:8px}
.client-links-actions button{border:0;border-radius:9px;padding:9px 13px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}
.client-links-actions .secondary{background:#223247;color:#cbd5e1}
.client-action-icon.client-links-open,.client-map-remote-mini.client-links-open{font-family:inherit;cursor:pointer;background:#0b1928}
.client-map-stage{isolation:isolate}
.client-map-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.client-map-links line{stroke:#4a6f91;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.75}
.client-map-links line.primary{stroke:#60a5fa;stroke-width:2.5;opacity:.9}
.client-map-links line.secondary{stroke:#64748b;stroke-dasharray:6 5;opacity:.75}
.client-map-node{z-index:2}
@media(max-width:650px){.client-server-picker{grid-template-columns:1fr}}


/* Kliensek grafikus térkép: teljes rendelkezésre álló terület + kamera */
body.page-clients .main{max-width:none;width:100%;margin:0;padding:18px 18px 12px}
body.page-clients header{margin-bottom:18px}
body.page-clients .client-toolbar{width:100%}
body.page-clients .client-map-stage{width:100%;overflow:hidden;cursor:grab;touch-action:none}
body.page-clients .client-map-stage.panning{cursor:grabbing}
.client-map-world{position:absolute;inset:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;z-index:2}
.client-map-world .client-map-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.client-map-world .client-map-node{z-index:2}
.client-map-zoom{position:absolute;top:12px;right:12px;z-index:250;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #29445d;border-radius:11px;background:rgba(7,17,31,.92);box-shadow:0 8px 24px #0007;backdrop-filter:blur(6px)}
.client-map-zoom-icon{display:grid;place-items:center;width:30px;height:30px;color:#93c5fd;font-size:21px;line-height:1;user-select:none}
.client-map-zoom button{height:30px;min-width:32px;border:1px solid #29445d;border-radius:7px;background:#0b1b2b;color:#dbeafe;font-weight:900;cursor:pointer}
.client-map-zoom button:hover{background:#13304a;border-color:#3b82f6}
.client-map-zoom button.fit{min-width:56px;font-size:10px}
.client-map-zoom button.fit.active{background:#123457;border-color:#3b82f6;color:#fff}
.client-map-empty{z-index:3;pointer-events:none}
@media(max-width:900px){body.page-clients .main{padding:14px 10px 10px}.client-map-zoom{top:8px;right:8px}}


/* Élő kliens-szerver forgalom + térképes LOD */
.client-link-label-layer{position:absolute;inset:0;z-index:120;pointer-events:none;overflow:hidden}
.client-link-label{position:absolute;transform:translate(-50%,-50%);display:grid;gap:2px;min-width:150px;max-width:220px;padding:5px 8px;border:1px solid #2d5374;border-radius:8px;background:rgba(6,19,32,.9);box-shadow:0 5px 16px #0006;text-align:center;white-space:nowrap;backdrop-filter:blur(4px)}
.client-link-label b{font-size:9px;color:#dbeafe;line-height:1.2}
.client-link-label small{font-size:7.5px;color:#7f9ab2;line-height:1.2}
.client-link-label.stale{opacity:.56;border-style:dashed}
.client-map-links line.traffic-active{filter:drop-shadow(0 0 3px rgba(96,165,250,.55))}
.client-map-stage.zoom-far .client-map-node .client-map-actions,
.client-map-stage.zoom-far .client-map-node .client-map-metrics{display:none}
.client-map-stage.zoom-far .client-map-node{min-height:72px}
.client-map-stage.zoom-far .client-link-label small{display:none}
.client-map-stage.zoom-very-far .client-map-node .client-map-label small,
.client-map-stage.zoom-very-far .client-link-label{display:none}
.client-map-stage.zoom-very-far .client-map-node{width:92px;min-height:58px}
.client-map-stage.zoom-very-far .client-map-icon-wrap{height:40px}
.client-map-stage.zoom-very-far .client-map-node .client-pc-icon{width:42px;height:34px;flex-basis:42px}

/* Crisp map camera v2: no bitmap-like scaling of nodes or text */
.client-map-world{transform:none!important;will-change:auto!important}
.client-map-world .client-map-node{transform:translate(-50%,-50%)!important}
.client-map-links line{vector-effect:non-scaling-stroke}
.client-map-stage.zoom-far .client-map-node{width:104px;min-height:76px;padding:5px}
.client-map-stage.zoom-far .client-map-node .client-map-actions,
.client-map-stage.zoom-far .client-map-node .client-map-metrics{display:none}
.client-map-stage.zoom-far .client-map-label strong{font-size:11px}
.client-map-stage.zoom-far .client-map-icon-wrap{height:42px}
.client-map-stage.zoom-far .client-map-node .client-pc-icon{width:44px;height:36px;flex-basis:44px}
.client-map-stage.zoom-very-far .client-map-node{width:58px;min-height:48px;padding:3px;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.client-map-stage.zoom-very-far .client-map-label,
.client-map-stage.zoom-very-far .client-map-actions,
.client-map-stage.zoom-very-far .client-map-metrics,
.client-map-stage.zoom-very-far .client-link-label{display:none!important}
.client-map-stage.zoom-very-far .client-map-icon-wrap{height:42px}
.client-map-stage.zoom-very-far .client-map-node .client-pc-icon{width:40px;height:33px;flex-basis:40px}

/* Arányos, éles térkép-zoom: a méretek valóban újraszámolódnak, nem bitmap-szerű transformmal nőnek */
.client-map-stage{--map-detail-scale:1}
.client-map-stage .client-map-node{
  width:calc(128px * var(--map-detail-scale))!important;
  min-height:calc(112px * var(--map-detail-scale))!important;
  padding:calc(6px * var(--map-detail-scale)) calc(7px * var(--map-detail-scale)) calc(8px * var(--map-detail-scale))!important;
  border-radius:calc(12px * var(--map-detail-scale))!important;
}
.client-map-stage .client-map-icon-wrap{
  height:calc(48px * var(--map-detail-scale))!important;
  margin-bottom:calc(2px * var(--map-detail-scale))!important;
}
.client-map-stage .client-map-node .client-pc-icon{
  width:calc(50px * var(--map-detail-scale))!important;
  height:calc(41px * var(--map-detail-scale))!important;
  flex-basis:calc(50px * var(--map-detail-scale))!important;
}
.client-map-stage .client-map-node .client-pc-icon i{
  left:calc(4px * var(--map-detail-scale))!important;
  right:calc(4px * var(--map-detail-scale))!important;
  bottom:calc(8px * var(--map-detail-scale))!important;
  border-width:max(1px,calc(2px * var(--map-detail-scale)))!important;
  border-radius:calc(5px * var(--map-detail-scale))!important;
}
.client-map-stage .client-map-node .client-pc-icon b{
  left:calc(10px * var(--map-detail-scale))!important;
  right:calc(10px * var(--map-detail-scale))!important;
  height:max(2px,calc(3px * var(--map-detail-scale)))!important;
}
.client-map-stage .client-map-label strong{
  font-size:calc(12px * var(--map-detail-scale))!important;
  line-height:1.2!important;
}
.client-map-stage .client-map-label small{
  font-size:calc(9px * var(--map-detail-scale))!important;
  margin-top:calc(1px * var(--map-detail-scale))!important;
}
.client-map-stage .client-map-metrics{
  gap:calc(4px * var(--map-detail-scale))!important;
  margin-top:calc(5px * var(--map-detail-scale))!important;
  font-size:calc(8px * var(--map-detail-scale))!important;
}
.client-map-stage .client-map-metrics span{
  border-radius:calc(6px * var(--map-detail-scale))!important;
  padding:calc(3px * var(--map-detail-scale))!important;
}
.client-map-stage .client-map-actions{
  gap:calc(4px * var(--map-detail-scale))!important;
}
.client-map-stage .client-map-actions .client-map-remote-mini{
  width:calc(24px * var(--map-detail-scale))!important;
  height:calc(24px * var(--map-detail-scale))!important;
  min-width:calc(24px * var(--map-detail-scale))!important;
  font-size:calc(11px * var(--map-detail-scale))!important;
}
.client-map-stage .client-service-badge{
  min-width:calc(17px * var(--map-detail-scale))!important;
  height:calc(17px * var(--map-detail-scale))!important;
  line-height:calc(17px * var(--map-detail-scale))!important;
  font-size:calc(9px * var(--map-detail-scale))!important;
}
.client-map-stage .client-link-label{
  min-width:calc(150px * var(--map-detail-scale))!important;
  max-width:calc(260px * var(--map-detail-scale))!important;
  padding:calc(5px * var(--map-detail-scale)) calc(8px * var(--map-detail-scale))!important;
  border-radius:calc(8px * var(--map-detail-scale))!important;
  gap:calc(2px * var(--map-detail-scale))!important;
}
.client-map-stage .client-link-label b{font-size:calc(9px * var(--map-detail-scale))!important}
.client-map-stage .client-link-label small{font-size:calc(7.5px * var(--map-detail-scale))!important}

/* Távoli nézetben továbbra is LOD: előbb részletek tűnnek el, nem a szöveget mossuk össze. */
.client-map-stage.zoom-far .client-map-node .client-map-actions,
.client-map-stage.zoom-far .client-map-node .client-map-metrics{display:none!important}
.client-map-stage.zoom-very-far .client-map-label,
.client-map-stage.zoom-very-far .client-map-actions,
.client-map-stage.zoom-very-far .client-map-metrics,
.client-map-stage.zoom-very-far .client-link-label{display:none!important}

/* Nyomtató leltár / monitorozás */
.printer-panel{margin:14px 0}
.printer-panel-head p{margin:4px 0 0;color:#8298ad;font-size:11px}
.printer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.printer-card{border:1px solid #29405a;border-radius:12px;background:#091725;padding:10px;display:grid;gap:9px}
.printer-card.ok{border-color:#1f5d46}
.printer-card.problem{border-color:#8f2525;background:#211116}
.printer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.printer-card-head>div{display:flex;align-items:center;gap:9px;min-width:0}
.printer-icon{font-size:24px;line-height:1}
.printer-card-head b{display:block;font-size:12px;color:#f2f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.printer-card-head small{display:block;color:#7890a5;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.printer-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.printer-card-body span{background:#071522;border-radius:7px;padding:6px 7px;color:#7790a8;font-size:9px}
.printer-card-body b{display:block;color:#dbe7f3;font-size:10px;margin-top:2px;overflow-wrap:anywhere}
.printer-error{border:1px solid #8f2525;background:#351216;color:#fecaca;border-radius:8px;padding:7px 8px;font-size:10px;font-weight:800}
.printer-card footer{display:flex;justify-content:space-between;gap:10px;color:#60788f;font-size:8px}
.printer-empty{padding:18px}

/* Nyomtatók a hálózati térképen */
.client-map-links line.printer-link{stroke:#4b657c;stroke-width:1.4;stroke-dasharray:3 4;opacity:.72;vector-effect:non-scaling-stroke}
.client-map-links line.printer-link.offline{stroke:#ef4444;opacity:.95}
.printer-map-node{position:absolute;z-index:3;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:1px;min-width:calc(70px * var(--map-detail-scale));max-width:calc(110px * var(--map-detail-scale));padding:calc(5px * var(--map-detail-scale));border:1px solid #34506a;border-radius:calc(9px * var(--map-detail-scale));background:rgba(7,21,34,.94);box-shadow:0 4px 14px #0005;user-select:none;pointer-events:auto}
.printer-map-node.online{border-color:#277455}
.printer-map-node.problem{border-color:#b32b2b;background:rgba(46,13,18,.95);box-shadow:0 0 12px #ef444433}
.printer-map-icon{font-size:calc(22px * var(--map-detail-scale));line-height:1.05}
.printer-map-node strong{display:block;max-width:100%;color:#e7f0f7;font-size:calc(8.5px * var(--map-detail-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.printer-map-node small{display:block;max-width:100%;color:#7590a7;font-size:calc(7px * var(--map-detail-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-map-stage.zoom-far .printer-map-node strong,
.client-map-stage.zoom-far .printer-map-node small{display:none}
.client-map-stage.zoom-far .printer-map-node{min-width:auto;padding:calc(3px * var(--map-detail-scale));background:transparent;border-color:transparent;box-shadow:none}
.client-map-stage.zoom-very-far .printer-map-node{display:none!important}
@media(max-width:700px){.printer-grid{grid-template-columns:1fr}}

.auth-switch{margin-top:18px!important;text-align:center}.auth-switch a,.register-button{color:#93c5fd;text-decoration:none;font-weight:800}.register-button{display:block;text-align:center;margin-top:16px;padding:11px;border:1px solid #29405a;border-radius:10px}.invite-link{margin:14px 0;padding:14px;border:1px solid #2563eb;border-radius:12px;background:#0b213b}.invite-link input{width:100%;margin-top:6px}.user-invite-form{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end;margin:18px 0}.user-invite-form label{display:grid;gap:5px;color:#8ca0b8;font-size:12px}.user-invite-form input,.user-invite-form select{padding:10px;background:#081522;border:1px solid #29405a;border-radius:8px;color:#fff}.user-invite-form button{padding:11px 16px}.user-list{display:grid;gap:6px}.user-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#091522;border:1px solid #17273a;border-radius:9px}.user-list span{display:grid}.user-list small{color:#71869f}.user-list strong{font-size:11px;text-transform:uppercase;color:#93c5fd}@media(max-width:700px){.user-invite-form{grid-template-columns:1fr}}

/* Nyomtató térkép: mozgatható ikon + adatlap */
.printer-map-node{cursor:pointer;touch-action:none}
.printer-map-node.moving{cursor:grabbing;z-index:20;box-shadow:0 0 0 2px #60a5fa88,0 12px 30px #0009}
.printer-map-node:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}
.printer-info-card{width:min(720px,94vw)}
.printer-info-status{display:inline-flex;align-items:center;margin:0 0 14px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em}
.printer-info-status.ok{background:#103426;color:#86efac;border:1px solid #277455}
.printer-info-status.problem{background:#3a1318;color:#fecaca;border:1px solid #b32b2b}
.printer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.printer-info-grid>div{display:grid;gap:3px;padding:9px 10px;border:1px solid #20364c;border-radius:9px;background:#091624;min-width:0}
.printer-info-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#7890a8}
.printer-info-grid b{font-size:12px;color:#edf5fb;overflow-wrap:anywhere}
.printer-info-description{margin-top:12px;padding:10px;border-radius:9px;background:#081522;border:1px solid #20364c;color:#9fb1c6;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.printer-info-grid{grid-template-columns:1fr}}
.server-security-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 18px}.server-security-actions form{margin:0}.server-security-actions small{opacity:.7}.server-security-actions button[disabled]{opacity:.55;cursor:not-allowed}

/* IP tiltólista – valódi zászló + magyar országnév */
.ip-country{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;cursor:help}
.ip-country img{width:24px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.14);vertical-align:middle}
.ip-country>span:not(.ip-country-globe){font-weight:700;color:#dbe7f5}
.ip-country small{color:#71869f;font-size:9px;font-weight:800}
.ip-country-globe{font-size:18px;line-height:1}

/* Security központ */
.security-stats{margin-bottom:16px}
.security-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.security-source-card{border-top:3px solid #475569}.security-source-card.ok{border-top-color:#22c55e}.security-source-card.problem{border-top-color:#ef4444}.security-source-card.pending{border-top-color:#64748b}
.security-source-card .panel-head{margin-bottom:12px}.security-source-card .panel-head p{margin:4px 0 0;color:#8294aa;font-size:12px}
.security-source-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.security-source-metrics span{display:flex;flex-direction:column;gap:3px;color:#8294aa;font-size:11px}.security-source-metrics span:last-child{grid-column:1/-1}.security-source-metrics b{color:#dce8f7;font-size:13px}
.security-client-panel,.security-recent-panel,.web-block-panel,.client-security-panel{margin-top:16px}
.security-yes{color:#4ade80;font-weight:800}.security-no{color:#fb7185;font-weight:800}
.security-event-list{display:grid;gap:7px}.security-event-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid #1d2938}.security-event-row:last-child{border-bottom:0}.security-event-row div{display:flex;flex-direction:column}.security-event-row small,.security-event-row time{color:#7d90a7;font-size:11px}
.web-block-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto auto;gap:12px;align-items:end;margin:15px 0}.web-block-form label{display:grid;gap:5px;font-size:12px;color:#91a4ba}.web-block-form input,.web-block-form select,.client-web-block-form input{width:100%}.web-block-check{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important;white-space:nowrap;padding-bottom:9px}.web-block-check input{width:auto}
.security-note{margin-top:12px;padding:10px 12px;border-radius:9px;background:#0b1725;color:#8ca0b7;font-size:12px}
.client-security-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.client-security-tile{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid #253346;border-radius:10px;background:#0b1420}.client-security-tile.ok{border-color:#1f5b3b}.client-security-tile.problem{border-color:#5a2b35}.client-security-tile span,.client-security-tile small{color:#8294aa;font-size:11px}.client-security-tile strong{font-size:15px;color:#e6eef8}
.client-security-subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #243143}.client-security-subhead div{display:flex;flex-direction:column}.client-security-subhead small{color:#8294aa;margin-top:3px}.client-security-subhead a{font-size:12px}
.client-web-block-form{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center;margin-top:10px}.client-web-block-form label{display:flex;align-items:center;gap:6px;font-size:12px;color:#91a4ba}.client-web-block-form label input{width:auto}.client-web-block-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.client-web-block-chips span{padding:5px 8px;border-radius:999px;background:#172337;border:1px solid #2a3a50;color:#b8c7d9;font-size:11px}
@media(max-width:1000px){.security-source-grid,.client-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-block-form{grid-template-columns:1fr 1fr}.client-web-block-form{grid-template-columns:1fr}}
@media(max-width:620px){.security-source-grid,.client-security-grid,.web-block-form{grid-template-columns:1fr}.security-event-row{grid-template-columns:80px 1fr}.security-event-row time{grid-column:2}.client-security-subhead{align-items:flex-start;flex-direction:column}}

.threat-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid #6d3c24;background:#2b1a12;color:#ffb36b;font-size:10px;font-weight:900;white-space:nowrap}

.ip-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:14px 0 4px}.ip-pagination a,.ip-pagination span{padding:7px 11px;border-radius:8px;border:1px solid #2b3b51;background:#101b2a;font-size:12px}.ip-pagination a.disabled{opacity:.35;pointer-events:none}

/* Docker: figyelt, de nem futó konténer vizuális riasztása */
@keyframes dockerWatchedDownPulse{
  0%,100%{border-color:#7f1d1d;box-shadow:0 0 0 0 rgba(239,68,68,.05),0 10px 28px #0002}
  50%{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.18),0 0 22px rgba(239,68,68,.16),0 10px 28px #0002}
}
@keyframes dockerWatchedDownBadgePulse{
  0%,100%{background:#451a1a;color:#fecaca;box-shadow:0 0 0 0 rgba(239,68,68,.10)}
  50%{background:#7f1d1d;color:#fff;box-shadow:0 0 0 4px rgba(239,68,68,.14)}
}
.docker-card.watched-down{
  border-width:1px;
  animation:dockerWatchedDownPulse 1.6s ease-in-out infinite;
}
.docker-card.watched-down .status.down{
  animation:dockerWatchedDownBadgePulse 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion:reduce){
  .docker-card.watched-down,.docker-card.watched-down .status.down{animation:none}
  .docker-card.watched-down{border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.18),0 10px 28px #0002}
  .docker-card.watched-down .status.down{background:#7f1d1d;color:#fff}
}

/* Figyelt, de leállt Docker konténer – erős vizuális riasztás */
.docker-card.watched-down{
  border:2px solid #ef4444 !important;
  box-shadow:0 0 0 1px rgba(239,68,68,.28),0 0 18px rgba(239,68,68,.24),0 10px 28px #0004;
  animation:dockerWatchedDownPulse 1.35s ease-in-out infinite;
}
.docker-card.watched-down .docker-head .status.down{
  background:#5f141b;
  color:#fecaca;
  box-shadow:0 0 0 1px rgba(248,113,113,.35),0 0 12px rgba(239,68,68,.22);
  animation:dockerExitedPulse 1.35s ease-in-out infinite;
}
@keyframes dockerWatchedDownPulse{
  0%,100%{border-color:#dc2626;box-shadow:0 0 0 1px rgba(239,68,68,.22),0 0 12px rgba(239,68,68,.16),0 10px 28px #0004}
  50%{border-color:#ff6b6b;box-shadow:0 0 0 2px rgba(248,113,113,.40),0 0 30px rgba(239,68,68,.48),0 10px 28px #0004}
}
@keyframes dockerExitedPulse{
  0%,100%{filter:brightness(.95)}
  50%{filter:brightness(1.45);box-shadow:0 0 18px rgba(239,68,68,.55)}
}
@media (prefers-reduced-motion:reduce){
  .docker-card.watched-down,.docker-card.watched-down .docker-head .status.down{animation:none}
}

/* Server detail – külső/belső IP egymás mellett */
body.page-server .server-system-hero .server-ip-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body.page-server .server-system-hero .server-ip-pair>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid #20384e;
  border-radius:9px;
  background:#0a1825;
}
body.page-server .server-system-hero .server-ip-pair strong{
  font-size:15px;
  white-space:nowrap;
}
@media(max-width:520px){
  body.page-server .server-system-hero .server-ip-pair{grid-template-columns:1fr}
}

/* Kliensek – helyszínválasztó + logikai hálózati switch */
.client-site-toolbar{display:flex;align-items:center;justify-content:flex-start;margin:0 0 12px}
.client-site-picker{display:flex;align-items:center;gap:8px;min-width:min(520px,100%);padding:7px 8px 7px 11px;border:1px solid #274058;border-radius:12px;background:#0a1724;box-shadow:0 6px 18px #0003}
.client-site-picker-icon{color:#6f8ca6;font-size:16px}
.client-site-picker input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#eef6ff;font-size:13px;font-weight:700;padding:7px 4px}
.client-site-picker input::placeholder{color:#637c94}
.client-site-picker button{border:1px solid #315b80;border-radius:8px;background:#10263b;color:#bfdbfe;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}
.client-site-picker button:hover{border-color:#3b82f6;background:#15334f}
.client-header-new{padding:9px 14px}
.client-switch-node{position:absolute;z-index:4;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;touch-action:none;user-select:none;cursor:grab}
.client-switch-node.moving{cursor:grabbing;z-index:100}
.client-switch-node small{font-size:7px;font-weight:900;letter-spacing:.12em;color:#6f8ca6}
.client-switch-icon{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:66px;height:32px;padding:7px 8px;border:1px solid #3f627f;border-radius:7px;background:linear-gradient(180deg,#173047,#0b1c2b);box-shadow:0 5px 16px #0006,0 0 0 1px #ffffff08 inset}
.client-switch-icon:before{content:"";position:absolute;left:7px;right:7px;top:4px;height:2px;border-radius:3px;background:#284862}
.client-switch-icon i{display:block;height:7px;margin-top:6px;border:1px solid #6687a2;border-radius:2px;background:#07111c;box-shadow:inset 0 0 0 1px #02070c}
.client-switch-icon i:nth-child(1),.client-switch-icon i:nth-child(5){border-color:#22c55e}
.client-map-links line.switch-uplink{stroke:#22c55e;stroke-width:2.6;opacity:.88}
.client-map-links line.client-switch-link{stroke:#60a5fa;stroke-width:2.1;opacity:.82}
.client-map-links line.client-switch-link.secondary{stroke:#64748b;stroke-dasharray:6 5;opacity:.72}
.client-map-stage.zoom-far .client-switch-node small{display:none}
.client-map-stage.zoom-far .client-switch-icon{transform:scale(.78)}
.client-map-stage.zoom-very-far .client-switch-node{display:none!important}
@media(max-width:700px){.client-site-picker{min-width:100%}.client-site-toolbar{width:100%}}

.client-map-remote.client-device-visual{cursor:pointer}
.client-map-remote.client-device-visual:hover{border-color:#3b82f6!important;background:#10243a!important;box-shadow:0 0 16px #3b82f644!important}
.client-map-remote.client-device-visual:hover .client-pc-icon{filter:brightness(1.25)}

/* Kliensek – saját kereshető Étterem / Hotel választó */
.client-site-toolbar{justify-content:flex-end!important;margin:0 0 12px}
.client-site-picker{
  position:relative;
  width:min(460px,100%);
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:7px 8px 7px 12px;
  border:1px solid #274058;
  border-radius:12px;
  background:#0a1724;
  box-shadow:0 6px 18px #0003;
  transition:border-color .15s,box-shadow .15s;
}
.client-site-picker.open{
  border-color:#3b82f6;
  box-shadow:0 0 0 2px #3b82f61f,0 8px 24px #0005;
}
.client-site-picker input{
  width:100%;
  min-width:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#eef6ff!important;
  font-size:13px;
  font-weight:800;
  padding:7px 2px!important;
  box-shadow:none!important;
}
.client-site-picker-icon{color:#6f8ca6;font-size:15px}
.client-site-toggle{
  width:34px;height:32px;
  display:grid;place-items:center;
  padding:0!important;
  border:0!important;
  border-left:1px solid #274058!important;
  border-radius:0!important;
  background:transparent!important;
  color:#9cb3c8!important;
  font-size:18px!important;
  cursor:pointer;
}
.client-site-picker.open .client-site-toggle{color:#dbeafe!important}
.client-site-dropdown{
  position:absolute;
  z-index:1000;
  left:-1px;right:-1px;
  top:calc(100% + 5px);
  max-height:320px;
  overflow:auto;
  padding:5px;
  border:1px solid #274058;
  border-radius:12px;
  background:#0a1724;
  box-shadow:0 18px 45px #000a;
}
.client-site-dropdown[hidden]{display:none!important}
.client-site-option{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 11px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#e6f0fa;
  text-align:left;
  cursor:pointer;
}
.client-site-option:hover,.client-site-option:focus-visible{
  outline:0;
  background:#10263b;
}
.client-site-option.active{background:#132d47;color:#fff}
.client-site-option span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
}
.client-site-option small{
  flex:0 0 auto;
  color:#68849c;
  font-size:9px;
}
.client-site-dropdown.empty:after{
  content:"Nincs találat";
  display:block;
  padding:12px;
  color:#71869f;
  text-align:center;
  font-size:11px;
}
@media(max-width:700px){
  .client-site-toolbar{justify-content:stretch!important}
  .client-site-picker{width:100%}
}

/* Áttekintő + gomb: jobb alsó sarok, menü felfelé */
body.page-overview .overview-tools{right:18px;top:16px}
body.page-overview .overview-tools .installer-tool{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:520;
}
body.page-overview .overview-tools .installer-quick-menu{
  right:0;
  top:auto;
  bottom:50px;
  width:170px;
}
body.page-overview .overview-tools .installer-quick-menu:after{
  content:"";
  position:absolute;
  right:14px;
  bottom:-6px;
  width:10px;height:10px;
  background:#0a1725;
  border-right:1px solid #29445d;
  border-bottom:1px solid #29445d;
  transform:rotate(45deg);
}
.event-search-bar{justify-content:flex-end!important}
.event-search-bar span{order:0}
.event-search-bar input{order:1;margin-left:0}
@media(max-width:700px){
  body.page-overview .overview-tools .installer-tool{right:12px;bottom:12px}
  .event-search-bar{justify-content:stretch!important}
}

/* Kliensek – 3 mp-es CPU/RAM élő kijelzés */
.client-map-metrics b.metric-updated{animation:clientMetricUpdated .65s ease-out}
@keyframes clientMetricUpdated{
  0%{color:#fff;text-shadow:0 0 9px #60a5fa}
  100%{color:inherit;text-shadow:none}
}

/* TeamViewer gyorskapcsolat */
.client-map-remote-mini.teamviewer,.client-action-icon.teamviewer{
  background:#0b65d8!important;
  border-color:#2f80ed!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:-.04em;
}
.client-map-remote-mini.teamviewer:hover,.client-action-icon.teamviewer:hover{
  background:#1677ef!important;
  box-shadow:0 0 12px rgba(47,128,237,.48);
}

/* Kliens adatlap – információs futó alkalmazások, incidens nélkül */
.observed-app-group{margin-bottom:12px}
.client-observed-app-list{display:grid;gap:6px}
.client-observed-app-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:7px 9px;
  border:1px solid #20384e;
  border-radius:9px;
  background:#091723;
}
.observed-app-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e88}
.observed-app-copy{min-width:0;display:grid;gap:2px}
.observed-app-copy b{font-size:12px;color:#e8f3ff}
.observed-app-copy code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#728da5;font-size:10px}
.observed-app-version{
  padding:4px 7px;
  border:1px solid #29445d;
  border-radius:7px;
  background:#0d2030;
  color:#b9d5ec;
  font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space:nowrap;
}
@media(max-width:680px){
  .client-observed-app-row{grid-template-columns:auto minmax(0,1fr) auto}
  .observed-app-version{grid-column:2}
  .client-observed-app-row .service-monitor-state{grid-column:3;grid-row:1}
}

/* Események / IP tiltólista – országstatisztika */
.event-search-left{margin-right:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ip-country-open{
  display:inline-flex;align-items:center;gap:7px;
  min-height:38px;padding:8px 12px;
  border:1px solid #29445d;border-radius:9px;
  background:#0a1724;color:#dbeafe;
  font-size:12px;font-weight:800;cursor:pointer;
}
.ip-country-open:hover{border-color:#3b82f6;background:#10263b}
.ip-country-open span{font-size:16px;line-height:1}

.ip-country-modal{
  position:fixed;z-index:1400;inset:0;
  display:flex;align-items:center;justify-content:center;
  padding:28px;
  background:rgba(2,8,15,.78);
  backdrop-filter:blur(5px);
}
.ip-country-modal[hidden]{display:none!important}
.ip-country-dialog{
  position:relative;width:min(920px,96vw);max-height:min(82vh,860px);
  display:flex;flex-direction:column;
  border:1px solid #29445d;border-radius:16px;
  background:#081522;box-shadow:0 24px 80px #000b;
  overflow:hidden;
}
.ip-country-close{
  position:absolute;right:14px;top:12px;z-index:2;
  width:34px;height:34px;border:1px solid #2a4359;border-radius:9px;
  background:#0d1e2d;color:#b9cada;font-size:22px;line-height:1;cursor:pointer;
}
.ip-country-close:hover{border-color:#ef4444;color:#fecaca}
.ip-country-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  padding:20px 58px 16px 20px;border-bottom:1px solid #1d3245;
}
.ip-country-kicker{display:block;margin-bottom:4px;color:#7791aa;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ip-country-head h2{margin:0;font-size:22px;color:#eef6ff}
.ip-country-totals{text-align:right;display:grid;gap:3px}
.ip-country-totals b{font-size:18px;color:#fff}
.ip-country-totals span{font-size:10px;color:#7890a5}
.ip-country-chart{overflow:auto;padding:15px 20px 18px;display:grid;gap:8px}
.ip-country-bar-row{
  display:grid;grid-template-columns:190px minmax(180px,1fr) 70px;
  align-items:center;gap:12px;min-height:42px;
}
.ip-country-bar-label{display:flex;align-items:center;gap:9px;min-width:0}
.ip-country-bar-label img{width:25px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.13)}
.ip-country-bar-globe{width:25px;text-align:center;font-size:17px}
.ip-country-bar-label>span{display:grid;min-width:0}
.ip-country-bar-label b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#dce9f7}
.ip-country-bar-label small{font-size:9px;color:#668198}
.ip-country-bar-track{position:relative;height:18px;border-radius:5px;background:#0d2131;overflow:hidden;box-shadow:inset 0 0 0 1px #18344b}
.ip-country-bar-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#2563eb,#38bdf8);box-shadow:0 0 14px #2563eb55}
.ip-country-bar-row>strong{text-align:right;font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#eaf4ff}
.ip-country-foot{padding:11px 20px;border-top:1px solid #1d3245;color:#647e95;font-size:9px}
@media(max-width:700px){
  .event-search-bar{flex-wrap:wrap}
  .event-search-left{width:100%;margin-right:0}
  .ip-country-open{width:100%;justify-content:center}
  .ip-country-modal{padding:10px}
  .ip-country-head{align-items:flex-start;flex-direction:column;padding-right:52px}
  .ip-country-totals{text-align:left}
  .ip-country-bar-row{grid-template-columns:125px minmax(90px,1fr) 52px;gap:7px}
  .ip-country-bar-label img{display:none}
}

.event-search-bar .ip-country-open span{min-width:0!important;color:inherit!important;font-size:16px!important;text-align:initial!important}

/* Egységes Watch kereshető választó */
.watch-search-picker{
  position:relative;width:100%;min-width:0;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;
  min-height:40px;padding:4px 7px 4px 10px;
  border:1px solid #29445d;border-radius:10px;background:#071522;
  transition:border-color .15s,box-shadow .15s;
}
.watch-search-picker.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61c}
.watch-search-icon{color:#6f8ca6;font-size:14px}
.watch-search-input{
  width:100%!important;min-width:0!important;margin:0!important;
  padding:7px 3px!important;border:0!important;outline:0!important;
  background:transparent!important;color:#eef6ff!important;box-shadow:none!important;
  font-size:12px!important;font-weight:700!important;
}
.watch-search-toggle{
  width:32px!important;height:30px!important;min-width:32px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center;border:0!important;border-left:1px solid #29445d!important;
  border-radius:0!important;background:transparent!important;color:#9cb3c8!important;font-size:17px!important;cursor:pointer;
}
.watch-search-dropdown{
  position:absolute;z-index:1600;left:-1px;right:-1px;top:calc(100% + 5px);
  max-height:290px;overflow:auto;padding:5px;
  border:1px solid #29445d;border-radius:10px;background:#0a1724;box-shadow:0 18px 45px #000a;
}
.watch-search-dropdown[hidden]{display:none!important}
.watch-search-option{
  width:100%!important;min-height:38px!important;margin:0!important;padding:8px 10px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  border:0!important;border-radius:7px!important;background:transparent!important;color:#e6f0fa!important;
  text-align:left!important;cursor:pointer!important;
}
.watch-search-option:hover,.watch-search-option:focus-visible{outline:0;background:#10263b!important}
.watch-search-option.active{background:#132d47!important}
.watch-search-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}
.watch-search-option small{flex:0 0 auto;color:#68849c;font-size:9px}
.watch-search-dropdown.empty:after{content:"Nincs találat";display:block;padding:11px;color:#71869f;text-align:center;font-size:10px}
.watch-search-picker.disabled{opacity:.45;pointer-events:none}
.watch-picker-help{display:block;margin-top:5px;color:#6f879d;font-size:9px}

/* VM jelölések */
.vm-badge{
  display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:3px 7px;
  border:1px solid #6d4fb4;border-radius:999px;background:#201638;color:#d8c8ff;
  font-size:9px;font-weight:900;letter-spacing:.05em;vertical-align:middle;
}
.vm-host-note{display:inline-flex;align-items:center;gap:5px;color:#9eb3ca;font-size:10px}
.vm-host-note a{color:#bfdbfe;text-decoration:none;font-weight:800}
.client-tags .vm-tag{border-color:#6546a6!important;background:#21183a!important;color:#d7c7ff!important}
.client-map-vm{
  position:absolute;right:-7px;top:-7px;z-index:4;
  min-width:24px;height:18px;padding:0 5px;display:grid;place-items:center;
  border:1px solid #7658ba;border-radius:999px;background:#241943;color:#e5dbff;
  font-size:8px;font-weight:900;box-shadow:0 2px 8px #0008;
}
.server-edit-vm-host[hidden]{display:none!important}

.client-map-links line.virtual-host-link{stroke:#a78bfa;stroke-width:1.8;stroke-dasharray:8 5;opacity:.78;vector-effect:non-scaling-stroke}

@media(max-width:700px){
  .event-search-left{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .event-search-left .ip-country-open{width:100%;justify-content:center}
}

/* Watch performance + compact client workspace */
.event-tabs .event-tab-performance{margin-left:auto}
.perf-dashboard{display:grid;gap:10px}
.perf-dashboard .panel-head{margin-bottom:6px}
.perf-row{display:grid;grid-template-columns:210px minmax(180px,1fr) 90px;gap:14px;align-items:center;padding:10px 12px;border:1px solid #20384f;border-radius:11px;background:#091522}
.perf-name small{display:block;margin-top:3px;color:#7890a5;font-size:10px}
.perf-bar-track{height:14px;border-radius:999px;background:#07111f;overflow:hidden}
.perf-bar-track span{display:block;height:100%;border-radius:999px}.perf-bar-track span.fast{background:#22c55e}.perf-bar-track span.warn{background:#f59e0b}.perf-bar-track span.slow{background:#ef4444}
.perf-row>strong{text-align:right}.perf-row>strong.fast{color:#86efac}.perf-row>strong.warn{color:#fde68a}.perf-row>strong.slow{color:#fca5a5}
.side-version{margin-top:14px;padding-top:14px;border-top:1px solid #17263a;color:#536b84;font-size:10px;white-space:nowrap}
.client-header-tools{display:flex;align-items:center;gap:16px}.client-header-picker{width:min(360px,34vw)}
body.page-clients{overflow:hidden}body.page-clients .main{max-width:none;height:100vh;padding:18px 10px 8px;overflow:hidden}body.page-clients header{margin-bottom:10px}
body.page-clients .client-map-stage{height:calc(100vh - 92px);max-height:none;margin:0;border-radius:12px}
@media(max-width:900px){.perf-row{grid-template-columns:1fr}.perf-row>strong{text-align:left}.event-tabs .event-tab-performance{margin-left:0}.client-header-tools{gap:8px}.client-header-picker{width:min(260px,55vw)}}

/* Client header: search one button-width further inward */
.client-header-picker{margin-right:120px}
@media(max-width:900px){.client-header-picker{margin-right:40px}}
/* Szerverek / Kliensek / NAS fejléc és szélesség egységesítés */
body.page-nas .main{max-width:none;width:100%;margin:0;padding-left:28px;padding-right:28px;padding-top:18px}
body.page-clients .client-header-picker{padding-top:3px;padding-bottom:3px;border-radius:10px}
body.page-clients .client-header-picker input{padding-top:5px;padding-bottom:5px}
body.page-clients .client-header-picker .client-site-toggle{padding-top:5px;padding-bottom:5px}
@media(max-width:900px){body.page-nas .main{padding-left:14px;padding-right:14px}}
/* Dashboard értékek középen + Mentések szűrősáv */
body.page-backups .stats .stat,body.page-databases .stats .stat{text-align:center}
.backup-list-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:24px}.backup-list-head .section-title{margin:0 0 12px}.backup-filters{display:flex;gap:8px;margin-bottom:10px}.backup-filters input{height:36px;border:1px solid #29445d;border-radius:9px;background:#091725;color:#dce9f5;padding:0 10px;font-size:11px}.backup-filters input[type=search]{width:230px}@media(max-width:700px){.backup-list-head{align-items:stretch;flex-direction:column}.backup-filters{width:100%}.backup-filters input{min-width:0;flex:1}}
/* Docker stat értékek középen */
body.page-docker .stats .stat{text-align:center}
/* Áttekintő állapottérkép: ne vágjuk / törjük a szerver-, VM- és konténerneveket */
body.overview-eipszis .eipszis-node>strong{width:max-content;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip}
body.overview-eipszis .eipszis-node>strong .vm-badge{display:inline-flex;vertical-align:middle;white-space:nowrap}
body.overview-eipszis .container-satellite{overflow:visible}
body.overview-eipszis .container-satellite>b{display:block;width:max-content;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip}
/* Kliensek: Új kliens gomb a rajzlap jobb alsó sarkában */
body.page-clients .client-map-new{position:absolute;right:14px;bottom:14px;z-index:260;box-shadow:0 8px 24px #0008}
body.page-clients .client-map-new{width:42px;height:42px;padding:0;border:1px solid #2a4560;border-radius:11px;background:#0a1b2a;color:#bcd0e2;font-size:27px;font-weight:300;display:grid;place-items:center}
body.page-clients .client-map-new:hover{background:#102d43;color:#fff;border-color:#47708e}

body.page-security .security-stats .stat{text-align:center}