/* ── WW3CHANCE SHARED STYLES ── */
:root {
  --bg:       #f5f0eb;
  --bg2:      #ffffff;
  --bg3:      #ede8e2;
  --border:   #d4c8bc;
  --text:     #1a1208;
  --muted:    #7a6a58;
  --red:      #c0392b;
  --red2:     #96281b;
  --amber:    #d35400;
  --green:    #1e8449;
  --red-dim:  rgba(192,57,43,0.1);
  --amb-dim:  rgba(211,84,0,0.1);
  --grn-dim:  rgba(30,132,73,0.1);
  --shadow:   0 2px 12px rgba(0,0,0,0.08);
}
[data-theme="dark"] {
  --bg:       #0d0b09;
  --bg2:      #141210;
  --bg3:      #1e1a16;
  --border:   #2e2820;
  --text:     #f0ebe4;
  --muted:    #7a6a58;
  --red:      #e05c4a;
  --red2:     #c0392b;
  --amber:    #e07840;
  --green:    #3dba7a;
  --red-dim:  rgba(224,92,74,0.12);
  --amb-dim:  rgba(224,120,64,0.12);
  --grn-dim:  rgba(61,186,122,0.12);
  --shadow:   0 2px 12px rgba(0,0,0,0.3);
}

*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh;transition:background 0.3s,color 0.3s}
a{color:inherit;text-decoration:none}
img{max-width:100%}

/* ── NAV ── */
nav {
  display:flex;justify-content:space-between;align-items:center;
  padding:0 32px;height:56px;
  background:var(--bg2);border-bottom:2px solid var(--red);
  position:sticky;top:0;z-index:1000;
  box-shadow:0 2px 16px rgba(192,57,43,0.15);
}
.nav-logo {
  font-size:18px;font-weight:800;letter-spacing:0.04em;color:var(--text);
  display:flex;align-items:center;gap:3px;
}
.nav-logo .w{color:var(--red)}
.nav-logo .num{color:var(--amber)}
.nav-links {
  display:flex;gap:4px;
}
.nav-links a {
  font-size:13px;font-weight:500;color:var(--muted);
  padding:6px 14px;border-radius:6px;transition:all 0.15s;
}
.nav-links a:hover,.nav-links a.active{background:var(--red-dim);color:var(--red)}
.nav-right{display:flex;align-items:center;gap:10px}

/* ── ALERT BUTTON ── */
.btn-alert {
  display:flex;align-items:center;gap:7px;
  background:var(--red);color:#fff;
  padding:8px 18px;border-radius:6px;
  font-size:13px;font-weight:700;letter-spacing:0.03em;
  border:none;cursor:pointer;
  box-shadow:0 0 0 0 rgba(192,57,43,0.5);
  animation:alert-pulse 2.5s ease-out infinite;
  transition:background 0.2s,transform 0.1s;
  text-transform:uppercase;
}
.btn-alert:hover{background:var(--red2);transform:translateY(-1px)}
.btn-alert:active{transform:translateY(0)}
@keyframes alert-pulse{
  0%{box-shadow:0 0 0 0 rgba(192,57,43,0.6)}
  60%{box-shadow:0 0 0 10px rgba(192,57,43,0)}
  100%{box-shadow:0 0 0 0 rgba(192,57,43,0)}
}

/* ── THEME TOGGLE ── */
.theme-toggle {
  width:36px;height:36px;border-radius:6px;border:1px solid var(--border);
  background:var(--bg3);cursor:pointer;display:flex;align-items:center;
  justify-content:center;font-size:16px;transition:all 0.2s;
}
.theme-toggle:hover{border-color:var(--red);background:var(--red-dim)}

/* ── PAGE HEADER ── */
.page-header{
  background:var(--bg2);border-bottom:1px solid var(--border);
  padding:32px;
}
.page-header h1{font-size:28px;font-weight:800;color:var(--text);margin-bottom:6px}
.page-header p{font-size:14px;color:var(--muted);line-height:1.6}

/* ── CARDS ── */
.card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.card-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.card-title{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.card-body{padding:20px}

/* ── WEIGHT BADGES ── */
.w-pos{background:var(--red-dim);color:var(--red);font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;min-width:38px;text-align:center;flex-shrink:0}
.w-neg{background:var(--grn-dim);color:var(--green);font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;min-width:38px;text-align:center;flex-shrink:0}
.w-neu{background:var(--bg3);color:var(--muted);font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;min-width:38px;text-align:center;flex-shrink:0}

/* ── EVENT ITEM ── */
.event-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}
.event-item:last-child{border-bottom:none}
.event-summary{font-size:13px;color:var(--text);line-height:1.4;margin-bottom:4px;font-weight:500}
.event-meta{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zone-tag{background:var(--bg3);color:var(--muted);font-size:10px;font-weight:600;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:0.04em}

/* ── STATUS PILLS ── */
.status-high{color:var(--red);font-size:11px;font-weight:700}
.status-med{color:var(--amber);font-size:11px;font-weight:700}
.status-low{color:var(--green);font-size:11px;font-weight:700}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg2);color:var(--muted);transition:all 0.2s}
.btn:hover{border-color:var(--text);color:var(--text)}
.btn-primary{background:var(--red);border-color:var(--red);color:#fff}
.btn-primary:hover{background:var(--red2);border-color:var(--red2)}

/* ── FOOTER ── */
footer{border-top:1px solid var(--border);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:auto}
footer a:hover{color:var(--text)}

/* ── TOAST ── */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;opacity:0;transition:opacity 0.3s;pointer-events:none;z-index:9999}
.toast.show{opacity:1}

/* ── LOADING ── */
.loading{color:var(--muted);font-size:13px;padding:24px;text-align:center}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  nav{padding:0 16px}
  .nav-links{display:none}
  .page-header{padding:20px 16px}
}

/* ── THEME INIT (no flash) ── */