:root{--bg:#f4f7fb;--ink:#0f172a;--muted:#64748b;--line:#e4e9f1;--panel:#ffffff;--dark:#0c1424;--dark2:#111c30;--red:#e10600;--green:#22c55e;--blue:#2563eb;--orange:#f59e0b;--purple:#8b5cf6;--shadow:0 18px 60px rgba(15,23,42,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#f7f9fd,#eef4fb);color:var(--ink)}a{text-decoration:none;color:inherit}img{max-width:100%}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:flex}.sidebar{width:280px;min-width:280px;height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#0b1322,#101a2d 55%,#0a111e);color:#eaf1ff;border-right:1px solid rgba(255,255,255,.08);padding:18px 14px;display:flex;flex-direction:column;z-index:50;box-shadow:16px 0 45px rgba(15,23,42,.22);overflow-y:auto}.brand{display:block;padding:6px 8px 16px}.brand img{width:205px;filter:drop-shadow(0 12px 24px rgba(225,6,0,.22))}.userbox{display:flex;align-items:center;gap:12px;padding:12px;margin:4px 0 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.avatar{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--red),#7f0000);font-weight:900;color:white}.avatar.mini{width:30px;height:30px;border-radius:10px}.userbox b{display:block;font-size:14px}.userbox span{font-size:11px;color:#a8b3c7;text-transform:uppercase;letter-spacing:.08em}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:#cbd5e1;font-weight:700;font-size:14px;border:1px solid transparent;transition:.16s ease}.side-nav a:hover{background:rgba(255,255,255,.075);color:white}.side-nav a.active{background:linear-gradient(135deg,rgba(225,6,0,.98),rgba(122,0,0,.9));color:#fff;box-shadow:0 14px 28px rgba(225,6,0,.20)}.nav-ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}.nav-ico svg{width:20px;height:20px}.nav-ico svg path,.nav-ico svg circle{fill:currentColor}.logout-link{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(225,6,0,.12);color:#fecaca;border:1px solid rgba(225,6,0,.18);font-weight:800}.content{flex:1;min-width:0;padding:0 26px 26px}.app-topbar{height:70px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:35;background:rgba(244,247,251,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.9);margin:0 -26px 24px;padding:0 26px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#111827;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(15,23,42,.08);cursor:pointer}.menu-btn{display:none}.mobile-logo{display:none}.mobile-logo img{height:32px}.top-search{flex:1;max-width:520px}.top-search input,.field,input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;color:var(--ink);outline:none;box-shadow:0 1px 0 rgba(15,23,42,.02)}.top-search input:focus,.field:focus,input:focus,select:focus,textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.10)}label{display:block;color:#334155;font-weight:800;font-size:13px;margin:10px 0 6px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.profile-chip{display:flex;align-items:center;gap:10px;padding:6px 10px;background:white;border:1px solid var(--line);border-radius:999px;font-weight:800;box-shadow:0 8px 28px rgba(15,23,42,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:11px 16px;background:linear-gradient(135deg,var(--red),#9d0202);color:white;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(225,6,0,.18)}.btn.small{padding:9px 12px;font-size:13px}.btn.gray,.btn.secondary{background:#f1f5f9;color:#0f172a;border:1px solid #dbe4ee;box-shadow:none}.btn.ok,.btn.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.btn.blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.btn.warn{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#4a2b00}.card{background:rgba(255,255,255,.86);border:1px solid rgba(226,232,240,.95);border-radius:24px;box-shadow:var(--shadow);padding:24px;margin-bottom:22px}.page-head,.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.hero{background:linear-gradient(135deg,#0f172a,#1e293b);color:white;border-radius:28px;padding:30px;box-shadow:0 24px 80px rgba(15,23,42,.18);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(225,6,0,.42),transparent 65%)}.hero h1{font-size:38px;line-height:1.05;margin:0 0 8px}.hero p{max-width:560px;color:#cbd5e1;margin:0}.eyebrow{color:#ef4444;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950}.grid{display:grid;gap:18px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 38px rgba(15,23,42,.07);display:flex;flex-direction:column;gap:16px;min-height:132px;position:relative;overflow:hidden}.kpi:before{content:"";width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#60a5fa);position:absolute;right:20px;top:22px;opacity:.95}.kpi:nth-child(2):before{background:linear-gradient(135deg,#16a34a,#86efac)}.kpi:nth-child(3):before{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.kpi:nth-child(4):before{background:linear-gradient(135deg,#8b5cf6,#c084fc)}.kpi .muted{font-weight:850;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.kpi b{font-size:34px;letter-spacing:-.04em;line-height:1}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff}.table,table{width:100%;border-collapse:separate;border-spacing:0}.table th,table th{background:#f8fafc;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.table td,table td{padding:16px;border-bottom:1px solid #eef2f7;vertical-align:middle;color:#162033}.table tr:last-child td,table tr:last-child td{border-bottom:0}.table tr:hover td,table tr:hover td{background:#f8fbff}.vehicle-cell{min-width:210px}.money-cell{text-align:right;white-space:nowrap;font-weight:900}.actions-cell{text-align:right;white-space:nowrap}.nowrap{white-space:nowrap}.pill,.badge,.status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;background:#edf2f7;color:#334155;font-size:12px;font-weight:900;white-space:nowrap}.badge:before,.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-En\ proceso,.status-En\ reparacion{background:#e0e7ff;color:#3730a3}.status-Recibido{background:#dbeafe;color:#1d4ed8}.status-Reparado,.status-Asistido{background:#dcfce7;color:#166534}.status-Cancelado{background:#fee2e2;color:#991b1b}.status-Pendiente\ Material,.status-Pendiente\ asignacion{background:#fef3c7;color:#92400e}.order-hero{background:linear-gradient(135deg,#0f172a,#1e293b);color:white}.order-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.order-side{position:sticky;top:92px}.summary-list{display:grid;gap:10px}.summary-list div{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px}.summary-list span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.summary-list b{display:block;margin-top:4px;font-size:18px}.section-card h2{margin-top:0}.price-breakdown{background:linear-gradient(135deg,#ffffff,#f8fbff);border-color:#dce7f5}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px}.price-grid>div{border:1px solid var(--line);border-radius:20px;background:white;padding:18px}.price-grid span{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:950}.price-grid b{display:block;margin:12px 0 8px;font-size:30px;line-height:1}.price-grid small{color:#64748b;font-weight:700}.price-grid .total{background:linear-gradient(135deg,#1e293b,#0f172a);color:white;border-color:#0f172a}.price-grid .total span,.price-grid .total small{color:#cbd5e1}.price-grid .total b{font-size:38px}.mini-row,.filecard{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px;margin-top:8px}.bubble{max-width:78%;padding:13px 15px;border-radius:18px;background:#f1f5f9;margin:10px 0}.bubble.me{margin-left:auto;background:#dbeafe}.chat-thread{max-height:470px;overflow:auto}.vehicle-card,.vehicle-clear{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}.vehicle-card div,.vehicle-clear div{background:#f8fafc;border:1px solid var(--line);padding:13px;border-radius:16px}.vehicle-card span,.vehicle-clear span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.fc{background:white;color:#111;border-radius:22px;padding:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.alert{padding:14px 16px;border-radius:16px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;margin-bottom:16px}.alert.danger,.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.scrim{display:none}.auth-body{min-height:100dvh;background:radial-gradient(circle at 15% 5%,rgba(225,6,0,.20),transparent 32%),linear-gradient(135deg,#0b1322,#111827 50%,#060910);display:flex;align-items:center;justify-content:center;padding:24px}.auth-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch}.auth-panel,.auth-card{border:1px solid rgba(255,255,255,.10);border-radius:32px;background:rgba(255,255,255,.07);backdrop-filter:blur(18px);box-shadow:0 28px 90px rgba(0,0,0,.30)}.auth-brand-panel{position:relative;overflow:hidden;min-height:620px;padding:44px;display:flex;flex-direction:column;justify-content:space-between;color:white}.auth-glow{position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(225,6,0,.55),transparent 68%)}.auth-logo-wide{width:360px;max-width:80%;position:relative;filter:drop-shadow(0 22px 45px rgba(225,6,0,.28))}.auth-copy{position:relative;max-width:620px}.auth-copy h1{font-size:48px;line-height:1;margin:16px 0}.auth-copy p{font-size:18px;line-height:1.6;color:#cbd5e1}.auth-bullets{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth-bullets div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:20px;padding:16px}.auth-bullets b{display:block;font-size:24px}.auth-bullets span{display:block;color:#cbd5e1;margin-top:4px}.auth-card{background:white;color:var(--ink);padding:34px;align-self:center}.auth-logo-small{width:190px;background:#030407;border-radius:18px;padding:8px;box-shadow:0 14px 35px rgba(225,6,0,.15)}.auth-card h2{font-size:32px;margin:24px 0 6px}.auth-btn{width:100%;margin-top:6px}.demo-login{text-align:center;font-size:13px}.mobile-top{display:none}@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr}.order-side{position:relative;top:auto}.g3{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.vehicle-card,.vehicle-clear{grid-template-columns:1fr 1fr}}@media(max-width:860px){.sidebar{position:fixed;left:-292px;top:0;transition:.22s ease}.menu-open .sidebar{left:0}.menu-open .scrim{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:45}.content{padding:0 14px 18px}.app-topbar{height:62px;margin:0 -14px 16px;padding:0 14px}.menu-btn,.mobile-logo{display:inline-flex}.mobile-logo{align-items:center}.top-search{display:none}.profile-chip span:not(.avatar){display:none}.top-actions .btn{display:none}.hero{padding:24px;border-radius:24px}.hero h1{font-size:30px}.g4,.g2{grid-template-columns:1fr}.card{padding:18px;border-radius:22px}.vehicle-card,.vehicle-clear{grid-template-columns:1fr}.auth-body{padding:0;background:#0b1322}.auth-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:18px}.auth-brand-panel{display:none}.auth-card{width:min(430px,100%);padding:26px 22px;border-radius:28px}.auth-logo-small{display:block;margin:auto;width:210px}.auth-card h2{text-align:center;font-size:30px}.auth-card .muted{text-align:center}.field,input,select,textarea{font-size:16px}.table-wrap{border-radius:16px}.table th,table th,.table td,table td{padding:13px 12px}.money-cell{text-align:left}.price-grid .total b{font-size:32px}}


/* V7.1 - accesos directos visuales y portal cliente limpio */
.quick-card{overflow:hidden}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-tile{display:flex;gap:14px;align-items:center;min-height:104px;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#ffffff,#f8fbff);box-shadow:0 12px 32px rgba(15,23,42,.06);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.quick-tile:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(15,23,42,.12);border-color:#bfdbfe}.quick-tile b{display:block;font-size:16px;color:#0f172a;margin-bottom:4px}.quick-tile small{display:block;color:#64748b;line-height:1.25}.quick-icon{width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex:0 0 58px;color:white;box-shadow:0 14px 34px rgba(15,23,42,.18);position:relative;overflow:hidden}.quick-icon:after{content:"";position:absolute;inset:-20px;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.55),transparent 32%)}.quick-icon svg{width:30px;height:30px;position:relative;z-index:1}.quick-icon svg path{fill:currentColor}.quick-icon.plus{background:linear-gradient(135deg,#2563eb,#60a5fa)}.quick-icon.clipboard{background:linear-gradient(135deg,#e10600,#ff4d4d)}.quick-icon.users{background:linear-gradient(135deg,#7c3aed,#c084fc)}.quick-icon.warehouse{background:linear-gradient(135deg,#0f766e,#5eead4)}.quick-icon.cart{background:linear-gradient(135deg,#f97316,#facc15)}.quick-icon.box{background:linear-gradient(135deg,#16a34a,#86efac)}.quick-icon.tag{background:linear-gradient(135deg,#0891b2,#67e8f9)}.quick-icon.calendar{background:linear-gradient(135deg,#db2777,#f9a8d4)}.quick-icon.file{background:linear-gradient(135deg,#475569,#94a3b8)}.quick-icon.chart{background:linear-gradient(135deg,#4f46e5,#93c5fd)}
.client-order-layout{grid-template-columns:minmax(0,1fr)}.client-order-layout main{min-width:0}.client-order-layout .price-breakdown{border-left:4px solid var(--green)}
@media(max-width:1100px){.dashboard-main{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.quick-grid{grid-template-columns:1fr}.quick-tile{min-height:88px;padding:14px}.quick-icon{width:50px;height:50px;border-radius:17px;flex-basis:50px}.quick-icon svg{width:26px;height:26px}.client-order-layout,.order-layout{grid-template-columns:1fr}.top-actions .btn.small{display:none}}

/* V7.5 - documentos profesionales limpios */
.doc-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.bnd-document{width:210mm;min-height:297mm;margin:0 auto 30px;background:#fff;color:#111;padding:14mm 12mm;box-shadow:0 20px 70px rgba(15,23,42,.18);font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.22}.doc-header-clean{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start;margin-bottom:18px}.doc-logo-block img{width:230px;height:auto;margin-top:28px}.doc-company-block{text-align:right}.doc-company-block h2{font-size:24px;line-height:1.1;margin:0 0 6px;font-weight:900}.doc-company-block p{margin:0 0 10px}.company-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.company-data-grid div{border-left:8px solid #bbb;padding-left:8px}.company-data-grid span{display:block;font-weight:800}.company-data-grid b{display:block}.doc-meta-grid{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:4px;margin:20px 0 26px}.doc-meta-grid div{border:2px solid #d5d5d5;background:#fafafa;padding:8px;min-height:42px}.doc-meta-grid div:nth-child(3){background:#d8d8d8}.doc-meta-grid span{display:block;font-size:12px;font-weight:900}.doc-meta-grid b{display:block;font-size:12px}.doc-main-title{font-size:32px;margin:0 0 18px;text-transform:uppercase;letter-spacing:.02em}.doc-client-box{border:3px solid #d8d8d8;padding:12px;margin-bottom:22px;min-height:92px}.doc-client-box h3{margin:0 0 4px;font-size:19px}.doc-client-box p{margin:3px 0}.doc-or-box{display:grid;grid-template-columns:1fr 2fr 1fr 2fr;border:2px solid #d8d8d8;margin-bottom:22px}.doc-or-box div{padding:9px;border-right:1px solid #d8d8d8}.doc-or-box div:last-child{border-right:0}.doc-or-box span{display:block;font-weight:900;color:#555;font-size:12px}.doc-or-box b{font-size:13px}.doc-notes-box{border:3px solid #d8d8d8;padding:10px;margin:20px 0;min-height:48px}.doc-items-table{width:100%;border-collapse:collapse;margin-top:14px;border:3px solid #d8d8d8}.doc-items-table th{background:#9d9d9d;color:white;font-weight:900;text-align:center;padding:9px 7px;border-right:2px solid #fff;font-size:14px;text-transform:none;letter-spacing:0}.doc-items-table td{padding:8px 7px;border-top:1px solid #ddd;border-right:1px solid #eee;color:#111;background:white;font-size:14px}.doc-items-table td.num{text-align:right;white-space:nowrap}.doc-items-table tbody tr:nth-child(even) td{background:#fbfbfb}.doc-tax-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;width:55%;margin:22px 0;border:3px solid #d8d8d8}.doc-tax-row div{border-right:2px solid #fff;text-align:center}.doc-tax-row div:last-child{border-right:0}.doc-tax-row span{display:block;background:#9d9d9d;color:white;padding:6px;font-weight:900}.doc-tax-row b{display:block;padding:8px;font-size:15px}.doc-total-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin:26px 0}.doc-total-row div{border:3px solid #d8d8d8;padding:12px;display:flex;justify-content:space-between;gap:14px}.doc-total-row span{font-weight:900}.doc-total-row b{white-space:nowrap}.doc-total-row .grand{font-size:17px}.doc-legal{font-size:10px;line-height:1.15;margin-top:26px;color:#222}.doc-legal b{font-size:15px;display:block;margin-bottom:6px}.doc-preview .bnd-document{box-shadow:none}
@media(max-width:900px){.bnd-document{width:100%;min-height:auto;padding:18px;font-size:13px}.doc-header-clean{grid-template-columns:1fr}.doc-company-block{text-align:left}.doc-meta-grid{grid-template-columns:1fr 1fr}.doc-or-box{grid-template-columns:1fr}.doc-or-box div{border-right:0;border-bottom:1px solid #ddd}.company-data-grid{grid-template-columns:1fr}.doc-tax-row{width:100%;grid-template-columns:1fr}.doc-total-row{grid-template-columns:1fr}.doc-items-table{font-size:12px}}
@media print{html,body{background:#fff!important;color:#000!important}.sidebar,.scrim,.app-topbar,.doc-actions,.doc-toolbar,.no-print,.alert{display:none!important}.app-shell,.content{display:block!important;margin:0!important;padding:0!important;width:auto!important}.bnd-document{box-shadow:none!important;margin:0!important;width:210mm!important;min-height:297mm!important;padding:12mm!important}.doc-items-table th{background:#9d9d9d!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.doc-meta-grid div:nth-child(3),.doc-tax-row span{background:#d8d8d8!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.doc-tax-row span{background:#9d9d9d!important;color:#fff!important}.btn{display:none!important}@page{size:A4;margin:8mm}}

/* V8.2 SERMI */
.checkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:14px 0}.checkgrid label{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;display:flex;gap:8px;align-items:center}.pill.warn{background:rgba(245,158,11,.15);color:#fbbf24;border-color:rgba(245,158,11,.35)}
.mini-status{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:14px;padding:12px 14px;margin:12px 0;color:#dbe6ff;font-size:.92rem}