html.inzi-mi-lock { overflow: hidden; }
#inzi-mi-modal, #inzi-mi-modal * { box-sizing: border-box; font-family: Vazirmatn, "Yekan Bakh", IRANSansX, Tahoma, Arial, sans-serif; }
#inzi-mi-modal { --pink:#bc1060; --pink2:#e51b78; --navy:#111b34; --blue:#243354; --muted:#747d91; --bg:#f4f6fa; --border:rgba(21,33,59,.1); --shadow:0 28px 80px rgba(21,33,59,.22); display:none; position:fixed; inset:0; z-index:999999; direction:rtl; color:#1f2940; }
#inzi-mi-modal.is-open { display:block; }
#inzi-mi-modal .inzi-mi-backdrop { position:absolute; inset:0; background:rgba(17,27,52,.52); backdrop-filter:blur(12px); }
#inzi-mi-modal .inzi-mi-dialog { position:relative; width:min(920px, calc(100% - 24px)); max-height:calc(100vh - 24px); overflow:auto; margin:12px auto; border-radius:36px; background:radial-gradient(circle at 10% 0, rgba(188,16,96,.12), transparent 28%), #fff; box-shadow:var(--shadow); border:1px solid rgba(255,255,255,.8); padding:24px; }
#inzi-mi-modal .inzi-mi-close { position:absolute; top:18px; left:18px; width:42px; height:42px; border:0; border-radius:16px; background:#f4f6fa; color:var(--navy); font-size:30px; line-height:1; cursor:pointer; }
#inzi-mi-modal .inzi-mi-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-left:50px; margin-bottom:18px; }
#inzi-mi-modal .inzi-mi-logo { display:flex; align-items:center; gap:8px; color:var(--pink); font-size:24px; font-weight:950; }
#inzi-mi-modal .inzi-mi-logo span { width:28px; height:28px; border-radius:50%; background:conic-gradient(from 40deg, #bc1060, #e01b75, #bc1060, #87083f, #bc1060); box-shadow:0 10px 24px rgba(188,16,96,.22); }
#inzi-mi-modal .inzi-mi-steps { display:flex; gap:8px; }
#inzi-mi-modal .inzi-mi-steps i { width:34px; height:34px; display:grid; place-items:center; border-radius:14px; background:#f4f6fa; color:var(--muted); font-style:normal; font-weight:900; }
#inzi-mi-modal .inzi-mi-steps i.is-active { color:#fff; background:linear-gradient(135deg, var(--pink), var(--pink2)); }
#inzi-mi-modal h2 { margin:0; color:var(--navy); font-size:28px; font-weight:950; letter-spacing:-.6px; }
#inzi-mi-modal .inzi-mi-muted { margin:8px 0 18px; color:var(--muted); font-size:14px; font-weight:650; }
#inzi-mi-modal .inzi-mi-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:18px 0; }
#inzi-mi-modal .inzi-mi-summary div, #inzi-mi-modal .inzi-mi-checkout-table div { padding:16px; border-radius:22px; background:#f8f9fc; border:1px solid var(--border); }
#inzi-mi-modal small, #inzi-mi-modal .inzi-mi-checkout-table span { display:block; color:var(--muted); font-size:12px; font-weight:800; margin-bottom:5px; }
#inzi-mi-modal strong, #inzi-mi-modal .inzi-mi-checkout-table b { color:var(--navy); font-size:16px; font-weight:950; }
#inzi-mi-modal .inzi-mi-form { display:grid; gap:14px; }
#inzi-mi-modal label { display:grid; gap:7px; color:var(--blue); font-size:13px; font-weight:900; }
#inzi-mi-modal input { width:100%; min-height:50px; border-radius:16px; border:1px solid var(--border); outline:0; background:#fff; padding:10px 14px; color:var(--navy); font-size:14px; font-weight:750; }
#inzi-mi-modal input:focus { border-color:rgba(188,16,96,.4); box-shadow:0 0 0 4px rgba(188,16,96,.08); }
#inzi-mi-modal input[readonly] { background:#f4f6fa; color:#747d91; }
#inzi-mi-modal .inzi-mi-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
#inzi-mi-modal .inzi-mi-files { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:14px; border-radius:22px; background:rgba(188,16,96,.05); border:1px solid rgba(188,16,96,.12); }
#inzi-mi-modal .inzi-mi-btn { min-height:54px; border:0; border-radius:18px; padding:12px 22px; display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#fff; background:linear-gradient(135deg, var(--pink), var(--pink2)); box-shadow:0 18px 42px rgba(188,16,96,.28); font-size:15px; font-weight:950; text-decoration:none; cursor:pointer; }
#inzi-mi-modal .inzi-mi-btn:disabled { opacity:.65; cursor:not-allowed; }
#inzi-mi-modal .inzi-mi-link { border:0; background:transparent; color:var(--pink); font-weight:900; cursor:pointer; }
#inzi-mi-modal .inzi-mi-alert { margin:0 0 14px; padding:12px 14px; border-radius:16px; color:var(--blue); background:#f4f6fa; border:1px solid var(--border); font-size:13px; font-weight:800; }
#inzi-mi-modal .inzi-mi-alert.error { color:#991b1b; background:#fff1f2; border-color:#fecdd3; }
#inzi-mi-modal .inzi-mi-alert.dev { color:#7c2d12; background:#fff7ed; border-color:#fed7aa; }
#inzi-mi-modal .inzi-mi-loading { min-height:180px; display:grid; place-items:center; gap:14px; color:var(--blue); font-weight:900; }
#inzi-mi-modal .inzi-mi-loading span { width:42px; height:42px; border-radius:50%; border:4px solid #eef2f7; border-top-color:var(--pink); animation:inziMiSpin .8s linear infinite; }
@keyframes inziMiSpin { to { transform:rotate(360deg); } }
#inzi-mi-modal .inzi-mi-checkout-table { display:grid; gap:10px; margin:18px 0; }
#inzi-mi-modal .inzi-mi-checkout-table div { display:flex; justify-content:space-between; align-items:center; gap:16px; }
#inzi-mi-modal .inzi-mi-pay { width:100%; }
#inzi-mi-modal .inzi-mi-footnote { margin:12px 0 0; color:var(--muted); font-size:12px; font-weight:700; text-align:center; }
@media (max-width:720px){ #inzi-mi-modal .inzi-mi-dialog{border-radius:26px;padding:18px;} #inzi-mi-modal .inzi-mi-head{display:grid;padding-left:46px;} #inzi-mi-modal .inzi-mi-summary, #inzi-mi-modal .inzi-mi-grid, #inzi-mi-modal .inzi-mi-files{grid-template-columns:1fr;} #inzi-mi-modal h2{font-size:22px;} }
