/* Collect It All v24 — phone readability and interaction audit */
.v24-home-brand{cursor:pointer;border-radius:12px;padding:3px 6px;margin-left:-6px;transition:.16s ease}
.v24-home-brand:hover,.v24-home-brand:focus-visible{background:rgba(255,255,255,.07);outline:2px solid rgba(117,220,255,.55);outline-offset:2px}
.v24-wrap{overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.v24-nav-hint{display:none;color:var(--muted);font-size:10px;text-align:center;margin:-4px 0 0;transition:.2s opacity}.v24-nav-hint.seen{opacity:0}
.v19-delete-duplicate[disabled],#deleteAllDuplicates[disabled],#reviewDuplicates[disabled]{opacity:.55;cursor:wait}
#duplicateStatus{margin-top:12px;white-space:normal;overflow-wrap:anywhere}

@media(max-width:760px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:14px;line-height:1.45}
  input,select,textarea{font-size:16px!important;max-width:100%}
  button,.btn,.tabbtn{touch-action:manipulation}
  .topbar{position:sticky}
  .topinner{padding:9px 10px 7px!important;gap:7px!important}
  .topinner .brand{width:100%;white-space:normal;font-size:16px}
  .topinner .brand small{display:none!important}
  .topinner .cloud-user{min-width:0;gap:6px;padding:5px 7px;width:100%}
  .cloud-user-email{max-width:58vw!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topinner .tabs{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:5px!important;gap:4px!important}
  .topinner .tabs .tabbtn{flex:0 0 auto;scroll-snap-align:start;min-height:40px;padding:9px 11px!important;font-size:12px!important}
  .v24-nav-hint{display:block}
  .content{padding:12px 9px 28px!important}
  .panel,.card,.callout{max-width:100%;overflow:hidden}
  .panel{padding:13px!important}
  h1{font-size:clamp(28px,10vw,40px)!important;line-height:1.05!important}
  h2{font-size:clamp(21px,7vw,29px)!important;line-height:1.14!important}
  h3{font-size:17px!important;line-height:1.22!important}
  .muted,.tiny,.status,.callout{line-height:1.45}
  .split,.btnrow,.catalog-detail-actions,.v19-catalog-actions,.v21-mobile-actions{flex-wrap:wrap!important;align-items:stretch!important}
  .btnrow>.btn,.catalog-detail-actions>.btn,.v19-catalog-actions>.btn{flex:1 1 100%!important;width:100%;justify-content:center;min-height:44px}
  .toolbar,.formgrid,.inline-grid-2,.inline-grid-3,.settingsgrid,.pricing-grid,.two,.metrics,.bookstats,.sold-summary-grid,.mix-type-stats,.mix-insights{grid-template-columns:1fr!important}
  .field,.field.grow{grid-column:auto!important;width:100%}
  .bookcard{grid-template-columns:68px minmax(0,1fr)!important;gap:10px!important;padding:10px!important}
  .bookcard img{width:68px!important;height:102px!important}
  .bookcard .btnrow{grid-column:1/-1;display:grid!important;grid-template-columns:1fr!important}
  .v19-duplicate-modal{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px);overflow:auto;padding:13px!important}
  .v19-duplicate-group{padding:9px!important}
  .v19-duplicate-book{grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;align-items:start!important}
  .v19-duplicate-book>.badge,.v19-duplicate-book>.btn{grid-column:1/-1;width:100%;justify-content:center;margin-top:3px}
  .v19-duplicate-book img{width:40px!important;height:60px!important}
  .modal{width:calc(100vw - 14px)!important;max-width:none!important;max-height:calc(100dvh - 14px)!important;overflow:auto!important;padding:13px!important;border-radius:16px!important}
  .modalhead{gap:8px;align-items:flex-start}.modalhead .close{flex:0 0 auto}
  .v19-catalog-grid,.v19-market-grid,.v19-photo-grid{grid-template-columns:1fr!important}
  .v21-catalog-card{grid-template-columns:82px minmax(0,1fr)!important}
  .v21-catalog-card .v19-catalog-cover{min-height:122px!important}
  .v19-catalog-copy{padding:10px!important}
  .v19-listing-detail,.v19-sell-grid,.v19-message-layout,.v19-catalog-detail-grid{grid-template-columns:1fr!important}
  .v19-message{max-width:92%!important}
  .membership-hero{padding:17px!important;gap:16px!important}
  .membership-price-card .price{font-size:50px!important}
  .table td{overflow-wrap:anywhere}
  .table td.cover-cell{width:58px!important;margin-right:9px!important}
  .cover{width:52px!important;height:76px!important}
  canvas{max-width:100%;height:auto!important}
}

@media(max-width:380px){
  .topinner .tabs .tabbtn{font-size:11px!important;padding:8px 9px!important}
  .cloud-user-email{max-width:50vw!important}
  .content{padding-left:7px!important;padding-right:7px!important}
  .panel{padding:11px!important}
}