/* GARAGEM88 — Pós-venda mobile aprovado.
   Reutiliza cálculos, WhatsApp e marcações originais. Não altera versão desktop. */
@media(max-width:600px){
 body:has(#g88RoutineScreen:not([hidden])){background:#f1f6fb}
 body:has(#g88RoutineScreen:not([hidden])) .system{display:block!important;min-width:0}
 body:has(#g88RoutineScreen:not([hidden])) .system>.content{width:100%;max-width:100%;min-width:0;padding:13px 12px 98px}
 body:has(#g88RoutineScreen:not([hidden])) .system>.sidebar{display:none}
 #g88RoutineScreen:not([hidden]){
  box-sizing:border-box;width:100%;min-width:0;max-width:100%;
  margin:0 auto;padding:0 0 22px;color:#0a284a;font-family:Inter,'Segoe UI',Arial,sans-serif;
 }
 #g88RoutineScreen .g88r-mobile{display:flex;flex-direction:column;gap:13px;min-width:0}
 #g88RoutineScreen .g88r-mobile-intro{padding:0 0 3px}
 #g88RoutineScreen .g88r-mobile-intro h1{
  margin:0 0 5px;font-size:25px;line-height:1.15;letter-spacing:-.55px;
  font-weight:850;color:#062546;
 }
 #g88RoutineScreen .g88r-mobile-intro p{
  margin:0;color:#687d94;font-size:12px;line-height:1.5;
 }
 #g88RoutineScreen .g88r-mobile svg{
  display:block;width:19px;height:19px;flex:none;stroke:currentColor;fill:none;
 }
 #g88RoutineScreen .g88r-mobile-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;
 }
 #g88RoutineScreen .g88r-mobile-days{display:flex;align-items:center;gap:6px;flex:0 1 auto}
 #g88RoutineScreen .g88r-mobile-days button{
  appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;
  min-height:43px;min-width:0;border-radius:11px;padding:9px 11px;
  border:1px solid #bfd9f8;background:#fff;color:#115aa9;
  font:750 12px/1.2 Inter,'Segoe UI',Arial,sans-serif;cursor:pointer;
 }
 #g88RoutineScreen .g88r-mobile-days button.active{
  background:#0868eb;color:#fff;border-color:#0868eb;box-shadow:0 3px 9px #0868eb21;
 }
 #g88RoutineScreen .g88r-mobile-days button svg{width:17px;height:17px}
 #g88RoutineScreen .g88r-mobile-date{
  display:flex;align-items:center;justify-content:center;gap:7px;
  min-height:43px;padding:8px 10px;border:1px solid #dce7f3;
  background:#fff;border-radius:11px;color:#254667;
  font-size:11.5px;font-weight:750;box-shadow:0 2px 7px #1636530a;
 }
 #g88RoutineScreen .g88r-mobile-date svg{color:#0968e8;width:17px;height:17px}
 #g88RoutineScreen .g88r-mobile-stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
 }
 #g88RoutineScreen .g88r-mobile-stat{
  display:flex;align-items:center;gap:8px;box-sizing:border-box;min-width:0;
  min-height:101px;padding:12px 8px;border-radius:17px;border:3px solid #fff;
  box-shadow:0 4px 17px #18365a10;
 }
 #g88RoutineScreen .g88r-mobile-stat-inactive{background:#eaf3ff}
 #g88RoutineScreen .g88r-mobile-stat-contact{background:#fff4e8}
 #g88RoutineScreen .g88r-mobile-stat-icon{
  display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:50%;
 }
 #g88RoutineScreen .g88r-mobile-stat-icon svg{width:24px;height:24px;stroke-width:2.1}
 #g88RoutineScreen .g88r-mobile-stat-inactive .g88r-mobile-stat-icon{color:#1169db;background:#d6e8ff}
 #g88RoutineScreen .g88r-mobile-stat-contact .g88r-mobile-stat-icon{color:#d77a11;background:#ffead0}
 #g88RoutineScreen .g88r-mobile-stat>div{min-width:0;display:flex;flex-direction:column;gap:2px}
 #g88RoutineScreen .g88r-mobile-stat strong{font-size:26px;line-height:1.05;color:#0a294c;font-weight:850}
 #g88RoutineScreen .g88r-mobile-stat b{font-size:11px;line-height:1.24;color:#0b2b4f;overflow-wrap:anywhere}
 #g88RoutineScreen .g88r-mobile-stat small{font-size:10px;color:#6b7d94;line-height:1.3}
 #g88RoutineScreen .g88r-mobile-panel{
  border:1px solid #e2eaf4;border-radius:17px;background:#fff;
  padding:14px 12px;min-width:0;box-shadow:0 5px 18px #1332530d;
 }
 #g88RoutineScreen .g88r-mobile-panel-head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:10px;padding-bottom:12px;border-bottom:1px solid #e6edf5;
 }
 #g88RoutineScreen .g88r-mobile-panel h2{
  font-size:17px;line-height:1.25;letter-spacing:-.35px;font-weight:800;
  color:#08294a;margin:0;
 }
 #g88RoutineScreen .g88r-mobile-filters{display:flex;gap:6px;flex-wrap:wrap}
 #g88RoutineScreen .g88r-mobile-filters button{
  appearance:none;min-height:39px;border:1px solid #c9def3;border-radius:11px;
  background:#f8fbff;color:#204667;padding:8px 12px;
  font:750 11.5px/1.1 Inter,'Segoe UI',Arial,sans-serif;cursor:pointer;
 }
 #g88RoutineScreen .g88r-mobile-filters button.active{
  background:#0768ed;color:#fff;border-color:#0768ed;
 }
 #g88RoutineScreen .g88r-mobile-contact-list{min-width:0}
 #g88RoutineScreen .g88r-mobile-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:26px 5px 20px;text-align:center;
 }
 #g88RoutineScreen .g88r-mobile-empty-icon{
  position:relative;display:grid;place-items:center;width:77px;height:77px;
  border-radius:50%;background:#eaf3ff;color:#0969e7;margin:0 auto 13px;
 }
 #g88RoutineScreen .g88r-mobile-empty-icon>svg{width:40px;height:40px;stroke-width:1.7}
 #g88RoutineScreen .g88r-mobile-empty-icon>span{
  position:absolute;right:7px;bottom:8px;display:grid;place-items:center;
  width:22px;height:22px;border-radius:50%;background:#0869e8;color:#fff;
  border:2px solid #fff;
 }
 #g88RoutineScreen .g88r-mobile-empty-icon>span svg{width:14px;height:14px}
 #g88RoutineScreen .g88r-mobile-empty>strong{
  color:#0e2d4e;font-size:15px;font-weight:800;line-height:1.32;
 }
 #g88RoutineScreen .g88r-mobile-empty p{
  margin:7px 0 15px;max-width:285px;color:#687d96;font-size:12px;line-height:1.5;
 }
 #g88RoutineScreen .g88r-mobile-config{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;max-width:285px;min-height:44px;
  padding:10px;border:1.5px solid #086bf0;border-radius:12px;
  background:#fff;color:#0968dd;cursor:pointer;
  font:750 12px/1.15 Inter,'Segoe UI',Arial,sans-serif;
 }
 #g88RoutineScreen .g88r-mobile-config svg{width:18px;height:18px}
 #g88RoutineScreen .g88r-mobile-tip{
  display:flex;align-items:flex-start;gap:9px;margin:5px 0 0;padding:12px;
  border-radius:12px;background:#edf5ff;color:#4b6685;
 }
 #g88RoutineScreen .g88r-mobile-tip>span{
  display:flex;align-items:center;gap:5px;flex:0 0 auto;
  font:800 11px/1.3 Inter,'Segoe UI',Arial,sans-serif;color:#0d65cf;
 }
 #g88RoutineScreen .g88r-mobile-tip svg{height:17px;width:17px}
 #g88RoutineScreen .g88r-mobile-tip p{
  margin:0;padding-left:9px;border-left:1px solid #b2cff8;
  color:#597189;font-size:10.5px;line-height:1.45;
 }
 #g88RoutineScreen .g88r-mobile-recovery>p{
  color:#637d93;font-size:11px;line-height:1.45;margin:6px 0 0;
 }
 #g88RoutineScreen .g88r-mobile-inactive-empty{
  margin:11px 0 0;border-radius:11px;background:#f6f9fe;
  padding:15px 11px;text-align:center;color:#698199;font-size:11px;line-height:1.45;
 }
 #g88RoutineScreen .g88r-mobile-person{
  padding:13px 0;border-bottom:1px solid #e8eef6;
 }
 #g88RoutineScreen .g88r-mobile-person:last-child{border-bottom:0}
 #g88RoutineScreen .g88r-mobile-person-main{display:flex;flex-direction:column;gap:4px;min-width:0}
 #g88RoutineScreen .g88r-mobile-person strong{color:#13365c;font-size:12.5px;line-height:1.35}
 #g88RoutineScreen .g88r-mobile-person small{color:#7287a0;font-size:10.5px;line-height:1.4}
 #g88RoutineScreen .g88r-mobile-status{
  display:inline-block;align-self:flex-start;padding:4px 7px;border-radius:7px;
  font-size:10px;font-weight:750;color:#a65c0e;background:#fff3df;
 }
 #g88RoutineScreen .g88r-mobile-status.is-done{color:#0c8157;background:#e4f7ee}
 #g88RoutineScreen .g88r-mobile-person .g88r-actions{margin-top:9px;gap:8px}
 #g88RoutineScreen .g88r-mobile-person .g88r-actions button{
  display:flex;align-items:center;justify-content:center;
  min-height:42px;border-radius:10px;padding:8px 12px;font-size:11px;
 }
 #g88RoutineScreen .g88r-mobile-person .g88r-actions img{width:16px;height:16px}
 #g88RoutineScreen .g88r-mobile-note{
  padding:12px;border:1px solid #f3dfaf;background:#fff9e9;border-radius:11px;
  color:#7a602c;font-size:11px;line-height:1.5;margin:0;
 }
 #g88RoutineScreen .g88r-mobile button:focus-visible{
  outline:3px solid #8fc1ff;outline-offset:2px;
 }
}
@media(max-width:370px){
 #g88RoutineScreen .g88r-mobile-date{width:100%;justify-content:flex-start}
 #g88RoutineScreen .g88r-mobile-stat{padding:10px 6px}
 #g88RoutineScreen .g88r-mobile-stat-icon{flex-basis:31px;width:31px;height:31px}
 #g88RoutineScreen .g88r-mobile-stat b{font-size:10.5px}
 #g88RoutineScreen .g88r-mobile-panel h2{font-size:16px}
}