/* DRTSHT-FEATURES 20261031 (live) — Color Block: flat ink / gold / red, no glow, gradient, blur or emoji.
   Panels: normal rounded corners (var(--r-lg)). Pills: buttons and tags only. */
body.cb .ft-tag{
  display:inline-flex;align-items:center;gap:4px;vertical-align:middle;
  padding:2px 8px;margin:0 0 0 6px;border-radius:var(--r-pill)!important;
  border:1.5px solid var(--gold);background:transparent;color:var(--gold);
  font:800 10px/1.2 "Manrope",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
}
body.cb .ft-tag--sm{margin:0 6px 0 0;padding:1px 6px}
body.cb .cb-board-sub{white-space:normal}
body.cb .ft-tagrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
body.cb .ft-tagrow .ft-tag{margin:0}
body.cb .ft-board-note{margin:2px 0 0;font:600 11px/1.4 "Manrope",system-ui,sans-serif;color:var(--muted)}
body.cb .ft-prov-note{
  text-align:center;font:700 11px/1.35 "Manrope",system-ui,sans-serif;color:var(--gold);
  border:1.5px solid var(--gold);border-radius:var(--r-sm);padding:6px 8px;
}

/* Monthly accuracy chart */
body.cb .ft-chart{
  margin-top:20px;padding:16px;border-radius:var(--r-lg);background:var(--ink);border:1px solid var(--line);
}
body.cb .ft-chart-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:12px}
body.cb .ft-chart-title{margin:0;font:700 15px/1.2 "Unbounded",system-ui,sans-serif;color:#fff;letter-spacing:-.01em;text-transform:uppercase}
body.cb .ft-chart-sub{font:600 11px/1.4 "Manrope",system-ui,sans-serif;color:var(--muted)}
body.cb .ft-chart-empty,body.cb .ft-chart-foot{margin:8px 0 0;font:500 12px/1.5 "Manrope",system-ui,sans-serif;color:#C9CDD6}
body.cb .ft-cols{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(44px,1fr);gap:8px;overflow-x:auto}
body.cb .ft-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px}
body.cb .ft-col-val{font:800 13px/1 "Manrope",system-ui,sans-serif;color:#fff}
body.cb .ft-col.is-empty .ft-col-val{color:var(--muted)}
body.cb .ft-col-track{position:relative;display:block;width:100%;max-width:56px;height:120px;background:#232733;border-radius:var(--r-sm);overflow:hidden}
body.cb .ft-col-fill{position:absolute;left:0;right:0;bottom:0;background:var(--gold)}
body.cb .ft-col-fill.is-low{background:var(--red)}
body.cb .ft-col-month{font:700 11px/1.2 "Manrope",system-ui,sans-serif;color:#E6E8EE;white-space:nowrap}
body.cb .ft-col-n{font:600 11px/1.2 "Manrope",system-ui,sans-serif;color:var(--muted)}

/* Follow buttons */
body.cb .ft-follow{
  display:inline-flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;
  border-radius:var(--r-pill)!important;border:1.5px solid var(--gold)!important;background:transparent!important;color:var(--gold)!important;
  font:700 12px/1.2 "Manrope",system-ui,sans-serif!important;letter-spacing:.02em;
}
body.cb .ft-follow:hover{background:var(--gold)!important;color:var(--ink)!important}
body.cb .ft-follow.is-on{background:var(--gold)!important;color:var(--ink)!important}
body.cb .ft-follow:focus-visible,body.cb .ft-btn:focus-visible,body.cb .ft-chip-x:focus-visible,body.cb .ft-alert-h:focus-visible{outline:2px solid var(--cream);outline-offset:2px}
body.cb .ft-follow-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}

/* Follows & alerts panel (left rail; drops below the trust board on phones) */
body.cb .ft-alerts{
  background:var(--ink);border-radius:var(--r-lg);padding:12px;flex:0 0 auto;
  display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--cream);
}
body.cb .ft-head{border-bottom:1px solid var(--line);padding-bottom:10px}
body.cb .ft-kicker{display:block;font:700 10px/1.2 "Manrope",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
body.cb .ft-title{margin:4px 0 0;font:700 16px/1.15 "Unbounded",system-ui,sans-serif;color:#fff;letter-spacing:-.02em;text-transform:uppercase}
body.cb .ft-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:6px;border-radius:var(--r-pill);background:var(--red);color:#fff;font:800 12px/1 "Manrope",system-ui,sans-serif;vertical-align:middle}
body.cb .ft-p{margin:0;font:500 12px/1.5 "Manrope",system-ui,sans-serif;color:#D5D8DF}
body.cb .ft-sub{margin-top:4px;font:800 10px/1.2 "Manrope",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
body.cb .ft-btn{
  align-self:flex-start;padding:7px 14px;cursor:pointer;border-radius:var(--r-pill)!important;
  border:1.5px solid var(--gold)!important;background:var(--gold)!important;color:var(--ink)!important;
  font:800 12px/1.2 "Manrope",system-ui,sans-serif!important;letter-spacing:.04em;text-transform:uppercase;
}
body.cb .ft-btn.is-on{background:transparent!important;color:var(--gold)!important;text-transform:none}
body.cb .ft-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
body.cb .ft-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:var(--r-pill);background:#232733;font:700 12px/1.2 "Manrope",system-ui,sans-serif;color:#fff}
body.cb .ft-chip-x{border:0!important;background:transparent!important;color:var(--gold)!important;font:700 11px/1 "Manrope",system-ui,sans-serif!important;padding:4px 6px;cursor:pointer;text-decoration:underline}
body.cb .ft-alert-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
body.cb .ft-alert{display:grid;gap:2px;padding:8px 10px;border-radius:var(--r-sm);background:#12141A;border:1px solid var(--line)}
body.cb .ft-alert.is-new{border-color:var(--gold)}
body.cb .ft-alert-k{font:800 10px/1.2 "Manrope",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
body.cb .ft-alert-k.is-true{color:var(--ok)}
body.cb .ft-alert-k.is-false{color:#FF6B74}
body.cb .ft-alert-h{border:0!important;background:transparent!important;padding:0!important;text-align:left;cursor:pointer;color:#fff!important;font:700 12px/1.35 "Manrope",system-ui,sans-serif!important}
body.cb .ft-alert-h:hover{color:var(--gold)!important;text-decoration:underline}
body.cb .ft-alert-why{font:500 11px/1.3 "Manrope",system-ui,sans-serif;color:var(--muted)}
@media(max-width:900px){
  body.cb .ft-alerts{order:4;margin:0;border-radius:0;padding:20px 16px 28px;border-top:1px solid var(--line)}
}
