.package-promo{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:var(--radius-md,22px);background:var(--ux-surface);color:var(--ux-ink);overflow-wrap:anywhere}
.package-promo h3{margin:0 0 8px;font-size:19px}.package-promo p{margin:8px 0;line-height:1.5}.package-promo a{color:var(--ux-link)}
.package-promo-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.event-basics-form .package-promo-controls label{flex:1 1 230px;margin:0;min-width:0;font-size:14px}.package-promo-controls input{display:block;width:100%;margin-top:8px}.package-promo-controls button{flex:0 0 auto;min-height:50px;margin:0}.package-promo :focus-visible{outline:3px solid var(--ux-link);outline-offset:3px}
.package-promo [role=status]{font-size:14px}.package-promo [data-error=true]{color:var(--danger)}
.promo-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.promo-admin-fields>div{min-width:0}
.promo-admin-item{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.promo-admin-item h3{margin:0 0 8px;font-size:20px}.promo-admin-item p{margin:6px 0}.promo-admin-item:last-child{border:0}
html[data-theme=dark] .package-promo .secondary-button{background:var(--ux-surface);color:var(--ux-ink);border-color:var(--line)}
@media(max-width:480px){.package-promo{padding:16px}.package-promo-controls{align-items:stretch}.package-promo-controls label,.package-promo-controls button{flex:1 1 100%}.promo-admin-fields{grid-template-columns:1fr;gap:0}}

/* Bright tariff design, using the approved generated illustration assets. */
.creation-steps{display:flex;gap:12px;margin:24px 0 12px;flex-wrap:wrap}.creation-steps button{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--ux-surface);color:var(--ux-muted);font:inherit;font-weight:600}.creation-steps button[aria-current=step]{color:var(--ux-link);border-color:var(--ux-link);background:var(--blue-soft)}.creation-steps span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ux-surface);font-weight:700}
.creation-draft-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.creation-draft-status p{flex:1 1 240px;font-size:13px;color:var(--ux-muted);margin:0}.creation-draft-status button{font-size:13px;min-height:44px}.creation-demo-banner{padding:16px 20px;border-radius:16px;background:#fff2cc;color:#423b32;font-weight:700;margin:20px 0}
.event-tier-grid{gap:20px;align-items:stretch}.event-tier-grid .event-tier-option{--tier-accent:#1474ed;--tier-tint:#eaf3ff;display:flex;flex-direction:column;padding:0;overflow:hidden;border:2px solid transparent;border-radius:24px;background:linear-gradient(155deg,#d2e7ff,var(--tier-tint) 58%);box-shadow:none;transition:border-color 160ms ease,box-shadow 160ms ease}.event-tier-grid .event-tier-invitation{--tier-accent:#dc554b;--tier-tint:#fff0ed;background:linear-gradient(155deg,#ffddd7,var(--tier-tint) 58%)}.event-tier-grid .event-tier-preparation{--tier-accent:#8057d4;--tier-tint:#f2edff;background:linear-gradient(155deg,#e4d8ff,var(--tier-tint) 58%)}
.event-tier-grid .event-tier-option:has(input:checked){border-color:var(--tier-accent);background:linear-gradient(155deg,color-mix(in srgb,var(--tier-accent) 24%,var(--ux-surface)),color-mix(in srgb,var(--tier-accent) 10%,var(--ux-surface)) 58%);box-shadow:0 0 0 3px var(--ux-surface),0 6px 22px color-mix(in srgb,var(--tier-accent) 12%,transparent)}.event-tier-grid .event-tier-option:hover{border-color:var(--tier-accent)}.event-tier-art{position:relative;display:flex;flex-direction:column;padding:16px 22px 0}.event-tier-art img{position:static;order:-1;width:100%;height:210px;object-fit:contain;pointer-events:none}.event-tier-grid .event-tier-top{position:absolute;right:20px;top:238px;margin:0;display:block}.event-tier-grid .event-tier-badge{display:none}.event-tier-grid .event-tier-name{font-size:clamp(21px,2.1vw,29px);letter-spacing:-.025em;margin:8px 24px 8px 0;line-height:1.25}.event-tier-grid .event-tier-description{display:block;max-width:none;font-size:14px;line-height:1.5;min-height:42px}.event-tier-body{display:flex;flex-direction:column;padding:20px 22px 28px;flex:1}.event-tier-grid .event-tier-pricing{display:flex;flex-direction:column;gap:6px;margin:0 0 20px;padding:0;align-items:flex-start;min-height:94px;border:0}.event-tier-grid .event-tier-amount{font-size:32px;line-height:1.15;overflow-wrap:anywhere;color:var(--ux-ink)}.event-tier-grid .event-tier-future{margin:0;font-size:12px;line-height:1.4}.event-tier-grid .event-tier-period{font-size:13px}.event-tier-grid .event-tier-features{display:grid!important;gap:14px;margin:0}.event-tier-grid .event-tier-features>span{grid-template-columns:22px 1fr;font-size:14px;gap:10px;align-items:start}.event-tier-grid .event-tier-features>span:before{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tier-accent);color:#fff}.event-tier-grid input[type=radio]{accent-color:var(--tier-accent)}.creation-next{display:flex;justify-content:center;margin-top:24px}.creation-next button{min-height:52px;padding:14px 28px}
body[data-creation-step="1"] :is(#event-basic-fields,#preparation-content,#event-creation-actions,#draft-notice,#draft-capabilities,.creation-package-note,#editor-title,#editor-intro){display:none!important}body[data-creation-step="2"] .event-tier-options{display:none!important}
html[data-theme=dark] .event-tier-grid .event-tier-option{background:linear-gradient(150deg,color-mix(in srgb,var(--tier-accent) 24%,var(--ux-surface)),var(--ux-surface));color:var(--ux-ink)}html[data-theme=dark] .creation-demo-banner,html[data-theme=dark] .creation-steps button[aria-current=step]{background:var(--ux-soft);color:var(--ux-ink)}
@media(max-width:1000px) and (min-width:761px){.event-tier-art{padding:12px 16px 0}.event-tier-art img{height:170px}.event-tier-grid .event-tier-top{top:193px;right:14px}.event-tier-grid .event-tier-description{font-size:13px}.event-tier-body{padding:18px 16px 24px}.event-tier-grid .event-tier-amount{font-size:27px}}
@media(max-width:760px){.event-tier-grid{grid-template-columns:1fr;gap:18px}.event-tier-grid .event-tier-option{display:flex;padding:0}.event-tier-art{padding:12px 20px 0}.event-tier-art img{height:190px}.event-tier-grid .event-tier-name{font-size:27px}.event-tier-grid .event-tier-top{top:214px;right:20px;grid-column:auto;grid-row:auto}.event-tier-grid .event-tier-description{min-height:0;font-size:14px}.event-tier-body{padding:16px 20px 22px}.event-tier-grid .event-tier-pricing{min-height:0;margin-bottom:18px}.event-tier-grid .event-tier-features{gap:10px}.event-tier-grid .event-tier-amount{font-size:28px}.creation-next button{width:100%}}
@media(prefers-reduced-motion:reduce){.event-tier-grid .event-tier-option{transition:none}}

.tariff-comparison{margin-top:2rem}.tariff-comparison h2{font-size:1.4rem}.tariff-table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:18px}.tariff-comparison table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem}.tariff-comparison th,.tariff-comparison td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:center}.tariff-comparison th:first-child{text-align:left;width:43%}.tariff-comparison thead{background:rgba(105,92,204,.07)}.tariff-comparison tbody tr:last-child>*{border-bottom:0}.tariff-comparison td span[aria-label="Включено"]{color:var(--primary-color,#6452c7);font-weight:800}.promo-admin-item button+button{margin-left:8px}

.tariff-comparison :is(th,td):nth-child(2){--tier-accent:#1474ed}.tariff-comparison :is(th,td):nth-child(3){--tier-accent:#dc554b}.tariff-comparison :is(th,td):nth-child(4){--tier-accent:#8057d4}.tariff-comparison :is(th,td).is-selected{background:color-mix(in srgb,var(--tier-accent) 12%,transparent)}.tariff-comparison thead .is-selected{box-shadow:inset 0 3px var(--tier-accent)}.event-tariff-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:var(--ux-surface);color:var(--ux-ink);margin-top:16px}.event-tariff-summary a{color:var(--ux-link);font-weight:700}

.tariff-scroll-note{display:none}@media(max-width:760px){.tariff-scroll-note{display:block}.tariff-comparison table{min-width:500px}.tariff-comparison th:first-child{width:150px;min-width:150px;position:sticky;left:0;background:var(--ux-surface);z-index:1}.tariff-comparison :is(th,td){font-size:13px;padding:12px 10px}.tariff-comparison thead th:first-child{background:var(--ux-soft)}}

.event-tier-options legend,#event-basic-title{scroll-margin-top:110px}.creation-next button{width:auto;max-width:100%}@media(max-width:760px){.creation-next button{width:100%}}

/* Selection and keyboard focus follow the tariff in both themes. */
.event-tier-grid .event-tier-option:focus-within{outline-color:var(--tier-accent)}
.event-basics-form .event-tier-grid .event-tier-option input[type=radio]:focus-visible{outline-color:var(--tier-accent)}
html[data-theme=dark] .event-tier-grid .event-tier-option:has(input:checked){background:linear-gradient(150deg,color-mix(in srgb,var(--tier-accent) 34%,var(--ux-surface)),color-mix(in srgb,var(--tier-accent) 12%,var(--ux-surface)))}

/* Four stages keep the original fields and controllers mounted. */
body[data-creation-step] .event-basics-form .custdev-choice { display:flex; align-items:flex-start; column-gap:12px; }
body[data-creation-step] .event-basics-form .custdev-choice input[type=checkbox] { flex:0 0 20px; width:20px; height:20px; min-height:20px; padding:0; margin:3px 0 0; }
body[data-creation-step] .event-basics-form .custdev-choice > span { min-width:0; flex:1; line-height:1.5; }
#editor-create-wishlist { margin-top:16px; }
.required-star { color:#b4233a; font-weight:700; }
html[data-theme=dark] .required-star { color:#ff8d9b; }
body[data-creation-step] #event-form .event-tier-options { display:none; }
body[data-creation-step="1"][data-editor-mode=create] #event-form .event-tier-options { display:block; }
body[data-creation-step="1"] :is(#editor-introduction,#editor-stage-actions),
body[data-creation-step="2"] :is([data-editor-stage="3"],#preparation-content),
body[data-creation-step="3"] :is(#editor-introduction,#event-basic-title,[data-editor-stage="2"],#preparation-tabs),
body[data-creation-step="4"] #event-basics,
body[data-creation-step]:not([data-creation-step="4"]) #event-creation-actions { display:none!important; }
body[data-creation-step="1"][data-editor-mode=edit] #editor-stage-actions { display:flex!important; }
body[data-creation-step="4"] #tab-invitation { display:none; }
body[data-creation-step="3"] #panel-invitation { display:block!important; }
body[data-creation-step="3"] .celebration-panel:not(#panel-invitation),
body[data-creation-step="4"] #panel-invitation { display:none!important; }
body[data-creation-step="3"] #event-basic-fields { display:block; }
body[data-creation-step] #draft-notice { margin:16px 0; }
.editor-stage-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; }
.editor-stage-actions p { margin:0; color:var(--ux-muted); }
.creation-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.creation-steps button { border-radius:18px; text-align:left; line-height:1.4; min-width:0; }
.creation-steps button > span { flex:0 0 26px; }
.creation-steps button:focus-visible,.editor-stage-actions button:focus-visible { outline:3px solid var(--ux-link); outline-offset:3px; }
#creation-flow { scroll-margin-top:100px; }
@media(max-width:900px) { .creation-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .creation-steps { gap:8px; } .creation-steps button { padding:10px; gap:8px; font-size:13px; } .editor-stage-actions { gap:8px; padding:16px 12px; } .editor-stage-actions button { padding:10px 12px; } .editor-stage-actions p { font-size:13px; } }

#event-form-message:empty { display:none; }

.editor-stage-actions { flex-wrap:nowrap; }
.editor-stage-actions button { width:auto; flex:0 0 auto; margin:0; white-space:nowrap; }
.editor-stage-actions p { white-space:nowrap; }
body[data-creation-step] a,body.event-body a { text-decoration:none; }
.event-owner-actions #custdev-edit { margin:0; }

/* Link controls finish stage three and share one keyboard/touch layout. */
.invitation-link-settings { border-top:1px solid var(--line); padding-top:24px; }
.invitation-link-settings .custdev-choice { align-items:flex-start; }
.invitation-link-settings .custdev-choice input[type=checkbox] { margin-top:3px; }
.invitation-link-settings .custdev-choice > span { min-width:0; flex:1; line-height:1.5; }