/* Native MoniPOS navigation only. Existing brand variables and content remain. */
.ms-mp-header {box-sizing:border-box;position:fixed!important;left:0;right:0;top:0;z-index:50;width:100%;height:var(--ms-mp-base-frame);padding:0!important;margin:0 auto;overflow-anchor:none;transition:top 1s cubic-bezier(.16,1,.3,1),height 1s cubic-bezier(.16,1,.3,1);}
.ms-mp-reserve {height:var(--ms-mp-reserve,74px);pointer-events:none;overflow-anchor:none;}
.ms-mp-main {pointer-events:none;right:auto;width:var(--ms-mp-client);margin:0;}
.ms-mp-main>.nav {pointer-events:auto;box-sizing:border-box;width:var(--ms-mp-base-width);max-width:none;height:var(--ms-mp-base-surface);border-radius:0;transition:width 1s cubic-bezier(.16,1,.3,1),height 1s cubic-bezier(.16,1,.3,1),padding 1s cubic-bezier(.16,1,.3,1),border-radius 1s cubic-bezier(.16,1,.3,1),background-color 700ms ease,border-color 700ms ease,box-shadow 700ms ease;}
.ms-mp-main[data-ms-compact="true"] {top:20px;height:var(--ms-mp-target-frame);}
.ms-mp-main[data-ms-compact="true"]>.nav {width:var(--ms-mp-target-width);max-width:none;height:var(--ms-mp-target-surface);padding:0 14px 0 28px;border-radius:50px;}
.ms-mp-header .logo,.ms-mp-header .logo .mark {transition:font-size 1s cubic-bezier(.16,1,.3,1),gap 1s cubic-bezier(.16,1,.3,1),width 1s cubic-bezier(.16,1,.3,1),height 1s cubic-bezier(.16,1,.3,1);}
.ms-mp-header .nav-links a {transition:font-size 1s cubic-bezier(.16,1,.3,1),color 700ms ease;}
.ms-mp-header .nav-cta .btn {transition:padding 1s cubic-bezier(.16,1,.3,1),font-size 1s cubic-bezier(.16,1,.3,1),background-color 700ms ease,color 700ms ease,transform .18s var(--ease),box-shadow 700ms ease;}
.ms-mp-header .nav>.logo,.ms-mp-header .nav>.nav-links,.ms-mp-header .nav>.nav-cta,.ms-mp-header .nav>.nav-right {flex-shrink:0;}
.ms-mp-header .nav-cta .btn,.ms-mp-header .nav-right .btn {white-space:nowrap;flex-shrink:0;}
.ms-mp-header .logo {min-height:44px;}
.ms-mp-header .nav-links a {min-height:44px;min-width:44px;display:inline-flex;align-items:center;}
.ms-mp-header .theme-toggle {min-width:44px;min-height:44px;}
/* Existing body button families keep their colors, text and callbacks. */
body .btn,body .tab,body .switch button,body .faq-q,body .ai-close,body .ai-send,body .ai-chip {min-height:44px;min-width:44px;}
body .btn {justify-content:center;text-align:center;}
body .btn:not(.sm) {white-space:normal;overflow-wrap:anywhere;}
body button:focus-visible,body .btn:focus-visible,.ms-mp-header a:focus-visible {outline:2px solid var(--brand);outline-offset:3px;}
.ms-mp-legal {right:auto;margin:0;width:var(--ms-mp-base-width);border-radius:0;transition:width 1s cubic-bezier(.16,1,.3,1),height 1s cubic-bezier(.16,1,.3,1),top 1s cubic-bezier(.16,1,.3,1),left 1s cubic-bezier(.16,1,.3,1),border-radius 1s cubic-bezier(.16,1,.3,1),background-color 700ms ease,border-color 700ms ease,box-shadow 700ms ease;}
.ms-mp-legal>.nav {box-sizing:border-box;width:100%;max-width:none;height:calc(var(--ms-mp-base-frame) - 1px);}
.ms-mp-legal[data-ms-compact="true"] {top:20px;left:var(--ms-mp-target-left);width:var(--ms-mp-target-width);height:var(--ms-mp-target-frame);border-radius:50px;box-shadow:0 1px 2px rgba(23,23,26,.05),0 16px 40px -16px rgba(23,23,26,.25);}
.ms-mp-legal[data-ms-compact="true"]>.nav {height:calc(var(--ms-mp-target-frame) - 1px);padding-left:14px;padding-right:14px;}
.ms-mp-header[data-ms-narrow="true"]>.nav {display:grid;grid-template-columns:1fr;gap:4px;padding-top:4px;padding-bottom:4px;}
.ms-mp-header[data-ms-narrow="true"]>.nav>.logo {justify-self:start;}
.ms-mp-header[data-ms-narrow="true"]>.nav>.nav-cta,.ms-mp-header[data-ms-narrow="true"]>.nav>.nav-right {justify-self:end;}
.ms-mp-header[data-ms-initializing],.ms-mp-header[data-ms-initializing] *,.ms-mp-header[data-ms-resizing],.ms-mp-header[data-ms-resizing] *,.ms-mp-header[data-ms-measuring],.ms-mp-header[data-ms-measuring] * {transition:none!important;}
header[data-ms-measuring],header[data-ms-measuring] * {transition:none!important;}
@media(max-width:760px){.ms-mp-header[data-ms-compact="true"]{top:12px;}.ms-mp-main[data-ms-compact="true"]>.nav{padding-left:14px;padding-right:14px;}}
@media(max-width:350px){.ms-mp-main[data-ms-compact="true"]>.nav,.ms-mp-legal[data-ms-compact="true"]>.nav{padding-left:6px;padding-right:6px;}.ms-mp-legal>.nav{padding-left:12px;padding-right:12px;}}
@media(prefers-reduced-motion:reduce){.ms-mp-header,.ms-mp-header *{transition:none!important;}}
@media print{.ms-mp-header{position:static!important;top:auto!important;width:100%!important;height:auto!important;}.ms-mp-reserve{display:none;}.ms-mp-header>.nav{width:100%!important;height:auto!important;}}

/* Native FAQ disclosure rotation stays inside its button. */
body .faq-q{padding-inline:8px;}
body #aiPanel button[type="submit"]{min-width:44px;min-height:44px;flex-shrink:0;}

@media(max-width:600px){.hero-grid{width:100%;grid-template-columns:minmax(0,1fr);}.hero-grid>*{min-width:0;}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr));}.pos-products .prod{min-width:0;}}

body .faq-q .ic{align-self:center;flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;}