/* V31: logotipo exacto de referencia aprobado. Los formularios y la disposición del taller se conservan. */
:root{--bg:#101517;--panel:#191f23;--panel2:#222a2e;--line:#343d42;--orange:#e88c36;--orange2:#e8aa70;--text:#eef0f2;--muted:#adb5bb}
body{background:var(--bg)}
.top{background:#171d21;box-shadow:none;border-bottom:1px solid var(--line)}
.topin{padding:14px 22px;gap:18px}
.menu{top:100%}
.matos-brand{display:flex;align-items:center;gap:22px;min-width:0;max-width:100%}
.matos-emblem{display:block;width:144px;max-width:100%;height:auto;object-fit:contain;mix-blend-mode:screen;flex:none}
.matos-signature{display:block;width:440px;max-width:calc(100% - 166px);height:auto;object-fit:contain;filter:none}
.welcome,.counter,.card,.vehicle,.sidecard,.financebox,.modalbox,.brandcard{background:var(--panel);box-shadow:none;border-radius:8px}
.welcome{padding:22px;border-left-width:2px}
.welcome h1{font-size:24px;font-weight:500;letter-spacing:0}
.welcome p{font-size:14px}
.counter .num{font-size:40px;font-weight:500}
.counter .lbl{font-size:11px;letter-spacing:1px}
.btn{background:#20282d;box-shadow:none;border-radius:6px}
.btn.primary{background:var(--orange);border-color:var(--orange);box-shadow:none}
.btn.primary:hover{background:#f2a151}
.brandcard{min-height:110px}
.brandbadge{width:48px;height:48px;min-width:48px;border:0;background:transparent;box-shadow:none}
.brandlogo{width:36px;height:36px;filter:grayscale(1) brightness(0) invert(.8)}
.brandcard:hover{transform:none;box-shadow:none}
.brandcard.selected,.vehicle:hover{box-shadow:none}
.intervention{background:#161d21}
.cardlink span{font-weight:500;letter-spacing:.4px}
.authbox{max-width:500px;margin:3vh auto;padding:28px 32px}
.authbox .matos-brand{flex-direction:column;gap:10px;margin-bottom:24px}
.authbox .matos-emblem{width:236px;max-width:90%;height:auto}
.authbox .matos-signature{width:100%;max-width:420px;height:auto}
.authbox h1{font-size:23px;font-weight:600;text-align:center;margin:0 0 22px}
.authbox form>.primary{width:100%;margin-top:6px}
.authbox .hint{font-size:12px;line-height:1.5}
.authbox #authError:empty{display:none}
.authbox #authError{font-size:13px}
.authbox .actions{gap:8px}
.authbox .actions .btn{flex:1;font-size:13px}
.authbox form{margin-bottom:12px}
.savebar{font-size:12px}
@media(max-width:960px){
 .topin{flex-wrap:wrap;gap:12px}
 .topin .matos-brand{flex-basis:100%}
 .topin>.hamb{margin-left:auto}
}
@media(max-width:620px){
 .topin{padding:12px 14px}
 .matos-brand{gap:12px}
 .matos-emblem{width:108px}
 .matos-signature{width:calc(100% - 120px);max-width:none}
 .authbox{margin:6px auto;padding:22px}
 .authbox .matos-brand{gap:10px;margin-bottom:22px}
 .authbox .matos-emblem{width:216px}
 .authbox .matos-signature{width:100%;max-width:100%}
 .authbox h1{font-size:22px}
 .welcome h1{font-size:22px}
 .menu{right:14px}
 .brandcard{min-height:100px}
}
@media print{
 body{background:#fff;color:#111}
 .matos-brand{gap:18px;break-inside:avoid}
 .matos-signature{width:400px;max-width:calc(100% - 148px);filter:none}
 .card,.intervention{background:#fff!important;box-shadow:none!important;color:#111!important}
 .itime,.hint,.tag,.kmTag,.photoCount{color:#333!important}
 .sectionhead{break-after:avoid}
}