/* css/overview-cards.css — full replacement. Scoped to body:not(.crime-mode) #screen-game .overview-studio */

/* ---------- Column layout ---------- */
body:not(.crime-mode) #screen-game .overview-studio .ov-dashboard-columns{
  display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:10px;align-items:start;margin-bottom:10px
}
@media(max-width:850px){
  body:not(.crime-mode) #screen-game .overview-studio .ov-dashboard-columns{grid-template-columns:minmax(0,1fr)}
}
body:not(.crime-mode) #screen-game .overview-studio .ov-primary-stack,
body:not(.crime-mode) #screen-game .overview-studio .ov-secondary-stack{
  display:flex;flex-direction:column;gap:8px;min-width:0
}
body:not(.crime-mode) #screen-game .overview-studio .ov-primary-stack > *,
body:not(.crime-mode) #screen-game .overview-studio .ov-secondary-stack > *{min-width:0}

/* ---------- News / portfolio panel wrappers ---------- */
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio{width:100%;min-width:0}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio > .ov-card{
  background:linear-gradient(135deg,#fffbef,#fbf3e2);border:1px solid #c49c55;border-radius:10px;
  padding:10px 12px;box-shadow:inset 0 0 0 3px #fffbef,inset 0 0 0 4px #e4cfaa;
  color:#1e2a26;font-size:12.5px;line-height:1.42;overflow-wrap:anywhere;min-width:0
}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .ov-heading{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 8px;
  font-family:Georgia,serif;font-size:17px;font-weight:700;color:#086049
}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .ov-heading svg{width:20px;height:20px;flex:0 0 20px}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-total{
  margin-left:auto;color:#086049;font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0
}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-count{font-size:12px;margin-bottom:6px;color:#626455}

/* ---------- News list ---------- */
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-news-list{display:flex;flex-direction:column;gap:6px}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-news-item{
  display:flex;align-items:flex-start;gap:8px;padding:6px 8px;min-width:0;
  background:#fffdf7;border:1px solid rgba(180,150,90,.25);border-radius:9px;font-size:12.5px
}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-news-icon{flex:0 0 22px}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-news-icon svg{width:18px;height:18px}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-news-item > span:last-child{min-width:0;flex:1;overflow-wrap:anywhere}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-news-days{
  display:inline-block;border:1px solid #e1cda7;border-radius:5px;padding:0 4px;font-size:11px;color:#7a6a4d
}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio .oc-news-effect{color:#1f7a4d}

/* ---------- Footer: referrals + inline crime slot ---------- */
body:not(.crime-mode) #screen-game .overview-studio .oc-footer-row{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:10px 0
}
body:not(.crime-mode) #screen-game .overview-studio .oc-overview-actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;width:auto;max-width:100%;min-width:0
}
body:not(.crime-mode) #screen-game .overview-studio .oc-overview-actions .oc-shortcut{
  display:inline-flex;align-items:center;gap:7px;min-height:36px;max-width:100%;
  flex:0 1 auto;padding:6px 9px;color:#07513f;
  font:600 13px/1.3 Georgia,serif;text-align:left;cursor:pointer
}
body:not(.crime-mode) #screen-game .overview-studio .oc-overview-actions .oc-shortcut .ico{width:18px;height:18px;flex:0 0 18px}
body:not(.crime-mode) #screen-game .overview-studio .oc-overview-actions .oc-shortcut > span{min-width:0;overflow-wrap:anywhere}
body:not(.crime-mode) #screen-game .overview-studio .oc-overview-actions .oc-shortcut-meta{
  display:inline-flex;align-items:center;gap:3px;margin-left:4px;font:600 11px system-ui,sans-serif
}
body:not(.crime-mode) #screen-game .overview-studio .oc-overview-actions .oc-shortcut-meta .ico{width:14px;height:14px;flex-basis:14px}
body:not(.crime-mode) #screen-game .overview-studio .oc-footer-row .oc-crime-slot{
  flex:0 0 auto;width:auto;min-width:0;display:flex;align-items:center;justify-content:center;margin-left:auto
}
@media(max-width:600px){
  body:not(.crime-mode) #screen-game .overview-studio .oc-overview-actions .oc-shortcut{min-height:44px}
}
body:not(.crime-mode) #screen-game .overview-studio .oc-flash-note{font-size:11px;color:#626455;margin:7px 0;text-align:left}
body:not(.crime-mode) #screen-game .overview-studio .ov-news-portfolio button:focus-visible,
body:not(.crime-mode) #screen-game .overview-studio .oc-overview-actions button:focus-visible{outline:3px solid #9e6c20;outline-offset:2px}

/* ---------- Ticker icons (narrow) ---------- */
body:not(.crime-mode) #screen-game #news-text .oc-ticker-icon{
  display:inline-flex;align-items:center;justify-content:center;margin-right:4px;padding:2px;
  background:#fffdf7;border:1px solid rgba(180,150,90,.35);border-radius:50%
}
body:not(.crime-mode) #screen-game #news-text .oc-ticker-icon svg{width:18px;height:18px;vertical-align:middle;display:block}
body:not(.crime-mode) #screen-game #news-text .oc-ticker-text{vertical-align:middle}

/* Holdings + season only — scoped overrides */
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holdings-list{
  display:flex;flex-direction:column;gap:4px;min-width:0
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding{
  min-width:0;background:#fffdf7;border:1px solid rgba(180,150,90,.25);border-radius:9px;
  font-size:12.5px;color:#1e2a26;overflow:hidden
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding > summary{
  list-style:none;cursor:pointer
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding > summary::-webkit-details-marker{display:none}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-sum{
  display:grid;grid-template-columns:20px minmax(0,1fr) auto 14px;align-items:center;
  gap:0 8px;padding:5px 8px;min-height:38px;min-width:0;background:#fffbef
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-icon{
  width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex:0 0 20px
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-icon svg{width:20px;height:20px}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-copy{
  display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-copy strong{font-size:12.5px;line-height:1.3;overflow-wrap:anywhere}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-val{color:#6d6350;font-size:11px;font-variant-numeric:tabular-nums}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-pl{
  font-size:12.5px;font-weight:700;white-space:normal;overflow-wrap:anywhere;max-width:100%;font-variant-numeric:tabular-nums
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .ov-positive{color:#1f7a4d}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .ov-negative{color:#c0392b}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-unknown{color:#7a6a4d}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-chev{
  width:8px;height:8px;border-right:2px solid #086049;border-bottom:2px solid #086049;
  transform:rotate(45deg);justify-self:center;transition:transform .15s
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card details[open] > summary .oc-chev{transform:rotate(-135deg)}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-body{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px 8px;
  padding:6px 8px;border-top:1px solid rgba(180,150,90,.2);min-width:0
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-detail{
  display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-detail strong{font-size:12.5px;overflow-wrap:anywhere}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-detail small{color:#6d6350;font-size:11px;overflow-wrap:anywhere}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-actions{display:flex;gap:4px;flex-wrap:nowrap}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-actions .btn{
  font:600 12px/1.3 system-ui,sans-serif;padding:6px 9px;min-height:36px;min-width:0;flex:0 0 auto
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .btn-success{
  background:linear-gradient(#0b654e,#064b3b);color:#fffbef;border:1px solid #c49c55
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .btn-danger{
  background:#fffbef;color:#9f342c;border:1px solid #bd8b75
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-more{
  margin-top:2px;border:1px solid rgba(180,150,90,.25);border-radius:9px;background:#fffdf7
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-more > summary{
  list-style:none;cursor:pointer;padding:6px 8px;font:600 12px system-ui,sans-serif;color:#086049;min-height:36px;display:flex;align-items:center
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-more > summary::-webkit-details-marker{display:none}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-more .oc-holding{
  margin:4px;background:#fffdf7
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .ov-empty{
  color:#7a6a4d;font-size:12.5px;margin:4px 0;overflow-wrap:anywhere
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-market{
  width:auto;max-width:100%;margin-top:6px;padding:7px 12px;min-height:36px;
  font:600 12px/1.3 system-ui,sans-serif;background:linear-gradient(#0b654e,#064b3b);color:#fffbef;border:1px solid #c49c55
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-total{
  margin-left:auto;color:#086049;font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0
}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-count{font-size:12px;margin-bottom:6px;color:#626455}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card summary:focus-visible,
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card button:focus-visible,
body:not(.crime-mode) #screen-game .overview-studio .ov-season summary:focus-visible{
  outline:3px solid #9e6c20;outline-offset:2px
}
@media(max-width:600px){
  body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-actions .btn{min-height:44px}
  body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-market{min-height:44px}
  body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-more > summary{min-height:44px}
  body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-body{grid-template-columns:minmax(0,1fr) auto}
  body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-body .oc-actions{grid-column:1/-1;flex-wrap:wrap}
}

/* Season: native disclosure chip */
body:not(.crime-mode) #screen-game .overview-studio details.ov-season{
  display:inline-flex;flex-direction:column;width:max-content;max-width:100%;min-width:0;
  padding:0;margin-bottom:8px;background:#fffbef;border:1px solid #c49c55;border-radius:10px;
  color:#1e2a26;font-size:12.5px;line-height:1.4;overflow:hidden
}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season > summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
  padding:5px 10px;min-height:38px;min-width:0;max-width:100%
}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season > summary::-webkit-details-marker{display:none}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season .oc-season-badge{
  width:24px;height:24px;display:grid;place-items:center;border:1px solid #c49c55;border-radius:7px;background:#fff5df;flex:none
}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season .oc-season-badge svg,
body:not(.crime-mode) #screen-game .overview-studio details.ov-season .oc-season-badge img{width:18px;height:18px;display:block}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season .ov-heading{
  margin:0;font-family:Georgia,serif;font-size:16px;font-weight:700;color:#086049;
  white-space:nowrap;overflow-wrap:normal;word-break:keep-all;min-width:0
}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season .oc-chev{
  width:8px;height:8px;border-right:2px solid #086049;border-bottom:2px solid #086049;
  transform:rotate(45deg);flex:none;margin-left:2px;transition:transform .15s
}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season[open] > summary .oc-chev{transform:rotate(-135deg)}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season .oc-season-desc{
  margin:0;padding:2px 10px 8px;font-size:12px;color:#3b332a;
  width:min(100%,420px);max-width:100%;min-width:0;overflow-wrap:anywhere;box-sizing:border-box
}
@media(max-width:600px){
  body:not(.crime-mode) #screen-game .overview-studio details.ov-season > summary{min-height:38px;padding:5px 8px}
  body:not(.crime-mode) #screen-game .overview-studio details.ov-season .ov-heading{font-size:15px}
}

/* Equal compact cards, inside the independent primary column. */
body:not(.crime-mode) #screen-game .overview-studio .ov-brief-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start;min-width:0}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding{display:block;padding:0;margin:0;min-height:0}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-body{grid-template-columns:minmax(0,1fr)}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-pl{max-width:100px}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-sum{padding:4px 6px;gap:0 5px}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-more>summary:after{content:'▾';margin-left:auto}
body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-more[open]>summary:after{content:'▴'}
@media(max-width:1100px){body:not(.crime-mode) #screen-game .overview-studio .ov-brief-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){body:not(.crime-mode) #screen-game .overview-studio .ov-portfolio-card .oc-holding-sum{min-height:44px}}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season[open]{width:min(420px,100%)}
body:not(.crime-mode) #screen-game .overview-studio details.ov-season .oc-season-desc{width:100%}

body:not(.crime-mode) #screen-game .overview-studio .ov-notice-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0 0 8px;min-width:0}
body:not(.crime-mode) #screen-game .overview-studio .ov-notice-actions .ov-season{margin:0}