/* Shared collector pages: use the storefront palette and a consistent spacing scale. */
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;src:url('https://nascardexchange.com/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;src:url('https://nascardexchange.com/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2') format('woff2');font-display:swap}
.collector-app{background:#fff;font-family:'Work Sans',system-ui,sans-serif;line-height:1.6}
.collector-app main{padding-top:24px;padding-bottom:48px;min-width:0}
.collector-app h1,.collector-app h2,.collector-app h3,.collector-app .stat b{font-family:'Work Sans',system-ui,sans-serif;letter-spacing:normal;line-height:1.35}
.collector-app h2,.collector-app h3{font-size:1.2rem}
.collector-app p{margin:0 0 16px;overflow-wrap:anywhere}
.collector-app .kicker,.collector-app .eyebrow{margin-bottom:8px}
.collector-app .app-page-heading,.collector-app .gallery-heading{display:flex;align-items:center;gap:12px;width:100%;font-size:1.2rem;font-weight:700;line-height:1.35;background:#fff7d0;border:1px solid #e8c455;border-radius:12px;padding:10px 16px;margin:0 0 16px}
.collector-app.signed-out .collection-page-heading{display:none}
.collector-app .section-head{align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 20px}
.collector-app .section-head>div:first-child{flex:1 1 480px;min-width:0}
.collector-app .section-head p{margin:8px 0 0}
.collector-app .section-head h2{margin:0}
.collector-app .panel,.collector-app .gallery-panel{border-radius:12px;padding:24px;margin:0 0 28px}
.collector-app .panel>h2,.collector-app .panel>h3{margin:0 0 12px}
.collector-app .overview-section{margin:32px 0}
.collector-app .overview-section h3{font-size:1.2rem;margin:0 0 8px}
.collector-app .stats{gap:16px;margin:24px 0 32px}
.collector-app .toolbar{gap:16px;align-items:end}
.collector-app .toolbar label,.collector-app .trade-field{min-width:0;flex-basis:200px}
.collector-app .toolbar input,.collector-app .toolbar select{margin-top:8px}
.collector-app input,.collector-app textarea,.collector-app select{font:inherit;max-width:100%;min-width:0;line-height:1.5}
.collector-app .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-family:inherit;line-height:1.4;letter-spacing:normal;text-decoration:none;text-align:center;padding:10px 16px;border-radius:8px;white-space:normal}
.collector-app .button.primary{background:#f6c900;border-color:#e1b800;color:#202020}
.collector-app .actions,.collector-app .gallery-actions{gap:12px;flex-wrap:wrap}
.collector-app .badge{display:inline-block;line-height:1.5;vertical-align:middle}
.collector-app .set-card-copy{display:grid;gap:6px;min-width:0}
.collector-app .set-card strong,.collector-app .set-card .count,.collector-app .set-card .checklist-count{margin:0;line-height:1.45}
.collector-app .card summary{line-height:1.55;gap:16px}
.collector-app .card summary>div{min-width:0;overflow-wrap:anywhere}
.collector-app .variant{padding:16px 0}
.collector-app .variant strong{margin-bottom:10px}
.collector-app .choices{gap:10px}
.collector-app .profile-settings{gap:16px;padding-top:20px}
.collector-app .profile-settings p{margin:0}
.collector-app .profile-settings form{gap:16px}
.collector-app .profile-settings summary{margin-bottom:16px}
.collector-app .profile-settings input{font:inherit}
.collector-app .trade-panel{margin:28px 0;padding:24px}
.collector-app .trade-panel h2{font-size:1.2rem;margin:0 0 12px}
.collector-app .trade-panel>p{margin:0 0 16px}
.collector-app .trade-listings{gap:18px;margin-top:20px}
.collector-app .trade-listing{padding:18px;gap:16px;line-height:1.6}
.collector-app .trade-listing-copy>*+*{margin-top:10px}
.collector-app .trade-listing .button{margin-top:16px}
.collector-app .trade-guide{gap:16px;margin:24px 0 32px}
.collector-app .trade-guide-step{row-gap:6px;padding:18px}
.collector-app .trade-guide-step small{line-height:1.6}
.collector-app .trade-readonly{padding:14px 0;line-height:1.6}
.collector-app .trade-field{margin:16px 0}
.collector-app .trade-admin-actions{display:flex;gap:12px;flex-wrap:wrap}
.collector-app .showoff-fields{gap:20px}
.collector-app .gallery-panel label{margin-bottom:20px;gap:10px}
.collector-app .gallery-panel input,.collector-app .gallery-panel textarea{font-weight:400}
.collector-app .gallery-panel input[readonly]{background:#f5f5f5}
.collector-app .gallery-panel .section-head{margin-bottom:24px}
.collector-app .showoff-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px}
.collector-app .showoff-copy>*{margin:0;max-width:100%}
.collector-app .showoff-copy h3{font-size:1.05rem}
.collector-app .showoff-copy .gallery-actions{margin-top:8px}
.collector-app .showoff-grid{gap:24px;margin:20px 0 40px}
.collector-app .gallery-help{line-height:1.7;margin:12px 0 20px}
.collector-app .gallery-process{gap:12px;margin:20px 0 28px}
.collector-app #history-panel+section{margin-top:36px}
.collector-app .share-items{gap:16px;margin:24px 0 28px}
.collector-app .share-items li{padding:20px;gap:16px;line-height:1.6;min-width:0}
.collector-app .share-items small{margin-top:8px}
.collector-app :focus-visible{outline:3px solid #947500;outline-offset:3px}
.collector-app [hidden]{display:none!important}
@media(max-width:700px){
 .collector-app .header-inner{flex-wrap:nowrap}
 .collector-app main{padding-top:20px;padding-bottom:32px}
 .collector-app .section-head{align-items:stretch;flex-direction:column;gap:12px}
 .collector-app .section-head>div:first-child{flex-basis:auto;width:100%}
 .collector-app .panel,.collector-app .gallery-panel,.collector-app .trade-panel{padding:18px}
 .collector-app .stats{gap:10px;margin:20px 0 28px}
 .collector-app .stat{padding:14px}
 .collector-app .stat span{font-size:11px;letter-spacing:normal}
 .collector-app .trade-options,.collector-app .share-items{grid-template-columns:minmax(0,1fr)}
 .collector-app .trade-field{min-width:0}
 .collector-app .showoff-copy{padding:18px}
 .collector-app .results-meta{align-items:flex-start;flex-direction:column;gap:8px}
 .collector-app .share-link-row .actions{width:100%}
}

/* Empty states should use the whole grid, and standalone controls need room too. */
.collector-app .showoff-grid>.empty{grid-column:1/-1;text-align:left;margin:0;padding:20px;border:1px dashed #ddd;border-radius:10px;background:#fafafa}
.collector-app .panel>.button{margin:0 12px 12px 0}
.collector-app .trade-page>#load{margin-bottom:24px}
.collector-app:has(#showoff-login:not([hidden])) a[href="/auth/logout"]{display:none}