/* Shared mobile space and brand polish; keep every feature and preview boundary. */
html.leos-ux-preview #leosE83 img.hero-mark {
  content:url('/__preview__/brand/icon-r9-512.png')!important;
}
html.leos-ux-preview #leosE83 #leos-preview-boundary-note {
  box-sizing:border-box!important;border:1px solid #d5dfe9!important;border-radius:18px!important;
  padding:11px 14px!important;background:#fffaf2!important;color:#684c2c!important;
  box-shadow:0 6px 25px rgba(31,48,83,.12)!important;font:12px/1.5 system-ui,sans-serif!important;
  max-width:460px!important;left:12px!important;right:36px!important;
  bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
}
html.leos-ux-preview #leosE83 #leos-preview-boundary-note button {
  min-height:44px!important;padding:8px 14px!important;margin:4px 0 0 8px!important;
  border:1px solid #d7dce3!important;border-radius:12px!important;background:#fff!important;
}
@media(max-width:600px) {
  html.leos-ux-preview {--ux-header-height:56px;--ux-copy-height:20px}
  html.leos-ux-preview #leosE83 .ux-header {padding-left:12px;padding-right:12px;gap:10px}
  html.leos-ux-preview #leosE83 .ux-copy-strip {font-size:9px;gap:5px}
  html.leos-ux-preview #leosE83 #appShell #mainContent {
    padding:12px 31px calc(15px + env(safe-area-inset-bottom,0px)) 12px!important;
  }
  html.leos-ux-preview #leosE83 #mainContent #page-leo .leo-shell {min-width:0}
  html.leos-ux-preview #leosE83 #mainContent #page-leo textarea {min-height:72px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce) {
  html.leos-ux-preview #leosE83 :is(.ux-focus-chevron,.ux-calendar-refined .calendar-event) {transition:none!important}
}