/* Staging-only Pick Your Spots UI; scoped to avoid Straight Fill styling changes */
#pickPreview{width:100%;padding:28px 16px 70px;box-sizing:border-box;color:var(--text,#eaf0ff)}
#pickPreview[hidden],#pickEditBox[hidden],#pickParseReview[hidden]{display:none!important}
.pick-container{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.pick-heading h2{font-size:27px;margin:13px 0 5px}.pick-heading p,.pick-panel p{font-size:13px;color:#a6b4cc;line-height:1.5;margin:6px 0 14px}
.pick-heading button,.pick-container button,.pick-container select,.pick-container input,.pick-container textarea{font:inherit}
.pick-container button{border:1px solid #39455c;border-radius:8px;background:#1b2535;color:#e9edff;padding:10px 13px;cursor:pointer;font-size:12px;font-weight:700}
.pick-container button:hover{border-color:#a88bf9}.pick-container button:focus-visible{outline:2px solid #b7a1ff;outline-offset:2px}
.pick-container button.pick-primary{background:#a78bfa;color:#131321;border-color:#a78bfa}.pick-container button.pick-danger{border-color:#643747;color:#ffb3bf;background:#281b28}
.pick-container label{font-size:12px;font-weight:700;color:#c8d2e6;display:flex;flex-direction:column;gap:6px;min-width:0}
.pick-container input:not([type=checkbox]):not([type=file]),.pick-container select,.pick-container textarea{box-sizing:border-box;min-width:0;width:100%;border:1px solid #354159;background:#0d1421;color:#f0f3ff;border-radius:8px;padding:11px;font-size:13px}
.pick-container textarea{resize:vertical;line-height:1.5}.pick-container input:focus,.pick-container textarea:focus{outline:2px solid #9f82ed;outline-offset:1px}
.pick-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) minmax(120px,1fr) auto;gap:12px;align-items:end;padding:18px;background:#151d2b;border:1px solid #303a4b;border-radius:13px}
.pick-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pick-overview>div{background:#171f2d;border:1px solid #303a4b;padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.pick-overview strong{font-size:19px;color:#bb9dff}.pick-overview small,.pick-muted{font-size:12px;color:#a4b1c5}
.pick-progress{height:7px;border-radius:9px;background:#293348;overflow:hidden}.pick-progress span{display:block;background:#ab8afa;height:100%;width:0;transition:width .2s}
.pick-sync{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pick-sync span{margin-right:auto;font-size:12px;color:#6fe3b7}.pick-sync span[data-kind=warn]{color:#ffca84}.pick-message{min-height:16px;color:#ffd18c;font-size:12px}
.pick-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:15px;align-items:start}.pick-side{display:flex;flex-direction:column;gap:15px}
.pick-panel{background:#151d2b;border:1px solid #303a4b;border-radius:13px;padding:18px;min-width:0}.pick-panel h3{margin:0 0 7px;font-size:17px;color:#f4f5ff}.pick-panel label{margin:10px 0}.pick-panel-title p{margin-bottom:12px}
.pick-filters{display:grid;grid-template-columns:140px 1fr;gap:8px}.pick-legend{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:#acbad0;margin:14px 0}
.pick-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;overflow:visible;padding:3px}
.pick-container .pick-cell{padding:0;aspect-ratio:1;min-height:29px;border-radius:6px;background:#202a3a;color:#e3eaf8;border:1px solid #35445a;font-size:11px;font-weight:650}
.pick-container .pick-cell.claimed{background:#3b2d59;border-color:#7957b9;color:#eadcff}.pick-container .pick-cell.paid{background:#183e38;border-color:#297963;color:#8df1c9}.pick-container .pick-cell.selected{background:#9476ec;border:2px solid #e0d3ff;color:#10101b}
.pick-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pick-inline input{flex:1}.pick-edit,.pick-review{border:1px solid #68599b;background:#211c35;padding:14px;border-radius:10px;margin-top:15px}.pick-edit h3{margin-bottom:10px}.pick-container label.pick-check{flex-direction:row;align-items:center}.pick-check input{width:auto}
.pick-participant{border-bottom:1px solid #2e394a;padding:12px 0;display:flex;justify-content:space-between;gap:10px;align-items:start}.pick-participant>div:first-child{min-width:0}.pick-participant strong{display:block;overflow-wrap:anywhere}.pick-participant small{display:block;color:#a6b5ca;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.pick-row-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:end}.pick-container .pick-row-actions button{padding:7px;font-size:10px}.pick-backups{margin-bottom:30px}
@media(max-width:760px){.pick-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-toolbar label:first-child{grid-column:1/-1}.pick-layout{grid-template-columns:1fr}.pick-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-container{gap:12px}.pick-grid{gap:4px}.pick-container .pick-cell{min-height:27px}.pick-participant{flex-direction:column}.pick-row-actions{justify-content:start}}
@media(max-width:380px){.pick-toolbar{grid-template-columns:1fr}.pick-toolbar label:first-child{grid-column:auto}.pick-grid{gap:2px}.pick-container .pick-cell{font-size:10px;min-height:24px}.pick-panel{padding:12px}.pick-filters{grid-template-columns:1fr}}

/* Pick mode: full-width fixed header with aligned inner controls. */
@media (min-width:1024px) {
 #appShell.tool-pick-mode:not([hidden]) > header {width:100%!important;max-width:none!important;padding-left:max(20px,calc((100% - 1060px)/2))!important;padding-right:max(20px,calc((100% - 1060px)/2))!important;}
}

/* Numbered giveaway: show the entire board without an internal scrollbar. */
.pick-grid{max-height:none!important;overflow:visible!important;align-content:start}
.pick-container .pick-cell{min-height:0;aspect-ratio:1}
.pick-legend{align-items:center;gap:14px}.pick-legend span{display:inline-flex;align-items:center;gap:5px}
.pick-key{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid #35445a;background:#202a3a}
.pick-key.claimed{background:#3b2d59;border-color:#7957b9}.pick-key.paid{background:#183e38;border-color:#297963}.pick-key.selected{background:#9476ec;border-color:#e0d3ff}
.pick-inline-message{font-size:12px;line-height:1.4;min-height:0;margin:8px 0 0!important}.pick-inline-message:empty{display:none}.pick-inline-message[data-kind=error]{color:#ffb3bf}.pick-inline-message[data-kind=ok]{color:#6fe3b7}
@media(min-width:761px){.pick-filters{grid-template-columns:140px minmax(0,1fr)} }

/* Staging Pick Your Spots: compact layout and Straight Fill-inspired dashboard */
#pickPreview.tool-pick-preview{width:100%;margin:0;padding:14px 16px 64px}
#pickPreview .pick-container{max-width:1120px;gap:14px}
#pickPreview .pick-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#pickPreview .pick-heading h2{margin:0;font-size:23px}
#pickPreview .pick-heading p{flex-basis:100%;margin:0 0 3px}
#pickPreview .pick-toolbar{grid-template-columns:minmax(0,2fr) minmax(110px,1fr) minmax(130px,1fr) auto;align-items:end;padding:14px}
#pickPreview .pick-toolbar .pick-inline-message{grid-column:1/-1;margin:0}
#pickPreview .pick-overview{grid-template-columns:minmax(230px,1.65fr) repeat(4,minmax(125px,1fr));gap:10px}
#pickPreview .pick-overview>div{padding:17px;justify-content:center;min-height:100px}
#pickPreview .pick-overview strong{font-size:25px;line-height:1.2}
#pickPreview .pick-overview-progress{gap:10px!important}
#pickPreview .pick-progress-head{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#b4a2ff;font-size:10px;font-weight:800;letter-spacing:.4px}
#pickPreview .pick-progress-head strong{font-size:16px;color:#c4adff}
#pickPreview .pick-progress{height:9px;margin-top:2px}
#pickPreview .pick-overview-available strong{color:#c5a6ff}
#pickPreview .pick-overview-claimed strong{color:#f2f4ff}
#pickPreview .pick-overview-paid strong{color:#51e5b0}
#pickPreview .pick-overview-unpaid strong{color:#ffc17b}
#pickPreview .pick-sync{min-height:16px}
#pickPreview .pick-message:empty{display:none}
#pickPreview .pick-grid{margin-top:4px}
@media(max-width:1050px){#pickPreview .pick-overview{grid-template-columns:repeat(4,minmax(0,1fr))}#pickPreview .pick-overview-progress{grid-column:1/-1}}
@media(max-width:760px){#pickPreview .pick-overview{grid-template-columns:repeat(2,minmax(0,1fr))}#pickPreview .pick-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}#pickPreview .pick-toolbar label:first-child{grid-column:1/-1}#pickPreview .pick-heading{gap:7px}}
@media(max-width:380px){#pickPreview .pick-toolbar{grid-template-columns:1fr}#pickPreview .pick-toolbar label:first-child{grid-column:auto}}

/* Staging: simplified numbered giveaway layout; preserve the Straight Fill interface. */
#pickPreview .pick-facebook-panel{display:flex;flex-direction:column;gap:8px}
#pickPreview .pick-facebook-panel textarea{flex:1;min-height:450px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;white-space:pre;}
#pickPreview .pick-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
#pickPreview .pick-panel-heading h3{margin:0 0 5px}
#pickPreview .pick-panel-heading p{margin:0 0 12px}
#pickPreview .pick-live-label{font-size:10px;font-weight:800;letter-spacing:.45px;color:#bda7ff;background:#2a2444;border-radius:6px;padding:6px 8px;white-space:nowrap}
#pickPreview .pick-participants-panel{padding:20px}
#pickPreview .pick-participants-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pickPreview .pick-participant-card{border:1px solid #334058;border-radius:11px;background:#192334;padding:15px;min-width:0;display:flex;flex-direction:column;gap:14px}
#pickPreview .pick-person-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
#pickPreview .pick-person-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
#pickPreview .pick-person-identity strong{font-size:15px;overflow-wrap:anywhere}
#pickPreview .pick-payment-status{font-size:11px;border-radius:6px;padding:4px 7px;font-weight:750}
#pickPreview .pick-payment-status.is-paid{background:#163e34;color:#72e9b9}
#pickPreview .pick-payment-status.is-unpaid{background:#433020;color:#ffcc91}
#pickPreview .pick-payment-status.is-partial{background:#302b4a;color:#c4afff}
#pickPreview .pick-person-total{font-size:20px;font-weight:800;color:#f2f3ff;text-align:right;white-space:nowrap}
#pickPreview .pick-person-total small{display:block;font-size:11px;font-weight:500;color:#a6b5ca;margin-top:4px}
#pickPreview .pick-person-spots{display:flex;flex-wrap:wrap;gap:5px}
#pickPreview .pick-spot-pill{padding:4px 6px;background:#382b57;color:#e5d8ff;border-radius:5px;font-size:11px;font-weight:650}
#pickPreview .pick-spot-pill.is-paid{background:#1c493f;color:#8df1c9}
#pickPreview .pick-person-bottom{border-top:1px solid #303c50;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
#pickPreview .pick-person-bottom>small{font-size:11px;color:#a6b5ca}
#pickPreview .pick-row-actions{justify-content:flex-start}
#pickPreview .pick-row-actions button:disabled{opacity:.4;cursor:default}
@media(min-width:761px){#pickPreview .pick-layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr)} }
@media(max-width:760px){#pickPreview .pick-participants-grid{grid-template-columns:1fr}#pickPreview .pick-facebook-panel textarea{min-height:320px}}