/* 2026-10-24 — match DKChat header spacing and stabilize the iPhone Orders frame. */
@media (max-width:991.98px) {
 body .dk-app-header .dk-app-navbar.navbar{padding-left:3px!important;padding-right:10px!important}
 body .dk-app-header .dk-app-navbar .navbar-toggler{box-sizing:border-box;min-width:0;width:100%;margin:0!important;padding:0!important;gap:10px;position:relative}
 body .dk-app-header .dk-app-navbar .navbar-toggler>.float-left{width:92px;min-width:0;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
 body .dk-app-header .dk-app-navbar .navbar-toggler>.float-left>img{width:104px!important;height:50px!important;max-width:none!important;flex-shrink:0;object-fit:contain;object-position:left center;margin:0!important;transform:translateX(-8px)}
 body .dk-app-header .dk-app-navbar .navbar-toggler>.d-flex{gap:10px!important;align-items:center;margin:0!important;flex-shrink:0;position:static}
 body .dk-app-header .dk-app-navbar .navbar-toggler>.d-flex>a,
 body .dk-app-header .dk-app-navbar .navbar-toggler>.d-flex .dk-service-switch{width:auto;min-width:0;margin:0!important;padding:0!important;flex-shrink:0}
 body .dk-app-header .dk-app-navbar .navbar-toggler .dk-native-service,
 body .dk-app-header .dk-app-navbar .navbar-toggler .dk-profile-link>div{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:43px;min-height:37px;height:37px;margin:0!important;padding:0 6px!important;border-radius:8px;font:600 10px/12px system-ui,sans-serif!important}
 body .dk-app-header .dk-app-navbar .navbar-toggler .dk-native-service p,
 body .dk-app-header .dk-app-navbar .navbar-toggler .dk-profile-link p{font:inherit!important;margin:0}
 .dk-orders-install-app{height:37px!important;padding-top:0;padding-bottom:0}
}
@media (max-width:360px) {
 body .dk-app-header .dk-app-navbar .navbar-toggler>.float-left{width:72px}
 body .dk-app-header .dk-app-navbar .navbar-toggler .dk-native-service,
 body .dk-app-header .dk-app-navbar .navbar-toggler .dk-profile-link>div{min-width:34px;width:34px;padding-left:2px!important;padding-right:2px!important;font-size:9px!important}
}
.dk-orders-install-app{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:2px 6px;margin:0;border:1px solid #608296;border-radius:8px;background:#172b38;color:#fff;font:600 10px/12px system-ui,sans-serif;white-space:nowrap;cursor:pointer;position:absolute;top:50%;transform:translate(-50%,-50%)}
.dk-orders-install-app[hidden]{display:none!important}
.dk-orders-install-app:focus-visible{outline:2px solid #8bd5ff;outline-offset:2px}
.dk-orders-embedded .dk-app-navbar{position:relative}
/* The parent app owns the visible viewport and safe-area boundary. This document
   owns vertical scrolling; prevent its edges from dragging the whole app. */
html.dk-orders-embedded,html.dk-orders-embedded body{width:100%;max-width:100%;min-width:0;overscroll-behavior:none;overflow-x:hidden}
@supports (overflow:clip){html.dk-orders-embedded,html.dk-orders-embedded body{overflow-x:clip}}
html.dk-orders-embedded .dk-app-header,html.dk-orders-embedded #Footer{left:0;right:0;width:auto!important;max-width:100%;box-sizing:border-box}
html.dk-orders-embedded .table-responsive{max-width:100%;overscroll-behavior-x:contain}
@media (max-width:991.98px), (pointer:coarse) {
 /* Avoid Safari focus zoom, without disabling deliberate pinch zoom. */
 body:has(.dk-app-navbar) input:not([type=checkbox]):not([type=radio]),
 body:has(.dk-app-navbar) select,body:has(.dk-app-navbar) textarea{font-size:16px!important}
}