/* ========================================================================== 
   FINDZLE — SHELL COMMUN
   --------------------------------------------------------------------------
   Base visuelle commune à toutes les applications Findzle.
   Copier le dossier /public/css/shell/ tel quel dans une autre application.

   Modules :
   - findzle-shell.css          : variables + structure générale
   - findzle-sidebar.css        : marque + navigation + mode compact
   - findzle-topbar.css         : burger + recherche + actions
   - findzle-topbar-menus.css   : langue + notifications + My Apps + utilisateur
   ========================================================================== */

:root {
    --fzl-shell-sidebar-width: 270px;
    --fzl-shell-sidebar-collapsed-width: 72px;
    --fzl-shell-topbar-height: 72px;

    --fzl-shell-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --fzl-shell-bg: #ffffff;
    --fzl-shell-text: #172033;
    --fzl-shell-text-secondary: #475467;
    --fzl-shell-muted: #667085;
    --fzl-shell-muted-soft: #98a2b3;

    --fzl-shell-border: #e4e9f2;
    --fzl-shell-border-strong: #d0d5dd;

    --fzl-shell-primary: #3157d5;
    --fzl-shell-primary-strong: #2452d6;
    --fzl-shell-primary-soft: #eef4ff;

    --fzl-shell-hover: #f3f5f9;
    --fzl-shell-shadow: 0 20px 50px rgba(15, 23, 42, .18), 0 4px 14px rgba(15, 23, 42, .08);
}

body.fzl-shell-body,
body.fzl-shell-body .fzl-shell-sidebar,
body.fzl-shell-body .fzl-shell-topbar,
body.fzl-shell-body .fzl-shell-sidebar *,
body.fzl-shell-body .fzl-shell-topbar * {
    box-sizing: border-box;
    font-family: var(--fzl-shell-font) !important;
}

body.fzl-shell-body .fzl-shell-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1000;
}

body.fzl-shell-body .fzl-shell-topbar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1100;
}

body.fzl-shell-body .fzl-shell-main {
    min-height: 100vh !important;
    margin-left: var(--fzl-shell-sidebar-width) !important;
    padding: calc(var(--fzl-shell-topbar-height) + 26px) 28px 48px !important;
}

@media (max-width: 900px) {
    body.fzl-shell-body .fzl-shell-main {
        margin-left: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}