:root{--navy:#101e32;--blue:#0784e3;--text:#1a2b41;--muted:#7d8b9e;--line:#e9eef4;--bg:#f5f7fb;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;letter-spacing:-1.1px;margin-bottom:11px;font-weight:720}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:12px}h3{font-size:16px}p{line-height:1.7}small,.tiny{font-size:11px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.8px;color:#7c8da3;margin-bottom:12px}.heading-dot{color:var(--blue)}
.sidebar{position:fixed;inset:0 auto 0 0;width:246px;z-index:30;background:var(--navy);color:#a0adc1;display:flex;flex-direction:column;padding:29px 18px 16px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0;color:#fff}.brand img{width:49px;height:49px;object-fit:contain;border-radius:9px;background:#020408}.brand>span{font-weight:800;font-size:17px;letter-spacing:.45px;white-space:nowrap}.brand b{color:#03a7f5;font-style:italic}.brand small{display:block;font-size:7.5px;font-weight:500;letter-spacing:1.8px;margin-top:3px;color:#93a7c0}.workspace-label{display:flex;align-items:center;gap:9px;border:1px solid #2a3a51;border-radius:8px;font-size:12px;padding:11px 12px;margin:28px 4px 8px;color:#d7e2ee}.workspace-chip{margin-left:auto;border:1px solid #3b4960;padding:0 5px;border-radius:4px;color:#92a3bc;font-size:9px}.live-dot{display:inline-block;width:6px;height:6px;background:#36cd9a;border-radius:50%;box-shadow:0 0 0 3px #36cd9a12;flex-shrink:0}.nav-caption{font-size:9px;letter-spacing:1.65px;color:#647793;margin:27px 14px 11px;font-weight:700}.nav-link{display:flex;align-items:center;gap:11px;min-height:44px;padding:11px 12px;margin:4px 0;border-radius:8px;font-size:12px;transition:.15s}.nav-link svg{opacity:.75;width:18px;height:18px}.nav-link:hover{color:#fff;background:#ffffff09}.nav-link.active{background:#0784e3;color:white;box-shadow:0 4px 15px #007ede22;font-weight:600}.nav-link.active svg{opacity:1}.nav-count{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:4px;background:#ffffff22}.sidebar-bottom{margin-top:auto;padding-top:20px}.secure-note{padding:15px 10px;display:flex;gap:10px;color:#a3b6cb;font-size:10px;border-bottom:1px solid #26364c}.secure-note svg{color:#36c99b}.secure-note small{display:block;color:#5f7796;font-size:9px;margin-top:3px}.profile{display:flex;gap:10px;align-items:center;padding:18px 5px 0;color:#eaf0f7;font-size:12px}.profile>span:nth-child(2){flex:1}.profile small{display:block;color:#8296ae;font-size:10px;margin-top:2px}.avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#294967;color:#93d2ff;border:1px solid #365571;border-radius:10px;font-weight:700}
.main-shell{margin-left:246px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:14px}.breadcrumb{font-size:11px;color:#8391a3}.breadcrumb span{margin:0 12px;color:#bcc5d1}.breadcrumb strong{font-weight:500;color:#43556b}.top-actions{display:flex;align-items:center;gap:21px}.date-label{display:flex;gap:8px;font-size:11px;color:#8190a3}.top-actions form{margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#778a9e;border:1px solid var(--line);background:#fff;border-radius:8px;flex-shrink:0}.icon-btn:hover{color:var(--blue);background:#f2f8fe}.mobile-only{display:none}.main-shell main{padding:26px 36px 42px;flex:1;max-width:1800px;width:100%;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 27px}.page-heading p{font-size:12px;color:var(--muted);margin-bottom:0}.btn{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 17px;font-size:12px;font-weight:600;transition:.15s;white-space:nowrap}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn.primary{background:var(--blue);color:white;box-shadow:0 4px 9px #0784e314}.btn.secondary{border-color:#dde5ef;background:white;color:#52677f}.btn.text{color:#7f8da0;background:transparent}.btn.small{min-height:30px;padding:6px 10px;font-size:10px}.btn.full{width:100%}.btn.glass{background:#ffffff18;border-color:#ffffff25;color:white}.btn.whatsapp{background:#edf9f3;color:#13885b;border-color:#d4efdf}.danger{color:#d45252!important}
.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 19px 0;box-shadow:0 2px 4px #15254102}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.stat-top .tiny{font-size:7px;letter-spacing:1px;color:#a1abba}.stat-icon{height:38px;width:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.blue{background:#edf6ff;color:#1688d9}.amber{background:#fff7e6;color:#cf951d}.purple{background:#f1edff;color:#8b6bd2}.orange{background:#fff1e7;color:#db9251}.green{background:#eaf9f2;color:#2eae7d}.gray{background:#eff3f7;color:#7d8da1}.stat-card>strong{display:block;font-size:33px;font-weight:680;letter-spacing:-1px;margin:12px 0 1px;line-height:1.2}.stat-card>span{font-size:11px;color:#6b7b8f}.stat-bottom{border-top:1px solid #f0f3f7;display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa7b7;margin-top:17px;padding:11px 0}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 10px #182f4e02;overflow:hidden}.panel-heading{padding:23px 23px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{margin:0;display:flex;align-items:center;gap:10px}.panel-heading p{font-size:11px;color:#96a2b1;margin:5px 0 0}.count-pill{background:#eff5fb;color:#6b8caa;padding:1px 7px;font-size:10px;border-radius:5px;font-weight:600}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--blue);font-weight:600}
.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{font-size:9px;font-weight:600;letter-spacing:.2px;color:#8996a8;background:#fbfcfe;padding:12px 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:18px 21px;border-bottom:1px solid #f0f3f7;font-size:11px;color:#53677e}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdff}.vehicle-cell{display:flex;gap:11px;align-items:center}.vehicle-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border:1px solid #eaf0f7;border-radius:10px;background:#f8fafd;color:#7a97b3}.vehicle-cell strong{font-size:12px;letter-spacing:.35px;color:#263c54}.vehicle-cell small,.cell-small{display:block;font-size:10px;color:#8998aa;margin-top:4px}.vehicle-cell small span{color:#a8b3c0;font-size:9px}.customer-name{font-size:11px;font-weight:550}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:600;white-space:nowrap}.badge>span{width:4px;height:4px;background:currentColor;border-radius:50%}.date-cell{font-size:10px!important;color:#9ba7b5!important}.table-arrow{color:#a5b3c3;display:inline-flex}.table-arrow:hover{color:var(--blue)}.right-stack{display:flex;flex-direction:column;gap:20px}.blue-panel{position:relative;background:linear-gradient(120deg,#0c82d7,#0864bb);color:white;padding:24px;overflow:hidden;border:0}.blue-panel:after{content:"";position:absolute;right:-90px;top:-70px;border:1px solid #ffffff20;width:240px;height:240px;border-radius:50%;pointer-events:none}.blue-panel .eyebrow{color:#a8d9ff;font-size:8px;letter-spacing:1.4px}.blue-panel h2{font-size:22px;line-height:1.25;margin:18px 0 12px;letter-spacing:-.5px}.blue-panel p{color:#c5e5ff;font-size:11px;line-height:1.8}.blue-panel .btn{margin-top:5px;font-size:10px;position:relative;z-index:1}.blue-panel-icon{position:absolute;right:21px;top:46px;color:#ffffff35;transform:rotate(-10deg)}.quick-panel{padding:20px}.quick-panel h2{font-size:14px;margin:0 0 12px}.quick-link{display:flex;align-items:center;gap:10px;padding:11px 0;font-size:11px;color:#5e7289}.quick-link>svg{margin-left:auto;color:#a6b6c8}.quick-link+.quick-link{border-top:1px solid #f1f4f8}.quick-icon{background:#f2f6fa;color:#839bb2;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.bottom-strip{display:flex;align-items:center;gap:15px;margin-top:25px;border:1px solid #e1eaf2;background:#f0f5fa;padding:19px 23px;border-radius:12px}.strip-icon{color:#82a5c1}.bottom-strip strong{font-size:11px;font-weight:600;color:#57718b}.bottom-strip p{font-size:10px;color:#95a5b7;margin:3px 0 0}.online-chip{display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;font-size:9px;color:#5c997f;border:1px solid #d5e8df;border-radius:5px;padding:6px 9px;background:#f5fcf8}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:20px 36px;border-top:1px solid var(--line);font-size:9px;color:#95a2b3}.app-footer>span:last-child{display:flex;align-items:center;gap:7px}.local-banner{font-size:9px;display:flex;align-items:center;gap:7px;color:#748da4;margin-bottom:18px}.flash{border:1px solid #cdebdc;background:#f0fbf5;color:#338f68;padding:13px 17px;border-radius:9px;display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:12px}.empty-state{text-align:center;padding:65px 25px;color:#a1b3c5}.empty-state h3{color:#506780;margin:18px 0 6px}.empty-state p{font-size:12px;color:#8799ac}.empty-state .btn{margin-top:12px}
.filter-bar{display:flex;align-items:end;gap:13px;padding:20px}.search-field{position:relative;flex:1;min-width:200px}.search-field>svg{position:absolute;left:14px;top:13px;color:#9aacc0}.search-field input{padding-left:43px;margin:0}.compact-label{font-size:10px;margin:0;min-width:130px}.compact-label input{margin:5px 0 0}.table-footer{padding:15px 22px;border-top:1px solid var(--line);color:#9aabbb;font-size:10px}label{display:block;font-size:12px;font-weight:550;color:#506780;margin-bottom:18px}label b{color:var(--blue)}label small{display:block;color:#96a5b4;font-weight:400;font-size:10px;margin-top:6px}input:not([type=checkbox]),select,textarea{width:100%;display:block;border:1px solid #dfe6ef;background:#fff;border-radius:7px;padding:11px 13px;color:#314a64;font-size:12px;margin-top:7px;min-height:42px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#a4b1c0;font-weight:400}input:focus,select:focus,textarea:focus{border-color:#4ba4e8;outline:3px solid #0784e311}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0;margin:0}fieldset{border:0;padding:0;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 23px}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.span-2{grid-column:span 2}.form-layout,.order-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.form-main{display:flex;flex-direction:column;gap:22px}.form-panel{padding:25px}.form-panel h2 svg{margin-right:6px;color:#789ab8}.form-panel>p{font-size:12px}.section-title{display:flex;gap:13px;align-items:center;padding-bottom:19px;margin-bottom:19px;border-bottom:1px solid var(--line)}.section-title>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#eef6fd;color:#378dcc;border-radius:9px;font-size:12px;font-weight:700}.section-title>div{flex:1}.section-title h2{margin:0 0 4px}.section-title p{margin:0;color:#91a1b2;font-size:11px}.section-title>svg{color:#b1c3d5}.summary-card{padding:25px;position:sticky;top:25px}.summary-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;color:var(--blue);background:#eef7ff;border-radius:14px;margin-bottom:20px}.summary-card p{color:#8b9eb1;font-size:12px}.check-list{padding:0;margin:22px 0;list-style:none;font-size:11px;color:#738ba0}.check-list li{margin:12px 0}.check-list li:before{content:"✓";color:#3dbb8d;margin-right:10px}.optional{font-size:10px;font-weight:400;color:#99a8b8;margin-left:5px}.back-link{display:block;font-size:11px;color:#8aa0b5;margin-bottom:15px}.outline-chip{border:1px solid #dee7f0;border-radius:7px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:#8a9caf;font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.actions,.inline-form{display:flex;align-items:end;gap:13px;flex-wrap:wrap}.inline-form{border-top:1px solid var(--line);padding-top:20px;margin-top:18px}.inline-form label{margin:0;flex:1}.title-row{display:flex;gap:13px;align-items:center}.title-row h1{margin-bottom:0}.title-row+p{margin-top:8px}.flush{padding:0 0 20px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px 0 23px}.detail-grid small{display:block;color:#99a7b7;font-size:10px;margin-bottom:5px}.detail-grid strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.note-block{background:#f7f9fc;border-radius:9px;padding:14px 16px;margin-top:13px}.note-block small{font-size:9px;letter-spacing:1px;color:#8da0b5}.note-block p{font-size:12px;margin:6px 0 0}.note-block.internal{background:#fff9ed}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:400;line-height:1.6}.task-list{margin:15px 0 23px}.task-item{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.task-item>div{flex:1}.task-item strong{font-size:12px;font-weight:500}.task-item small{display:block;color:#95a5b6;font-size:10px}.task-check{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #dbe4ed;border-radius:6px;color:#c8d3df}.task-check.done{color:#fff;background:#38b788;border-color:#38b788}.share-box{display:flex;flex-direction:column;gap:10px;margin-top:20px}.share-box label{margin:0}.share-box input{font-size:10px}.share-box .text-link{justify-content:center;margin-top:3px}.mt{margin-top:22px}.timeline{margin-top:22px}.timeline-item{position:relative;border-left:1px solid #e0ebf6;padding:0 0 24px 19px;margin-left:4px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#3d9dde;box-shadow:0 0 0 4px #fff}.timeline-item small{font-size:9px;color:#94a6b9}.timeline-item p{font-size:11px;color:#566e85;margin:5px 0 0}.document-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.document-row>div{flex:1}.document-row small{display:block;color:#96a5b5;font-size:10px;margin-top:3px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 22px}.photo-grid img{width:100%;height:120px;object-fit:cover;border-radius:8px}.photo-grid small{color:#95a5b5;font-size:10px}.line-table{width:100%;border-collapse:collapse;min-width:600px}.line-table th{text-align:left;font-size:10px;color:#8da0b5;font-weight:500;padding:8px}.line-table td{padding:6px 8px}.line-table input,.line-table select{margin:0}.line-table th:nth-child(1){width:145px}.line-table th:nth-child(3){width:100px}.line-table th:nth-child(4){width:150px}.commercial-bottom{display:grid;grid-template-columns:1fr 300px;gap:35px;margin-top:30px}.totals-box{background:#f7f9fc;padding:20px;border-radius:10px}.totals-box small{color:#9aabba;font-size:9px}.total-line{display:flex;justify-content:space-between;padding:7px 0;font-size:12px;color:#7d91a5}.total-line strong{color:#465f77}.total-line.grand{border-top:1px solid #dde7f0;margin-top:10px;padding-top:17px;font-size:15px;color:#233e58}.grand strong{color:#087dcc}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:350px}.row-actions form{display:contents}.permissions-table td:not(:first-child),.permissions-table th:not(:first-child){text-align:center}.notice{border:1px solid #e1eaf3;background:#f0f6fb;color:#607e98;padding:17px;border-radius:9px;font-size:12px;margin-bottom:18px}.alert{border:1px solid #f2d6d6;background:#fff5f5;color:#b15252;padding:14px;border-radius:8px;font-size:12px;margin-bottom:20px}.secret-box{background:#edf7ff;border:1px solid #cbe4f8;padding:20px;border-radius:10px;overflow-wrap:anywhere;margin:20px 0}.secret-box code{display:block;font-size:18px;color:#156cae;letter-spacing:1px;margin:12px 0}.secret-box p{font-size:11px;color:#7c9ab3;margin-bottom:0}.secret-box small{color:#6a8aa4}.table-filter{max-width:330px;margin:0!important}.restore-details{margin-top:12px;max-width:320px;white-space:normal;font-size:11px}.restore-details summary{color:#c17653;cursor:pointer}.restore-details form{margin-top:14px}.narrow{max-width:650px}.error-panel{padding:70px 40px;max-width:700px;margin:30px auto}.error-panel p{color:#8094a8}.lookup-results{display:none;grid-column:span 2}.lookup-results.visible{display:block}.lookup-results button{display:block;text-align:left;width:100%;border:1px solid #d9e8f5;padding:12px;background:#f5faff;color:#517491;border-radius:7px;margin-bottom:6px;font-size:11px}
.public-body{background:#f4f7fb;min-height:100vh;display:flex;flex-direction:column}.public-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#101e32}.public-header .brand img{width:53px;height:53px}.secure-public{font-size:11px;display:flex;align-items:center;gap:8px;color:#87a6c4}.secure-public svg{color:#52c89c}.public-footer{text-align:center;margin-top:auto;padding:30px;font-size:11px;color:#90a2b5}.login-shell{max-width:1050px;width:90%;margin:65px auto 35px;display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:center}.login-story{position:relative}.login-story .eyebrow{color:#5482a5;font-size:10px}.login-story h1{font-size:49px;font-weight:740;line-height:1.17;letter-spacing:-2px;color:#213850;margin:20px 0}.login-story h1 span{color:#0784e3}.login-story>p{font-size:13px;color:#7f97ac;line-height:1.9}.story-features{display:flex;flex-direction:column;gap:15px;margin-top:26px;color:#68839c;font-size:12px}.story-features svg{color:#258bd2;margin-right:9px}.garage-art{position:relative;color:#69a5d1;width:310px;height:155px;margin-top:28px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;inset:-12px 5px;border:1px solid #d6e6f2;border-radius:50%;transform:rotate(-12deg)}.garage-art>svg{stroke-width:.8;position:relative;z-index:1}.art-badge{position:absolute;bottom:5px;right:-20px;background:#fff;box-shadow:0 6px 20px #19446e09;padding:10px 14px;font-size:10px;border-radius:8px;color:#65a888;z-index:2}.art-badge svg{margin-right:5px}.login-card{padding:38px;background:#fff;border:1px solid #e4ecf4;border-radius:20px;box-shadow:0 15px 50px #153d6508}.login-symbol{color:var(--blue);background:#eaf5ff;width:55px;height:55px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.login-card h2{font-size:23px;letter-spacing:-.7px;margin:0 0 8px}.login-card>p{font-size:12px;margin-bottom:30px}.login-card label{margin-bottom:22px}.login-card input{padding:13px;min-height:47px}.login-card .btn.primary{min-height:47px;margin-top:7px}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.reveal-password{position:absolute;right:10px;top:15px;background:none;border:0;font-size:10px;color:#91a4b6}.login-help{display:flex;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #edf1f6;color:#91a4b8}.login-help svg{margin-top:3px}.login-help p{font-size:10px;line-height:1.7;margin-bottom:0}.login-help span{display:block;margin-top:7px}.auth-card{background:white;border:1px solid var(--line);border-radius:18px;padding:35px;max-width:480px;width:90%;margin:60px auto}.auth-card h1{font-size:26px}.auth-card p{font-size:12px}.auth-card.wide{max-width:650px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.recovery-grid code{background:#eff6fc;border:1px solid #deebf7;padding:12px;text-align:center;border-radius:6px;color:#42759f;font-size:12px}.public-flash{width:90%;max-width:1100px;margin:20px auto 0}
.customer-main{max-width:1120px;width:90%;margin:40px auto}.customer-welcome h1{font-size:33px}.customer-welcome p{color:#8a9bad;font-size:13px}.customer-car{display:flex;gap:25px;align-items:center;background:#fff;border:1px solid var(--line);padding:25px 30px;border-radius:15px;margin:28px 0}.car-round{color:#328ed0;background:#edf6fd;border-radius:15px;padding:20px}.customer-car h2{font-size:28px;margin:0;letter-spacing:1px}.customer-car .eyebrow{margin-bottom:5px;font-size:9px}.customer-car p{margin:3px 0 0;color:#8ea1b5;font-size:12px}.car-status{margin-left:auto}.car-status .badge{font-size:12px}.car-status small{display:block;margin-top:10px;color:#92a5b8;font-size:10px}.customer-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.budget-lines>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.budget-lines small{display:block;color:#96a8b9;font-size:10px;margin-top:4px}.budget-lines{margin-bottom:20px}.policy-box{font-size:11px;background:#f6f8fb;border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:20px}.policy-box summary{cursor:pointer;font-weight:600;color:#6d879f}.policy-box p{margin:15px 0 0;max-height:220px;overflow:auto}.signature-pad{border:1px dashed #b5cce0;border-radius:10px;position:relative;background:#fafcfe}.signature-pad canvas{display:block;width:100%;height:190px;touch-action:none;cursor:crosshair}.signature-clear{position:absolute;right:10px;bottom:8px;color:#97aabd;background:#fff;border:1px solid #e5edf5;padding:5px 9px;border-radius:5px;font-size:10px}.signature-form{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.signature-form .tiny{margin-top:12px}.text-center{text-align:center;margin:30px 0}hr{border:0;border-top:1px solid var(--line);margin:27px 0}
@media(min-width:1600px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}.stat-card{padding:24px 24px 0}.data-table td{padding:21px 25px}.main-shell main{padding:35px 45px}}
@media(max-width:1250px){.sidebar{width:218px;padding:24px 13px 16px}.main-shell{margin-left:218px}.brand>span{font-size:15px}.brand img{width:43px;height:43px}.main-shell main{padding:22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.stats-grid{gap:10px}.stat-card{padding:16px 13px 0}.stat-top .tiny{display:none}.stat-card>span{font-size:10px}.data-table th,.data-table td{padding-left:14px;padding-right:14px}.dashboard-grid .date-cell,.dashboard-grid .data-table th:nth-child(4){display:none}.form-layout,.order-grid{grid-template-columns:minmax(0,1fr) 270px}.detail-grid{grid-template-columns:1fr 1fr}.login-shell{gap:50px}.login-story h1{font-size:43px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.right-stack{display:grid;grid-template-columns:1fr 1fr}.blue-panel h2{margin-top:12px}.stats-grid{grid-template-columns:repeat(3,1fr)}.form-layout,.order-grid{grid-template-columns:1fr}.form-layout>aside .summary-card{position:static}.order-grid>.right-stack{display:grid;grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr 390px;gap:30px;margin-top:45px}.login-story h1{font-size:38px}.garage-art{width:240px}.customer-grid{grid-template-columns:1fr}.customer-grid>.right-stack{display:grid;grid-template-columns:1fr 1fr}.filter-bar{flex-wrap:wrap}.filter-bar .search-field{flex-basis:100%}.form-grid.cols-3{grid-template-columns:1fr 1fr}.commercial-bottom{grid-template-columns:1fr 270px}.bottom-strip .online-chip{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:240px;box-shadow:10px 0 50px #071d3d33}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-only{display:inline-flex}.topbar{height:62px;padding:0 16px}.breadcrumb{font-size:10px;flex:1}.breadcrumb span{margin:0 6px}.date-label{display:none}.top-actions{gap:8px}.main-shell main{padding:20px 16px 30px}.page-heading{align-items:start;gap:15px;margin:9px 0 22px;flex-wrap:wrap}h1{font-size:26px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px}.page-heading>.btn{min-height:38px;padding:9px 14px;font-size:11px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:11px}.stat-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;padding:16px}.stat-card:last-child .stat-top{grid-row:span 2}.stat-card:last-child>strong{font-size:29px;text-align:right;margin:0}.stat-card:last-child>span{text-align:right}.stat-card:last-child .stat-bottom{grid-column:span 2;margin-top:12px;padding-bottom:0}.stat-card>strong{font-size:31px}.dashboard-grid>.right-stack,.order-grid>.right-stack,.customer-grid>.right-stack{grid-template-columns:1fr}.dashboard-grid .right-stack{display:flex}.blue-panel{padding:24px}.panel-heading{padding:19px 17px;flex-wrap:wrap}.panel-heading h2{font-size:15px}.dashboard-grid .data-table th:nth-child(2),.dashboard-grid .data-table td:nth-child(2){display:none}.data-table td{padding:15px}.vehicle-cell{gap:8px}.vehicle-icon{display:none}.vehicle-cell small{max-width:130px;overflow:hidden;text-overflow:ellipsis}.badge{font-size:8px}.bottom-strip{padding:17px;gap:12px}.bottom-strip p{font-size:9px}.bottom-strip strong{font-size:10px}.app-footer{padding:20px 16px}.app-footer>span:last-child{display:none}.form-panel{padding:20px}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.span-2{grid-column:span 1}.section-title p{font-size:10px}.section-title>svg{display:none}.form-layout{gap:20px}.form-actions{justify-content:stretch}.form-actions .btn{flex:1}.detail-grid{gap:17px}.commercial-bottom{grid-template-columns:1fr;gap:12px}.public-header{height:80px;padding:0 5%}.public-header .brand img{height:44px;width:44px}.public-header .brand>span{font-size:16px}.public-header .brand small{font-size:6.5px}.secure-public{font-size:0;gap:0}.secure-public svg{width:21px;height:21px}.login-shell{display:block;width:90%;margin:30px auto}.login-story{display:none}.login-card{padding:29px 25px;max-width:440px;margin:auto}.login-card h2{font-size:24px}.login-card .login-symbol{margin-bottom:22px}.public-footer{font-size:10px;padding:20px}.customer-main{margin-top:27px}.customer-welcome h1{font-size:28px}.customer-car{padding:20px;gap:17px;flex-wrap:wrap}.car-round{padding:13px;border-radius:12px}.car-round svg{width:35px;height:35px}.customer-car h2{font-size:23px}.car-status{flex-basis:100%;margin-left:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.car-status small{margin:0}.car-status .badge{font-size:10px}.customer-grid{gap:20px}.auth-card{padding:27px;margin-top:35px}.recovery-grid{grid-template-columns:1fr}.outline-chip{font-size:9px}.filter-bar{padding:16px;gap:10px}.compact-label{min-width:100px;flex:1}.filter-bar .btn{flex:1}.error-panel{padding:45px 15px}.lookup-results{grid-column:span 1}.local-banner{font-size:8px}.table-filter{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Keep working text readable on workshop displays and phones. */
.data-table td{font-size:12px}.data-table th{font-size:10px}.badge{font-size:10px}.stat-card>span{font-size:12px}.cell-small,.vehicle-cell small{font-size:11px}.nav-link{font-size:12px}.btn.small{font-size:11px}.table-arrow{min-width:28px;min-height:30px;align-items:center;justify-content:center}
@media(max-width:760px){.badge{font-size:10px}.data-table td{font-size:12px}.stat-card>span{font-size:12px}.nav-link{font-size:13px;min-height:46px}.checkbox-label{font-size:12px}.signature-pad canvas{height:210px}.sidebar{overflow-y:auto}.date-cell{font-size:11px!important}}

/* AUTOTECH GO UX update: guided workshop workflow */
.workflow-card{display:flex;align-items:center;gap:16px;margin:22px 0 10px;padding:18px;border:1px solid #dcebf7;background:#f5faff;border-radius:12px}
.workflow-number{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;background:#0784e3;color:#fff;font-size:21px;font-weight:700}
.workflow-copy{min-width:0;flex:1}
.workflow-copy small{display:block;font-size:9px;letter-spacing:1.4px;font-weight:800;color:#6992b3;margin-bottom:4px}
.workflow-copy strong{display:block;font-size:15px;color:#17344f;margin-bottom:3px}
.workflow-copy p{margin:0;color:#6e8298;font-size:11px;line-height:1.55}
.workflow-actions{display:flex;align-items:center;gap:8px}
.workflow-actions form{margin:0}
.advanced-state{margin-top:12px;border-top:1px solid #edf1f5;padding-top:12px}
.advanced-state>summary{cursor:pointer;color:#8292a5;font-size:10px;font-weight:600;user-select:none}
.compact-state{margin-top:12px}
.compact-state label{min-width:230px}
@media(max-width:760px){
 .workflow-card{align-items:flex-start;flex-wrap:wrap;padding:15px}
 .workflow-number{flex-basis:38px;width:38px;height:38px}
 .workflow-copy{width:calc(100% - 58px)}
 .workflow-actions{width:100%;margin-top:3px}
 .workflow-actions .btn,.workflow-actions form{width:100%}
 .workflow-actions form .btn{width:100%}
 .compact-state{align-items:stretch}
 .compact-state label,.compact-state .btn{width:100%}
}

/* AUTOTECH GO v1.2 — sidebar adaptable + notificaciones */
.sidebar{height:100dvh;max-height:100dvh;overflow:hidden}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin;scrollbar-color:#36506f transparent}
.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#36506f;border-radius:8px}
.sidebar-bottom{flex-shrink:0;background:var(--navy)}
.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:14px 0 18px}
.notification-option{margin:0!important;padding:9px 10px;border:1px solid #e6edf5;border-radius:8px;background:#fafcff}
.whatsapp-share{color:#078c60}
@media(max-height:860px) and (min-width:761px){
 .sidebar{padding-top:15px;padding-bottom:9px}
 .brand img{width:39px;height:39px}.brand>span{font-size:14px}.brand small{font-size:6.5px}
 .workspace-label{margin-top:13px;padding:8px 10px}
 .nav-caption{margin-top:14px;margin-bottom:6px}
 .nav-link{min-height:36px;padding:8px 10px;margin:2px 0}
 .sidebar-bottom{padding-top:7px}.secure-note{padding:8px 7px}.profile{padding-top:9px}
}
@media(max-height:700px) and (min-width:761px){
 .secure-note{display:none}.workspace-label{margin-top:8px}
 .nav-caption{margin-top:9px}.nav-link{min-height:33px;padding-top:6px;padding-bottom:6px}
}
@media(max-width:760px){.sidebar{overflow:hidden}.sidebar nav{overflow-y:auto}.notification-grid{grid-template-columns:1fr}}


/* AUTOTECH GO v1.2.1 — corrección definitiva del menú lateral */
.sidebar{
  height:100vh !important;
  height:100dvh !important;
  max-height:100dvh !important;
  padding:18px 14px 10px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
.sidebar .brand{
  flex:0 0 auto !important;
}
.sidebar .brand img{
  width:44px !important;
  height:44px !important;
}
.sidebar .brand>span{
  font-size:15px !important;
}
.sidebar .workspace-label{
  flex:0 0 auto !important;
  margin:16px 3px 7px !important;
  padding:9px 10px !important;
}
.sidebar>p.nav-caption{
  margin:14px 12px 6px !important;
}
.sidebar nav{
  display:block !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:0 3px 10px 0 !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.sidebar nav .nav-caption{
  margin:13px 12px 5px !important;
}
.sidebar .nav-link{
  min-height:36px !important;
  padding:7px 10px !important;
  margin:2px 0 !important;
  font-size:11.5px !important;
}
.sidebar .nav-link svg{
  width:17px !important;
  height:17px !important;
}
.sidebar-bottom{
  flex:0 0 auto !important;
  margin-top:0 !important;
  padding-top:7px !important;
  border-top:1px solid #253750;
  background:var(--navy) !important;
}
.sidebar-bottom .secure-note{
  display:none !important;
}
.sidebar-bottom .profile{
  padding:8px 4px 0 !important;
}
.sidebar-bottom .avatar{
  width:31px !important;
  height:31px !important;
}
@media (min-width:761px) and (max-height:900px){
  .sidebar{
    padding-top:12px !important;
    padding-bottom:7px !important;
  }
  .sidebar .brand img{
    width:40px !important;
    height:40px !important;
  }
  .sidebar .workspace-label{
    margin-top:10px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .sidebar>p.nav-caption{
    margin-top:10px !important;
  }
  .sidebar nav .nav-caption{
    margin-top:9px !important;
  }
  .sidebar .nav-link{
    min-height:33px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }
}
@media (min-width:761px) and (max-height:760px){
  .sidebar .brand small{display:none !important}
  .sidebar .workspace-label{margin-top:7px !important}
  .sidebar>p.nav-caption{margin-top:7px !important}
  .sidebar nav .nav-caption{margin-top:7px !important}
  .sidebar .nav-link{
    min-height:30px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
  }
}


/* AUTOTECH GO v1.4 — Portada principal más profesional */
.login-shell-pro{max-width:1180px;grid-template-columns:minmax(0,1fr) 430px;gap:54px;align-items:start;margin-top:42px}
.login-story-pro{display:flex;flex-direction:column;gap:0}
.login-story-pro .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#3f78a5;font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:10px}
.login-story-pro h1{font-size:58px;line-height:1.03;letter-spacing:-2.8px;color:#162f4a;margin:0 0 18px;max-width:700px}
.login-story-pro h1 span{color:#0a84e5}
.login-story-pro>p{font-size:15px;line-height:1.85;color:#71879d;max-width:680px;margin:0 0 28px}
.story-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.story-highlights article{background:#fff;border:1px solid #e1ebf5;border-radius:18px;padding:18px 16px;box-shadow:0 10px 30px rgba(14,44,76,.05);display:flex;gap:12px;align-items:flex-start}
.story-highlights .icon-wrap{width:40px;height:40px;border-radius:12px;background:#eef6ff;color:#1280df;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.story-highlights strong{display:block;font-size:14px;line-height:1.35;color:#19334d;margin-top:1px}
.story-highlights small{display:block;font-size:11px;line-height:1.6;color:#7a8fa5;margin-top:5px}
.hero-media-card{position:relative;border-radius:26px;overflow:hidden;min-height:360px;background:#d9e9f7;border:1px solid #dbe7f1;box-shadow:0 20px 50px rgba(14,44,76,.10)}
.hero-media-card img{display:block;width:100%;height:100%;object-fit:cover;min-height:360px}
.hero-media-overlay{position:absolute;left:24px;bottom:22px;z-index:2;max-width:360px;background:rgba(8,26,45,.74);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.16);padding:18px 18px 16px;border-radius:18px;color:#fff;box-shadow:0 12px 30px rgba(5,17,29,.24)}
.hero-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px}
.hero-media-overlay strong{display:block;font-size:21px;line-height:1.3;letter-spacing:-.4px}
.hero-media-overlay small{display:block;font-size:12px;line-height:1.6;color:#d9e7f5;margin-top:8px}
.hero-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.hero-mini-stats>div{background:#fff;border:1px solid #e1ebf5;border-radius:16px;padding:14px 16px;box-shadow:0 8px 24px rgba(14,44,76,.04)}
.hero-mini-stats strong{display:block;color:#0f2c47;font-size:18px;letter-spacing:-.7px}
.hero-mini-stats span{display:block;color:#7c91a6;font-size:11px;margin-top:5px}
.login-card-pro{position:sticky;top:26px;padding:34px 34px 28px;border-radius:24px;box-shadow:0 20px 55px rgba(13,43,76,.08)}
.login-card-pro .login-symbol{margin-bottom:18px}
.login-card-pro h2{font-size:29px;letter-spacing:-1px;margin-bottom:8px}
.login-card-pro>p{font-size:13px;line-height:1.75;margin-bottom:24px}
.login-trust-grid{display:grid;gap:10px;margin-top:18px;margin-bottom:5px}
.login-trust-grid>div{border:1px solid #e6eef6;background:#f9fbfd;border-radius:14px;padding:12px 13px}
.login-trust-grid strong{display:flex;align-items:center;gap:8px;font-size:12px;color:#19334d}
.login-trust-grid strong svg{color:#1682df}
.login-trust-grid span{display:block;font-size:10.5px;line-height:1.65;color:#7890a5;margin-top:6px}

@media(max-width:1250px){
  .login-shell-pro{grid-template-columns:minmax(0,1fr) 400px;gap:34px}
  .login-story-pro h1{font-size:50px}
}
@media(max-width:1000px){
  .login-shell-pro{grid-template-columns:1fr;gap:26px;margin-top:26px}
  .login-card-pro{position:static;max-width:520px;width:100%;margin:0 auto}
  .login-story-pro h1{font-size:44px;max-width:unset}
  .story-highlights{grid-template-columns:1fr}
  .hero-media-card{min-height:300px}
  .hero-media-card img{min-height:300px}
}
@media(max-width:760px){
  .login-shell-pro{display:block;width:92%;margin:20px auto 26px}
  .login-story-pro{display:block;margin-bottom:20px}
  .login-story-pro .eyebrow{font-size:10px;margin-bottom:8px}
  .login-story-pro h1{font-size:34px;line-height:1.08;letter-spacing:-1.5px;margin-bottom:14px}
  .login-story-pro>p{font-size:12px;line-height:1.75;margin-bottom:18px}
  .story-highlights article{padding:14px 14px;border-radius:16px}
  .story-highlights strong{font-size:13px}
  .story-highlights small{font-size:10px}
  .hero-media-card{min-height:240px;border-radius:20px}
  .hero-media-card img{min-height:240px}
  .hero-media-overlay{left:12px;right:12px;bottom:12px;max-width:none;padding:14px;border-radius:14px}
  .hero-media-overlay strong{font-size:17px}
  .hero-media-overlay small{font-size:11px}
  .hero-mini-stats{grid-template-columns:1fr;gap:10px}
  .hero-mini-stats>div{padding:12px 13px}
  .login-card-pro{padding:28px 22px 24px;border-radius:20px}
  .login-card-pro h2{font-size:24px}
}

/* AUTOTECH GO v1.6 — Cotización empresa + acciones destructivas */
.client-type-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 22px}
.choice-card{display:flex!important;align-items:center;gap:12px;border:1px solid #dfe9f3;border-radius:14px;padding:15px 16px;background:#fbfdff;cursor:pointer;margin:0!important}
.choice-card:has(input:checked){border-color:#1684e3;background:#eef7ff;box-shadow:0 0 0 2px rgba(22,132,227,.08)}
.choice-card input{width:auto!important;min-height:0!important;margin:0}
.choice-card strong{display:block;color:#17344f;font-size:13px}.choice-card small{display:block;color:#7b90a4;font-size:10px;margin-top:4px}
.page-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn.danger,.icon-btn.danger{color:#b42318;border-color:#f2c8c5}.btn.danger:hover,.icon-btn.danger:hover{background:#fff1f0}
@media(max-width:760px){.client-type-selector{grid-template-columns:1fr}.page-heading-actions{width:100%}.page-heading-actions .btn,.page-heading-actions form{flex:1}.page-heading-actions form .btn{width:100%}}


/* AUTOTECH GO v1.7 — Inventario */
.inventory-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.inventory-stats article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px #163d6508}
.inventory-stats small{display:block;color:#8194a8;font-size:10px;text-transform:uppercase;letter-spacing:.9px}
.inventory-stats strong{display:block;color:#17344f;font-size:25px;margin-top:8px;letter-spacing:-1px}
.inventory-stats .inventory-warning{border-color:#f4d8a0;background:#fffaf0}.inventory-stats .inventory-warning strong{color:#b26a00}
.inventory-search{display:flex;gap:8px;align-items:center}.inventory-search input{min-width:280px}
.inventory-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inventory-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inventory-kpis>div{background:#f7fafc;border:1px solid #e4edf5;border-radius:12px;padding:14px}
.inventory-kpis small{display:block;color:#8194a8;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.inventory-kpis strong{display:block;margin-top:5px;color:#17344f;font-size:17px}
@media(max-width:1000px){.inventory-stats{grid-template-columns:1fr 1fr}.inventory-detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.inventory-stats{grid-template-columns:1fr 1fr;gap:10px}.inventory-stats article{padding:14px}.inventory-stats strong{font-size:20px}.inventory-search{width:100%;flex-wrap:wrap}.inventory-search input{min-width:0;width:100%}.inventory-search .btn{flex:1}.inventory-kpis{grid-template-columns:1fr 1fr}}

/* AUTOTECH GO v1.8 — Inventario: SKU editable + acciones rápidas */
.table-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.table-actions form{margin:0}
@media(max-width:760px){.table-actions{justify-content:flex-start}.table-actions .btn{min-height:38px}}