/* V32: existing Matos identity, with a left workshop navigation. */
.matos-signature{width:440px;max-width:100%;height:auto}
.topin .matos-brand{flex:1;min-width:0}
.workshop .welcome h1{font-size:32px;font-weight:600}
.workshop .clock{font-size:21px;line-height:1.5}
.welcome{border-left-color:#929ba2}
.brandDivider{background:#667078}
.workshop .main{min-width:0}
.workshop #menu button{font-size:14px;line-height:1.4;cursor:pointer}
.workshop #menu button:focus-visible,.btn:focus-visible{outline:2px solid #e8aa70;outline-offset:2px}
.diagnosticPanel{padding:20px;margin:20px 0;border:1px solid #56616a;border-radius:8px;background:#191f23}
.diagnosticAdd{display:flex;align-items:center;gap:14px;background:transparent;border:0;color:var(--text);font-size:20px;cursor:pointer;text-align:left}
.diagnosticAdd .plusSquare{display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid #99a3ac;border-radius:6px;font-size:32px}
.solutionBox{margin-top:14px;padding:14px;border-left:2px solid #89949d;background:#20282d;white-space:pre-wrap}
.intervention p,.techBody{white-space:pre-wrap;overflow-wrap:anywhere}
.formgrid .field label{font-size:14px}
.directory{display:grid;gap:14px;margin-top:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.directory .card h3{font-size:18px}.directory .card p{font-size:14px;line-height:1.6}
.directorySearch{max-width:640px;margin:18px 0}
.reviewBanner{padding:16px;border:1px solid #68747e;border-radius:8px;margin:16px 0}
.photoTools{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.photoTools label{cursor:pointer}
.photoTools input{max-width:100%}
.listView .vehicles{margin-top:20px}
.financeRow{gap:12px;overflow-wrap:anywhere}
.techBody{line-height:1.65}.muted32{color:var(--muted);font-size:14px}
@media(min-width:1050px){
 .workshop .top{margin-left:232px}
 .workshop .main{max-width:none;margin-left:232px;padding:28px}
 .workshop #menu{display:flex!important;flex-direction:column;position:fixed;left:0;top:0;bottom:0;right:auto;width:232px;border-radius:0;border:0;border-right:1px solid var(--line);padding:20px 10px;overflow:auto;box-shadow:none}
 .workshop #menu:before{content:'TALLER';font-size:13px;letter-spacing:2px;color:#a9b2b9;padding:10px 14px 20px}
 .workshop .hamb{display:none}
 .workshop .hero{grid-template-columns:minmax(0,1fr) 230px}
 .workshop .brands{grid-template-columns:repeat(5,minmax(0,1fr))}
 .workshop .split{grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr)}
}
@media(max-width:1049px){
 .workshop .topin{display:flex;flex-wrap:wrap}
 .workshop .topin .hamb{order:-2;margin-left:0;flex:none}
 .workshop .topin .matos-brand{order:-1;flex:1;flex-basis:auto}
 .workshop .matos-signature{width:100%;max-width:440px}
 .workshop #menu{left:0;right:auto;top:100%;width:min(320px,92vw);max-height:70dvh;overflow:auto;border-radius:0 0 8px 0}
 .workshop .welcome h1{font-size:28px}.workshop .clock{font-size:18px}
 .workshop .split{grid-template-columns:1fr}
}
@media print{.workshop .main{margin-left:0}.matos-signature{max-width:100%}.diagnosticPanel{background:white;color:#111}}
.workshop .top{backdrop-filter:none}