/* Colore comune ai portali: campionato dal fondo del logo originale. */
:root {
  --brand-petrol: #004747;
  --teal: var(--brand-petrol);
  --teal-2: var(--brand-petrol);
  --deep: var(--brand-petrol);
  --portal-green: var(--brand-petrol);
}
.login-screen, .sidebar, .portal-sidebar, .access-screen,
.editor-top, .workshop-topbar, .summary-hero, .kpi-card.accent {
  background: var(--brand-petrol);
}
.workshop-topbar ~ main .primary, .site-header .primary {
  background: var(--brand-petrol);
  border-color: var(--brand-petrol);
  color: #fff;
}
.workshop-topbar ~ main input[type="checkbox"] { accent-color: var(--brand-petrol); }
.production-page-header,
.print-brand:has(img[src*="salviato-lab-scelto"]) {
  background: var(--brand-petrol);
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

/* Logo S bianca/verde fornito dall'utente: bitmap originale senza alterazioni. */
.salviato-logo { display: block; width: 100%; height: auto; object-fit: contain; }
.login-brand.salviato-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.login-brand.salviato-brand .salviato-logo { width: min(100%, 259px); }
.login-brand.salviato-brand > small { margin: 0; color: var(--muted, #526d60); font-size: 12px; }
.sidebar .brand.salviato-brand { display: flex; flex-direction: column; align-items: stretch; gap: 8px; min-width: 0; }
.sidebar .salviato-logo, .portal-brand .salviato-logo, .workshop-brand .salviato-logo { background: #004747; border-radius: 0; }
.sidebar .brand.salviato-brand > small { margin: 0; text-align: center; }
.site-header .brand.salviato-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 0; letter-spacing: normal; }
.site-header .salviato-logo { width: 250px; max-width: 100%; }
.site-header .brand.salviato-brand > small { margin: 0; font-size: 10px; }
.portal-brand .salviato-logo { max-width: 220px; }
.workshop-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.workshop-brand .salviato-logo { width: 220px; }
.production-brand-mark:has(img[src*="salviato-lab-scelto"]) { width: 38mm; height: auto; aspect-ratio: 259 / 90; background: #004747; border-radius: 0; }
.production-brand-mark img { width: 100%; height: 100%; object-fit: contain; background: #004747; border-radius: 0; }
.print-brand-mark:has(img[src*="salviato-lab-scelto"]) { width: 38mm; height: auto; aspect-ratio: 259 / 90; background: #004747; border-radius: 0; }
.print-brand-mark img[src*="salviato-lab-scelto"] { padding: 0; background: #004747; border-radius: 0; }
.legal-page-brand .salviato-logo { width: min(100%, 259px); }
@media (max-width: 820px) {
  .sidebar .brand.salviato-brand { align-items: flex-start; flex-basis: 100%; padding: 0 0 7px; }
  .sidebar .brand.salviato-brand .salviato-logo { width: 195px; }
  .sidebar .brand.salviato-brand > small { display: none; }
  .sidebar:has(.salviato-brand) { flex-wrap: wrap; gap: 4px; }
  .sidebar:has(.salviato-brand) .main-nav { margin-left: 0; flex: 1; min-width: 0; overflow-x: auto; }
  .site-header .salviato-logo { width: 190px; }
}
@media (max-width: 500px) {
  .login-brand.salviato-brand .salviato-logo { width: min(100%, 259px); }
  .workshop-brand .salviato-logo { width: 175px; }
  .site-header .salviato-logo { width: 170px; }
}