/* "Mon Planning" (route /planning) — page-level layout overrides that can't live in the module's
   scoped .razor.css files because they target ANCESTORS of the page's own root element
   (.abs-page, .k-drawer-content) rather than the page's own subtree. Mirrors the established
   .progression-plan-main-page / .resident-main-page convention exactly (see
   css-has-selector-safety.md): `.planning-main-page` is a page-specific root class used nowhere
   else, so the `:has()` selectors below are safely scoped to this one page. */

.abs-page:has(.planning-main-page) {
    padding: 0 !important;
    margin: 0;
    background-color: var(--sn-surface-subtle, #F5F6FA);
}

.abs-left-bar .k-drawer-content .k-drawer-content:has(.planning-main-page) {
    overflow: hidden;
}

/* "RDV & Espace partagé" (route /meetings) — same full-bleed reset. `.meetings-main-page` is a
   page-specific root class used nowhere else, so these `:has()` selectors reach only this page. */

.abs-page:has(.meetings-main-page) {
    padding: 0 !important;
    margin: 0;
    background-color: var(--sn-surface-subtle, #F5F6FA);
    border-radius: 0;
}

.abs-left-bar .k-drawer-content .k-drawer-content:has(.meetings-main-page) {
    overflow: hidden;
}

/* "Nouveau rendez-vous" (route /meetings/appointment/new) — same full-bleed reset.
   `.appointment-create-page` is a page-specific root class used nowhere else. */

.abs-page:has(.appointment-create-page) {
    padding: 0 !important;
    margin: 0;
    background-color: var(--sn-surface-subtle, #F5F6FA);
    border-radius: 0;
}

.abs-left-bar .k-drawer-content .k-drawer-content:has(.appointment-create-page) {
    overflow: hidden;
}

/* The add-document panel follows the RDV prototype's drawer, whose subtitle is Gilroy (measured
   500 -> the Regular face) rather than the shared panel's Kendo/Roboto stack. It lives here rather
   than in the component's scoped CSS because the subtitle belongs to SlidePanel, an ancestor
   component that scoped CSS cannot reach.

   The :has() is safe per css-has-selector-safety: `.add-document-panel` has exactly one bearer
   (AddDocumentPanel.razor), so no other slide panel in the app is affected. */
.abena-v3-slide-panel:has(.add-document-panel) .abena-v3-slide-panel__subtitle {
    font-family: 'Gilroy-Regular', 'Gilroy', sans-serif;
}