dialog.drawer,dialog.drawer.compact,dialog.drawer.wide{background:#fff;border:1px solid #e3e8ef;border-radius:20px;width:min(640px,100vw - 40px);max-width:calc(100vw - 40px);height:fit-content;min-height:0;max-height:calc(100dvh - 64px);margin:auto;padding:0;inset:0;box-shadow:0 24px 80px #14213d26,0 4px 16px #14213d12}dialog.drawer.compact{width:min(540px,100vw - 40px)}dialog.drawer.wide{width:min(880px,100vw - 40px)}dialog.drawer[open]{flex-direction:column;animation:.16s ease-out modal-enter;display:flex}dialog.drawer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18233866}dialog.drawer .drawer-heading{border-bottom:1px solid #edf0f5;align-items:center;gap:20px;padding:22px 26px}dialog.drawer .drawer-heading h2{letter-spacing:-.35px;margin:0;font-size:18px;font-weight:600;line-height:1.4}dialog.drawer .drawer-heading .icon-button{color:#64748b;background:#f5f7fa;border:1px solid #edf0f5;border-radius:10px;width:34px;min-width:34px;height:34px}dialog.drawer .drawer-heading .icon-button:hover{color:#1e293b;background:#eaf0f8}dialog.drawer .drawer-body{overscroll-behavior:contain;flex:0 auto;min-height:0;padding:24px 26px;font-size:14px;line-height:1.65;overflow-y:auto}dialog.drawer .drawer-body>p{margin:0 0 14px}dialog.drawer .drawer-body>p:last-child{margin-bottom:0}dialog.drawer .drawer-body .muted{color:#718096;font-size:13px;line-height:1.65}dialog.drawer .drawer-body .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}dialog.drawer .drawer-body label{gap:8px;min-width:0;font-size:13px}dialog.drawer .drawer-body input:not([type=checkbox]):not([type=radio]),dialog.drawer .drawer-body :is(select,.search-select-input),dialog.drawer .drawer-body textarea{border-radius:10px;width:100%;min-height:42px;font-size:14px}dialog.drawer .drawer-body .actions{border-top:1px solid #edf0f5;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px}dialog.drawer .actions>button,dialog.drawer .actions>.button{border-radius:10px;min-height:40px;padding:9px 17px;font-size:13px;line-height:1.4}dialog.drawer .actions>button.secondary,dialog.drawer .actions>.button.secondary{color:#475569;box-shadow:none;background:#fff;border:1px solid #dce3ed}dialog.drawer .actions>button.secondary:hover{background:#f5f7fa;border-color:#bdc9d9}dialog.drawer .actions>[role=alert],dialog.drawer .actions>[role=status]{flex-basis:100%;font-size:13px}dialog.drawer .drawer-body>p[role=status]{color:#475569;background:#f1f5fb;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:13px}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:767px){dialog.drawer,dialog.drawer.compact,dialog.drawer.wide{border-radius:16px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto}dialog.drawer .drawer-heading{gap:12px;padding:18px 20px}dialog.drawer .drawer-heading h2{font-size:17px}dialog.drawer .drawer-body{padding:20px}dialog.drawer .drawer-body .grid{grid-template-columns:minmax(0,1fr);gap:16px}dialog.drawer .actions>button,dialog.drawer .actions>.button{white-space:normal;flex:1}}@media (prefers-reduced-motion:reduce){dialog.drawer[open]{animation:none}}