/* ============================================================
   status.8ledger.app — Status Page Stylesheet
   ============================================================ */
:root{--gold:#C9A03D;--gold-light:#E8D48B;--gold-dark:#A07E2E;--blue:#1A3A4F;--blue-light:#2C5F8A;--jade:#4A8B71;--bg:#F5F6FA;--white:#FFFFFF;--text:#2D3748;--text-light:#718096;--text-muted:#A0AEC0;--border:#E2E8F0;--success:#38A169;--success-bg:#F0FFF4;--warning:#DD6B20;--warning-bg:#FFFFF0;--danger:#E53E3E;--danger-bg:#FFF5F5;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--gold);text-decoration:none;transition:color .2s;}a:hover{color:var(--gold-dark);}

/* Navbar */
.navbar{background:var(--white);border-bottom:1px solid var(--border);}
.nav-inner{max-width:900px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--blue);font-size:17px;}
.nav-brand-sub{font-weight:400;color:var(--text-light);font-size:14px;margin-left:4px;}
.nav-links{display:flex;gap:20px;font-size:14px;}
.nav-links a{color:var(--text-light);font-weight:500;}.nav-links a:hover{color:var(--gold);}

/* Banner */
.status-banner{padding:50px 24px;text-align:center;transition:background .4s;}
.status-banner.operational{background:linear-gradient(135deg,#F0FFF4 0%,#C6F6D5 100%);}
.status-banner.degraded{background:linear-gradient(135deg,#FFFFF0 0%,#FEFCBF 100%);}
.status-banner.down{background:linear-gradient(135deg,#FFF5F5 0%,#FED7D7 100%);}
.status-banner.checking{background:var(--bg);}
.banner-inner{max-width:600px;margin:0 auto;}
.status-indicator{margin-bottom:16px;}
.status-banner h1{font-family:'Poppins',sans-serif;font-size:28px;font-weight:700;margin-bottom:6px;}
.status-banner.operational h1{color:#276749;}
.status-banner.degraded h1{color:#975A16;}
.status-banner.down h1{color:#C53030;}
.status-banner.checking h1{color:var(--text-light);}
.status-banner p{font-size:15px;color:var(--text-light);}
.last-check{font-size:13px!important;color:var(--text-muted)!important;margin-top:8px;}

/* Services */
.services-section,.metrics-section,.incidents-section,.uptime-section{max-width:900px;margin:0 auto;padding:0 24px 40px;}
.services-section h2,.metrics-section h2,.incidents-section h2,.uptime-section h2{font-family:'Poppins',sans-serif;font-size:20px;color:var(--blue);margin-bottom:16px;}
.services-list{display:flex;flex-direction:column;gap:8px;}
.service-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--white);border:1px solid var(--border);border-radius:10px;transition:border-color .2s;}
.service-row:hover{border-color:var(--gold);}
.service-info{display:flex;align-items:center;gap:12px;}
.service-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.service-dot.up{background:var(--success);}
.service-dot.slow{background:var(--warning);}
.service-dot.down{background:var(--danger);}
.service-dot.checking{background:var(--text-muted);animation:pulse 1.5s infinite;}
.service-name{font-weight:600;font-size:15px;}
.service-url{font-size:12px;color:var(--text-muted);margin-left:8px;}
.service-status{font-size:13px;font-weight:600;}
.service-status.up{color:var(--success);}
.service-status.slow{color:var(--warning);}
.service-status.down{color:var(--danger);}
.service-status.checking{color:var(--text-muted);}
.service-latency{font-size:12px;color:var(--text-muted);margin-left:8px;}

/* Metrics */
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}
.metric-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:20px;text-align:center;}
.metric-value{font-size:28px;font-weight:700;color:var(--blue);font-family:'Poppins',sans-serif;}
.metric-label{font-size:13px;color:var(--text-light);margin-top:4px;}
.metric-value.fast{color:var(--success);}
.metric-value.medium{color:var(--warning);}
.metric-value.slow{color:var(--danger);}

/* Incidents */
.incidents-list{background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.incident-empty{padding:40px;text-align:center;color:var(--text-light);}
.incident-empty svg{margin-bottom:12px;}
.incident-empty p{font-size:15px;}

/* Uptime */
.uptime-bars{display:flex;gap:3px;height:32px;margin-bottom:12px;}
.uptime-bar{flex:1;border-radius:3px;cursor:pointer;transition:opacity .2s;position:relative;}
.uptime-bar:hover{opacity:0.8;}
.uptime-bar.up{background:var(--success);}
.uptime-bar.degraded{background:var(--warning);}
.uptime-bar.down{background:var(--danger);}
.uptime-bar .tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;margin-bottom:6px;z-index:10;}
.uptime-bar:hover .tooltip{display:block;}
.uptime-legend{display:flex;gap:20px;font-size:13px;color:var(--text-light);}
.legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle;}
.legend-dot.operational{background:var(--success);}
.legend-dot.degraded{background:var(--warning);}
.legend-dot.down{background:var(--danger);}

/* Subscribe */
.subscribe-section{background:linear-gradient(135deg,#1A3A4F 0%,#0F2233 100%);color:#fff;padding:50px 24px;text-align:center;}
.subscribe-inner{max-width:500px;margin:0 auto;}
.subscribe-inner h2{font-family:'Poppins',sans-serif;font-size:24px;margin-bottom:8px;}
.subscribe-inner p{font-size:15px;color:rgba(255,255,255,0.7);margin-bottom:24px;}
.subscribe-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:10px;background:var(--gold);color:#fff;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s;}
.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(201,160,61,0.3);color:#fff;}

/* Footer */
.status-footer{background:var(--white);border-top:1px solid var(--border);padding:20px 24px;}
.footer-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted);}
.footer-links{display:flex;gap:20px;}.footer-links a{color:var(--text-muted);font-weight:500;}.footer-links a:hover{color:var(--gold);}

@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
@media(max-width:600px){.nav-links{display:none;}.status-banner h1{font-size:22px;}.metrics-grid{grid-template-columns:1fr 1fr;}.footer-inner{flex-direction:column;gap:10px;}}