/* 22 October feedback pass: pure presentation. Preserve the research model. */

/* Identical usable viewport width and no duplicated breadcrumb/status header. */
body.dashboard-active .topbar,body.value-active .topbar{display:none!important}
body.dashboard-active .content,body.value-active .content{
  box-sizing:border-box;width:100%;max-width:1720px!important;margin-inline:auto;
  padding:18px clamp(15px,1.8vw,29px) 28px!important
}
body.dashboard-active .page-heading,body.value-active .page-heading{display:none!important}
body.dashboard-active .workspace-tabs,body.value-active .workspace-tabs{top:0}

/* The original photographic asset remains. Remove tinted opacity, soft extra
   layers and illustration; show the image at its native aspect as clearly as
   the original file allows, with only a light readability gradient. */
.tw-premium-hero.tw-photo-hero{
  grid-template-columns:minmax(0,1fr)!important;
  min-height:206px!important;
  padding:27px 30px!important;
  border-radius:15px!important;
  background:#0c1d25!important
}
.tw-premium-hero.tw-photo-hero::before{
  opacity:1!important;
  background-image:
    linear-gradient(90deg,#0c1a22 0%,#0c1a22f2 28%,#0c1a22ad 54%,#0c1a2218 84%),
    url('/assets/greyhound-racing-hero.webp')!important;
  background-size:cover!important;
  background-position:center 42%!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.tw-premium-hero.tw-photo-hero::after{content:none!important}
.tw-photo-hero .tw-hero-copy{max-width:min(680px,67%);z-index:1}
.tw-photo-hero .tw-hero-copy p{max-width:580px}
.tw-photo-hero .tw-hero-signals{margin-top:17px}
.tw-photo-hero .tw-hero-overline{letter-spacing:1.3px}
.tw-photo-hero .tw-hero-art{display:none!important}
.tw-hero-tools{position:absolute;z-index:2;top:14px;right:15px;display:none;gap:7px}
.tw-hero-tools button{border-radius:8px;background:#0d202bd9;border:1px solid #34505c;color:#e9f4f9;
  padding:8px 11px;font-size:12px;font-weight:750;min-height:36px}
.tw-hero-tools button:hover{border-color:#8db7ba;background:#1b3744}
.tw-hero-tools button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.tw-assurance-line{display:none!important}

/* Star threshold: five consistent, tactile controls; no duplicated trailing label. */
.dashboard-controls .rating-control{min-width:0}
.dashboard-controls .strategy-integer-stars{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;
  background:#0c1720!important;border:1px solid #2f4550;border-radius:10px;
  padding:6px;min-height:47px
}
.dashboard-controls .strategy-integer-stars button{
  font-family:inherit;font-size:12px!important;letter-spacing:0!important;
  line-height:1!important;display:grid;place-items:center;height:35px!important;width:100%!important;
  min-width:0;padding:0 4px!important;border:1px solid #3a5360!important;border-radius:7px!important;
  background:#14232d!important;color:#afc0c9!important;
  font-weight:850!important;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s;
}
.dashboard-controls .strategy-integer-stars button.full,
.dashboard-controls .strategy-integer-stars button[aria-pressed="true"]{
  background:var(--lime)!important;border-color:var(--lime)!important;color:#142113!important;
  box-shadow:0 0 0 1px #c9f76a33,0 3px 11px #c9f76a16
}
.dashboard-controls .strategy-integer-stars button:not(.full):hover{background:#1d3640!important;color:#ecfbfc!important}
.dashboard-controls .strategy-integer-stars button:focus-visible{outline:2px solid #c9f76a;outline-offset:2px}
.dashboard-controls .strategy-integer-stars>b{display:none!important}

/* Consistent runner trap numbers in collapsed rows, expanded field, spotlight,
   header and evidence; keep the established coloured trap identities. */
#dashboard-view .trap,#value-view .trap{
  display:inline-grid!important;place-items:center!important;
  vertical-align:middle;flex:none!important;
  width:27px!important;height:29px!important;min-width:27px;
  margin:0!important;padding:0!important;text-align:center!important;
  line-height:1!important;font-size:12px!important;font-weight:850!important
}
#dashboard-view .value-dog{display:flex!important;align-items:center!important;gap:10px}
#dashboard-view .value-dog>.trap{align-self:center;margin:0!important}
#dashboard-view .dashboard-field-row>span:first-child{gap:11px;align-items:center}
#dashboard-view .dashboard-field-row .trap{align-self:center}
#dashboard-view .dash-selection .trap{vertical-align:middle}
#dashboard-view .value-dog b{line-height:1.35}

/* Tight, natural-height runner breakdown: remove fixed 500–600px columns and
   use local scrolling only for genuinely long evidence. */
body.dashboard-active .value-expansion{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px!important;padding:0 15px 15px!important;align-items:start!important
}
body.dashboard-active .value-expansion .dashboard-field,
body.dashboard-active .value-expansion .dashboard-detail{
  height:auto!important;min-height:0!important;max-height:none!important;
  border-radius:11px!important
}
body.dashboard-active .dashboard-field .dash-panel-heading{padding:11px 14px!important}
body.dashboard-active .dashboard-field .dashboard-field-head{padding:8px 13px!important}
body.dashboard-active .dashboard-field .dashboard-field-row{
  padding:9px 13px!important;min-height:48px!important;column-gap:8px
}
body.dashboard-active .dashboard-detail{display:flex;flex-direction:column}
body.dashboard-active .dashboard-detail .dash-tabs{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px;background:#101c24;padding:6px!important;border-bottom:1px solid #2d404a
}
body.dashboard-active .dashboard-detail .dash-tabs button{
  min-width:0!important;min-height:35px!important;padding:7px 9px!important;
  border:1px solid transparent!important;border-radius:7px!important;
  color:#98aeb9!important;background:transparent!important;font-size:11px!important;font-weight:800
}
body.dashboard-active .dashboard-detail .dash-tabs button.active,
body.dashboard-active .dashboard-detail .dash-tabs button[aria-selected="true"]{
  color:#f7fafc!important;background:#1f323e!important;border-color:#314e5c!important
}
body.dashboard-active .dashboard-detail .dash-tabs button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
body.dashboard-active .dashboard-detail .dashboard-detail-body{
  padding:15px 17px 17px!important;
  height:auto!important;flex:auto!important;min-height:0!important;
  max-height:460px!important;overflow:auto!important;scrollbar-width:thin
}
body.dashboard-active .dashboard-detail .dash-selection{align-items:center;gap:10px}
body.dashboard-active .dashboard-detail .dash-selection .eyebrow{font-size:9px;letter-spacing:1px}
body.dashboard-active .dashboard-detail .dash-selection h2{font-size:18px;margin:6px 0 2px!important}
body.dashboard-active .dashboard-detail .dash-selection p{font-size:10px}
body.dashboard-active .dashboard-detail .dash-price-card{
  margin:13px 0 11px!important;padding:11px 13px!important;border-radius:9px!important
}
body.dashboard-active .dashboard-detail .dash-price-card.awaiting{border-color:#344b53;background:#13232a}
body.dashboard-active .dashboard-detail .dash-price-card.awaiting b{font-size:15px;color:#e0edf3}
body.dashboard-active .dashboard-detail .tw-compact-stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin:0!important;border-radius:9px
}
body.dashboard-active .dashboard-detail .tw-compact-stats>span{padding:12px 13px!important}
body.dashboard-active .dashboard-detail .tw-compact-stats b{font-size:18px}

/* Evidence: real field-rank facts, not raw calibration/debug tiles. */
.tw-evidence-clean{padding:0;margin:0;color:#eaf3f6}
.tw-evidence-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.tw-evidence-intro h3{display:flex;align-items:center;gap:9px;margin:6px 0 2px;
  font-size:19px!important;line-height:1.3}
.tw-evidence-intro .eyebrow{font-size:9px!important;letter-spacing:1.2px}
.tw-evidence-intro p{font-size:11px;color:#a8bfc7;line-height:1.55}
.tw-evidence-rank{border:1px solid #556847;background:#1b2922;padding:8px 10px;border-radius:8px;
  color:#d9f998;font-weight:900;font-size:19px;white-space:nowrap;text-align:right;line-height:1.2}
.tw-evidence-rank small{display:block;color:#9eafaa;font-weight:550;font-size:8px;letter-spacing:0}
.tw-evidence-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  border:1px solid #324550;border-radius:9px;background:#111f28;margin:0 0 17px;overflow:hidden}
.tw-evidence-summary>div{padding:11px 12px;display:grid;gap:4px;border-right:1px solid #324550;min-width:0}
.tw-evidence-summary>div:last-child{border:0}
.tw-evidence-summary small{color:#8faab6;font-size:8px;letter-spacing:.7px}
.tw-evidence-summary b{font-size:17px;line-height:1.1}
.tw-evidence-summary em{font-style:normal;font-size:10px;color:#99b1b8}
.tw-evidence-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px}
.tw-evidence-heading b{font-size:11px;color:#edf5f7;letter-spacing:.1px}
.tw-evidence-heading span{font-size:9px;color:#78939f}
.tw-evidence-heading.secondary{margin-top:16px}
.tw-evidence-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tw-evidence-primary-card{
  min-width:0;border:1px solid #334750;border-radius:9px;background:#11212a;
  padding:12px;display:grid;gap:6px;align-content:center
}
.tw-evidence-primary-card>span{color:#a3bac4;font-size:10px;font-weight:650}
.tw-evidence-primary-card>strong{color:#ebf2f4;font-size:16px;line-height:1.2}
.tw-evidence-primary-card>small{font-size:9px;color:#8ca5b0}
.tw-evidence-primary-card.best{border-color:#708e50;background:#1c2b21}
.tw-evidence-primary-card.best>strong{color:#d4fa8c}
.tw-evidence-primary-card.top>strong{color:#d5e7f0}
.tw-evidence-primary-card.unavailable>strong{color:#8ba3ad;font-size:12px}
.tw-evidence-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.tw-evidence-secondary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border:1px solid #283b47;border-radius:8px;background:#101c25;min-width:0}
.tw-evidence-secondary-row>span{font-size:10px;color:#96afbc}
.tw-evidence-secondary-row>strong{font-size:11px;color:#dce8ed;white-space:nowrap}
.tw-evidence-secondary-row.best strong{color:#cbf486}
.tw-evidence-secondary-row.unavailable strong{color:#7e96a2;font-size:10px}
.tw-evidence-interpretation{font-size:9px;line-height:1.6;color:#809ca8;margin:13px 0 0!important}

/* Real reason for missing bookmaker odds may not be known from cached data;
   no speculative source blame and no fictional price. */
.tw-bookmakers-panel{min-width:0}
.tw-bookmakers-panel .selected-runner-head{margin-bottom:12px!important}
.tw-unpriced-state{
  display:grid;gap:8px;align-items:start;padding:18px;border-radius:10px;
  background:linear-gradient(135deg,#10212b,#101d27);border:1px dashed #365465;
}
.tw-unpriced-state>span{color:#9fc7d4;font-size:22px;line-height:1}
.tw-unpriced-state strong{color:#e5f0f4;font-size:13px;line-height:1.5}
.tw-unpriced-state p{font-size:11px;color:#99b4bf;line-height:1.7;margin:0!important;max-width:570px}
.tw-bookmakers-panel .footnote{margin-top:13px;line-height:1.6}
@media(max-width:990px){
 body.dashboard-active .value-expansion{grid-template-columns:1fr}
 body.dashboard-active .dashboard-field{display:none}
}
@media(max-width:700px){
 body.dashboard-active .content,body.value-active .content{padding:13px 12px 24px!important}
 .tw-premium-hero.tw-photo-hero{min-height:225px!important;padding:24px 17px 15px!important}
 .tw-photo-hero .tw-hero-copy{max-width:100%;padding-right:6px}
 .tw-premium-hero.tw-photo-hero::before{
   background-image:linear-gradient(90deg,#0c1a22f9 0%,#0c1a22e8 57%,#0c1a2266 100%),
   url('/assets/greyhound-racing-hero.webp')!important;background-position:60% center!important
 }
 .tw-hero-tools{display:flex;top:9px;right:9px}
 .tw-photo-hero .tw-hero-copy{padding-top:28px}
 .tw-photo-hero .tw-hero-signals{margin-top:14px}
 .dashboard-controls .strategy-integer-stars{gap:4px;padding:5px}
 .dashboard-controls .strategy-integer-stars button{font-size:11px!important;height:37px!important;padding:0 2px!important}
 body.dashboard-active .value-expansion{padding:0 9px 12px!important}
 body.dashboard-active .dashboard-detail .dashboard-detail-body{max-height:470px!important;padding:12px!important}
 .tw-evidence-intro{flex-wrap:wrap}
 .tw-evidence-primary-card{padding:10px}
 .tw-evidence-primary-card>strong{font-size:14px}
 .tw-evidence-summary>div{padding:10px 8px}
 .tw-evidence-summary b{font-size:14px}
 .tw-evidence-summary small{font-size:8px}
 .tw-evidence-secondary-grid{grid-template-columns:1fr}
 .tw-evidence-rank{font-size:16px}
 .tw-evidence-rank small{font-size:9px}
}
@media(max-width:370px){
 .tw-evidence-primary-grid{grid-template-columns:1fr}
 .tw-evidence-summary{grid-template-columns:1fr}
 .tw-evidence-summary>div{border-right:0;border-bottom:1px solid #324550}
}