:root{--y:#ffd400;--yd:#e5bd00;--b:#111827;--black:#101010;--g:#6b7280;--bg:#f3f5f7;--w:#fff;--line:#e5e7eb;--green:#149447;--red:#dc2626}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#171717}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#111}.login .card{width:min(430px,92vw);background:#fff;padding:28px;border-radius:18px}.logo{width:100%;max-height:190px;object-fit:contain}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--y);border:0;padding:11px 16px;border-radius:9px;font-weight:700;cursor:pointer}.btn:hover{background:var(--yd)}.field{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin:6px 0 14px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.side{background:#111;color:#fff;padding:16px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.brand img{display:block;width:100%;height:110px;object-fit:contain;border-radius:10px}.side nav{display:grid;gap:4px}.side a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;color:#eee;font-size:14px}.side a:hover,.side a.active{background:var(--y);color:#111}.navicon{width:20px;text-align:center;font-weight:900}main{min-width:0;padding:22px 26px 34px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top-left{display:flex;align-items:center;gap:12px}.top h1{margin:0 0 4px;font-size:26px}.top small{color:var(--g)}.user-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:999px;font-size:13px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--y);font-weight:900}.menu-btn{display:none;border:0;background:#111;color:#fff;border-radius:8px;width:40px;height:40px;font-size:20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #eceff2;border-radius:13px;padding:18px;box-shadow:0 2px 12px #00000008}.metric-card{display:flex;align-items:center;gap:14px}.metric-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#fff5bd;border-radius:10px;font-weight:900}.metric{font-size:23px;font-weight:800;margin-top:5px;white-space:nowrap}.muted{color:var(--g)}.positive{color:var(--green)}.negative{color:var(--red)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,.7fr);gap:14px;margin-top:14px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.section-title h3{margin:0 0 5px}.section-title p{margin:0}.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}.flow span{background:#f6f7f8;border:1px solid var(--line);padding:10px 12px;border-radius:9px;font-weight:700;font-size:13px}.flow b{color:#b28f00}.stock-card{background:#111;color:#fff}.stock-card .muted{color:#bbb}.stock-number{font-size:44px;font-weight:900;color:var(--y);margin:8px 0}.stock-card a{font-size:13px;color:var(--y)}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:grid;gap:6px}.quick-card:hover{border-color:var(--y);box-shadow:0 3px 14px #0000000d}.quick-card strong{font-size:15px}.quick-card span{font-size:13px;color:var(--g)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #eee;text-align:left}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.badge{padding:5px 8px;border-radius:99px;background:#fff1a8;font-size:12px}@media(max-width:1050px){.grid,.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.layout{display:block}.side{position:fixed;left:-270px;top:0;width:245px;height:100vh;z-index:20;transition:.2s;box-shadow:10px 0 30px #0004}.side.open{left:0}.menu-btn{display:block}main{padding:16px}.dashboard-columns{grid-template-columns:1fr}.row{grid-template-columns:1fr}.top .user-chip span:last-child{display:none}}@media(max-width:520px){.grid,.quick{grid-template-columns:1fr}.metric{font-size:21px}.top h1{font-size:22px}.flow b{display:none}.flow span{width:100%}main{padding:12px}.card{padding:15px}}

/* v1.3 - experiência mobile tipo app */
.mobile-bottom,.mobile-more,.mobile-brand{display:none}
@media(max-width:850px){
 html{background:#f3f5f7} body{padding-bottom:calc(76px + env(safe-area-inset-bottom));overscroll-behavior-y:none}
 .layout{display:block;min-height:100dvh}.side{display:none!important}main{padding:12px 12px 20px;min-height:100dvh}
 .top{position:sticky;top:0;z-index:12;margin:-12px -12px 14px;padding:9px 12px;background:rgba(243,245,247,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e7e9ec}
 .top-left{gap:9px;min-width:0}.top h1{font-size:19px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top small{display:none}
 .mobile-brand{display:block;width:42px;height:42px;flex:0 0 42px;border-radius:10px;overflow:hidden;background:#ffd400}.mobile-brand img{width:100%;height:100%;object-fit:cover}
 .user-chip{padding:4px;background:transparent;border:0}.user-chip .avatar{width:34px;height:34px}.user-chip span:last-child{display:none}
 .mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:50;left:0;right:0;bottom:0;height:calc(66px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);background:rgba(17,17,17,.98);box-shadow:0 -6px 24px #0002;border-top:1px solid #292929}
 .mobile-bottom a,.mobile-bottom button{appearance:none;border:0;background:transparent;color:#c9c9c9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;min-width:0;border-radius:11px;cursor:pointer}
 .mobile-bottom b{display:grid;place-items:center;height:27px;min-width:30px;font-size:20px;line-height:1}.mobile-bottom span{font-size:10.5px;font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .mobile-bottom .active{color:#111;background:#ffd400}.mobile-bottom .active b{transform:translateY(-1px)}
 .mobile-more{display:block;position:fixed;inset:0;z-index:60;pointer-events:none;visibility:hidden}.mobile-more.open{pointer-events:auto;visibility:visible}.more-backdrop{position:absolute;inset:0;border:0;background:#0000;transition:.2s}.mobile-more.open .more-backdrop{background:#0008}
 .more-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:22px 22px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(105%);transition:.22s ease;box-shadow:0 -15px 40px #0003}.mobile-more.open .more-sheet{transform:translateY(0)}
 .sheet-handle{width:44px;height:5px;border-radius:99px;background:#d1d5db;margin:0 auto 10px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sheet-head strong{font-size:18px}.sheet-head button{border:0;background:#f1f2f4;width:36px;height:36px;border-radius:50%;font-size:25px}
 .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.more-grid a{min-height:82px;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700;text-align:center}.more-grid b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff3ad;font-size:19px}.more-grid a:active{background:#fff8d8}
 .card{border-radius:15px;padding:14px}.grid,.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{gap:9px}.metric-icon{width:38px;height:38px;flex-basis:38px}.metric{font-size:18px;white-space:normal}.dashboard-columns{gap:10px;margin-top:10px}.quick{margin-top:10px}.quick-card{padding:14px;min-height:82px}
 .row{grid-template-columns:1fr;gap:0}.field{min-height:46px;font-size:16px;margin:5px 0 10px}.btn{min-height:46px;padding:12px 16px;font-size:15px}
 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}th,td{white-space:nowrap;padding:11px 10px;font-size:13px}
 .flow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.flow span{width:auto;text-align:center}.flow b{display:none}
}
@media(max-width:430px){
 main{padding-left:10px;padding-right:10px}.top{margin-left:-10px;margin-right:-10px}.grid{grid-template-columns:1fr 1fr}.metric-card{display:block}.metric-icon{margin-bottom:8px}.quick{grid-template-columns:1fr 1fr}.more-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:350px){.mobile-bottom span{font-size:9px}.grid,.quick{grid-template-columns:1fr}.more-grid{grid-template-columns:repeat(2,1fr)}}
/* v1.4 - clientes, veículos e orçamentos */
.btn-light{background:#eef0f2}.mini-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:#f0f1f3;color:#222;padding:7px 9px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;margin:2px}.mini-btn:hover{background:#ffd400}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:12px 14px;border-radius:12px;margin-bottom:12px}.quote-item{display:grid;grid-template-columns:130px minmax(180px,1fr) 90px 140px 38px;gap:8px;align-items:center}.quote-item .field{margin:5px 0}.remove-item{border:0;background:#fee2e2;color:#991b1b;width:36px;height:36px;border-radius:9px;font-size:22px;cursor:pointer}.quote-total{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:14px 0;font-size:14px}.quote-total strong{font-size:25px}.quote-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.paper{max-width:900px;margin:auto;background:#fff;border-radius:14px;padding:30px;box-shadow:0 3px 18px #0001}.paper-head{display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #ffd400;padding-bottom:14px}.paper-head img{width:210px;height:95px;object-fit:contain}.paper-head h2{margin:0;text-align:right}.paper-head p{margin:5px 0;text-align:right;color:#666}.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.paper-grid>div{background:#f7f7f8;border-radius:10px;padding:13px;display:grid;gap:4px}.paper-grid small{font-weight:800;color:#777}.paper-grid span{font-size:13px;color:#666}.quote-table small{color:#777}.paper-totals{margin-left:auto;width:min(360px,100%);padding-top:14px}.paper-totals p{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:8px;margin:0}.paper-totals .grand{font-size:20px;background:#fff7c2;border:0}.paper-info{margin-top:20px;border-top:1px solid #eee;padding-top:10px}.paper-status{text-align:right;margin-top:16px}.paper-status strong{background:#ffd400;padding:7px 10px;border-radius:99px}
@media(max-width:850px){.quote-item{grid-template-columns:105px 1fr 72px}.quote-item .grow{grid-column:2/4}.quote-item .price{grid-column:2/3}.quote-item .remove-item{grid-column:3}.responsive-list table{display:table}.responsive-list thead{display:none}.responsive-list table,.responsive-list tbody,.responsive-list tr,.responsive-list td{display:block;width:100%}.responsive-list tr{border:1px solid #e5e7eb;border-radius:13px;padding:9px;margin-bottom:9px}.responsive-list th{display:none}.responsive-list td{white-space:normal;border:0;padding:5px 4px}.responsive-list td[data-label]:before{content:attr(data-label) ': ';font-size:11px;font-weight:800;color:#777;text-transform:uppercase}.paper{padding:16px;border-radius:12px}.paper-head img{width:135px;height:70px}.paper-head h2{font-size:18px}.paper-grid{grid-template-columns:1fr}.quote-table{display:table;overflow:visible}.quote-table th,.quote-table td{white-space:normal;font-size:12px;padding:8px 5px}}
@media print{body{background:#fff!important;padding:0!important}.side,.top,.mobile-bottom,.mobile-more,.no-print,footer{display:none!important}.layout{display:block!important}main{padding:0!important}.paper{max-width:none;box-shadow:none;border:0;padding:0}.paper-head img{width:190px}.quote-table{display:table!important;overflow:visible!important}th,td{white-space:normal!important}}
/* v1.5 - cadastro inteligente de veículos */
.vehicle-head,.fipe-title,.qr-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-dark{background:#111;color:#fff}.fipe-box{margin:14px 0;padding:14px;border:1px solid #e2e5e9;border-radius:14px;background:#fafafa}.fipe-title{margin-bottom:10px}.fipe-info{padding:10px 12px;margin:8px 0 12px;border-radius:10px;background:#fff4bf}.vehicle-notice{padding:11px 13px;border-radius:10px;margin:12px 0}.vehicle-notice.ok{background:#e8f7ee;color:#176b39}.vehicle-notice.warn{background:#fff1e8;color:#93420d}.qr-modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}.qr-modal[hidden]{display:none}.qr-sheet{position:relative;width:min(520px,100%);background:#fff;border-radius:18px;padding:16px}.qr-sheet-head button{border:0;background:#eee;border-radius:50%;width:36px;height:36px;font-size:18px}.qr-sheet video{width:100%;aspect-ratio:3/4;max-height:65vh;object-fit:cover;background:#111;border-radius:14px;margin-top:12px}.qr-guide{position:absolute;left:20%;right:20%;top:30%;height:34%;border:3px solid #ffd000;border-radius:18px;pointer-events:none}.qr-sheet p{text-align:center}.manual-fields input[readonly]{background:#f5f6f7;color:#444}
@media(max-width:768px){.vehicle-head{align-items:stretch;flex-direction:column}.vehicle-head .btn{width:100%;min-height:48px}.fipe-title{align-items:flex-start}.fipe-box .row,.vehicle-card>.row{grid-template-columns:1fr}.qr-sheet{padding:12px}.qr-sheet video{max-height:58vh}}
/* v1.6 scanner QR */
.qr-camera-wrap{position:relative;overflow:hidden;border-radius:16px;background:#050505;min-height:280px}.qr-camera-wrap video{display:block;width:100%;max-height:62vh;object-fit:cover}.qr-guide{position:absolute;inset:50% auto auto 50%;width:min(62vw,260px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #ffd400;border-radius:18px;box-shadow:0 0 0 9999px rgba(0,0,0,.28);pointer-events:none}.qr-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.qr-file-btn{cursor:pointer}.qr-manual{margin-top:12px}.qr-manual summary{cursor:pointer;font-weight:700;margin-bottom:8px}.qr-manual textarea{min-height:80px}@media(max-width:700px){.qr-sheet{width:calc(100% - 20px);max-height:92vh;overflow:auto}.qr-camera-wrap{min-height:300px}.qr-actions .mini-btn,.qr-file-btn{flex:1 1 44%;text-align:center;padding:12px 10px}}
