/* FourColorComic v40.31.94 — Dashboard density + readability refresh
   Purpose: eliminate the large dead zones on populated dashboards, make the
   most important numbers readable at a glance, and keep the dashboard dense
   without feeling cramped.  This file intentionally loads after v40.31.93. */

/* ---------- Desktop composition ---------- */
#dashboard .v413-dashboard{
  grid-template-columns:minmax(0,2.08fr) minmax(390px,.92fr);
  gap:16px;
  align-items:start;
}

/* The XP area and collection summary now fully occupy the left side of row 1. */
#dashboard .fcc192-live-tracker{
  grid-column:1;
  grid-row:1;
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(300px,1.12fr);
  gap:14px;
  align-items:stretch;
  min-width:0;
  margin:0;
}
#dashboard .v413-overview{grid-column:2;grid-row:1;min-height:0}
#dashboard .v413-snapshot{grid-column:1;grid-row:2;min-height:0}
#dashboard .v413-movers{grid-column:2;grid-row:2;min-height:0}
#dashboard .v413-recent{grid-column:1/-1;grid-row:3}
#dashboard .v413-opportunities{grid-column:1/-1;grid-row:4}
#dashboard .v413-health{grid-column:1;grid-row:5}
#dashboard .v413-mix{grid-column:2;grid-row:5}

/* ---------- Collection XP: larger, easier to scan ---------- */
#dashboard .fcc192-live-tracker .fcc192-xp{
  min-height:448px;
  height:100%;
  padding:22px;
  border-color:rgba(126,93,255,.46);
  border-radius:16px;
  background:linear-gradient(155deg,rgba(10,18,34,.99),rgba(7,13,26,.99));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
#dashboard .fcc192-live-tracker .fcc192-xp-head{align-items:center}
#dashboard .fcc192-live-tracker .fcc192-eyebrow{font-size:12px;letter-spacing:.15em}
#dashboard .fcc192-live-tracker .fcc192-xp-head b{font-size:27px;line-height:1.05;letter-spacing:-.025em}
#dashboard .fcc192-live-tracker .fcc192-xp-total strong{font-size:36px;line-height:1;color:#a985ff}
#dashboard .fcc192-live-tracker .fcc192-xp-total span{font-size:12px;color:#c3cede}
#dashboard .fcc192-live-tracker .fcc192-xp-track{height:9px;margin:17px 0 8px;background:#09111f}
#dashboard .fcc192-xp-progress-labels{font-size:11px;color:#96a7bd}
#dashboard .fcc192-xp-progress-labels span:last-child{color:#c4adff}
#dashboard .fcc192-dashboard-tier-list{gap:3px;margin:16px 0 12px}
#dashboard .fcc192-dashboard-tier-list:before{left:12px;top:16px;bottom:16px;background:#30425f}
#dashboard .fcc192-dashboard-tier{
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:10px;
  min-height:38px;
  padding:5px 9px;
  border-radius:10px;
}
#dashboard .fcc192-dashboard-tier>span{width:10px;height:10px;margin-left:4px}
#dashboard .fcc192-dashboard-tier b{font-size:13px;font-weight:800}
#dashboard .fcc192-dashboard-tier small{font-size:11px;color:#8394aa}
#dashboard .fcc192-dashboard-tier.current>span{width:14px;height:14px;margin-left:2px}
#dashboard .fcc192-live-tracker .fcc192-xp-foot{
  padding-top:11px;
  border-top:1px solid rgba(65,83,116,.38);
  font-size:12px;
}
#dashboard .fcc192-live-tracker .fcc192-xp-foot button{font-size:12px}

/* The old 4-across stat row created the huge empty rectangle seen in the
   screenshot.  Use four full-width summary rows beside XP instead. */
#dashboard .fcc192-xp-sources{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:repeat(4,minmax(0,1fr));
  gap:10px;
  min-height:448px;
  height:100%;
  align-self:stretch;
  overflow:visible;
  border:0;
  background:transparent;
}
#dashboard .fcc192-xp-source{
  min-height:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  align-content:center;
  align-items:center;
  column-gap:14px;
  row-gap:2px;
  padding:14px 16px;
  border:1px solid #263854;
  border-radius:14px;
  background:linear-gradient(155deg,rgba(12,23,42,.99),rgba(7,14,27,.99));
  box-shadow:0 12px 26px rgba(0,0,0,.14);
  text-align:left;
}
#dashboard .fcc192-xp-source i{
  grid-column:1;
  grid-row:1/4;
  width:48px;height:48px;
  margin:0;
  border-radius:13px;
  font-size:21px;
}
#dashboard .fcc192-xp-source b{
  grid-column:2;grid-row:1;
  font-size:26px;
  line-height:1.05;
  color:#fff;
  letter-spacing:-.03em;
}
#dashboard .fcc192-xp-source span{
  grid-column:2;grid-row:2;
  font-size:11px;
  font-weight:900;
  letter-spacing:.075em;
  color:#d5deeb;
}
#dashboard .fcc192-xp-source small{
  grid-column:2;grid-row:3;
  font-size:11px;
  color:#8ea0b8;
}

/* ---------- Shared panel readability ---------- */
#dashboard .v413-panel{
  border-color:#253751;
  border-radius:15px;
  background:linear-gradient(155deg,rgba(9,18,34,.99),rgba(5,12,24,.99));
  box-shadow:0 15px 38px rgba(0,0,0,.16);
}
#dashboard .v413-panel-head{height:54px;padding:0 18px}
#dashboard .v413-panel-head h2{font-size:15px;letter-spacing:.025em}
#dashboard .v413-panel-head small{font-size:9px;padding:5px 9px}
#dashboard .v413-link{font-size:12px}

/* ---------- Portfolio Overview ---------- */
#dashboard .v413-overview-body{padding:18px 18px 14px;grid-template-columns:minmax(0,1.35fr) 148px;gap:16px}
#dashboard .v413-value-label{font-size:11px}
#dashboard .v413-total-value{font-size:39px}
#dashboard .v413-value-change{font-size:12px}
#dashboard .v413-chart{height:118px}
#dashboard .v413-featured-book .v413-cover-box{height:190px}
#dashboard .v413-featured-book b{font-size:12px}
#dashboard .v413-featured-book span{font-size:10px}
#dashboard .v413-featured-book strong{font-size:15px}
#dashboard .v413-metric-strip{gap:7px;padding:0 18px 14px}
#dashboard .v413-metric{padding:10px 10px}
#dashboard .v413-metric span{font-size:9px;letter-spacing:.055em}
#dashboard .v413-metric b{font-size:15px}
#dashboard .v413-counts{grid-template-columns:repeat(4,1fr)}
#dashboard .v413-count{grid-template-columns:30px 1fr;gap:8px;padding:11px 10px;min-height:68px}
#dashboard .v413-count i{width:30px;height:30px}
#dashboard .v413-count span{font-size:9px}
#dashboard .v413-count b{font-size:16px}
/* Pricing coverage is already surfaced clearly in Market Snapshot. Keeping it
   out of this narrow footer makes the Portfolio panel easier to read. */
#dashboard .v413-count:nth-child(5){display:none}

/* ---------- Row 2: Snapshot + Movers now sit together ---------- */
#dashboard .v413-snapshot{min-height:292px}
#dashboard .v413-snapshot-list{padding:4px 16px}
#dashboard .v413-snapshot-row{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:14px 3px}
#dashboard .v413-snapshot-row i{width:33px;height:33px;font-size:14px}
#dashboard .v413-snapshot-row span{font-size:11px}
#dashboard .v413-snapshot-row b{font-size:13px;margin-top:3px}
#dashboard .v413-snapshot-row strong{font-size:14px}

#dashboard .v413-movers{min-height:292px}
#dashboard .v413-mover-grid{grid-template-columns:1fr;gap:9px;padding:11px;height:auto}
#dashboard .v413-mover-card{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:10px;align-items:center}
#dashboard .v413-mover-card .v413-cover-box{width:66px;height:92px}
#dashboard .v413-mover-card b{font-size:12px;line-height:1.3}
#dashboard .v413-mover-card strong{font-size:18px;margin-top:7px}
#dashboard .v413-mover-card span{font-size:10px}

/* ---------- Full-width Recent Additions ---------- */
#dashboard .v413-book-strip{grid-template-columns:repeat(6,minmax(0,1fr));min-height:302px}
#dashboard .v413-book-card{padding:14px}
#dashboard .v413-book-card .v413-cover-box{height:210px}
#dashboard .v413-book-card b{margin-top:10px;font-size:12px;line-height:1.3}
#dashboard .v413-book-card span{font-size:9px}
#dashboard .v413-book-card strong{font-size:13px}

/* ---------- Lower dashboard content ---------- */
#dashboard .v413-opportunity-tabs button{font-size:11px;padding:13px 14px 11px}
#dashboard .v413-opportunity-row{grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;padding:11px 9px}
#dashboard .v413-opportunity-row .v413-cover-box{width:36px;height:52px}
#dashboard .v413-opportunity-row b{font-size:12px}
#dashboard .v413-opportunity-row span{font-size:10px}
#dashboard .v413-opportunity-row strong{font-size:12px}
#dashboard .v413-priority{font-size:9px}
#dashboard .v413-health-stats div,#dashboard .v413-mix-legend div{font-size:11px;padding:8px 0}
#dashboard .v413-gauge span{font-size:10px}
#dashboard .v413-gauge small{font-size:10px}
#dashboard .v413-donut b{font-size:17px}
#dashboard .v413-donut span{font-size:10px}

/* ---------- Responsive ---------- */
@media(max-width:1240px){
  #dashboard .v413-dashboard{grid-template-columns:minmax(0,1.65fr) minmax(350px,1fr)}
  #dashboard .fcc192-live-tracker{grid-template-columns:minmax(320px,.9fr) minmax(250px,1.1fr)}
  #dashboard .fcc192-live-tracker .fcc192-xp,#dashboard .fcc192-xp-sources{min-height:430px}
}
@media(max-width:1080px){
  #dashboard .v413-dashboard{grid-template-columns:1fr 1fr}
  #dashboard .fcc192-live-tracker{grid-column:1/-1;grid-row:1;grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)}
  #dashboard .v413-overview{grid-column:1/-1;grid-row:2}
  #dashboard .v413-snapshot{grid-column:1;grid-row:3}
  #dashboard .v413-movers{grid-column:2;grid-row:3}
  #dashboard .v413-recent{grid-column:1/-1;grid-row:4}
  #dashboard .v413-opportunities{grid-column:1/-1;grid-row:5}
  #dashboard .v413-health{grid-column:1;grid-row:6}
  #dashboard .v413-mix{grid-column:2;grid-row:6}
  #dashboard .v413-book-strip{grid-template-columns:repeat(5,1fr)}
  #dashboard .v413-book-card:nth-child(n+6){display:none}
}
@media(max-width:760px){
  #dashboard .v413-dashboard{grid-template-columns:1fr;gap:12px}
  #dashboard .fcc192-live-tracker{grid-column:1;grid-template-columns:1fr}
  #dashboard .fcc192-live-tracker .fcc192-xp{min-height:0}
  #dashboard .fcc192-xp-sources{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0;height:auto}
  #dashboard .fcc192-xp-source{min-height:112px}
  #dashboard .v413-overview,#dashboard .v413-snapshot,#dashboard .v413-movers,#dashboard .v413-recent,#dashboard .v413-opportunities,#dashboard .v413-health,#dashboard .v413-mix{grid-column:1;grid-row:auto}
  #dashboard .v413-book-strip{grid-template-columns:repeat(2,1fr)}
  #dashboard .v413-book-card:nth-child(n+5){display:none}
  #dashboard .v413-book-card .v413-cover-box{height:190px}
  #dashboard .v413-counts{grid-template-columns:1fr 1fr}
  #dashboard .v413-count:nth-child(2n){border-right:0}
}
@media(max-width:480px){
  #dashboard .fcc192-xp-sources{grid-template-columns:1fr}
  #dashboard .fcc192-xp-source{min-height:96px}
  #dashboard .fcc192-live-tracker .fcc192-xp-head b{font-size:24px}
  #dashboard .fcc192-live-tracker .fcc192-xp-total strong{font-size:31px}
  #dashboard .fcc192-dashboard-tier b{font-size:12px}
  #dashboard .fcc192-dashboard-tier small{font-size:10px}
}