/* Copyright (c) 2026 Donnie Chamberlin. All rights reserved. Proprietary and confidential. */
.pack-options { min-width:0; border:1px solid var(--line); border-radius:14px; padding:16px; margin:12px 0; }
.pack-options legend { padding:0 8px; color:var(--neon); font-weight:800; }
#pack-description-options summary { min-height:44px; cursor:pointer; display:flex; align-items:center; color:var(--muted); }
#pack-upload-queue { display:grid; gap:10px; }
#owner-pack-area .pack-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); }
#owner-pack-area .input { min-width:0; max-width:100%; }
#owner-pack-area .field,#owner-pack-area .grid-two { min-width:0; }
.pack-upload-row { display:flex; align-items:center; gap:12px; border:1px solid var(--line); border-radius:12px; padding:12px; }
.pack-upload-row img { width:64px; height:64px; object-fit:contain; flex-shrink:0; }
.pack-upload-row .grow { flex:1; min-width:0; }
.pack-upload-row label { display:block; overflow-wrap:anywhere; margin-bottom:6px; font-size:13px; color:var(--muted); }
.pack-upload-row .btn { min-height:44px; }
@media(max-width:600px){.pack-upload-row{flex-wrap:wrap;}.pack-upload-row .grow{min-width:140px;}.pack-upload-row .btn{margin-left:auto;}.pack-options{padding:12px;}}

#owner-pack-form{border-top:1px solid var(--line);padding-top:20px;}#pack-editor-status:empty,#pack-publish-check:empty{display:none;}#pack-editor-status:not(:empty),#pack-publish-check:not(:empty){padding:14px;border:1px solid var(--neon);border-radius:12px;}.pack-editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0;}.pack-state-pill{padding:10px 14px;border:1px solid var(--line);border-radius:24px;color:var(--neon);}.pack-save-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;position:sticky;bottom:12px;background:var(--panel);padding:12px;border:1px solid var(--line);border-radius:14px;z-index:2;}.pack-save-row span{font-size:13px;color:var(--muted);}#owner-pack-list{max-height:440px;overflow:auto;}#pack-editor .pack-grid .box{min-width:0;}

.reaction-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;}.reaction-library-card img{width:120px;height:120px;object-fit:contain;max-width:100%;}.reaction-library-card h3{overflow-wrap:anywhere;}.reaction-library-card{min-width:0;}#reaction-library select,#reaction-library input{min-width:0;max-width:100%;}

.reaction-sale-options summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--muted);}.reaction-sale-options form{padding-bottom:12px;}.reaction-sale-options small{display:block;color:var(--muted);font-size:12px;}@media(min-width:1000px){#owner-pack-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start;}#owner-pack-form>.pack-options{grid-column:2;grid-row:1/span 7;margin-top:0;}#owner-pack-form>:not(.pack-options):not(.pack-save-row):not(#pack-publish-check){grid-column:1;}#owner-pack-form>.pack-save-row,#owner-pack-form>#pack-publish-check{grid-column:1/-1;}}

.pack-save-row{position:static;}#owner-pack-form .pack-options .grid-two{grid-template-columns:1fr;}

#owner-pack-form{max-width:none;}#pack-editor-status,#pack-publish-check{max-width:none;}

.pack-sale-options{border:1px solid var(--line);padding:12px;border-radius:12px;}.pack-sale-options summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--neon);font-weight:700;}
/* Central promotion editor: keep the item picker contained as the shop grows. */
#promotion-form{max-width:none;width:100%}
#promotion-selection-list{max-height:450px;overflow:auto;overscroll-behavior:contain;display:grid;gap:12px;padding:3px}
#promotion-selection-list>.box{padding:18px;margin:0}
#promotion-selection-list .check-line{min-height:44px;overflow-wrap:anywhere}
#promotion-selection-list .promotion-reactions{display:grid;gap:6px;margin-top:12px}
#promotion-list{display:grid;gap:16px}
#promotion-list .page-heading{margin:0;align-items:center}
#promotion-list h2{overflow-wrap:anywhere}
@media(max-width:600px){#promotion-selection-list{max-height:360px}#promotion-list .pack-editor-actions{width:100%;flex-wrap:wrap}}