.masan-dialog{box-sizing:border-box;width:min(540px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #cdd5df;border-radius:8px;overflow:auto;background:#fff;color:#273243;font-family:inherit;letter-spacing:0;box-shadow:0 16px 48px rgba(15,25,35,.25)}
.masan-dialog::backdrop{background:rgba(15,20,30,.5)}
.masan-dialog *{box-sizing:border-box;letter-spacing:0}
.masan-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e1e4eb}
.masan-dialog-head h2{margin:0;font-size:21px;line-height:1.4;overflow-wrap:anywhere}
.masan-dialog-close{flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:#606b7c;font:inherit;font-size:28px;line-height:1;cursor:pointer}
.masan-dialog-body{padding:20px 24px}
.masan-dialog-body p{margin:0;font-size:16px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.masan-dialog-body .masan-dialog-notice{margin-top:16px;padding-left:12px;border-left:3px solid #b18a37;color:#6a5830;font-size:15px}
.masan-dialog-details{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px 16px;margin:20px 0 0;padding-top:16px;border-top:1px solid #e1e4eb;font-size:14px;line-height:1.6}
.masan-dialog-details dt{color:#697487}
.masan-dialog-details dd{margin:0;color:#273243;overflow-wrap:anywhere}
.masan-dialog-input-label{display:block;margin-top:20px;font-size:15px;font-weight:700}
.masan-dialog-input{display:block;width:100%;min-width:0;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid #aebdcb;border-radius:6px;background:#fff;color:#273243;font:inherit;font-size:16px}
.masan-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:0 24px 24px}
.masan-dialog-actions button{min-height:44px;border:1px solid #bac6d5;border-radius:6px;padding:10px 14px;background:#fff;color:#35465c;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.masan-dialog-actions .masan-dialog-primary{background:#255f69;border-color:#255f69;color:#fff}
.masan-dialog-warning{border-top:4px solid #ad6234}
.masan-dialog-warning .masan-dialog-primary{background:#a33642;border-color:#a33642}
.masan-dialog :is(button,input):focus-visible{outline:3px solid #279eac;outline-offset:3px}
@media(max-width:600px){.masan-dialog-head,.masan-dialog-body{padding:16px}.masan-dialog-actions{padding:0 16px 16px}.masan-dialog-details{grid-template-columns:1fr;gap:4px}.masan-dialog-details dd+dt{margin-top:8px}.masan-dialog-head h2{font-size:20px}}
.masan-toast-region{position:fixed;inset:auto 20px calc(20px + env(safe-area-inset-bottom)) auto;box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:0;padding:0;border:0;overflow:auto;background:transparent;color:#273243;display:flex;flex-direction:column;gap:10px;pointer-events:none;z-index:100000;letter-spacing:0}
.masan-toast-region[hidden]{display:none!important}
.masan-toast-region::backdrop{background:transparent;pointer-events:none}
.masan-toast{display:flex;align-items:flex-start;gap:12px;padding:15px 14px 15px 18px;box-sizing:border-box;flex-shrink:0;border:1px solid #cdd5df;border-left:4px solid #447d90;border-radius:8px;background:#fff;color:#273243;box-shadow:0 6px 24px rgba(15,25,35,.16);pointer-events:auto;font-family:inherit;letter-spacing:0;animation:masan-toast-enter .18s ease-out;transition:opacity .18s,transform .18s}
.masan-toast-success{border-left-color:#2d8058}
.masan-toast-warning{border-left-color:#ac7830}
.masan-toast-error{border-left-color:#b63a49}
.masan-toast-body{flex:1;min-width:0}
.masan-toast-body p{margin:0;font:inherit;font-size:16px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;letter-spacing:0}
.masan-toast-close{flex:0 0 32px;width:32px;height:32px;margin:-3px -3px 0 0;padding:0;border:0;border-radius:6px;background:transparent;color:#606b7c;font:inherit;font-size:24px;line-height:1;cursor:pointer}
.masan-toast-close:hover{background:#eef1f5}
.masan-toast-copy{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:42px;margin-top:10px;padding:8px;border:1px solid #b8c5d4;border-radius:4px;background:#f7f9fb;color:#273243;font:inherit;font-size:16px;letter-spacing:0}
.masan-toast :is(button,input):focus-visible{outline:3px solid #279eac;outline-offset:2px}
.masan-toast-leaving{opacity:0;transform:translateY(8px)}
@keyframes masan-toast-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.masan-toast-region{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}.masan-toast{padding:14px 12px 14px 14px;gap:8px}}
@media(prefers-reduced-motion:reduce){.masan-toast{animation:none;transition:none}.masan-toast-leaving{transform:none}}

dialog.hdr-login-overlay{box-sizing:border-box;border:0;padding:0;width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 32px);margin:auto;background:transparent;color:#22273a;overflow:auto;border-radius:8px;overscroll-behavior:contain}
dialog.hdr-login-overlay::backdrop{background:rgba(15,17,28,.55)}
dialog.hdr-login-overlay .hdr-login-panel{box-sizing:border-box;border-radius:8px!important}
.hdr-login-reason{margin:0 24px 20px 0;font-size:16px;line-height:1.6;color:#4a5062;overflow-wrap:anywhere;word-break:keep-all}
@media(max-width:480px){dialog.hdr-login-overlay .hdr-login-panel{padding:40px 20px 24px!important}}