* { box-sizing:border-box; }
  body { background:var(--bg); color:var(--text); font:14px/1.5 -apple-system,"Segoe UI",Roboto,Helvetica,sans-serif; margin:0; padding:0; overflow-x:hidden; }
  .site-nav { width:min(1500px,calc(100% - 36px)); margin-top:18px; }
  .dp-shell { width:min(1400px,calc(100% - 36px)); margin:0 auto 22px; }
  .whb { max-width:100%; overflow:hidden; }
  a { text-decoration:none; color:inherit; }
  h1 { font-size:20px; font-weight:700; margin:0; }
  h2 { font-size:13px; margin:0 0 4px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; font-weight:600; }
  .muted { color:var(--muted); }
  .sm { font-size:12px; }
  .panel { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:14px 16px; margin-bottom:14px; min-width:0; overflow-wrap:break-word; }
  .toprow { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; }
  .chip { display:inline-flex; align-items:center; font-size:11.5px; padding:2px 9px; border-radius:20px; border:1px solid var(--line); background:var(--panel2); color:var(--muted); white-space:normal; max-width:100%; }
  .chip.warn { background:rgba(255,190,0,.10); border-color:rgba(255,190,0,.35); color:#b8860b; }
  .chip.lag { background:rgba(120,130,180,.10); border-color:rgba(120,130,180,.30); color:var(--muted); }
  .chip.ok { background:rgba(35,134,54,.10); border-color:rgba(35,134,54,.30); color:var(--up); }
  .chip.up { background:rgba(35,134,54,.12); border-color:rgba(35,134,54,.35); color:var(--up); }
  .chip.dn { background:rgba(220,50,50,.10); border-color:rgba(220,50,50,.30); color:var(--down); }
  .chip.new-venue { background:rgba(100,120,200,.12); border-color:rgba(100,120,200,.30); color:var(--muted); }
  .chip.preset { cursor:pointer; user-select:none; }
  .chip.preset:hover { background:var(--panel2); border-color:var(--text); color:var(--text); }
  .chip.preset.active { background:var(--accent,#2563eb); border-color:transparent; color:#fff; }
  .honest-box { background:rgba(255,190,0,.07); border:1px solid rgba(255,190,0,.25); border-radius:8px; padding:10px 14px; margin-bottom:14px; font-size:12.5px; line-height:1.6; color:var(--muted); overflow-wrap:break-word; }
  .honest-box strong { color:var(--text); }
  /* Table */
  .tbl-wrap { overflow-x:auto; margin-top:8px; max-width:100%; -webkit-overflow-scrolling:touch; }
  table.dp-tbl { border-collapse:collapse; width:100%; font-size:12.5px; }
  table.dp-tbl th { color:var(--muted); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.04em; padding:6px 8px; border-bottom:1px solid var(--line); text-align:right; white-space:nowrap; cursor:pointer; user-select:none; }
  table.dp-tbl th:first-child { text-align:left; }
  table.dp-tbl th.sort-asc::after { content:' ▲'; font-size:9px; }
  table.dp-tbl th.sort-desc::after { content:' ▼'; font-size:9px; }
  table.dp-tbl td { padding:5px 8px; border-bottom:1px solid var(--line); text-align:right; font-variant-numeric:tabular-nums; }
  table.dp-tbl td:first-child { text-align:left; font-weight:600; }
  table.dp-tbl tr:hover td { background:var(--panel2); }
  .num-pos { color:var(--up); }
  .num-neg { color:var(--down); }
  .num-neu { color:var(--muted); }
  /* Norm chip inside td */
  .norm-chip { display:inline-block; font-size:10.5px; padding:1px 7px; border-radius:12px; white-space:nowrap; }
  .norm-hi2  { background:rgba(220,50,50,.14); color:var(--down); }
  .norm-hi1  { background:rgba(220,50,50,.07); color:var(--down); }
  .norm-mid  { background:var(--panel2); color:var(--muted); }
  .norm-lo1  { background:rgba(35,134,54,.07); color:var(--up); }
  .norm-lo2  { background:rgba(35,134,54,.14); color:var(--up); }
  /* Sparkline */
  .spark-cell { min-width:90px; }
  svg.spark { display:block; overflow:visible; }
  /* ATS venue table */
  .venue-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:10px; margin-top:10px; }
  .venue-card { background:var(--panel2); border:1px solid var(--line); border-radius:8px; padding:10px 12px; min-width:0; overflow-wrap:break-word; }
  .venue-card .vname { font-size:12.5px; font-weight:600; margin-bottom:2px; }
  .venue-card .vmpid { font-size:11px; color:var(--muted); margin-bottom:4px; }
  .venue-card .vstat { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:11.5px; margin-bottom:4px; }
  .venue-card .vstat .lbl { color:var(--muted); }
  .venue-card .vchips { display:flex; flex-wrap:wrap; gap:5px; margin-top:4px; }
  /* Filters row */
  .filters-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:10px; }
  .dp-input { background:var(--panel2); border:1px solid var(--line); border-radius:8px; padding:5px 10px; font-size:13px; color:var(--text); outline:none; }
  .dp-input::placeholder { color:var(--muted); }
  .dp-select { background:var(--panel2); border:1px solid var(--line); border-radius:8px; padding:5px 8px; font-size:12px; color:var(--text); outline:none; }
  #dp-search { max-width:200px; }
  #dp-min-share { max-width:90px; }
  .clear-btn { font-size:12px; color:var(--muted); cursor:pointer; padding:4px 8px; border:1px solid var(--line); border-radius:8px; background:none; }
  .clear-btn:hover { border-color:var(--text); color:var(--text); }
  .export-btn { font-size:12px; color:var(--muted); cursor:pointer; padding:4px 8px; border:1px solid var(--line); border-radius:8px; background:none; margin-left:auto; }
  .export-btn:hover { border-color:var(--text); color:var(--text); }
  .row-count { font-size:11.5px; color:var(--muted); }
  .presets-row { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
  /* tip popover */
  .tip-wrap { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%; border:1px solid var(--muted); color:var(--muted); font-size:9px; font-weight:700; cursor:help; position:relative; vertical-align:middle; margin-left:3px; }
  .tip-pop { display:none; position:absolute; top:140%; left:50%; transform:translateX(-50%); width:min(260px,calc(100vw - 32px)); background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:9px 12px; z-index:80; font-size:12px; line-height:1.5; color:var(--text); box-shadow:0 4px 16px rgba(0,0,0,.18); pointer-events:none; white-space:normal; overflow-wrap:break-word; }
  .tip-wrap:hover .tip-pop { display:block; }
  /* sc-hide responsive */
  @media (max-width:900px) { .sc-hide { display:none; } }
  @media (max-width:640px) {
    .site-nav,.dp-shell { width:min(1500px,calc(100% - 24px)); }
    .site-nav { margin-top:12px; }
    .panel { padding:12px; border-radius:8px; }
    .toprow { align-items:flex-start; }
    .sc-hide-sm { display:none; }
    table.dp-tbl { font-size:12px; }
    table.dp-tbl td,table.dp-tbl th { padding:5px 6px; }
    #dp-search { max-width:none; }
  }
  @media (max-width:480px) { .sc-hide-xs { display:none; } }