:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0b1120;color:#eef4ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0%,#13284a 0%,#0b1120 36%);min-height:100vh}.container{max-width:1250px;margin:0 auto;padding:30px 22px}.header,.brand,.panel-heading,.blockheight,.progress-heading,footer{display:flex;align-items:center;justify-content:space-between}.header{gap:20px;margin-bottom:26px}.brand{justify-content:flex-start;gap:16px}.coin{display:grid;place-items:center;width:53px;height:53px;background:linear-gradient(135deg,#2785ff,#0751a8);border-radius:16px;font-size:30px;font-weight:700;box-shadow:0 10px 30px #006eff25}h1{font-size:25px;margin:0 0 5px}h2{font-size:17px;margin:0}.brand p,.hint,small,footer{color:#8195b5}.brand p{font-size:13px;margin:0}.status,.chip{border-radius:999px;background:#24344f;color:#a8c5ee;padding:8px 13px;font-size:12px;white-space:nowrap}.status.online{background:#113d31;color:#65e0ad}.status.sync{background:#4a3519;color:#ffcf83}.status.offline{background:#4d242b;color:#ff9ea9}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px}.panel{background:#141f32;border:1px solid #263852;border-radius:16px;padding:22px;box-shadow:0 8px 35px #00000018}.metric{min-height:140px}.label{font-size:13px;color:#a3b4cf}.value{font-size:30px;font-weight:750;margin:17px 0 9px;letter-spacing:-.8px}.metric small{font-size:11px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-heading{gap:12px;margin-bottom:20px}.blockheight{padding:13px 0;border-bottom:1px solid #26344a;gap:15px}.blockheight span,.progress-heading span{color:#a1b0c8;font-size:13px}.blockheight strong{font-size:15px;text-align:right;overflow-wrap:anywhere}.progress-heading{margin:25px 0 11px}.progress-track{height:10px;border-radius:100px;background:#2b3c57;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#1870e6,#54b6ff);transition:width .5s}.hint{font-size:12px;line-height:1.6;margin:17px 0 0}.section{margin-top:16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:12px;color:#91a5c3;font-weight:600;border-bottom:1px solid #31415a;padding:12px 10px}td{padding:19px 10px;font-size:13px}.empty{text-align:center;color:#7f93b0}footer{font-size:12px;margin-top:22px;gap:12px}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}}@media(max-width:520px){.container{padding:18px 12px}.header{align-items:flex-start;flex-direction:column}.metrics{gap:10px}.panel{padding:17px}.value{font-size:25px}h1{font-size:22px}footer{flex-direction:column;align-items:flex-start}}

/* ============================================================
   BCH Mainnet - Scrollbare Blockhistorie
   ============================================================ */

.block-scroll {
    max-height: 390px;
    overflow-y: auto;
    overflow-x: auto;
}

.block-scroll thead th {
    position: sticky;
    top: 0;
    background: #141f32;
    z-index: 1;
}

.block-scroll tbody tr {
    border-bottom: 1px solid #263852;
}


/* Pool-Uptime Schriftgroesse */
#pool-uptime {
    font-size: 22px;
    letter-spacing: -0.6px;
}


/* Blaue Akzentkacheln – obere Dashboard-Reihe */
.metrics .panel {
    border: 1px solid #263852;
    border-left: 4px solid #168bfa;
    background: linear-gradient(
        105deg,
        rgba(22, 139, 250, 0.09) 0%,
        #141f32 65%
    );
    box-shadow:
        -3px 0 14px rgba(22, 139, 250, 0.16),
        0 8px 35px rgba(0, 0, 0, 0.10);
}