:root {
  --asfalto:#152724;
  --diesel:#ff6b2c;
  --placa:#f6c849;
  --cabine:#f2f4ed;
  --papel:#fffefa;
  --cinza:#687570;
  --linha:#d3d9d1;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
.hidden{display:none!important}
a{text-decoration:none}
body{
  margin:0;
  background:#dce3dd;
  color:var(--asfalto);
  font-family:Arial,sans-serif;
}
button,a{font:inherit}
.app{
  max-width:450px;
  min-height:100dvh;
  margin:auto;
  background:var(--cabine);
  padding-bottom:86px;
  position:relative;
  overflow:hidden;
  box-shadow:0 0 70px #10251e30;
}
.top{
  padding:12px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--asfalto);
  color:#fff;
}
.brand{display:flex;gap:8px;align-items:center}
.logo{
  width:68px;height:68px;
  display:block;object-fit:contain;
  border:0;border-radius:50%;
}
.brand b{letter-spacing:.14em}
.brand small{display:block;color:#b9cbc5;font-size:9px}
.locate{
  border:1px solid #49615a;
  background:#203a34;
  color:#fff;
  border-radius:8px;
  padding:9px 10px;
  font-size:11px;
  cursor:pointer;
}
.top-actions{display:flex;gap:7px;align-items:center}
.theme{width:36px;height:36px;border:1px solid #49615a;background:#203a34;color:#fff;border-radius:8px;cursor:pointer;font-size:17px}
.screen{display:none;padding:21px 17px}
.screen.active{display:block}
.kicker{
  font-size:10px;font-weight:bold;letter-spacing:.12em;
  color:var(--diesel);
}
h1{font:30px Georgia;margin:7px 0 10px}
.location{
  display:flex;justify-content:space-between;align-items:center;
  background:#fff;border:1px solid var(--linha);
  padding:11px 12px;margin:13px 0;
}
.location span{font-size:12px}
.location div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.location button{border:0;background:none;color:#176555;font-weight:bold;cursor:pointer;font-size:11px}
.deck{position:relative;min-height:490px}
.job{
  width:100%;
  background:var(--papel);
  border:1px solid var(--linha);
  border-radius:20px;
  box-shadow:0 12px 30px #122c2414;
  padding:18px;
  touch-action:pan-y;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s;
}
.job.exit-left{transform:translateX(-115%) rotate(-7deg);opacity:0}
.job.exit-right{transform:translateX(115%) rotate(7deg);opacity:0}
.job.enter{animation:arrive .42s ease}
@keyframes arrive{from{opacity:0;transform:translateX(8%) scale(.97)}to{opacity:1;transform:none}}
.strip{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--linha);padding-bottom:12px;font-size:11px}
.company{font:24px Georgia;margin:14px 0 0}
.verified{color:#176555;font-weight:bold}
.confirm{color:#a35b12;font-weight:bold}
.source-tag{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:600;letter-spacing:.04em}.source-tag::before{content:"";width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor}.source-tag.official{color:#176555;background:#e4f3eb}.source-tag.community{color:#a35b12;background:#fff0d5}html[data-theme="dark"] .source-tag.official{color:#8be1c1;background:#29423e}html[data-theme="dark"] .source-tag.community{color:#ffd28b;background:#493b27}
.trust{margin:8px 0 0}
.trust-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;font-size:10px;line-height:1;border:1px solid transparent}
.trust-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}
.trust-badge b{font-size:13px}
.trust-badge small{opacity:.85}
.trust-link{text-decoration:none}
.trust-high{color:#176555;background:#e4f3eb;border-color:#bfe3d3}
.trust-mid{color:#a35b12;background:#fff0d5;border-color:#f0d9a8}
.trust-low{color:#b3261e;background:#fdecea;border-color:#f4c4c0}
.trust-none{color:#5b6b72;background:#eef1f3;border-color:#dbe1e5}
html[data-theme="dark"] .trust-high{color:#8be1c1;background:#29423e;border-color:#3d6a59}
html[data-theme="dark"] .trust-mid{color:#ffd28b;background:#493b27;border-color:#6b5633}
html[data-theme="dark"] .trust-low{color:#ffa09a;background:#4a2b28;border-color:#6b3a35}
html[data-theme="dark"] .trust-none{color:#b9c4ca;background:#2a3236;border-color:#3c474c}
.provenance{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;font-size:10px;line-height:1;border:1px solid transparent}
.provenance .card-svg{width:14px;height:14px}
.provenance-company{color:#176555;background:#e4f3eb;border-color:#bfe3d3}
.provenance-ai{color:#5b3dd4;background:#f0edfc;border-color:#d5ccf5}
html[data-theme="dark"] .provenance-company{color:#8be1c1;background:#29423e;border-color:#3d6a59}
html[data-theme="dark"] .provenance-ai{color:#c9b8ff;background:#332c52;border-color:#4c4080}
.admin-list .trust-badge{margin:4px 0 8px}
.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 4px}
.admin-tabs button{flex:1 1 auto;min-width:0;border:1px solid var(--linha);border-radius:11px;padding:9px 8px;background:var(--cabine);color:var(--cinza);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.admin-tabs button b{display:block;font-size:15px;margin-top:2px}
.admin-tabs button.active{background:var(--diesel);color:#fff;border-color:var(--diesel)}
.admin-tabs button b.has-pending{color:#b3261e}
.admin-tabs button.active b.has-pending{color:#ffd9d5}
.admin-pane{padding-top:8px}
.admin-toolbar{display:grid;gap:8px;margin-bottom:12px}
.admin-toolbar input{width:100%;box-sizing:border-box;border:1px solid var(--linha);border-radius:11px;padding:10px 12px;background:var(--papel);color:var(--asfalto);font:inherit}
.admin-chips{display:flex;gap:6px;flex-wrap:wrap}
.admin-chips button{border:1px solid var(--linha);border-radius:99px;padding:6px 11px;background:var(--cabine);color:var(--cinza);font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.admin-chips button.active{background:var(--diesel);color:#fff;border-color:var(--diesel)}
.admin-chips button b{font-size:12px}
.route{
  display:grid;
  grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);
  gap:6px;
  align-items:center;
  padding:14px 0 4px;
}
.route small{display:block;font-size:16px;line-height:1;margin-bottom:3px}
.route strong{
  display:block;font-size:16px;line-height:1.25;
  margin-top:3px;overflow-wrap:anywhere;
}
.route span{display:block;font-size:11px;color:var(--cinza);margin-top:4px}
.arrow{justify-self:center;color:var(--diesel);font-size:18px}
.card-svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:-3px;flex:0 0 auto}
.route small .card-svg,.facts small .card-svg{width:19px;height:19px}
.route .arrow .card-svg{width:20px;height:20px}
.actions button .card-svg{width:20px;height:20px}
#place .card-svg{width:15px;height:15px;color:var(--diesel)}
.tags{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0}
.tags .driver-tags{width:100%}
.tag{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--cabine);
  border:1px solid var(--linha);
  border-radius:99px;
  padding:5px 11px;
  font-size:12px;
  font-weight:500;
}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.facts small{display:flex;align-items:center;gap:6px;color:var(--cinza);font-size:12px;font-weight:400;line-height:1;margin-bottom:3px}
.facts small .card-svg{width:17px;height:17px;color:var(--diesel)}
.facts strong{display:block;font-size:15px;font-weight:600;margin-top:3px;overflow-wrap:anywhere}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px}
.spec{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--linha);border-radius:15px;background:var(--cabine)}
.spec small{display:flex;align-items:center;gap:6px;color:var(--cinza);font-size:11px;font-weight:400;line-height:1}
.spec small .card-svg{width:16px;height:16px;color:var(--diesel)}
.spec strong{display:block;font-size:15px;font-weight:600;line-height:1.3;margin-top:2px;overflow-wrap:anywhere}
html[data-theme="dark"] .spec{background:#2b2926;border-color:#49433c}
.matchline{display:flex;justify-content:space-between;font-size:10px;color:var(--cinza);margin-bottom:6px;padding-top:12px;border-top:1px dashed var(--linha)}
.matchline b{color:var(--asfalto);font-size:15px}
.bar{height:8px;background:var(--cabine);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--placa),var(--diesel));width:0%;transition:width .5s ease}
#detail{font-size:14px;line-height:1.55;color:#1f2e2a;margin:14px 0 12px;font-weight:500}
.notice{
  font-size:11px;line-height:1.5;
  color:var(--cinza);
  background:var(--cabine);
  border-radius:12px;
  padding:8px 12px;
  margin:0 0 12px;
}
.source,.primary,.go{
  display:block;text-align:center;
  background:var(--asfalto);
  color:#fff;
  border-radius:8px;
  padding:12px;
  font-weight:bold;
  letter-spacing:.03em;
  cursor:pointer;
}
.actions{
  display:grid;
  grid-template-columns:46px 46px minmax(0,1fr);
  gap:8px;
  margin-top:12px;
}
.actions button{
  border:1px solid var(--linha);
  background:#fff;
  border-radius:14px;
  font-size:16px;
  cursor:pointer;
  transition:transform .15s,box-shadow .2s;
}
.actions button:active{transform:scale(.94)}
.actions .go{
  border:0;border-radius:14px;
  background:linear-gradient(135deg,#ed6a28,#c94408);
  box-shadow:0 6px 14px #e95f1c33;
  font-size:13px;
  font-weight:800;
}
.actions .go:active{transform:scale(.98)}
.hint{font-size:11px;color:var(--cinza);text-align:center;margin:12px 0 0;font-weight:600}
.interest-open{width:100%;margin-top:10px;border:1px solid var(--linha);background:transparent;color:var(--asfalto);border-radius:10px;padding:10px;font-size:11px;font-weight:bold;cursor:pointer}.interest-box{margin:12px 0;padding:14px;border:1px solid var(--linha);border-radius:16px;background:var(--cabine)}.interest-box>strong{font-size:14px}.interest-box>p{margin:5px 0 11px;color:var(--cinza);font-size:11px}.interest-box form{display:grid;gap:8px}.interest-box input,.interest-box select,.interest-box textarea{width:100%;box-sizing:border-box;border:1px solid var(--linha);border-radius:10px;padding:10px;background:var(--papel);color:var(--asfalto);font:inherit}.interest-box form>div{display:flex;gap:8px}.interest-box form button{border:0;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:bold}.interest-box form .go{flex:1}.interest-box form>div button:last-child{background:transparent;color:var(--cinza)}.interest-consent{display:flex;align-items:flex-start;gap:7px;color:var(--cinza);font-size:10px}.interest-consent input{width:auto;margin-top:1px}html[data-theme="dark"] .interest-box{background:#213635;border-color:#52716b}html[data-theme="dark"] .interest-box input,html[data-theme="dark"] .interest-box select,html[data-theme="dark"] .interest-box textarea{background:#182c2c;color:#f0faf6;border-color:#52716b}html[data-theme="dark"] .interest-open{color:#f0faf6;border-color:#52716b}
.support{margin:16px 0 0;padding:13px;border:1px solid #bdd3ca;background:#e8f3ee}
.support small{font-size:9px;letter-spacing:.1em;color:#176555;font-weight:bold}
.support p{font-size:11px;line-height:1.45;color:var(--cinza);margin:5px 0 9px}.support a{display:block;color:#fff;background:#176555;border-radius:8px;padding:11px;text-align:center;font-size:11px;font-weight:bold}
.saved-note{font-size:12px;color:var(--cinza);margin:0 0 14px}
.saved-list{display:flex;flex-direction:column;gap:10px}
.saved-card{
  background:var(--papel);
  border:1px solid var(--linha);
  border-top:4px solid var(--placa);
  padding:14px;
}
.saved-card h2{font:18px Georgia;margin:0 0 4px}
.saved-card small{font-size:10px;color:var(--cinza);letter-spacing:.08em}
.saved-card p{font-size:12px;color:#2b3a36;margin:8px 0 10px;line-height:1.5}
.saved-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
.driver-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.driver-filters select{width:100%;min-width:0;padding:11px;border:1px solid var(--linha);border-radius:12px;background:var(--papel);color:var(--asfalto)}.driver-list{display:grid;gap:10px}.driver-card{display:grid;gap:10px;align-content:start;padding:15px;border:1px solid var(--linha);border-radius:16px;background:var(--papel)}.driver-head{display:flex;align-items:center;gap:11px;min-width:0}.driver-head>div{min-width:0}.driver-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ffb25e,#e85d04);color:#fff;font-size:22px;line-height:1;box-shadow:0 6px 14px #e85d0433}.driver-card small{display:block;color:var(--cinza);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.driver-card h2{margin:1px 0 0;font:20px Georgia;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-card p{margin:0;color:var(--cinza);font-size:12px;line-height:1.5}.driver-card button{border:0;border-radius:10px;padding:10px;background:var(--asfalto);color:#fff;font-weight:bold}
.driver-tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:3px}.driver-tags .tag{display:flex;flex-direction:column;gap:3px;min-width:0;box-sizing:border-box;padding:10px 12px;border-radius:14px;background:#eef2ee;color:#294342}.driver-tags .tag i{font-style:normal;font-size:20px;line-height:1}.driver-tags .tag span{font-size:12px;font-weight:500;letter-spacing:0;opacity:.75}.driver-tags .tag b{font-size:14px;font-weight:600;overflow-wrap:anywhere}.driver-tags .tag-vehicle{background:#fff0e5;color:#7f350d}.driver-tags .tag-license{background:#e8f0f7;color:#1d3f5e}.driver-tags .tag-cargo{background:#f1ebf7;color:#4a2a68}.driver-tags .tag-region{background:#e7f0ec;color:#20503c}.driver-tags .tag-availability{background:#f7f0d9;color:#6b5203}.driver-tags .tag-match{background:#17323a;color:#f2bd63}.driver-tags .tag-match b{font-weight:700}html[data-theme="dark"] .driver-tags .tag{background:#2c3030;color:#d6ded8}html[data-theme="dark"] .driver-tags .tag-vehicle{background:#50230d;color:#ffd7bd}html[data-theme="dark"] .driver-tags .tag-license{background:#1d2c3a;color:#bfd8ef}html[data-theme="dark"] .driver-tags .tag-cargo{background:#33233f;color:#d9c0ee}html[data-theme="dark"] .driver-tags .tag-region{background:#1f2e28;color:#bcd8c9}html[data-theme="dark"] .driver-tags .tag-availability{background:#38301a;color:#eadfae}
@media(min-width:640px){.driver-filters{grid-template-columns:repeat(4,1fr)}}
.driver-journey{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid var(--linha)}.driver-journey span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;background:#fff0e5;color:#7f350d;font-size:12px;font-weight:600;line-height:1}.driver-journey i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e85d04;color:#fff;font-style:normal;font-size:12px}html[data-theme="dark"] .driver-journey span{background:#50230d;color:#ffd7bd}
.admin-link{width:100%;margin-top:14px;border:1px solid var(--linha);border-radius:12px;padding:10px;background:transparent;color:var(--cinza);font-size:11px;cursor:pointer}.admin-form{display:grid;gap:11px}.admin-form label{display:grid;gap:5px;color:var(--cinza);font-size:11px;font-weight:bold}.admin-form input,.admin-form select,.admin-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--linha);border-radius:11px;padding:11px;background:var(--papel);color:var(--asfalto);font:inherit}.admin-form button{border:0;border-radius:12px;padding:13px;background:linear-gradient(135deg,#ed6a28,#c94408);color:#fff;font-weight:900;font-size:13px;cursor:pointer}.admin-form button:active{transform:scale(.98)}.admin-form-note{color:var(--cinza);font-size:11px;line-height:1.5}.admin-list{display:grid;gap:8px;margin:16px 0}.admin-list article{display:grid;gap:3px;padding:12px;border:1px solid var(--linha);border-radius:12px;background:var(--cabine)}.admin-list small,.admin-list span{color:var(--cinza);font-size:10px}.admin-chip{display:inline-flex;align-items:center;gap:5px;margin-bottom:6px;padding:4px 10px;border-radius:999px;background:#eef2ee;color:#294342;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.admin-chip-company{background:#f1ebf7;color:#4a2a68;border:1px solid #c9a8e8}.admin-section-title{display:flex;align-items:center;gap:6px;margin:12px 0 6px;padding:8px 11px;border-radius:11px;background:#f6f2ec;color:#4a443d;font-size:12px;font-weight:900;letter-spacing:.03em}.admin-section-title:first-child{margin-top:0}.admin-card-company{border-color:#c9a8e8!important;background:#f8f2fc!important}.admin-card-company .admin-chip-company{background:#e4d9f0}.admin-company-note{margin:3px 0 0;color:#4a2a68;font-size:12px;line-height:1.4}html[data-theme="dark"] .admin-chip-company{background:#33233f;color:#d9c0ee;border-color:#6b4a86}html[data-theme="dark"] .admin-section-title{background:#2b2926;color:#e5ded5}html[data-theme="dark"] .admin-card-company{border-color:#6b4a86!important;background:#241b2c!important}html[data-theme="dark"] .admin-company-note{color:#d9c0ee}.admin-summary{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:10px 12px;border:1px solid #e3c9f5;border-radius:12px;background:#f8f2fc;color:var(--cinza);font-size:12px}.admin-summary b{font-size:16px;color:#4a2a68}html[data-theme="dark"] .admin-chip{background:#2c3030;color:#d6ded8}html[data-theme="dark"] .admin-chip-company{background:#33233f;color:#d9c0ee;border-color:#6b4a86}html[data-theme="dark"] .admin-summary{border-color:#6b4a86;background:#241b2c}html[data-theme="dark"] .admin-summary b{color:#d9c0ee}#notice-bar{display:grid;gap:10px;padding:10px 14px 0}#notice-bar[hidden]{display:none}.notice{position:relative;display:grid;gap:7px;padding:14px 40px 14px 14px;border:1px solid #f0b889;border-radius:14px;background:linear-gradient(135deg,#fff5eb,#fffdf9);box-shadow:0 5px 14px #8f34000d}.notice strong{font-size:13px;color:#a7430b}.notice p{margin:0;color:var(--asfalto);font-size:14px;line-height:1.45}.notice-ok{justify-self:start;border:0;border-radius:10px;padding:9px 16px;background:#e85d04;color:#fff;font-weight:900;font-size:13px;cursor:pointer}.notice-cta{justify-self:start;border-radius:10px;padding:9px 16px;background:#17323a;color:#fff;text-decoration:none;font-weight:900;font-size:13px}.notice-dismiss{position:absolute;top:8px;right:8px;border:0;background:transparent;color:var(--cinza);font-size:16px;cursor:pointer;padding:4px 8px}html[data-theme="dark"] .notice{border-color:#76533a;background:linear-gradient(135deg,#34251b,#222)}html[data-theme="dark"] .notice strong{color:#ffb27c}html[data-theme="dark"] .notice-cta{background:#ffb25e;color:#17323a}.admin-presence{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:900;letter-spacing:.02em}.admin-presence-on{color:#1a7f46}.admin-presence-away{color:#a06d00}.admin-presence-off{color:var(--cinza)}html[data-theme="dark"] .admin-presence-on{color:#6fd69a}html[data-theme="dark"] .admin-presence-away{color:#e8c15a}
.cep-field{display:grid!important}
.saved-actions a{background:var(--asfalto);color:#fff;border-radius:8px;padding:10px;text-align:center;font-size:12px;font-weight:bold}
.saved-actions button{border:1px solid var(--linha);background:#fff;border-radius:8px;padding:10px 12px;font-size:12px;color:#a33;cursor:pointer}
.empty{font-size:13px;color:var(--cinza);line-height:1.6;border:1px dashed var(--linha);padding:18px;text-align:center}
.nav{
  position:fixed;
  left:50%;bottom:0;
  width:min(450px,100%);
  transform:translateX(-50%);
  display:grid;grid-template-columns:1fr 1fr;
  background:#fff;
  border-top:1px solid var(--linha);
  padding:6px 8px max(6px,env(safe-area-inset-bottom));
  z-index:4;
}
.nav button{
  border:0;background:none;
  padding:10px 4px;
  font-size:10px;
  color:var(--cinza);
  cursor:pointer;
  display:flex;flex-direction:column;gap:3px;align-items:center;
}
.nav button span{font-size:17px}
.nav button.active{color:var(--diesel);font-weight:bold}
.nav button.active span{color:var(--asfalto)}
.toast{
  position:fixed;
  left:50%;bottom:78px;
  transform:translateX(-50%);
  background:var(--asfalto);
  color:#fff;
  font-size:12px;
  padding:10px 16px;
  border-radius:99px;
  width:max-content;max-width:86%;
  text-align:center;
  z-index:9;
  box-shadow:0 8px 24px #10251e40;
}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{background:#081411;color:#edf5f1}
html[data-theme="dark"] .app{background:#10201c;box-shadow:0 0 70px #0008}
html[data-theme="dark"] .screen h1{color:#f5faf7}
html[data-theme="dark"] .location,html[data-theme="dark"] .job,html[data-theme="dark"] .saved-card,html[data-theme="dark"] .nav{background:#172a24;color:#edf5f1;border-color:#385047}
html[data-theme="dark"] .job{--papel:#172a24;--cabine:#21342e;--linha:#385047;--cinza:#a9bab3}
html[data-theme="dark"] .tag,html[data-theme="dark"] .actions button{background:#21342e;color:#edf5f1;border-color:#385047}
html[data-theme="dark"] #detail,html[data-theme="dark"] .saved-card p{color:#d1ddd8}
html[data-theme="dark"] .notice{background:#21342e}
html[data-theme="dark"] .support{background:#123027;border-color:#2e6655}
html[data-theme="dark"] .support p,html[data-theme="dark"] .hint,html[data-theme="dark"] .saved-note{color:#b8c8c1}
html[data-theme="dark"] .empty{border-color:#385047;color:#b8c8c1}
@media(min-width:450px){
  .deck{min-height:0}.job{position:relative}
  .app{padding-bottom:0;overflow:visible}
  .screen{padding-bottom:118px}
  .nav{box-shadow:0 -8px 24px #10251f14}
  .actions{position:relative;z-index:1}
}
@media(max-width:370px){
  h1{font-size:27px}
  .route{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:4px}
  .route strong{font-size:14px;overflow-wrap:anywhere}
  .actions{grid-template-columns:42px 42px minmax(0,1fr)}
  .actions button{padding-inline:8px;font-size:12px}
  .actions .go{font-size:11px;padding-inline:6px}
  .top{padding-inline:10px}
  .logo{width:60px;height:60px}
  .locate{max-width:118px}
  .brand small{display:none}
  .facts{grid-template-columns:1fr}
  .job{padding:14px}
}

/* Acabamento visual: menos molduras, mais respiro e uma leitura mais leve. */
:root{--asfalto:#17323a;--diesel:#ed7048;--placa:#f2bd63;--cabine:#edf4f1;--papel:#fff;--cinza:#61736f;--linha:#dce7e2}
body{background:radial-gradient(circle at 50% -10%,#fffaf0 0,#eef4f0 48%,#dfe9e4 100%)}
.app{border-radius:28px;background:#f8fbf9;box-shadow:0 24px 80px #15322b26;overflow:hidden}
.top{padding:12px 18px 15px;background:linear-gradient(135deg,#17323a 0%,#195048 100%);border-radius:0 0 24px 24px}
.brand{gap:10px}.brand b{letter-spacing:.01em}.brand small{color:#c8ded7}.logo{border-radius:50%;filter:drop-shadow(0 5px 10px #001b1833)}
.theme,.locate{border-radius:14px;border-color:#ffffff35;background:#ffffff16}
.screen{padding:25px 18px 110px}.screen h1{letter-spacing:-.035em}
.location{margin:16px 0;padding:13px 14px;border:0;border-radius:17px;background:#ffffffd9;box-shadow:0 8px 22px #173b3020}
.job{border:0;border-top:0;border-radius:24px;padding:20px;background:linear-gradient(155deg,#fff 0%,#f9fcfa 100%);box-shadow:0 18px 44px #173b3026;position:relative;overflow:hidden}
.job::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--diesel),var(--placa))}
.tag{border-radius:99px;padding:6px 11px}.route{border:0;border-radius:17px;background:#f0f6f3;padding:15px 13px}.route strong{letter-spacing:-.02em}.route small{font-size:17px}.route strong{font-size:18px;font-weight:800}.route span{font-size:12px;font-weight:600;color:#4a5a55}.arrow{font-size:20px;font-weight:900}.facts{gap:8px}.facts div{border-radius:14px;background:#f3f7f5;padding:11px 10px}.facts small{font-size:17px}.facts strong{font-size:16px;font-weight:800}.bar{height:7px;border-radius:99px;background:#dbe8e2}.bar i{border-radius:99px;background:linear-gradient(90deg,var(--diesel),#f2ae58)}.strip{font-size:12px;font-weight:700}.company{font:26px Georgia;letter-spacing:-.01em}
.actions{gap:9px;margin-top:15px}.actions button,.saved-actions button{border:0;border-radius:14px;background:#edf4f1;box-shadow:inset 0 0 0 1px #d9e6e0}.actions .go,.source,.primary,.go{border-radius:14px;background:linear-gradient(135deg,#17323a,#19564c);box-shadow:0 8px 18px #173b3030}
.support{margin-top:20px;padding:16px;border:0;border-radius:20px;background:linear-gradient(145deg,#e9f5ef,#f4f8ee);box-shadow:0 10px 28px #214c3a18}.support a{border-radius:14px;background:#176555}
.saved-card{border:0;border-radius:20px;padding:16px;box-shadow:0 10px 26px #173b3018}.saved-actions a{border-radius:14px}.empty{border-radius:18px}
.nav{border:0;border-radius:22px 22px 0 0;background:#fffffff2;box-shadow:0 -10px 28px #173b301c}.nav button{border-radius:14px}.nav button.active{background:#fff2e9}
html[data-theme="dark"] body{background:radial-gradient(circle at 50% -10%,#18372f 0,#0b1718 55%,#070d0f 100%);color:#eef8f3}
html[data-theme="dark"] .app{background:#101f20;box-shadow:0 24px 80px #0009}html[data-theme="dark"] .top{background:linear-gradient(135deg,#102b35 0%,#123f3a 100%)}
html[data-theme="dark"] .location{background:#172b2b;color:#edf8f3;box-shadow:0 10px 28px #0004}html[data-theme="dark"] .job,html[data-theme="dark"] .saved-card{background:linear-gradient(155deg,#182c2c,#142323);box-shadow:0 18px 44px #0005}
html[data-theme="dark"] .job{--papel:#182c2c;--cabine:#213635;--linha:#34504b;--cinza:#a9beb7}html[data-theme="dark"] .route,html[data-theme="dark"] .facts div,html[data-theme="dark"] .tag,html[data-theme="dark"] .actions button,html[data-theme="dark"] .saved-actions button{background:#213635;color:#edf8f3;box-shadow:inset 0 0 0 1px #34504b}html[data-theme="dark"] .job #detail{color:#dcebe4}html[data-theme="dark"] .job .route span,html[data-theme="dark"] .job .hint{color:#a9beb7}html[data-theme="dark"] .job .company,html[data-theme="dark"] .job .route strong,html[data-theme="dark"] .job .facts strong{color:#f4fbf7}html[data-theme="dark"] .job .route small,html[data-theme="dark"] .job .facts small{color:#ffb27e}
html[data-theme="dark"] .support{background:linear-gradient(145deg,#173c34,#1c302a);box-shadow:0 10px 28px #0004}html[data-theme="dark"] .nav{background:#122324ee;box-shadow:0 -10px 28px #0006}html[data-theme="dark"] .nav button.active{background:#2d3b2d}html[data-theme="dark"] .empty{background:#142626}
@media(max-width:370px){.logo{width:60px;height:60px}}
.sync-line{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:var(--cinza);font-size:10px}.sync-line i{width:7px;height:7px;border-radius:50%;background:#42bd83;box-shadow:0 0 0 4px #42bd8320;animation:pulse 2s infinite}.sync-line i.paused{background:#d59b4b;box-shadow:none;animation:none}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}
.profile-form{display:grid;gap:13px}.profile-form label{display:grid;gap:6px;color:var(--cinza);font-size:11px;font-weight:bold}.profile-form input,.profile-form select{width:100%;box-sizing:border-box;border:1px solid var(--linha);border-radius:13px;background:var(--papel);color:var(--asfalto);padding:12px;font:inherit;font-weight:normal}.profile-form input:focus,.profile-form select:focus{outline:3px solid #f2bd6380;outline-offset:1px}.profile-form .go{border:0;width:100%;margin-top:3px}.profile-help{margin-top:18px!important}
html[data-theme="dark"] .sync-line{color:#c5d8d1}html[data-theme="dark"] .profile-form input,html[data-theme="dark"] .profile-form select{background:#213635;color:#f2faf6;border-color:#52716b}html[data-theme="dark"] .profile-form label{color:#c5d8d1}

/* Dark theme contrast and interaction states. */
html[data-theme="dark"] .theme,html[data-theme="dark"] .locate{color:#f5fbf8;background:#294a48;border:1px solid #6caaa0;box-shadow:0 4px 12px #0004}
html[data-theme="dark"] .theme:hover,html[data-theme="dark"] .locate:hover{background:#37635d}
html[data-theme="dark"] .theme:focus-visible,html[data-theme="dark"] .locate:focus-visible,html[data-theme="dark"] .actions button:focus-visible,html[data-theme="dark"] .nav button:focus-visible,html[data-theme="dark"] .support a:focus-visible{outline:3px solid #f7c66d;outline-offset:2px}
html[data-theme="dark"] .actions button{color:#f0faf6;background:#294341;border:1px solid #52716b;box-shadow:none}
html[data-theme="dark"] .actions button:hover{background:#365a54}
html[data-theme="dark"] .actions .go,html[data-theme="dark"] .source,html[data-theme="dark"] .primary,html[data-theme="dark"] .go{color:#10211f;background:linear-gradient(135deg,#ffd07c,#ff9c68);border:0;text-shadow:none}
html[data-theme="dark"] .actions .go:hover,html[data-theme="dark"] .source:hover,html[data-theme="dark"] .primary:hover,html[data-theme="dark"] .go:hover{background:linear-gradient(135deg,#ffe0a2,#ffb18a)}
html[data-theme="dark"] .nav button{color:#b9d0c9}html[data-theme="dark"] .nav button span{color:#d9ebe5}html[data-theme="dark"] .nav button.active{color:#ffd28b;background:#304b42}html[data-theme="dark"] .nav button.active span{color:#ffd28b}
html[data-theme="dark"] .support small{color:#8be1c1}html[data-theme="dark"] .support a{color:#10211f;background:#8be1c1}html[data-theme="dark"] .support a:hover{background:#b2f0d4}
html[data-theme="dark"] .notice{color:#eaf8f2;background:#29423e;border-left-color:#f2bd63}html[data-theme="dark"] .hint,html[data-theme="dark"] .saved-note,html[data-theme="dark"] .support p{color:#c5d8d1}html[data-theme="dark"] .toast{color:#10211f;background:#f6c978}
.nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px 8px max(8px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.nav button{min-width:0;min-height:58px;padding:8px 2px;border-radius:16px;font-size:9px;line-height:1.1;white-space:nowrap}.nav button span{display:block;font-size:18px;line-height:1;margin-bottom:3px}.nav button.active{box-shadow:inset 0 0 0 1px #ed704840}@media(max-width:370px){.nav{gap:3px;padding-inline:5px}.nav button{font-size:8px}.nav button span{font-size:17px}}
html[data-theme="dark"] .nav button.active{box-shadow:inset 0 0 0 1px #ffd28b66}
.lead-card{margin:14px 0;padding:17px;border-radius:22px;background:linear-gradient(145deg,#fff1dc,#fff8ee);border:1px solid #f2bd6366;box-shadow:0 12px 30px #9d6a2618}.lead-card small{font-size:10px;letter-spacing:.08em;color:#a85e29;font-weight:bold}.lead-card h2{margin:7px 0 5px;color:var(--asfalto);font:21px Georgia}.lead-card p{margin:0 0 13px;color:var(--cinza);font-size:12px;line-height:1.45}.lead-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lead-actions button{border:0;border-radius:13px;padding:11px 7px;background:#17323a;color:#fff;font-size:11px;font-weight:bold;cursor:pointer}.lead-actions button:last-child{background:#176555}.lead-actions button:hover{filter:brightness(1.12)}
html[data-theme="dark"] .lead-card{background:linear-gradient(145deg,#3a3022,#27352c);border-color:#f2bd6388;box-shadow:0 12px 30px #0005}html[data-theme="dark"] .lead-card small{color:#ffd28b}html[data-theme="dark"] .lead-card h2{color:#fff5e6}html[data-theme="dark"] .lead-card p{color:#d5e1d9}html[data-theme="dark"] .lead-actions button{background:#ffd28b;color:#132321}html[data-theme="dark"] .lead-actions button:last-child{background:#8be1c1;color:#10211f}
.phone-row{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.profile-location{width:100%;border:1px solid var(--linha);border-radius:13px;padding:11px;background:transparent;color:var(--asfalto);font:inherit;font-weight:bold;cursor:pointer}.profile-location:hover{background:#f2bd6320}html[data-theme="dark"] .profile-location{color:#f0faf6;border-color:#6caaa0;background:#294a48}html[data-theme="dark"] .profile-location:hover{background:#37635d}@media(max-width:430px){.phone-row{grid-template-columns:1fr 1fr}}
.profile-roles{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:0;padding:0;margin:0}.profile-roles legend{grid-column:1/-1;padding:0;margin:0 0 2px;color:var(--asfalto);font-size:13px;font-weight:bold}.role-choice{min-height:58px;padding:10px;border:1px solid var(--linha);border-radius:15px;background:var(--papel);color:var(--cinza);font:inherit;font-size:11px;font-weight:bold;cursor:pointer}.role-choice.active{border-color:var(--diesel);background:#fff0d5;color:#17323a;box-shadow:0 0 0 2px #f2bd6340}.profile-form label:has(#profile-kind){display:none}html[data-theme="dark"] .profile-roles legend{color:#f0faf6}html[data-theme="dark"] .role-choice{background:#213635;color:#c5d8d1;border-color:#52716b}html[data-theme="dark"] .role-choice.active{background:#3c4b35;color:#ffd28b;border-color:#ffd28b}
.audience-fields{display:grid;gap:11px;padding:13px;border:1px solid var(--linha);border-radius:16px;background:var(--cabine)}.audience-fields strong{font-size:11px;color:var(--asfalto)}html[data-theme="dark"] .audience-fields{background:#29423e;border-color:#52716b}html[data-theme="dark"] .audience-fields strong{color:#ffd28b}

.install-app{display:flex;align-items:center;justify-content:center;gap:7px;width:fit-content;margin:16px auto 0;border:1px solid #e8b04c;border-radius:99px;padding:10px 18px;background:linear-gradient(135deg,#ffd98c,#f2bd63);color:#5a3a00;font:800 12px system-ui;box-shadow:0 6px 14px #f2bd6338;cursor:pointer;transition:transform .15s,box-shadow .2s}.install-app:before{content:"⤓";font-size:14px}.install-app:hover{filter:brightness(1.05);box-shadow:0 8px 18px #f2bd6350}.install-app:active{transform:scale(.96)}html[data-theme="dark"] .install-app{background:linear-gradient(135deg,#ffd98c,#f2bd63);color:#5a3a00;border-color:#ffd28b}

.business-plan{border:1px solid #d9ded8;border-radius:16px;padding:16px;background:#eef4ee}.business-plan small{font-size:10px;font-weight:900;letter-spacing:.12em;color:#8a5d21}.business-plan h3{margin:7px 0 5px;font-size:20px}.business-plan p{margin:0;color:var(--cinza);font-size:12px;line-height:1.45}.plan-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.plan-pills span{border-radius:99px;background:#fff;padding:6px 9px;font-size:10px;font-weight:800;color:#31564f}html[data-theme="dark"] .business-plan{background:#203a38;border-color:#52716b}html[data-theme="dark"] .plan-pills span{background:#2b4d4a;color:#d9eee6}

.admin-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.admin-actions button,.admin-contact{border:1px solid var(--linha);border-radius:9px;padding:7px 9px;background:var(--papel);color:var(--asfalto);font:inherit;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.admin-contact{background:#d9eee3;color:#205348}html[data-theme="dark"] .admin-actions button,html[data-theme="dark"] .admin-contact{background:#294a48;color:#edf8f3;border-color:#52716b}

/* Stitch Clean Logistics — camada visual aplicada ao protótipo */
:root{--asfalto:#0b1c30;--diesel:#a04100;--placa:#ff6b00;--cabine:#f8f9ff;--papel:#ffffff;--cinza:#5a4136;--linha:#e2bfb0}
body{background:#cbdbf5;color:var(--asfalto);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.app{background:#f8f9ff;box-shadow:0 0 70px #0b1c3020}
.top{min-height:64px;padding:8px 18px;background:rgba(255,255,255,.88);color:var(--asfalto);backdrop-filter:blur(18px);border-bottom:1px solid #e2e8f0}
.logo{width:42px;height:42px;border-radius:10px;object-fit:cover}
.brand b{color:var(--diesel);letter-spacing:.02em;font-size:16px}.brand small{color:#5a4136;font-size:9px}
.locate,.theme{border:1px solid #e2e8f0;background:#eff4ff;color:#0b1c30;border-radius:999px}
.kicker{color:var(--diesel);font-size:11px;letter-spacing:.08em}h1{font:600 28px/36px Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.01em}
.location{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0b1c300d}.location button{color:var(--diesel)}
.job{background:#fff;border:1px solid #e2e8f0;border-top:5px solid var(--placa);border-radius:12px;box-shadow:0 1px 3px #0b1c300d}
.route,.facts div,.tag,.actions button{border-color:#e2e8f0}
.notice{background:#fff0e8;border-left-color:var(--placa);color:#572000}
.actions .go,.source,.primary,.go{background:var(--placa);color:#fff;box-shadow:0 8px 18px #a0410030}
.nav{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-top:1px solid #e2e8f0;box-shadow:0 -1px 8px #0b1c300b}
.nav button{color:#5a4136;min-height:64px}.nav button.active{color:var(--diesel);background:#ffdbcc;border-radius:14px}.nav button span{font-size:19px}
.saved-card,.driver-card,.admin-list article{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0b1c300d;border-radius:12px}
.support{background:#eff4ff;border-color:#d3e4fe}.support small{color:var(--diesel)}
.sync-line{color:#0062a1}
html[data-theme="dark"] body{background:#101d2d}html[data-theme="dark"] .app{background:#172437}html[data-theme="dark"] .top,html[data-theme="dark"] .nav{background:rgba(23,36,55,.94);border-color:#344a64}html[data-theme="dark"] .brand b,html[data-theme="dark"] .kicker{color:#ffb693}html[data-theme="dark"] .brand small,html[data-theme="dark"] .location button{color:#d0e4ff}html[data-theme="dark"] .locate,html[data-theme="dark"] .theme{background:#213145;color:#eaf1ff;border-color:#526b87}html[data-theme="dark"] .job,html[data-theme="dark"] .location,html[data-theme="dark"] .saved-card,html[data-theme="dark"] .driver-card,html[data-theme="dark"] .admin-list article{background:#213145;border-color:#526b87;color:#eaf1ff}html[data-theme="dark"] .support{background:#213145;border-color:#526b87}html[data-theme="dark"] .nav button.active{background:#572000;color:#ffb693}html[data-theme="dark"] .notice{background:#572000;color:#ffdbcc}

/* Paleta PuxaRota: carvão + laranja */
:root{--asfalto:#171717;--diesel:#e85d04;--placa:#f97316;--cabine:#f7f4ef;--papel:#fffdf9;--cinza:#625e58;--linha:#ded8cf}
body{background:#d8d2c9;color:#171717}.app{background:#f7f4ef}
.top{background:rgba(23,23,23,.96);color:#fff;border-bottom:1px solid #343434}.brand b{color:#fff}.brand small{color:#c8c0b6}
.locate,.theme{background:#292929;color:#fff;border-color:#4a4a4a}.locate:hover,.theme:hover{background:#3a3a3a}
.kicker{color:#c44d00}.location{background:#fffdf9;border-color:#ded8cf}.location button{color:#c44d00}
.job{background:#fffdf9;border-color:#ded8cf;border-top-color:#f97316}
.route,.facts div,.tag,.actions button{background:#f5f1eb;border-color:#ded8cf}
.notice{background:#fff0e5;border-left-color:#f97316;color:#542000}
.actions .go,.source,.primary,.go{background:#e85d04;color:#fff;box-shadow:0 8px 18px #8f340033}.actions .go:hover,.go:hover{background:#c94d00}
.nav{background:rgba(255,253,249,.96);border-top-color:#ded8cf}.nav button{color:#625e58}.nav button.active{color:#fff;background:#e85d04}
.saved-card,.driver-card,.admin-list article{background:#fffdf9;border-color:#ded8cf}.support{background:#f0ebe4;border-color:#ded8cf}.support small{color:#c44d00}
.sync-line{color:#9b430d}
html[data-theme="dark"] body{background:#0d0d0d;color:#f5f1eb}html[data-theme="dark"] .app{background:#171717}html[data-theme="dark"] .top,html[data-theme="dark"] .nav{background:rgba(23,23,23,.97);border-color:#3b3b3b}html[data-theme="dark"] .brand b,html[data-theme="dark"] .kicker{color:#ff9b54}html[data-theme="dark"] .brand small{color:#c8c0b6}html[data-theme="dark"] .locate,html[data-theme="dark"] .theme{background:#292929;color:#fff;border-color:#555}html[data-theme="dark"] .job,html[data-theme="dark"] .location,html[data-theme="dark"] .saved-card,html[data-theme="dark"] .driver-card,html[data-theme="dark"] .admin-list article{background:#222;color:#f5f1eb;border-color:#49433c}html[data-theme="dark"] .route,html[data-theme="dark"] .facts div,html[data-theme="dark"] .tag,html[data-theme="dark"] .actions button{background:#2b2926;color:#f5f1eb;border-color:#49433c}html[data-theme="dark"] .location button{color:#ff9b54}html[data-theme="dark"] .support{background:#292725;border-color:#49433c}html[data-theme="dark"] .nav button{color:#c8c0b6}html[data-theme="dark"] .nav button.active{background:#e85d04;color:#fff}html[data-theme="dark"] .notice{background:#542000;color:#ffe1ca;border-left-color:#ff9b54}html[data-theme="dark"] .hint,html[data-theme="dark"] .saved-note,html[data-theme="dark"] .support p{color:#c8c0b6}

/* Responsividade mobile-first */
html,body{width:100%;overflow-x:hidden}body{min-width:0}.app{width:100%;max-width:520px;min-height:100dvh}.screen{padding:clamp(16px,5vw,24px) clamp(14px,5vw,24px)}h1,.company,h2,h3,p,small,strong,span{overflow-wrap:anywhere}.top{gap:8px}.brand{min-width:0}.brand>div{min-width:0}.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.top-actions{flex-shrink:0}.locate{max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck{min-height:clamp(430px,112vw,520px)}.job{padding:clamp(13px,4vw,19px)}.route{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.route strong,.facts strong{font-size:clamp(12px,3.5vw,15px)}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{grid-template-columns:44px 44px minmax(0,1fr);gap:8px}.actions button,.actions .go{min-height:44px}.nav{left:0;right:0}.nav button{min-width:0;padding:7px 3px;font-size:10px}.nav button span{line-height:18px}.profile-form input,.profile-form select,.profile-form textarea,.admin-form input,.admin-form select,.admin-form textarea{min-height:44px;font-size:16px}.phone-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.interest-box form>div{flex-wrap:wrap}.interest-box form>div button{min-height:44px}.driver-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:360px){.top{padding-left:12px;padding-right:12px}.brand small{max-width:135px}.locate{max-width:92px;padding:8px 7px}.screen{padding-left:13px;padding-right:13px}h1{font-size:25px;line-height:31px}.deck{min-height:410px}.job{padding:12px}.route{gap:5px}.route small,.facts small{font-size:9px}.actions{grid-template-columns:42px 42px minmax(0,1fr)}.actions .go{font-size:11px;padding:0 7px}.nav button{font-size:9px}}@media(min-width:600px){.app{border-left:1px solid #ded8cf;border-right:1px solid #ded8cf}.screen{padding-left:28px;padding-right:28px}.top{padding-left:28px;padding-right:28px}.nav{max-width:520px;left:50%;transform:translateX(-50%)}}@media(orientation:landscape) and (max-height:520px){.top{min-height:54px}.logo{width:36px;height:36px}.screen{padding-top:14px}.deck{min-height:350px}.nav button{min-height:54px}}

.tag{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:500;line-height:1}.tag-icon{font-size:14px;line-height:1}.vehicle-tag{background:#f3eee7!important;color:#3e3831}.cargo-tag{background:#fff0e5!important;color:#9b430d}.vehicle-tag.vehicle-light{background:#e8f1ff!important;color:#245a91}.vehicle-tag.vehicle-medium{background:#e5f5ed!important;color:#176555}.vehicle-tag.vehicle-heavy{background:#eee8ff!important;color:#5d438e}.vehicle-tag.vehicle-own{background:#fff4d9!important;color:#825b10}.cargo-tag .tag-icon{font-size:13px}html[data-theme="dark"] .vehicle-tag{background:#332f2a!important;color:#f5e5d5}html[data-theme="dark"] .vehicle-tag.vehicle-light{background:#20384f!important;color:#acd5ff}html[data-theme="dark"] .vehicle-tag.vehicle-medium{background:#1f4138!important;color:#a8e6ca}html[data-theme="dark"] .vehicle-tag.vehicle-heavy{background:#382e50!important;color:#d9c7ff}html[data-theme="dark"] .vehicle-tag.vehicle-own{background:#4b3c1d!important;color:#ffe09a}html[data-theme="dark"] .cargo-tag{background:#542000!important;color:#ffd5b7}

/* Área segura para a navegação fixa: nunca cobre ações */
.app{padding-bottom:0}
.screen{padding-bottom:118px;scroll-margin-bottom:118px}
.nav{height:auto;min-height:74px;padding-bottom:max(10px,env(safe-area-inset-bottom));box-sizing:border-box}
.nav button{min-height:56px}
body{scroll-padding-bottom:118px}
@media(max-width:360px){.screen{padding-bottom:112px;scroll-margin-bottom:112px}.nav{min-height:70px}.nav button{min-height:52px}}

/* Densidade equilibrada: menos vazio sem perder a área segura */
.deck{min-height:0}.job{min-height:0}.screen{padding-bottom:92px;scroll-margin-bottom:92px}body{scroll-padding-bottom:92px}
.nav{min-height:70px}.nav button{min-height:52px}
@media(max-width:360px){.screen{padding-bottom:86px;scroll-margin-bottom:86px}body{scroll-padding-bottom:86px}.nav{min-height:66px}.nav button{min-height:49px}}

.account-box{display:grid;gap:13px;margin:16px 0 20px;padding:16px;border:1px solid #ded8cf;border-radius:16px;background:#f0ebe4}.account-box small{color:#c44d00;font-size:10px;font-weight:900;letter-spacing:.1em}.account-box h2{margin:6px 0 3px;font-size:20px}.account-box p{margin:0;color:var(--cinza);font-size:12px;line-height:1.4}.account-login{display:grid;gap:8px}.account-login input{width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--linha);border-radius:11px;padding:11px;background:var(--papel);color:var(--asfalto);font:inherit;font-size:16px}.account-login>div{display:flex;gap:8px}.account-login button{min-height:44px;border:1px solid var(--linha);border-radius:11px;padding:9px 13px;background:transparent;color:var(--asfalto);font-weight:800;cursor:pointer}.account-login .go{flex:1;border:0;color:#fff}html[data-theme="dark"] .account-box{background:#292725;border-color:#49433c}html[data-theme="dark"] .account-login input{background:#222;color:#f5f1eb;border-color:#49433c}html[data-theme="dark"] .account-login button:not(.go){color:#f5f1eb;border-color:#625e58}
.account-recovery{font-size:11px!important}.member-card{display:grid;gap:12px;margin:16px 0;padding:16px;border:1px solid #7c5b19;border-radius:16px;background:linear-gradient(135deg,#fff5df,#f0ebe4)}.member-card small{color:#8f5700;font-size:10px;font-weight:900;letter-spacing:.1em}.member-card h2{margin:5px 0;font-size:20px}.member-card p{margin:0;color:var(--cinza);font-size:12px}.member-card .member-state{margin-top:8px;color:#315f51;font-weight:700}.member-summary{margin-top:8px;color:#17323a;font-size:12px;line-height:1.5;padding-top:8px;border-top:1px dashed #cbb889}.member-actions{display:flex;gap:8px}.member-actions button{flex:1;min-height:42px;border:1px solid var(--linha);border-radius:11px;background:var(--papel);color:var(--asfalto);font-weight:800;cursor:pointer}.member-actions button:last-child{color:#9b3b20}.profile-state-note{margin:0 0 14px;color:var(--cinza);font-size:12px;line-height:1.45}html[data-theme="dark"] .member-card{background:linear-gradient(135deg,#3b3020,#292725);border-color:#9a762d}html[data-theme="dark"] .member-card h2,html[data-theme="dark"] .member-actions button{color:#f5f1eb}html[data-theme="dark"] .member-card .member-state{color:#a8e6ca}html[data-theme="dark"] .member-actions button{background:#222;border-color:#625e58}.company-publish{display:grid;gap:12px;margin:16px 0;padding:16px;border:1px solid #9a762d;border-radius:16px;background:linear-gradient(135deg,#fff9ec,#f5efe5)}.company-publish small{color:#8f5700;font-size:10px;font-weight:900;letter-spacing:.1em}.company-publish h2{margin:5px 0;font-size:20px}.company-publish p{margin:0;color:var(--cinza);font-size:12px}.opp-form{display:grid;gap:11px;margin-top:4px}.opp-form label{display:grid;gap:5px;color:var(--cinza);font-size:11px;font-weight:bold}.opp-form input,.opp-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--linha);border-radius:12px;background:var(--papel);color:var(--asfalto);padding:11px;font:inherit;font-weight:normal}.opp-form input:focus,.opp-form textarea:focus{outline:3px solid #f2bd6380;outline-offset:1px}.opp-form .go{border:0;margin-top:2px}.opp-status{margin:4px 0 0;color:#315f51;font-weight:700}.opp-status.error{color:#9b3b20}html[data-theme="dark"] .company-publish{background:linear-gradient(135deg,#3b3020,#292725);border-color:#9a762d}html[data-theme="dark"] .company-publish h2{color:#f5f1eb}html[data-theme="dark"] .opp-form input,html[data-theme="dark"] .opp-form textarea{background:#222;color:#f5f1eb;border-color:#625e58}html[data-theme="dark"] .opp-form label{color:#c9c2b8}html[data-theme="dark"] .opp-status{color:#a8e6ca}html[data-theme="dark"] .opp-status.error{color:#ffb4a0}

.tag-svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.tag-icon{display:inline-flex;align-items:center}

.cargo-special-tag{background:#f1eee9!important;color:#4b463f}.cargo-special-tag .tag-svg{width:14px;height:14px}html[data-theme="dark"] .cargo-special-tag{background:#38342f!important;color:#ffe0c4}
.match-tag{background:#17323a!important;color:#f2bd63!important}html[data-theme="dark"] .match-tag{background:#f2bd63!important;color:#17323a!important}

.profile-roles{grid-template-columns:repeat(3,minmax(0,1fr))}.role-choice{min-height:64px;padding:8px 5px;font-size:10px} @media(max-width:360px){.role-choice{font-size:9px;padding-inline:3px}}

.profile-data-title{margin:20px 0 8px;font-size:20px;letter-spacing:-.02em}html[data-theme="dark"] .profile-data-title{color:#f5f1eb}

.onboarding-role{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:0;padding:0;margin:12px 0}.onboarding-role legend{grid-column:1/-1;padding:0 0 2px;font-size:11px;font-weight:800;color:var(--cinza)}.onboarding-role-choice{min-height:46px;border:1px solid var(--linha);border-radius:11px;background:transparent;color:var(--asfalto);font-size:10px;font-weight:800;padding:6px 4px;cursor:pointer}.onboarding-role-choice.active{background:#e85d04;color:#fff;border-color:#e85d04}html[data-theme="dark"] .onboarding-role legend{color:#c8c0b6}html[data-theme="dark"] .onboarding-role-choice{color:#f5f1eb;border-color:#625e58}html[data-theme="dark"] .onboarding-role-choice.active{background:#e85d04;border-color:#e85d04;color:#fff}

.auth-intro{display:flex;align-items:center;gap:14px;margin-bottom:16px}.auth-intro img{width:58px;height:58px;border-radius:14px;object-fit:cover;flex:0 0 auto}.auth-intro h1{margin:5px 0 7px;font-size:28px;line-height:1.05}.auth-intro p{margin:0;color:var(--cinza);font-size:13px;line-height:1.45}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 18px}.how-it-works span{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:var(--cinza);line-height:1.2}.how-it-works b{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#171717;color:#fff;font-size:10px;flex:0 0 auto}html[data-theme="dark"] .auth-intro p,html[data-theme="dark"] .how-it-works span{color:#c8c0b6}html[data-theme="dark"] .how-it-works b{background:#e85d04}@media(max-width:360px){.auth-intro h1{font-size:24px}.auth-intro img{width:50px;height:50px}.how-it-works span{font-size:9px}}

.privacy-consent{display:flex!important;align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;color:var(--asfalto)}.privacy-consent input{width:17px!important;min-height:17px!important;height:17px!important;margin:2px 0 0!important;padding:0!important;accent-color:#e85d04;flex:0 0 17px}.privacy-note{font-size:11px;line-height:1.45;color:var(--cinza);margin:0}
html[data-theme="dark"] .privacy-consent{color:#f0faf6}html[data-theme="dark"] .privacy-note{color:#bdcbc5}

/* O tipo de perfil pertence somente à segunda etapa do cadastro. */
.onboarding-role[hidden]{display:none!important}

.nav{grid-template-columns:repeat(5,minmax(0,1fr));width:min(520px,100%)}.nav button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav button b{max-width:100%;overflow:hidden;text-overflow:ellipsis}

.vehicle-picker{display:grid;gap:8px;margin:0;padding:0;border:0}.vehicle-picker legend{padding:0;color:var(--cinza);font-size:11px;font-weight:bold}.vehicle-picker p{margin:0;color:var(--cinza);font-size:11px}.vehicle-picker>div{display:flex;flex-wrap:wrap;gap:7px}.vehicle-picker button{min-height:36px;border:1px solid var(--linha);border-radius:999px;padding:7px 11px;background:var(--papel);color:var(--asfalto);font:700 11px system-ui;cursor:pointer}.vehicle-picker button.active{border-color:#b55a00;background:#fff0d5;color:#713900;box-shadow:0 0 0 2px #f2bd6340}html[data-theme="dark"] .vehicle-picker button{background:#213635;color:#f0faf6;border-color:#52716b}html[data-theme="dark"] .vehicle-picker button.active{background:#4d351e;color:#ffd28b;border-color:#ffd28b}

.route-panel{display:grid;gap:18px;margin:16px 0;padding:18px;border:1px solid var(--linha);border-radius:20px;background:var(--cabine);box-shadow:0 10px 24px #173b3010}.route-panel-top{display:grid;gap:5px}.route-panel-top span{font-size:10px;letter-spacing:.12em;color:var(--cinza);font-weight:900}.route-panel-top strong{font-size:21px}.route-steps{display:grid;gap:12px}.route-steps>div{display:grid;grid-template-columns:12px 1fr;gap:8px;position:relative}.route-steps>div:not(:last-child)::after{content:"";position:absolute;left:5px;top:14px;height:24px;border-left:1px dashed var(--diesel)}.route-steps i{width:10px;height:10px;border:3px solid var(--diesel);border-radius:50%;z-index:1}.route-steps span{font-size:10px;color:var(--cinza);grid-column:2}.route-steps b{font-size:14px;grid-column:2}.route-list{display:grid;gap:8px}.route-list article{padding:13px;border:1px solid var(--linha);border-radius:15px;background:var(--papel)}.route-list small{color:var(--cinza);font-size:10px}.route-list strong{display:block;margin-top:4px}.route-list span{display:block;color:var(--cinza);font-size:11px;margin-top:4px}html[data-theme="dark"] .route-panel,html[data-theme="dark"] .route-list article{background:#213635;border-color:#52716b}

.nav{left:50%;right:auto;transform:translateX(-50%);width:min(520px,100vw);box-sizing:border-box}

.nav{left:0;right:0;transform:none;width:100%;max-width:none;border-radius:0}

/* Contraste final do tema escuro */
html[data-theme="dark"] .nav{background:#101b1b;border-top:1px solid #49685f;box-shadow:0 -8px 24px #0008}html[data-theme="dark"] .nav button{color:#d9ebe5}html[data-theme="dark"] .nav button span{color:#f2c66d}html[data-theme="dark"] .nav button.active{color:#171717;background:#f2c66d}html[data-theme="dark"] .nav button.active span{color:#171717}html[data-theme="dark"] .route-panel{background:#1b302d;border-color:#668f82;color:#f2faf6}html[data-theme="dark"] .route-panel-top span,html[data-theme="dark"] .route-steps span,html[data-theme="dark"] .route-list small,html[data-theme="dark"] .route-list span{color:#c5d8d1}html[data-theme="dark"] .route-list article{background:#1b302d;border-color:#52766c;color:#f2faf6}html[data-theme="dark"] .admin-link{color:#d9ebe5;border-color:#668f82}html[data-theme="dark"] .privacy-note{color:#c5d8d1}html[data-theme="dark"] .privacy-consent{color:#f2faf6}

/* Cards compactos da rede de profissionais */
.drivers-journey-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:13px 0 10px;padding:12px 13px;border:1px solid #f0b889;border-radius:14px;background:linear-gradient(135deg,#fff5eb,#fffdf9);box-shadow:0 5px 14px #8f34000d}.drivers-journey-summary[hidden]{display:none}.drivers-journey-summary>div{display:grid;gap:2px;min-width:0}.drivers-journey-summary small{color:#a7430b;font-size:8px;font-weight:950;letter-spacing:.08em}.drivers-journey-summary strong{font-size:13px;line-height:1.25}.drivers-journey-summary div>span{color:var(--cinza);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drivers-journey-summary button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:9px 10px;background:#e85d04;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}.drivers-journey-summary button span{font-size:14px}.drivers-journey-summary>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5f5ed;color:#176555;font-size:15px;font-style:normal;font-weight:950}html[data-theme="dark"] .drivers-journey-summary{border-color:#76533a;background:linear-gradient(135deg,#34251b,#222)}html[data-theme="dark"] .drivers-journey-summary small{color:#ffb27c}
.driver-list{gap:8px}.driver-card{gap:7px;padding:11px 12px;border-radius:14px}.driver-head{gap:9px}.driver-avatar{width:34px;height:34px;border-radius:11px;font-size:19px;box-shadow:0 4px 10px #e85d0430}.driver-card small{font-size:8px}.driver-card h2{margin:0;font-size:18px;line-height:1.05}.driver-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}.driver-tags .tag{display:inline-flex;flex-direction:row;align-items:center;gap:6px;max-width:100%;min-width:0;box-sizing:border-box;padding:6px 10px;border-radius:999px;line-height:1.2}.driver-tags .tag i{flex:0 0 auto;font-size:16px;font-style:normal}.driver-tags .tag span{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7;white-space:nowrap}.driver-tags .tag b{min-width:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.driver-journey{gap:5px;margin-top:2px;padding-top:7px}.driver-journey span{gap:4px;padding:4px 7px;font-size:8px}.driver-journey i{width:16px;height:16px;font-size:8px}
/* Legibilidade: textos e botões maiores, sem tamanhos minúsculos */
body{font-size:17px}
.brand small{font-size:12px}
.locate{font-size:14px;padding:11px 12px}
.kicker{font-size:13px;letter-spacing:.08em}
.location span{font-size:15px}.location button{font-size:14px}
.sync-line{font-size:14px}
.strip{font-size:14px}
.source-tag{font-size:12px;padding:9px 12px}
.trust-badge{font-size:13px;padding:9px 12px}.trust-badge b{font-size:16px}
.job .company{font-size:30px;line-height:1.15}
.route small,.facts small{font-size:12px}.route strong,.facts strong{font-size:17px}.route span{font-size:14px}
#detail{font-size:17px;line-height:1.55}
.notice{font-size:14px}
.hint{font-size:13px}
.saved-note{font-size:14px}.saved-card small{font-size:12px}.saved-card p{font-size:14px}.empty{font-size:15px}
.admin-tabs button{font-size:14px}.admin-chips button{font-size:13px}.admin-chips button b{font-size:14px}
.driver-filters select{font-size:14px}.driver-card small{font-size:12px}.driver-card h2{font-size:22px}.driver-card p{font-size:14px}.driver-card button{font-size:14px}
.driver-tags .tag span{font-size:12px}.driver-tags .tag b{font-size:14px;font-weight:600}.driver-journey span{font-size:12px;font-weight:600}
.admin-link{font-size:14px}.admin-form label{font-size:14px}.admin-list small,.admin-list span{font-size:12px}
.admin-chip{font-size:12px}.admin-presence{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:800;border:1px solid transparent}.admin-presence-on{color:#14583e;background:#daf4e7;border-color:#8fd6b4}.admin-presence-away{color:#7a4a0d;background:#fdeed3;border-color:#eec78a}.admin-presence-off{color:#5b6b72;background:#eef1f3;border-color:#d3dbe0}html[data-theme="dark"] .admin-presence-on{color:#7fd6a4;background:#1c3529;border-color:#2f7a4f}.admin-presence-away{color:#ffd28b;background:#493b27;border-color:#6b5633}.admin-presence-off{color:#b9c4ca;background:#2a3236;border-color:#3c474c}
.saved-actions a,.saved-actions button{font-size:15px}
.profile-form label{font-size:14px}.profile-help{font-size:14px}
.nav button{font-size:12px;min-height:60px}.nav button span{font-size:20px}
.lead-card small{font-size:12px}.lead-card h2{font-size:24px}.lead-card p{font-size:14px}.lead-actions button{font-size:14px;padding:12px 8px}
.profile-roles legend{font-size:15px}.role-choice{font-size:13px;min-height:64px}
.audience-fields strong{font-size:14px}
.business-plan small{font-size:12px}.business-plan p{font-size:14px}.plan-pills span{font-size:12px}
.admin-actions button,.admin-contact{font-size:13px}
.account-box small{font-size:12px}.account-box p{font-size:14px}.account-recovery{font-size:13px}
.member-card small{font-size:12px}.member-card p,.member-summary,.profile-state-note{font-size:14px}
.onboarding-role legend{font-size:13px}.onboarding-role-choice{font-size:13px}
.auth-intro h1{font-size:30px}.auth-intro p{font-size:15px}.how-it-works span{font-size:12px}
.privacy-consent{font-size:14px}.privacy-note{font-size:13px}
.vehicle-picker legend,.vehicle-picker p{font-size:13px}.vehicle-picker button{font-size:15px;min-height:48px}
.route-panel-top span{font-size:12px}.route-steps span{font-size:12px}.route-list small{font-size:12px}.route-list span{font-size:13px}
.drivers-journey-summary small{font-size:11px}.drivers-journey-summary strong{font-size:15px}.drivers-journey-summary div>span{font-size:12px}.drivers-journey-summary button{font-size:13px}
.interest-box>strong{font-size:16px}.interest-box>p{font-size:14px}.interest-consent{font-size:12px}.interest-open{font-size:14px}
.matchline{font-size:12px}.signals-head small{font-size:12px}
.tag{font-size:12px}.tag-icon{font-size:15px}
.actions button,.actions .go{min-height:52px}.actions .go{font-size:14px}