/* Dmeeting brand: the theme's indigo primary is replaced with the same blue
   the booking app uses for its buttons, so admin and app read as one product. */
:root {
    --color-primary: #0a7be0;
    --color-primary-focus: #0865b8;
    --color-accent: #0a7be0;
    --color-accent-focus: #0865b8;
    --color-accent-light: #5aa9ee;
}

html, body {
    font-family: 'Inter', 'Noto Sans Thai', 'Google Sans', sans-serif;
}

/* This admin app has no real use for the theme's collapsible icon-rail
   sidebar (a screen-space trick meant for very wide marketing dashboards) —
   it only ever caused broken, overlapping layouts at in-between browser
   widths (the drawer has no z-index in the compiled theme CSS, so the
   fixed header renders on top of it when it opens). The icon rail
   (.main-sidebar) is removed entirely, and the labeled menu
   (.sidebar-panel) is driven by our own, plain rules below instead of the
   theme's fragile is-sidebar-open/breakpoint system:
     - below md (768px): a toggleable overlay drawer (closed by default),
       opened via .sidebar-panel-open (set by Alpine, see app-header.blade
       .php's hamburger button and sidebar.blade.php's backdrop)
     - md and up: always visible, part of the layout (nav.header/
       .main-content reserve space for it)
   nav.header/.main-content still read the theme's own --sideblock-width
   variable so this stays in sync if that variable's value ever changes. */
.main-sidebar {
    display: none !important;
}

.sidebar-panel {
    translate: -100% 0 !important;
    transition: translate 0.2s ease-in-out !important;
    z-index: 50 !important;
}

.sidebar-panel.sidebar-panel-open {
    translate: 0 0 !important;
}

.sidebar-backdrop {
    z-index: 45;
}

@media (min-width: 48rem) {
    .sidebar-panel {
        translate: 0 0 !important;
    }

    nav.header {
        width: calc(100% - var(--sideblock-width)) !important;
    }

    .main-content {
        margin-left: var(--sideblock-width) !important;
    }
}