:root{
  --eb-today-bg:#f6f8fb;
  --eb-today-surface:#ffffff;
  --eb-today-line:#e2e8f0;
  --eb-today-ink:#0f172a;
  --eb-today-muted:#64748b;
  --eb-today-green:#0b7a3e;
  --eb-today-green-soft:#effaf3;
  --eb-today-amber:#9a6700;
  --eb-today-red:#b42318;
  --eb-today-shadow:0 8px 26px rgba(15,23,42,.055);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--eb-today-bg);color:var(--eb-today-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
button,input{font:inherit}

.eb-today-topbar{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px clamp(16px,4vw,44px);
  border-bottom:1px solid var(--eb-today-line);
  background:rgba(255,255,255,.97);
  position:sticky;
  top:0;
  z-index:20;
}
.eb-today-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.eb-today-brand img{width:40px;height:40px;border-radius:10px}
.eb-today-brand strong{display:block;font-size:15px;line-height:1.1}
.eb-today-brand small{display:block;margin-top:3px;color:var(--eb-today-muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.eb-today-nav{display:flex;gap:8px;align-items:center}
.eb-today-nav a{padding:9px 11px;border-radius:9px;color:#475569;font-size:12px;font-weight:750;text-decoration:none}
.eb-today-nav a:hover{background:#f1f5f9;color:var(--eb-today-green)}

.eb-today-page{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:26px 0 48px}
.eb-today-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:15px}
.eb-today-kicker{margin:0 0 5px;color:var(--eb-today-green);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.eb-today-header h1{margin:0;font-size:clamp(29px,4vw,40px);letter-spacing:-.035em}
.eb-today-scan-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px;color:#334155;font-size:13px}
.eb-today-scan-line strong{font-weight:820}
.eb-today-status{padding:5px 8px;border:1px solid #b9dfc5;border-radius:999px;background:var(--eb-today-green-soft);color:var(--eb-today-green);font-size:9px;font-weight:900;letter-spacing:.08em}
.eb-today-status.is-unavailable{border-color:#f0c2bd;background:#fff2f0;color:var(--eb-today-red)}
.eb-today-comparison{margin-top:5px;color:var(--eb-today-muted);font-size:11px}
.eb-today-refresh{min-height:38px;padding:0 13px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;font-size:11px;font-weight:800;cursor:pointer}
.eb-today-refresh:hover{border-color:#9ecfb0;color:var(--eb-today-green)}
.eb-today-refresh:disabled{opacity:.55;cursor:wait}

.eb-today-loading,.eb-today-error{padding:32px;border:1px solid var(--eb-today-line);border-radius:14px;background:#fff;box-shadow:var(--eb-today-shadow);text-align:center;color:var(--eb-today-muted)}
.eb-today-error h2{margin:0 0 8px;color:var(--eb-today-ink);font-size:18px}
.eb-today-error p{margin:0 0 14px;font-size:13px}

.eb-today-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.eb-today-count{min-height:84px;padding:14px 15px;border:1px solid var(--eb-today-line);border-radius:12px;background:var(--eb-today-surface);box-shadow:0 4px 16px rgba(15,23,42,.035);text-decoration:none;transition:border-color .16s ease,transform .16s ease}
.eb-today-count:hover{border-color:#a9d7b8;transform:translateY(-1px)}
.eb-today-count strong{display:block;font-size:24px;line-height:1.05;letter-spacing:-.03em}
.eb-today-count span{display:block;margin-top:8px;color:var(--eb-today-muted);font-size:10px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}

.eb-today-section{border:1px solid var(--eb-today-line);border-radius:13px;background:var(--eb-today-surface);box-shadow:var(--eb-today-shadow);overflow:hidden}
.eb-today-watchlist{margin-bottom:12px}
.eb-today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eb-today-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px 11px;border-bottom:1px solid #edf1f5}
.eb-today-section-head h2{margin:0;font-size:14px;letter-spacing:-.01em}
.eb-today-section-head p{margin:3px 0 0;color:var(--eb-today-muted);font-size:10px;line-height:1.35}
.eb-today-section-head a{color:var(--eb-today-green);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}
.eb-today-section-head a:hover{text-decoration:underline}
.eb-today-rows{padding:2px 13px 5px}
.eb-today-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:10px 2px;border-bottom:1px solid #eef2f6}
.eb-today-row:last-child{border-bottom:0}
.eb-today-row-main{min-width:0;flex:1}
.eb-today-symbol-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.eb-today-symbol{color:var(--eb-today-green);font-size:13px;font-weight:900;text-decoration:none}
.eb-today-symbol:hover{text-decoration:underline}
.eb-today-badge{padding:3px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:850;letter-spacing:.03em}
.eb-today-item-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.eb-today-item-actions a{padding:6px 7px;border:1px solid #d8e0e7;border-radius:7px;background:#fff;color:#475569;font-size:9px;font-weight:800;text-decoration:none}
.eb-today-item-actions a:hover{border-color:#a7d5b5;color:var(--eb-today-green)}
.eb-today-events{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.eb-today-event{padding:3px 6px;border-radius:6px;background:#f8fafc;color:#475569;font-size:9.5px;font-weight:650}
.eb-today-event.up{background:var(--eb-today-green-soft);color:#166534}
.eb-today-event.down{background:#fff3f1;color:#9f2d23}
.eb-today-metric-line{display:flex;align-items:center;gap:10px;margin-top:5px;color:#475569;font-size:11px}
.eb-today-metric-line strong{color:var(--eb-today-green);font-size:11px}
.eb-today-detail-line{margin-top:5px;color:#475569;font-size:10.5px}
.eb-today-detail-line strong{color:var(--eb-today-ink);font-size:12px}
.eb-today-meta{margin-top:4px;color:var(--eb-today-muted);font-size:9.5px;line-height:1.4}
.eb-today-meta-strong{color:#475569}
.eb-today-empty{padding:20px 4px;color:#7c8999;font-size:11px;line-height:1.5;text-align:center}

.eb-today-footnote{margin:15px 2px 0;color:#8491a0;font-size:9.5px;line-height:1.55;text-align:center}

@media(max-width:820px){
  .eb-today-topbar{min-height:64px;padding:9px 12px}
  .eb-today-brand img{width:36px;height:36px}
  .eb-today-nav a{padding:8px 7px;font-size:10px}
  .eb-today-page{width:min(100% - 18px,700px);padding:18px 0 34px}
  .eb-today-header{align-items:flex-start}
  .eb-today-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .eb-today-count{min-height:76px;padding:12px}
  .eb-today-count strong{font-size:22px}
  .eb-today-grid{grid-template-columns:1fr}
  .eb-today-watchlist{order:0}
  .eb-today-resistance-section{order:1}
  .eb-today-pbi-section{order:2}
  .eb-today-recent-section{order:3}
  .eb-today-structure-section{order:4}
}

@media(max-width:520px){
  .eb-today-topbar{align-items:center}
  .eb-today-brand small{display:none}
  .eb-today-nav a:first-child{display:none}
  .eb-today-page{width:calc(100% - 14px);padding-top:14px}
  .eb-today-header{gap:10px}
  .eb-today-header h1{font-size:29px}
  .eb-today-refresh{padding:0 10px;font-size:10px}
  .eb-today-count{min-height:70px}
  .eb-today-count span{font-size:8.5px}
  .eb-today-row{align-items:flex-start;gap:8px;flex-direction:column;padding:10px 2px}
  .eb-today-item-actions{width:100%}
  .eb-today-item-actions a{min-height:31px;display:flex;align-items:center;justify-content:center;flex:1}
  .eb-today-section-head{padding:13px 12px 10px}
  .eb-today-rows{padding:2px 11px 5px}
}
