/* GARAGEM88 Mobile — identidade única de cabeçalho, menu e submenus.
   Camada visual ao final das folhas mobile. Sem efeitos sobre desktop ou dados. */
@media (max-width:600px) {
  html body.g88m-unified .system {
    display:block!important;min-width:0!important;grid-template-columns:none!important;
  }
  html body.g88m-unified .system > .sidebar {
    display:none!important;
  }
  html body.g88m-unified .system > .content {
    min-width:0;max-width:100%;
  }
  /* Mesmo cabeçalho real da Home para TODAS as páginas e formulários. */
  html body.g88m-unified > .g88m-header {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;column-gap:8px!important;
    width:100%!important;min-height:60px!important;height:60px!important;
    margin:0!important;padding:8px 12px!important;
    background:#031c30!important;color:#fff!important;
    border:0!important;box-shadow:none!important;
    position:relative;z-index:5;
  }
  html body.g88m-unified > .g88m-header .g88m-menu,
  html body.g88m-unified > .g88m-header .g88m-account {
    box-sizing:border-box!important;display:grid!important;place-items:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    min-height:44px!important;max-width:44px!important;
    padding:0!important;margin:0!important;
    color:#fff!important;background:transparent!important;border:0!important;
    border-radius:10px!important;line-height:1!important;
  }
  html body.g88m-unified > .g88m-header .g88m-menu {
    font:400 26px/1 Inter,'Segoe UI',Arial,sans-serif!important;
  }
  html body.g88m-unified > .g88m-header .g88m-account svg {
    width:24px!important;height:24px!important;stroke:currentColor!important;
    fill:none!important;stroke-width:1.8!important;
  }
  html body.g88m-unified > .g88m-header .g88m-brand {
    display:block!important;min-width:0!important;width:auto!important;
    margin:0!important;padding:0!important;align-self:center!important;
    justify-self:start!important;text-align:left!important;
  }
  html body.g88m-unified > .g88m-header .g88m-brand strong {
    display:block!important;font:italic 850 21px/1.05 Inter,'Segoe UI',Arial,sans-serif!important;
    letter-spacing:-.8px!important;white-space:nowrap!important;color:#fff!important;
    margin:0!important;
  }
  html body.g88m-unified > .g88m-header .g88m-brand strong span {
    color:#1686ff!important;
  }
  html body.g88m-unified > .g88m-header .g88m-brand small {
    display:block!important;margin:4px 0 0!important;
    font:700 8px/1.15 Inter,'Segoe UI',Arial,sans-serif!important;
    letter-spacing:1.15px!important;white-space:nowrap!important;color:#c3d2df!important;
  }
  /* Rodapé de navegação idêntico em toda tela. */
  html body.g88m-unified > .g88m-nav {
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    position:fixed!important;inset:auto 0 0!important;
    width:100%!important;z-index:9000!important;
    box-sizing:border-box!important;
    padding:6px 8px max(8px,env(safe-area-inset-bottom))!important;
    background:#fffffffa!important;border-top:1px solid #dae6f2!important;
  }
  html body.g88m-unified > .g88m-nav button {
    box-sizing:border-box!important;display:flex!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:5px!important;min-height:54px!important;
    margin:0!important;padding:4px 2px!important;
    border:0!important;border-radius:10px!important;background:transparent!important;
    color:#4d6385!important;font:500 10px/1.2 Inter,'Segoe UI',Arial,sans-serif!important;
  }
  html body.g88m-unified > .g88m-nav button[aria-current="page"] {
    color:#0674f9!important;background:#e6f2ff!important;
  }
  html body.g88m-unified > .g88m-nav button svg {
    width:23px!important;height:23px!important;stroke:currentColor!important;
    fill:none!important;stroke-width:1.8!important;
  }
  /* Menu lateral único: reutiliza TODOS os botões e handlers originais. */
  html body.g88m-unified.g88m-menu-open {
    overflow:hidden!important;
  }
  html body.g88m-unified.g88m-menu-open > .g88m-shade:not([hidden]) {
    display:block!important;position:fixed!important;inset:0!important;
    width:100%!important;height:100%!important;z-index:30000!important;
    background:#00132299!important;border:0!important;
  }
  html body.g88m-unified.g88m-menu-open .system > aside.sidebar#g88mDrawer.g88m-unified-drawer {
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;justify-content:flex-start!important;
    position:fixed!important;inset:0 auto 0 0!important;z-index:30001!important;
    width:min(244px,86vw)!important;min-width:0!important;max-width:86vw!important;
    height:100dvh!important;min-height:0!important;max-height:100dvh!important;
    padding:calc(7px + env(safe-area-inset-top)) 8px calc(22px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;
    background:linear-gradient(180deg,#08233a 0%,#071d31 56%,#061a2b 100%)!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer > .brand {
    display:none!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .g88m-drawer-head {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:6px!important;position:sticky!important;top:0!important;z-index:2!important;
    flex:0 0 auto!important;min-height:56px!important;
    margin:-2px -1px 5px!important;padding:4px 1px 6px!important;
    background:#08233a!important;border-bottom:1px solid #24425b!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .g88m-drawer-brand {
    display:block!important;flex:1 1 auto!important;min-width:0!important;text-align:left!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .g88m-drawer-brand strong {
    display:block!important;white-space:nowrap!important;
    font:italic 850 18px/1.05 Inter,'Segoe UI',Arial,sans-serif!important;
    letter-spacing:-.7px!important;color:#fff!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .g88m-drawer-brand strong span {
    color:#1686ff!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .g88m-drawer-brand small {
    display:block!important;margin-top:5px!important;
    font-size:7px!important;letter-spacing:.8px!important;color:#b2c6d6!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .g88m-close {
    display:grid!important;place-items:center!important;
    flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;
    border:1px solid #355773!important;border-radius:11px!important;
    background:#15344f!important;color:#fff!important;
    font:400 25px/1 Inter,'Segoe UI',Arial,sans-serif!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .menu-list {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    width:100%!important;flex:0 0 auto!important;
    gap:0!important;overflow:visible!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .sys-menu {
    box-sizing:border-box!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:flex-start!important;gap:9px!important;
    width:100%!important;height:44px!important;min-height:44px!important;
    padding:0 7px!important;margin:0!important;
    font:500 13.5px/1.25 Inter,'Segoe UI',Arial,sans-serif!important;
    text-align:left!important;white-space:nowrap!important;
    border-radius:10px!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .sys-menu > b {
    display:grid!important;place-items:center!important;flex:0 0 21px!important;
    width:21px!important;height:21px!important;min-width:21px!important;margin:0!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .sys-menu > b svg {
    width:19px!important;height:19px!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .sys-menu > span {
    display:inline!important;min-width:0!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .sys-menu > :is(.vendas-arrow,.cadastros-arrow,.financeiro-arrow) {
    margin-left:auto!important;flex:0 0 auto!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .sys-menu.active,
  html body.g88m-unified.g88m-menu-open #g88mDrawer .sys-menu.group-active {
    background:#1e486f!important;color:#fff!important;
  }
  /* Submenus ficam recuados, alinhados e nunca exibidos quando recolhidos. */
  html body.g88m-unified.g88m-menu-open #g88mDrawer #g88VendasItems[hidden],
  html body.g88m-unified.g88m-menu-open #g88mDrawer #g88CadastrosItems[hidden],
  html body.g88m-unified.g88m-menu-open #g88mDrawer #gfSidebarGroup:not(.gf-visible) {
    display:none!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer :is(.vendas-items,.cadastros-items) {
    box-sizing:border-box!important;flex:0 0 auto!important;
    display:flex;flex-direction:column;gap:1px!important;
    margin:0!important;padding:2px 0 5px 8px!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .sys-menu.sys-submenu {
    height:44px!important;min-height:44px!important;
    padding-left:14px!important;font-size:12.5px!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer #gfSidebarGroup.gf-visible {
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    flex:0 0 auto!important;gap:1px!important;
    margin:0!important;padding:2px 0 5px 12px!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .gf-sidebar-item {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    width:100%!important;min-height:44px!important;height:auto!important;
    padding:8px 10px!important;
    text-align:left!important;font:500 12.5px/1.3 Inter,'Segoe UI',Arial,sans-serif!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer .gf-sidebar-item.on {
    background:#1e486f!important;color:#fff!important;
  }
  html body.g88m-unified.g88m-menu-open #g88mDrawer > .exit {
    flex:0 0 50px!important;margin:3px 0 0!important;
    padding-top:6px!important;min-height:50px!important;
    border-top:1px solid #24425b!important;
  }
  html body.g88m-unified :is(.g88m-menu,.g88m-account,.g88m-close,.g88m-nav button):focus-visible,
  html body.g88m-unified.g88m-menu-open #g88mDrawer :is(.sys-menu,.gf-sidebar-item):focus-visible {
    outline:3px solid #8dc3ff!important;outline-offset:2px!important;
  }
}
@media (max-width:365px) {
  html body.g88m-unified.g88m-menu-open #g88mDrawer .g88m-drawer-brand strong {
    font-size:16px!important;
  }
}


/* Orçamentos: visual exclusivo do celular. A tabela desktop e o fluxo JS permanecem intactos. */
@media screen and (max-width:600px){
  #g88QuoteHistory.g88-quote-history{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;margin:0!important;
    padding:12px 12px calc(112px + env(safe-area-inset-bottom))!important;
    font-family:'Inter','Segoe UI',Arial,sans-serif!important;
  }
  #g88QuoteHistory .gq-head.g88-list-head{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:14px!important;padding:0 0 17px!important;margin:0!important;
  }
  #g88QuoteHistory .gq-head.g88-list-head h1{
    margin:0 0 5px!important;font-size:25px!important;line-height:1.2!important;
    font-weight:800!important;letter-spacing:-.5px!important;
  }
  #g88QuoteHistory .gq-head.g88-list-head p{
    margin:0!important;font-size:12px!important;line-height:1.5!important;
  }
  #g88QuoteHistory #gqNew{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    justify-content:center!important;width:100%!important;min-height:48px!important;
    margin:0!important;padding:11px 16px!important;border-radius:11px!important;
    font:750 14px/1.2 'Inter','Segoe UI',Arial,sans-serif!important;
    background:#1268df!important;color:#fff!important;
    box-shadow:0 5px 13px rgba(12,98,207,.14)!important;
  }
  #g88QuoteHistory .g88-unified-table-wrap{
    display:block!important;width:100%!important;min-width:0!important;
    padding:0!important;background:transparent!important;border:0!important;
    border-radius:0!important;box-shadow:none!important;
    overflow:visible!important;
  }
  #g88QuoteHistory .g88-unified-table,
  #g88QuoteHistory .g88-unified-table tbody{
    box-sizing:border-box!important;display:block!important;width:100%!important;
    min-width:0!important;max-width:100%!important;
    margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;
  }
  #g88QuoteHistory .g88-unified-table thead{display:none!important}
  #g88QuoteHistory .g88-unified-table tbody{
    display:flex!important;flex-direction:column!important;gap:11px!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto auto!important;
    align-items:start!important;gap:11px 10px!important;
    width:100%!important;min-width:0!important;
    padding:15px 13px 13px!important;
    background:#fff!important;border:1px solid #d5e5f5!important;
    border-radius:15px!important;
    box-shadow:0 3px 10px rgba(14,54,92,.035)!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td{
    display:block!important;box-sizing:border-box!important;
    min-width:0!important;max-width:100%!important;
    margin:0!important;padding:0!important;border:0!important;
    text-align:left!important;line-height:1.4!important;
    overflow-wrap:anywhere!important;
    font-family:'Inter','Segoe UI',Arial,sans-serif!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(2){
    grid-column:1!important;grid-row:1!important;
    font-size:14px!important;color:#102c4d!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(2) strong{
    font-size:14px!important;line-height:1.35!important;
    font-weight:800!important;display:block!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(1){
    grid-column:2!important;grid-row:1!important;justify-self:end!important;
    padding-top:2px!important;font-size:10.5px!important;
    color:#69809a!important;white-space:nowrap!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(3){
    grid-column:1/-1!important;grid-row:2!important;
    color:#607c97!important;font-size:12px!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(3)::before{
    content:'Veículo: ';font-weight:700!important;color:#365a7a!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(4){
    grid-column:1!important;grid-row:3!important;
    font-size:17px!important;font-weight:800!important;
    color:#103f75!important;white-space:nowrap!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(4)::before{
    content:'Valor do orçamento';display:block!important;
    font-size:10px!important;font-weight:600!important;color:#7b8fa4!important;
    margin-bottom:3px!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(5){
    grid-column:2!important;grid-row:3!important;align-self:end!important;
    justify-self:end!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr .g88-unified-status{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    max-width:100%!important;min-height:28px!important;
    padding:5px 9px!important;border-radius:999px!important;
    font-size:10px!important;line-height:1.2!important;
    white-space:normal!important;text-align:center!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(6){
    grid-column:1/-1!important;grid-row:4!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:8px!important;padding-top:11px!important;
    border-top:1px solid #edf2f8!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr td:nth-child(6) button{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;min-height:42px!important;
    padding:9px 7px!important;margin:0!important;
    border-radius:10px!important;font:700 11.5px/1.3 'Inter','Segoe UI',Arial,sans-serif!important;
    white-space:normal!important;text-align:center!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr [data-q-detail]{
    color:#fff!important;background:#1268df!important;border:1px solid #1268df!important;
  }
  #g88QuoteHistory .g88-unified-table tbody tr [data-q-print]{
    color:#1366c9!important;background:#f3f8ff!important;border:1px solid #c6def9!important;
  }
  #g88QuoteHistory .g88-unified-empty{
    padding:24px 16px!important;border:1px solid #d5e5f5!important;
    border-radius:14px!important;background:#fff!important;
    font-size:13px!important;line-height:1.5!important;
  }
  #g88QuoteHistory .gq-detail{max-width:100%!important;box-sizing:border-box!important}
  #g88QuoteHistory .gq-detail-fields{grid-template-columns:1fr!important;gap:17px!important}
  #g88QuoteHistory .gq-status-actions{grid-template-columns:1fr!important}
  #g88QuoteHistory .gq-status-actions button{width:100%!important}
  #g88QuoteHistory .gq-status-actions button:last-child:nth-child(odd){grid-column:auto!important}
}


/* Detalhes do orçamento em modal verdadeiro, exclusivo mobile. */
@media screen and (max-width:600px){
  body.gq-mobile-detail-open{overflow:hidden!important;touch-action:none}
  #gqMobileOverlay.gq-mobile-overlay{
    position:fixed!important;inset:0!important;z-index:2147483000!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:12px!important;box-sizing:border-box!important;
    background:rgba(3,21,39,.64)!important;
    font-family:'Inter','Segoe UI',Arial,sans-serif!important;
    overscroll-behavior:contain!important;
  }
  #gqMobileOverlay .gq-mobile-dialog{
    display:flex!important;flex-direction:column!important;
    width:100%!important;max-width:460px!important;
    height:auto!important;max-height:calc(100dvh - 30px)!important;
    min-height:0!important;overflow:hidden!important;
    border-radius:17px!important;background:#fff!important;
    box-shadow:0 20px 65px rgba(2,20,40,.3)!important;
    border:1px solid #dce7f3!important;
  }
  #gqMobileOverlay .gq-mobile-dialog-top{
    display:flex!important;flex:none!important;align-items:center!important;
    justify-content:space-between!important;gap:10px!important;
    min-height:55px!important;padding:9px 15px!important;
    border-bottom:1px solid #e6edf5!important;
    background:#fff!important;color:#0c2c4b!important;
    font-size:14px!important;font-weight:800!important;
  }
  #gqMobileOverlay .gq-mobile-dialog-close{
    display:grid!important;place-items:center!important;
    flex:none!important;width:37px!important;height:37px!important;
    padding:0!important;margin:0!important;border:1px solid #d5e3f0!important;
    border-radius:10px!important;background:#f1f6fc!important;
    color:#173b60!important;font:400 25px/1 'Inter',sans-serif!important;
  }
  #gqMobileOverlay .gq-mobile-dialog-content{
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
    overflow-x:hidden!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:16px!important;box-sizing:border-box!important;
  }
  #gqMobileOverlay .gq-detail{
    box-sizing:border-box!important;display:block!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;border:0!important;
    border-radius:0!important;box-shadow:none!important;
    background:#fff!important;color:#102f50!important;
  }
  #gqMobileOverlay .gq-detail-header{
    display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;gap:10px!important;
    padding:0 0 15px!important;border-bottom:1px solid #e7eef6!important;
  }
  #gqMobileOverlay .gq-detail-heading{
    display:flex!important;align-items:flex-start!important;gap:10px!important;
    width:100%!important;min-width:0!important;
  }
  #gqMobileOverlay .gq-heading-icon{
    display:grid!important;place-items:center!important;flex:none!important;
    width:39px!important;height:39px!important;border-radius:11px!important;
    background:#e8f2ff!important;color:#0869dd!important;
  }
  #gqMobileOverlay .gq-heading-icon svg{width:21px!important;height:21px!important}
  #gqMobileOverlay .gq-detail-heading>div{min-width:0!important}
  #gqMobileOverlay .gq-detail-header h2{
    margin:0!important;font-size:15px!important;font-weight:800!important;
    line-height:1.35!important;color:#0c2d4e!important;overflow-wrap:anywhere!important;
  }
  #gqMobileOverlay .gq-detail-header p{
    margin:5px 0 0!important;color:#71869b!important;
    font-size:11.5px!important;line-height:1.4!important;
  }
  #gqMobileOverlay .gq-status-tag{
    display:inline-flex!important;align-items:center!important;
    padding:6px 10px!important;border-radius:999px!important;
    background:#e8f2ff!important;color:#145fae!important;
    font-size:11px!important;font-weight:750!important;white-space:normal!important;
  }
  #gqMobileOverlay .gq-status-approved{background:#fff2d9!important;color:#996000!important}
  #gqMobileOverlay .gq-status-sold{background:#e6f8ec!important;color:#19764b!important}
  #gqMobileOverlay .gq-detail-main{
    display:flex!important;flex-direction:column!important;
    gap:16px!important;padding:18px 0!important;
  }
  #gqMobileOverlay .gq-detail-fields{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 12px!important;align-items:start!important;
  }
  #gqMobileOverlay .gq-detail-field,
  #gqMobileOverlay .gq-detail-note{
    display:flex!important;align-items:flex-start!important;
    gap:8px!important;min-width:0!important;
  }
  #gqMobileOverlay .gq-field-icon{
    display:grid!important;place-items:start center!important;
    width:18px!important;height:20px!important;flex:none!important;
    color:#184a7d!important;
  }
  #gqMobileOverlay .gq-field-icon svg{width:17px!important;height:17px!important}
  #gqMobileOverlay .gq-detail-field>div,
  #gqMobileOverlay .gq-detail-note>div{min-width:0!important}
  #gqMobileOverlay .gq-field-label{
    display:block!important;margin:0 0 3px!important;
    font-size:10.5px!important;font-weight:700!important;color:#607d9a!important;
  }
  #gqMobileOverlay .gq-field-value{
    font-size:12px!important;line-height:1.45!important;
    font-weight:700!important;color:#123453!important;overflow-wrap:anywhere!important;
  }
  #gqMobileOverlay .gq-money{font-size:15px!important;color:#0c4d95!important}
  #gqMobileOverlay .gq-detail-notes{
    display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
    border-top:1px solid #e7eef6!important;border-left:0!important;
    padding:15px 0 0!important;
  }
  #gqMobileOverlay .gq-detail-note p{
    margin:0!important;font-size:12px!important;line-height:1.5!important;
    color:#2c4865!important;overflow-wrap:anywhere!important;
  }
  #gqMobileOverlay .gq-action-bar{
    display:block!important;margin:0!important;padding:14px!important;
    border-radius:12px!important;background:#f0f5fb!important;
  }
  #gqMobileOverlay .gq-action-intro{
    display:flex!important;align-items:center!important;gap:9px!important;
    margin-bottom:13px!important;
  }
  #gqMobileOverlay .gq-action-icon{
    display:grid!important;place-items:center!important;flex:none!important;
    width:32px!important;height:32px!important;border-radius:50%!important;
    background:#e0edff!important;color:#1268d9!important;
  }
  #gqMobileOverlay .gq-action-icon svg{width:17px!important;height:17px!important}
  #gqMobileOverlay .gq-action-intro h3{
    margin:0!important;font-size:13px!important;font-weight:800!important;color:#123654!important;
  }
  #gqMobileOverlay .gq-action-intro p{
    margin:4px 0 0!important;font-size:11px!important;line-height:1.4!important;
    color:#6b8198!important;
  }
  #gqMobileOverlay .gq-status-actions{
    display:grid!important;grid-template-columns:1fr!important;
    gap:8px!important;width:100%!important;
  }
  #gqMobileOverlay .gq-status-actions button{
    display:flex!important;align-items:center!important;justify-content:center!important;
    box-sizing:border-box!important;width:100%!important;min-height:42px!important;
    padding:9px 11px!important;margin:0!important;
    border-radius:10px!important;font:750 12px/1.3 'Inter','Segoe UI',Arial,sans-serif!important;
    white-space:normal!important;text-align:center!important;
    background:#fff!important;border:1px solid #bcd4f0!important;color:#0d60bd!important;
  }
  #gqMobileOverlay .gq-status-actions .gq-action-primary{
    background:#1268df!important;color:#fff!important;border-color:#1268df!important;
  }
  #gqMobileOverlay .gq-status-actions .gq-action-neutral{
    background:#f9fbfe!important;color:#39566f!important;border-color:#d8e3ed!important;
  }
  #gqMobileOverlay .gq-status-actions button svg{width:16px!important;height:16px!important}
  #gqMobileOverlay #gqActionError:not([hidden]){color:#b52d2d!important;font-size:12px!important}
  #gqMobileOverlay :is(button,a):focus-visible{outline:3px solid #8cc2ff!important;outline-offset:2px!important}
}


/* GARAGEM88 Mobile 2026-10-28 — estabilidade do viewport e dos formulários no iOS.
   Safari amplia automaticamente campos com fonte inferior a 16px.
   Não bloqueia pinch-to-zoom e não modifica o layout desktop. */
@media screen and (max-width:600px){
  html{
    -webkit-text-size-adjust:100%;
    max-width:100%;
    overflow-x:clip;
    overscroll-behavior-x:none;
  }
  body{
    box-sizing:border-box;
    max-width:100%;
    overflow-x:clip;
    overscroll-behavior-x:none;
  }
  body .system,
  body .system > .content,
  body #moduleArea{
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
  }
  /* Todos os campos editáveis: evita o zoom involuntário ao focar no iPhone. */
  body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
  body textarea,
  body select,
  body [contenteditable="true"]{
    font-size:16px!important;
    -webkit-text-size-adjust:100%;
  }
  /* O modal não deve aumentar a página nem fugir do viewport ao abrir teclado. */
  body .g88-modal.open{
    box-sizing:border-box;
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    max-width:100%!important;
    max-height:100dvh!important;
    padding:12px!important;
    overflow:hidden!important;
    overscroll-behavior:contain;
    align-items:center!important;
    justify-content:center!important;
    z-index:20000!important;
  }
  body .g88-modal.open > .g88-modal-card{
    box-sizing:border-box;
    display:flex!important;
    flex-direction:column!important;
    width:min(430px,100%)!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:calc(100dvh - 24px)!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body .g88-modal.open .g88-modal-head,
  body .g88-modal.open .g88-modal-actions{
    flex:0 0 auto;
  }
  body .g88-modal.open .g88-modal-body{
    box-sizing:border-box;
    flex:1 1 auto;
    min-height:0!important;
    max-width:100%;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  body .g88-modal.open .g88-modal-body > input,
  body .g88-modal.open .g88-modal-body > textarea,
  body .g88-modal.open .g88-modal-body > select{
    box-sizing:border-box;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
  }
  /* A barra inferior não fica sobre os botões do formulário aberto. */
  body.g88m-unified:has(.g88-modal.open) > .g88m-nav{
    visibility:hidden!important;
    pointer-events:none!important;
  }
  /* Mesmo limite vertical nos diálogos do Financeiro. */
  #g88FinanceScreen .gf-overlay{
    box-sizing:border-box;
    max-width:100%;
    max-height:100dvh;
    overflow:hidden;
  }
  #g88FinanceScreen .gf-overlay > .gf-modal{
    max-height:calc(100dvh - 24px)!important;
    min-height:0;
  }
}