/* Four Color Comic v40.31.44 — SKU, Sold alignment/provenance, token-free grading, daily Discover */

/* --------------------------------------------------------------------------
   Shared SKU presentation
   -------------------------------------------------------------------------- */
.v403144-sku{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  margin-top:6px!important;
  padding:3px 7px!important;
  border:1px solid #34424b!important;
  border-radius:6px!important;
  background:#0a1319!important;
  color:#b9c7d2!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}
.v403144-sku.empty{
  border-color:transparent!important;
  background:transparent!important;
  color:#667680!important;
  padding-left:0!important;
  padding-right:0!important;
}
#collection .titlecell .v403144-sku{display:table!important;width:max-content!important}
#collectionCards .v403144-sku{margin-top:5px!important}

/* --------------------------------------------------------------------------
   Sold — fixed card visibility, table geometry, alignment and larger controls
   -------------------------------------------------------------------------- */
#sold #soldCards:not(.hidden){display:grid!important}
#sold #soldTable:not(.hidden){display:block!important}
#sold #soldCards.hidden,
#sold #soldTable.hidden{display:none!important}

#sold .v403144-sold-tablewrap{
  width:100%!important;
  overflow-x:auto!important;
  border-radius:10px!important;
}
#sold .v403144-sold-table{
  width:100%!important;
  min-width:1450px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
#sold .v403144-sold-table col.cover{width:92px!important}
#sold .v403144-sold-table col.book{width:270px!important}
#sold .v403144-sold-table col.sku{width:130px!important}
#sold .v403144-sold-table col.money{width:138px!important}
#sold .v403144-sold-table col.pl{width:118px!important}
#sold .v403144-sold-table col.roi{width:96px!important}
#sold .v403144-sold-table col.source{width:150px!important}
#sold .v403144-sold-table col.date{width:132px!important}
#sold .v403144-sold-table col.actions{width:205px!important}
#sold .v403144-sold-table th,
#sold .v403144-sold-table td{
  box-sizing:border-box!important;
  padding:14px 12px!important;
  vertical-align:middle!important;
}
#sold .v403144-sold-table th{
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
#sold .v403144-sold-table td{
  font-size:13px!important;
  line-height:1.3!important;
}
#sold .v403144-sold-table tbody tr{height:136px!important}
#sold .v403144-sold-table th.number,
#sold .v403144-sold-table td.number{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
#sold .v403144-sold-table td.number b{font-size:14px!important}
#sold .v403144-sold-table .titlecell strong{
  display:block!important;
  font-size:14px!important;
  line-height:1.25!important;
}
#sold .v403144-sold-table .titlecell>.muted{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
}
#sold .v403144-sold-table .row-strategy{
  margin-top:6px!important;
  max-width:240px!important;
  font-size:10px!important;
  line-height:1.3!important;
}
#sold .v403144-sold-cover{
  text-align:center!important;
}
#sold .v403144-sold-cover img{
  display:block!important;
  width:58px!important;
  height:86px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:6px!important;
  background:#050b0f!important;
  border:1px solid #2c3a42!important;
}
#sold .v403144-sold-table td:nth-child(3),
#sold .v403144-sold-table td:nth-child(8),
#sold .v403144-sold-table td:nth-child(9),
#sold .v403144-sold-table td:nth-child(10){text-align:center!important}
#sold .v403144-sold-table td:nth-child(10) .row-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
}
#sold .v403144-sold-table .btn{
  min-height:36px!important;
  padding:8px 10px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#sold .sale-date{
  display:inline-block!important;
  white-space:nowrap!important;
  color:#c4ced6!important;
  font-size:11px!important;
}
.v403144-sale-source{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:27px!important;
  padding:5px 8px!important;
  border:1px solid #3a4851!important;
  border-radius:999px!important;
  background:#0b141a!important;
  color:#c9d2d9!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.v403144-sale-source.marketplace{
  border-color:#2c6a52!important;
  background:rgba(45,138,96,.12)!important;
  color:#6edaa8!important;
}
.v403144-sale-source.manual{
  border-color:#5b526f!important;
  background:rgba(117,92,165,.10)!important;
  color:#c3b3e8!important;
}

#sold #soldCards.v403144-sold-cards,
#sold #soldCards{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr))!important;
  gap:14px!important;
}
#sold .v403144-sold-card{
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-height:270px!important;
  padding:14px!important;
}
#sold .v403144-sold-card-cover{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
}
#sold .v403144-sold-card-cover img,
#sold .v403144-cover-empty{
  width:128px!important;
  aspect-ratio:2/3!important;
  object-fit:contain!important;
  object-position:center!important;
  border:1px solid #2c3a42!important;
  border-radius:8px!important;
  background:#050b0f!important;
}
#sold .v403144-cover-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#6f7e89!important;
  font-size:11px!important;
}
#sold .v403144-sold-card-main{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:100%!important;
}
#sold .v403144-sold-card-main>.split{
  align-items:flex-start!important;
  gap:10px!important;
}
#sold .v403144-sold-card h3{
  margin:0!important;
  font-size:17px!important;
  line-height:1.2!important;
}
#sold .v403144-sold-card .bookmeta{
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#sold .v403144-sold-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:13px!important;
}
#sold .v403144-sold-stats .mini{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:66px!important;
  padding:9px 10px!important;
  border:1px solid #26343a!important;
  border-radius:8px!important;
  background:#081116!important;
}
#sold .v403144-sold-stats .mini>span{
  margin-bottom:5px!important;
  color:#8595a1!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
#sold .v403144-sold-stats .mini>b{
  min-width:0!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-variant-numeric:tabular-nums!important;
}
#sold .v403144-sold-stats .v403144-sale-source{font-size:9px!important}
#sold .v403144-sold-card .note{
  margin-top:10px!important;
  font-size:11px!important;
  line-height:1.4!important;
}
#sold .v403144-sold-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:12px!important;
}
#sold .v403144-sold-actions .btn{
  min-height:37px!important;
  padding:8px 11px!important;
  font-size:11px!important;
}

#sold .v403144-sold-pager{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:10px 0!important;
  padding:9px 2px!important;
}
#sold .v403144-sold-pager .v28-page-summary{
  font-size:11px!important;
  white-space:nowrap!important;
}
#sold .v403144-sold-pager .v28-page-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  font-size:11px!important;
}
#sold .v403144-sold-pager label{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
}
#sold .v403144-sold-pager .select{
  min-width:72px!important;
  min-height:36px!important;
  padding:6px 26px 6px 9px!important;
  font-size:11px!important;
}
#sold .v403144-sold-pager .btn{
  min-height:36px!important;
  padding:7px 10px!important;
  font-size:11px!important;
}

/* --------------------------------------------------------------------------
   Grading — explicit no-AI presentation and predictable alignment
   -------------------------------------------------------------------------- */
#grading .v403144-no-ai-banner{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:10px 12px!important;
  border:1px solid #2b5b4a!important;
  border-radius:8px!important;
  background:rgba(43,112,79,.10)!important;
  color:#d7e5dd!important;
}
#grading .v403144-no-ai-banner b{
  color:#67d7a4!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
#grading .v403144-no-ai-banner span{
  font-size:11px!important;
  line-height:1.35!important;
}
#grading .v403144-grade-section+ .v403144-grade-section{margin-top:18px!important}
#grading .v403144-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:9px!important;
}
#grading .v403144-section-head h3{margin:0!important;font-size:15px!important}
#grading .v403144-grade-card{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-height:255px!important;
  padding:14px!important;
}
#grading .v403144-grade-cover img,
#grading .v403144-grade-cover .v403144-cover-empty{
  width:120px!important;
  aspect-ratio:2/3!important;
  object-fit:contain!important;
  border:1px solid #2c3a42!important;
  border-radius:8px!important;
  background:#050b0f!important;
}
#grading .v403144-grade-cover .v403144-cover-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#6f7e89!important;
  font-size:11px!important;
}
#grading .v403144-grade-main{min-width:0!important}
#grading .v403144-grade-main h3{font-size:16px!important;line-height:1.2!important}
#grading .v403144-grade-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
#grading .v403144-grade-stats .mini{
  min-height:60px!important;
  padding:9px 10px!important;
}
#grading .v403144-grade-stats .mini span{font-size:9px!important}
#grading .v403144-grade-stats .mini b{font-size:13px!important;font-variant-numeric:tabular-nums!important}
#grading .v403144-grade-note{
  margin-top:10px!important;
  font-size:11px!important;
  line-height:1.4!important;
}
#grading .v403144-grade-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:10px!important;
}
#grading .v403144-grade-actions .btn{min-height:36px!important;padding:8px 11px!important;font-size:11px!important}
#grading .v403144-grading-table{
  width:100%!important;
  min-width:1080px!important;
  table-layout:fixed!important;
}
#grading .v403144-grading-table th,
#grading .v403144-grading-table td{
  padding:12px 11px!important;
  vertical-align:middle!important;
  font-size:12px!important;
}
#grading .v403144-grading-table th{font-size:10px!important;white-space:nowrap!important}
#grading .v403144-grading-table td.number,
#grading .v403144-grading-table th.number{text-align:right!important;font-variant-numeric:tabular-nums!important}
#grading .v403144-grade-table-cover img{
  display:block!important;
  width:48px!important;
  height:72px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  border-radius:5px!important;
  background:#050b0f!important;
}

/* Discover daily content: keep the three daily blocks equal and readable. */
#discover #fccDailyFact,
#discover #fccDailyWhy,
#discover #fccDailyTakeaway{line-height:1.52!important}
#discover #fccDailyFactBadge{white-space:nowrap!important}

/* Explicit profit/loss colors. */
#sold .good{color:#56d59a!important}
#sold .bad{color:#ff676f!important}

@media(max-width:900px){
  #sold .v403144-sold-card{grid-template-columns:104px minmax(0,1fr)!important}
  #sold .v403144-sold-card-cover img,
  #sold .v403144-sold-card-cover .v403144-cover-empty{width:104px!important}
  #sold .v403144-sold-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #grading .v403144-grade-card{grid-template-columns:104px minmax(0,1fr)!important}
  #grading .v403144-grade-cover img,
  #grading .v403144-grade-cover .v403144-cover-empty{width:104px!important}
  #sold .v403144-sold-pager{align-items:flex-start!important;flex-direction:column!important}
  #sold .v403144-sold-pager .v28-page-controls{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
}
@media(max-width:600px){
  #sold .v403144-sold-card,
  #grading .v403144-grade-card{grid-template-columns:1fr!important}
  #sold .v403144-sold-card-cover,
  #grading .v403144-grade-cover{justify-content:flex-start!important}
  #sold .v403144-sold-stats,
  #grading .v403144-grade-stats{grid-template-columns:1fr 1fr!important}
  #grading .v403144-no-ai-banner{align-items:flex-start!important;flex-direction:column!important}
}

/* Sale source is system-owned and intentionally read-only. */
#saleSourceDisplay[readonly]{
  color:#cbd5dc!important;
  background:#081116!important;
  border-color:#33434d!important;
  cursor:default!important;
}
#saleSourceHelp{margin-top:5px!important;line-height:1.35!important}
