/* saas_sidebar_mobile.css — κανόνες κινητού του πλαϊνού (μεταφέρθηκαν αυτούσιοι από το app.css, @media max-width:768px). Φορτώνεται αμέσως μετά το saas_sidebar.css. */
@media (max-width: 768px) {
  body.cfx-sidebar-on {
    padding-left: 0;
  }
  /* C3: mobile drawer είναι off-canvas — overlay full-width ξανά */
  body.cfx-sidebar-on .modal-overlay { left: 0; }
  /* fix/mobile-settings-fit-and-back: το παραπάνω (0,2,1) έχανε από το «body.cfx-sidebar-collapsed.cfx-sidebar-on .modal-overlay {left:48px}»
     (0,3,1, ~γρ. 1901) — και το collapsed μπαίνει ΠΡΟΕΠΙΛΟΓΗ σε ΟΛΕΣ τις συσκευές (saasInit) ⇒ ΚΑΘΕ παράθυρο σε κινητό ξεκινούσε 48px
     δεξιά και το δεξί του μέρος έβγαινε εκτός οθόνης. Το drawer είναι off-canvas ≤768px, άρα το overlay είναι πάντα full-width. */
  body.cfx-sidebar-collapsed.cfx-sidebar-on .modal-overlay { left: 0; }
  /* Phase 2L PR 3: drawer behavior. Το υπάρχον transform:translateX(-100%)
     μετακινήθηκε εδώ μαζί με τα υπόλοιπα drawer overrides (width 80% με
     max 320px, smooth transition, scroll lock σε body όταν open).
     CodeRabbit follow-up: visibility:hidden + pointer-events:none όταν
     closed, ώστε το sidebar να μη δέχεται clicks ή να κρατάει focus πίσω
     από το backdrop σε συνδυασμό με το inert attribute. */
  .cfx-sidebar {
    width: 80%;
    max-width: 320px;
    transform: translateX(-100%);
    transition: transform .25s ease-out;
    visibility: hidden;
    pointer-events: none;
  }
  .cfx-sb-hamburger { display: flex; }
  body.cfx-sidebar-mobile-open .cfx-sidebar {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
  }
  body.cfx-sidebar-mobile-open .cfx-sb-backdrop { display: block; }
  body.cfx-sidebar-mobile-open { overflow: hidden; }

  /* PR 3.2d: collapsed class no-op σε mobile (drawer pattern παραμένει).
     PR 3.2d v2 (CodeRabbit): full revert όλων των hidden classes + spacing
     overrides ώστε το mobile drawer να εμφανίζεται πλήρες ασχέτως αν body
     έχει cfx-sidebar-collapsed (πιθανό από desktop session που resize-άρισε
     σε mobile χωρίς state cleanup). */
  body.cfx-sidebar-collapsed .cfx-sidebar { width: auto; }
  body.cfx-sidebar-collapsed.cfx-sidebar-on { padding-left: 0; }
  body.cfx-sidebar-collapsed .cfx-sb-label,
  body.cfx-sidebar-collapsed .cfx-sb-brand-name,
  body.cfx-sidebar-collapsed .cfx-sb-brand-word,
  body.cfx-sidebar-collapsed .cfx-sb-user-name,
  body.cfx-sidebar-collapsed .cfx-sb-user-role { display: revert; }
  body.cfx-sidebar-collapsed #cfx-sb-settings-new .cfx-sb-icon { display: none; }
  body.cfx-sidebar-collapsed .cfx-sb-item,
  body.cfx-sidebar-collapsed .cfx-sb-group-header {
    justify-content: revert;
    padding-left: revert;
    padding-right: revert;
  }
  /* Ρητές τιμές (όχι `revert`): το submenu indent ορίζεται σε author origin,
     οπότε το `revert` θα το μηδένιζε αντί να το επαναφέρει. */
  body.cfx-sidebar-collapsed .cfx-sb-group-body {
    margin-left: 21px;
    border-left: 1px solid var(--chrome-border);
  }
  body.cfx-sidebar-collapsed .cfx-sb-icon { margin: revert; }
  body.cfx-sidebar-collapsed .cfx-sb-header,
  body.cfx-sidebar-collapsed .cfx-sb-footer {
    padding-left: revert;
    padding-right: revert;
  }
  .cfx-sb-collapse-btn { display: none; }
}