.app-drawer{position:fixed;inset:0;z-index:var(--z-drawer,1300);pointer-events:none}.app-drawer[hidden]{display:none!important}.app-drawer__backdrop{position:absolute;inset:0;background:rgba(16,24,40,.28);pointer-events:auto}.app-drawer__panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(720px,100%);display:flex;flex-direction:column;background:#fff;box-shadow:var(--shadow-xl,0 24px 60px rgba(16,24,40,.22));pointer-events:auto}.app-drawer--sm .app-drawer__panel{width:min(440px,100%)}.app-drawer--lg .app-drawer__panel{width:min(960px,100%)}.app-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--color-border,#d9e1ea)}.app-drawer__eyebrow{font-size:11px;font-weight:800;color:var(--color-muted,#667085);letter-spacing:.06em;text-transform:uppercase}.app-drawer__title{margin:0;font-size:18px}.app-drawer__subtitle{margin:4px 0 0;color:var(--color-muted,#667085);font-size:13px}.app-drawer__close{border:1px solid var(--color-border,#d9e1ea);background:#fff;border-radius:8px;width:30px;height:30px;cursor:pointer}.app-drawer__body{padding:18px;overflow:auto;flex:1}