.ux-modal-shell{--ux-modal-surface:color-mix(in srgb, var(--ux-surface-elevated) 98%, transparent);--ux-modal-header-surface:color-mix(in srgb, var(--ux-surface-alt) 88%, transparent);--ux-modal-divider:color-mix(in srgb, var(--ux-border) 92%, transparent);--ux-modal-title-color:var(--ux-text);--ux-modal-muted:var(--ux-text-muted);--ux-modal-pane-surface:color-mix(in srgb, var(--ux-surface-alt) 88%, transparent);--ux-modal-pane-border:color-mix(in srgb, var(--ux-border) 92%, transparent);--ux-modal-pane-radius:var(--ux-radius-sm);--ux-modal-shadow:var(--ux-shadow-md);z-index:26000;background:#0f172a38;justify-content:center;align-items:flex-start;padding:.75rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;transition:none!important;animation:none!important}.ux-modal-shell .modal-dialog{width:min(var(--ux-modal-max-width), calc(100vw - 2rem));align-items:stretch;max-width:100%;max-height:calc(100vh - 1.5rem);margin:0;display:flex;transition:none!important;animation:none!important;transform:none!important}.ux-modal-shell .modal-content{border:1px solid var(--ux-modal-divider);border-radius:var(--ux-radius-lg);background:var(--ux-modal-surface);width:100%;max-height:calc(100vh - 1.5rem);color:var(--ux-text);box-shadow:var(--ux-modal-shadow);flex-direction:column;display:flex;overflow:hidden}.ux-modal-shell .modal-header,.ux-modal-shell .modal-footer{padding:var(--ux-modal-header-padding)}.ux-modal-shell .modal-header{background:var(--ux-modal-header-surface);border-bottom:1px solid var(--ux-modal-divider);align-items:center;gap:.5rem}.ux-modal-shell .modal-footer{padding:var(--ux-modal-footer-padding);border-top:1px solid var(--ux-modal-divider);background:0 0;justify-content:flex-end;gap:.45rem}.ux-modal-shell .modal-body{padding:var(--ux-modal-body-padding);overscroll-behavior:contain;min-height:0;color:var(--ux-text);flex:auto;overflow:auto}.ux-modal-shell-static .modal-body{flex-direction:column;display:flex;overflow:hidden}.ux-modal-shell .modal-title{color:var(--ux-modal-title-color);font-size:var(--ux-modal-title-size);letter-spacing:.01em;margin:0;font-weight:600;line-height:1.2}.ux-modal-shell .btn-close{background-color:color-mix(in srgb, var(--ux-surface) 88%, transparent);opacity:.82;border-radius:999px;width:1.08rem;height:1.08rem;margin:0 0 0 auto}:is(.ux-modal-shell .btn-close:hover,.ux-modal-shell .btn-close:focus-visible){opacity:1;box-shadow:0 0 0 2px color-mix(in srgb, var(--ux-brand) 20%, transparent)}.ux-modal-shell .form-label{color:var(--ux-modal-muted);letter-spacing:.01em;font-weight:600;font-size:var(--ux-text-xs)!important;margin-bottom:.22rem!important}.ux-modal-shell .form-control,.ux-modal-shell .form-select{border-color:color-mix(in srgb, var(--ux-border) 94%, var(--ux-text-muted));background-color:color-mix(in srgb, var(--ux-surface) 98%, transparent);color:var(--ux-text);box-shadow:none}.ux-modal-shell .form-control:focus,.ux-modal-shell .form-select:focus{border-color:color-mix(in srgb, var(--ux-brand) 56%, var(--ux-border));box-shadow:0 0 0 2px color-mix(in srgb, var(--ux-brand) 14%, transparent)}.ux-modal-shell .form-control-sm,.ux-modal-shell .form-select-sm,.ux-modal-shell .btn.btn-sm{min-height:1.72rem;font-size:var(--ux-text-sm)!important}.ux-modal-shell .small{font-size:var(--ux-text-sm)}.ux-modal-shell .text-muted{color:var(--ux-modal-muted)!important}.ux-modal-intro{color:var(--ux-modal-muted);font-size:var(--ux-text-sm);margin:0 0 .82rem;line-height:1.4}.ux-modal-section-title{color:var(--ux-text);font-size:var(--ux-text-md);margin:0 0 .28rem;font-weight:600;line-height:1.25}.ux-modal-section-copy{color:var(--ux-modal-muted);font-size:var(--ux-text-sm);margin:0 0 .48rem;line-height:1.36}.ux-modal-pane{border:1px solid var(--ux-modal-pane-border);border-radius:var(--ux-modal-pane-radius);background:var(--ux-modal-pane-surface);padding:.56rem .62rem}.ux-modal-pane+.ux-modal-pane{margin-top:.48rem}.ux-modal-preview{border:1px solid color-mix(in srgb, var(--ux-brand) 18%, var(--ux-modal-pane-border));border-radius:var(--ux-modal-pane-radius);background:color-mix(in srgb, var(--ux-brand) 6%, var(--ux-surface));padding:.5rem .58rem}.ux-modal-pane-title{color:var(--ux-text);font-size:var(--ux-text-sm);margin:0;font-weight:600;line-height:1.25}.ux-modal-pane-copy{color:var(--ux-modal-muted);font-size:var(--ux-text-sm);margin:.14rem 0 0;line-height:1.34}@media (max-width:640px){.ux-modal-shell{padding:.5rem}.ux-modal-shell .modal-dialog{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.ux-modal-shell .modal-content{max-height:calc(100vh - 1rem)}.ux-modal-pane{padding:.48rem .52rem}}
