/* Shared palette for the homepage and event / shift flows. */
html[data-color-mode]{color-scheme:light;--ui-bg:#fff9f5;--ui-surface:#fffdfb;--ui-soft:#f7eaf2;--ui-text:#633950;--ui-muted:#825f75;--ui-border:#d9bfd0;--ui-primary:#a63c78;--ui-on-primary:#fff;--ui-glow:#f5cde755;--ui-input:#fffdfb}
html[data-home=gather]{--ui-bg:#f3f1e9;--ui-surface:#fffef8;--ui-soft:#e8eddf;--ui-text:#283e34;--ui-muted:#5e705f;--ui-border:#c7d1c0;--ui-primary:#355a48;--ui-glow:#d5eee055}
html[data-home=original]{--ui-bg:#f7f5fa;--ui-surface:#fff;--ui-soft:#eee8f5;--ui-text:#382d46;--ui-muted:#70617e;--ui-border:#d5c8e1;--ui-primary:#795398;--ui-glow:#d4baff33}
html[data-color-mode=dark]{color-scheme:dark;--ui-bg:#211a23;--ui-surface:#2c232e;--ui-soft:#392c3b;--ui-text:#f7eaf3;--ui-muted:#c8acbf;--ui-border:#594253;--ui-primary:#e7a0c8;--ui-on-primary:#351b2c;--ui-glow:#a63c781c;--ui-input:#251e28}
html[data-home=gather][data-color-mode=dark]{--ui-bg:#19231e;--ui-surface:#233029;--ui-soft:#2e3e34;--ui-text:#eaf1e4;--ui-muted:#b1c4ae;--ui-border:#455c4a;--ui-primary:#b5d3a8;--ui-on-primary:#203125;--ui-glow:#88ad771c;--ui-input:#1b2821}
html[data-home=original][data-color-mode=dark]{--ui-bg:#1c1d1b;--ui-surface:#262725;--ui-soft:#34362f;--ui-text:#f6f6f4;--ui-muted:#b0b5a8;--ui-border:#53594c;--ui-primary:#d4baff;--ui-on-primary:#282032;--ui-input:#20211e}
html[data-home][data-color-mode] body{--bg:var(--ui-bg);--surface:var(--ui-surface);--text:var(--ui-text);--muted:var(--ui-muted);--border:var(--ui-border);background:var(--ui-bg);color:var(--ui-text)}
.account-controls{position:relative;flex:none}
.color-mode-toggle{position:absolute;top:calc(100% + 8px);right:0;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 3px 12px #63395012}
.color-mode-toggle:hover{background:var(--ui-soft)}
html[data-home][data-color-mode] body>header{background:linear-gradient(var(--ui-bg),transparent);border-color:var(--ui-border)}
html[data-home][data-color-mode] .workspace-open>header{background:var(--ui-bg)}
html[data-home][data-color-mode] :is(.spark,.wordmark,.nav-discover,nav .quiet,footer button){color:var(--ui-text)}
html[data-home][data-color-mode] .signin{background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-border)}
html[data-home][data-color-mode] .primary{background:var(--ui-primary);color:var(--ui-on-primary);box-shadow:0 5px 20px #63395014}
html[data-home][data-color-mode] .primary:hover{filter:brightness(1.06)}
html[data-home][data-color-mode] :is(.outline,.search,select,.filters button,.hero-planning,.home-version-switch){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
html[data-home][data-color-mode] :is(.search input,.hero-planning>a){color:var(--ui-text)}
html[data-home][data-color-mode] .hero{background:radial-gradient(ellipse at 50% 45%,var(--ui-bg) 16%,var(--ui-soft) 100%)}
html[data-home][data-color-mode] :is(.hero h1,.gather-intro h1){color:var(--ui-text)}
html[data-home][data-color-mode] :is(.love-headline span,.gather-intro h1 em,.event-time,.eyebrow,.closing-star){color:var(--ui-primary)}
html[data-home][data-color-mode] :is(.hero p,.gather-intro p,.discover-link,.event-card p,.result-line,.home-version-switch>span){color:var(--ui-muted)}
html[data-home][data-color-mode] body:not(.workspace-open) .closing{background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-border)}
html[data-home][data-color-mode] body:not(.workspace-open) .closing h2{color:var(--ui-text)}
html[data-home][data-color-mode] body:not(.workspace-open) .closing p{color:var(--ui-muted)}
html[data-home][data-color-mode] body:not(.workspace-open) .closing-star{color:var(--ui-primary)}
html[data-home][data-color-mode] body:not(.workspace-open) .closing .primary{background:var(--ui-primary);color:var(--ui-on-primary)}
html[data-home][data-color-mode] :is(.filters button.active,.home-version-switch button[aria-pressed=true]){background:var(--ui-primary);color:var(--ui-on-primary)}
html[data-home][data-color-mode] .hero-planning[data-planning=shift]>a{background:var(--ui-primary)!important;color:var(--ui-on-primary)!important}
html[data-home][data-color-mode] .hero-planning[data-planning=shift]>button{background:var(--ui-soft)!important;color:var(--ui-muted)!important}
html[data-home][data-color-mode] #event-workspace{--accent:var(--ui-primary);--wash:var(--ui-glow);background:radial-gradient(ellipse at 25% 10%,var(--ui-glow),transparent 65%),var(--ui-bg);color:var(--ui-text)}
html[data-color-mode] #event-workspace :is(.editor-panel,.live-preview,.host-toolbar,.registration-box,.guest-management){background:var(--ui-surface);border-color:var(--ui-border);box-shadow:none}
html[data-color-mode] #event-workspace :is(.editor-panel input,.editor-panel textarea,.editor-panel select){background:var(--ui-input);color:var(--ui-text);border-color:var(--ui-border)}
html[data-color-mode] #event-workspace :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:.8}
html[data-color-mode] #event-workspace :is(.editor-panel label,.panel-title,.panel-title small,.editor-subtitle,.workspace-top,.back-link,.preview-label,.preview-copy p,.editor-tip,.upload-help,.theme-row,.settings-help,.creation-note,.ticket-type-label,.event-options,.host-toolbar small,.event-description,.event-fact p,.guest-local-note){color:var(--ui-muted)}
html[data-color-mode] #event-workspace :is(.panel-title span,.schedule-row>span,.event-options strong,.registration-body p,.host-card strong){color:var(--ui-text)}
html[data-color-mode] #event-workspace :is(.editor-tip,.host-card,.event-options,.about-event-heading,.local-event-note){border-color:var(--ui-border)}
html[data-color-mode] #event-workspace :is(.mode-options button,.ticket-type-toggle,.ticket-type-toggle button){background:var(--ui-soft);color:var(--ui-muted);border-color:var(--ui-border)}
html[data-color-mode] #event-workspace :is(.mode-options button[aria-pressed=true],.ticket-type-toggle button[aria-pressed=true]){background:var(--ui-primary);color:var(--ui-on-primary);border-color:var(--ui-primary)}
html[data-color-mode] #event-workspace :is(.registration-title,.editor-help){background:var(--ui-soft);color:var(--ui-text)}
html[data-color-mode] #event-workspace :is(.form-error){background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-primary)}
html[data-color-mode] :is(dialog,.seat-map-dialog){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
html[data-color-mode] dialog :is(input,textarea,select){background:var(--ui-input);color:var(--ui-text);border-color:var(--ui-border)}
html[data-color-mode] dialog p{color:var(--ui-muted)}
html[data-color-mode] :is(button,a,input,select,textarea):focus-visible{outline-color:var(--ui-primary)}
@media(max-width:700px){.color-mode-toggle{width:32px;height:32px;top:calc(100% + 6px)}html[data-color-mode] .workspace-top{padding-top:16px}}

/* Page swatches override only the event/shift palette, independently of light/dark mode. */
html[data-color-mode=light] #event-workspace[data-theme=lavender]{--ui-bg:#faf7ff;--ui-surface:#fffaff;--ui-soft:#eee5f8;--ui-text:#433354;--ui-muted:#776384;--ui-border:#d8c6e6;--ui-primary:#79509b;--ui-on-primary:#fff;--ui-glow:#cfb4ee55;--ui-input:#fffbff}
html[data-color-mode=light] #event-workspace[data-theme=sage]{--ui-bg:#f7faf3;--ui-surface:#fcfff8;--ui-soft:#e6efdf;--ui-text:#304932;--ui-muted:#63765c;--ui-border:#c7d7bd;--ui-primary:#466b3c;--ui-on-primary:#fff;--ui-glow:#b7d49c55;--ui-input:#fcfff9}
html[data-color-mode=light] #event-workspace[data-theme=rose]{--ui-bg:#fff9f5;--ui-surface:#fffdfb;--ui-soft:#f7eaf2;--ui-text:#633950;--ui-muted:#825f75;--ui-border:#d9bfd0;--ui-primary:#a63c78;--ui-on-primary:#fff;--ui-glow:#f5cde755;--ui-input:#fffdfb}
html[data-color-mode=light] #event-workspace[data-theme=charcoal]{--ui-bg:#f6f7f8;--ui-surface:#fff;--ui-soft:#e7eaed;--ui-text:#303940;--ui-muted:#64717b;--ui-border:#cbd2d9;--ui-primary:#455b6b;--ui-on-primary:#fff;--ui-glow:#b7c5d044;--ui-input:#fcfdfe}
html[data-color-mode=dark] #event-workspace[data-theme=lavender]{--ui-bg:#211b2a;--ui-surface:#2d2438;--ui-soft:#3a2e49;--ui-text:#f3eafa;--ui-muted:#c1adcF;--ui-border:#594568;--ui-primary:#cfb0ef;--ui-on-primary:#2e193e;--ui-glow:#aa80d322;--ui-input:#261f30}
html[data-color-mode=dark] #event-workspace[data-theme=sage]{--ui-bg:#19231e;--ui-surface:#233029;--ui-soft:#2e3e34;--ui-text:#eaf1e4;--ui-muted:#b1c4ae;--ui-border:#455c4a;--ui-primary:#b5d3a8;--ui-on-primary:#203125;--ui-glow:#88ad7722;--ui-input:#1b2821}
html[data-color-mode=dark] #event-workspace[data-theme=rose]{--ui-bg:#211a23;--ui-surface:#2c232e;--ui-soft:#392c3b;--ui-text:#f7eaf3;--ui-muted:#c8acbf;--ui-border:#594253;--ui-primary:#e7a0c8;--ui-on-primary:#351b2c;--ui-glow:#a63c7822;--ui-input:#251e28}
html[data-color-mode=dark] #event-workspace[data-theme=charcoal]{--ui-bg:#1d2227;--ui-surface:#282f35;--ui-soft:#343e47;--ui-text:#eef2f5;--ui-muted:#b2bec7;--ui-border:#4b5c69;--ui-primary:#bacddc;--ui-on-primary:#23313c;--ui-glow:#819db522;--ui-input:#22292f}

html[data-color-mode] #event-workspace #seat-map-summary.attached-map-name{font-size:22px;font-weight:750;line-height:1.3;color:var(--ui-text);margin:22px 0 14px;overflow-wrap:anywhere}
.map-thumbnail{background:#fafcf7;border:1px solid var(--ui-border);border-radius:12px;padding:16px;margin:0 0 14px;overflow:hidden}
.map-thumbnail svg{display:block;width:100%;height:180px}

#shift-pros-note{margin-top:20px}
.pro-estimate{margin-top:18px;padding:20px;background:var(--ui-soft);border:1px solid var(--ui-border);border-radius:12px;display:grid;gap:8px}
.pro-estimate>span,.pro-payment>span{font-size:12px;font-weight:600;color:var(--ui-muted)}
.pro-estimate strong{font-size:32px;line-height:1.1;color:var(--ui-text);letter-spacing:-1px}
.pro-estimate p{font-size:12px;color:var(--ui-muted);margin:0}
.pro-payment{margin-top:22px;padding-top:18px;border-top:1px solid var(--ui-border)}
.pro-payment-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pro-payment-options button{flex:1;white-space:nowrap;font-weight:600}

.pro-role-row{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:10px;align-items:end;margin-bottom:18px}
.pro-role-row label{min-width:0}
#pro-breakdown{white-space:pre-line;line-height:1.8}
.pro-payment-options button{flex-basis:40%}
@media(max-width:480px){.pro-role-row{grid-template-columns:minmax(0,1fr) 65px;gap:6px}}

.shift-duration{margin-top:16px}.shift-duration>span{font-size:13px;font-weight:600}
.shift-duration-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}

.delete-position{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;min-height:34px;border:1px solid #b3384838;border-radius:8px;background:#b338480a;color:#a3293b;font-size:12px;font-weight:600}
.delete-position:not(:disabled):hover{background:#b338481a;border-color:#b3384870}
html[data-color-mode=dark] .delete-position{color:#f3a3ae;background:#ed81900c;border-color:#ed819040}
html[data-color-mode=dark] .delete-position:not(:disabled):hover{background:#ed819020;border-color:#ed819080}
.delete-position:disabled{opacity:.35;cursor:not-allowed}

.staff-section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:22px 0 14px;font-size:14px;color:var(--ui-text)}
.staff-section-heading span{font-size:11px;color:var(--ui-muted)}
.team-role-card{padding:16px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-soft);margin-bottom:14px}
.team-role-card textarea{min-height:90px!important}
.team-roster-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.team-roster-actions .delete-position{margin-left:auto}
.pro-department{grid-column:1/-1}
#supplement-pros{margin-left:8px}
#staffing-count-summary{font-weight:600;color:var(--ui-text)}
.workbase-label{display:grid;gap:8px;margin-top:18px}.workbase-label select,.workbase-label textarea{width:100%}.workbase-attached{padding:18px;margin-top:18px;border:1px solid var(--border);border-radius:12px}.workbase-attached>strong{font-size:21px}.workbase-attached p{font-size:13px;color:var(--muted)}.workbase-dialog{width:96vw;max-width:1400px;height:92vh;max-height:92vh;padding:0;border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--text)}.workbase-dialog[open]{display:flex;flex-direction:column}.workbase-dialog-head{display:flex;align-items:center;gap:16px;padding:16px 20px}.workbase-dialog-head strong{margin-right:auto}.workbase-dialog-head [data-save]{font-size:12px;max-width:45%}.workbase-dialog iframe{width:100%;flex:1;border:0;min-height:0;background:white}.workbase-reader{width:100%;height:640px;border:1px solid var(--border);border-radius:12px;margin-top:16px;background:white}.shift-workbase{margin-top:28px}.workbase-create{max-width:480px}.workbase-create input{display:block;width:100%;margin-top:10px}.workbase-create [data-error]{color:#c95b6b}

html[data-color-mode] .workbase-reader{background:var(--ui-surface);border-color:var(--ui-border)}

.map-page-actions{display:grid;gap:10px;margin-top:12px}
.map-page-actions>button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0}
.map-page-actions>button:disabled{opacity:.5;cursor:default}
.map-page-actions>[data-map-status]{margin:0;font-size:12px;line-height:1.5}
.map-page-actions>[data-map-status]:empty{display:none}

html #event-workspace .workbase-edit-button{background:#f4d6e2;color:#60364a;border-color:#cc99af}
html #event-workspace .workbase-edit-button:hover{background:#edc3d5}
html #event-workspace .workbase-edit-button:active{background:#e4afc6;color:#502739}

/* Inset the team list so borders and controls have room to breathe. */
html #event-workspace .guest-management{padding:24px;border:1px solid var(--ui-border,#ffffff15);border-radius:16px}
html #event-workspace .guest-management .capacity-track{border-radius:999px;overflow:hidden;opacity:.65}
html #event-workspace .guest-management .guest-local-note{padding-top:16px;line-height:1.5}
@media(max-width:600px){html #event-workspace .guest-management{padding:16px;border-radius:12px}.guest-management .guest-section-top{align-items:flex-start;flex-wrap:wrap}.guest-management .guest-metrics>div{padding:14px 8px}}

.promo-rule{display:grid;grid-template-columns:1fr 1fr 90px auto;gap:10px;align-items:end;padding:16px 0;border-bottom:1px solid var(--ui-border)}.promo-rule label{margin:0}.promo-rule button{margin-bottom:1px}.promo-tier{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:14px 0;border-bottom:1px solid var(--ui-border)}.promo-tier strong{flex:1;min-width:140px}.promo-tier strong small{display:block;color:var(--ui-muted);font-weight:400}.promo-tier label{display:flex;align-items:center;gap:6px;margin:0}.promo-tier input[type=checkbox]{width:auto}#promotions-fields{border:0;padding:0;margin:0;min-width:0}#add-promotion{margin-top:14px}@media(max-width:650px){.promo-rule{grid-template-columns:1fr 1fr}.promo-tier{gap:10px}.promo-tier strong{flex-basis:100%}}

#ticket-promotions .presale-enable{display:flex;align-items:center;justify-content:space-between;gap:16px}#ticket-promotions .presale-enable input{width:18px;height:18px;margin:0}

/* Keep pricing reachable on the homepage at every screen size. */
nav .nav-pricing{color:var(--ui-text);font-weight:600;white-space:nowrap;font-size:13px}nav .nav-pricing:hover{text-decoration:underline;text-underline-offset:5px}

.brand-import{margin-top:20px}.brand-import input{width:100%;box-sizing:border-box}.brand-import>button{margin-top:12px;font-size:12px}.brand-swatches{display:grid;gap:8px;margin-top:14px;font-size:11px}.brand-swatches span{display:flex;align-items:center;gap:8px;text-transform:capitalize}.brand-swatches i{width:22px;height:22px;border:1px solid var(--ui-border);border-radius:50%}.brand-swatches code{margin-left:auto}.brand-import button:disabled{opacity:.6;cursor:wait}html[data-color-mode] #event-workspace.has-brand-palette :is(h1,h2,h3,.event-title-input,.preview-copy h2){color:var(--ui-text)}html[data-color-mode] #event-workspace.has-brand-palette .primary{background:var(--ui-primary);color:var(--ui-on-primary)}

#event-workspace.has-brand-palette{font-family:var(--brand-body-font,inherit)}#event-workspace.has-brand-palette :is(button,input,textarea,select){font-family:var(--brand-body-font,inherit)}#event-workspace.has-brand-palette :is(h1,h2,h3,.event-title-input){font-family:var(--brand-heading-font,inherit)}

/* Membership choices: label left, native accessible switch right. */
#event-workspace .editor-panel label.offer-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin:8px 0;cursor:pointer}
#event-workspace .offer-toggle>span{min-width:0;overflow-wrap:anywhere;line-height:1.5}
html[data-color-mode] #event-workspace .editor-panel input.offer-switch{appearance:none;-webkit-appearance:none;position:relative;display:block;flex:0 0 40px;width:40px;height:24px;min-height:24px;margin:0 0 0 auto;padding:0;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-soft);cursor:pointer;transition:background .15s,border-color .15s}
#event-workspace input.offer-switch:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ui-muted);transition:transform .15s,background .15s}
html[data-color-mode] #event-workspace .editor-panel input.offer-switch:checked{background:var(--ui-primary);border-color:var(--ui-primary)}
#event-workspace input.offer-switch:checked:before{transform:translateX(16px);background:var(--ui-on-primary)}
#event-workspace input.offer-switch:focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#event-workspace input.offer-switch,#event-workspace input.offer-switch:before{transition:none}}

/* Package imagery and compact included-item controls. */
.offer-photo-editor { margin:16px 0; }
.offer-photo { display:block;width:100%;max-width:320px;max-height:200px;object-fit:cover;border-radius:10px;margin:10px 0; }
.offer-photo-actions { display:flex;gap:8px;align-items:center;margin-top:8px; }
.offer-photo-editor input[hidden] { display:none; }
.offer-item-row { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 36px;gap:8px;align-items:end;margin-bottom:12px; }
.offer-item-row label { min-width:0; }
.offer-item-row input,.offer-item-row select { width:100%;min-width:0; }
button.offer-icon { display:inline-flex;align-items:center;justify-content:center;width:36px;height:40px;padding:0;flex-shrink:0;vertical-align:middle; }
.offer-item-row button.offer-icon { margin-bottom:12px; }
@media(max-width:600px) { .offer-item-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .offer-item-row button.offer-icon { justify-self:end; } }

button.offer-icon[data-add-item] { margin-right:8px; }