/* FreteFácil — identidade noturna. Camada visual; regras financeiras e autenticação preservadas. */
:root{color-scheme:dark;--bg:#061916;--ink:#f4f7f5;--muted:#b9c6c1;--accent:#ff6a1a;--navy:#03110f;--line:#264640;--white:#0a2420;--good:#7ee2af;--warn:#ffd38a;--surface:#0a2420;--raised:#102d29;--input:#0c2422;--orange-hover:#ff7a31;--focus:#ffac7d}
body{background:var(--bg);color:var(--ink);font-size:14px}body:has(#product:not([hidden])){background-image:linear-gradient(90deg,#061916ee,#061916cf),url('route-texture.svg');background-size:cover,1100px auto;background-attachment:fixed}p,.muted,.hint,.mini-help,.route-mini,.photo-micro{color:var(--muted)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{min-height:44px}input,select,textarea,.field input,.field select,.field textarea{background-color:var(--input);border:1px solid var(--line);color:var(--ink);border-radius:10px;min-height:46px;font-size:14px;max-width:100%;min-width:0}textarea{padding:12px;width:100%}input::placeholder,textarea::placeholder,.field input::placeholder{color:#9cadA6;font-size:13px;opacity:1}.field label{color:#d7e2dc;font-size:12px}input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus{background-color:#102d29;border-color:var(--accent);outline:2px solid #ff6a1a55;outline-offset:2px}input[type=checkbox]{accent-color:var(--accent)}option{background:var(--input);color:var(--ink)}.field small{color:var(--muted)}
.btn,.auth-layout .btn{background:var(--accent);color:#18100b;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:800;min-height:46px;box-shadow:0 4px 15px #ff6a1a12}.btn:hover,.auth-layout .btn:hover{background:var(--orange-hover);color:#17100a}.btn:active{background:#e85a0d}.btn-outline,.auth-layout .btn-outline{background:transparent;color:#e0e8e3;border:1px solid #36574d;box-shadow:none}.btn-outline:hover,.auth-layout .btn-outline:hover{background:#173b32;color:#fff;border-color:#69877d}.btn-danger{background:#3d2220;color:#ffb5a7;border:1px solid #754238}.btn-sm{min-height:44px}.linklike,.info-link,.info-source-row a,.inline-action{color:#ffb080}.linklike{min-height:44px}.notice{background:#12382d;border-color:#356a52;color:#d6f5e4}.notice.warn{background:#3b301b;border-color:#80652e;color:#ffe0a8}.notice.bad{background:#422622;border-color:#965348;color:#ffd1c7}.positive{color:#7ee2af}.negative{color:#ffb2a8}.empty{color:#baccc3;padding:32px 16px;border:1px dashed #33584c;border-radius:12px;background:#09211b66}.badge{background:#163d2d;color:#a1eac2;border:1px solid #36614a}.pill{background:#143a30;border-color:#356457;color:#b3e8d4}
.site-header{background:#041612f2;border-bottom:1px solid var(--line);height:80px}.header-inner{gap:24px}.brand-link{color:var(--ink);gap:8px}.brand-slash{display:inline-block;width:26px;height:15px;background:var(--accent);transform:skew(-27deg);border-radius:2px;flex-shrink:0;margin:0 5px}.wordmark{color:white;font-style:normal;font-weight:850;font-size:26px;letter-spacing:-1.4px}.wordmark>span{color:var(--accent)}#desktop-nav button{color:#bacbc3;min-height:46px;font-size:13px}#desktop-nav button.active,#desktop-nav button.active:hover{background:#ff6a1a18;color:#ff9a60}#desktop-nav button:hover{background:#15362d;color:white}.profile-button{background:#102c24;color:#d4e3da;border-color:#315849;min-height:44px;min-width:44px}.preview-tag{color:#a4b9ad}.main{padding-top:34px}.hero h1{font-size:clamp(27px,3vw,38px);line-height:1.18;letter-spacing:-1px}.hero p{color:#bdcec4;font-size:14px;line-height:1.6}.eyebrow{color:#ffac7d;font-size:10px;letter-spacing:2px}.eyebrow i{background:var(--accent)}.card,.entry,.customer-info,.tool-card,.due-item,.pay-row,.service-pane,.metric,.receipt-check{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 8px 24px #00000012}.card{border-radius:14px}.card>h2{font-size:17px}.card>h2 small{font-size:12px;color:#aebfb5;margin-top:4px}.section-icon{background:#ff6a1a10;color:#ff8c49;border:1px solid #6b482d;border-radius:9px}.stat{background:linear-gradient(125deg,#0c2c24,#09221c);border-left:2px solid #ff6a1a7a}.stat small{color:#bed0c5}.stat strong{color:#f4f7f5;font-size:25px}.entrymeta,.entry small,.mini-help,.hint{color:#b3c5ba}.entryprice{color:white}.entryhead h3{color:#f4f7f5}.route-stops,.extra-costs,.quote-action-groups .danger-actions{border-color:var(--line)}.route-stops b small{color:#b9c6c1}.route-stops .section-head{align-items:center}.route-stop-row button{flex-shrink:0}.trip{background:#0c2422;color:#c9d7cf;border-color:#345148;font-size:11px;min-height:46px}.trip.selected{background:#ff6a1a23;color:#ffb485;border:1px solid #ff823d;box-shadow:inset 0 0 0 1px #ff823d33}.trip:hover{border-color:#b8794b}.inline-action{background:#0c2720;border-color:#4d6b5a;font-size:11px}.inline-action:hover{background:#173b2c}.extra-costs summary,.customer-info summary,.negotiation summary{color:#d9e5de;font-size:13px;min-height:48px}.extra-costs summary small,.customer-info summary small{color:#a9bfb0;font-size:11px}.chevron{color:#ff9f68}.profit-bar{background:#102e25;border:1px solid #315244}.profit-bar>div+div b,.profit-bar p{color:#bdcec3;font-size:12px}.profit-field{width:155px;flex-basis:155px}.profit-field input{background:var(--input);border-color:var(--line)}.profit-field label{font-size:12px}.sum{background:linear-gradient(140deg,#133b2c,#09241b);border:1px solid #47724f;border-top:3px solid var(--accent);box-shadow:0 15px 35px #0003}.sum small{color:#c3d6c9}.sum .big{font-size:clamp(30px,3vw,42px);color:#fff}.sum .row{color:#d9e6dd}.sum .row b{color:#e7f5eb}.sum hr{border-color:#355b44}.sum .private-note,#calc-note{color:#c1d4c6}.sum:after{pointer-events:none}.result-dot{background:#80d6a4}.indicators h2{color:#edf5ef}.indicators .row,.metric small{color:#b9ccc0}.indicators .row b,.metric strong{color:#eaf6ee}.negotiation{background:#0b261e;border-color:var(--line)}.tabswitch{background:#041811}.tabswitch button{color:#c5d4ca}.tabswitch button.selected{background:#ff6a1a;color:#211409}.tool-card{color:#edf4f0;border-radius:12px}.tool-card:hover{background:#12372b;border-color:#617b60}.tool-card>span:first-child{background:#ff6a1a12;color:#ff9857;border:1px solid #60482e}.tool-card b{color:#eef6f0}.tool-card small{color:#b4c8b9;font-size:12px}.tool-arrow{color:#fa9b60}.tool-grid{gap:14px}.info-menu-card{background:#0e3026;border-color:#46684e}.photo-upload{background:#09231c;border-color:#466a59}.photo-thumb,.vehicle-card-photo{background:linear-gradient(135deg,#284637,#163025);color:#c3d5c8}.photo-actions input[type=file]{background:#0c2422}.photo-actions input::file-selector-button{background:#204635;color:#fff;border:0;border-radius:6px;padding:8px}.service-note,.service-due{color:#ffcf91}.due-box{background:#0f3026;border-color:#345e4a;color:#e6f2e9}.due-box small{color:#bdcfc2}.due-box.overdue,.due-status.overdue{background:#3b2521;color:#ffc0b0;border-color:#804c40}.due-box.today,.due-status.today{background:#3a301c;color:#ffdfa6;border-color:#826739}.due-box.soon,.due-status.soon{background:#143b2a;color:#a5e6bd;border-color:#42694d}.due-status{background:#1c3b30;color:#c9ded0}.quote-aging{color:#c3d7ca}.quote-aging.overdue{color:#ffb8a7}.quote-aging.today{color:#f6d496}.tracking-top,.quote-toolbar{background:transparent}.tracking-top strong{color:#f4f7f5}.info-intro{background:#0e3027;border:1px solid #365d4c}.info-intro p,.info-intro small{color:#d0e2d4}.info-seal{background:#173e2d;color:#b4e5c4}.info-shortcuts a{background:#102f24;color:#e5eee6;border-color:#3d5c48;min-height:44px;padding:12px}.info-floor-note{background:#302a1c;border-color:#705c31;color:#ffe0b1}.info-floor-note p{color:#e3d4b5}.info-publisher,.info-steps b{color:#ffad76}.info-steps li,.info-question{border-color:#365443}.info-steps span,.info-question p,.fiscal-explanation p{color:#becfc3}.info-question summary{color:#e1ede3}.info-source-row{border-color:var(--line)}.info-source-row a{min-height:44px;display:inline-flex;align-items:center}.info-news .card{background:#0c2821}.receipt-guide p,.receipt-guide li{color:#c1d0c5}.receipt-guide h2{color:#f4f7f5}.receipt-check{padding:12px}.receipt-check label{color:#cfdfd3}.receipt-history-item{background:var(--surface)}
.dialog-backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-card{background:#0a2420;color:var(--ink);border:1px solid #34584c;border-radius:18px;box-shadow:0 24px 80px #0008}.dialog-top{border-color:var(--line)}.dialog-top h2{color:var(--ink)}.dialog-actions{border-color:var(--line)}.dialog-card p{color:#c4d5ca}.customer-document,#receipt-paper{color-scheme:light;background:#fff;color:#172b22;border-radius:10px}.customer-document p,.customer-document small,#receipt-paper p,#receipt-paper small{color:#4e6055}.customer-document h2,#receipt-paper h2{color:#132f21}.customer-document .doc-total{background:#f1f6f2;color:#163320;border-color:#d9e4dc}.customer-document .doc-foot{color:#53665b}.customer-document .doc-route{background:#f5f8f5;border-color:#dce5df}.customer-document .doc-table{border-color:#d7e3da}.customer-document .doc-tag{color:#9d3f0d}.customer-document .doc-heading{border-color:#ed7738}#receipt-paper strong,#receipt-paper b{color:#173b27}
#account-bar{background:#03110f;border-bottom:1px solid var(--line);color:#d9e8dd;padding:9px max(20px,calc((100vw - 1224px)/2));gap:12px}#account-label{color:#adbfB2}#sync-state{color:#9ce2b6}#account-bar button,#conflict-panel button{background:#0d2c22;color:#dcece0;border-color:#365949;min-height:44px}#account-bar>strong{color:#ffae7b}#conflict-panel{background:#3d311a;color:#ffe1a9}#conflict-panel button{width:fit-content}.footer{color:#9bb4a5;padding:12px}.mobile{background:#051a14f5;border-color:#345140;box-shadow:0 -8px 24px #0003;backdrop-filter:blur(16px)}.mobile button{color:#bacdc0;min-height:48px;font-size:11px}.mobile button.active{color:#ff9859}.mobile button.active b{background:#ff6a1a15;color:#ff9859}.mobile-pricebar{background:#09261ef5;border-color:#3c6048;backdrop-filter:blur(16px)}.mobile-pricebar small{color:#bfcebf}#mobile-price{color:#f4f7f5}.info-calc-link{color:#ffb27e;background:#153727;border-color:#3a5942}#view-home>.hero{background:linear-gradient(90deg,#0c3025e6,#06191622),url('route-texture.svg');padding:32px;border:1px solid var(--line);border-radius:18px;min-height:180px}#view-more>.hero{padding:12px 0}
/* Login: fotografia independente; tipografia, benefícios e formulário são HTML. */
.auth-layout{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.85fr);align-items:center;gap:30px;padding:60px max(32px,calc((100vw - 1280px)/2));background:#050e10;overflow:hidden}.auth-layout:before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#030d10cc 0%,#030d1060 45%,#030d10b0 100%),linear-gradient(0deg,#040e10 0%,transparent 45%),url('login-hero.webp');background-size:cover;background-position:center,center,center 37%}.auth-layout:after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:url('route-texture.svg') center 65%/cover;z-index:-1;opacity:.7;pointer-events:none}.welcome{background:transparent;min-height:auto;padding:0;display:block;position:relative;color:#fff;max-width:680px}.auth-brand{display:flex;align-items:center;gap:0;font-size:40px;color:#fff;font-weight:850;letter-spacing:-2px;line-height:1.2}.auth-brand>span:last-child{color:var(--accent)}.auth-brand .brand-slash{width:30px;height:18px;margin-right:12px}.welcome .eyebrow{display:block;color:#d8dedb;font-size:11px;font-weight:750;letter-spacing:3px;margin-top:22px}.welcome h1{font-size:clamp(56px,6vw,82px);line-height:.99;letter-spacing:-3.5px;font-weight:850;margin:28px 0 24px}.welcome h1 em{font-style:normal;color:var(--accent);white-space:nowrap}.welcome p{font-size:17px;line-height:1.6;color:#d0d8d5;max-width:400px;text-shadow:0 2px 14px #000}.welcome-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}.welcome-benefits>div{display:flex;gap:10px;align-items:center}.welcome-benefits svg{width:38px;height:42px;padding:6px;border:1px solid #ff6a1a66;border-radius:9px;color:#ff802e;flex:0 0 38px}.welcome-benefits span{font-size:11px;font-weight:650;line-height:1.45;color:#e8eeea}.auth-side{padding:0;display:block;position:relative;z-index:1}.auth-card{max-width:470px;width:100%;padding:28px;border:1px solid #4f5a5d;background:linear-gradient(145deg,#10191ee8,#060e12e8);border-radius:22px;box-shadow:0 20px 65px #0005;backdrop-filter:blur(14px);margin:auto}.auth-card .social{margin:0;gap:12px}.auth-layout .social button{background:#f6f7f6;color:#101516;border-color:#eee;min-height:54px;font-size:14px;gap:13px}.auth-layout .social button:hover{background:#fff;color:#111}.social-g{font-family:Arial,sans-serif;font-weight:900;font-size:28px;color:#4285f4}.apple-mark{fill:#101516;stroke:none;width:24px;height:24px}.divider{color:#bcc5c6;margin:24px 0;font-size:13px}.divider:before,.divider:after{background:#566065}.auth-card label{color:#edf0ee;font-size:13px;margin-top:7px}.auth-card input{background:#192127a6;border:1px solid #4a555c;border-radius:12px;color:#fff;min-height:54px;font-size:15px;padding:15px}.auth-card input::placeholder{font-size:14px;color:#a5aeb4}.auth-card input:focus{background:#1a2a2c;border-color:#ff8e4a}.auth-card form{gap:9px}.auth-card form .btn{min-height:55px;margin-top:15px;font-size:15px}.auth-links{margin:18px 0 10px;align-items:center;gap:10px;flex-wrap:wrap}.auth-links .linklike{color:#ff9b61;font-size:13px;text-underline-offset:4px}.auth-layout #resend-confirmation{min-height:44px;font-size:12px;color:#c4d0cd;border-color:#3c5050;width:100%}#auth-message{font-size:13px;color:#ffd5a9;line-height:1.6;margin:12px 0 0}#auth-message:empty{display:none}.auth-road{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:14px;color:#bdcac6;min-height:58px;font-size:10px;letter-spacing:2.8px;font-weight:750}.auth-road svg{width:43px;height:43px}.auth-card .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
@media(min-width:1024px){.auth-layout{min-height:900px;min-height:max(850px,100svh)}.auth-layout:before{background-position:center,center,45% 39%}.welcome{padding-right:18px}.calc-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}.result-stack{top:20px}.quote-toolbar{grid-template-columns:2fr 1fr 1fr 1fr}}
@media(max-width:1023px){.auth-layout{grid-template-columns:1fr;max-width:none;padding:34px max(22px,calc((100vw - 650px)/2)) 22px;gap:28px}.auth-layout:before{background-size:100% 100%,100% 100%,auto 900px;background-repeat:no-repeat;background-position:center,center,65% top;background-image:linear-gradient(90deg,#030d108c,transparent 90%),linear-gradient(0deg,#040e10 30%,#040e1000 75%),url('login-hero.webp')}.welcome{max-width:none}.welcome h1{font-size:68px}.welcome-benefits{margin-top:32px}.auth-card{max-width:none}.auth-road{min-height:100px}.header-inner{gap:10px}.main{padding-top:24px}.card p{line-height:1.6}.result-stack{position:static}}
@media(max-width:720px){.auth-layout{padding:30px 20px max(24px,env(safe-area-inset-bottom));gap:24px}.auth-brand{font-size:33px;letter-spacing:-1.5px}.auth-brand .brand-slash{width:22px;height:13px;margin-right:9px}.welcome .eyebrow{font-size:9px;letter-spacing:2.1px;margin:20px 0 0}.welcome h1{font-size:59px;line-height:1.01;margin:26px 0 20px;letter-spacing:-2.7px}.welcome p{font-size:14px;line-height:1.65;max-width:310px}.welcome-benefits{gap:8px;margin-top:32px}.welcome-benefits>div{display:block}.welcome-benefits svg{width:32px;height:35px;padding:5px;margin-bottom:8px}.welcome-benefits span{display:block;font-size:10px}.auth-card{padding:20px 15px;border-radius:18px}.auth-layout .social button{font-size:13px;min-height:50px}.auth-card input{min-height:51px}.auth-links .linklike{font-size:12px}.auth-road{min-height:95px;font-size:9px;letter-spacing:2px}.auth-layout:before{background-size:100% 100%,100% 100%,auto 720px;background-position:center,center,59% top}.main{padding:24px 16px 100px}.hero h1{font-size:28px}.hero p{font-size:13px}.card{padding:18px 16px}.card>h2 small{font-size:11px}.field input,.field select,.field textarea{font-size:16px;min-height:46px}.field label{font-size:12px}.trip{font-size:10px;gap:3px;padding:8px 4px;min-height:46px}.trip.selected{padding:8px 4px}.profit-bar{gap:12px}.profit-bar p{font-size:11px}.profit-field{width:132px;flex-basis:132px}.cost-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:calc(7px + env(safe-area-inset-bottom))}.mobile-pricebar{position:static;margin:0 16px 90px;border:1px solid var(--line);border-radius:12px;display:none!important}.result-stack .sum{display:block}.result-stack #save-quote{display:flex;width:100%}.customer-info{padding:0 15px}.extra-costs summary small,.customer-info summary small{font-size:10px}.route-stops .section-head{align-items:flex-start}.route-stops b{font-size:13px}.route-stops b small{font-size:11px}.route-stop-row .btn{font-size:11px;padding:8px}.due-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.due-box strong{font-size:20px}.due-box small{font-size:11px}.tool-card small{font-size:12px}.dialog-card{padding:18px 13px;max-width:calc(100vw - 16px)}#account-bar{padding:8px 12px;gap:6px}#account-bar button{font-size:11px;padding:8px;min-height:44px}#account-bar>div{gap:5px}.site-header{height:70px}.header-inner{padding:0 16px}.wordmark{font-size:24px}#view-home>.hero{padding:24px 18px}.auth-links{flex-wrap:nowrap}.auth-side .auth-card h2{font-size:24px}}
@media(max-width:360px){.auth-layout{padding-left:15px;padding-right:15px}.welcome h1{font-size:51px}.welcome .eyebrow{font-size:8px;letter-spacing:1.7px}.auth-brand{font-size:30px}.welcome-benefits{gap:5px}.welcome-benefits span{font-size:9px}.auth-card{padding:18px 12px}.auth-links .linklike{font-size:11px}.auth-layout .social button{font-size:12px}.main{padding-left:12px;padding-right:12px}.trip{font-size:9px}.trip svg{width:12px}.profit-bar{flex-wrap:wrap}.profit-field{flex-basis:100%;width:100%}.section-head{flex-wrap:wrap}.vehicle-field select{width:100%}.inline-action{position:static;margin-top:6px;width:100%}.hero{gap:8px}.hero h1{font-size:25px}.photo-upload{flex-wrap:wrap}.photo-actions{min-width:170px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{:root{color-scheme:light}body{background:white!important;color:#172b22!important}.customer-document,#receipt-paper{background:white!important;color:#172b22!important;box-shadow:none}.auth-layout,.auth-road{display:none!important}}

@media(max-width:720px){.auth-layout:before{background-image:linear-gradient(90deg,#030d108c,transparent 90%),linear-gradient(0deg,#040e10 30%,#040e1000 75%),url("login-hero-mobile.webp")}}
/* A ação permanece no cartão de resultado, fora da área do teclado. */
#mobile-price-bar{display:none!important}.mobile button.active b{outline:5px solid #ff6a1a15}.mobile button{font-size:11px}.mobile{height:calc(64px + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom))}body[data-view=calc] .main{padding-bottom:100px}

.auth-road .footer-pin{position:absolute;left:6%;bottom:55px;color:#ff7d26;width:38px;height:38px;filter:drop-shadow(0 0 14px #ff6a1a45)}
