/* MARFA — داشبورد استراتژی (v2) — همه‌ی قواعد زیر .sl2 / .sl2-modal */
.sl2{--c1:#1d1912;--c2:#252018;--ln:#393328;--tx:#f4f3f2;--mu:#a3a09b;--ac:#deba73;--up:#22c993;--dn:#f0506e;max-width:1600px}
.sl2 .up{color:var(--up)!important}.sl2 .down{color:var(--dn)!important}
.sl2 svg{direction:ltr}
.sl2-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px}
.sl2-crumb{font-size:12px;color:var(--mu);direction:ltr;text-align:end}
.sl2-head h1{margin:2px 0 4px;font-size:28px;font-weight:800}
.sl2-ctrl{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.sl2-box{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 12px;border:1px solid var(--ln);border-radius:10px;background:var(--c1);min-height:48px}
.sl2-box small{font-size:11px;color:var(--mu);direction:ltr}
.sl2-box select{background:transparent;border:0;color:var(--tx);font-weight:700;padding:0;min-width:180px}
.sl2-box select option{background:#1d1912}
.sl2-primary{min-height:44px;padding:0 16px;border-radius:10px;border:0;background:var(--ac);color:#fff;font-weight:800;cursor:pointer}
.sl2-ghost{min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--ln);background:var(--c1);color:var(--tx);cursor:pointer}
.sl2-link{border:0;background:none;color:#deba73;cursor:pointer;font-size:13px;min-height:32px}
.sl2-badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:700;background:#4d4331;color:#deba73}
.sl2-badge.amber{background:#3a2c10;color:#f6cf7a;border:1px solid #6b5220}
.sl2-muted{color:var(--mu)}.sl2-small{font-size:12px;margin:8px 0 0;line-height:1.8}
.sl2-body{display:flex;flex-direction:column;gap:14px}
.sl2-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--ln);border-radius:14px;background:var(--c1);overflow:hidden}
.sl2-kpi{padding:14px 16px;border-inline-start:1px solid var(--ln);display:flex;flex-direction:column;gap:4px}
.sl2-kpi:first-child{border-inline-start:0}
.sl2-kpi small{color:var(--mu);font-size:12px;direction:ltr;text-align:start}
.sl2-kpi b{font-size:22px;font-weight:800;direction:ltr;text-align:start}
.sl2-kpi em{font-style:normal;font-size:12px;direction:ltr;text-align:start}
.sl2-note{padding:12px 14px;border-radius:10px;border:1px dashed #5e5444;color:#d9d7d4;font-size:13px;line-height:1.9}
.sl2-row{display:grid;gap:14px}.sl2-row.r21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.sl2-col{display:flex;flex-direction:column;gap:14px}
.sl2-card{background:var(--c1);border:1px solid var(--ln);border-radius:14px;padding:14px 16px;min-width:0}
.sl2-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.sl2-h h3{margin:0;font-size:16px;font-weight:800}
.sl2-seg{display:flex;gap:2px;direction:ltr}
.sl2-seg button{min-height:34px;padding:0 12px;border-radius:8px;border:0;background:transparent;color:var(--mu);cursor:pointer}
.sl2-seg button.on{background:#3d362b;color:#fff}
.sl2-chart{width:100%;height:auto;display:block}
.sl2-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;font-size:12px;color:var(--mu);margin-top:4px;direction:ltr}
.sl2-legend span::before{content:"";display:inline-block;width:14px;height:3px;background:var(--c);margin-inline-end:6px;vertical-align:middle;border-radius:2px}
.sl2-legend span.dash::before{background:repeating-linear-gradient(90deg,var(--c) 0 4px,transparent 4px 7px)}
.sl2-empty{color:var(--mu);font-size:13px;padding:18px 4px;line-height:1.9}
.sl2-donut{width:140px;height:140px;flex:none}
.sl2-dwrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sl2-dl{display:flex;flex-direction:column;gap:10px;flex:1;min-width:150px;font-size:13px;direction:ltr}
.sl2-dl div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center}
.sl2-dl i{width:10px;height:10px;border-radius:5px}
.sl2-dir{display:grid;grid-template-columns:50px 1fr 100px;gap:10px;align-items:center;margin:12px 0;direction:ltr;font-size:13px}
.sl2-dir i{height:10px;border-radius:5px;background:#342e23;overflow:hidden;display:block}
.sl2-dir em{display:block;height:100%;border-radius:5px}
.sl2-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sl2-rules{border-radius:12px;padding:12px;border:1px solid var(--ln)}
.sl2-rules.in{background:#0e2420;border-color:#1d4a3c}.sl2-rules.out{background:#2a1220;border-color:#5a2236}.sl2-rules.risk{background:#2e271b;border-color:#564a37}
.sl2-rules h4{margin:0 0 8px;font-size:14px;display:flex;gap:8px;align-items:center}
.sl2-rules.in h4{color:#3fe0a6}.sl2-rules.out h4{color:#ff7b92}.sl2-rules.risk h4{color:#deba73}
.sl2-rules ol{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.7}
.sl2-desc{margin:0 0 10px;line-height:2;font-size:14px;color:#e4e2df}
.sl2-tags{display:flex;flex-wrap:wrap;gap:6px;direction:ltr;justify-content:flex-end}
.sl2-tags span{padding:5px 12px;border-radius:16px;background:#342e22;border:1px solid var(--ln);font-size:12px}
.sl2-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--mu)}
.sl2-tw{overflow-x:auto}
.sl2-t{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.sl2-t th{color:var(--mu);font-weight:500;text-align:start;padding:8px 6px;border-bottom:1px solid var(--ln)}
.sl2-t td{padding:9px 6px;border-bottom:1px solid #2e2920;white-space:nowrap}
.sl2-side{padding:3px 10px;border-radius:8px;font-size:12px;font-weight:700}
.sl2-side.long{background:#0f3a2b;color:#3fe0a6}.sl2-side.short{background:#3a1220;color:#ff7b92}
.sl2-ok{padding:3px 8px;border-radius:8px;background:#0f3a2b;color:#3fe0a6;font-size:12px}
.sl2-bad{padding:3px 8px;border-radius:8px;background:#3a1220;color:#ff7b92;font-size:12px}
.sl2-sug{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #2e2920}
.sl2-sug i{width:36px;height:36px;border-radius:10px;background:#342d22;color:#deba73;display:grid;place-items:center;font-style:normal;font-size:16px}
.sl2-sug b{display:block;font-size:14px}.sl2-sug small{display:block;color:var(--mu);font-size:12px;line-height:1.8}
.sl2-conf{font-size:11px;padding:3px 9px;border-radius:8px;white-space:nowrap}
.sl2-conf.hi{background:#4d4331;color:#deba73}.sl2-conf.mid{background:#3d362b;color:#c6c2bb}.sl2-conf.lo{background:#2b271f;color:var(--mu)}
.sl2-vers{display:flex;flex-wrap:wrap;gap:8px}
.sl2-vers span{display:flex;gap:8px;align-items:baseline;padding:8px 12px;border-radius:10px;background:var(--c2);border:1px solid var(--ln);font-size:13px}
.sl2-vers small{color:var(--mu)}
/* modal */
.sl2-modal{position:fixed;inset:0;z-index:200;background:rgba(11,9,5,.72);display:grid;place-items:center;padding:16px}
.sl2-modal-box{width:min(980px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#1d1912;border:1px solid #494133;border-radius:16px;padding:18px;color:#f4f3f2;font-family:inherit}
.sl2-modal-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sl2-modal-h h3{margin:0}
.sl2-x{width:40px;height:40px;border-radius:10px;border:1px solid #494133;background:#252018;color:#fff;font-size:20px;cursor:pointer}
.sl2-ed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sl2-modal label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#a3a09b}
.sl2-modal input,.sl2-modal select,.sl2-modal textarea{background:#19150f;border:1px solid #494133;border-radius:8px;color:#f4f3f2;padding:9px 10px;font:inherit;font-size:14px;min-height:40px}
.sl2-full{margin-top:10px}
.sl2-ed-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.sl2-ed-col{border:1px solid #494133;border-radius:12px;padding:10px}
.sl2-ed-col h4{margin:0 0 8px;font-size:14px}
.sl2-ed-col.in h4{color:#3fe0a6}.sl2-ed-col.out h4{color:#ff7b92}.sl2-ed-col.risk h4{color:#deba73}
.sl2-ed-row{display:grid;grid-template-columns:1fr 36px;gap:6px;margin-bottom:6px}
.sl2-ed-row button{border-radius:8px;border:1px solid #494133;background:#252018;color:#ff7b92;cursor:pointer}
.sl2-modal .sl2-ghost,.sl2-modal .sl2-primary{font-family:inherit}
.sl2-modal-f{display:flex;justify-content:flex-start;gap:8px;margin-top:14px}
@media (max-width:1300px){.sl2-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.sl2-kpi:nth-child(4){border-inline-start:0}.sl2-kpi:nth-child(n+4){border-top:1px solid var(--ln)}}
@media (max-width:1100px){.sl2-row.r21{grid-template-columns:1fr}.sl2-rules-grid{grid-template-columns:1fr}}
@media (max-width:700px){.sl2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sl2-kpi{border-inline-start:0!important;border-top:1px solid var(--ln)}.sl2-ed-grid,.sl2-ed-cols{grid-template-columns:1fr 1fr}.sl2-head h1{font-size:22px}}
.sl2-modal .sl2-primary{background:#deba73!important;color:#fff!important;border:0!important;border-radius:10px!important;min-height:44px;padding:0 20px!important;font-weight:800}
.sl2-modal .sl2-ghost{background:#252018!important;color:#f4f3f2!important;border:1px solid #494133!important;border-radius:10px!important;min-height:40px;padding:0 14px!important}
.sl2-modal .sl2-x{background:#252018!important}

/* v2-sl-2: head layout + empty-state CTA */
.sl2-head{flex-wrap:wrap;align-items:center}
.sl2-head>div:first-child{flex:1 1 260px;min-width:0}
.sl2-ctrl{flex:0 1 auto;justify-content:flex-end}
#slWhere{display:block;font-size:12px;margin-top:2px}
.sl2-demo{border-style:dashed!important;color:#f6cf7a!important;border-color:#6b5220!important}
.sl2-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.sl2-note .sl2-primary{flex:none}
.sl2-kpi b{font-variant-numeric:tabular-nums}
@media (max-width:1250px){.sl2-ctrl{justify-content:flex-start;width:100%}}
/* واکنش به عرض واقعی محتوا (نه عرض صفحه) */
.sl2{container-type:inline-size}
@container (max-width:1050px){.sl2-row.r21{grid-template-columns:1fr}.sl2-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}}
@container (max-width:900px){.sl2-rules-grid{grid-template-columns:1fr}}
@container (max-width:700px){.sl2-col{grid-template-columns:1fr}.sl2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}