/* Action icons never depend on the operating system emoji font. */
.action-symbol{display:inline-block;vertical-align:-.16em;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
a[href^="tel:"] .action-symbol{margin-right:4px}
.pharmacy-compact-actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}
/* Legacy dialog fallback, only applied when native showModal is unavailable. */
dialog:not([open]){display:none}
.compat-dialog-backdrop{position:fixed;inset:0;background:rgba(5,24,39,.65);z-index:10000}
dialog.compat-dialog[open]{position:fixed;inset:0;margin:auto;z-index:10001;max-height:calc(var(--chivi-visible-height,100vh) - 32px);overflow:auto}
body.compat-dialog-open{overflow:hidden}
/* The menu overlays the page so its height never feeds back into the
   observed header height used to calculate its own available space. */
body.fixed-header-layout>header>.header-menu{
 position:absolute;top:100%;left:0;right:0;width:100%;box-sizing:border-box;
 max-height:calc(var(--chivi-visible-height,100vh) - var(--chivi-header-height,140px));
 overflow-y:auto;overscroll-behavior:contain;box-shadow:0 12px 20px #082e4b14;
}
@media(hover:none) and (pointer:coarse){
 input,select,textarea,#chat #question{font-size:16px!important}
 .icon-button,.menu-toggle,.modal-close,.weather-close,.media-browser-close{min-width:44px;min-height:44px;touch-action:manipulation}
 dialog.media-browser-dialog,dialog#chat.assistant-dialog{height:min(640px,calc(var(--chivi-visible-height,100vh) - 32px));max-height:calc(var(--chivi-visible-height,100vh) - 32px)}
 .weather-dialog{max-height:calc(var(--chivi-visible-height,100vh) - 32px)}
 #chat .chat-body,.media-browser-list,.weather-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}
 #chat #chatForm{padding-bottom:max(12px,env(safe-area-inset-bottom));flex-shrink:0}
 #chat #question{min-width:0}
 .header-menu{max-height:calc(var(--chivi-visible-height,100vh) - var(--chivi-header-height,140px));overflow-y:auto;-webkit-overflow-scrolling:touch}
}
