/* Base styles - scrollbar etc. (Tailwind via CDN in index.html) */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
html, body, #root {
  height: 100%;
}

@keyframes loading-slide {
  0% { transform: translateX(-100%); }
  50% { transform: translateX(200%); }
  100% { transform: translateX(-100%); }
}

html, body {
  overscroll-behavior-y: contain;
  overflow-y: auto;
  overflow-x: hidden;
}

.desktop-page-shell {
  width: 100%;
}

.page-root {
  padding: 1rem;
}

.note-inline {
  display: none;
}

@media (min-width: 768px) {
  .desktop-page-shell {
    max-width: 860px;
    margin: 0 auto;
  }

  /* Vues data-dense (ex. factures) : use la largeur du panneau principal. */
  .desktop-page-shell.desktop-page-shell--wide {
    max-width: min(100%, 1440px);
  }

  .desktop-page-shell .page-root {
    padding: 2rem 2.5rem 4rem;
  }

  .desktop-page-shell .note-fab {
    display: none !important;
  }

  .desktop-page-shell .note-inline {
    display: block;
  }
}