.card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.card:hover {
    transform: translateY(-2px);
    border-color: #dce2eb;
    box-shadow: 0 10px 26px rgba(30, 43, 70, .08);
}

.card::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    height: 3px;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    background: #2878ed;
    opacity: .75;
}

.card:nth-child(2)::after { background: #18ae70; }
.card:nth-child(3)::after { background: #f04468; }
.card:nth-child(4)::after { background: #ff8a16; }

.disk-dot::before { background: #f6a94a; }
.disk-line { stroke: #f6a94a; }
.network-in-line { stroke: #8b5cf6; }
.network-out-line { stroke: #ec4899; }
.cpu-temperature-line { stroke: #e45b45; }
.gpu-temperature-line { stroke: #a85bd4; }
.chart-series-controls { display: flex; flex-wrap: wrap; gap: 7px; margin: 16px 0 12px; }
.chart-series-controls label { display: flex; align-items: center; gap: 5px; padding: 5px 7px; border: 1px solid #e0e5ec; border-radius: 7px; color: #5f6b7e; background: #fff; font-size: 9px; cursor: pointer; user-select: none; }
.chart-series-controls input { position: absolute; opacity: 0; pointer-events: none; }
.chart-series-controls i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.chart-series-controls b { color: #263147; font-weight: 600; }
.chart-series-controls label:not(:has(input:checked)) { opacity: .42; background: #f5f6f8; }
.chart-series-controls label.series-disabled { opacity: .42; background: #f5f6f8; }
.chart-series-controls .cpu { color: #20b985; }.chart-series-controls .ram { color: #6f93ee; }.chart-series-controls .disk { color: #e99a36; }.chart-series-controls .cpu-temperature { color: #e45b45; }.chart-series-controls .gpu-temperature { color: #a85bd4; }.chart-series-controls .network-in { color: #8b5cf6; }.chart-series-controls .network-out { color: #ec4899; }
.chart-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.chart-panel-heading p { margin: 5px 0 0; color: #7a8699; font-size: 12px; }
.chart-range-picker { display: grid; gap: 5px; min-width: 112px; color: #748096; font-size: 9px; }
.chart-range-picker select { width: 100%; min-height: 34px; padding: 7px 30px 7px 10px; border: 1px solid #dce3eb; border-radius: 8px; color: #2468cf; background: #fff; font: inherit; font-size: 10px; font-weight: 700; cursor: pointer; }
.server-resource-chart>.panel:first-child { transition: opacity .16s ease; }
.server-resource-chart>.panel:first-child.chart-refreshing { opacity: .55; pointer-events: none; }
@media(max-width:620px){.chart-panel-heading{align-items:stretch;flex-direction:column}.chart-range-picker{width:100%}}
.line-chart.dual-axis { grid-template-columns: 42px minmax(0,1fr) 64px; }
.network-axis { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; color: #7c8798; font-size: 9px; white-space: nowrap; }
.chart-times.dual { margin-right: 64px; }
.line-chart [data-series-line][hidden] { display: none; }
.panel:has(input[data-chart-series="cpu"]:not(:checked)) [data-series-line="cpu"] { display: none; }
.panel:has(input[data-chart-series="ram"]:not(:checked)) [data-series-line="ram"] { display: none; }
.panel:has(input[data-chart-series="disk"]:not(:checked)) [data-series-line="disk"] { display: none; }
.panel:has(input[data-chart-series="cpu-temperature"]:not(:checked)) [data-series-line="cpu-temperature"] { display: none; }
.panel:has(input[data-chart-series="gpu-temperature"]:not(:checked)) [data-series-line="gpu-temperature"] { display: none; }
.panel:has(input[data-chart-series="network-in"]:not(:checked)) [data-series-line="network-in"] { display: none; }
.panel:has(input[data-chart-series="network-out"]:not(:checked)) [data-series-line="network-out"] { display: none; }
.line-chart.network-hidden .network-axis { visibility: hidden; }
.line-chart.dual-axis.network-hidden { grid-template-columns: 42px minmax(0,1fr) 0; }
.line-chart.dual-axis.network-hidden .network-axis { width: 0; overflow: hidden; }
.panel:has(.line-chart.network-hidden) .chart-time-scale { margin-right: 0; }
.chart-plot { position: relative; min-width: 0; height: 100%; }
.chart-plot>svg { display: block; }
.line-chart .time-grid.minor { stroke: #f1f3f6; }
.line-chart .time-grid.major { stroke: #e3e8ee; }
.chart-hover-line { display: none; position: absolute; z-index: 3; top: 0; bottom: 0; width: 1px; background: #64748b; pointer-events: none; }
.chart-tooltip { display: none; position: absolute; z-index: 4; top: 10px; min-width: 180px; padding: 10px; border: 1px solid #dce3eb; border-radius: 9px; color: #354157; background: rgba(255,255,255,.97); box-shadow: 0 10px 28px rgba(26,40,62,.14); font-size: 10px; pointer-events: none; }
.chart-tooltip strong { display: block; margin-bottom: 7px; color: #172033; font-size: 11px; }
.chart-tooltip span { display: flex; justify-content: space-between; gap: 18px; padding: 2px 0; }
.chart-tooltip i { width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: currentColor; }
.chart-time-scale { display: flex; justify-content: space-between; margin: 7px 64px 0 50px; color: #7c8798; font-size: 9px; }
.chart-time-scale span { white-space: nowrap; }
@media(max-width:800px){.chart-time-scale span:nth-child(even){visibility:hidden}}
.network-chart-panel { margin-bottom: 16px; }
.axis-labels.network { width: 58px; white-space: nowrap; }
.line-chart.network-only { grid-template-columns: 64px minmax(0,1fr); }
.health-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.health-heading p { margin: 5px 0 0; color: #7a8699; font-size: 12px; }
.health-score { display: flex; align-items: baseline; padding: 7px 10px; border-radius: 9px; white-space: nowrap; }
.health-score strong { font-size: 22px; }
.health-score span { margin-left: 3px; font-size: 10px; font-weight: 600; }
.health-score.healthy { color: #12875b; background: #e7f8f1; }
.health-score.warning { color: #bd680e; background: #fff1df; }
.health-score.critical { color: #d93055; background: #ffe8ed; }
.health-breakdown { position: relative; }
.health-breakdown>summary { list-style: none; cursor: pointer; }
.health-breakdown>summary::-webkit-details-marker { display: none; }
.health-breakdown>summary::after { content: "Detay"; margin-left: 6px; font-size: 8px; font-weight: 600; opacity: .75; }
.health-breakdown-panel { position: absolute; z-index: 20; top: calc(100% + 8px); right: 0; width: min(390px,calc(100vw - 64px)); padding: 14px; border: 1px solid #dce3eb; border-radius: 11px; background: #fff; box-shadow: 0 18px 45px rgba(28,42,66,.16); }
.breakdown-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #e9edf2; }
.breakdown-title small { color: #7c8798; font-size: 9px; }
.health-breakdown-panel ul { margin: 0; padding: 0; list-style: none; }
.health-breakdown-panel li { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 0; border-bottom: 1px solid #f0f2f5; font-size: 10px; }
.health-breakdown-panel li>span { display: grid; grid-template-columns: 8px 1fr; align-items: center; column-gap: 6px; }
.health-breakdown-panel li i { grid-row: 1/3; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.health-breakdown-panel li small { grid-column: 2; color: #7c8798; font-size: 9px; }
.health-breakdown-panel li.pass { color: #12875b; }.health-breakdown-panel li.warn { color: #c46d12; }.health-breakdown-panel li.fail { color: #d93055; }
.health-breakdown-panel li>b { color: #354157; }
.breakdown-total { display: flex; justify-content: space-between; padding: 11px 0 4px; }
.health-breakdown-panel>a { display: block; margin-top: 9px; color: #2878bd; font-size: 10px; text-align: right; text-decoration: none; }
.health-metrics { display: grid; gap: 13px; margin-top: 20px; }
.health-metrics>div { display: grid; grid-template-columns: 1fr auto; gap: 7px; font-size: 12px; }
.health-metrics span small { margin-left: 5px; color: #8a95a6; font-size: 9px; }
.health-metrics>div>i { grid-column: 1/-1; height: 5px; overflow: hidden; border-radius: 4px; background: #e9edf2; }
.health-metrics em { display: block; height: 100%; border-radius: inherit; background: #43cf9c; }
.health-metrics em.disk { background: #43cf9c; }
.health-metrics em.disk.warning { background: #f6a94a; }
.health-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; margin-top: 18px; border-top: 1px solid #e7ebf1; }
.health-facts>div { display: flex; min-width: 0; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #edf0f4; font-size: 10px; }
.health-facts span { color: #748096; }
.health-facts b { min-width: 0; color: #354157; text-align: right; overflow-wrap: anywhere; }
.health-facts b.ok { color: #12875b; }
.health-facts b.bad { color: #d93055; }
.server-resource-chart>* { min-width: 0; }
@media(max-width:1200px){.health-facts{grid-template-columns:1fr}}
.live-toggle { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; align-items: center; column-gap: 8px; padding: 8px 11px; border: 1px solid #cfe4dc; border-radius: 10px; background: #f0faf6; cursor: pointer; }
.live-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.live-toggle>span { position: relative; grid-row: 1/3; width: 32px; height: 18px; border-radius: 12px; background: #aab5c2; transition: background .18s ease; }
.live-toggle>span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(20,35,50,.2); transition: transform .18s ease; }
.live-toggle input:checked+span { background: #20b879; }
.live-toggle input:checked+span::after { transform: translateX(14px); }
.live-toggle b { color: #263147; font-size: 11px; line-height: 1; }
.live-toggle small { color: #7a8699; font-size: 8px; line-height: 1; }
.live-toggle small.failed { color: #d93055; }
.live-toggle.compact { display: flex; justify-content: center; width: 100%; height: 32px; gap: 6px; padding: 6px 9px; border: 1px solid #dbe8e3; border-radius: 8px; background: #f5fbf8; }
.live-toggle.compact>span { grid-row: auto; width: 24px; height: 14px; }
.live-toggle.compact>span::after { top: 2px; left: 2px; width: 10px; height: 10px; }
.live-toggle.compact input:checked+span::after { transform: translateX(10px); }
.live-toggle.compact b { font-size: 9px; }
.live-toggle.compact small { font-size: 8px; white-space: nowrap; }

.server-detail-head { position: relative; min-height: 72px; padding-right: 240px; }
.server-detail-head .server-title { flex: 1; align-items: flex-start; }
.server-detail-head .server-title>span { flex: 0 0 44px; }
.server-detail-head .server-title>div { flex: 1; min-width: 0; }
.server-heading-row { display: flex; align-items: center; width: 100%; gap: 14px; }
.server-controls { position: absolute; top: 0; right: 0; display: grid; width: 220px; justify-items: stretch; gap: 6px; }
.server-switcher { position: relative; width: 100%; }
.server-switcher summary { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; height: 32px; padding: 6px 9px; border: 1px solid #d7e2eb; border-radius: 8px; list-style: none; color: #39719d; background: #f4f8fb; font-size: 10px; font-weight: 600; cursor: pointer; transition: border-color .16s ease,background .16s ease,box-shadow .16s ease; }
.server-switcher summary::-webkit-details-marker { display: none; }
.server-switcher summary:hover { border-color: #a9c8dd; background: #eaf3f9; box-shadow: 0 3px 10px rgba(57,113,157,.08); }
.server-switcher summary .switch-icon { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #fff; background: #39719d; font-size: 11px; }
.server-switcher summary>i { display: none; }
.server-switcher[open] summary>i { transform: rotate(180deg); }
.server-switcher-menu { position: absolute; z-index: 30; top: calc(100% + 9px); right: 0; left: auto; width: min(360px, calc(100vw - 48px)); padding: 10px; border: 1px solid #dfe5ed; border-radius: 12px; background: #fff; box-shadow: 0 18px 45px rgba(28, 42, 66, .16); }
.server-switcher-menu>label,.table-search { display: flex; align-items: center; gap: 7px; border: 1px solid #dce2ea; border-radius: 8px; padding: 0 10px; color: #8590a2; background: #fff; }
.server-switcher-menu input,.table-search input { min-width: 0; width: 100%; border: 0; outline: 0; padding: 9px 0; color: #263147; background: transparent; }
.server-switcher-menu nav { display: grid; gap: 4px; max-height: 300px; margin-top: 8px; overflow: auto; }
.server-switcher-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px; border-radius: 8px; color: #263147; text-decoration: none; }
.server-switcher-option:hover,.server-switcher-option.selected { background: #f1f7f5; }
.server-switcher-option b,.server-switcher-option small { display: block; }
.server-switcher-option small { margin-top: 2px; color: #7c8798; font-size: 10px; }
.server-switcher-option em { display: flex; align-items: center; gap: 5px; color: #13a66c; font-size: 10px; font-style: normal; white-space: nowrap; }
.server-switcher-option em.offline { color: #ee3f64; }
.server-switcher-option em.maintenance { color: #f28a19; }
.server-switcher-option em i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.server-switcher-option[hidden],.filter-row[hidden] { display: none; }
.server-meta { display: flex; align-items: center; gap: 8px; margin-top: 5px; color: #748096; font-size: 10px; }
.server-meta>span+span::before { content: "·"; margin-right: 8px; color: #a0a9b6; }
.server-meta .server-state { display: inline-flex; }
.server-last-data { display: block; margin-top: 4px; color: #8a95a6; font-size: 9px; }
.server-data-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.searchable-panel { min-width: 0; }
.searchable-panel .table-wrap { height: 520px; overflow: auto; scrollbar-gutter: stable; }
.searchable-panel table { margin-top: 0; }
.searchable-panel thead th { position: sticky; z-index: 2; top: 0; background: #fff; box-shadow: 0 1px 0 #e7ebf1; }
.panel-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.panel-toolbar p { margin: 4px 0 0; color: #7a8699; font-size: 10px; }
.table-search { width: min(230px, 45%); }
.table-empty { padding: 35px 12px; text-align: center; color: #7a8699; }
.table-filters { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.review-filter { display: flex; align-items: center; gap: 5px; padding: 7px 9px; border: 1px solid #f0cf9e; border-radius: 8px; color: #b96710; background: #fff8ec; font-size: 9px; cursor: pointer; white-space: nowrap; }
.review-filter input { position: absolute; opacity: 0; pointer-events: none; }
.review-filter>span { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; color: #fff; background: #e58a28; font-weight: 700; }
.review-filter:has(input:checked) { color: #fff; background: #d97818; border-color: #d97818; }
.review-filter:has(input:checked)>span { color: #d97818; background: #fff; }
.services-panel:has(.review-only:checked) tr[data-review="false"] { display: none; }
.alarm-filter{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #f0cf9e;border-radius:8px;color:#a96112;background:#fff8ec;font-size:9px;cursor:pointer;white-space:nowrap}.alarm-filter:hover{border-color:#dfad64;background:#fff3df}.alarm-filter-icon{display:grid;width:17px;height:17px;place-items:center}.alarm-filter-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.service-review td:first-child { box-shadow: inset 3px 0 #e99a36; }
.service-health { display: inline-flex; align-items: center; padding: 5px 7px; border-radius: 12px; font-size: 9px; font-weight: 600; white-space: nowrap; }
.service-health.review { color: #b96710; background: #fff0dc; }
.service-health.normal { color: #12875b; background: #e7f8f1; }
.service-health.disabled { color: #687588; background: #eef1f5; }
.service-health.waiting { color: #59677a; background: #f2f4f7; }
.service-health-detail { position: relative; }
.service-health-detail>summary { width: fit-content; list-style: none; cursor: pointer; }
.service-health-detail>summary::-webkit-details-marker { display: none; }
.service-health-detail[open]>summary .service-health { box-shadow: 0 0 0 2px rgba(70,100,130,.12); }
.service-health-detail>div { position: absolute; z-index: 12; top: calc(100% + 8px); right: 0; width: 260px; padding: 10px; border: 1px solid #dfe5ec; border-radius: 8px; background: #f9fbfd; box-shadow: 0 8px 20px rgba(35,50,72,.14); }
.service-health-detail>div>b { display: block; margin-bottom: 8px; color: #263147; }
.service-health-detail dl { display: grid; grid-template-columns: 90px 1fr; gap: 6px 9px; margin: 0; font-size: 9px; }
.service-health-detail dt { color: #7a8699; }.service-health-detail dd { margin: 0; color: #3d495d; overflow-wrap: anywhere; }
.service-action-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.service-action-row:hover{background:#f8fbff;box-shadow:inset 3px 0 #4d8ed5}.service-action-row:focus-visible{outline:2px solid #4f8fd8;outline-offset:-2px}.service-name-cell{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-row-chevron{color:#9aa6b6;font-size:19px;font-style:normal;line-height:1;opacity:0;transform:translateX(-4px);transition:opacity .16s ease,transform .16s ease}.service-action-row:hover .service-row-chevron,.service-action-row:focus-visible .service-row-chevron{opacity:1;transform:none}
.service-name-layout{display:flex;align-items:center;gap:10px}.service-name-content{min-width:0;flex:1}.service-alarm-bell{display:grid;width:30px;height:30px;min-width:30px;place-items:center;border:1px solid #d7dfe9;border-radius:9px;background:#f2f4f7}.service-alarm-bell svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-alarm-bell.active{border-color:#efbd6d;color:#bd6f10;background:#fff1d9;box-shadow:0 0 0 3px rgba(224,148,48,.09)}.service-alarm-bell.passive{color:#8490a1;background:#f1f3f6}
.service-alarm-state{display:inline-flex;align-items:center;padding:5px 7px;border-radius:12px;font-size:9px;font-weight:700;white-space:nowrap}.service-alarm-state.none{color:#768295;background:#f1f3f6}.service-alarm-state.passive{color:#7b6d5f;background:#f4eee8}.service-alarm-state.active,.service-alarm-state.recovered{color:#167955;background:#e7f7ef}.service-alarm-state.pending,.service-alarm-state.restarting{color:#ad6716;background:#fff0dc}.service-alarm-state.incident{color:#bc3f3f;background:#ffeded}
.service-incident-history{grid-column:1/-1;margin-top:18px}.service-incident-history table{min-width:760px}.service-incident-history td small{max-width:190px;overflow:hidden;text-overflow:ellipsis}
.service-action-modal,.service-alarm-modal{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;overflow:auto;border:0;border-radius:16px;color:#263147;background:#fff;box-shadow:0 28px 80px rgba(20,35,55,.28)}.service-action-modal::backdrop,.service-alarm-modal::backdrop{background:rgba(14,25,42,.5);backdrop-filter:blur(3px)}.service-modal-head{display:flex;align-items:flex-start;gap:13px;padding:21px 22px;border-bottom:1px solid #e7ebf1}.service-modal-head>div:nth-child(2){min-width:0;flex:1}.service-modal-head p{margin:1px 0 4px;color:#8793a5;font-size:9px;font-weight:800;letter-spacing:.11em}.service-modal-head h2{margin:0;overflow:hidden;color:#263147;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.service-modal-head small{display:block;margin-top:3px;overflow:hidden;color:#778397;text-overflow:ellipsis;white-space:nowrap}.service-modal-icon{display:grid;width:39px;height:39px;min-width:39px;place-items:center;border-radius:11px;color:#397bbb;background:#eaf3fc;font-size:17px}.service-modal-icon.alarm{color:#bd741d;background:#fff1dd}.service-modal-close{display:grid;width:33px;height:33px;min-width:33px;padding:0;place-items:center;border:1px solid #dde3eb;border-radius:50%;color:#66758a;background:#fff;font-size:20px}.service-action-summary{display:flex;gap:8px;padding:15px 22px;background:#f8fafc}.service-action-summary span{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #e4e9ef;border-radius:7px;color:#7a8699;background:#fff;font-size:9px}.service-action-summary b{color:#3b485c}.service-action-list{padding:17px 22px 22px}.service-alarm-action{display:grid;width:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid #e0e6ed;border-radius:11px;color:#344157;background:#fff;text-align:left}.service-alarm-action:hover{border-color:#c6d9ec;background:#f8fbff}.service-alarm-action span:nth-child(2) b,.service-alarm-action span:nth-child(2) small{display:block}.service-alarm-action span:nth-child(2) small{margin-top:4px;color:#7a8699;line-height:1.45}.service-action-symbol{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#b46b12;background:#fff1dc;font-size:20px}.service-alarm-action>i{color:#8996a8;font-size:21px;font-style:normal}.service-alarm-body{display:grid;gap:16px;padding:20px 22px}.service-switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px;border:1px solid #dfe6ed;border-radius:10px;background:#f9fbfd}.service-switch-row>span b,.service-switch-row>span small,.service-check-row span b,.service-check-row span small{display:block}.service-switch-row small,.service-check-row small{margin-top:3px;color:#7c8899;line-height:1.4}.service-switch-row input{position:absolute;opacity:0}.service-switch-row>i{position:relative;width:38px;height:22px;min-width:38px;border-radius:20px;background:#c7ced8;transition:background .15s}.service-switch-row>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s}.service-switch-row input:checked+i{background:#2f91d0}.service-switch-row input:checked+i:after{transform:translateX(16px)}.service-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-form-grid label>span,.service-inline-field>span,.service-full-field>span{display:block;margin-bottom:6px;color:#657286;font-size:9px;font-weight:700}.service-form-grid select,.service-inline-field select,.service-full-field input{width:100%;min-height:37px;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#344157}.service-alarm-section{display:grid;gap:9px;margin:0;padding:14px;border:1px solid #e2e7ed;border-radius:10px}.service-alarm-section legend{padding:0 6px;color:#4d5b6f;font-size:10px;font-weight:800}.service-check-row{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:7px}.service-check-row:hover{background:#f7f9fc}.service-check-row input{margin-top:2px}.service-check-row.fixed{opacity:.72}.service-inline-field{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:10px;padding:8px}.service-inline-field>span{margin:0}.service-full-field small{display:block;margin-top:5px;color:#8792a2}.service-mail-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.service-mail-plan>span{padding:9px;border:1px solid #e7e3da;border-radius:8px;background:#fffbf4}.service-mail-plan i{display:grid;width:18px;height:18px;margin-bottom:7px;place-items:center;border-radius:50%;color:#fff;background:#d18a2f;font-size:8px;font-style:normal;font-weight:800}.service-mail-plan b,.service-mail-plan small{display:block}.service-mail-plan b{font-size:9px}.service-mail-plan small{margin-top:3px;color:#8b7760;font-size:8px}.service-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;border-top:1px solid #e7ebf1;background:#fafbfd}.service-modal-actions button{min-width:105px}.service-modal-actions .secondary{border-color:#dce3eb;color:#5d6a7e;background:#fff}@media(max-width:600px){.service-form-grid,.service-mail-plan{grid-template-columns:1fr}.service-inline-field{grid-template-columns:1fr}.service-action-summary{flex-wrap:wrap}}
.service-modal-actions .service-alarm-delete{margin-right:auto;border-color:#e5bcbc;color:#bf4545;background:#fff}.service-modal-actions .service-alarm-delete[hidden]{display:none}@media(max-width:600px){.service-modal-actions{flex-wrap:wrap}.service-modal-actions .service-alarm-delete{width:100%;margin-right:0}}
.service-alarm-current-summary{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid #cce8da;border-radius:9px;color:#167955;background:#f0faf5}.service-alarm-current-summary[hidden]{display:none}.service-alarm-current-summary span{display:flex;align-items:center;gap:6px;font-size:10px}.service-alarm-current-summary span i{width:7px;height:7px;border-radius:50%;background:#28a777}.service-alarm-current-summary.passive{border-color:#e0d8ce;color:#7b6d5f;background:#f8f5f1}.service-alarm-current-summary.passive span i{background:#9c8e7e}
.service-identity-head{align-items:center}.service-modal-avatar{display:grid;width:38px;height:38px;min-width:38px;place-items:center;border-radius:50%;color:#15946c;background:#e9f8f2;font-size:9px;font-weight:800;letter-spacing:.03em}.service-identity-head h2{font-size:14px}.service-identity-head small{margin-top:4px;font-size:9px}.service-identity-head small b{color:#657286;font-weight:600}
.service-action-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-action-cancel{width:100%;min-height:43px;margin-top:8px;border:1px solid #dce3eb;color:#5d6a7e;background:#fff}.service-action-cancel:hover{border-color:#c7d1dd;background:#f8fafc}
.service-command-list{display:grid;margin-bottom:12px;overflow:hidden;border:1px solid #e0e6ed;border-radius:11px}.service-command-list form{margin:0}.service-command-action{display:flex;width:100%;align-items:center;gap:11px;padding:10px 13px;border:0;border-top:1px solid #edf0f4;border-radius:0;color:#344157;background:#fff;text-align:left}.service-command-list form:first-child .service-command-action{border-top:0}.service-command-action:hover:not(:disabled){color:#236fae;background:#f5faff}.service-command-action>span{display:grid;width:23px;height:23px;place-items:center;color:#397bbb;font-size:11px}.service-command-action>b{font-size:11px}.service-command-action:disabled{color:#a5adba;background:#f7f8fa;cursor:not-allowed}.service-command-action:disabled>span{color:#b8bec8}
.service-command-feedback{margin:-3px 0 12px;padding:10px 12px;border:1px solid;border-radius:8px;font-size:10px;line-height:1.45}.service-command-feedback[hidden]{display:none}.service-command-feedback.pending{border-color:#cbdced;color:#426b91;background:#f2f7fc}.service-command-feedback.success{border-color:#bfe5d3;color:#167858;background:#eefaf4}.service-command-feedback.failed{border-color:#efc5c5;color:#b84141;background:#fff2f2}
.service-alarm-center{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;overflow:hidden;border:0;border-radius:16px;color:#263147;background:#fff;box-shadow:0 28px 80px rgba(20,35,55,.28)}.service-alarm-center::backdrop{background:rgba(14,25,42,.5);backdrop-filter:blur(3px)}.service-alarm-center-head{display:flex;align-items:center;gap:13px;padding:20px 22px;border-bottom:1px solid #e7ebf1}.service-alarm-center-head>div{min-width:0;flex:1}.service-alarm-center-head h2{margin:0;font-size:18px}.service-alarm-center-head p{margin:4px 0 0;color:#7a8699;font-size:10px}.service-alarm-center-icon{display:grid;width:40px;height:40px;min-width:40px;place-items:center;border-radius:11px;color:#bd6f10;background:#fff1d9}.service-alarm-center-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-alarm-center-tabs{display:flex;gap:5px;padding:12px 22px 0;border-bottom:1px solid #e7ebf1}.service-alarm-center-tabs button{display:flex;align-items:center;gap:7px;padding:10px 13px;border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;color:#6b788c;background:transparent}.service-alarm-center-tabs button.active{border-bottom-color:#cf7b18;color:#a75e0b;background:#fff9f0}.service-alarm-center-tabs b{display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border-radius:10px;background:#edf1f5;font-size:8px}.service-alarm-center-tabs button.active b{color:#fff;background:#d68627}.service-alarm-center-panel{min-height:260px;max-height:55vh;overflow:auto}.service-alarm-center-panel[hidden]{display:none}.service-alarm-center-panel table{min-width:760px}.service-alarm-center-panel td small{max-width:210px;overflow:hidden;text-overflow:ellipsis}.service-alarm-center-empty{display:grid;min-height:260px;place-items:center;align-content:center;gap:7px;color:#6f7c8f;text-align:center}.service-alarm-center-empty span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#18815c;background:#e9f8f1;font-size:18px}.service-alarm-center-empty small{color:#8994a4}.service-alarm-center-actions{display:flex;justify-content:flex-end;padding:13px 22px;border-top:1px solid #e7ebf1;background:#fafbfd}.service-alarm-center-actions button{min-width:110px;border-color:#dce3eb;color:#5d6a7e;background:#fff}
.audit-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.audit-heading h2{margin:0}.audit-heading p{margin:4px 0 0;color:#7a8699;font-size:9px}.audit-filters{display:flex;align-items:center;gap:8px}.audit-filters .table-search{width:280px}.audit-filters select{min-height:37px;border:1px solid #dce3eb;border-radius:8px;color:#526074;background:#fff}.audit-table-wrap{max-height:680px}.audit-table{min-width:1000px}.audit-table td{vertical-align:middle}.audit-table td>b,.audit-table td>small{display:block}.audit-table td>small{margin-top:3px;color:#8390a2}.audit-actor{display:flex;align-items:center;gap:9px}.audit-actor>i{display:grid;width:31px;height:31px;min-width:31px;place-items:center;border-radius:50%;color:#167858;background:#e9f8f2;font-size:8px;font-style:normal;font-weight:800}.audit-actor span b,.audit-actor span small{display:block}.audit-actor span small{margin-top:2px;color:#8792a2}.audit-result{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:12px;font-size:9px;font-weight:700}.audit-result i{width:6px;height:6px;border-radius:50%}.audit-result.success{color:#167858;background:#e8f7f0}.audit-result.success i{background:#22a373}.audit-result.failed{color:#b84141;background:#ffeded}.audit-result.failed i{background:#d95656}.audit-detail-button{display:grid;width:28px;height:28px;padding:0;place-items:center;border:1px solid #dce3eb;border-radius:50%;color:#68778b;background:#fff;font-size:18px}.audit-detail-row td{padding:0!important;background:#f8fafc}.audit-detail-row[hidden]{display:none}.audit-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;border-left:3px solid #5a95cc}.audit-detail-grid>div{min-width:0}.audit-detail-grid span,.audit-detail-grid b,.audit-detail-grid small{display:block}.audit-detail-grid span{margin-bottom:5px;color:#7b8799;font-size:8px;font-weight:800;text-transform:uppercase}.audit-detail-grid b{overflow-wrap:anywhere}.audit-detail-grid small{margin-top:3px;color:#8792a2}.audit-detail-grid .wide{grid-column:1/-1}.audit-detail-grid code{display:block;padding:9px;border:1px solid #e1e7ee;border-radius:7px;overflow-wrap:anywhere;color:#465469;background:#fff;white-space:pre-wrap}@media(max-width:850px){.audit-heading{align-items:stretch;flex-direction:column}.audit-filters{align-items:stretch;flex-direction:column}.audit-filters .table-search{width:100%}.audit-detail-grid{grid-template-columns:1fr 1fr}}
.user-security-panel table{min-width:1000px}.mfa-policy-form{display:flex;gap:7px;margin:0}.mfa-policy-form select{min-width:210px}.mfa-policy-form input{width:92px;min-height:34px}.mfa-policy-form button{padding:7px 10px}.mfa-state{display:inline-flex;padding:5px 8px;border-radius:12px;font-size:9px;font-weight:700}.mfa-state.enabled{color:#167858;background:#e8f7f0}.mfa-state.missing{color:#a66313;background:#fff1dd}.mfa-warning{display:block;max-width:300px;margin-top:6px;color:#b24a3b;line-height:1.4}
.user-security-panel table{min-width:900px}.user-manage-button{min-width:74px}.user-security-modal{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;overflow:auto;border:0;border-radius:16px;color:#263147;background:#fff;box-shadow:0 28px 80px rgba(20,35,55,.28)}.user-security-modal::backdrop{background:rgba(14,25,42,.52);backdrop-filter:blur(3px)}.user-security-modal-head{display:flex;align-items:center;gap:13px;padding:21px 22px;border-bottom:1px solid #e7ebf1}.user-security-modal-head>div{min-width:0;flex:1}.user-security-modal-head p{margin:0 0 3px}.user-security-modal-head h2{margin:0;overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.user-security-modal-head small{display:block;margin-top:4px;color:#778397}.user-security-avatar{display:grid;width:40px;height:40px;min-width:40px;place-items:center;border-radius:50%;color:#158b64;background:#e8f8f1;font-size:10px;font-weight:800}.user-security-modal-close{display:grid;width:34px;height:34px;min-width:34px;padding:0;place-items:center;border:1px solid #dde3eb;border-radius:50%;color:#617086;background:#fff;font-size:20px}.user-security-modal-form{display:grid;gap:17px;padding:22px}.user-security-current{display:grid;grid-template-columns:1fr 1fr;gap:9px}.user-security-current span{padding:11px;border:1px solid #e3e8ee;border-radius:9px;color:#7a8699;background:#f8fafc;font-size:9px}.user-security-current b{display:block;margin-top:4px;color:#344157;font-size:11px}.user-security-policy-field,.user-security-otp-field{display:grid;gap:6px}.user-security-policy-field>span,.user-security-otp-field>span{color:#657286;font-size:10px;font-weight:700}.user-security-policy-field select,.user-security-otp-field input{width:100%;min-height:41px;padding:9px 11px;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#344157}.user-security-policy-field small,.user-security-otp-field small{color:#8792a2;line-height:1.45}.user-security-otp-field input{font-size:16px;letter-spacing:.18em}.user-security-modal-warning{padding:12px;border:1px solid #efcfaa;border-radius:9px;color:#9b5b13;background:#fff7e9}.user-security-modal-warning b,.user-security-modal-warning small{display:block}.user-security-modal-warning small{margin-top:4px;line-height:1.45}.user-security-modal-warning[hidden]{display:none}.user-security-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin:3px -22px -22px;padding:15px 22px;border-top:1px solid #e7ebf1;background:#fafbfd}.user-security-modal-actions button{min-width:110px}.user-security-modal-actions button:first-child{border-color:#dce3eb;color:#5d6a7e;background:#fff}@media(max-width:560px){.user-security-current{grid-template-columns:1fr}.user-security-modal-actions{flex-direction:column}.user-security-modal-actions button{width:100%}}
.user-page-header{align-items:center}.user-create-open{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 15px;color:#fff;background:#15986b;border-color:#15986b;font-weight:700}.user-create-open span{font-size:18px}.user-create-modal{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;overflow:auto;border:0;border-radius:16px;color:#263147;background:#fff;box-shadow:0 28px 80px rgba(20,35,55,.28)}.user-create-modal::backdrop{background:rgba(14,25,42,.52);backdrop-filter:blur(3px)}.user-create-form{display:grid;gap:15px;padding:22px}.user-create-form label{display:grid;gap:6px}.user-create-form label>span{color:#657286;font-size:10px;font-weight:700}.user-create-form input,.user-create-form select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#344157}.user-invitation-info{display:flex;gap:11px;padding:13px;border:1px solid #cce8dc;border-radius:9px;color:#286f58;background:#f0faf6}.user-invitation-info>span{font-size:20px}.user-invitation-info p{margin:0}.user-invitation-info b,.user-invitation-info small{display:block}.user-invitation-info small{margin-top:4px;color:#617d73;line-height:1.5}.user-create-form .user-security-modal-actions{margin-top:2px}@media(max-width:560px){.user-page-header{align-items:stretch;flex-direction:column}.user-create-open{justify-content:center}}
@media(max-width:1000px){.server-data-grid{grid-template-columns:1fr}}
@media(max-width:560px){.panel-toolbar{align-items:stretch;flex-direction:column}.table-filters{align-items:stretch;flex-direction:column}.table-search{width:100%}.server-detail-head{padding-right:0}.server-heading-row{align-items:flex-start;flex-direction:column;gap:8px}.server-controls{position:static;width:min(100%,220px);justify-items:stretch;margin-left:0}.server-switcher-menu{right:auto;left:0}.server-meta{align-items:flex-start;flex-wrap:wrap}.searchable-panel .table-wrap{height:420px}}
.agent-page-header{align-items:center}.agent-install-open{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 15px;color:#fff;background:#15986b;border-color:#15986b;font-weight:700}.agent-install-open span{font-size:18px;line-height:1}.agent-install-modal{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;overflow:auto;border:0;border-radius:16px;color:#263147;background:#fff;box-shadow:0 28px 80px rgba(20,35,55,.28)}.agent-install-modal::backdrop{background:rgba(14,25,42,.52);backdrop-filter:blur(3px)}.agent-install-head{display:flex;align-items:center;gap:13px;padding:21px 22px;border-bottom:1px solid #e7ebf1}.agent-install-head>div:nth-child(2){min-width:0;flex:1}.agent-install-head p{margin:0 0 3px}.agent-install-head h2{margin:0;font-size:18px}.agent-install-head small{display:block;margin-top:4px;color:#778397}.agent-install-icon{display:grid;width:40px;height:40px;min-width:40px;place-items:center;border-radius:11px;color:#148b63;background:#e8f8f1;font-size:22px}.agent-install-close{display:grid;width:34px;height:34px;min-width:34px;padding:0;place-items:center;border:1px solid #dde3eb;border-radius:50%;color:#617086;background:#fff;font-size:20px}.agent-install-body{display:grid;gap:20px;padding:22px}.agent-install-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.agent-install-form label span{display:block;margin-bottom:6px;color:#657286;font-size:10px;font-weight:700}.agent-install-form label small{display:inline;color:#8792a2;font-weight:500}.agent-install-form input{width:100%;min-height:40px;padding:9px 11px;border:1px solid #dce3eb;border-radius:7px;background:#fff;color:#344157}.agent-install-form button{min-height:40px}.agent-install-secret{margin:0}.agent-enrollment-history{padding-top:4px;border-top:1px solid #e7ebf1}.agent-enrollment-history h3{margin:15px 0 3px;font-size:14px}.agent-enrollment-history>div>small{color:#7a8699}.agent-enrollment-history .table-wrap{max-height:260px}.agent-install-actions{display:flex;justify-content:flex-end;padding:15px 22px;border-top:1px solid #e7ebf1;background:#fafbfd}.agent-install-actions button{min-width:110px;border-color:#dce3eb;color:#5d6a7e;background:#fff}@media(max-width:620px){.agent-page-header{align-items:stretch;flex-direction:column}.agent-install-open{justify-content:center}.agent-install-form{grid-template-columns:1fr}.agent-install-head{align-items:flex-start}.agent-install-body{padding:18px}}
/* Enrollment token copy control */
.agent-enrollment-code{display:flex;align-items:center;gap:10px;min-width:0}
.agent-enrollment-code code{min-width:0;flex:1}
.agent-enrollment-code button{display:grid;width:36px;height:36px;min-width:36px;padding:0;place-items:center;border:1px solid #b9dacd;border-radius:7px;color:#168e66;background:#fff;transition:color .15s,border-color .15s,background .15s}
.agent-enrollment-code button:hover{border-color:#168e66;background:#eaf8f3}
.agent-enrollment-code button:focus-visible{outline:2px solid #168e66;outline-offset:2px}
.agent-enrollment-code button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.agent-enrollment-code button.copied{color:#fff;border-color:#168e66;background:#168e66}
.agent-enrollment-code button.copy-failed{color:#c43d51;border-color:#e4a8b1;background:#fff1f3}