.sloff-account{max-width:1260px;margin-inline:auto;color:var(--sloff-text);font-family:var(--sloff-font)}
/* Signed out (mockups 043 / 056): log-in card | benefits, Palm box, note. Phones: card, Palm box, benefits, note. */
.sloff-account__signed-out{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);grid-template-areas:"login benefits" "login palm" "login note" "login .";column-gap:var(--sloff-space-8,64px);align-items:start;margin:0 0 var(--sloff-space-6)}
.sloff-account__signed-out[hidden]{display:none}
.sloff-account__login{grid-area:login}
.sloff-account .sloff-account__eyebrow{margin:0 0 var(--sloff-space-2);color:var(--sloff-fest-highlight);font-size:var(--sloff-fs-13);font-weight:var(--sloff-fw-black,800);letter-spacing:.12em;text-transform:uppercase}
.sloff-account .sloff-account__login h1{margin:0 0 var(--sloff-space-3);color:var(--sloff-text);font-size:clamp(40px,5vw,52px);line-height:1.05}
.sloff-account .sloff-account__lead{margin:0 0 var(--sloff-space-5);color:var(--sloff-text);font-size:var(--sloff-fs-16);line-height:1.5}
.sloff-account__card{display:grid;gap:var(--sloff-space-4);padding:var(--sloff-space-5);border:1px solid var(--sloff-line);border-radius:var(--sloff-radius-card);background:var(--sloff-surface-1)}
.sloff-account__form:empty{display:none}
/* EventiveWP's log-in form, moved here from its pop-up. Its fields, button and handlers are Eventive's. */
.sloff-account__form .eventive-login-form{all:unset;display:grid}
.sloff-account__form :is(.eventive-modal-close,.eventive-login-modal-flag,.eventive-modal-title,.eventive-modal-footer,[id^=eventive-cancel-button]){display:none!important}
.sloff-account__form label{display:block;margin:0 0 var(--sloff-space-2);color:var(--sloff-text);font-size:var(--sloff-fs-14);font-weight:var(--sloff-fw-bold)}
.sloff-account__form input{box-sizing:border-box;width:100%;min-height:52px;margin:0 0 var(--sloff-space-4);padding:0 var(--sloff-space-4);border:1px solid var(--sloff-line-input)!important;border-radius:10px!important;background:#000!important;color:#fff!important;box-shadow:none!important;font:inherit;font-size:16px}
.sloff-account__form input:focus{outline:var(--sloff-focus-w,3px) solid var(--sloff-fest-accent);outline-offset:1px;border-color:var(--sloff-fest-accent)!important}
.sloff-account__form [id^=eventive-login-error]:not(.hidden):not(:empty){margin:0 0 var(--sloff-space-4);padding:12px 14px;border:1px solid var(--sloff-palm-orange,#e95421);border-radius:10px;color:var(--sloff-text);font-size:var(--sloff-fs-14)}
.sloff-account__form .eventive-forgot-password{justify-self:end;margin:-8px 0 var(--sloff-space-4);color:var(--sloff-fest-accent)!important;font-size:var(--sloff-fs-14);font-weight:var(--sloff-fw-bold);text-decoration:none}
.sloff-account__form .button-row{display:block!important}
.sloff-account__form [id^=eventive-login-button]{display:block;width:100%;min-height:56px;border:0;border-radius:var(--sloff-radius-pill);background:var(--sloff-fest-accent)!important;color:var(--sloff-fest-accent-ink)!important;font:inherit;font-size:var(--sloff-fs-16);font-weight:var(--sloff-fw-black,800);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.sloff-account__form [id^=eventive-login-button]:focus-visible{outline:var(--sloff-focus-w,3px) solid var(--sloff-text);outline-offset:3px}
.sloff-account__new{padding:var(--sloff-space-4);border:1px solid var(--sloff-line);border-radius:10px;background:#000}
.sloff-account__new strong{display:block;margin:0 0 6px;color:var(--sloff-text);font-size:var(--sloff-fs-15,15px)}
.sloff-account .sloff-account__new p{margin:0 0 var(--sloff-space-2);color:var(--sloff-text-muted);font-size:var(--sloff-fs-14);line-height:1.55}
.sloff-account :is(.sloff-account__new,.sloff-account__palm) a{font-size:var(--sloff-fs-14);font-weight:var(--sloff-fw-black,800);text-decoration:none}
.sloff-account .sloff-account__new a{color:var(--sloff-fest-accent)}
.sloff-account :is(.sloff-account__new,.sloff-account__palm,.sloff-account__form) a:is(:hover,:focus-visible){text-decoration:underline}
.sloff-account__benefits-col{grid-area:benefits;padding-top:56px}
.sloff-account .sloff-account__benefits-title{margin:0 0 var(--sloff-space-4);color:var(--sloff-text);font-size:var(--sloff-fs-24)}
.sloff-account__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sloff-space-5) var(--sloff-space-6);margin:0 0 var(--sloff-space-5);padding:0;list-style:none}
.sloff-account__benefits li{position:relative;padding:0 0 0 40px}
.sloff-account__benefits li::before{content:"✓";position:absolute;top:0;left:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sloff-fest-accent);color:var(--sloff-fest-accent-ink,#000);font-size:14px;font-weight:var(--sloff-fw-black,800)}
.sloff-account__benefits li:nth-child(3)::before{background:var(--sloff-palm-orange,#e95421);color:#000}
.sloff-account__benefits li:nth-child(4)::before{background:var(--sloff-fest-highlight);color:#000}
.sloff-account__benefits strong{display:block;margin:0 0 4px;color:var(--sloff-text);font-size:var(--sloff-fs-16)}
.sloff-account__benefits span{display:block;color:var(--sloff-text-muted);font-size:var(--sloff-fs-14);line-height:1.5}
.sloff-account__palm{grid-area:palm;margin:0 0 var(--sloff-space-5);padding:var(--sloff-space-5) var(--sloff-space-4);border:1px solid var(--sloff-palm-orange,#e95421);border-radius:var(--sloff-radius-card)}
.sloff-account .sloff-account__palm-title{margin:0 0 var(--sloff-space-2);color:var(--sloff-palm-orange,#e95421);font-size:var(--sloff-fs-12);font-weight:var(--sloff-fw-black,800);letter-spacing:.12em;text-transform:uppercase}
.sloff-account .sloff-account__palm p{margin:0 0 var(--sloff-space-2);color:var(--sloff-text);font-size:var(--sloff-fs-15,15px);line-height:1.55}
.sloff-account .sloff-account__palm a{color:var(--sloff-palm-orange,#e95421)}
.sloff-account .sloff-account__note{grid-area:note;margin:0;color:var(--sloff-text-muted);font-size:var(--sloff-fs-14);line-height:1.6}
.sloff-account__loading{color:var(--sloff-text-muted);line-height:1.6}
/* Once the form sits in the card, EventiveWP's "not logged in" prompt is redundant (and its button would open an empty pop-up). EventiveWP sets display:block inline after log-out. */
.sloff-account:has([data-slo-ec-login-slot] .eventive-login-form) .eventive-login-prompt{display:none!important}
.sloff-account__tabs{display:flex;gap:var(--sloff-space-2);margin:0 0 var(--sloff-space-4);padding-bottom:var(--sloff-space-2);border-bottom:1px solid var(--sloff-line);overflow-x:auto}
.sloff-account__tabs[hidden]{display:none}
.sloff-account__tabs [role=tab]{min-height:var(--sloff-tap-min);padding:0 var(--sloff-space-4);border:1px solid var(--sloff-line-strong);border-radius:var(--sloff-radius-pill);background:var(--sloff-surface-1);color:var(--sloff-text);font:inherit;font-weight:var(--sloff-fw-bold);cursor:pointer;white-space:nowrap}
.sloff-account__tabs [role=tab][aria-selected=true]{border-color:var(--sloff-fest-accent);color:var(--sloff-fest-accent)}
.sloff-account__tabs [role=tab]:focus-visible{outline:var(--sloff-focus-w) solid var(--sloff-focus);outline-offset:2px}
@media(max-width:1024px){
.sloff-account__signed-out{grid-template-columns:minmax(0,1fr);grid-template-areas:"login" "palm" "benefits" "note";row-gap:var(--sloff-space-6)}
.sloff-account__palm{margin:0}
.sloff-account__benefits-col{padding-top:0}
.sloff-account__benefits{grid-template-columns:minmax(0,1fr);margin:0;gap:var(--sloff-space-4)}
}
/* Fallback (no Core / no JavaScript): EventiveWP's prompt and button, without its debug badge and dashed box. */
.sloff-account .eventive-login-badge{display:none!important}
.sloff-account .eventive-login{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.sloff-account .eventive-login-prompt{max-width:520px;color:var(--sloff-text-muted)}
.sloff-account .eventive-login a:not(.hidden){display:flex;align-items:center;justify-content:center;min-height:52px;border:0!important;border-radius:var(--sloff-radius-pill)!important;background:var(--sloff-fest-accent)!important;color:var(--sloff-fest-accent-ink)!important;font-weight:var(--sloff-fw-black,800);text-decoration:none}
/* ---------- Signed in (mockups 044 / 058 / 059 / 060 / 066 / 067 / 070) ---------- */
.sloff-acct[hidden],.sloff-acct__pending[hidden]{display:none!important}
.sloff-acct__pending{margin:var(--sloff-space-6) 0;color:var(--sloff-text-muted);text-align:center}
/* Signed in: the old three Eventive tabs and its own log-out link give way to this layout. */
.sloff-account:has(.sloff-acct:not([hidden])) :is(.sloff-account__tabs,.eventive-account-container .account-actions,.eventive-account-passes,.eventive-account-container > .eventive-login-prompt){display:none!important}
.sloff-account:has(.sloff-acct:not([hidden])) .sloff-account__eventive :is(.top-section,.account-passes){min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.sloff-acct{display:grid;grid-template-columns:240px minmax(0,1fr) minmax(300px,380px);grid-template-areas:"nav main side";gap:var(--sloff-space-6) 40px;align-items:start;margin:0 0 var(--sloff-space-6);color:var(--sloff-text)}
.sloff-acct:not([data-sloff-acct-view=tickets]){grid-template-areas:"nav main main"}
.sloff-acct:not([data-sloff-acct-view=tickets]) .sloff-acct__side{display:none}
.sloff-acct__nav{grid-area:nav;position:sticky;top:var(--sloff-space-5);display:grid;gap:var(--sloff-space-2)}
.sloff-acct__nav .sloff-account__eyebrow{padding:0 16px}
.sloff-acct__tabs{display:grid;gap:6px;padding-bottom:var(--sloff-space-4);border-bottom:1px solid var(--sloff-line)}
.sloff-acct .sloff-acct__tabs [role=tab],.sloff-acct .sloff-acct__logout{display:flex;align-items:center;min-height:48px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--sloff-text);font:inherit;font-size:var(--sloff-fs-15,15px);font-weight:var(--sloff-fw-bold);text-align:left;cursor:pointer}
.sloff-acct .sloff-acct__tabs [role=tab]:hover,.sloff-acct .sloff-acct__logout:hover{background:var(--sloff-surface-2)}
.sloff-acct .sloff-acct__tabs [role=tab][aria-selected=true]{background:#fff;color:#000}
.sloff-acct :is([role=tab],button,a):focus-visible{outline:var(--sloff-focus-w,3px) solid var(--sloff-focus);outline-offset:2px}
.sloff-acct__main{grid-area:main;min-width:0}
.sloff-acct__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sloff-space-3);margin:0 0 var(--sloff-space-5)}
.sloff-acct__eyebrow{display:none;flex-basis:100%;margin:0}
.sloff-acct__head h1{flex-basis:100%;margin:0;color:var(--sloff-text);font-size:clamp(36px,4.4vw,52px);line-height:1.05}
.sloff-acct__badge{margin:0;padding:6px 12px;border:1px solid var(--sloff-palm-orange,#e95421);border-radius:var(--sloff-radius-pill);color:var(--sloff-palm-orange,#e95421);font-size:var(--sloff-fs-12);font-weight:var(--sloff-fw-black,800);letter-spacing:.06em;text-transform:uppercase}
.sloff-acct__panel[hidden]{display:none}
.sloff-acct .sloff-acct__h2{margin:var(--sloff-space-6) 0 var(--sloff-space-4);color:var(--sloff-text);font-size:var(--sloff-fs-24)}
.sloff-acct__passes > .sloff-acct__h2{margin-top:0}
.sloff-acct__pass-list{display:grid;gap:var(--sloff-space-3)}
.sloff-acct-pass{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sloff-space-4);align-items:center;padding:var(--sloff-space-5);border-radius:var(--sloff-radius-card);background:var(--sloff-fest-accent);color:var(--sloff-fest-accent-ink,#000)}
.sloff-acct .sloff-acct-pass__eyebrow{margin:0 0 4px;color:inherit;font-size:var(--sloff-fs-12);font-weight:var(--sloff-fw-black,800);letter-spacing:.12em;text-transform:uppercase}
.sloff-acct .sloff-acct-pass__name{margin:0 0 6px;color:inherit;font-size:var(--sloff-fs-24);line-height:1.15}
.sloff-acct .sloff-acct-pass__meta{margin:0;color:inherit;font-size:var(--sloff-fs-14);font-weight:var(--sloff-fw-semibold,600)}
.sloff-acct-pass__actions{display:flex;flex-wrap:wrap;gap:var(--sloff-space-2);margin-top:var(--sloff-space-4)}
.sloff-acct .sloff-acct-pass__qr{display:grid;place-items:center;padding:8px;border:0;border-radius:12px;background:#fff;cursor:pointer}
.sloff-acct-pass__qr img{display:block;width:112px;height:112px}
.sloff-acct .sloff-acct__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--sloff-space-5);border:1px solid transparent;border-radius:var(--sloff-radius-pill);background:var(--sloff-fest-accent);color:var(--sloff-fest-accent-ink,#000);font:inherit;font-size:var(--sloff-fs-13);font-weight:var(--sloff-fw-black,800);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;cursor:pointer}
.sloff-acct .sloff-acct__btn:hover{text-decoration:none;filter:brightness(1.06)}
.sloff-acct .sloff-acct__btn--outline{border-color:var(--sloff-line-strong);background:transparent;color:var(--sloff-text)}
.sloff-acct .sloff-acct__btn--outline:hover{border-color:var(--sloff-text)}
.sloff-acct .sloff-acct__btn--dark{background:#000;color:#fff}
.sloff-acct .sloff-acct__btn--ghost{border-color:currentColor;background:transparent;color:inherit}
.sloff-acct .sloff-acct__btn--dark:hover{background:#000;color:#fff}
.sloff-acct .sloff-acct__btn--ghost:hover{background:rgba(0,0,0,.08);color:inherit}
.sloff-acct .sloff-acct__btn--member{width:100%;margin-top:var(--sloff-space-3);background:var(--sloff-palm-orange,#e95421);color:#000}
.sloff-acct__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sloff-space-4);margin-top:var(--sloff-space-5)}
.sloff-acct .sloff-acct__note{flex:1 1 280px;margin:0;color:var(--sloff-text-muted);font-size:var(--sloff-fs-13);line-height:1.55}
.sloff-acct__slot :is(.eventive-account-details,.eventive-account-tickets){margin:0;padding:0;border:0;background:none;box-shadow:none}
/* EventiveWP's Tickets section, restyled into rows (its cards, filter and QR window are Eventive's). */
.sloff-acct__slot .eventive-tickets-column > h2,.sloff-acct__slot .eventive-account-details-content > h2{display:none}
.sloff-acct__slot .eventive-tickets-column{display:grid;gap:0;overflow:hidden;border:1px solid var(--sloff-line);border-radius:var(--sloff-radius-card);background:var(--sloff-surface-1)}
.sloff-acct__slot .eventive-ticket-filters{display:flex;justify-content:flex-end;padding:var(--sloff-space-3) var(--sloff-space-4);border-bottom:1px solid var(--sloff-line)}
.sloff-acct__slot .eventive-ticket-filter-select{min-height:40px;padding:0 36px 0 14px;border:1px solid var(--sloff-line-strong);border-radius:var(--sloff-radius-pill);background:#000;color:#fff;font:inherit;font-size:var(--sloff-fs-13);font-weight:var(--sloff-fw-bold)}
.sloff-acct__slot .eventive-ticket-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sloff-space-4);align-items:center;margin:0;padding:var(--sloff-space-4) var(--sloff-space-5);border:0;border-top:1px solid var(--sloff-line);border-radius:0;background:transparent;box-shadow:none}
.sloff-acct__slot .eventive-ticket-card:first-of-type{border-top:0}
.sloff-acct__slot .eventive-ticket-filters + .eventive-ticket-card{border-top:0}
.sloff-acct__slot .eventive-ticket-card__title{color:var(--sloff-text);font-size:var(--sloff-fs-16);font-weight:var(--sloff-fw-black,800);text-transform:uppercase}
.sloff-acct__slot :is(.eventive-ticket-card__meta,.eventive-ticket-card__seat){margin-top:4px;color:var(--sloff-text-muted);font-size:var(--sloff-fs-14)}
.sloff-acct__slot .eventive-ticket-card__actions .evt-btn{min-height:40px;padding:0 var(--sloff-space-4);border:0;border-radius:var(--sloff-radius-pill);background:#fff;color:#000;font-size:var(--sloff-fs-13);font-weight:var(--sloff-fw-black,800);text-transform:uppercase}
.sloff-acct__slot .eventive-tickets-column > p{margin:0;padding:var(--sloff-space-5);color:var(--sloff-text-muted)}
/* EventiveWP's Account details, restyled (its Edit buttons, SMS switch and payment button are Eventive's). */
.sloff-acct__slot .eventive-account-details-content{padding:var(--sloff-space-5);border:1px solid var(--sloff-line);border-radius:var(--sloff-radius-card);background:var(--sloff-surface-1)}
.sloff-acct__slot .eventive-account-details-content table{width:100%;margin:0;border:0;border-collapse:collapse;background:transparent}
.sloff-acct__slot .eventive-account-details-content thead{display:none}
.sloff-acct__slot .eventive-account-details-content tr{background:transparent!important}
.sloff-acct__slot .eventive-account-details-content td{padding:var(--sloff-space-3) var(--sloff-space-2);border:0;border-bottom:1px solid var(--sloff-line);background:transparent!important;color:var(--sloff-text);font-size:var(--sloff-fs-15,15px);vertical-align:middle}
.sloff-acct__slot .eventive-account-details-content tr:last-child td{border-bottom:0}
.sloff-acct__slot .eventive-account-details-content td:first-child{width:32%;color:var(--sloff-text-muted);font-size:var(--sloff-fs-13);font-weight:var(--sloff-fw-bold)}
.sloff-acct__slot .eventive-account-details-content td:last-child{width:1%;text-align:right;white-space:nowrap}
.sloff-acct__slot .edit-row-button,.sloff-acct__slot .eventive-account-details-content button{min-height:36px;padding:0 var(--sloff-space-4);border:1px solid var(--sloff-line-strong);border-radius:var(--sloff-radius-pill);background:transparent;color:var(--sloff-text);font:inherit;font-size:var(--sloff-fs-13);font-weight:var(--sloff-fw-bold);cursor:pointer}
.sloff-acct__slot .eventive-account-details-content input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--sloff-line-input);border-radius:10px;background:#000;color:#fff;font:inherit;font-size:16px}
.sloff-acct__slot .toggle-switch .slider{background:var(--sloff-surface-3)}
.sloff-acct__slot .toggle-switch input:checked + .slider{background:var(--sloff-fest-accent)}
.sloff-acct__slot .toggle-switch input:checked + .slider::before{background:#000}
.sloff-acct__slot .toggle-switch input:focus-visible + .slider{outline:var(--sloff-focus-w,3px) solid var(--sloff-focus);outline-offset:2px}
.sloff-acct__slot .eventive-account-actions{margin-top:var(--sloff-space-4)}
.sloff-acct .sloff-acct__btn--member:hover{background:var(--sloff-palm-orange,#e95421);color:#000}
.sloff-acct .sloff-acct__logout-foot{margin-top:var(--sloff-space-5)}
/* Membership card, benefits and join box. Plain orange card: no drawn art (designer art only). */
.sloff-acct__side{grid-area:side;display:grid;gap:var(--sloff-space-4)}
.sloff-acct__side > *{min-width:0}
.sloff-acct-member{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:var(--sloff-space-5);border-radius:var(--sloff-radius-card);background:var(--sloff-palm-orange,#e95421);color:#000}
.sloff-acct .sloff-acct-member__eyebrow{margin:0;color:#000;font-size:var(--sloff-fs-12);font-weight:var(--sloff-fw-black,800);letter-spacing:.12em;text-transform:uppercase}
.sloff-acct .sloff-acct-member__title{margin:4px 0 var(--sloff-space-5);color:#000;font-size:var(--sloff-fs-24);font-weight:var(--sloff-fw-black,800);line-height:1.1;text-transform:uppercase}
.sloff-acct-member__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sloff-space-3)}
.sloff-acct .sloff-acct-member__name{margin:0;color:#000;font-size:var(--sloff-fs-16);font-weight:var(--sloff-fw-black,800)}
.sloff-acct .sloff-acct-member__renews{margin:2px 0 0;color:#000;font-size:var(--sloff-fs-13);font-weight:var(--sloff-fw-semibold,600)}
.sloff-acct-member__status{padding:4px 10px;border-radius:var(--sloff-radius-pill);background:#000;color:var(--sloff-palm-orange,#e95421);font-size:var(--sloff-fs-12);font-weight:var(--sloff-fw-black,800);text-transform:uppercase}
.sloff-acct-box{padding:var(--sloff-space-5);border:1px solid var(--sloff-line);border-radius:var(--sloff-radius-card);background:var(--sloff-surface-1)}
.sloff-acct-box--join{border-color:var(--sloff-palm-orange,#e95421)}
.sloff-acct .sloff-acct-box__title{margin:0 0 var(--sloff-space-3);color:var(--sloff-text);font-size:var(--sloff-fs-20)}
.sloff-acct-box__list{margin:0 0 var(--sloff-space-3);padding-left:1.2em;color:var(--sloff-text);font-size:var(--sloff-fs-15,15px);line-height:1.7}
.sloff-acct .sloff-acct-box__note,.sloff-acct .sloff-acct-box__text{margin:0 0 var(--sloff-space-3);color:var(--sloff-text-muted);font-size:var(--sloff-fs-14);line-height:1.55}
.sloff-acct :is(.sloff-acct-box__link,.sloff-acct__manage){color:var(--sloff-palm-orange,#e95421);font-size:var(--sloff-fs-14);font-weight:var(--sloff-fw-black,800);text-decoration:none}
.sloff-acct :is(.sloff-acct-box__link,.sloff-acct__manage):hover{text-decoration:underline}
.sloff-acct__member-full{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sloff-space-5);align-items:start}
.sloff-acct__member-full > .sloff-acct-box--join{grid-column:1/-1;max-width:640px}
.sloff-acct__member-full > .sloff-acct__manage{grid-column:1/-1}
/* My Festival empty state. */
.sloff-acct__empty{display:grid;justify-items:center;gap:var(--sloff-space-3);padding:var(--sloff-space-6) var(--sloff-space-5);border:1px dashed var(--sloff-fest-highlight);border-radius:var(--sloff-radius-card);text-align:center}
.sloff-acct__star{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--sloff-fest-highlight);color:#000;font-size:28px}
.sloff-acct__empty h2{margin:0;color:var(--sloff-text);font-size:var(--sloff-fs-24)}
.sloff-acct__empty p{max-width:640px;margin:0;color:var(--sloff-text-muted);line-height:1.6}
.sloff-acct .sloff-acct__saved{color:var(--sloff-text);font-weight:var(--sloff-fw-bold)}
.sloff-acct__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sloff-space-3);margin-top:var(--sloff-space-2)}
/* QR window (Eventive's QR image). */
.sloff-acct-qr{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:var(--sloff-space-5);border:1px solid var(--sloff-line);border-radius:22px;background:#111;color:#fff}
.sloff-acct-qr::backdrop{background:rgba(0,0,0,.78)}
.sloff-acct-qr__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sloff-space-3);margin:0 0 var(--sloff-space-4)}
.sloff-acct-qr h2{margin:0;color:#fff;font-size:var(--sloff-fs-24)}
.sloff-acct .sloff-acct-qr__close{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.sloff-acct-qr__card{display:grid;justify-items:center;gap:6px;padding:var(--sloff-space-5);border-radius:18px;background:#fff;color:#000;text-align:center}
.sloff-acct-qr .sloff-acct-qr__eyebrow{margin:0;color:#000;font-size:var(--sloff-fs-12);font-weight:var(--sloff-fw-black,800);letter-spacing:.12em;text-transform:uppercase}
.sloff-acct-qr .sloff-acct-qr__name{margin:0 0 6px;color:#000;font-size:var(--sloff-fs-22,22px);font-weight:var(--sloff-fw-black,800)}
.sloff-acct-qr__img{display:block;width:min(240px,60vw);height:auto;aspect-ratio:1}
.sloff-acct-qr .sloff-acct-qr__holder{margin:6px 0 0;color:#000;font-size:var(--sloff-fs-16);font-weight:var(--sloff-fw-black,800)}
.sloff-acct-qr .sloff-acct-qr__note{margin:var(--sloff-space-4) 0 0;color:rgba(255,255,255,.8);font-size:var(--sloff-fs-14);line-height:1.5;text-align:center}
.sloff-acct-qr--member .sloff-acct-qr__card{box-shadow:inset 0 0 0 6px var(--sloff-palm-orange,#e95421)}
/* Phones and tablets: heading, tab bar, panel. The membership card lives in its own tab. */
@media(max-width:1024px){
.sloff-acct,.sloff-acct:not([data-sloff-acct-view=tickets]){display:flex;flex-direction:column;align-items:stretch;gap:var(--sloff-space-5)}
.sloff-acct__main{display:contents}
.sloff-acct__head{order:1;margin:0}
.sloff-acct__eyebrow{display:block}
.sloff-acct__nav{order:2;position:static}
.sloff-acct .sloff-acct__nav > .sloff-account__eyebrow,.sloff-acct .sloff-acct__nav > .sloff-acct__logout{display:none}
.sloff-acct__panel{order:3}
.sloff-acct__side{display:none}
.sloff-acct__tabs{display:flex;gap:4px;padding:4px;overflow-x:auto;border:1px solid var(--sloff-line);border-radius:var(--sloff-radius-pill);background:var(--sloff-surface-1);scrollbar-width:none}
.sloff-acct .sloff-acct__tabs [role=tab]{flex:1 0 auto;justify-content:center;min-height:44px;padding:0 14px;border-radius:var(--sloff-radius-pill);font-size:var(--sloff-fs-14);white-space:nowrap}
.sloff-acct__member-full{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
.sloff-acct-pass{grid-template-columns:minmax(0,1fr) auto;padding:var(--sloff-space-4)}
.sloff-acct-pass__qr img{width:84px;height:84px}
.sloff-acct .sloff-acct-pass__actions .sloff-acct__btn{flex:1 1 auto}
.sloff-acct__slot .eventive-ticket-card{grid-template-columns:minmax(0,1fr);gap:var(--sloff-space-3)}
.sloff-acct__slot .eventive-account-details-content{padding:var(--sloff-space-3)}
.sloff-acct__slot .eventive-account-details-content td:first-child{width:auto}
.sloff-acct .sloff-acct__foot .sloff-acct__btn{width:100%}
}
/* EventiveWP's "Edit Pass Details" window (opened by "Edit pass holder"; its fields and Save are Eventive's).
   EventiveWP gives it a white panel with white text; dark panel like mockup 061. */
body:has(.sloff-acct) .eventive-edit-pass-modal{background:rgba(0,0,0,.78)!important}
body:has(.sloff-acct) .eventive-edit-pass-modal .edit-pass-modal-content{position:relative;box-sizing:border-box;width:min(480px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px);overflow:auto;padding:var(--sloff-space-5)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:22px!important;background:#111!important;color:#fff!important}
body:has(.sloff-acct) .eventive-edit-pass-modal h3{margin:0 56px var(--sloff-space-4) 0!important;color:#fff!important;font-size:var(--sloff-fs-24)!important}
body:has(.sloff-acct) .eventive-edit-pass-modal label{display:block;margin:0 0 6px;color:rgba(255,255,255,.85)!important;font-size:var(--sloff-fs-13);font-weight:var(--sloff-fw-bold)}
body:has(.sloff-acct) .eventive-edit-pass-modal .form-group{margin:0 0 var(--sloff-space-4)}
body:has(.sloff-acct) .eventive-edit-pass-modal input[type=text]{box-sizing:border-box;width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.7)!important;border-radius:10px!important;background:#000!important;color:#fff!important;font:inherit;font-size:16px}
body:has(.sloff-acct) .eventive-edit-pass-modal .eventive-close-edit-pass-modal{position:absolute;top:var(--sloff-space-4);right:var(--sloff-space-4);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.4)!important;border-radius:50%!important;background:transparent!important;color:#fff!important;font-size:22px}
body:has(.sloff-acct) .eventive-edit-pass-modal .pass-submit-row-button{min-height:48px;padding:0 var(--sloff-space-5);border:0!important;border-radius:var(--sloff-radius-pill)!important;background:var(--sloff-fest-accent)!important;color:var(--sloff-fest-accent-ink,#000)!important;font-weight:var(--sloff-fw-black,800);text-transform:uppercase;letter-spacing:.06em}