.cc-form { --cc-surface:var(--theme-surface,var(--panel,#1c1e19)); --cc-raised:var(--theme-raised,#262920); --cc-text:var(--theme-text,#eeeae1); --cc-muted:var(--theme-muted,var(--muted)); --cc-line:var(--theme-line,var(--line)); color:var(--cc-text); }
.cc-form .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.cc-body .cc-section { margin:24px 0; }
.cc-section, .cc-tag-group { min-width:0; border:0; padding:0; }
.cc-section > legend, .cc-tags > h3, .cc-assets > h3 { padding:0; margin:0 0 10px; color:var(--cc-text); font-size:13px; font-weight:600; line-height:1.6; }
.cc-section > legend > span { color:var(--cc-muted); font-weight:400; }
.cc-state-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding:12px; border:1px solid var(--cc-line); border-radius:8px; background:var(--cc-surface); }
.cc-chips { display:flex; flex-wrap:wrap; gap:8px; }
.cc-chip { display:inline-flex; position:relative; cursor:pointer; margin:0; max-width:100%; }
.cc-chip input { position:absolute; width:1px; height:1px; padding:0; border:0; opacity:0; margin:0; }
.cc-chip > span { display:flex; align-items:center; justify-content:center; min-height:34px; padding:5px 11px; border:1px solid var(--cc-line); border-radius:6px; background:var(--cc-surface); color:var(--cc-muted); font-size:12px; line-height:1.5; font-weight:500; overflow-wrap:anywhere; transition:background-color .12s,border-color .12s; }
.cc-state-grid .cc-chip > span { width:100%; }
.cc-chip:hover > span { color:var(--cc-text); border-color:var(--gold); }
.cc-chip input:checked + span { color:var(--theme-accent,#f0d48c); border-color:var(--gold); background:var(--theme-gold-soft,#38321f); }
.cc-chip input:focus-visible + span { outline:2px solid var(--gold); outline-offset:3px; }
.cc-chip input:disabled + span { opacity:.5; cursor:not-allowed; }
.cc-tag-group { margin:18px 0; }
.cc-tag-group > legend, .cc-custom-label { padding:0; margin:0 0 8px; color:var(--theme-accent,#e6bd62); font-size:12px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.cc-tag-group > legend { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; }
.cc-custom-label { display:block; }
.cc-select-all { flex-shrink:0; min-height:32px; padding:4px 0 4px 10px; color:var(--theme-accent,#e6bd62); font-size:11px; line-height:1.5; }
.cc-select-all:hover { text-decoration:underline; }
.cc-custom { margin-top:22px; }
.cc-custom-input { display:flex; gap:8px; align-items:stretch; }
.cc-custom-input input { min-width:0; flex:1; width:100%; }
.cc-custom-input .btn { min-height:44px; }
.cc-custom-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.cc-custom-tag { display:inline-flex; align-items:center; gap:3px; max-width:100%; border:1px solid var(--cc-line); border-radius:6px; background:var(--cc-raised); color:var(--cc-text); padding:0 3px 0 10px; font-size:12px; }
.cc-custom-tag > span { overflow-wrap:anywhere; }
.cc-custom-tag button { display:flex; align-items:center; justify-content:center; width:32px; height:32px; min-width:32px; padding:7px; color:var(--cc-muted); }
.cc-custom-tag button:hover { color:var(--cc-text); }
.cc-custom-tag svg { width:14px; height:14px; }
.cc-form #cc-custom-error:empty { display:none; }
.cc-form .cc-help { margin:-16px 0 24px; }
.cc-stores { padding:14px; border:1px solid var(--cc-line); border-radius:8px; background:var(--cc-surface); }
.cc-stores > legend { margin:0; padding:0 5px; }
.cc-stores > .small-note { margin:0 0 14px; }
.cc-store-search { display:flex; align-items:center; gap:8px; color:var(--cc-muted); border:1px solid var(--cc-line); border-radius:8px; padding:0 12px; background:var(--cc-surface); }
.cc-store-search:focus-within { border-color:var(--gold); }
.cc-store-search > input { padding-left:0; width:100%; min-width:0; background:transparent!important; border:0!important; }
.cc-store-search svg { width:17px; height:17px; }
.cc-store-list { max-height:220px; overflow-y:auto; margin:8px 0; scrollbar-gutter:stable; }
.cc-store-row { display:flex; align-items:center; gap:10px; padding:10px 4px; min-height:44px; font-size:12px; cursor:pointer; }
.cc-store-row[hidden] { display:none; }
.cc-store-row > input { width:17px; height:17px; flex:0 0 17px; margin:0; padding:0; accent-color:var(--gold); }
.cc-store-name { min-width:0; overflow-wrap:anywhere; color:var(--cc-text); }
.cc-store-name small { display:block; color:var(--cc-muted); }
.cc-store-state { margin-left:auto; padding-left:10px; color:var(--cc-muted); white-space:nowrap; }
.cc-store-count { font-size:12px; font-weight:500; color:var(--theme-accent,#e6bd62); margin:12px 0 0; }
.cc-form .cc-assets { margin:24px 0; }
.cc-email-row { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; font-size:13px; font-weight:600; cursor:pointer; }
.cc-email p { margin:6px 0 0; }
.cc-switch { display:inline-flex; align-items:center; position:relative; width:42px; height:26px; flex:0 0 42px; }
.cc-switch input { position:absolute; width:1px; height:1px; padding:0; border:0; opacity:0; margin:0; }
.cc-switch > span { display:block; width:42px; height:26px; border:1px solid var(--cc-line); border-radius:13px; background:var(--cc-raised); transition:background-color .12s; }
.cc-switch > span:before { content:""; display:block; width:18px; height:18px; border-radius:50%; margin:3px; background:var(--cc-muted); transition:transform .12s; }
.cc-switch input:checked + span { background:var(--gold); border-color:var(--gold); }
.cc-switch input:checked + span:before { transform:translateX(16px); background:#fff; }
.cc-switch input:focus-visible + span { outline:2px solid var(--gold); outline-offset:3px; }
.cc-switch input:disabled + span { opacity:.5; cursor:not-allowed; }
.cc-form .cc-publication-note { margin-top:16px; }
@media(max-width:480px) { .cc-state-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .cc-form .modal-body { padding:18px; } .cc-chip > span { padding:5px 9px; } .cc-custom-input input { font-size:12px; } }

.cc-form .field.cc-section > .small-note { margin:0; }
.cc-recipient-picker { margin-top:16px; padding:14px; border:1px solid var(--cc-line); border-radius:8px; background:var(--cc-surface); }
.cc-recipient-picker[hidden] { display:none; }
.cc-recipient-picker h3 { margin:0 0 12px; font-size:13px; line-height:1.6; font-weight:600; }
.cc-recipient-search { display:flex; align-items:center; gap:8px; color:var(--cc-muted); border:1px solid var(--cc-line); border-radius:8px; padding:0 12px; background:var(--cc-surface); }
.cc-recipient-search:focus-within { border-color:var(--gold); }
.cc-recipient-search > input { padding-left:0; width:100%; min-width:0; background:transparent!important; border:0!important; }
.cc-recipient-search svg { width:17px; height:17px; }
.cc-recipient-list { max-height:240px; overflow-y:auto; margin:10px 0; scrollbar-gutter:stable; }
.cc-recipient-row { display:flex; gap:10px; align-items:center; min-height:48px; padding:10px 4px; cursor:pointer; }
.cc-recipient-row[hidden] { display:none; }
.cc-recipient-row > input { width:17px; height:17px; flex:0 0 17px; margin:0; padding:0; accent-color:var(--gold); }
.cc-recipient-row > span { min-width:0; overflow-wrap:anywhere; }
.cc-recipient-row strong { display:block; font-size:12px; line-height:1.5; font-weight:550; color:var(--cc-text); }
.cc-recipient-row small { display:block; font-size:11px; line-height:1.5; color:var(--cc-muted); }
.cc-recipient-selected { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.cc-recipient-count { color:var(--theme-accent,#e6bd62); font-size:12px; font-weight:500; }
.cc-recipient-picker .error:empty { display:none; }
.cc-recipient-picker [data-cc-retry-recipients][hidden] { display:none; }