/* Selected palette 3: sky, teal, navy, yellow, orange; white surfaces. */
:root{--ink:#063047;--muted:#385D70;--coral:#209EB5;--purple:#209EB5;--green:#209EB5;--yellow:#FFBA08;--blue:#90CAE3;--white:#fff;--line:#90CAE3;--pale:#fff}
body:not(.custom-event){background-color:#fff;color:#063047}
body:not(.custom-event) :is(.app-shell,.login,.card,.summary div,.session,.material-card,.content-detail,.info-card,.map-card,.event-about,.contact-card,.attendance-card,.empty-state,.detail-hero,.profile-sharing,.premium-banner,.manager-status,.detail-person,.event-room-list li){background-color:#fff!important;border-color:#90CAE3!important}
body:not(.custom-event) :is(h1,h2,h3,strong,.time strong,.event-details b,.tab.active,.premium-banner strong,.map-info strong){color:#063047!important}
body:not(.custom-event) :is(p,.intro,.event-meta,.event-details span,.time,.tab,.premium-pill,.materials-note,.materials-intro,.resource-list span,.detail-reminder-options span){color:#385D70!important}
body:not(.custom-event) :is(.welcome h1 em,.availability,.content-label,.detail-label,.detail-status){color:#08778E!important}
body:not(.custom-event) :is(select,input,textarea,.filter,.day-choice,.agenda-filter,.reminder-time,.detail-reminder-time,.attendance-control button,.resource-list a,#roomFilter){background:#fff!important;color:#063047!important;border-color:#90CAE3!important}
body:not(.custom-event) :is(.active-filter,.agenda-filter.active-agenda-filter,.day-choice.active-day,.reminder-time.selected,.detail-reminder-time.selected,.attendance-control button.is-set,.detail-reminder,.material-card button,.card-icon,.material-unlocked .material-icon){background:#209EB5!important;color:#063047!important;border-color:#209EB5!important}
body:not(.custom-event) .day-choice.active-day strong{color:#063047!important}
body:not(.custom-event) :is(.session.next,.material-unlocked){background:#fff!important;border-color:#FFBA08!important;box-shadow:none!important}
body:not(.custom-event) .session.next{border-width:3px!important}
body:not(.custom-event) :is(.session-line,.tab.active:after){background:#209EB5!important}
body:not(.custom-event) .session.next .session-line{background:#FFBA08!important}
body:not(.custom-event) :is(.status-badge.next,.status-badge.live,.premium-icon,.badge){background:#FFBA08!important;color:#063047!important}
body:not(.custom-event) :is(.tag.coral,.material-icon){background:#FF8800!important;color:#063047!important}
body:not(.custom-event) :is(.tag.purple,.tag.green,.avatar,.speaker-initials,.person-initials,.reminder){background:#90CAE3!important;color:#063047!important}
body:not(.custom-event) .status-badge.ended{background:#fff!important;border:1px solid #90CAE3;color:#385D70!important}
body:not(.custom-event) :is(.reminder.is-set,.detail-reminder.is-set){background:#FFBA08!important;color:#063047!important}
body:not(.custom-event) :is(.contact-card>a,.detail-back,.map-info a,.branding-link a){color:#08778E!important}
body:not(.custom-event) :is(.topbar,.welcome,.tabs,footer,.event-details){border-color:#90CAE3!important}
body:not(.custom-event) .toast{background:#063047;color:white}
.shell button{background:#209EB5;color:#063047}
.shell :is(.logout,.delete-event,.event-space-row button,.participant-row button){background:#FF8800!important;color:#063047!important}
.shell :is(.edit-event,#addEventDay,#addEventSpace,#addAttractionParticipant,#accountToggle){background:#90CAE3!important;color:#063047!important;border-color:#209EB5!important}
.shell :is(.account-home,.back-to-app,.admin-tab.active){background:#209EB5!important;color:#063047!important}
.shell input:focus,.shell select:focus,.shell textarea:focus{outline:2px solid #209EB5;outline-offset:2px}
#discoveryStatus+a{color:#08778E}
/* Restrict sky blue to minor decoration; stronger blues carry the interface. */
:root{--line:#06304733;--blue:#fff}
body:not(.custom-event) :is(.app-shell,.login,.card,.summary div,.session,.material-card,.content-detail,.info-card,.map-card,.event-about,.contact-card,.attendance-card,.empty-state,.detail-hero,.profile-sharing,.manager-status,.detail-person,.event-room-list li,select,input,textarea,.filter,.day-choice,.agenda-filter,.reminder-time,.detail-reminder-time,.attendance-control button,.resource-list a,#roomFilter){border-color:#06304740!important}
body:not(.custom-event) :is(.tag.purple,.tag.green,.avatar,.speaker-initials,.person-initials,.reminder){background:#063047!important;color:#fff!important}
.shell :is(.edit-event,#addEventDay,#addEventSpace,#addAttractionParticipant,#accountToggle){background:#063047!important;color:#fff!important;border-color:#063047!important}
body:not(.custom-event) :is(.topbar,.welcome,.tabs,footer,.event-details){border-color:#06304726!important}
body:not(.custom-event) .session.next{border-color:#FFBA08!important}
body:not(.custom-event) :is(.reminder-time.selected,.detail-reminder-time.selected,.attendance-control button.is-set,.day-choice.active-day,.agenda-filter.active-agenda-filter,.active-filter){border-color:#209EB5!important}
/* Exact selected blues, no pale or translucent substitute on interactive elements. */
body:not(.custom-event) :is(.session,.material-card,.info-card,.map-card,.event-about,.contact-card,.attendance-card,.detail-person,.event-room-list li,select,input,textarea,.filter,.day-choice,.agenda-filter,.reminder-time,.detail-reminder-time,.attendance-control button,#roomFilter){border-color:#063047!important}
body:not(.custom-event) :is(.active-filter,.agenda-filter.active-agenda-filter,.day-choice.active-day,.reminder-time.selected,.detail-reminder-time.selected,.attendance-control button.is-set,.detail-reminder,.material-card button,.card-icon,.material-unlocked .material-icon){background:#063047!important;border-color:#063047!important;color:#fff!important}
body:not(.custom-event) .day-choice.active-day strong{color:#fff!important}
body:not(.custom-event) :is(.session.next,.material-unlocked){border-color:#FFBA08!important}
.shell button,.shell :is(.account-home,.back-to-app,.admin-tab.active){background:#063047!important;color:#fff!important}
body.participant-page .shell #accountToggle{display:table;width:auto;min-height:0;margin:16px auto 0;padding:4px 0;background:transparent!important;color:#0087a0!important;border:0!important;border-radius:0;box-shadow:none;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.participant-page .shell #accountToggle:hover{background:transparent!important;color:#052c43!important}
body.participant-page.creating-account #accountSubmit{justify-self:center;width:auto;min-width:150px;max-width:100%;padding:10px 24px}
body.participant-page.creating-account .shell #accountSubmit{font-size:18px;line-height:1.25}
body.participant-page.creating-account .shell #accountToggle{font-size:15px}
body.participant-page.creating-account #participantForm{gap:9px;margin-top:8px}
body.participant-page.creating-account #participantForm label{gap:4px}
body.participant-page.creating-account #participantForm small{margin-top:4px}
body.participant-page .account-brand{display:flex;flex-direction:column;align-items:center;text-align:center}
body.participant-page .account-brand a.brand{background-position:center;flex:none}
body.participant-page .account-brand .account-tagline{width:100%;text-align:center;margin:10px 0 0}
body.participant-page.creating-account #accountTitle{text-align:center}
body.participant-page.creating-account .shell #accountToggle{margin-top:8px}
body.participant-page #accountMessage:empty{display:none}
body.participant-page:not(.creating-account) #accountTitle{text-align:center}
body.participant-page:not(.creating-account) .shell #accountSubmit{justify-self:center;width:auto;min-width:150px;max-width:100%;padding:10px 24px;font-size:18px;line-height:1.25}
body.participant-page:not(.creating-account) #participantForm{gap:9px;margin-top:8px}
body.participant-page:not(.creating-account) #participantForm label{gap:4px}
body.participant-page:not(.creating-account) #participantForm small{margin-top:4px}
body.participant-page .shell #forgotPassword{display:block;width:100%;margin:10px 0 0;padding:4px 0;text-align:center;font-size:13px;font-weight:600;color:#0087a0!important;background:transparent!important;text-decoration:underline;text-underline-offset:3px}
body.participant-page .shell #backToLogin{display:block;text-align:center;color:#0087a0!important;background:transparent!important;text-decoration:underline;text-underline-offset:3px}
body.participant-page .shell :is(#forgotPassword,#backToLogin):hover{color:#052c43!important}
body.participant-page .shell :is(#forgotPassword,#backToLogin):focus-visible{outline:2px solid #0087a0;outline-offset:3px;border-radius:4px}
body.participant-page #recoveryPanel button{background:#0087a0!important;color:#fff!important}
body.participant-page #forgotPassword[hidden],body.participant-page #recoveryPanel[hidden],body.participant-page #recoveryPanel form[hidden]{display:none!important}
body.participant-page #recoveryPanel form{gap:9px;margin-top:8px}
body.participant-page #recoveryPanel button{justify-self:center;padding:10px 18px}
/* Management authentication follows the participant login, without styling the dashboard. */
body.management-page:has(> .shell > .login:not([hidden])){background:#fff url("assets/account-pattern.svg") repeat;background-size:240px 240px}
.management-page .shell > .login{background:#fff url("assets/account-pattern.svg") repeat!important;background-size:240px 240px!important}
.management-page .login .account-brand{display:flex;flex-direction:column;align-items:center;text-align:center}
.management-page .login .account-brand .brand{background-position:center;flex:none}
.management-page .login .account-tagline{width:100%;text-align:center;margin:10px 0 0;font-size:13px;line-height:1.5}
.management-page .login h1{text-align:center}
.management-page .login form{gap:9px;margin-top:8px}
.management-page .login label{gap:4px}
.management-page .login form button{justify-self:center;width:auto;min-width:150px;max-width:100%;padding:10px 24px;font-size:18px;line-height:1.25}
.management-page .login .auth-link{display:block;width:100%;margin:10px 0 0;padding:4px 0;text-align:center;font-size:13px;font-weight:600;color:#0087a0!important;background:transparent!important;text-decoration:underline;text-underline-offset:3px}
.management-page .login .auth-link:hover{color:#052c43!important}
.management-page .login .auth-link:focus-visible{outline:2px solid #0087a0;outline-offset:3px;border-radius:4px}
.management-page .login p[role="status"]:empty{display:none}

#organizerEvents{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;resize:vertical}