:root{--esg-blue:#1268b3;--esg-blue2:#0b4f8f;--esg-bg:#f3f7fc;--esg-text:#10233f;--esg-muted:#61718a;--esg-red:#c93434;--esg-green:#157a55;--esg-border:#dce6f2;--esg-shadow:0 18px 50px rgba(13,45,84,.16)}
#ida-esg-root,.ida-esg-help-center{font-family:Vazirmatn,IRANSansX,Tahoma,Arial,sans-serif}
.ida-esg-fab{position:fixed;z-index:999980;right:18px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 17px;background:linear-gradient(135deg,var(--esg-blue),var(--esg-blue2));color:#fff;font-weight:800;box-shadow:0 10px 30px rgba(11,79,143,.35);cursor:pointer;direction:rtl}
.ida-esg-fab .q{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:15px}
.ida-esg-backdrop{position:fixed;inset:0;background:rgba(7,18,35,.48);backdrop-filter:blur(2px);z-index:999981;opacity:0;pointer-events:none;transition:.2s}
.ida-esg-backdrop.is-open{opacity:1;pointer-events:auto}
.ida-esg-panel{position:fixed;z-index:999982;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:min(430px,calc(100vw - 32px));max-height:min(78vh,760px);overflow:auto;background:#fff!important;color:var(--esg-text)!important;border-radius:26px;box-shadow:var(--esg-shadow);transform:translateY(24px) scale(.98);opacity:0;pointer-events:none;transition:.22s;direction:rtl;color-scheme:light}
.ida-esg-panel.is-open{transform:none;opacity:1;pointer-events:auto}
.ida-esg-head{position:sticky;top:0;z-index:2;padding:18px 20px 14px;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--esg-border);display:flex;align-items:center;justify-content:space-between}
.ida-esg-head h3{margin:0!important;font-size:18px!important;font-weight:900!important;color:#12365f!important}.ida-esg-close{border:0;background:#eef4fa!important;color:#2f4967!important;width:36px;height:36px;border-radius:50%;font-size:21px;cursor:pointer}
.ida-esg-body{padding:18px 20px 22px}.ida-esg-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e9f3ff!important;color:#075698!important;font-weight:900;font-size:12px;margin-bottom:10px}
.ida-esg-body h4{font-size:22px!important;line-height:1.55!important;margin:0 0 8px!important;color:#102b4c!important;font-weight:950!important}.ida-esg-body p{line-height:1.95;color:#334155!important;margin:0 0 12px}.ida-esg-list{margin:10px 0 16px;padding:0;list-style:none;counter-reset:e}.ida-esg-list li{position:relative;padding:10px 42px 10px 8px;line-height:1.9;border-bottom:1px solid #edf2f7;color:#334155!important}.ida-esg-list li:before{counter-increment:e;content:counter(e);position:absolute;right:0;top:10px;width:28px;height:28px;display:grid;place-items:center;background:#edf5ff;color:#075698;border-radius:50%;font-weight:900}
.ida-esg-alert{padding:14px;border-radius:16px;background:#fff4f3;border:1px solid #ffd8d3;color:#8e2a26;line-height:1.9;margin:12px 0}.ida-esg-info{padding:14px;border-radius:16px;background:#f1f7ff;border:1px solid #d8e8fb;color:#174d7b;line-height:1.9;margin:12px 0}
.ida-esg-actions{display:grid;gap:10px;margin-top:16px}.ida-esg-primary,.ida-esg-secondary,.ida-esg-guide-link{min-height:48px;border-radius:14px;font:inherit;font-weight:900;cursor:pointer}.ida-esg-primary{border:0;background:var(--esg-blue);color:#fff}.ida-esg-secondary{border:1px solid #bfd0e2;background:#f8fbff;color:#35516f}.ida-esg-guide-link{border:1px solid var(--esg-blue);background:#fff;color:var(--esg-blue)}
.ida-esg-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ida-esg-topic-grid button{border:1px solid var(--esg-border);background:#f8fbff;border-radius:14px;padding:14px 10px;font:inherit;font-weight:800;color:#20344f;cursor:pointer}
/* First-visit guide: always a high-contrast light card, independent of site dark mode. */
.ida-esg-tour{position:fixed;z-index:999985;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(520px,calc(100vw - 28px));background:#fff!important;border:1px solid #dbe8f5;border-radius:22px;box-shadow:0 22px 65px rgba(7,30,61,.28);padding:18px 18px 16px;direction:rtl;color:#10233f!important;color-scheme:light}
.ida-esg-tour small{display:inline-flex;background:#e9f4ff;color:#0863ad!important;border-radius:999px;padding:6px 10px;font-weight:950!important;line-height:1.4}
.ida-esg-tour h3{margin:9px 0 7px!important;color:#102b4c!important;font-size:23px!important;font-weight:950!important;line-height:1.5!important;text-shadow:none!important}
.ida-esg-tour p{margin:0 0 14px!important;line-height:1.95!important;color:#475569!important;font-size:15px!important}
.ida-esg-tour-actions{display:flex;gap:8px}.ida-esg-tour-actions button{flex:1;min-height:46px;border-radius:12px;font:inherit;font-weight:900;cursor:pointer}.ida-esg-tour-next{background:#1268b3!important;border:0;color:#fff!important}.ida-esg-tour-skip{background:#f7f9fc!important;border:1px solid #ccd8e6!important;color:#36506d!important}
.ida-esg-help-center{direction:rtl;background:linear-gradient(180deg,#f7fbff,#eef4fb);padding:28px;border-radius:28px;color:var(--esg-text)}.ida-esg-hero{padding:30px;border-radius:24px;background:linear-gradient(135deg,#0c5ca4,#0b4380);color:#fff;box-shadow:0 16px 45px rgba(10,68,128,.25)}.ida-esg-kicker{display:inline-block;background:rgba(255,255,255,.15);padding:7px 12px;border-radius:999px;font-weight:800;font-size:13px}.ida-esg-hero h1{color:#fff!important;font-size:clamp(25px,4vw,38px);margin:12px 0 8px}.ida-esg-hero p{margin:0 0 18px;color:#fff!important;opacity:.92;line-height:1.9}.ida-esg-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.ida-esg-back-vote,.ida-esg-hero-support{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;padding:10px 18px;font:inherit;font-weight:900;text-decoration:none!important;cursor:pointer}.ida-esg-back-vote{background:#fff;color:#0b4f8f!important;border:1px solid #fff}.ida-esg-hero-support{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.55)}.ida-esg-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ida-esg-quick-grid button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:14px;padding:13px;font:inherit;font-weight:800;cursor:pointer}
.ida-esg-steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;align-items:start}.ida-esg-step-card{position:relative;display:block;background:#fff;border:1px solid var(--esg-border);border-radius:22px;padding:16px;box-shadow:0 8px 24px rgba(20,50,90,.06);overflow:hidden}.ida-esg-step-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ida-esg-step-heading h2{font-size:18px!important;line-height:1.55!important;margin:0!important;color:#142943!important;font-weight:900!important}.ida-esg-step-no{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:var(--esg-blue);font-weight:950;font-size:17px}.ida-esg-inline-shot{display:block;width:100%;padding:0;border:1px solid #dce8f4;border-radius:16px;background:#eef4fb;overflow:hidden;cursor:zoom-in;line-height:0}.ida-esg-inline-shot img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#f4f7fb}.ida-esg-step-copy{padding:14px 2px 2px}.ida-esg-step-copy p{margin:0!important;color:#52647b!important;line-height:2!important;font-size:14.5px!important}.ida-esg-note{margin-top:18px;background:#fffaf0;border:1px solid #ffe0a6;border-radius:18px;padding:16px;line-height:2;color:#674c14}
.ida-esg-lightbox{position:fixed;z-index:1000000;inset:0;background:rgba(4,10,20,.84);display:grid;place-items:center;padding:20px}.ida-esg-lightbox img{max-width:min(92vw,620px);max-height:88vh;border-radius:18px;box-shadow:0 20px 60px #000}.ida-esg-lightbox button{position:fixed;top:18px;left:18px;width:42px;height:42px;border:0;border-radius:50%;font-size:24px;cursor:pointer}
@media(max-width:700px){.ida-esg-fab{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));padding:11px 14px}.ida-esg-fab .label{display:inline;font-size:12px}.ida-esg-panel{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-height:84vh;border-radius:24px}.ida-esg-topic-grid,.ida-esg-quick-grid,.ida-esg-steps-grid{grid-template-columns:1fr}.ida-esg-help-center{padding:12px;border-radius:20px}.ida-esg-hero{padding:22px 18px}.ida-esg-step-card{padding:14px}.ida-esg-inline-shot img{max-height:none}.ida-esg-tour{bottom:calc(84px + env(safe-area-inset-bottom));padding:17px 16px 15px}.ida-esg-tour h3{font-size:21px!important}}
/* v1.0.4: hard guarantee that contextual help remains visible on the login/home screen. */
#ida-esg-root{position:relative!important;z-index:2147483000!important;display:block!important;visibility:visible!important;opacity:1!important}
#ida-esg-root .ida-esg-fab{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;z-index:2147483001!important}
@media(max-width:700px){#ida-esg-root .ida-esg-fab{right:12px!important;bottom:calc(22px + env(safe-area-inset-bottom))!important}}

/* v1.0.5: unified top-level help layer. All interactive help UI lives inside this root. */
#ida-esg-root{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;isolation:isolate!important;direction:rtl!important}
#ida-esg-root .ida-esg-fab{z-index:40!important;pointer-events:auto!important}
#ida-esg-root .ida-esg-backdrop{z-index:50!important;pointer-events:none!important}
#ida-esg-root .ida-esg-backdrop.is-open{pointer-events:auto!important}
#ida-esg-root .ida-esg-panel{z-index:60!important;pointer-events:none!important}
#ida-esg-root .ida-esg-panel.is-open{pointer-events:auto!important}
#ida-esg-root .ida-esg-tour{z-index:70!important;pointer-events:auto!important}
#ida-esg-root .ida-esg-lightbox{z-index:80!important;pointer-events:auto!important}


/* v1.0.6: hard portal for contextual/error modal. The modal is appended directly to <body>, outside site stacking contexts. */
body > .ida-esg-backdrop[data-esg-portal="1"]{position:fixed!important;inset:0!important;z-index:2147483645!important;background:rgba(7,18,35,.60)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body > .ida-esg-backdrop[data-esg-portal="1"].is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body > .ida-esg-panel[data-esg-portal="1"]{position:fixed!important;z-index:2147483646!important;display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;right:16px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;width:min(430px,calc(100vw - 32px))!important;max-height:min(78vh,760px)!important;overflow:auto!important;transform:none!important;background:#fff!important;color:#10233f!important;color-scheme:light!important}
body > .ida-esg-panel[data-esg-portal="1"].is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}
@media(max-width:700px){body > .ida-esg-panel[data-esg-portal="1"]{left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:84vh!important}}
