.innobiz-dialog { position:fixed; inset:0; margin:auto; width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); box-sizing:border-box; overflow:auto; border:1px solid #e2e8f0; border-radius:24px; padding:30px; background:#fff; color:#172b4d; font-family:'Sarabun',sans-serif; box-shadow:0 28px 90px #0f172a38; }
.innobiz-dialog::backdrop { background:#0f172a80; backdrop-filter:blur(5px); }
.innobiz-dialog form { margin:0; }
.innobiz-dialog-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.innobiz-dialog-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:#eff6ff; color:#2563eb; font-size:25px; font-weight:800; }
.innobiz-dialog[data-tone=success] .innobiz-dialog-icon { background:#ecfdf5; color:#047857; }
.innobiz-dialog[data-tone=error] .innobiz-dialog-icon,.innobiz-dialog[data-tone=confirm] .innobiz-dialog-icon { background:#fff1f2; color:#be123c; }
.innobiz-dialog[data-tone=warning] .innobiz-dialog-icon { background:#fffbeb; color:#b45309; }
.innobiz-dialog-close { width:36px; height:36px; border:0; border-radius:50%; background:#f1f5f9; color:#64748b; font-size:25px; cursor:pointer; }
.innobiz-dialog h2 { margin:0 0 12px; font-size:23px; line-height:1.4; overflow-wrap:anywhere; }
.innobiz-dialog-message { margin:0; color:#64748b; font-size:14px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.innobiz-dialog-actions { display:flex; gap:12px; margin-top:26px; }
.innobiz-dialog-actions button { flex:1; min-height:46px; padding:12px; border-radius:12px; font:inherit; font-weight:700; font-size:14px; cursor:pointer; }
.innobiz-dialog-secondary { border:1px solid #cbd5e1; background:#fff; color:#334155; }
.innobiz-dialog-primary { border:1px solid #2563eb; background:#2563eb; color:#fff; }
.innobiz-dialog[data-tone=confirm] .innobiz-dialog-primary { background:#be123c; border-color:#be123c; }
.innobiz-dialog button:focus-visible { outline:3px solid #38bdf8; outline-offset:3px; }
/* Bound existing form dialogs without changing their fields or submission rules. */
:is(#userModal,#companyModal,#storeModal,#companyOnboardingModal,#generateModal,#importConfirmModal) { position:fixed!important; inset:0!important; width:100%!important; height:100dvh!important; box-sizing:border-box; padding:16px!important; align-items:center!important; justify-content:center!important; background:rgba(15,23,42,.5)!important; backdrop-filter:blur(5px); }
:is(#userModal,#companyModal,#storeModal,#companyOnboardingModal,#generateModal,#importConfirmModal) > :is(.modal-window,.store-modal-card,.setup-modal-card,.setup-window,.aurora-popup-card,.import-confirm-card) { box-sizing:border-box; max-width:100%!important; max-height:calc(100dvh - 32px)!important; overflow:auto; border-radius:22px!important; box-shadow:0 28px 90px #0f172a38; }
:is(#userModal,#companyModal,#generateModal) :is(.modal-header,.modal-footer) { flex-shrink:0; }
:is(#userModal,#companyModal,#generateModal) .modal-body { min-height:0; }
#main-content:has(.show), .fade-in:has(.show) { transform:none!important; filter:none!important; }
@media(max-width:480px) { .innobiz-dialog { padding:22px; border-radius:20px; } .innobiz-dialog-actions { flex-direction:column; } :is(#userModal,#companyModal,#generateModal) :is(.modal-header,.modal-body,.modal-footer) { padding:18px!important; } :is(#userModal,#companyModal,#generateModal) :is(.modal-footer,.modal-actions) { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { :is(#userModal,#companyModal,#storeModal,#companyOnboardingModal,#generateModal,#importConfirmModal), :is(#userModal,#companyModal,#storeModal,#companyOnboardingModal,#generateModal,#importConfirmModal) * { animation:none!important; transition:none!important; } }