/* A quieter Elamuska: one type family, flat surfaces and a restrained floral header. */
:root{--serif:Arial,Helvetica,sans-serif;}
body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif;}
.app-shell :is(h1,h2,h3),dialog :is(h1,h2,h3){font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em;line-height:1.2;}
.app-shell h1{font-size:clamp(1.5rem,6vw,2rem);font-weight:600;}
.app-shell h2,dialog h2{font-size:1.375rem;font-weight:600;}
.app-shell h3{font-size:1.125rem;font-weight:600;}
.app-shell .app-brand{font-family:Arial,Helvetica,sans-serif;font-size:1.125rem;letter-spacing:.15em;font-weight:500;text-transform:uppercase;}
.app-shell .app-brand>[data-art]{display:none;}
.app-shell:not([data-view=plan]) .app-header .app-brand{font-size:1.0625rem;}
.app-shell[data-view=plan]{
 background-color:#0b2539!important;
 background-image:linear-gradient(180deg,rgba(11,37,57,.48),rgba(11,37,57,.85)),url('assets/occasion-floral-navy.webp')!important;
 background-position:center top!important;background-size:100% auto!important;background-repeat:no-repeat!important;
}
.app-shell[data-view=plan] .app-header{width:calc(100% - 64px);max-width:480px;padding:12px 0;grid-template-columns:minmax(0,1fr) 44px;min-height:68px;}
.app-shell[data-view=plan] #header-menu{width:44px;height:44px;min-height:44px;padding:8px;}
.app-shell[data-view=plan] #header-menu .icon{width:28px;height:28px;}
.app-shell[data-view=plan] #plan-view>.screen-heading{padding:8px 0 20px;}
.app-shell[data-view=plan] #planner-heading{font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:-.015em;line-height:1.3;text-shadow:none;}
.app-shell[data-view=plan] :is(.prompt-card,.brief-field,.event-chip){border:1.5px solid #24435c;background:#fff;box-shadow:none;}
.app-shell[data-view=plan] .prompt-card{border-radius:14px;padding:16px 16px 58px;}
.app-shell[data-view=plan] .prompt-card textarea{min-height:116px;line-height:1.55;color:#17354c;}
.app-shell[data-view=plan] .prompt-card textarea::placeholder{color:#62778b;}
.app-shell[data-view=plan] .brief-fields{gap:12px;margin:16px 0;}
.app-shell[data-view=plan] .brief-field{border-radius:10px;min-height:48px;}
.app-shell[data-view=plan] .brief-field>.icon{color:#49667c;}
.app-shell[data-view=plan] :is(.build-event,.round-submit){background:#173c58!important;border:0;box-shadow:none;color:#fff;}
.app-shell[data-view=plan] .build-event{border:1px solid #708b9e;border-radius:12px;min-height:50px;font-weight:600;}
.app-shell[data-view=plan] .popular-events{gap:10px;margin-top:18px;}
.app-shell[data-view=plan] .event-chip{border-radius:10px;min-height:46px;}
.app-shell[data-view=plan] .event-chip[aria-pressed=true]{background:#deedf8;border-color:#173c58;box-shadow:inset 0 0 0 1px #173c58;font-weight:600;}
.app-shell :is(.primary-button,.secondary-button){background-image:none!important;box-shadow:none!important;border-radius:10px;}
.app-shell .primary-button{background-color:#173c58;color:#fff;}
.app-shell .secondary-button{background-color:#fff;}
.app-shell .bottom-nav{background:#fff!important;background-image:none!important;border-top:1px solid #cfdae2;border-radius:16px 16px 0 0;box-shadow:none!important;}
.app-shell .bottom-nav button{font-size:.75rem;line-height:1.35;}
.app-shell[data-space=vendor]:not([data-view=plan]){background:#f0f6f4!important;background-image:none!important;}
body:has(.app-shell[data-space=vendor]:not([data-view=plan])){background:#f0f6f4!important;background-image:none!important;}
.app-shell[data-space=vendor]:not([data-view=plan]) :is(.app-header,.bottom-nav){background:#fff!important;background-image:none!important;}
.app-shell[data-space=vendor]:not([data-view=plan]) :is(.account-panel,.account-listing,.vendor-home-welcome,.vendor-home-summary>button,.direct-thread,.direct-conversation,.subscription-current,.subscription-plan,.business-details-form){background:#fff!important;box-shadow:none!important;}
.app-shell[data-space=vendor]:not([data-view=plan]) .primary-button{background:#1b5753!important;box-shadow:none!important;}
.app-shell[data-space=vendor]:not([data-view=plan]) .primary-button:hover{background:#123f3c!important;}
.app-shell[data-space=vendor]:not([data-view=plan]) .secondary-button{background:#fff!important;}
@media(max-width:370px){.app-shell[data-view=plan] .app-header{width:calc(100% - 40px);}.app-shell[data-view=plan] .event-chip{font-size:.75rem;}}

/* Put event selection and labelled planning controls ahead of decoration. */
.app-shell[data-view=plan]{background-size:100% 180px!important;}
.app-shell[data-view=plan] .app-header{min-height:60px;padding:8px 0;}
.app-shell[data-view=plan] #plan-view>.screen-heading{padding:4px 0 16px;}
.planner-type-label{font-size:.75rem;font-weight:600;color:#e4edf4;margin-bottom:8px;}
.app-shell[data-view=plan] .popular-events{margin:0 0 16px;gap:8px;}
.app-shell[data-view=plan] .event-chip{font-size:.8125rem;min-height:44px;}
.app-shell[data-view=plan] .event-chip[aria-pressed=true]{background:#cfe6f7;border-color:#fff;box-shadow:inset 0 0 0 2px #173c58;}
.app-shell[data-view=plan] .prompt-card{padding:14px;border-radius:12px;}
.app-shell[data-view=plan] .prompt-card textarea{min-height:88px;font-size:1rem;}
.app-shell[data-view=plan] .brief-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 16px;}
.app-shell[data-view=plan] .brief-field{position:relative;padding:27px 12px 9px;min-height:68px;gap:8px;}
.app-shell[data-view=plan] .brief-field:nth-child(-n+2){grid-column:1/-1;}
.planner-field-caption{position:absolute;top:9px;left:12px;font-size:.6875rem;line-height:1.2;font-weight:600;color:#526b7c;}
.app-shell[data-view=plan] .brief-field .field-unit{display:none;}
.app-shell[data-view=plan] .brief-field .et-date-button{text-align:left;font-size:.875rem;}
.app-shell[data-view=plan] .brief-field>.icon{width:18px;height:18px;}
.app-shell[data-view=plan] .brief-field:has(#plan-total)>.icon{display:none;}
.app-shell[data-view=plan] .field-currency{font-size:.75rem;}
.app-shell[data-view=plan] .field-clear{width:20px;flex-shrink:0;}
.app-shell .bottom-nav button[aria-current=page]{color:#102f4b;font-weight:700;}
.app-shell .bottom-nav button[aria-current=page] .icon{background:#e0edf7;border-radius:8px;box-shadow:0 0 0 5px #e0edf7;}
@media(max-width:340px){.app-shell[data-view=plan] .brief-fields{grid-template-columns:1fr;}.app-shell[data-view=plan] .brief-field{grid-column:1/-1;}}