/* FreteFácil 3.0 — light workspace; dark login and focused goal control. */
:root{color-scheme:light;--bg:#FAFBF9;--ink:#1D2D28;--muted:#52655D;--accent:#FF6728;--navy:#1D2D28;--line:#DDE6E0;--white:#fff;--good:#147B55;--warn:#9a5910;--surface:#fff;--raised:#F0F3EF;--input:#fff;--focus:#BE4B08}
body,body:has(#product:not([hidden])){background:#FAFBF9;color:var(--ink);background-image:none}
#product p,#product .muted,#product .hint,#product .mini-help,#product small,.dialog-card p{color:var(--muted)}
.field label{color:#33473e}.field input,.field select,.field textarea,input,select,textarea{background:#fff;color:#1D2D28;border-color:#DDE6E0;box-shadow:none}input::placeholder,.field input::placeholder,textarea::placeholder{color:#65776d}input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus{background:#fff;border-color:#BE4B08;outline:2px solid #ff672844}option{background:#fff;color:#1D2D28}
.btn{background:#FF6728;color:#231309;border-color:#FF6728;box-shadow:0 3px 9px #ff672818}.btn:hover{background:#ef5718;color:#1c110b}.btn-outline{background:#fff;color:#33473e;border-color:#cedbd3;box-shadow:none}.btn-outline:hover{background:#FFF0E5;color:#8b360c;border-color:#eaac80}.btn-danger{background:#fff4f1;color:#a33225;border-color:#efc1b9}.linklike,.info-link,.info-source-row a,.inline-action{color:#a5420c}.btn:disabled{opacity:.55;cursor:not-allowed}
.site-header{background:#fffffff5;border-color:#e0e8e2;box-shadow:0 3px 12px #1d2d2805}.wordmark{color:#1D2D28}.wordmark>span{color:#ec5413}.brand-link{color:#1D2D28}.profile-button{background:#F0F3EF;color:#52655D;border-color:#DDE6E0}.preview-tag{color:#52655D;font-size:10px}#desktop-nav button{color:#52655D}#desktop-nav button.active,#desktop-nav button.active:hover{background:#FFF0E5;color:#a5420c}#desktop-nav button:hover{background:#F0F3EF;color:#1D2D28}
.hero p{color:#52655D}.eyebrow{color:#a5420c}.hero h1{color:#1D2D28}.card,.entry,.customer-info,.tool-card,.due-item,.pay-row,.service-pane,.metric,.receipt-check{background:#fff;border-color:#DDE6E0;color:#1D2D28;box-shadow:0 4px 20px #1d2d2805}.card>h2,.entryhead h3,.entryprice,.indicators h2,.tool-card b,.receipt-guide h2,.tracking-top strong{color:#1D2D28}.section-icon,.tool-card>span:first-child{background:#FFF0E5;border-color:#ffe0cb;color:#b84a0c}.stat{background:#fff;border-left:1px solid #DDE6E0}.stat strong{color:#1D2D28;font-size:26px;font-variant-numeric:tabular-nums}.entrymeta,.entry small{color:#52655D}
.trip{background:#fff;border-color:#DDE6E0;color:#52655D}.trip.selected{background:#FFF0E5;border-color:#e96b2e;color:#a5420c;box-shadow:inset 0 0 0 1px #ff672815}.inline-action{background:#fff;border-color:#dce5de}.inline-action:hover{background:#FFF0E5}.extra-costs summary,.customer-info summary,.negotiation summary{color:#33473e}.extra-costs summary small,.customer-info summary small{color:#52655D}
.sum{background:#E7F5ED;border:1px solid #cbe6d5;border-top:3px solid #ff6728;box-shadow:0 8px 24px #1d2d2807}.sum .big{color:#12593f}.sum .row,.sum .row b,.sum small,.sum .private-note,#calc-note{color:#315c46}.sum hr{border-color:#c7dfcf}.sum:after{opacity:.15}.indicators .row,.indicators .row b,.metric strong{color:#33473e}.negotiation{background:#fff;border-color:#DDE6E0}.tabswitch{background:#F0F3EF}.tabswitch button{color:#52655D}.tabswitch button.selected{background:#FF6728;color:#24130b}
.notice{background:#eef6f0;border-color:#d3e7d8;color:#315c46}.notice.warn{background:#fff5df;border-color:#ebd6a7;color:#79501c}.notice.bad{background:#fff0ed;border-color:#edc6be;color:#963b2d}.empty{background:#fafbf9;border-color:#DDE6E0;color:#52655D}.positive{color:#147B55}.negative{color:#aa3628}.badge,.pill{background:#E7F5ED;border-color:#c7dfcf;color:#176b4b}
.tool-card:hover{background:#fff9f4;border-color:#e3b391}.tool-card small{color:#52655D}.tool-arrow{color:#a5420c}.info-menu-card{background:#fff;border-color:#DDE6E0}.photo-upload,.photo-thumb,.vehicle-card-photo{background:#F0F3EF;border-color:#DDE6E0;color:#52655D}.photo-actions input[type=file]{background:#fff}.photo-actions input::file-selector-button{background:#F0F3EF;color:#1D2D28}.due-box{background:#fff;border-color:#DDE6E0;color:#1D2D28}.due-box.overdue,.due-status.overdue{background:#fff0ed;color:#963b2d;border-color:#edc6be}.due-box.today,.due-status.today{background:#fff5df;color:#79501c;border-color:#ebd6a7}.due-box.soon,.due-status.soon{background:#E7F5ED;color:#176b4b;border-color:#c7dfcf}.due-status{background:#F0F3EF;color:#52655D}.quote-aging,.service-note,.service-due{color:#79501c}
.info-intro,.info-news .card{background:#fff;border-color:#DDE6E0}.info-seal{background:#FFF0E5;color:#a5420c}.info-shortcuts a{background:#fff;color:#33473e;border-color:#DDE6E0}.info-floor-note{background:#fff5df;border-color:#ebd6a7;color:#79501c}.info-steps b,.info-publisher{color:#a5420c}.info-question summary{color:#1D2D28}.info-steps li,.info-question{border-color:#DDE6E0}.receipt-check label{color:#33473e}
.dialog-card{background:#fff;color:#1D2D28;border-color:#DDE6E0}.dialog-top h2{color:#1D2D28}.dialog-backdrop{background:#102b2466}.dialog-top,.dialog-actions{border-color:#DDE6E0}#account-bar{background:#F0F3EF;color:#33473e;border-color:#DDE6E0}#account-label{color:#52655D}#sync-state{color:#176b4b}#account-bar>strong{color:#a5420c}#account-bar button,#conflict-panel button{background:#fff;color:#33473e;border-color:#DDE6E0}#conflict-panel{background:#fff5df;color:#79501c}
.mobile{background:#fffffffa;border-color:#DDE6E0;box-shadow:0 -4px 20px #1d2d2808;grid-template-columns:repeat(5,minmax(0,1fr))}.mobile button{color:#52655D;font-size:10px}.mobile button.active{color:#a5420c}.mobile button.active b{background:#FFF0E5;color:#a5420c;outline-color:#FFF0E5}.footer{color:#52655D}#view-home>.hero{background:linear-gradient(110deg,#FFF0E5,#FAFBF9);border-color:#ffe1cc}.info-calc-link{background:#FFF0E5;color:#a5420c;border-color:#ffdfc9}
.time-section,.goal-section{margin-top:24px;padding-top:24px;border-top:1px solid #DDE6E0}.time-section h3,.goal-section h3{font-size:19px;margin:0 0 6px;letter-spacing:-.5px}.time-section>p,.goal-section>p{font-size:13px;margin:0 0 18px}.time-section summary,.goal-help summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:700;color:#33473e}.time-section details .forms{padding:8px 0}.time-summary{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;background:#FFF0E5;padding:16px;border-radius:12px;margin-top:12px}.time-summary span{display:flex;flex-direction:column;gap:6px;font-size:12px}.time-summary b{font-size:18px;color:#883808}
.goal-control{background:#232729;color:#F8FAF9;border-radius:15px;padding:20px}.goal-control>label{font-size:13px;color:#e5ebe7}.goal-stepper{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px 0}.goal-stepper button{width:44px;height:44px;border:1px solid #56605b;background:#343b3b;border-radius:10px;color:#fff;font-size:25px}.goal-stepper>div{display:flex;align-items:center;max-width:150px}.goal-stepper #profitpct{background:transparent;border:0;color:#ff9b60;font-weight:800;font-size:30px;text-align:right;width:95px;padding:5px}.goal-stepper span{font-size:27px;color:#ff9b60}.goal-control input[type=range]{width:100%;accent-color:#ff6728;min-height:44px;border:0;background:transparent;padding:0}.goal-scale{display:flex;justify-content:space-between;font-size:10px;color:#d3dcd6}#product #goal-method{color:#d9e4dc;font-size:12px;margin:16px 0 0;text-align:center}.goal-help{padding:0 3px}.goal-help p{font-size:12px;line-height:1.8}.goal-summary{border:1px solid #DDE6E0;border-radius:12px;padding:8px 14px;margin-top:12px}.goal-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;font-size:12px;border-bottom:1px solid #edf1ed}.goal-summary b{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}#goal-profit{color:#147B55}.goal-summary .goal-final{background:#FFF0E5;border:0;border-radius:9px;margin:5px -5px;padding:16px 10px;color:#8b360c}.goal-final b{font-size:22px}
.panel-filters{margin-bottom:16px}.panel-filters .forms{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-content{margin:18px 0}.vehicle-bar{margin:20px 0}.vehicle-bar>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.vehicle-bar meter{width:100%;height:14px;margin-top:6px}.vehicle-bar meter::-webkit-meter-optimum-value{background:#FF6728}.panel-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #DDE6E0}.panel-row>div{flex:1}.panel-row p{font-size:12px}.panel-row strong{white-space:nowrap}.panel-row small{display:block;line-height:1.8}
.auth-layout{--ink:#fff;--muted:#b9c6c1;--input:#0E322D;--line:#31534b;color-scheme:dark;background:#082823}.auth-layout .welcome h1{color:white}.auth-layout .auth-brand{color:#fff}.auth-layout .auth-card{background:#08221ee8;border-color:#35534d}.auth-layout .welcome-benefits>div{background:#061c19b3;border:1px solid #31534b;border-radius:12px;padding:12px}.auth-layout .social button:disabled{opacity:.75;cursor:not-allowed}.auth-layout .auth-card input{background:#0e322da8;color:#fff;border-color:#48665c}.auth-layout .auth-card label{color:#fff}.auth-layout .btn{color:#24130b}.auth-layout #resend-confirmation{background:transparent}.auth-layout .welcome-benefits svg{border:0;margin:0 0 6px;padding:2px}.auth-layout .welcome-benefits span{color:#fff}
@media(max-width:1023px){.panel-filters .forms{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout:before{background-size:100% 100%,100% 100%,auto 660px;background-position:center,center,62% top}.welcome h1{font-size:60px}.welcome-benefits{margin-top:38px}}
@media(max-width:720px){.auth-layout{padding-top:max(28px,env(safe-area-inset-top))}.welcome h1{font-size:51px;max-width:270px}.welcome p{font-size:13px;max-width:235px}.welcome-benefits{margin-top:74px}.auth-layout .welcome-benefits>div{padding:10px 7px}.auth-layout:before{background-size:100% 100%,100% 100%,auto 650px;background-image:linear-gradient(90deg,#031714b0,transparent 90%),linear-gradient(0deg,#082823 20%,#08282300 70%),url('login-hero-mobile.webp')}.mobile{grid-template-columns:repeat(5,minmax(0,1fr));padding-left:6px;padding-right:6px}.panel-row{flex-wrap:wrap}.panel-row>div{flex-basis:100%}.panel-row button{margin-left:auto}.preview-tag{display:none}.goal-control{padding:16px}.time-summary{padding:13px}.panel-filters .forms{gap:12px}}
@media(max-width:360px){.welcome h1{font-size:45px}.welcome .eyebrow{letter-spacing:1.5px}.auth-layout .welcome-benefits span{font-size:9px}.goal-scale{font-size:9px}.goal-summary>div{flex-wrap:wrap}.mobile button{font-size:9px}}
