.idfl{--bg:#f1f5fb;--s:#fff;--s2:#e6edf9;--tx:#0a1a3c;--mu:#586a8c;--pr:#0a1f4d;--ac:#2f80ff;--ok:#0aa89a;--gd:#d99a00;--er:#d63a4a;--bd:#d3ddef;
background:var(--bg);color:var(--tx);border-radius:16px;padding:14px;margin:0 0 24px;font:inherit;font-size:15px;line-height:1.8;direction:rtl;text-align:right}
.idfl *{box-sizing:border-box}
.idfl a{color:var(--ac);text-decoration:none}.idfl a:hover{text-decoration:underline}
.idfl h1,.idfl h2,.idfl h3{color:inherit;font-family:inherit;letter-spacing:0}
.idfl h2{margin:8px 0 12px;font-size:20px}
.idfl button,.idfl input,.idfl select,.idfl textarea{font:inherit;color:inherit}
.idfl .inav{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px;margin:0}
.idfl .inav a,.idfl .nv{white-space:nowrap;border:1px solid var(--bd);background:var(--s);border-radius:99px;padding:3px 14px;color:var(--tx)}
.idfl .inav a:hover,.idfl .nv:hover{text-decoration:none;border-color:var(--ac)}.idfl .inav a.on,.idfl .nv.on{background:var(--ac);border-color:var(--ac);color:#fff}
.idfl .dnav{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 10px}
.idfl .sp{flex:1}.idfl .chip{background:var(--s2);border-radius:99px;padding:2px 12px;font-size:13px}
.idfl .btn{display:inline-block;background:var(--ac);color:#fff;border:0;border-radius:10px;padding:6px 14px;cursor:pointer;min-height:38px;line-height:1.9;text-decoration:none}
.idfl .btn:hover{text-decoration:none;filter:brightness(1.08)}.idfl .btn.g{background:var(--s2);color:var(--tx)}.idfl .btn.ok{background:var(--ok)}.idfl .btn.er{background:var(--er)}
.idfl .btn:focus-visible,.idfl .nv:focus-visible,.idfl input:focus-visible,.idfl select:focus-visible{outline:3px solid var(--gd)}
.idfl .c{background:var(--s);border:1px solid var(--bd);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #0a1f4d18}
.idfl .g{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.idfl .k{font-size:28px;font-weight:800}.idfl .mu{color:var(--mu);font-size:13px}
.idfl .hero{background:radial-gradient(circle at 12% 0,#2f80ff66,transparent 45%),linear-gradient(135deg,var(--pr),#17408f);color:#fff;border-radius:18px;padding:22px;margin-bottom:12px}
.idfl .hero h1{margin:0;font-size:26px;font-weight:800;color:#fff}.idfl .hero p{margin:4px 0 8px;color:#fff}
.idfl .tw{overflow-x:auto}.idfl table{width:100%;border-collapse:collapse;font-size:14px;background:transparent;margin:0}
.idfl th,.idfl td{padding:7px 8px;text-align:center;border:0;border-bottom:1px solid var(--bd);background:transparent;color:inherit}
.idfl td:nth-child(2),.idfl th:nth-child(2){text-align:right}
.idfl th{color:var(--mu);font-weight:600;font-size:12px}.idfl tr:hover td{background:var(--s2)}.idfl tr.me td{background:var(--s2);font-weight:600}
.idfl .b{display:inline-block;border-radius:99px;padding:0 10px;font-size:12px;background:var(--s2);color:var(--tx)}
.idfl .b.ok{background:var(--ok);color:#fff}.idfl .b.er{background:var(--er);color:#fff}.idfl .b.gd{background:var(--gd);color:#fff}.idfl .b.dr{background:transparent;border:1px dashed var(--mu);color:var(--mu)}
.idfl .bar{display:flex;align-items:flex-end;gap:8px;height:110px}.idfl .bar i{flex:1;background:var(--ac);border-radius:6px 6px 0 0;position:relative}.idfl .bar i span{position:absolute;top:-20px;width:100%;text-align:center;font-size:12px;font-style:normal}
.idfl .stp{display:flex;gap:4px;margin:6px 0}.idfl .stp i{flex:1;height:6px;border-radius:4px;background:var(--bd)}.idfl .stp i.d{background:var(--ok)}
.idfl .meter{flex:1;min-width:120px;background:var(--s2);border-radius:6px;height:8px}.idfl .meter div{height:8px;border-radius:6px;background:var(--ac)}
.idfl .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.idfl .row.sw{margin-bottom:10px;gap:6px}.idfl .row.sw .btn{padding:0 14px;min-height:34px;line-height:34px;border-radius:99px}.idfl .row.sw.rs .btn{min-width:38px;text-align:center;padding:0 10px}
.idfl form.inl{display:inline;margin:0}.idfl form{margin:0}
.idfl input,.idfl select,.idfl textarea{background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:8px;padding:4px 8px;max-width:100%}
.idfl input[type=number]{width:76px}.idfl input.w{flex:1;min-width:150px;max-width:340px}.idfl input[type=checkbox]{width:auto}
.idfl .flash{border-radius:12px;padding:8px 14px;margin-bottom:12px;background:var(--ok);color:#fff}.idfl .flash.er{background:var(--er)}
.idfl .cr{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;font:800 13px/1 inherit;font-style:normal;margin-inline-end:8px;vertical-align:middle;box-shadow:0 0 0 2px var(--s2)}
.idfl .cr.l{width:46px;height:46px;font-size:20px;display:grid;margin:0 0 6px}.idfl .hero .cr.l{margin:0 0 0 12px}
.idfl .lg{max-width:380px}.idfl .lg input[type=text],.idfl .lg input[type=password]{width:100%}.idfl .lg p{margin:8px 0}
td .cr,.idfl td .cr{width:22px;height:22px;font-size:11px;margin-inline-end:6px}
.idfl td:nth-child(2){white-space:nowrap}
.idfl .inav a{font-size:14px;padding:2px 12px}
@media(max-width:640px){.idfl{padding:10px}.idfl .hero{padding:16px}.idfl .hero h1{font-size:21px}.idfl .k{font-size:23px}.idfl table{font-size:13px}.idfl th,.idfl td{padding:6px 4px}.idfl .g{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.idfl .k{font-size:21px}}
/* دکمه‌ی خاکستری هم کلاس g دارد؛ نباید شبکه شود */
.idfl .btn.g{display:inline-block;grid-template-columns:none;gap:0}
.idfl .b{white-space:nowrap}.idfl .b.dr{white-space:normal;border-radius:10px;line-height:1.5;padding:2px 10px}
.idfl .row.sw{flex-wrap:wrap}