:root{
  --bg:#EEF4F8; --card:#FFFFFF; --soft:#F3F8FB; --line:#D7E3EC; --ink:#0B1F3F; --muted:#5A6B82;
  --gelo:#0EA5C6; --gelo2:#E0F5FA; --navy:#0B1F3F; --ok:#15803D; --okbg:#E7F6EC; --warn:#B45309; --warnbg:#FEF3E2; --bad:#B91C1C; --badbg:#FDECEC;
  --fone:#0B1F3F; --sombra:0 24px 60px -30px rgba(11,31,63,.45);
  --display:"Outfit",ui-sans-serif,system-ui,sans-serif; --body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#07121F; --card:#0F1E31; --soft:#13263C; --line:#22384F; --ink:#E6EEF6; --muted:#93A6BC;
  --gelo:#38C5E3; --gelo2:#0E3442; --ok:#4ADE80; --okbg:#0F2E1C; --warn:#F5B055; --warnbg:#33240C; --bad:#F87171; --badbg:#3A1515; --fone:#02070E; color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#07121F; --card:#0F1E31; --soft:#13263C; --line:#22384F; --ink:#E6EEF6; --muted:#93A6BC;
  --gelo:#38C5E3; --gelo2:#0E3442; --ok:#4ADE80; --okbg:#0F2E1C; --warn:#F5B055; --warnbg:#33240C; --bad:#F87171; --badbg:#3A1515; --fone:#02070E; color-scheme:dark }
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);-webkit-tap-highlight-color:transparent}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;letter-spacing:-.01em}
.num{font-variant-numeric:tabular-nums}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gelo);outline-offset:2px}

.fone{width:100%;max-width:560px;margin:0 auto;height:100vh;height:100dvh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}
@media (min-width:600px){.fone{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
.topo{background:var(--navy);color:#fff;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;display:flex;align-items:center;gap:10px;flex:none}
.topo .t{flex:1;min-width:0}
.topo small{display:block;opacity:.7;font-size:12px}
.topo b{font:700 17px/1.2 var(--display)}
.topo .vt{background:none;border:0;color:#7DD9EE;font-weight:600;cursor:pointer;padding:4px 0}
.av{width:36px;height:36px;border-radius:50%;background:var(--gelo);color:#032530;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.tela{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
.nav{display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border-top:1px solid var(--line);flex:none;padding-bottom:env(safe-area-inset-bottom,0px)}
.nav button{background:none;border:0;padding:9px 2px 10px;font-size:11.5px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}
.nav button[aria-current="true"]{color:var(--gelo);font-weight:700}
.nav svg{width:21px;height:21px}
.c{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}
.c h3{font-size:16px}
.mini{color:var(--muted);font-size:13px}
.kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kp div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px}
.kp small{color:var(--muted);font-size:11.5px;display:block}
.kp b{font:800 17px/1.2 var(--display);white-space:nowrap}
.os{display:flex;gap:12px;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;cursor:pointer;text-align:left;width:100%}
.os .h{font:700 15px var(--mono);color:var(--gelo);min-width:46px}
.os .i{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.os .i b{font-size:15px}
.os .i span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os.ok{opacity:.55}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--soft);color:var(--muted);white-space:nowrap}
.chip.inst{background:var(--gelo2);color:var(--gelo)}.chip.limp{background:var(--okbg);color:var(--ok)}.chip.cons{background:var(--warnbg);color:var(--warn)}.chip.pmoc{background:var(--soft);color:var(--ink)}
.chip.ok{background:var(--okbg);color:var(--ok)}.chip.alerta{background:var(--warnbg);color:var(--warn)}.chip.ruim{background:var(--badbg);color:var(--bad)}
.bt{appearance:none;border:0;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer;background:var(--gelo);color:#032530;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.bt.sec{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.bt.zap{background:#25D366;color:#053d1f}
.bt.big{width:100%;padding:15px;font-size:16px}
.bt.sm{padding:7px 11px;font-size:13px;border-radius:10px}
.lin{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.f{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);min-width:0;flex:1}
.in{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px;font:inherit;font-size:15px;min-width:0}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--line);font-size:14px;cursor:pointer}
.ck:first-of-type{border-top:0}
.ck input{width:20px;height:20px;flex:none;accent-color:var(--gelo);margin-top:1px}
.med{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.med label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)}
.dt{border-radius:12px;padding:10px 12px;font-size:13.5px}
.dt.ok{background:var(--okbg);color:var(--ok)}.dt.alerta{background:var(--warnbg);color:var(--warn)}.dt.vazio{background:var(--soft);color:var(--muted)}
.fotos{display:flex;gap:8px;flex-wrap:wrap}
.fotos img,.addf{width:68px;height:68px;border-radius:12px;object-fit:cover}
.addf{display:grid;place-items:center;border:2px dashed var(--line);color:var(--muted);font-size:26px;cursor:pointer}
.ass{width:100%;height:120px;border:1px dashed var(--line);border-radius:12px;background:var(--soft);touch-action:none}
.it{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}
.it:first-child{border-top:0}
.tot{display:flex;justify-content:space-between;font:800 20px var(--display);padding-top:6px}
.qr{width:170px;height:170px;margin:0 auto;display:block;border-radius:10px;background:#fff;padding:8px}
.toast{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600;z-index:5;max-width:88%;text-align:center}
.bar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}.bar i{display:block;height:100%;background:var(--gelo);border-radius:99px}
.cli{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left}
.cli:first-child{border-top:0}
.cli .i{flex:1;min-width:0}.cli .i small{display:block;color:var(--muted);font-size:12.5px}
.seg{display:flex;background:var(--soft);border-radius:12px;padding:3px;gap:3px}
.seg button{flex:1;border:0;background:none;border-radius:9px;padding:8px 4px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.voltar{background:none;border:0;color:var(--gelo);font-weight:700;cursor:pointer;padding:0;align-self:flex-start}
.ext{font-size:12px;color:var(--muted)}
.ext a{color:var(--gelo)}
@media (prefers-reduced-motion:no-preference){.tela>*{animation:sobe .22s ease-out both}@keyframes sobe{from{transform:translateY(6px);opacity:.6}to{transform:none;opacity:1}}}
.dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.dias button{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:6px 0 5px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;min-width:0}
.dias small{font-size:10.5px;color:var(--muted);text-transform:uppercase}.dias b{font:800 17px/1.1 var(--display)}
.dias i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--gelo);min-height:13px}
.dias button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}.dias button[aria-pressed="true"] small{color:#9FDDEB}.dias button[aria-pressed="true"] i{color:#9FDDEB}
.horas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.horas button{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 4px;font:700 15px var(--mono);cursor:pointer;display:flex;flex-direction:column;align-items:center}
.horas button small{font:500 10.5px var(--body);color:var(--muted)}
.horas button[aria-pressed="true"]{background:var(--gelo);border-color:var(--gelo);color:#032530}
.horas button:disabled,.bt:disabled{opacity:.45;cursor:not-allowed}

.av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.entrar{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 20px;max-width:440px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;font:800 26px var(--display)}.logo span{color:var(--gelo)}
.erro{background:var(--badbg);color:var(--bad);border-radius:12px;padding:10px 12px;font-size:14px}
.aviso{background:var(--warnbg);color:var(--warn);border-radius:12px;padding:10px 12px;font-size:13.5px;display:flex;gap:8px;align-items:center;justify-content:space-between}
.aviso button,.aviso a{background:none;border:0;color:inherit;font-weight:800;text-decoration:underline;cursor:pointer;white-space:nowrap}
.vazio{border:1px dashed var(--line);border-radius:16px;padding:18px;text-align:center;color:var(--muted);font-size:14px}
.qrimg{width:200px;height:200px;margin:0 auto;display:block;background:#fff;border-radius:12px;padding:6px;image-rendering:pixelated}
.cp{font:12px/1.4 var(--mono);word-break:break-all;background:var(--soft);border-radius:10px;padding:8px;color:var(--muted)}
.lista-mini{display:flex;flex-direction:column}
.x{background:none;border:0;color:var(--bad);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
textarea.in{min-height:70px;resize:vertical}
.carregando{display:grid;place-items:center;height:100%;color:var(--muted)}
.ckb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.ckb input{width:20px;height:20px;accent-color:var(--gelo)}
.ass,.nav{-webkit-user-select:none;user-select:none}
[hidden]{display:none!important}
.entrar .f{flex:none}
.tela>.f{flex:none}
.supc{display:flex;flex-direction:column;gap:8px}
.sb{max-width:86%;padding:10px 12px;border-radius:16px;font-size:14.5px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.sb.ia{background:var(--card);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:6px}
.sb.eu{background:var(--gelo);color:#032530;align-self:flex-end;border-bottom-right-radius:6px}
.sb.dig{display:flex;gap:4px;padding:14px}.sb.dig i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:pisca 1s infinite}.sb.dig i:nth-child(2){animation-delay:.2s}.sb.dig i:nth-child(3){animation-delay:.4s}
@keyframes pisca{0%,100%{opacity:.25}50%{opacity:1}}
.chipq{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:7px 11px;font-size:13px;cursor:pointer;text-align:left}
.supf{display:flex;gap:8px;align-items:flex-end}.supf .in{flex:1;resize:none;min-height:46px}