/* Status — Neo Brutalism */
.k-page-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:26px;}

.k-overall-banner{display:flex;align-items:center;gap:16px;margin-bottom:22px;background:var(--accent-2) !important;}
.k-status-big-dot{width:16px;height:16px;border-radius:50%;background:var(--muted);border:3px solid var(--ink);flex:none;}
.k-status-big-dot.operational{background:#22C55E;animation:k-pulse 1.6s infinite;}
.k-status-big-dot.degraded{background:#EAB308;}
.k-status-big-dot.down{background:var(--err);}
.k-overall-title{font-weight:700;font-size:19px;text-transform:uppercase;}
.k-overall-sub{font-size:12.5px;color:var(--text-2);margin-top:3px;font-family:var(--font-mono);}

.k-components-grid{grid-template-columns:repeat(3,1fr);}
@media (max-width:820px){.k-components-grid{grid-template-columns:1fr;}}

.k-component-card{display:flex;flex-direction:column;gap:14px;padding:20px;}
.k-component-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}

.k-component-icon-tile{
    width:54px;height:54px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;
    flex:none;color:var(--ink);background:var(--card);border:var(--bw) solid var(--ink);box-shadow:3px 3px 0 var(--ink);
    transition:transform .4s var(--spring);
}
.k-card:hover .k-component-icon-tile{transform:rotate(-8deg) scale(1.08);}
.k-component-icon-tile svg{width:23px;height:23px;}
.k-component-icon-tile.live{background:#4ADE80;}
.k-component-icon-tile.warn{background:#FDE047;}
.k-component-icon-tile.offline{background:#FCA5A5;}
.k-component-icon-tile.resource-uptime{background:#4ADE80;}
.k-component-icon-tile.resource-platform{background:#93C5FD;}
.k-component-icon-tile.resource-cpu{background:#F9A8D4;}
.k-component-icon-tile.resource-memory{background:#FDE047;}

.k-component-label{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--ink);text-transform:uppercase;}
.k-component-value{font-size:23px;font-weight:700;letter-spacing:-.01em;margin-top:2px;}
.k-component-value.live{color:var(--ok);}
.k-component-value.warn{color:var(--warn);}
.k-component-value.offline{color:var(--err);}

.k-component-bar-track{
    height:18px;border:var(--bw) solid var(--ink);background:var(--card);overflow:hidden;border-radius:4px;
    background-image:repeating-linear-gradient(90deg,transparent 0 9px,rgba(10,10,10,.12) 9px 10px);
}
.k-component-bar-fill{
    height:100%;width:0%;border-right:var(--bw) solid var(--ink);
    transition:width .9s var(--ease);
    background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.35) 0 8px,transparent 8px 16px);
    background-size:200% 100%;animation:k-stripe 1.4s linear infinite;
}
@keyframes k-stripe{to{background-position:32px 0;}}
.k-component-bar-fill.live{background-color:#4ADE80;}
.k-component-bar-fill.warn{background-color:#FACC15;}
.k-component-bar-fill.offline{background-color:#F87171;}

.k-component-msg{font-size:12.5px;color:var(--text-2);line-height:1.6;}
.k-component-meta{font-size:11.5px;color:var(--text-2);font-family:var(--font-mono);}
.k-resource-card{gap:10px;}
.k-resource-badges{display:flex;gap:8px;margin-top:2px;flex-wrap:wrap;}
.k-mini-pill{
    font-size:10.5px;font-weight:700;font-family:var(--font-mono);padding:4px 10px;border-radius:6px;
    background:var(--card);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);
}
.k-mini-pill.accent{background:var(--accent-2);}

.k-skel{
    display:inline-block;width:92px;height:22px;border:2px solid var(--ink);
    background:linear-gradient(90deg,#FEF08A 25%,#fff 50%,#FEF08A 75%);background-size:200% 100%;
    animation:k-skel-shine 1.1s linear infinite;
}
@keyframes k-skel-shine{to{background-position:-200% 0;}}

.k-memory-card{margin-top:20px;gap:10px;}
.k-memory-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text-2);margin-bottom:10px;}
.k-memory-row b{color:var(--ink);}
.k-memory-track{height:32px;}
.k-memory-track .k-component-bar-fill{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;}
#mem-percent{font-size:11px;font-weight:700;color:var(--ink);font-family:var(--font-mono);}
.k-memory-free{text-align:right;margin-top:8px;font-size:11.5px;font-weight:700;color:var(--ink);font-family:var(--font-mono);}
#terminal-log{white-space:pre-line;line-height:1.85;}