/* Elamuska main-page trial: navy botanicals in the spaces around white controls. */
.app-shell[data-view="plan"]{
 background-color:#0b2539!important;
 background-image:linear-gradient(rgba(5,24,39,.18),rgba(5,24,39,.18)),url('assets/occasion-floral-navy.webp')!important;
 background-position:center top!important;
 background-size:100% auto!important;
 background-repeat:repeat-y!important;
}
.app-shell[data-view="plan"] main,
.app-shell[data-view="plan"] #plan-view,
.app-shell[data-view="plan"] .app-header{
 background-color:transparent!important;background-image:none!important;
}
.app-shell[data-view="plan"] .app-brand,
.app-shell[data-view="plan"] .app-header .icon-button,
.app-shell[data-view="plan"] #planner-heading{color:#fffdf8;}
.app-shell[data-view="plan"] #planner-heading{text-shadow:0 2px 12px rgba(0,12,24,.45);}
.app-shell[data-view="plan"] .app-header .icon-button:hover{background:rgba(255,255,255,.12);}
.app-shell[data-view="plan"] .app-header .icon-button:focus-visible{outline:2px solid #d0b77e;outline-offset:2px;}
.app-shell[data-view="plan"] .app-brand .reference-art{border-radius:50%;background:#fff;}
.app-shell[data-view="plan"] :is(.prompt-card,.brief-field,.event-chip){background-color:#fff;background-image:none;}
.app-shell[data-view="plan"] .event-chip[aria-pressed="true"]{background:#edf4fa;}
.app-shell[data-view="plan"] .build-event{border:2px solid #b9a46d;}
.app-shell[data-view="plan"] .bottom-nav{background:#fff!important;background-image:none!important;}
.app-shell[data-view="plan"] .app-header{
 width:calc(100% - 96px);max-width:360px;margin-inline:auto;padding:14px 0;
}
@media(max-width:340px){
 .app-shell[data-view="plan"] .app-header{width:calc(100% - 56px);}
}
.app-shell[data-view="plan"] .app-brand>[data-art]{display:none;}
.app-shell[data-view="plan"] .app-brand{
 font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.125rem,4.6vw,1.375rem);
 font-weight:500;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;
}
.app-shell[data-view="plan"] .app-header{grid-template-columns:minmax(0,1fr) 52px;}
.app-shell[data-view="plan"] #header-menu{
 width:52px;height:52px;min-height:52px;padding:10px;border-radius:14px;
 border:0;background:transparent;color:#fffdf8;
}
.app-shell[data-view="plan"] #header-menu .icon{width:30px;height:30px;stroke-width:1.8;}
.app-shell[data-view="plan"] #plan-view>.screen-heading{padding:8px 0 16px;margin-bottom:0;}
.app-shell[data-view="plan"] #planner-heading{
 font-family:Arial,Helvetica,sans-serif;font-size:clamp(1rem,4.8vw,1.35rem);
 font-weight:400;letter-spacing:.015em;line-height:1.35;text-align:center;margin:0;
}