/* KohaPanel — midnight server console */
:root {
    --bg-primary:#0b1220; --bg-secondary:#131f31; --bg-glass:rgba(19,31,49,.94);
    --border-color:#26364b; --text-primary:#e4edf7; --text-secondary:#91a4bb;
    --accent-blue:#8ebbdc; --accent-blue-hover:#b1d3eb;
    --success:#8dcbb0; --danger:#e4a0a8; --warning:#d8bf8d;
}
body { background:radial-gradient(ellipse at 80% 0%,#172a42 0%,transparent 55%),#0b1220; }
.sidebar { background:#0d1726; backdrop-filter:none; border-right:1px solid #223247; }
.sidebar-header { min-height:78px; display:flex; align-items:center; }
.sidebar-header h2 { color:#e4edf7; letter-spacing:.03em; font-weight:700; }
.panel-logo { width:30px; height:30px; image-rendering:pixelated; }
.sidebar-nav { gap:6px; padding:14px 12px; }
.nav-item { border:1px solid transparent; border-radius:6px; color:#91a4bb; transition:background .15s,color .15s; }
.nav-item::after { display:none; }
.nav-item:hover { background:#17263a; color:#e4edf7; }
.nav-item.active { background:#20344b; color:#c5e2f6; border-color:#36526e; box-shadow:inset 3px 0 #8ebbdc; }
.sidebar-footer { background:#0d1726; border-color:#223247; }
.top-header { padding-bottom:22px; border-bottom:1px solid #26364b; gap:20px; }
.top-header h1 { font-size:1.55rem; letter-spacing:-.025em; }
.glass,.server-card,.stat-card,.login-card { background:#131f31; border:1px solid #26364b; border-radius:10px; box-shadow:0 8px 24px #02081730; backdrop-filter:none; }
.server-grid { gap:20px; }
.server-card { padding:24px; animation:none; transition:border-color .18s,background .18s; }
.server-card:hover { transform:none; background:#162438; border-color:#49657f; box-shadow:0 8px 24px #02081730; }
.server-icon,.server-icon.lobby-icon,.server-icon.offline-icon { background:#20334a; color:#a8cce6; border:1px solid #354e67; border-radius:8px; box-shadow:none; }
.server-title-area h3 { color:#e4edf7; font-size:1.1rem; }
.server-stats { border-top:1px solid #26364b; padding-top:16px; }
.s-stat i { color:#8daac5; }
.badge { border-radius:4px; font-size:.72rem; letter-spacing:.03em; }
.badge.online { color:#a3d6bc; background:#1c3835; }
.badge.offline { color:#a8b5c7; background:#263345; }
.btn,.btn-primary,.btn-success,.btn-warning,.btn-danger,.btn-info,#btn-server-kill {
    background:#1c2e43 !important; border:1px solid #3b526b !important;
    color:#dce9f5 !important; border-radius:6px; min-height:40px;
    font-weight:600; letter-spacing:0; box-shadow:inset 0 1px #ffffff06 !important;
    transition:background .15s,border-color .15s; transform:none !important; filter:none;
}
.btn-primary { background:#29445f !important; border-color:#527797 !important; }
.btn-success { color:#b3ddc8 !important; }
.btn-warning { color:#e2ceaa !important; }
.btn-danger,#btn-server-kill { color:#ecc0c5 !important; }
.btn:hover,.btn-primary:hover,.btn-success:hover,.btn-warning:hover,.btn-danger:hover,#btn-server-kill:hover {
    background:#304b66 !important; border-color:#789bb9 !important; filter:none; transform:none !important;
}
.btn:disabled,.btn[disabled] { opacity:.4; cursor:not-allowed; filter:none; }
.btn:disabled:hover { background:#1c2e43 !important; border-color:#3b526b !important; }
.btn-sm { min-height:32px; padding:6px 10px; font-size:.8rem; }
.btn:focus-visible,.nav-item:focus-visible { outline:2px solid #aad6f2; outline-offset:3px; }
.terminal-container { background:#080f1b; border:1px solid #2a3f56; border-radius:8px; box-shadow:none; }
.terminal-header { background:#17263a; border-bottom:1px solid #2a3f56; }
.stat-card h3 { color:#91a4bb; font-size:.8rem; letter-spacing:.02em; }
.stat-value { color:#dce9f5; }
input.form-control,select.form-control,textarea.form-control,.manager-search-input {
    background:#0d1726 !important; color:#dce9f5; border:1px solid #344b63 !important; border-radius:6px; box-shadow:none;
}
input:focus,select:focus,textarea:focus { outline:2px solid #7097b8; outline-offset:1px; }
.dropdown-menu,.modal-content,.swal2-popup { background:#152236 !important; color:#e4edf7 !important; border:1px solid #344b63; border-radius:10px; box-shadow:0 20px 60px #0006; }
.dropdown-item { color:#cad7e7; border-radius:4px; font-weight:500; }
.dropdown-item:hover { background:#253b53; }
.inner-tab-btn { color:#94aac1; background:transparent; border-radius:4px; }
.inner-tab-btn.active { color:#c5e2f6; background:#253b53; border-color:#759dbd; }
table th { color:#91a4bb; background:#101c2c; font-weight:600; }
table td { border-color:#26364b; }
tbody tr:hover { background:#1b2c41; }
@media(max-width:760px) {
    .main-content { padding:20px 16px; }
    .top-header { align-items:flex-start; flex-wrap:wrap; gap:14px; }
    .server-card { padding:18px; }
    .quick-actions { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation:none !important; transition:none !important; }
}
