/* Mobile fix: the fixed app header must be solid, not glass/transparent, so scrolled
   dropdowns/cards cannot show through it on My Collection grid view or Comic Cut Tools. */
@media (max-width:780px){
  .topbar{
    background:#101114 !important;
    background-image:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.55) !important;
    z-index:3000 !important;
  }

  /* Keep every set-overview stat on one row on phones: Sets / Signature / Total Cards / Most Used Issue. */
  .ccc-set-overview-grid,
  .ccc-issue-series-overview-grid{
    grid-template-columns:minmax(38px,.55fr) minmax(54px,.7fr) minmax(52px,.7fr) minmax(0,1.55fr) !important;
    gap:5px !important;
  }
  .ccc-set-overview-stat,
  .ccc-issue-series-overview-grid .ccc-set-overview-stat{
    grid-column:auto !important;
    padding:6px 5px !important;
    gap:2px !important;
  }
  .ccc-set-overview-stat label,
  .ccc-issue-series-overview-grid .ccc-set-overview-stat label{
    font-size:7px !important;
    letter-spacing:.035em !important;
    white-space:normal !important;
    line-height:1.05 !important;
  }
  .ccc-set-overview-stat strong,
  .ccc-issue-series-overview-grid .ccc-set-overview-stat strong{
    font-size:10px !important;
    line-height:1.1 !important;
  }
  .ccc-set-overview-stat:nth-child(4) strong,
  .ccc-issue-series-overview-grid .ccc-set-overview-stat:nth-child(4) strong{
    font-size:9px !important;
    line-height:1.08 !important;
  }
}