/* Πάνω μπάρα — τρία σήματα: ίδιο πλάτος, στρογγυλά, μόνο εικονίδιο. */
.nav-logo .cfx-tb-btn {
  box-sizing: border-box; width: 30px; height: 22px; min-width: 30px; padding: 0; flex: none;
  border: 0; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 0; line-height: 0; cursor: pointer;
}
.nav-logo .cfx-tb-btn svg { display: block; width: 12px; height: 12px; flex: none; }
.nav-logo .cfx-tb-btn:focus-visible { outline: 2px solid var(--chrome-accent); outline-offset: 2px; }
/* Πελατολόγιο: το εικονίδιο φαίνεται μόνο στο κινητό. */
.cfx-tb-people-ic { display: none; }

/* Κενό ανάμεσα στα σήματα: 8px του .nav-logo + 8px εδώ = 16px. */
.nav-logo #nav-sarosi-btn, .nav-logo #nav-production-btn { margin-left: 8px; }
.nav-logo #nav-production-btn { background: #2b7fff; }
.nav-logo #nav-production-btn:hover { background: #1667d8; }

/* Κινητό (≤768px): ΜΙΑ σειρά (56px) — ☰, λογότυπο, ανανέωση, πόρτα, φακός, εργοστάσιο, Πελατολόγιο — ίσες αποστάσεις.
   Γονέας που περιόριζε το πλάτος: το .nav-logo μοιράζεται τη σειρά του .nav (nowrap) με τις καρτέλες και
   συρρικνωνόταν. Τώρα το .nav-logo είναι display:contents (και το .nav-actions, app.css): ☰, λογότυπο, ανανέωση,
   τα τρία κουμπιά και η καρτέλα Πελατολόγιο είναι άμεσα παιδιά του ΙΔΙΟΥ flex γονέα (.nav) με space-evenly. */
@media (max-width: 768px) {
  .nav { flex-wrap: wrap; justify-content: space-evenly; align-items: center; gap: 0; padding: 8px 10px; overflow-x: hidden; }
  .nav-logo { display: contents !important; }
  /* Καρτέλες σελίδων: κρυφές όλες εκτός από το Πελατολόγιο (εικονίδιο). Στο ☰ μπαίνει μόνο το Πλυντήριο
     (προστίθεται από το saas_topbar_icons.js, μόνο στο κινητό). */
  .nav > .tab { display: none !important; }
  .nav > .tab[data-page*="pelatalogion"]:not([style*="none"]) {
    display: inline-flex !important; align-items: center; justify-content: center; order: 7;
    box-sizing: border-box; width: 40px; height: 40px; min-width: 40px; padding: 0; margin: 0;
    font-size: 0; line-height: 0; background: none;
  }
  .nav > .tab[data-page*="pelatalogion"] .cfx-tb-people-ic { display: block; width: 20px; height: 20px; flex: none; }
  .nav-logo #cfx-sb-toggle { order: 1; align-items: center; }
  .nav-logo #nav-brand { order: 2; }
  .nav-logo #cfx-refresh-btn { order: 3; }
  .nav-logo #logout-btn { order: 4; }
  .nav-logo #nav-sarosi-btn { order: 5; }
  .nav-logo #nav-production-btn { order: 6; }
  .nav-logo #error-log-badge { order: 7; }
  .nav-logo #cfx-refresh-btn .cfx-refresh-ic { width: 18px; height: 18px; }
  .nav-logo #nav-brand .cfx-nb-name { display: none; }
  .nav-logo #nav-brand .cfx-nb-mark { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 8px; }
  .nav-logo .cfx-tb-btn { position: relative; width: 32px; height: 24px; min-width: 32px; border-radius: 12px; }
  .nav-logo #nav-sarosi-btn, .nav-logo #nav-production-btn { margin-left: 0; }
  .nav-logo .cfx-tb-btn svg { width: 13px; height: 13px; }
  /* Αόρατη περιοχή πατήματος 44px ύψος (24 + 10 + 10), χωρίς αλλαγή όψης ή ισομοιρασμού. */
  .nav-logo .cfx-tb-btn::before { content: ''; position: absolute; left: 0; right: 0; top: -10px; bottom: -10px; background: transparent; }
}