@import url('/fontes/fontes.css');
:root{--navy:#0b2447;--navy2:#16386b;--or:#ea580c;--or2:#c2410c;--bg:#f3f5f9;--card:#fff;--tx:#14213d;--mut:#5b6b85;--bd:#dbe2ee;--ok:#15803d;--okb:#dcfce7;--warn:#b45309;--warnb:#ffedd5;--bad:#b91c1c;--azb:#dbeafe;--az:#1d4ed8}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:18px}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--tx);-webkit-text-size-adjust:100%}
header.topo{position:sticky;top:0;z-index:20;background:var(--navy);color:#fff;display:flex;align-items:center;gap:10px;padding:10px 14px;box-shadow:0 2px 8px #0003}
.marca{font-weight:800;letter-spacing:.5px;font-size:22px;line-height:1}.marca .o{color:var(--or)}.marca small{display:block;font-size:8.5px;letter-spacing:3.5px;font-weight:600;color:#cbd5e6;margin-top:2px}
.topo .nome{margin-left:auto;font-size:14px;color:#cbd5e6;text-align:right}
.topo button{background:#ffffff1f;color:#fff;border:0;border-radius:10px;padding:8px 10px;font:inherit;font-size:14px}
main#app{max-width:760px;margin:0 auto;padding:14px 14px 96px}
nav.baixo{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--bd);display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom)}
nav.baixo a{flex:1;text-align:center;padding:9px 2px 8px;font-size:12px;color:var(--mut);text-decoration:none;font-weight:600}
nav.baixo a b{display:block;font-size:22px;line-height:1.1}nav.baixo a.on{color:var(--or)}
h1{font-size:1.35rem;margin:6px 0 12px}h2{font-size:1.05rem;margin:20px 0 8px;color:var(--navy)}
.cartao{display:block;background:var(--card);border:1px solid var(--bd);border-left:6px solid var(--navy2);border-radius:14px;padding:13px 14px;margin:0 0 11px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0001}
.cartao.prio{border-left-color:var(--bad);background:#fff7f7}.cartao.st-aguardando{border-left-color:var(--or)}.cartao.st-pronta{border-left-color:var(--ok)}.cartao.st-finalizada,.cartao.st-cancelada{border-left-color:#94a3b8}
.cartao .t{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.cartao .cli{font-weight:700;font-size:1.08rem}.cartao .n{color:var(--mut);font-size:.85rem;white-space:nowrap}
.cartao .li{color:var(--mut);font-size:.92rem;margin-top:3px}
.chip{display:inline-block;border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:700;background:var(--azb);color:var(--az);margin-top:6px;margin-right:6px}
.chip.aguardando{background:var(--warnb);color:var(--warn)}.chip.pronta,.chip.finalizada{background:var(--okb);color:var(--ok)}.chip.prio{background:#fee2e2;color:var(--bad)}.chip.nova{background:#e2e8f0;color:#334155}
.filtros{display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.filtros button{white-space:nowrap;border:1px solid var(--bd);background:#fff;border-radius:99px;padding:7px 13px;font:inherit;font-size:.85rem;color:var(--tx)}
.filtros button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
input,textarea,select{width:100%;font:inherit;font-size:1rem;padding:12px;border:1.5px solid var(--bd);border-radius:12px;background:#fff;color:var(--tx)}
textarea{min-height:92px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--or)}
input[readonly],textarea[readonly]{background:#f1f5f9;color:#334155}
label.c{display:block;margin:12px 0 0;font-size:.85rem;font-weight:700;color:var(--mut)}label.c+*{margin-top:4px}
.painel{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:6px 14px 14px;margin:0 0 14px}
.btn{display:block;width:100%;border:0;border-radius:14px;padding:15px 14px;font:inherit;font-weight:700;font-size:1.05rem;background:var(--navy);color:#fff;margin:10px 0 0;text-align:center;text-decoration:none}
.btn.ver{background:var(--ok)}.btn.lar{background:var(--or)}.btn.cinza{background:#e2e8f0;color:var(--tx)}.btn.verm{background:#fee2e2;color:var(--bad)}.btn.peq{display:inline-block;width:auto;padding:9px 14px;font-size:.9rem;margin:6px 6px 0 0}.btn:disabled{opacity:.55}
.aviso{border-radius:12px;padding:11px 13px;margin:10px 0;font-size:.95rem}.aviso.lar{background:var(--warnb);color:#7c2d12}.aviso.ver{background:var(--okb);color:#14532d}.aviso.az{background:var(--azb);color:#1e3a8a}
.linha2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.linha3{display:grid;grid-template-columns:2fr 1fr;gap:8px;align-items:center}
.item{display:grid;grid-template-columns:1fr 64px 34px;gap:6px;margin:8px 0}.item.g{grid-template-columns:1fr 56px 84px 34px}.item button{border:0;background:#fee2e2;color:var(--bad);border-radius:10px;font-size:1.1rem}
.fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.fotos .m{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#e2e8f0}.fotos img,.fotos video{width:100%;height:100%;object-fit:cover}
.fotos .m button{position:absolute;top:3px;right:3px;border:0;border-radius:99px;background:#000a;color:#fff;width:26px;height:26px}
.fotos .m i{position:absolute;left:6px;bottom:4px;font-style:normal;font-size:1.2rem;color:#fff;text-shadow:0 0 4px #000}
.salvo{font-size:.8rem;color:var(--mut);text-align:right;min-height:1.1em}
.hist{font-size:.85rem;color:var(--mut);border-left:3px solid var(--bd);padding-left:10px;margin:6px 0}.hist b{color:var(--tx)}
.modal{position:fixed;inset:0;background:#0008;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal>div{background:#fff;width:100%;max-width:640px;max-height:90vh;overflow:auto;border-radius:18px 18px 0 0;padding:14px 16px 24px}
.vazio{text-align:center;color:var(--mut);padding:36px 10px}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#111c;color:#fff;border-radius:12px;padding:11px 16px;z-index:60;max-width:88%;font-size:.95rem}
.tot{display:flex;justify-content:space-between;font-weight:800;font-size:1.1rem;margin-top:10px}
.sw{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-weight:600}.sw input{width:24px;height:24px;margin:0}
.qr{text-align:center}.qr img{width:min(300px,80%);border:1px solid var(--bd);border-radius:12px;image-rendering:pixelated}
.pub-link{word-break:break-all;font-size:.85rem;background:#f1f5f9;border-radius:10px;padding:8px 10px;margin-top:8px}
[hidden]{display:none!important}