/* GARAGEM88 — Home mobile v2. Corrige layout sem alterar desktop, dados ou handlers. */
@media (max-width:600px){
  html body.g88m-unified:has(#g88HomeFinal:not([hidden])){overflow-x:clip!important}
  html body.g88m-unified #g88HomeFinal{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;padding-bottom:calc(102px + env(safe-area-inset-bottom))!important}
  html body.g88m-unified:has(#g88HomeFinal:not([hidden])) .system>.content{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:16px 12px 22px!important;overflow-x:clip!important}
  #g88HomeFinal *,#g88HomeFinal *::before,#g88HomeFinal *::after{box-sizing:border-box!important}
  /* Saudação e data sem cortes */
  #g88HomeFinal .hf-top{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin:0 0 14px!important;min-width:0!important}
  #g88HomeFinal .hf-top h1{font-size:clamp(24px,6.2vw,29px)!important;line-height:1.18!important;margin:0!important;overflow-wrap:anywhere!important}
  #g88HomeFinal .hf-date{display:flex!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;font-size:12px!important;line-height:1.45!important;color:#59718e!important}
  #g88HomeFinal .hf-date span{min-width:0!important;overflow-wrap:anywhere!important}
  #g88HomeFinal .hf-date svg{flex:0 0 18px!important;width:18px!important;height:18px!important}
  /* Rotina em uma faixa compacta */
  #g88HomeFinal .g88r-home-shortcut{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:13px!important;margin:0 0 12px!important;border-radius:14px!important}
  #g88HomeFinal .g88r-home-shortcut>div{min-width:0!important}
  #g88HomeFinal .g88r-home-shortcut strong{display:block!important;font-size:15px!important;line-height:1.3!important}
  #g88HomeFinal .g88r-home-shortcut small{display:block!important;font-size:12px!important;line-height:1.45!important;margin-top:3px!important}
  #g88HomeFinal #g88RoutineShortcut{width:100%!important;min-height:42px!important;padding:9px 12px!important;font-size:12px!important;white-space:normal!important}
  /* Quatro indicadores: valor e legenda sempre dentro do card */
  #g88HomeFinal .hf-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important;min-width:0!important}
  #g88HomeFinal .hf-kpis>.hf-kpi{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:154px!important;height:auto!important;padding:12px!important;border-radius:15px!important;overflow:hidden!important;text-align:left!important}
  #g88HomeFinal .hf-kpis>.hf-kpi>.hf-kicon{flex:0 0 36px!important;align-self:flex-start!important;width:36px!important;height:36px!important;min-width:36px!important;display:grid!important;place-items:center!important;border-radius:11px!important}
  #g88HomeFinal .hf-kpis>.hf-kpi>.hf-kicon svg{width:22px!important;height:22px!important}
  #g88HomeFinal .hf-kpis>.hf-kpi>.hf-ktext{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-ktext>small{position:absolute!important;left:56px!important;right:10px!important;top:14px!important;display:block!important;max-width:calc(100% - 65px)!important;margin:0!important;color:#244461!important;font-size:11px!important;font-weight:750!important;line-height:1.28!important;overflow-wrap:break-word!important}
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-ktext>strong,
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-ktext>.g88m-kpi-value{display:block!important;order:1!important;width:100%!important;max-width:100%!important;margin:3px 0 2px!important;color:#0d2844!important;font-size:clamp(16px,4.5vw,21px)!important;font-weight:800!important;letter-spacing:-.6px!important;line-height:1.22!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-overflow:clip!important;overflow:visible!important}
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-ktext>.sub,
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-goal-detail{order:2!important;display:block!important;margin:3px 0 0!important;font-size:10.5px!important;line-height:1.35!important;color:#617a95!important;overflow-wrap:anywhere!important}
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-kpi-chevron,
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-goal-arrow{font-size:16px!important;float:none!important;margin-left:1px!important}
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-progress{order:2!important;width:100%!important;max-width:100%!important;height:7px!important;margin:6px 0 0!important}
  /* Alerta vencido em duas linhas, sem valores escaparem */
  #g88HomeFinal .g88-overdue-alert:not([hidden]){display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px 9px!important;align-items:center!important;width:100%!important;min-width:0!important;padding:12px!important;margin:0 0 12px!important;border-radius:14px!important}
  #g88HomeFinal .g88-overdue-alert-copy{min-width:0!important}
  #g88HomeFinal .g88-overdue-alert-copy b{font-size:13px!important;line-height:1.25!important}
  #g88HomeFinal .g88-overdue-alert-copy small{font-size:11px!important;line-height:1.3!important}
  #g88HomeFinal .g88-overdue-alert>strong{font-size:clamp(13px,4vw,17px)!important;max-width:112px!important;white-space:normal!important;text-align:right!important;overflow-wrap:anywhere!important}
  #g88HomeFinal .g88-overdue-alert-arrow{grid-column:2/4!important;grid-row:2!important;width:100%!important;text-align:right!important;font-size:11px!important}
  /* Quadros e cabeçalhos consistentes */
  #g88HomeFinal .hf-card{min-width:0!important;width:100%!important;max-width:100%!important;border-radius:15px!important;margin:0 0 12px!important;overflow:hidden!important}
  #g88HomeFinal .hf-cardhead,#g88HomeFinal .hf-bottom .hf-cardhead{height:auto!important;min-height:0!important;padding:12px!important;gap:8px!important}
  #g88HomeFinal .hf-title h2{font-size:16px!important;line-height:1.3!important}
  #g88HomeFinal .hf-title svg{width:23px!important;height:23px!important;flex-shrink:0!important}
  #g88HomeFinal .hf-link{font-size:12px!important;min-height:40px!important;line-height:1.25!important;padding:6px!important}
  /* Agenda: data numa linha independente e ações com espaço real */
  #g88HomeFinal .hf-agenda>.hf-cardhead{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:13px 12px 8px!important}
  #g88HomeFinal .hf-agenda .hf-title{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 54px!important;grid-template-rows:32px 44px!important;align-items:center!important;gap:8px 6px!important;width:100%!important;min-width:0!important}
  #g88HomeFinal .hf-agenda .hf-title>svg{grid-column:1!important;grid-row:1!important;justify-self:center!important}
  #g88HomeFinal .hf-agenda .hf-title>h2{grid-column:2/5!important;grid-row:1!important;font-size:17px!important;margin:0!important}
  #g88HomeFinal #g88HomePrev{grid-column:1!important;grid-row:2!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}
  #g88HomeFinal .hf-agenda .hf-title>b{grid-column:2!important;grid-row:2!important;display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;width:100%!important;height:44px!important;min-height:44px!important;padding:3px!important;font-size:clamp(11px,3.2vw,13px)!important;line-height:1.2!important;white-space:normal!important;text-align:center!important}
  #g88HomeFinal #g88HomeNext{grid-column:3!important;grid-row:2!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}
  #g88HomeFinal #g88HomeToday{grid-column:4!important;grid-row:2!important;width:54px!important;min-width:54px!important;height:44px!important;min-height:44px!important;padding:0 3px!important;font-size:12px!important}
  #g88HomeFinal .hf-agenda>.hf-cardhead>.hf-link{align-self:flex-start!important;min-height:36px!important;padding:6px 0!important}
  /* Agendamento real: grade de três colunas, quatro linhas, sem sobreposição */
  #g88HomeFinal .hf-agenda-live{width:100%!important;min-width:0!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-row{display:grid!important;grid-template-columns:62px minmax(0,1fr) 90px!important;grid-template-rows:auto auto auto!important;gap:10px 8px!important;align-items:start!important;position:relative!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:14px 12px 14px 19px!important;overflow:visible!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-row::before{left:8px!important;top:13px!important;bottom:13px!important;width:4px!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-time{grid-column:1!important;grid-row:1!important;position:static!important;align-self:start!important;justify-self:start!important;min-width:0!important;max-width:62px!important;width:auto!important;padding:2px 0 0!important;margin:0!important;font-size:16px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.4px!important;white-space:nowrap!important;transform:none!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-client{grid-column:2!important;grid-row:1!important;position:static!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;transform:none!important;overflow-wrap:anywhere!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-client strong{display:block!important;font-size:14px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-client .vehicle{font-size:12px!important;line-height:1.4!important;margin-top:3px!important;white-space:normal!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-client .note{display:block!important;max-width:100%!important;margin-top:5px!important;font-size:11px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-open{grid-column:3!important;grid-row:1!important;position:static!important;justify-self:end!important;align-self:start!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:6px!important;margin:0!important;transform:none!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-service{grid-column:1/4!important;grid-row:2!important;justify-self:stretch!important;align-self:center!important;min-width:0!important;max-width:100%!important;width:100%!important;min-height:0!important;margin:0!important;padding:8px 10px!important;font-size:12px!important;line-height:1.35!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;transform:none!important;border-radius:10px!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-status{grid-column:1/3!important;grid-row:3!important;min-width:0!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;position:relative!important;transform:none!important}
  #g88HomeFinal .hf-agenda-live .agenda-status-wrap{width:100%!important;min-width:0!important;max-width:100%!important}
  #g88HomeFinal .hf-agenda-live .agenda-status{width:100%!important;max-width:100%!important;min-height:44px!important;padding:7px 8px!important;margin:0!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important;border-radius:10px!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-wa{grid-column:3!important;grid-row:3!important;position:static!important;justify-self:stretch!important;align-self:start!important;display:flex!important;gap:3px!important;width:90px!important;max-width:90px!important;min-width:0!important;min-height:44px!important;height:44px!important;padding:5px 4px!important;margin:0!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;transform:none!important;border-radius:10px!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-wa img{flex:0 0 16px!important;width:16px!important;height:16px!important}
  #g88HomeFinal .hf-agenda-live .agenda-started-time{white-space:normal!important;text-align:left!important}
  /* Pós-venda: sem card alto e vazio */
  #g88HomeFinal .g88-home-post-card>.hf-cardhead{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:5px!important;padding:11px 12px!important}
  #g88HomeFinal .g88-home-post-card .hf-title{min-width:0!important}
  #g88HomeFinal .g88-home-post-card .hf-title h2{font-size:15px!important}
  #g88HomeFinal .g88-home-post-card .hf-link{font-size:11px!important}
  #g88HomeFinal .g88-post-home-empty{padding:14px 12px!important;font-size:12px!important;line-height:1.5!important}
  #g88HomeFinal .g88-post-home-row{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:8px 10px!important;padding:10px!important}
  /* Ações rápidas compactas, com ícones legíveis */
  #g88HomeFinal .hf-bottom{display:block!important;min-width:0!important}
  #g88HomeFinal .hf-bottom>.hf-card:not(:last-child){display:none!important}
  #g88HomeFinal .hf-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:10px!important}
  #g88HomeFinal .hf-action{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-width:0!important;min-height:86px!important;height:auto!important;padding:9px 3px!important;border-radius:12px!important;font-size:clamp(9px,2.55vw,11px)!important;line-height:1.3!important;font-weight:750!important;text-align:center!important;overflow-wrap:anywhere!important}
  #g88HomeFinal .hf-action svg{flex:0 0 25px!important;width:25px!important;height:25px!important}
  #g88HomeFinal .hf-action.a5,#g88HomeFinal .hf-action.a6{display:none!important}
  #g88HomeFinal .g88-home-overdue:not(.g88m-overdue-expanded){display:none!important}
  /* Rodapé nunca cobre o último quadro */
  html body.g88m-unified>.g88m-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
}
@media (max-width:365px){
  #g88HomeFinal .hf-kpis{gap:7px!important}
  #g88HomeFinal .hf-kpis>.hf-kpi{padding:10px!important;min-height:150px!important}
  #g88HomeFinal .hf-kpis>.hf-kpi .hf-ktext>small{font-size:10px!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-row{grid-template-columns:57px minmax(0,1fr) 84px!important;gap:8px 6px!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-time{font-size:15px!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-wa{width:84px!important;max-width:84px!important}
}

/* Home: ações do agendamento na ordem Status · WhatsApp · Detalhes/editar. */
@media (max-width:600px){
  #g88HomeFinal .hf-agenda-live .agenda-v29-row{
    grid-template-columns:62px minmax(0,1fr) 94px!important;
    grid-template-rows:auto auto auto!important;
    column-gap:8px!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-status{
    grid-column:1!important;
    grid-row:3!important;
    width:auto!important;
    min-width:0!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-status .agenda-status{
    min-height:46px!important;
    font-size:0!important;
    padding:6px 3px!important;
    border-radius:11px!important;
    overflow:visible!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-status .agenda-status::before{
    content:"Status";
    display:block;
    font-size:10px;
    line-height:1.1;
    font-weight:750;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-status .agenda-status::after{
    content:"▾";
    display:block;
    font-size:12px;
    line-height:1.1;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-wa{
    grid-column:2!important;
    grid-row:3!important;
    justify-self:end!important;
    align-self:start!important;
    width:46px!important;
    max-width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    padding:9px!important;
    background:#e8f8ed!important;
    color:#128c48!important;
    border:1px solid #a4e0b6!important;
    border-radius:11px!important;
    font-size:0!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-wa svg{
    display:block!important;
    width:26px!important;
    height:26px!important;
    flex:none!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-open{
    grid-column:3!important;
    grid-row:3!important;
    justify-self:end!important;
    align-self:start!important;
    width:46px!important;
    max-width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    padding:8px!important;
    border:1px solid #c9dbee!important;
    background:#f5f9ff!important;
    color:#1b558c!important;
    border-radius:11px!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-open .agenda-detail-icon{
    width:26px!important;
    height:26px!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-client{
    grid-column:2/4!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-service{
    grid-column:1/4!important;
  }
}
@media(max-width:365px){
  #g88HomeFinal .hf-agenda-live .agenda-v29-row{
    grid-template-columns:60px minmax(0,1fr) 86px!important;
    column-gap:6px!important;
  }
}

/* Ajuste final: manter o status real (Agendado/Confirmado/etc.) visível. */
@media(max-width:600px){
  #g88HomeFinal .hf-agenda-live .agenda-v29-row{
    grid-template-columns:62px minmax(0,1fr) 46px 46px!important;
    column-gap:7px!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-client{grid-column:2/5!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-service{grid-column:1/5!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-status{
    grid-column:1/3!important;
    grid-row:3!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-status .agenda-status{
    font-size:12px!important;
    line-height:1.25!important;
    padding:8px 5px!important;
    overflow-wrap:anywhere!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-status .agenda-status::before,
  #g88HomeFinal .hf-agenda-live .agenda-v29-status .agenda-status::after{content:none!important;display:none!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-wa{grid-column:3!important}
  #g88HomeFinal .hf-agenda-live .agenda-v29-open{grid-column:4!important}
}
@media(max-width:365px){
  #g88HomeFinal .hf-agenda-live .agenda-v29-row{
    grid-template-columns:57px minmax(0,1fr) 42px 42px!important;
    column-gap:5px!important;
  }
  #g88HomeFinal .hf-agenda-live .agenda-v29-wa,
  #g88HomeFinal .hf-agenda-live .agenda-v29-open{width:42px!important;min-width:42px!important;max-width:42px!important;height:44px!important;min-height:44px!important}
}

/* GARAGEM88 Mobile — alerta de contas vencidas no padrão dos KPIs, vermelho. */
@media(max-width:600px){
  #g88HomeFinal .g88-overdue-alert:not([hidden]){
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:82px!important;
    padding:12px!important;
    margin:0 0 12px!important;
    border:1px solid #ef7777!important;
    border-radius:15px!important;
    background:linear-gradient(105deg,#fff4f4 0%,#fff9f9 100%)!important;
    box-shadow:0 3px 12px rgba(143,35,35,.045)!important;
    color:#c31c1c!important;
    text-align:left!important;
  }
  #g88HomeFinal .g88-overdue-alert:hover{background:#fff0f0!important}
  #g88HomeFinal .g88-overdue-alert:focus-visible{outline:2px solid #e02a2a;outline-offset:2px}
  #g88HomeFinal .g88-overdue-alert-icon{
    grid-column:1!important;grid-row:1!important;
    width:46px!important;height:46px!important;flex:0 0 46px!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#fa4545,#cc0808)!important;
    color:#fff!important;
    display:grid!important;place-items:center!important;
    box-shadow:0 3px 8px #c91c1c19!important;
  }
  #g88HomeFinal .g88-overdue-alert-icon svg{width:27px;height:27px;display:block}
  #g88HomeFinal .g88-overdue-alert-copy{
    grid-column:2!important;grid-row:1!important;
    display:flex!important;flex-direction:column!important;
    gap:4px!important;min-width:0!important;
  }
  #g88HomeFinal .g88-overdue-alert-copy b{
    font-size:13px!important;line-height:1.25!important;
    color:#bd1717!important;font-weight:800!important;
  }
  #g88HomeFinal .g88-overdue-alert-copy small{
    font-size:11px!important;line-height:1.3!important;
    color:#576b80!important;
  }
  #g88HomeFinal .g88-overdue-alert>strong{
    grid-column:3!important;grid-row:1!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:43px!important;min-width:91px!important;max-width:none!important;
    padding:8px 10px!important;border-radius:11px!important;
    background:#ffe1e1!important;color:#bf1515!important;
    font-size:clamp(13px,3.9vw,16px)!important;
    font-weight:800!important;line-height:1.2!important;
    text-align:center!important;white-space:nowrap!important;overflow-wrap:normal!important;
    gap:9px!important;
  }
  #g88HomeFinal .g88-overdue-alert>strong::after{
    content:'';display:block;width:7px;height:7px;flex:0 0 7px;
    border-right:2px solid #c31c1c;border-top:2px solid #c31c1c;
    transform:rotate(45deg);
  }
  #g88HomeFinal .g88-overdue-alert-arrow{
    grid-column:3!important;grid-row:1!important;
    justify-self:end!important;align-self:center!important;
    display:none!important;
  }
}
@media(max-width:365px){
  #g88HomeFinal .g88-overdue-alert:not([hidden]){grid-template-columns:40px minmax(0,1fr) auto!important;gap:7px!important;padding:9px!important}
  #g88HomeFinal .g88-overdue-alert-icon{width:40px!important;height:40px!important}
  #g88HomeFinal .g88-overdue-alert>strong{min-width:82px!important;padding:8px!important;font-size:13px!important}
  #g88HomeFinal .g88-overdue-alert-copy b{font-size:12px!important}
}