.overlayBackdrop{background:var(--backdrop);inset:var(--space-0);padding:var(--space-4);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed}.overlayDrawerBackdrop{padding:var(--space-0);z-index:var(--z-drawer);justify-content:flex-end;align-items:stretch}.baseModal,.baseDrawer{background:var(--bg-surface);border:var(--border-width) solid var(--border-strong);box-shadow:var(--shadow-lg);color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.baseModal{border-radius:var(--radius-lg);max-width:var(--modal-width);width:100%}.baseDrawer{max-width:100%;height:100%;width:var(--drawer-width)}.baseDrawerWide{width:min(960px,100vw)}.overlayHeader{border-bottom:var(--border-width) solid var(--border);align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);justify-content:space-between;display:flex}.overlayHeader h2,.overlayHeader p{margin:var(--space-0)}.overlayHeader h2{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.overlayHeader p,.overlayDescription{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:var(--space-2)}.overlayTitleWithIcon{align-items:center;gap:var(--space-2);display:flex}.overlayTitleWithIcon svg{color:var(--danger)}.overlayClose{background:var(--bg-elevated);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:var(--control-height-sm);padding:var(--space-0);width:var(--control-height-sm);flex:none;justify-content:center;align-items:center;display:inline-flex}.overlayBody{gap:var(--space-4);padding:var(--space-6);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.overlayBody label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);flex-direction:column;display:flex}.drawerForm{gap:var(--space-4);flex-direction:column;display:flex}.drawerForm input,.drawerForm select,.drawerForm textarea{background:var(--bg-surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;min-height:var(--control-height-md);padding:var(--space-2) var(--control-padding-x);width:100%}.overlayFooter,.overlayStickyFooter{background:var(--bg-surface);border-top:var(--border-width) solid var(--border);align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);justify-content:flex-end;display:flex}.overlayStickyFooter{bottom:var(--space-0);position:sticky}@media (max-width:640px){.baseDrawer{width:100%}.overlayBackdrop{padding:var(--space-2)}}