/* GARAGEM88 — Novo orçamento (iOS/mobile), sem afetar Agenda/Vendas/Desktop.
   Reutiliza as datas nativas: somente o texto exibido usa dd/mm/aaaa.
   A lista continua editável e seu subtotal sempre permanece visível. */
@media screen and (max-width:600px){
  body.g88-quote-editing #moduleArea .g88-row-top:not(:has(#agendaModuleTimeField)) > .g88-field:first-child{
    box-sizing:border-box!important;position:relative!important;display:grid!important;
    grid-column:1/-1!important;grid-row:1!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto 44px!important;gap:6px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
  }
  body.g88-quote-editing #moduleArea .g88-row-top:not(:has(#agendaModuleTimeField)) > .g88-field:first-child > label{
    display:block!important;grid-row:1!important;grid-column:1!important;
    margin:0!important;line-height:1.25!important;
  }
  body.g88-quote-editing #moduleArea .g88-row-top:not(:has(#agendaModuleTimeField)) > .g88-field:first-child > .g88m-sale-date-display{
    box-sizing:border-box!important;display:flex!important;
    grid-row:2!important;grid-column:1!important;align-items:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:44px!important;min-height:44px!important;
    padding:0 12px!important;overflow:hidden!important;white-space:nowrap!important;
    border:1px solid #c4d8ef!important;border-radius:9px!important;
    background:#fff!important;color:#193952!important;
    font:500 16px/1.3 Inter,'Segoe UI',Arial,sans-serif!important;
    font-variant-numeric:tabular-nums!important;pointer-events:none!important;
  }
  body.g88-quote-editing #moduleArea .g88-row-top:not(:has(#agendaModuleTimeField)) > .g88-field:first-child > input[type="date"]{
    box-sizing:border-box!important;display:block!important;position:absolute!important;
    top:auto!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;
    height:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;
  }
  body.g88-quote-editing #moduleArea .g88-row-top > .g88-field:first-child:focus-within > .g88m-sale-date-display{
    border-color:#2280ef!important;box-shadow:0 0 0 3px #237ef51c!important;
  }
  /* Validade da proposta: o label continua ligado ao mesmo input[type=date]. */
  body.g88-quote-editing #moduleArea #quoteObservationWrap .g88-quote-extra-row{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:12px!important;width:100%!important;min-width:0!important;
  }
  body.g88-quote-editing #moduleArea #quoteObservationWrap .g88-quote-extra-row > h3{
    box-sizing:border-box!important;max-width:100%!important;margin:0!important;
    line-height:1.3!important;
  }
  body.g88-quote-editing #moduleArea #quoteObservationWrap label[for="g88QuoteValidity"]{
    box-sizing:border-box!important;position:relative!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:6px!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
    font:750 13px/1.25 Inter,'Segoe UI',Arial,sans-serif!important;color:#183754!important;
  }
  body.g88-quote-editing #moduleArea #quoteObservationWrap .g88m-quote-validity-display{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:44px!important;min-height:44px!important;
    padding:0 12px!important;overflow:hidden!important;white-space:nowrap!important;
    border:1px solid #c4d8ef!important;border-radius:9px!important;
    background:#fff!important;color:#193952!important;
    font:500 16px/1.3 Inter,'Segoe UI',Arial,sans-serif!important;
    font-variant-numeric:tabular-nums!important;pointer-events:none!important;
  }
  body.g88-quote-editing #moduleArea #quoteObservationWrap #g88QuoteValidity{
    box-sizing:border-box!important;display:block!important;position:absolute!important;
    top:auto!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;
    height:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;
  }
  body.g88-quote-editing #moduleArea #quoteObservationWrap label[for="g88QuoteValidity"]:focus-within .g88m-quote-validity-display{
    border-color:#2280ef!important;box-shadow:0 0 0 3px #237ef51c!important;
  }
  /* Sem itens: ocultar SOMENTE o cabeçalho/tabela; subtotal permanece. */
  body.g88-quote-editing #moduleArea #g88V95ServiceTable:has(#g88V95ServiceRows:empty) :is(.g88-v99-table-scroll,.g88-v95-table-title){
    display:none!important;
  }
}

/* Novo orçamento — modal flex com conteúdo rolável e SALVAR sempre acessível.
   Exclusivo mobile, sem modificar Vendas, Agenda ou regras de persistência. */
@media screen and (max-width:600px){
  html body.g88-quote-editing{
    overflow:hidden!important;
    touch-action:auto!important;
  }
  html body.g88-quote-editing #g88QuoteShade{
    z-index:19000!important;
  }
  html body.g88-quote-editing #moduleArea:not([hidden]){
    box-sizing:border-box!important;
    position:fixed!important;
    inset:calc(env(safe-area-inset-top, 0px) + 8px) 8px calc(env(safe-area-inset-bottom, 0px) + 8px)!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 11px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
    border-radius:15px!important;
    z-index:20000!important;
  }
  html body.g88-quote-editing #moduleArea > #g88QuoteEditorHead{
    box-sizing:border-box!important;
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:55px!important;
    margin:0 -11px 0!important;
    padding:10px 12px!important;
    z-index:2!important;
    background:#fff!important;
    border-bottom:1px solid #d8e6f5!important;
    border-radius:15px 15px 0 0!important;
  }
  html body.g88-quote-editing #moduleArea > .demo-wrap{
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    width:100%!important;
    min-width:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    padding:12px 0 18px!important;
    margin:0!important;
    scroll-padding-bottom:24px!important;
  }
  html body.g88-quote-editing #moduleArea > .demo-wrap > .g88-launch,
  html body.g88-quote-editing #moduleArea > .demo-wrap > #quoteObservationWrap{
    min-width:0!important;
    max-width:100%!important;
  }
  html body.g88-quote-editing #moduleArea > .main-action{
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:10px 0 12px!important;
    background:#eef4f9!important;
    border-top:1px solid #d4e2f1!important;
    z-index:3!important;
  }
  html body.g88-quote-editing #moduleArea > .main-action > button{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:46px!important;
    padding:10px 6px!important;
    margin:0!important;
    white-space:normal!important;
    text-align:center!important;
    font:800 12px/1.25 Inter,'Segoe UI',Arial,sans-serif!important;
    touch-action:manipulation!important;
  }
  html body.g88-quote-editing > .g88m-nav{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}