/* Garage — paleta do brandbook, pranchas 36–37. */
:root{--garage-mole:#392d2b;--garage-kraft:#bfa387;--garage-mineral:#daccb4;--garage-terra:#c68463;--garage-sol:#efe1a7;--garage-mata:#c2cbb4;--garage-mar:#bfcdcc;--catalog-ink:var(--garage-mole);--catalog-accent:var(--garage-mole);--catalog-border:#e4dcd2}
body,input,button,select,textarea{font-family:'Aktiv Grotesk','Aktiv Grotesk Cd',Arial,Helvetica,sans-serif;color:var(--garage-mole)}
body,.app-shell{background:#fff}.main{background:#fff}.sidebar{background:#fff;border-right:1px solid var(--garage-mineral)}
.brand{display:block;padding:4px 4px 18px;border-bottom:1px solid var(--garage-mineral);margin-bottom:16px}.garage-wordmark{display:block;width:170px;height:40px;object-fit:contain;max-width:100%}.brand-subtitle{display:block;margin-top:6px;color:var(--garage-mole);font-size:11px;letter-spacing:.08em}
.nav a{color:var(--garage-mole);border-radius:4px;font-weight:500}.nav a:hover,.nav a:focus-visible{background:var(--garage-mineral);color:var(--garage-mole)}
.nav a[aria-current='page']{background:var(--garage-mineral);color:var(--garage-mole);border-left:3px solid var(--garage-mole);font-weight:700}
.sidebar-footer{border-top:1px solid var(--garage-mineral)}.user-badge{background:var(--garage-mata);color:var(--garage-mole)}
h1,h2,h3,.page-header h1,.product-info .name,.kpi-card strong{color:var(--garage-mole)}.page-header h1{font-weight:500;letter-spacing:-.02em}.breadcrumb{color:var(--garage-mole)}
.btn-primary,.login-button{background:var(--garage-mole);border:1px solid var(--garage-mole);color:white;border-radius:5px;box-shadow:none}.btn-primary:hover,.login-button:hover{background:var(--garage-mole);color:white;filter:brightness(1.18)}
.btn-secondary,.btn-light{background:white;border:1px solid var(--garage-kraft);color:var(--garage-mole);border-radius:5px}.btn-secondary:hover,.btn-light:hover{background:var(--garage-mineral);color:var(--garage-mole)}
.kpi-card,.scenario-card,.theory-card,.filter-card,.how-card,.method-card,.info-strip{border:1px solid var(--catalog-border);border-radius:6px;box-shadow:none;background:white;color:var(--garage-mole)}
.kpi-card{border-top:3px solid var(--garage-mineral)}.scenario-icon{background:var(--garage-mineral);color:var(--garage-mole)}.scenario-card h3,.scenario-card a,.scenario-card span{color:var(--garage-mole)}
.catalog-criteria,.catalog-filters{border-color:var(--garage-mineral);border-radius:4px}.catalog-criteria>summary,.catalog-filters>summary{color:var(--garage-mole)}.catalog-summary{color:var(--garage-mole)}
.product-card{border-color:var(--catalog-border);border-radius:5px}.product-image,.product-image img{background:#fff}.compact-info .name{font-weight:600}.card-color,.card-price,.card-stock{color:var(--garage-mole)}
.card-recommendation{color:var(--garage-mole);background:var(--garage-mar);border-radius:3px;padding:3px 6px;display:inline-block;max-width:100%;font-size:10px}
.select-btn{border-color:var(--garage-mole);color:var(--garage-mole);background:white;border-radius:4px}.select-btn:hover{background:var(--garage-mineral);color:var(--garage-mole)}.select-btn.selected{background:var(--garage-mata);border-color:var(--garage-mole);color:var(--garage-mole)}.select-btn:disabled{background:#eee9e3;border-color:var(--garage-mineral);color:#685d57}
.analysis-button{color:var(--garage-mole)}.selected-pill{background:var(--garage-mata);color:var(--garage-mole);border:1px solid var(--garage-mata);border-radius:4px}
.pagination .active,.catalog-section .pagination .active{background:var(--garage-mineral);border-color:var(--garage-kraft);color:var(--garage-mole)}.pagination a{background:white;border-color:var(--garage-kraft);color:var(--garage-mole)}
.analysis-dialog{border-radius:6px}.analysis-dialog::backdrop{background:#392d2b88}.dialog-header{border-color:var(--garage-mineral)}.analise-card{background:var(--garage-mar);border-color:var(--garage-mar);color:var(--garage-mole)}
.bf-intelligence,.decision-summary{background:var(--garage-mole);color:#fff;box-shadow:none;border-radius:6px}.bf-intelligence small,.decision-summary p,.decision-summary a{color:#fff}.bf-score strong{background:var(--garage-sol);color:var(--garage-mole)}.decision-summary .eyebrow{color:var(--garage-sol)}
.score-breakdown span,.score-details summary{color:var(--garage-sol)}.method-warning,.blocked-badge{background:var(--garage-sol);color:var(--garage-mole);border-color:var(--garage-kraft)}
.scale-band.low{background:var(--garage-mata);color:var(--garage-mole)}.scale-band.review{background:var(--garage-sol);color:var(--garage-mole)}.scale-band.high{background:var(--garage-terra);color:var(--garage-mole)}.scale-band.critical{background:var(--garage-mole);color:#fff}
input,select,textarea,.multi-filter-button{border-color:var(--garage-mineral);background:white;color:var(--garage-mole)}input:focus,select:focus,textarea:focus{outline:2px solid var(--garage-mole);outline-offset:2px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--garage-mole);outline-offset:3px}
body.login-page{background:var(--garage-mineral);font-family:'Aktiv Grotesk',Arial,sans-serif}.login-card{border-radius:6px;border-color:var(--garage-kraft);box-shadow:none}.login-brand{display:block}.login-brand .garage-wordmark{width:190px;height:auto;margin-bottom:12px}.login-brand strong{display:none}.login-brand span,.login-card h1,.login-card label{color:var(--garage-mole)}.login-button{background:var(--garage-mole);color:white;border-radius:4px}
@media(max-width:700px){.brand{padding-bottom:8px;margin-bottom:8px}.garage-wordmark{width:150px;height:35px}}

/* Estoque solicitado pela diretoria: total = lojas físicas + e-commerce. */
.stock-summary{margin:7px 0 4px;font-size:11px;line-height:1.4}
.stock-total{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--garage-mata);color:var(--garage-mole);border:1px solid #91ac80;border-radius:4px;padding:6px 7px;margin-bottom:4px;font-weight:600}
.stock-total strong{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.stock-channel{display:flex;justify-content:space-between;gap:8px;padding:1px 7px;color:var(--garage-mole)}
.stock-channel strong{font-variant-numeric:tabular-nums}.stock-last-sale{font-size:10px;color:#685d57;margin:4px 0}

/* Superfície e navegação compactas: tamanho real, sem depender do zoom. */
body,.app-shell,.main{background:#e9e0cc}
body{font-size:13px}
.sidebar{box-sizing:border-box;background:#f7f2e8;width:200px;min-width:200px;padding:18px 14px 14px;height:100dvh;overflow:hidden;justify-content:flex-start;gap:12px}
.sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0}
.sidebar .brand{flex-shrink:0;padding:0 2px 14px;margin-bottom:10px}
.sidebar .garage-wordmark{width:155px;height:36px}
.sidebar .nav{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow-y:auto;gap:3px}
.sidebar .nav a{padding:9px 10px;font-size:12px;line-height:1.35}
.sidebar-footer{display:flex;flex:0 0 auto;align-items:flex-start;gap:8px;padding:12px 0 0;overflow:visible;margin:0}
.sidebar-footer>div:last-child{flex:1;min-width:0;overflow:visible}
.sidebar-footer strong,.sidebar-footer span{max-width:none;white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.4}
.sidebar-footer strong{font-size:12px;font-weight:600}.sidebar-footer span{font-size:10px}
.sidebar-footer .user-badge{width:28px;height:28px;font-size:11px}
.logout-link{display:inline-block;margin-top:7px;font-size:12px;color:var(--garage-mole);text-underline-offset:3px}
.main{margin-left:200px;width:calc(100% - 200px);padding:20px 24px 32px}
.page-header h1{font-size:24px}
@media(max-width:700px){.sidebar{position:static;width:100%;height:auto;min-width:0;overflow:visible;padding:12px}.sidebar-content{flex:none}.sidebar .nav{flex-direction:row;flex-wrap:wrap;max-height:none;overflow:visible}.sidebar-footer{display:flex;padding-top:10px}.main{margin-left:0;width:100%;padding:14px}.sidebar-footer strong{overflow-wrap:anywhere}}

.sidebar .garage-wordmark{mix-blend-mode:multiply}