/* Explicit opt-ins only. WAAPI moves the surface; layout/base transforms stay owned by the component. */
[data-fc-drawer-motion]{animation:none!important;transition:none!important}
[data-fc-drawer-motion][data-fc-motion-state="closing"]{pointer-events:none!important}
dialog[data-fc-drawer-motion][open]::backdrop{transition:none!important;animation:none!important}
dialog[data-fc-drawer-motion][open]:is([data-fc-motion-state="opening"],[data-fc-motion-state="open"])::backdrop{animation:fc-motion-backdrop-enter var(--fc-drawer-motion-duration,240ms) ease-out both!important}
dialog[data-fc-drawer-motion][open][data-fc-motion-state="closing"]::backdrop{animation:fc-motion-backdrop-exit var(--fc-drawer-motion-duration,240ms) ease-out both!important;pointer-events:auto!important}
@keyframes fc-motion-backdrop-enter{from{opacity:var(--fc-drawer-backdrop-start,0)}to{opacity:1}}
@keyframes fc-motion-backdrop-exit{from{opacity:var(--fc-drawer-backdrop-start,1)}to{opacity:0}}
@media(prefers-reduced-motion:reduce){dialog[data-fc-drawer-motion][open]::backdrop{animation:none!important;opacity:1!important}}

/* Every customer drawer, including Excel upload, keeps a straight left edge. */
body:not(.agency-admin) :is([data-fc-drawer-motion="right"],dialog[class*="drawer"],.agency-clipboard-dialog,[role="dialog"][class*="drawer"]){border-top-left-radius:0!important;border-bottom-left-radius:0!important}

/* Administrator right drawers share their width and straight left edge. */
body.agency-admin [data-fc-drawer-motion="right"],
body.agency-admin .ym-admin-sheet:is(.ym-sheet-member,.ym-sheet-order) .ym-sheet-panel,
body.agency-admin:has(.fc-orders-reference) .ym-admin-sheet .ym-sheet-panel,
body.agency-admin .fcm-email-preview-dialog{box-sizing:border-box;width:80vw!important;max-width:80vw!important;min-width:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}
@media(max-width:1023px){
body.agency-admin [data-fc-drawer-motion="right"],
body.agency-admin .ym-admin-sheet:is(.ym-sheet-member,.ym-sheet-order) .ym-sheet-panel,
body.agency-admin:has(.fc-orders-reference) .ym-admin-sheet .ym-sheet-panel,
body.agency-admin .fcm-email-preview-dialog{width:100vw!important;max-width:100vw!important}
}

/* Mobile drawers are full-screen modals, including nested Excel review screens.
   Native/ARIA roots and explicit motion surfaces only; closed visibility and
   scrolling remain owned by each component. */
@media(max-width:767.98px){
 html body :is([data-fc-drawer-motion]:not(.fcc-buttons),dialog[class*="drawer"],.agency-clipboard-dialog,[role="dialog"][class*="drawer"],.ym-admin-sheet .ym-sheet-panel,.fcwf-dialog,.fc-service-dialog,.fc-excel-preview-dialog,.fc-excel-confirm,.fcm-email-preview-dialog,#fcm-consult-dialog,#fcmi-detail-dialog){box-sizing:border-box!important;position:fixed!important;inset:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:100vh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important}
 /* Older bottom sheets centered with -50% must not shift a full-width surface. */
 .ym-admin-sheet:not(.ym-sheet-member):not(.ym-sheet-order) .ym-sheet-panel{transform:translateY(100%)}
 .ym-admin-sheet.is-open:not(.ym-sheet-member):not(.ym-sheet-order) .ym-sheet-panel{transform:translateY(0)}
}