/* FLAP Help Desk - tema claro, mobile-first. Carregado depois do tema hesk3. */
:root{color-scheme:light only;--flap-blue:#1d4ed8;
  --sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);
  --sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#fff}
body{background:#fff;color:#1f2937;-webkit-font-smoothing:antialiased;
  padding-left:var(--sal);padding-right:var(--sar);padding-bottom:var(--sab)}
img,video,svg{max-width:100%;height:auto}
/* iOS Safari amplia a tela em campos < 16px */
input,select,textarea{font-size:16px!important;max-width:100%}
button,.btn,a.btn,input[type=submit]{min-height:44px;touch-action:manipulation}
a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(29,78,216,.15)}
table{max-width:100%}
.table-wrap,.ticket-list,.tickets{overflow-x:auto;-webkit-overflow-scrolling:touch}
pre,code{white-space:pre-wrap;word-break:break-word}
:focus-visible{outline:3px solid var(--flap-blue);outline-offset:2px}
@media (max-width:640px){.main__content,.main-wrap,.container{padding-left:12px;padding-right:12px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* App instalado (standalone): sem barra do navegador */
@media (display-mode:standalone){body{padding-top:var(--sat);overscroll-behavior-y:none}}
/* página offline */
.flap-offline main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.flap-offline button{margin-top:16px;padding:12px 24px;border:0;border-radius:10px;background:var(--flap-blue);color:#fff;font-size:16px}