/*
 * QR Pointage CSS manifest.
 *
 * The cascade is split into maintainable files while preserving the exact
 * historical load order. Do not add page rules here: place them in the
 * matching module, or shared components in core/.
 * Cache revision: 2026-08-11 worker modal legacy cleanup.
 */

@import url("core/base.css?v=20261009-client-modal1");
@import url("core/shared-views.css?v=20261008-page-headers1");
@import url("modules/admin-anomalies.css");
@import url("modules/admin-dashboard-legacy.css");
@import url("modules/admin-dashboard-scope.css");
@import url("modules/admin-document-templates.css");
@import url("components/client-selector.css?v=20261007-task-reference1");
@import url("components/global-search.css?v=20260910-megamenu-fix1");
@import url("components/worker-selector.css?v=20261007-task-reference1");
@import url("modules/admin-email-templates.css");
@import url("modules/admin-mail-log.css?v=20260813-1");
@import url("components/document-mail-modal.css?v=20261008-mail-options1");
@import url("modules/admin-worker-planning-email.css?v=20261007-task-reference1");
@import url("modules/admin-periodic-inspection.css?v=20260813-2");
@import url("modules/admin-export-print.css");
@import url("modules/admin-maintenance-photos.css");
@import url("modules/admin-master-data-maintenance.css?v=20260820-1");
@import url("modules/admin-planning.css?v=20261011-dead-code1");
@import url("components/workday-dashboard.css?v=20261008-1");
@import url("modules/admin-quotes.css?v=20261027-draft-layout1");
@import url("modules/public-scan.css?v=20260821-history1");
@import url("modules/public-worker-portal.css?v=20261027-amount-headers1");
@import url("core/forms.css?v=20261027-draft-layout1");
@import url("modules/admin-tasks.css?v=20261007-task-list-align1");
@import url("core/buttons.css?v=20261009-add-button1");
@import url("core/modals.css?v=20260831-intervention-scrollgrid4");
@import url("core/selection-lists.css");
@import url("modules/admin-update.css");
@import url("modules/admin-stock.css?v=20261011-dead-code1");
@import url("modules/admin-absences.css?v=20260820-1");

@import url("core/entity-modals.css?v=20261011-prestation-delete1");

@import url("modules/admin-installation.css");

@import url("modules/admin-periodic-inspection-overrides.css?v=20261008-page-headers1");

@import url("modules/admin-label-printer.css?v=20260819-1");

@import url("modules/followup-admin-advanced.css?v=20261007-task-reference1");

@import url("core/zoom-resilience.css?v=20261007-task-reference1");
@import url("components/period-control.css?v=20261011-date-align2");
@import url("core/responsive-mobile.css?v=20261008-help-bounds1");
@import url("core/responsive-application.css?v=20261009-add-button1");
@import url("core/ui-components.css?v=20261027-amount-headers1");
@import url("components/passage-responsive.css?v=20260821-1");
@import url("modules/admin-client-profile.css?v=20261027-amount-headers1");
@import url("modules/admin-worker-profile.css?v=20260905-worker-profile1");
@import url("modules/admin-reports.css?v=20261011-dead-code1");
@import url("modules/bank-imports.css?v=20261009-bank-imports2");
@import url("modules/admin-dashboard-pilotage.css?v=20261008-page-headers1");
@import url("modules/admin-home.css?v=20261009-home-kpis1");
@import url("core/common-controls.css?v=20260905-rationalisation1");
@import url("core/dark-theme.css?v=20261011-dead-code1");
@import url("core/admin-page-ui.css?v=20261027-task-groups1");

/* Final modal overrides: intentionally after every imported stylesheet. */
html body.modal-is-maximized{display:block;place-items:initial;padding:0;margin:0;overflow:hidden}
html body.modal-is-maximized>:is(.ui-modal,.modal-card,.modal-panel,.business-form-card,.client-detail-modal-card,.worker-form-card,.planning-modal-panel,.planning-modal-card,.worker-modal-panel).is-maximized,
html body :is(.ui-modal,.modal-card,.modal-panel,.business-form-card,.client-detail-modal-card,.worker-form-card,.planning-modal-panel,.planning-modal-card,.worker-modal-panel).is-maximized{position:fixed!important;inset:0!important;box-sizing:border-box!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;z-index:2147483000!important}
html body :is(.ui-modal-backdrop,.modal-backdrop,.modal-overlay,.entity-modal-backdrop,.worker-modal).is-maximized{position:fixed!important;inset:0!important;display:grid!important;place-items:stretch!important;box-sizing:border-box!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:0!important;transform:none!important}
html body :is(.ui-modal-backdrop,.modal-backdrop,.modal-overlay,.entity-modal-backdrop,.worker-modal).is-maximized>:is(.ui-modal,.modal-card,.modal-panel,.business-form-card,.client-detail-modal-card,.worker-form-card,.planning-modal-panel,.planning-modal-card,.worker-modal-panel,.entity-modal-shell){position:fixed!important;inset:0!important;box-sizing:border-box!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important}
.entity-modal-backdrop.is-maximized .entity-modal-frame{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
body.admin-modal-component-quote #quoteClientSelect{display:block!important;position:static!important;width:100%!important;height:auto!important;opacity:1!important;pointer-events:auto!important}
html.quote-client-enhanced body.admin-modal-component-quote #quoteClientSelect{display:none!important;position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
body.admin-modal-component-quote:not(.admin-modal-component-invoice) .quote-form-grid>label:first-child{width:auto!important;min-width:0!important;max-width:none!important}body.admin-modal-component-quote:not(.admin-modal-component-invoice) .quote-form-grid{grid-template-columns:minmax(240px,1.8fr) repeat(3,minmax(112px,.72fr)) minmax(160px,1fr)!important;width:100%!important;min-width:0!important}body.admin-modal-component-quote .quote-client-combobox{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:8px!important;align-items:center!important;width:100%!important}body.admin-modal-component-quote .quote-client-search{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important}body.admin-modal-component-quote .quote-client-add{display:inline-grid!important;visibility:visible!important;opacity:1!important;position:static!important;grid-column:2!important;grid-row:1!important;width:38px!important;height:38px!important;margin:0!important;place-items:center!important}body.admin-modal-component-quote .quote-client-results{grid-column:1/-1!important;top:calc(100% + 4px)!important;width:100%!important;min-width:100%!important}.modal-resize-toggle .btn-svg,.quote-client-add .btn-svg{display:block!important;width:18px!important;height:18px!important}
body.admin-modal-component-quote .quote-lines>button{display:inline-flex!important;align-items:center!important;vertical-align:top!important;height:38px!important;min-height:38px!important;margin-top:8px!important;margin-bottom:0!important}
body.admin-modal-component-passage .passage-linked-quote-field{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important}body.admin-modal-component-passage .passage-linked-quote-control{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}body.admin-modal-component-passage .passage-linked-quote-control>select{flex:0 1 280px!important;width:280px!important;min-width:160px!important}body.admin-modal-component-passage .passage-linked-quote-view:not([hidden]){display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:max-content!important;margin:0!important;padding-inline:14px!important;white-space:nowrap!important}body.admin-modal-component-passage .passage-linked-quote-view[hidden]{display:none!important}
html:has(body.admin-modal-component-client),html:has(body.admin-modal-component-client) body{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;scrollbar-gutter:auto!important;background:transparent!important}body.admin-modal-component-client{width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:12px!important;overflow:hidden!important;box-sizing:border-box!important;background:transparent!important}body.admin-modal-component-client .client-detail-overlay.is-open{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;padding:12px!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important;background:transparent!important}body.admin-modal-component-client .client-detail-modal-card{width:min(1460px,100%)!important;max-width:100%!important;height:min(920px,100%)!important;max-height:100%!important;margin:auto!important;overflow:hidden!important;box-sizing:border-box!important;background:var(--ui-surface,#fff)!important}body.admin-modal-component-client .client-identification-row-identity{grid-template-columns:max-content minmax(220px,340px) max-content max-content!important;align-items:start!important}body.admin-modal-component-client .client-name-field{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:5px!important}body.admin-modal-component-client .client-name-field input[name="name"]{grid-column:1!important;width:100%!important;box-sizing:border-box!important}.client-bce-field{max-width:none!important}.client-vat-control{display:flex;align-items:center;gap:8px;width:max-content;max-width:none}.client-vat-control input[name="bce"]{flex:0 0 145px;width:145px!important}.client-vat-lookup{flex:0 0 38px;width:38px;height:38px}.client-peppol-status{display:flex;flex:0 0 auto;align-items:center;gap:8px;min-height:38px;margin:0;padding:4px 8px;border:1px solid #63cfbf;border-radius:8px;background:#ecfbf7;box-sizing:border-box}.client-peppol-status[hidden]{display:none!important}.client-peppol-status .supplier-peppol-logo{width:auto;max-width:102px;height:25px;object-fit:contain}.client-peppol-identifiers{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.client-peppol-identifiers li{width:max-content;max-width:100%;padding:3px 8px;border:1px solid #159980;border-radius:999px;color:#08715e;font-size:.75rem;font-weight:700;overflow-wrap:anywhere}.client-company-lookup-wait{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;background:rgba(15,42,67,.35)}.client-company-lookup-wait[hidden]{display:none}.client-company-lookup-wait>div{padding:18px 24px;border-radius:10px;background:#fff;box-shadow:0 12px 36px rgba(15,42,67,.25);font-weight:800;color:#102a43}
html.entity-modal-open,html.entity-media-open{overflow:hidden!important;overscroll-behavior:none!important;scrollbar-gutter:auto!important;scrollbar-width:none!important}html.entity-modal-open body,html.entity-media-open body{overflow:hidden!important;overscroll-behavior:none!important;scrollbar-gutter:auto!important;scrollbar-width:none!important}html.entity-modal-open :is(.app-shell,.layout-admin,.app-main){overflow:hidden!important;overscroll-behavior:none!important;scrollbar-gutter:auto!important}html.entity-modal-open .entity-modal-backdrop{overflow:hidden!important;scrollbar-gutter:auto!important}html.entity-modal-open::-webkit-scrollbar,html.entity-modal-open body::-webkit-scrollbar,html.entity-media-open::-webkit-scrollbar,html.entity-media-open body::-webkit-scrollbar,html.admin-modal-component-document::-webkit-scrollbar,html.admin-modal-component-document body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html.admin-modal-component-document,html.admin-modal-component-document body{scrollbar-width:none!important}
html.entity-modal-open body{position:static!important;inset:auto!important;width:auto!important;max-height:none!important}html.entity-modal-open :is(.app-shell,.layout-admin,.app-main){max-height:none!important;overflow-y:hidden!important}
body.admin-modal-component-quote .quote-line-add-actions{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:8px!important;margin-top:8px!important}body.admin-modal-component-quote .quote-line-add-actions>button{display:inline-flex!important;align-items:center!important;height:38px!important;min-height:38px!important;margin:0!important;vertical-align:top!important}
body.admin-modal-component-quote .tox-tinymce:not(.quote-rtf-expanded) .tox-toolbar__primary>.tox-toolbar:nth-child(n+2){display:none!important}body.admin-modal-component-quote .tox-tinymce.quote-rtf-expanded .tox-toolbar__primary>.tox-toolbar:nth-child(n+2){display:flex!important}body.admin-modal-component-quote .tox-toolbar__primary>.tox-toolbar:first-child{display:flex!important;flex-wrap:nowrap!important;width:100%!important;overflow:visible!important}body.admin-modal-component-quote .tox-toolbar__primary>.tox-toolbar:first-child>.tox-toolbar__group{flex-wrap:nowrap!important}body.admin-modal-component-quote .tox-toolbar__primary>.tox-toolbar:first-child>.tox-toolbar__group:last-child{margin-left:auto!important}body.admin-modal-component-quote .tox-tbtn[aria-label*="outils"]{margin-left:auto!important}
body.admin-modal-component-quote .quote-line-type-note>td:first-child,body.admin-modal-component-quote .quote-line-type-section>td:first-child{box-sizing:border-box!important;width:auto!important;max-width:none!important;padding-right:20px!important}body.admin-modal-component-quote .quote-line-type-note>td:nth-child(n+2):nth-child(-n+5),body.admin-modal-component-quote .quote-line-type-section>td:nth-child(n+2):nth-child(-n+5){display:none!important}body.admin-modal-component-quote .quote-line-type-note .quote-line-description-content,body.admin-modal-component-quote .quote-line-type-section .quote-line-description-content{width:calc(100% - 52px)!important;max-width:none!important}body.admin-modal-component-quote .quote-line-type-note .tox-tinymce,body.admin-modal-component-quote .quote-line-type-section .tox-tinymce{width:100%!important;max-width:none!important}body.admin-modal-component-quote .quote-line-type-note>td:last-child,body.admin-modal-component-quote .quote-line-type-section>td:last-child{position:relative!important;z-index:4!important;background:var(--ui-surface,#fff)!important}body.admin-modal-component-quote .quote-line-kind-label{display:block!important;margin:0 0 6px!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--ui-muted,#64748b)!important}body.admin-modal-component-quote .quote-line-type-note textarea{font-style:italic!important}body.admin-modal-component-quote .quote-line-type-section>td:first-child{border-bottom:2px solid var(--ui-border-strong,#94a3b8)!important}
body.admin-modal-component-quote .quote-article-picker{position:fixed!important;inset:0!important;z-index:2147483600!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:18px!important;overflow:hidden!important;background:rgba(15,23,42,.52)!important;backdrop-filter:blur(1px)!important}body.admin-modal-component-quote .quote-article-picker[hidden]{display:none!important}body.admin-modal-component-quote .quote-article-picker-dialog{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;width:min(920px,calc(100vw - 36px))!important;max-width:920px!important;height:min(720px,calc(100dvh - 36px))!important;max-height:calc(100dvh - 36px)!important;margin:auto!important;overflow:hidden!important;border-radius:14px!important;background:var(--ui-surface,#fff)!important;box-shadow:0 30px 90px rgba(15,23,42,.45)!important;transform:none!important}body.admin-modal-component-quote .quote-article-picker-dialog>.ui-modal-header{flex:0 0 auto!important}body.admin-modal-component-quote .quote-article-picker-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}body.admin-modal-component-quote .quote-article-picker-close .btn-svg{display:block!important;width:18px!important;height:18px!important}

@media(max-width:900px){
body.admin-modal-component-quote:not(.admin-modal-component-invoice) .quote-form-grid{grid-template-columns:minmax(0,1fr)!important}
body.admin-modal-component-quote:not(.admin-modal-component-invoice) .quote-form-grid>label{width:100%!important;min-width:0!important;max-width:100%!important}
}

/* Mobile cascade guard for legacy final overrides above. */
@media(max-width:760px){
html body .app-client-selector>.app-client-selector-results,html body .app-worker-selector>.app-worker-selector-results,.quotes-page .quotes-filter-form .quotes-client-filter-label>.quotes-client-selector>.quotes-client-selector-results{width:100%;min-width:100%;max-width:calc(100vw - 28px)}
body.admin-modal-component-quote:not(.admin-modal-component-invoice) .quote-form-grid{grid-template-columns:minmax(0,1fr)!important}body.admin-modal-component-quote:not(.admin-modal-component-invoice) .quote-form-grid>label:first-child{width:100%!important;min-width:0!important;max-width:100%!important}
body.admin-modal-component-passage .passage-linked-quote-control{flex-wrap:wrap!important}body.admin-modal-component-passage .passage-linked-quote-control>select{flex:1 1 180px!important;width:auto!important;min-width:0!important;max-width:100%!important}
body.admin-modal-component-client{padding:6px!important}body.admin-modal-component-client .client-detail-overlay.is-open{padding:6px!important}body.admin-modal-component-client .client-identification-row-identity{grid-template-columns:minmax(0,1fr)!important}body.admin-modal-component-client .client-vat-control{width:100%!important;max-width:100%!important}body.admin-modal-component-client .client-vat-control input[name="bce"]{flex:1 1 auto!important;width:auto!important;min-width:0!important}
body.admin-modal-component-quote .quote-article-picker{padding:6px!important}body.admin-modal-component-quote .quote-article-picker-dialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important}
}

/* Compact model/confirmation dialogs must size to content on touch screens. */
@media (max-width: 900px) {
  html body .quote-template-modal > .quote-template-dialog.ui-modal {
    width: min(560px, calc(100vw - 16px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 16px) !important;
    padding: 0 !important;
    align-self: center !important;
    overflow: hidden !important;
  }

  html body .quote-template-dialog > .business-form-body {
    display: grid !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
    flex: 0 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 82px) !important;
    padding: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch;
  }

  html body .quote-template-dialog > .business-form-body > select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    align-self: start !important;
  }

  html body .quote-template-dialog .quote-template-actions {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-items: center !important;
    align-content: start !important;
  }

  html body .quote-template-dialog .quote-template-actions > :is(button, .ui-btn) {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    align-self: flex-start !important;
    white-space: normal !important;
  }
}

/* Planning mobile: final cascade guard against historical responsive rules. */
@media(max-width:900px){
html body:not(.worker-portal-body) .layout-admin>main.app-main:not(.planning-page),html[data-navigation="top"] body:not(.worker-portal-body) .layout-admin>main.app-main:not(.planning-page):not(.day-map-page){height:calc(100dvh - var(--header-height,56px))!important;min-height:0!important;max-height:calc(100dvh - var(--header-height,56px))!important;margin:0!important;padding-top:6px!important}
html body:not(.worker-portal-body) .layout-admin>main.app-main.planning-page,html[data-navigation="top"] body:not(.worker-portal-body) .layout-admin>main.app-main.planning-page:not(.worker-page):not(.day-map-page),html[data-navigation="top"] body:not(.worker-portal-body) .layout-admin>main.app-main.day-map-page:not(.worker-page):not(.planning-page){gap:1px!important;margin-top:0!important;padding-top:6px!important}
html body .qr-tablet-menu[hidden]{display:none!important}
html body .qr-tablet-menu:not([hidden]){display:block!important}
html body .qr-tablet-menu{position:fixed!important;inset:0!important;z-index:9800!important;overflow:hidden!important}
html body .qr-tablet-menu .qr-tablet-menu-card{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:min(92vw,390px)!important;max-width:min(92vw,390px)!important;height:100dvh!important;overflow:auto!important;box-shadow:-18px 0 50px rgba(15,23,42,.24)!important}
html body .qr-tablet-menu-open{overflow:hidden!important}
html body main.app-main.planning-page :is(.planning-scroll-area,.planning-scroll-area-day,.planning-scroll-area-week,.planning-scroll-area-month){overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important}
html body main.app-main.planning-page :is(.planning-grid-day,.planning-grid-week,.planning-grid-month,#planningGrid,.planning-board-wrap,.planning-card,.planning-item,.planning-grid-event,.planning-cell){touch-action:pan-x pan-y!important}
html body main.app-main.planning-page .planning-item[data-id],html body main.app-main.planning-page .planning-grid-event[data-id]{touch-action:pan-x pan-y!important}
html body main.app-main.planning-page .planning-mobile-title-actions{gap:3px!important}
html body main.app-main.planning-page .planning-mobile-title-add,html body main.app-main.planning-page .planning-mobile-filter-trigger{box-sizing:border-box;height:32px;min-height:32px;max-height:32px;margin:0}
html body main.app-main.planning-page .planning-mobile-title-add{flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;padding:0!important}
html body main.app-main.planning-page .planning-mobile-filter-trigger{width:auto;min-width:72px;padding:0 8px}
html body main.app-main.planning-page .planning-sticky-top,html body main.app-main.planning-page .planning-compact-shell{margin:0!important;padding:0!important}

html body main.app-main.planning-page .planning-compact-row-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px!important;margin:0!important}

html body main.app-main.planning-page .planning-header-actions>.planning-view-button {white-space:nowrap;}













/* Week view: one readable day per mobile viewport, with horizontal scrolling. */
html body main.app-main.planning-page .planning-scroll-area-week{display:block!important;width:100%!important;max-width:100%!important;overflow-x:scroll!important;overflow-y:auto!important;overscroll-behavior-x:contain!important;scrollbar-gutter:stable!important;scrollbar-width:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important}
html body main.app-main.planning-page .planning-scroll-area-week::-webkit-scrollbar{height:10px!important}
html body main.app-main.planning-page .planning-scroll-area-week::-webkit-scrollbar-track{background:var(--ui-surface-soft,#eef4fb)!important;border-radius:999px!important}
html body main.app-main.planning-page .planning-scroll-area-week::-webkit-scrollbar-thumb{background:var(--ui-border-strong,#91a8c3)!important;border:2px solid var(--ui-surface-soft,#eef4fb)!important;border-radius:999px!important}
html body main.app-main.planning-page .planning-scroll-area-week>.planning-board-wrap,html body main.app-main.planning-page .planning-scroll-area-week .planning-card{width:max-content!important;min-width:max-content!important;max-width:none!important;overflow:visible!important}
html body main.app-main.planning-page .planning-scroll-area-week .planning-grid-week,html body main.app-main.planning-page .planning-scroll-area-week .planning-grid-week.planning-passages-compact,html body main.app-main.planning-page .planning-scroll-area-week .planning-grid-week.planning-week-simplified{width:max-content!important;min-width:max-content!important;max-width:none!important;grid-template-columns:34px repeat(var(--planning-days,7),calc(100vw - 64px))!important}
html body main.app-main.planning-page .planning-scroll-area-week .planning-grid-week :is(.planning-hour-head,.planning-hour){position:sticky!important;left:0!important;z-index:12!important}
html body main.app-main.planning-page .planning-scroll-area-week .planning-grid-week .planning-hour-head{z-index:18!important}
html body .planning-mobile-drawer{display:flex;flex-direction:column;align-items:stretch}
html body .planning-mobile-drawer>.planning-mobile-drawer-filters{flex:0 0 auto;overflow:visible;padding-bottom:6px}
html body .planning-mobile-drawer>.planning-mobile-drawer-options{flex:0 0 auto;padding-top:6px}
html body .planning-mobile-drawer>.planning-mobile-drawer-options .planning-detail-form{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:3px}
html body .planning-mobile-drawer>.planning-mobile-drawer-options .planning-switch{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0}
html body .planning-mobile-drawer>.planning-mobile-drawer-options .planning-switch>span{flex:1 1 auto;min-width:0;text-align:left}
html body .planning-mobile-drawer>.planning-mobile-drawer-options .planning-switch>i{flex:0 0 auto;margin-left:auto;margin-right:0}
html body .planning-mobile-drawer>footer{flex:0 0 auto;width:100%;margin-top:auto}
html body .planning-mobile-drawer>.planning-mobile-drawer-filters{position:relative;z-index:40;overflow:visible}
html body .planning-mobile-drawer>.planning-mobile-drawer-options{position:relative;z-index:1}
html body .planning-mobile-drawer .planning-filter-form,html body .planning-mobile-drawer .planning-filter-form>label{position:relative;overflow:visible}
html body .planning-mobile-drawer .planning-filter-form>label:focus-within,html body .planning-mobile-drawer .planning-filter-form>label:has(.multi-combo.is-open){z-index:80}
html body .planning-mobile-drawer .planning-filter-form>label:nth-of-type(3),html body .planning-mobile-drawer .planning-filter-form>label:nth-of-type(3)>.multi-combo,html body .planning-mobile-drawer .planning-filter-form>label:nth-of-type(3) .multi-combo-button{justify-self:start;width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0}
html body .planning-mobile-drawer :is(.app-worker-selector,.app-client-selector,.multi-combo){position:relative;width:100%;min-width:0;max-width:100%;overflow:visible}
html body .planning-mobile-drawer :is(.app-worker-selector-results,.app-client-selector-results,.multi-combo-panel){z-index:5000;width:100%;min-width:100%;max-width:100%;background:var(--ui-surface,#fff);box-shadow:0 14px 34px rgba(15,23,42,.24)}
}

/* Embedded full editor (e.g. intervention report opened from Planning). */
.entity-modal-backdrop.entity-modal-frameless{place-items:center!important;padding:12px!important}.entity-modal-backdrop.entity-modal-frameless>.entity-modal-shell{width:min(1540px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:0!important;overflow:hidden!important}.entity-modal-backdrop.entity-modal-frameless .entity-modal-header{display:none!important}.entity-modal-backdrop.entity-modal-frameless .entity-modal-frame{display:block;width:100%!important;height:100%!important;min-height:0!important;border:0!important}.quote-photo-thumb-linked figcaption small{display:block;margin-top:2px;color:var(--ui-muted,#64748b);font-size:.72rem;font-weight:600}.quote-photo-thumb-linked{border-style:dashed!important}
/* Fullscreen entity modal: frameless editors must also fill the parent viewport. */

/* Admin indisponibilités: compact single collaborator selector. */
.absence-worker-single-field {
  display: grid;
  gap: 6px;
  width: max-content;
  max-width: 100%;
}
.absence-worker-single-field > span {
  font-weight: 700;
}
.absence-worker-single-field .app-worker-selector {
  max-width: 100%;
}

/* Worker modal: the document itself never scrolls; only the modal body does. */
html.admin-modal-component-document:has(body.admin-modal-component-worker),
html.admin-modal-component-document:has(body.admin-modal-component-worker) body.admin-modal-component-worker {
  width: 100% !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  overflow: hidden !important;
  scrollbar-gutter: auto !important;
}
body.admin-modal-component-worker .worker-component-body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Client Peppol: keep this compact status frame at its current slot beside Active. */
body.admin-modal-component-client .client-identification-row-4 {
  grid-template-columns: max-content max-content max-content max-content !important;
  align-items: end !important;
  justify-content: start !important;
  gap: 18px !important;
}
body.admin-modal-component-client .client-peppol-slot {
  display: flex !important;
  align-items: flex-end !important;
  min-height: 38px !important;
}
body.admin-modal-component-client .client-peppol-slot .client-peppol-status {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  overflow: hidden !important;
  border: 1px solid #63cfbf !important;
  border-radius: 8px !important;
  background: #ecfbf7 !important;
  box-sizing: border-box !important;
}
body.admin-modal-component-client .client-peppol-slot .client-peppol-status[hidden] {
  display: none !important;
}
body.admin-modal-component-client .client-peppol-slot .supplier-peppol-logo {
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 102px !important;
  height: 25px !important;
  object-fit: contain !important;
}
body.admin-modal-component-client .client-peppol-slot .client-peppol-identifiers {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.admin-modal-component-client .client-peppol-slot .client-peppol-identifiers li {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 190px !important;
  padding: 3px 8px !important;
  overflow: hidden !important;
  border: 1px solid #159980 !important;
  border-radius: 999px !important;
  color: #08715e !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (max-width: 760px) {
  body.admin-modal-component-client .client-identification-row-4 { grid-template-columns: 1fr !important; }
  body.admin-modal-component-client .client-peppol-slot { align-items: flex-start !important; }
}

/* GSM/tablet modals: constrain every dialog and give touch scrolling to its body. */
@media (max-width: 1024px) {
  html body :is(
    .modal-overlay,
    .modal-backdrop,
    .ui-modal-backdrop,
    .client-detail-overlay,
    .entity-modal-backdrop,
    .worker-modal
  ).is-open:not(.admin-help-backdrop) {
    align-items: stretch !important;
    justify-items: stretch !important;
    place-items: stretch !important;
    box-sizing: border-box !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
  }

  html body :is(
    .modal-overlay,
    .modal-backdrop,
    .ui-modal-backdrop,
    .client-detail-overlay,
    .entity-modal-backdrop,
    .worker-modal
  ).is-open:not(.admin-help-backdrop) > :is(
    .modal-card,
    .modal-panel,
    .ui-modal,
    .business-form-card,
    .client-detail-modal-card,
    .worker-form-card,
    .worker-modal-panel,
    .planning-modal-panel,
    .planning-modal-card,
    .entity-modal-shell
  ) {
    box-sizing: border-box !important;
    width: calc(100vw - 10px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 10px) !important;
    height: calc(100dvh - 10px) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 10px) !important;
    margin: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  html body :is(
    .modal-card,
    .modal-panel,
    .ui-modal,
    .business-form-card,
    .client-detail-modal-card,
    .worker-form-card,
    .worker-modal-panel,
    .planning-modal-panel,
    .planning-modal-card
  ) > :is(
    form,
    .modal-body,
    .ui-modal-body,
    .business-form-body,
    .client-modal-body,
    .worker-modal-body,
    .worker-component-body,
    .planning-modal-body,
    .pointage-modal-body,
    .absence-modal-body,
    .inspection-modal-body,
    .task-modal-body,
    .modal-content,
    .ui-modal-content,
    .quote-component-body
  ) {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html body .entity-modal-frame {
    min-height: 0 !important;
    touch-action: pan-y !important;
  }

  html body :is(
    .modal-overlay,
    .modal-backdrop,
    .ui-modal-backdrop,
    .client-detail-overlay,
    .worker-modal
  ).is-open.is-open:not(.admin-help-backdrop) > :is(
    .modal-card,
    .modal-panel,
    .business-form-card,
    .client-detail-modal-card,
    .worker-form-card,
    .worker-modal-panel,
    .planning-modal-panel,
    .planning-modal-card
  ).ui-modal.ui-modal {
    height: calc(100dvh - 10px) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 10px) !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  html body :is(
    .modal-card,
    .modal-panel,
    .business-form-card,
    .client-detail-modal-card,
    .worker-form-card,
    .worker-modal-panel,
    .planning-modal-panel,
    .planning-modal-card
  ).ui-modal.ui-modal > :is(
    form.business-form-body,
    form.ui-form,
    .modal-body,
    .ui-modal-body,
    .business-form-body,
    .client-modal-body,
    .worker-modal-body,
    .worker-component-body,
    .planning-modal-body,
    .pointage-modal-body,
    .absence-modal-body,
    .inspection-modal-body,
    .task-modal-body,
    .modal-content,
    .ui-modal-content,
    .quote-component-body
  ) {
    flex: 1 1 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Commercial document forms carry a page-specific overflow lock. */
  html body.intervention-report-embedded :is(
    .modal-overlay,
    .ui-modal-backdrop
  ).is-open > .quote-editor-modal.ui-modal > form.business-form-body.quote-editor.ui-form {
    flex: 1 1 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  html body.intervention-report-embedded .quote-editor-modal :is(.quote-lines-scroll, .table-responsive) {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    touch-action: pan-x pan-y !important;
    -webkit-overflow-scrolling: touch;
  }

  

  html body main.app-main.planning-page .planning-compact-date-form > .app-period-control {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  html body main.intervention-report-page .quote-editor-modal .quote-form-grid > label:nth-child(5) {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: start !important;
  }

  html body main.intervention-report-page .quote-editor-modal .quote-form-grid > label:nth-child(5) > select[name="status"] {
    box-sizing: border-box !important;
    field-sizing: content !important;
    justify-self: start !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-right: 24px !important;
  }
}

@media (max-width: 760px) {
  html body.admin-modal-component-client .client-detail-modal-card > .client-tabs-drawer.client-tabs-drawer {
    position: fixed !important;
    z-index: 71 !important;
    inset: 0 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: min(84vw, 320px) !important;
    min-width: 0 !important;
    max-width: 320px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
}

/* Final cascade guard for compact model and confirmation dialogs. */
@media (max-width: 900px) {
  html body .quote-template-modal > .quote-template-dialog.ui-modal.ui-modal {
    position: relative !important;
    inset: auto !important;
    width: min(560px, calc(100vw - 16px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    height: max-content !important;
    block-size: max-content !important;
    min-height: 0 !important;
    max-height: 460px !important;
    align-self: center !important;
    overflow: hidden !important;
  }

  html body .quote-template-modal > .quote-template-dialog.ui-modal.ui-modal > .business-form-body {
    flex: 0 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 82px) !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body :is(#reportBulkMailDialog, .planning-passage-template-dialog) {
    box-sizing: border-box !important;
    width: min(480px, calc(100vw - 16px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    margin: auto !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body :is(#reportBulkMailDialog, .planning-passage-template-dialog) > form {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  html body :is(#reportBulkMailDialog, .planning-passage-template-dialog) :is(label, select) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body :is(#reportBulkMailDialog, .planning-passage-template-dialog) select {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  html body :is(#reportBulkMailDialog, .planning-passage-template-dialog) :is(.form-actions, .planning-passage-template-actions) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body :is(#reportBulkMailDialog, .planning-passage-template-dialog) :is(.form-actions, .planning-passage-template-actions) > :is(button, .ui-btn) {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    white-space: normal !important;
  }
}

@media (max-width: 900px) and (max-height: 476px) {
  html body .quote-template-modal > .quote-template-dialog.ui-modal.ui-modal {
    max-height: calc(100dvh - 16px) !important;
  }
}

/* Pointage terrain - prestations exceptionnelles */
.scan-exceptional-services{margin-top:14px;padding:14px;border:1px solid var(--border-color,#d9dee7);border-radius:12px;background:var(--card-bg,#fff)}
.scan-exceptional-services-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.scan-exceptional-services-head strong{font-size:1rem}
.scan-exceptional-services-head span{font-size:.9rem;color:var(--muted-color,#667085)}
.scan-exceptional-services-actions{display:flex;gap:8px;flex-wrap:wrap}
.scan-exceptional-service-btn{justify-content:flex-start;text-align:left}
.scan-exceptional-service-btn.is-recorded{border-color:#198754;background:rgba(25,135,84,.08)}
.scan-exceptional-services-status{margin-top:8px;font-size:.9rem;min-height:1.2em}
.scan-exceptional-services-status.is-ok{color:#157347}
.scan-exceptional-services-status.is-error{color:#b42318}
.scan-exceptional-service-dialog .app-modal-card{max-width:560px}
.scan-exceptional-service-dialog .app-modal-header p{margin:4px 0 0;color:var(--muted-color,#667085)}
.scan-exceptional-service-form .app-modal-body{display:grid;gap:14px}
.scan-exceptional-comment,.scan-exceptional-photo{display:grid;gap:6px;font-weight:600}
.scan-exceptional-comment textarea{width:100%;resize:vertical}
@media (max-width:640px){.scan-exceptional-services-head{display:block}.scan-exceptional-services-head span{display:block;margin-top:4px}.scan-exceptional-services-actions{display:grid;grid-template-columns:1fr}.scan-exceptional-service-btn{width:100%}}

/* Nested entity modal surface consistency. */
html:has(body.admin-modal-component-passage),html:has(body.admin-modal-component-passage) body.admin-modal-component-passage{background:transparent!important}body.admin-modal-component-passage{margin:0!important;padding:12px!important;box-sizing:border-box!important}body.admin-modal-component-passage #planningModal{background:var(--ui-surface,#fff)!important;color:var(--ui-text,#102a43)!important}body.admin-modal-component-client .client-detail-modal-card{background:var(--ui-surface,#fff)!important;color:var(--ui-text,#102a43)!important}

/* Admin header + mega menu refresh (2026-09-10 fix pass). */
:root{
  --header-height:74px;
  --qr-top-navigation-height:60px;
}
.app-header,
.qr-top-navigation{
  background:linear-gradient(135deg,#0f355d 0%,#133f6e 55%,#164878 100%)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 28px rgba(15,35,64,.12)!important;
}
.app-header{min-height:var(--header-height)!important}
.app-header-inner{
  min-height:var(--header-height)!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  padding:0 16px!important;
}
.app-header-left{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
  flex:0 1 auto!important;
}
.app-logo-main,
.app-logo-client,
.app-logo-client-placeholder{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:0 8px 18px rgba(8,24,44,.18)!important;
  object-fit:contain!important;
}
.app-logo-client-placeholder{
  display:grid!important;
  place-items:center!important;
  color:#1e4f86!important;
}
.app-company-info{
  display:grid!important;
  gap:4px!important;
  min-width:180px!important;
  max-width:260px!important;
}
.app-company-name{
  display:block!important;
  color:#fff!important;
  font-size:1.12rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.app-company-tagline{
  display:block!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.79rem!important;
  font-weight:600!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.app-header-search{
  flex:1 1 460px!important;
  max-width:520px!important;
  margin-left:auto!important;
}
.app-header-search-input{
  height:42px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.app-header-search-input::placeholder{color:rgba(255,255,255,.62)!important}
.app-header-search-input:focus{
  border-color:rgba(255,255,255,.38)!important;
  background:rgba(255,255,255,.18)!important;
  box-shadow:0 0 0 3px rgba(191,219,254,.18)!important;
}
.app-header-search-launcher,
.header-icon-button,
.qr-tablet-home-button,
.app-header-user{
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.app-header-search-launcher:hover,
.app-header-search-launcher:focus,
.header-icon-button:hover,
.header-icon-button:focus,
.qr-tablet-home-button:hover,
.qr-tablet-home-button:focus,
.app-header-user:hover{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.28)!important;
}
.app-header-actions{gap:10px!important}
.header-badge{
  background:#ef4444!important;
  color:#fff!important;
}
.app-header-user{padding:7px 12px!important;border-radius:14px!important}
.app-header-user-avatar{
  background:#93c5fd!important;
  color:#14375e!important;
}
.app-header-user-copy strong,
.app-header-user-copy small,
.qr-tablet-home-button span{color:#fff!important}
.qr-top-navigation{
  top:var(--header-height)!important;
  min-height:var(--qr-top-navigation-height)!important;
}
.qr-top-navigation-inner{
  min-height:var(--qr-top-navigation-height)!important;
  align-items:stretch!important;
  gap:8px!important;
  padding:0 12px!important;
}
.qr-top-menu-group>summary,
.qr-top-menu-logout{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  color:#fff!important;
}
.qr-top-menu-group>summary{list-style:none!important}
.qr-top-menu-group>summary::-webkit-details-marker{display:none}
.qr-top-menu-group>summary:hover,
.qr-top-menu-group[open]>summary,
.qr-top-menu-group.is-active>summary,
.qr-top-menu-logout:hover{
  background:rgba(255,255,255,.12)!important;
}
.qr-top-menu-summary-icon,
.qr-mega-panel-head-icon,
.qr-mega-section-button-icon{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  background:rgba(37,99,235,.12)!important;
  color:#2563eb!important;
}
.qr-top-menu-group>summary .qr-top-menu-summary-icon{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.qr-top-menu-summary-copy,
.qr-mega-panel-head-copy,
.qr-mega-section-button-copy{
  display:grid!important;
  min-width:0!important;
}
.qr-top-menu-summary-copy strong{display:block;font-size:.98rem;line-height:1.05}
.qr-top-menu-summary-copy small{display:block;color:rgba(255,255,255,.72)!important;font-size:.72rem;line-height:1.15;margin-top:2px}
.qr-top-menu-summary-caret{margin-left:auto;color:rgba(255,255,255,.78)!important}
.qr-top-menu-dropdown.qr-mega-menu{
  width:min(1180px,calc(100vw - 28px))!important;
  min-width:940px!important;
  max-width:calc(100vw - 28px)!important;
  min-height:430px!important;
  max-height:72vh!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid #d7e4f4!important;
  background:#fff!important;
  box-shadow:0 28px 60px rgba(15,23,42,.24)!important;
}
.qr-mega-menu-sections{
  width:320px!important;
  min-width:320px!important;
  max-width:320px!important;
  padding:14px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
  border-right:1px solid #dbe6f3!important;
  overflow:auto!important;
}
.qr-mega-menu-content{
  min-width:0!important;
  padding:18px 20px!important;
  overflow:auto!important;
  background:#fff!important;
}
.qr-mega-section-button{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-height:84px!important;
  padding:14px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  text-align:left!important;
  cursor:pointer!important;
}
.qr-mega-section-button:hover,
.qr-mega-section-button:focus,
.qr-mega-section-button.is-active{
  background:#eaf2ff!important;
  border-color:#bfdbfe!important;
  color:#113a62!important;
}
.qr-mega-section-button-copy strong,
.qr-mega-panel-head-copy strong{display:block;color:#12395f!important;font-size:1rem!important;line-height:1.12!important}
.qr-mega-section-button-copy small,
.qr-mega-panel-head-copy small{display:block;color:#58718d!important;font-size:.8rem!important;line-height:1.28!important;margin-top:4px!important}
.qr-mega-section-button-arrow{margin-left:auto!important;align-self:center!important;color:#3b82f6!important;font-size:20px!important}
.qr-mega-panel{display:none!important;gap:16px!important}
.qr-mega-panel-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #e5edf7!important;
  margin-bottom:4px!important;
}
.qr-mega-links{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:12px!important;
  align-content:start!important;
}
.qr-mega-link,
.qr-mega-child-group,
.qr-mega-setting{
  border:1px solid #dbe6f3!important;
  border-radius:16px!important;
  background:#fff!important;
}
.qr-mega-link{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-height:84px!important;
  padding:14px!important;
  text-decoration:none!important;
}
.qr-mega-link:hover,
.qr-mega-link:focus{
  background:#f8fbff!important;
  border-color:#93c5fd!important;
  box-shadow:0 10px 22px rgba(37,99,235,.10)!important;
}
.qr-mega-link-copy{display:grid!important;gap:4px!important;min-width:0!important;flex:1 1 auto!important}
.qr-mega-link-copy strong{color:#102a43!important;font-size:.95rem!important;line-height:1.15!important}
.qr-mega-link-copy small{color:#60758b!important;font-size:.79rem!important;line-height:1.28!important;white-space:normal!important}
.qr-mega-link-arrow{align-self:center!important;color:#3b82f6!important;font-size:24px!important}
.qr-mega-child-group{padding:14px!important;display:grid!important;gap:10px!important;align-content:start!important}
.qr-mega-child-title{display:flex!important;align-items:flex-start!important;gap:12px!important;padding-bottom:10px!important;border-bottom:1px solid #e5edf7!important}
.qr-mega-child-title strong{display:block;color:#12395f!important}
.qr-mega-child-title small{display:block;color:#60758b!important;font-size:.79rem!important;margin-top:3px!important}
.qr-admin-footer{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:85!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:48px!important;
  padding:8px 16px!important;
  background:rgba(255,255,255,.95)!important;
  border-top:1px solid #dbe6f3!important;
  backdrop-filter:blur(8px)!important;
}
body{padding-bottom:58px!important}
.qr-admin-footer-copyright{color:#4d647d!important;font-size:.84rem!important;font-weight:600!important}
.qr-admin-footer-actions{display:flex!important;align-items:center!important;gap:8px!important}
.qr-admin-footer-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid #d4dfec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#173b60!important;
  font-weight:700!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.qr-admin-footer-link:hover,
.qr-admin-footer-link:focus{
  background:#f4f8fd!important;
  border-color:#93c5fd!important;
}
.qr-admin-help-link{appearance:none!important}
@media (max-width:1360px){
  .qr-top-menu-dropdown.qr-mega-menu{min-width:860px!important}
  .qr-mega-menu-sections{width:290px!important;min-width:290px!important;max-width:290px!important}
}
@media (max-width:1100px){
  .app-header-search{max-width:360px!important}
  .app-company-info{max-width:220px!important}
  .qr-top-menu-group>summary .qr-top-menu-summary-copy small{display:none!important}
}
@media (max-width:900px){
  .app-company-tagline{display:none!important}
  .app-company-info{min-width:0!important;max-width:180px!important}
  .qr-admin-footer{padding:8px 12px!important}
}
@media (max-width:767px){
  .qr-admin-footer{display:none!important}
  body{padding-bottom:0!important}
}

/* Mega-menu alignment pass — closer to reference screenshot (2026-09-10). */
:root{
  --header-height:56px;
  --qr-top-navigation-height:42px;
}
.app-shell,
.app-header,
.app-header-inner,
.app-header-left,
.app-header-right,
.app-header-spacer,
.app-header-actions,
.qr-top-navigation,
.qr-top-navigation-inner{
  background:linear-gradient(135deg,#0b3158 0%,#113f6f 58%,#144978 100%)!important;
}
.app-header,
.qr-top-navigation{
  color:#fff!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
.app-header{
  box-shadow:none!important;
}
.app-header-inner{
  min-height:56px!important;
  padding:0 14px!important;
}
.app-header-left{gap:12px!important}
.app-logo-main,
.app-logo-client,
.app-logo-client-placeholder{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:10px!important;
}
.app-company-info{max-width:240px!important}
.app-company-name{font-size:.94rem!important}
.app-company-tagline{font-size:.69rem!important}
.app-header-search{
  flex:0 1 540px!important;
  max-width:540px!important;
  margin-left:20px!important;
}
.app-header-search-input{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.app-header-search-launcher,
.header-icon-button,
.qr-tablet-home-button,
.app-header-user{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.app-header-search-launcher:hover,
.header-icon-button:hover,
.qr-tablet-home-button:hover,
.app-header-user:hover,
.app-header-search-launcher:focus,
.header-icon-button:focus,
.qr-tablet-home-button:focus{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.app-header-search-launcher{width:36px!important;height:36px!important;padding:0!important;justify-content:center!important}
.app-header-user{padding:3px 6px!important;gap:8px!important}
.app-header-user-copy strong,.app-header-user-copy small{color:#fff!important}
.app-header-user-copy small{opacity:.8!important}
.qr-tablet-home-button span{display:none!important}
.qr-top-navigation{
  box-shadow:0 8px 18px rgba(6,24,45,.10)!important;
}
.qr-top-navigation-inner{
  min-height:42px!important;
  padding:0 12px!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.qr-top-menu-group>summary,
.qr-top-menu-logout{
  min-height:34px!important;
  padding:6px 10px!important;
  gap:7px!important;
  border-radius:9px!important;
  background:transparent!important;
  white-space:nowrap!important;
}
.qr-top-menu-group>summary:hover,
.qr-top-menu-group[open]>summary,
.qr-top-menu-group.is-active>summary,
.qr-top-menu-logout:hover{
  background:rgba(255,255,255,.10)!important;
}
.qr-top-menu-summary-icon{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
}
.qr-top-menu-summary-icon .qr-sidebar-svg,
.qr-top-menu-logout .qr-sidebar-svg{width:18px!important;height:18px!important}
.qr-top-menu-summary-copy{display:block!important}
.qr-top-menu-summary-copy strong{display:block!important;color:#fff!important;font-size:.90rem!important;line-height:1!important}
.qr-top-menu-summary-copy small{display:none!important}
.qr-top-menu-summary-caret{margin-left:2px!important;color:rgba(255,255,255,.86)!important;font-size:12px!important}
.qr-top-menu-dropdown.qr-mega-menu{
  width:min(1240px,calc(100vw - 40px))!important;
  min-width:980px!important;
  max-width:calc(100vw - 40px)!important;
  min-height:400px!important;
  max-height:74vh!important;
}
.qr-mega-menu-sections{
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  padding:12px!important;
}
.qr-mega-section-button{
  min-height:70px!important;
  padding:12px 14px!important;
  gap:10px!important;
}
.qr-mega-section-button-copy strong{font-size:.98rem!important}
.qr-mega-section-button-copy small{font-size:.78rem!important;line-height:1.22!important;margin-top:2px!important}
.qr-mega-section-button-icon,
.qr-mega-panel-head-icon,
.qr-mega-link-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}
.qr-mega-links{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.qr-mega-panel-head{padding:0 0 10px!important;margin-bottom:4px!important}
.qr-mega-link{
  min-height:66px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
}
.qr-mega-link-copy strong{font-size:.95rem!important}
.qr-mega-link-copy small{font-size:.78rem!important;line-height:1.2!important}
.qr-mega-child-group{padding:12px!important;gap:8px!important}
.qr-mega-child-title{padding-bottom:8px!important}
.qr-mega-setting{padding:12px!important}
.qr-admin-footer{display:none!important}
body{padding-bottom:0!important}
@media (max-width:1200px){
  .app-header-search{flex-basis:420px!important;max-width:420px!important}
  .qr-top-menu-dropdown.qr-mega-menu{min-width:900px!important}
}
@media (max-width:992px){
  .app-company-info{max-width:180px!important}
  .app-company-tagline{display:none!important}
  .app-header-search{margin-left:16px!important;flex-basis:320px!important;max-width:320px!important}
}

/* Final menu/header cleanup pass (2026-09-10). */
.app-header,
.app-header-inner,
.app-header-left,
.app-header-spacer,
.app-header-actions,
.app-company-info,
.app-header-user,
.header-icon-button,
.app-header-logout,
#adminHelpButton{
  background:transparent!important;
  box-shadow:none!important;
}
.app-company-info,
.app-header-user,
.header-icon-button,
.app-header-logout,
#adminHelpButton,
.qr-tablet-home-button{
  border-color:transparent!important;
}
.app-header-actions{
  gap:8px!important;
}
.header-icon-button,
.app-header-logout,
#adminHelpButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  border-radius:10px!important;
  color:#fff!important;
  text-decoration:none!important;
}
.header-icon-button:hover,
.app-header-logout:hover,
#adminHelpButton:hover,
.header-icon-button:focus,
.app-header-logout:focus,
#adminHelpButton:focus{
  background:rgba(255,255,255,.08)!important;
  border-color:transparent!important;
}
.qr-top-menu-group{
  position:relative!important;
}
.qr-top-menu-group>summary{
  font-weight:500!important;
}
.qr-top-menu-dropdown.qr-mega-menu{
  z-index:1200!important;
  pointer-events:auto!important;
}
.qr-mega-panel,
.qr-mega-links,
.qr-mega-link,
.qr-mega-child-group{
  pointer-events:auto!important;
}
.qr-mega-link{
  cursor:pointer!important;
}
.qr-mega-links{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
  gap:10px!important;
}
.qr-mega-link,
.qr-mega-child-group{
  min-height:62px!important;
}
.qr-mega-link-copy strong{
  font-weight:700!important;
}
.qr-mega-link-copy small{
  margin-top:1px!important;
}
.qr-mega-menu-content{
  min-width:460px!important;
}
.qr-top-menu-logout{display:none!important}

/* Deep header/menu correction — theme specificity + dropdown visibility. */
html[data-theme] .app-header,
html[data-theme="light"] .app-header,
html[data-theme="blue"] .app-header,
html[data-theme="green"] .app-header,
html[data-theme="dark"] .app-header,
html[data-theme] .app-header .app-header-inner,
html[data-theme] .app-header .app-header-left,
html[data-theme] .app-header .app-header-spacer,
html[data-theme] .app-header .app-header-actions{
  background:#154d7f!important;
  background-image:none!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
}
html[data-theme] .app-header .app-company-info,
html[data-theme] .app-header .app-header-user,
html[data-theme] .app-header .header-icon-button,
html[data-theme] .app-header .app-header-logout,
html[data-theme] .app-header #adminHelpButton{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
}
html[data-theme] .app-header .app-company-name,
html[data-theme] .app-header .app-company-tagline,
html[data-theme] .app-header .app-header-user-copy strong,
html[data-theme] .app-header .app-header-user-copy small{
  color:#fff!important;
}
html[data-theme] .qr-top-navigation,
html[data-theme] .qr-top-navigation .qr-top-navigation-inner{
  background:#154d7f!important;
  background-image:none!important;
}
.qr-top-navigation,
.qr-top-navigation-inner{
  overflow:visible!important;
}
.qr-top-navigation-inner{
  position:relative!important;
}
.qr-top-menu-group{
  position:relative!important;
  overflow:visible!important;
}
.qr-top-menu-dropdown.qr-mega-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  display:none!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:hidden!important;
  z-index:5000!important;
}
.qr-top-menu-group[open]>.qr-top-menu-dropdown.qr-mega-menu,
.qr-top-menu-group.is-open>.qr-top-menu-dropdown.qr-mega-menu{
  display:flex!important;
}
.qr-top-menu-group>summary{
  cursor:pointer!important;
  user-select:none!important;
}
.qr-top-menu-summary-copy strong{
  font-weight:500!important;
}
.qr-mega-menu-sections,
.qr-mega-menu-content,
.qr-mega-panel,
.qr-mega-links,
.qr-mega-link{
  pointer-events:auto!important;
}
.qr-mega-panel.is-active{
  display:grid!important;
}
.app-header-logout{
  cursor:pointer!important;
}

/* Stable mega-menu geometry: do not let legacy dropdown widths shrink the right panel. */
.qr-top-menu-dropdown.qr-mega-menu{
  grid-template-columns:300px minmax(0,1fr)!important;
  align-items:stretch!important;
}
.qr-top-menu-group[open]>.qr-top-menu-dropdown.qr-mega-menu,
.qr-top-menu-group.is-open>.qr-top-menu-dropdown.qr-mega-menu{
  display:grid!important;
}
.qr-mega-menu-sections{
  grid-column:1!important;
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
}
.qr-mega-menu-content{
  grid-column:2!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:auto!important;
}
.qr-mega-panel{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.qr-mega-links{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  grid-template-columns:repeat(2,minmax(300px,1fr))!important;
  gap:8px!important;
}
.qr-mega-link,
.qr-mega-child-group,
.qr-mega-setting{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.qr-mega-child-group .qr-mega-link{
  min-height:58px!important;
  padding:10px 12px!important;
}
@media (max-width:1050px){
  .qr-mega-links{grid-template-columns:1fr!important}
}

/* Mega menu usability: no visible scrollbars, no horizontal overflow and no duplicate descriptions. */
.qr-top-menu-dropdown.qr-mega-menu,
.qr-mega-menu-sections,
.qr-mega-menu-content,
.qr-mega-panel{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.qr-top-menu-dropdown.qr-mega-menu::-webkit-scrollbar,
.qr-mega-menu-sections::-webkit-scrollbar,
.qr-mega-menu-content::-webkit-scrollbar,
.qr-mega-panel::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.qr-mega-menu-sections,
.qr-mega-menu-content,
.qr-mega-panel{
  overflow-x:hidden!important;
}
.qr-mega-section-button{
  min-width:0!important;
  overflow:hidden!important;
}
.qr-mega-section-button-copy{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.qr-mega-section-button-copy strong,
.qr-mega-section-button-copy small,
.qr-mega-panel-head-copy strong,
.qr-mega-panel-head-copy small{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.qr-mega-section-button-arrow{
  flex:0 0 auto!important;
}
.qr-mega-link{
  min-height:58px!important;
}
.qr-mega-link-copy{
  justify-content:center!important;
}


/* Top dropdown submenu cleanup (2026-09-11): no right-side chevrons, no duplicate frames and consistent header height. */
.qr-mega-panel-head{
  min-height:104px!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}
.qr-mega-panel-head-copy{
  min-width:0!important;
  max-width:100%!important;
}
.qr-mega-panel-head-copy strong,
.qr-mega-panel-head-copy small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.qr-mega-links{
  align-items:stretch!important;
}
.qr-mega-link{
  align-items:center!important;
}
.qr-mega-link-arrow{
  display:none!important;
}
.qr-mega-child-group,
.qr-mega-child-title{
  display:none!important;
}

/* Mega-menu right panels — global geometry normalization (2026-09-11, pass 2). */
.qr-mega-menu-content{
  padding:14px 16px!important;
}
.qr-mega-panel{
  grid-template-rows:auto 1fr!important;
  gap:0!important;
}
.qr-mega-panel-head{
  display:grid!important;
  grid-template-rows:36px 40px 1px!important;
  align-content:start!important;
  min-height:93px!important;
  height:93px!important;
  padding:0 0 16px!important;
  margin:0 0 14px!important;
  border-bottom:1px solid #e5edf7!important;
  box-sizing:border-box!important;
}
.qr-mega-panel-title-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  height:36px!important;
}
.qr-mega-panel-title-row .qr-mega-panel-head-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
}
.qr-mega-panel-title-row strong{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#12395f!important;
  font-size:1rem!important;
  line-height:1.15!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.qr-mega-panel-description{
  display:-webkit-box!important;
  min-width:0!important;
  height:40px!important;
  padding:3px 0 0 44px!important;
  color:#58718d!important;
  font-size:.8rem!important;
  line-height:18px!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  box-sizing:border-box!important;
}
.qr-mega-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:64px!important;
  gap:8px!important;
  align-content:start!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.qr-mega-link{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:10px 14px!important;
  gap:12px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
}
.qr-mega-link-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
}
.qr-mega-link-copy{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  height:100%!important;
  flex:1 1 auto!important;
}
.qr-mega-link-copy strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:.95rem!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.qr-mega-setting{
  min-height:64px!important;
  box-sizing:border-box!important;
}
@media (max-width:1050px){
  .qr-mega-links{
    grid-template-columns:1fr!important;
    grid-auto-rows:64px!important;
  }
}


/* Pass 3 (2026-09-11): force icon and button label on the same single line in right-side submenu panels. */
.qr-mega-link{
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
}
.qr-mega-link-copy{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
.qr-mega-link-copy strong{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
}


/* Pass 4 (2026-09-11): hard-align icon and label on the same visual line in right-side submenu buttons. */
.qr-mega-link-icon,
.qr-mega-link-copy,
.qr-mega-link-copy strong{
  align-self:center!important;
}
.qr-mega-link-copy{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
}
.qr-mega-link-copy strong{
  display:flex!important;
  align-items:center!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
}
.qr-mega-link-icon .qr-sidebar-svg,
.qr-mega-link-copy strong{
  vertical-align:middle!important;
}

/* Preferences submenu: keep dropdown controls fully inside their cards. */
.qr-mega-links.qr-mega-links-settings{
  grid-auto-rows:auto!important;
  align-items:start!important;
}
.qr-mega-links-settings .qr-mega-setting{
  display:block!important;
  height:auto!important;
  min-height:94px!important;
  max-height:none!important;
  padding:14px 16px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.qr-mega-links-settings .sidebar-theme-picker{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.qr-mega-links-settings .sidebar-theme-picker .sidebar-label{
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.qr-mega-links-settings .app-theme-select,
.qr-mega-links-settings .app-navigation-select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:42px!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Final dark-mode bridge: style.css contains late legacy mega-menu overrides. */
html[data-theme="dark"] .qr-top-menu-dropdown.qr-mega-menu,
html[data-theme="dark"] .qr-mega-menu-content,
html[data-theme="dark"] .qr-mega-panel {
  background: #111827 !important;
  border-color: #42546d !important;
  color: #e8eef7 !important;
}

html[data-theme="dark"] .qr-mega-menu-sections {
  background: #0f172a !important;
  background-image: none !important;
  border-right-color: #334155 !important;
}

html[data-theme="dark"] .qr-mega-section-button {
  color: #dbe7f5 !important;
}

html[data-theme="dark"] .qr-mega-section-button:hover,
html[data-theme="dark"] .qr-mega-section-button:focus,
html[data-theme="dark"] .qr-mega-section-button.is-active {
  background: #18365d !important;
  border-color: #416da3 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] :is(.qr-mega-section-button-copy strong, .qr-mega-panel-title-row strong, .qr-mega-panel-head-copy strong) {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] :is(.qr-mega-panel-description, .qr-mega-panel-head-copy small, .qr-mega-section-button-copy small) {
  color: #a8b8cc !important;
}

html[data-theme="dark"] .qr-mega-panel-head {
  background: #111827 !important;
  border-bottom-color: #334155 !important;
}

html[data-theme="dark"] :is(.qr-mega-link, .qr-mega-setting) {
  background: #0f172a !important;
  border-color: #3b4d66 !important;
  color: #e8eef7 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .qr-mega-link-copy strong {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .qr-mega-link:hover,
html[data-theme="dark"] .qr-mega-link:focus {
  background: #1a2a42 !important;
  border-color: #5b7da7 !important;
}

html[data-theme="dark"] .qr-mega-links-settings :is(.app-theme-select, .app-navigation-select) {
  background: #0b1220 !important;
  color: #f1f5f9 !important;
  border-color: #52657f !important;
}

html[data-theme="dark"] .qr-admin-footer {
  background: rgba(15, 23, 42, .96) !important;
  border-top-color: #334155 !important;
}

html[data-theme="dark"] .qr-admin-footer-copyright {
  color: #a8b8cc !important;
}

html[data-theme="dark"] .qr-admin-footer-link {
  background: #172033 !important;
  color: #dbeafe !important;
  border-color: #42546d !important;
}

html[data-theme="dark"] .client-company-lookup-wait > div {
  background: #111827 !important;
  color: #f1f5f9 !important;
  border: 1px solid #42546d !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .52) !important;
}