:root {
  --pc-green:#00A651; --pc-green-dark:#2E7D52; --pc-green-light:#e8f7ef; --pc-green-border:#b3e6cc;
  --pc-amber:#C48A1A; --pc-amber-light:#fef6e4; --pc-amber-border:#f5d87a;
  --pc-red:#B04040; --pc-red-light:#fdf0f0; --pc-red-border:#e8b4b4;
  --pc-blue:#1a5fa8; --pc-blue-light:#e8f0fb; --pc-blue-border:#b3ccf0;
  --pc-purple:#6d28d9; --pc-purple-light:#f0ebff; --pc-purple-border:#c4b5fd;
  --pc-dark:#111827; --pc-title:#1A1A1A; --pc-body:#3A3A3A;
  --pc-muted:#888888; --pc-light:#AAAAAA; --pc-rule:#E4E6E9;
  --pc-surface:#F6F7F9; --pc-white:#ffffff;
  /* Semantic theme colors */
  --bg-primary: #ffffff;
  --bg-secondary: #F6F7F9;
  --bg-tertiary: #E4E6E9;
  --text-primary: #1A1A1A;
  --text-secondary: #3A3A3A;
  --text-muted: #888888;
  --border: #E4E6E9;
  --shadow: rgba(0,0,0,0.04);
}
[data-theme="dark"] {
  --bg-primary: #1e293b;
  --bg-secondary: #111827;
  --bg-tertiary: #374151;
  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --border: #374151;
  --shadow: rgba(0,0,0,0.2);
  /* Legacy --pc-* remapping for public pages */
  --pc-title: #f1f5f9;
  --pc-body: #cbd5e1;
  --pc-muted: #94a3b8;
  --pc-light: #64748b;
  --pc-rule: #374151;
  --pc-surface: #111827;
  --pc-white: #1e293b;
  --pc-dark: #0f172a;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Arial,sans-serif;background:var(--pc-surface);color:var(--pc-body);min-height:100vh;}

.banner{width:100%;padding:10px 1.5rem;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.4;text-align:center;}
.banner-info   {background:#1a5fa8;color:#fff;}
.banner-warn   {background:#C48A1A;color:#fff;}
.banner-danger {background:#B04040;color:#fff;}
.banner-maint  {background:#6d28d9;color:#fff;}
.banner-dismiss{background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;font-size:18px;line-height:1;padding:0 0 0 8px;flex-shrink:0;}
.banner-dismiss:hover{color:#fff;}

.header{background:var(--pc-dark);border-bottom:3px solid var(--pc-green);}
.header-inner{max-width:1000px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-mark{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.logo-text{font-size:20px;font-weight:700;color:var(--pc-white);letter-spacing:0.5px;}
.logo-text span{color:var(--pc-green);}
.logo-tagline{font-size:10px;color:var(--pc-light);letter-spacing:0.5px;margin-top:1px;display:block;}
.header-right{display:flex;align-items:center;gap:14px;}
.header-updated{font-size:12px;color:var(--pc-light);}
.header-scope{display:none;font-size:11px;font-weight:700;background:rgba(0,166,81,0.2);color:var(--pc-green);border:1px solid rgba(0,166,81,0.35);padding:4px 12px;border-radius:999px;}

.hero{background:var(--pc-white);border-bottom:1px solid var(--pc-rule);}
.hero-inner{max-width:1000px;margin:0 auto;padding:1.75rem 1.5rem;text-align:center;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;font-size:14px;font-weight:700;margin-bottom:0.6rem;}
.hero-badge.all-ok  {background:var(--pc-green-light);color:var(--pc-green-dark);border:1px solid var(--pc-green-border);}
.hero-badge.degraded{background:var(--pc-amber-light);color:var(--pc-amber);border:1px solid var(--pc-amber-border);}
.hero-badge.outage  {background:var(--pc-red-light);color:var(--pc-red);border:1px solid var(--pc-red-border);}
.pulse{width:9px;height:9px;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;}
.pulse.green{background:var(--pc-green);}
.pulse.amber{background:var(--pc-amber);}
.pulse.red{background:var(--pc-red);}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.35}}
.hero h1{font-size:24px;font-weight:700;color:var(--pc-title);margin-bottom:0.25rem;}
.hero p{font-size:13px;color:var(--pc-muted);}

.product-banner{padding:9px 18px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--pc-rule);}
.product-banner.info  {background:var(--pc-blue-light);color:var(--pc-blue);}
.product-banner.warn  {background:var(--pc-amber-light);color:var(--pc-amber);}
.product-banner.danger{background:var(--pc-red-light);color:var(--pc-red);}
.product-banner.maint {background:var(--pc-purple-light);color:var(--pc-purple);}

.main{max-width:1000px;margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:1fr 310px;gap:1.5rem;align-items:start;min-height:0;}
.sidebar{max-height:calc(100vh - 220px);overflow:hidden;position:sticky;top:0;display:flex;flex-direction:column;}
.sidebar .sidebar-sticky{display:flex;flex-direction:column;min-height:0;flex:1;}
.sidebar .side-card{display:flex;flex-direction:column;min-height:0;flex:1;}
#incidents-body{overflow-y:auto;min-height:0;flex:1;}
@media(max-width:740px){.main{grid-template-columns:1fr;}.sidebar{max-height:none;position:static;}}

.section-label{font-size:11px;font-weight:700;color:var(--pc-muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.6rem;margin-top:1.5rem;}
.section-label:first-child{margin-top:0;}

.product-card{background:var(--pc-white);border:1px solid var(--pc-rule);border-radius:8px;overflow:hidden;margin-bottom:1rem;}
.product-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;cursor:pointer;user-select:none;border-left:7px solid var(--pc-green);}
.product-header:hover{background:var(--pc-surface);}
.product-header.has-outage{border-left-color:var(--pc-red);}
.product-header.has-issues{border-left-color:var(--pc-amber);}
.product-header.has-maint {border-left-color:var(--pc-blue);}
.product-name-wrap{display:flex;align-items:center;gap:10px;}
.product-icon{width:34px;height:34px;border-radius:6px;background:var(--pc-green);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.product-icon svg{width:16px;height:16px;flex-shrink:0;}
.product-title{font-size:15px;font-weight:700;color:var(--pc-title);}
.product-subtitle{font-size:12px;color:var(--pc-muted);margin-top:1px;}
.product-right{display:flex;align-items:center;gap:8px;}
.product-link{display:inline-flex;align-items:center;justify-content:center;color:var(--pc-light);text-decoration:none;padding:2px;border-radius:4px;transition:color 0.12s;}
.product-link:hover{color:var(--pc-green);}
.chevron{font-size:11px;color:var(--pc-light);transition:transform 0.2s;}
.chevron.open{transform:rotate(180deg);}
.product-body{border-top:1px solid var(--pc-rule);}

.group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--pc-muted);padding:9px 18px 4px;background:var(--pc-surface);border-bottom:1px solid var(--pc-rule);}

.service-row{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--pc-rule);cursor:pointer;transition:background 0.12s;}
.service-row:last-of-type{border-bottom:none;}
.service-row:hover{background:#f5fffb;}
.service-row.active-row{background:var(--pc-green-light);}
.service-left{display:flex;align-items:center;gap:9px;}
.service-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.service-name{font-size:13px;font-weight:700;color:var(--pc-title);}
.service-desc{font-size:11px;color:var(--pc-muted);}
.service-right{display:flex;align-items:center;gap:7px;}

.badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap;}
.badge-ok   {background:var(--pc-green-light);color:var(--pc-green-dark);}
.badge-deg  {background:var(--pc-amber-light);color:var(--pc-amber);}
.badge-out  {background:var(--pc-red-light);color:var(--pc-red);}
.badge-maint{background:var(--pc-blue-light);color:var(--pc-blue);}

.inc-count{font-size:11px;font-weight:700;background:var(--pc-amber-light);color:var(--pc-amber);border:1px solid var(--pc-amber-border);padding:2px 8px;border-radius:999px;}
.inc-count.is-out{background:var(--pc-red-light);color:var(--pc-red);border-color:var(--pc-red-border);}

.uptime-section{padding:12px 18px;background:var(--pc-surface);border-top:1px solid var(--pc-rule);}
.uptime-lbl{font-size:10px;font-weight:700;color:var(--pc-muted);text-transform:uppercase;letter-spacing:0.07em;margin-bottom:8px;}
.uptime-row{margin-bottom:8px;}
.uptime-row:last-child{margin-bottom:0;}
.uptime-meta{display:flex;justify-content:space-between;margin-bottom:3px;}
.uptime-name{font-size:12px;color:var(--pc-body);}
.uptime-pct{font-size:11px;color:var(--pc-muted);}
.uptime-bars{display:flex;gap:1.5px;height:18px;}
.ubar{flex:1;border-radius:1px;}
.ubar-ok {background:var(--pc-green);opacity:0.65;}
.ubar-deg{background:var(--pc-amber);opacity:0.85;}
.ubar-out{background:var(--pc-red);}
.uptime-axis{display:flex;justify-content:space-between;margin-top:3px;}
.uptime-axis span{font-size:10px;color:var(--pc-light);}

.inc-panel{border-top:1px solid var(--pc-rule);border-bottom:1px solid var(--pc-rule);margin-bottom:4px;}
.inc-panel-hdr{display:flex;align-items:center;padding:9px 18px;background:var(--pc-surface);border-bottom:1px solid var(--pc-rule);gap:6px;}
.inc-panel-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--pc-muted);}
.inc-panel-scope{font-size:11px;color:var(--pc-green-dark);font-weight:700;flex:1;}
.inc-panel-close{background:none;border:none;font-size:17px;color:var(--pc-muted);cursor:pointer;padding:0;line-height:1;}
.inc-panel-close:hover{color:var(--pc-title);}

.inc-item{padding:12px 18px;border-bottom:1px solid var(--pc-rule);background:var(--pc-white);}
.inc-item:last-child{border-bottom:none;}
.inc-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;}
.inc-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px;}
.inc-title{font-size:13px;font-weight:700;color:var(--pc-title);line-height:1.3;}
.inc-meta{font-size:11px;color:var(--pc-muted);margin-bottom:5px;padding-left:15px;}
.inc-body{font-size:12px;color:var(--pc-muted);line-height:1.5;padding-left:15px;}
.inc-updates{margin-top:8px;padding-left:8px;border-left:2px solid var(--pc-rule);margin-left:0;}
.inc-upd{margin-bottom:6px;}
.inc-upd-time{font-size:10px;font-weight:700;color:var(--pc-muted);text-transform:uppercase;}
.inc-upd-text{font-size:11px;color:var(--pc-body);line-height:1.4;}
.inc-none{padding:14px 18px;font-size:13px;color:var(--pc-muted);text-align:center;background:var(--pc-white);}

.sidebar-sticky{position:sticky;top:1rem;}
.side-card{background:var(--pc-white);border:1px solid var(--pc-rule);border-radius:8px;overflow:hidden;margin-bottom:1rem;}
.side-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;user-select:none;}
.side-card-header:hover{background:var(--pc-surface);}
.filter-tabs{display:flex;gap:5px;padding:8px 12px;}
.filter-tab{font-size:12px;font-weight:700;padding:5px 13px;border-radius:999px;border:1px solid var(--pc-rule);background:var(--pc-white);color:var(--pc-muted);cursor:pointer;transition:all 0.12s;}
.filter-tab.active,.filter-tab:hover{background:var(--pc-green);color:#fff;border-color:var(--pc-green);}

.subscribe-full{max-width:1000px;margin:0 auto;padding:0 1.5rem 1.5rem;}
.subscribe-inner{background:var(--pc-white);border:1px solid var(--pc-rule);border-radius:8px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:2rem;}
.subscribe-text h3{font-size:14px;font-weight:700;color:var(--pc-title);margin-bottom:4px;}
.subscribe-text p{font-size:13px;color:var(--pc-muted);margin:0;line-height:1.5;}
.sub-btns-row{display:flex;gap:8px;flex-shrink:0;}
.sub-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;border:1px solid var(--pc-rule);background:var(--pc-surface);cursor:pointer;font-size:13px;font-weight:700;color:var(--pc-body);transition:all 0.12s;text-decoration:none;white-space:nowrap;}
.sub-btn:hover{border-color:var(--pc-green);color:var(--pc-green-dark);background:var(--pc-green-light);}
@media(max-width:740px){.subscribe-inner{flex-direction:column;align-items:flex-start;}.sub-btns-row{flex-wrap:wrap;}}

.legend{background:var(--pc-white);border:1px solid var(--pc-rule);border-radius:8px;padding:13px 15px;margin-bottom:1rem;margin-top:1.5rem;}
.legend-title{font-size:10px;font-weight:700;color:var(--pc-muted);text-transform:uppercase;letter-spacing:0.07em;margin-bottom:9px;}
.legend-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;color:var(--pc-body);}
.legend-row:last-child{margin-bottom:0;}
.legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}

footer{border-top:1px solid var(--pc-rule);background:var(--pc-white);margin-top:1rem;}
.footer-inner{max-width:1000px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;}
.footer-left{font-size:12px;color:var(--pc-muted);}
.footer-left strong{color:var(--pc-green);}
.footer-right{font-size:11px;color:var(--pc-light);}

.collapsed{display:none!important;}

@media (prefers-reduced-motion: reduce) {
  .pulse { animation: none; }
}