/* EQ_Schutte/web-v2 · بخشِ components — منتقل‌شده از resources/interpretation-content/EQ_Schutte/sections/02-components.html
   (RULES §۳.۵ و §۷.۸: .eqs-components → [data-sec="components"] .eqb؛ قاب، سربرگ، عنوانِ بخش و دمو حذف؛ keyframes با پیشوندِ eq-؛ فونتِ BaseV5) */
[data-sec="components"] .eqb,
[data-sec="components"] .eqb * { margin:0;padding:0;box-sizing:border-box }
[data-sec="components"] .eqb { font-family:var(--font-family);color:#343A40; }
[data-sec="components"] .eqb .group-divider { display:flex;align-items:center;gap:14px;margin:52px 0 0 }
[data-sec="components"] .eqb .group-divider__title { font-size:22px;font-weight:900;color:#343A40;white-space:nowrap }
[data-sec="components"] .eqb .group-divider__line { flex:1;height:1px;background:#D1D5DB;border-radius:1px;margin-right:8px }
[data-sec="components"] .eqb .group-divider__desc { color:#343A40;text-align:justify;font-size:18px;font-weight:400;line-height:34px;margin:8px 0 0 }
[data-sec="components"] .eqb .card { background:#fff;border-radius:20px;border:1px solid #E5E7EB;box-shadow:0 4px 20px rgba(0,0,0,0.04);overflow:hidden;margin:24px 0 }
[data-sec="components"] .eqb .card__header { background:#F3F4F6;padding:12px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #E5E7EB }
[data-sec="components"] .eqb .card__title { font-size:14px;font-weight:700;color:#6B7280 }
[data-sec="components"] .eqb .card__body { padding:24px }
[data-sec="components"] .eqb .card__body--flush { padding:0 }
[data-sec="components"] .eqb .indicators-preview { margin-top:32px;background:#fff;border-radius:20px;border:1px solid #E5E7EB;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.04) }
[data-sec="components"] .eqb .indicators-preview__header { background:linear-gradient(135deg,#F8FFFE 0%,#F0FDF9 100%);border-bottom:1px solid #E5E7EB;padding:18px 24px;display:flex;align-items:center;justify-content:center }
[data-sec="components"] .eqb .indicators-preview__title { font-size:17px;font-weight:700;color:#343A40;text-align:center;width:100% }
[data-sec="components"] .eqb .indicators-preview__body { padding:24px }
[data-sec="components"] .eqb .indicators-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }
[data-sec="components"] .eqb .indicator-card { background:#FAFBFC;border-radius:16px;padding:22px 14px;text-align:center;border:2px solid #E5E7EB;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;display:block }
[data-sec="components"] .eqb .indicator-card::before { content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);opacity:0;transition:opacity .3s ease }
[data-sec="components"] .eqb .indicator-card:hover { background:#fff;border-color:var(--card-color);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1) }
[data-sec="components"] .eqb .indicator-card:hover::before { opacity:1 }
[data-sec="components"] .eqb .indicator-card__icon { width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:var(--card-bg);color:var(--card-color);transition:all .3s ease }
[data-sec="components"] .eqb .indicator-card:hover .indicator-card__icon { transform:scale(1.1) }
[data-sec="components"] .eqb .indicator-card__icon svg { width:26px;height:26px }
[data-sec="components"] .eqb .indicator-card__title-row { display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px }
[data-sec="components"] .eqb .indicator-card__code { font-size:12px;font-weight:800;color:var(--card-color);background:var(--card-bg);padding:3px 10px;border-radius:20px;display:inline-block }
[data-sec="components"] .eqb .indicator-card__name { font-size:14px;font-weight:800;color:#343A40;line-height:1.4 }
[data-sec="components"] .eqb .indicator-card--sv { --card-color:#334155;--card-bg:#F1F5F9 }
[data-sec="components"] .eqb .indicator-card--wv { --card-color:#334155;--card-bg:#F1F5F9 }
[data-sec="components"] .eqb .indicator-card--fv { --card-color:#334155;--card-bg:#F1F5F9 }
[data-sec="components"] .eqb .sub-chart-wrapper { width:100%;overflow:hidden }
[data-sec="components"] .eqb .sub-header-row { display:flex;flex-direction:row-reverse;height:88px;border-bottom:1px solid #E5E7EB }
[data-sec="components"] .eqb .sub-title-box { width:260px;flex-shrink:0;height:88px;background:#E9EEF2;display:flex;align-items:center;justify-content:center;padding:0 12px }
[data-sec="components"] .eqb .sub-title-box h2 { color:#334155;font-size:16px;font-weight:700;text-align:center;line-height:1.4 }
[data-sec="components"] .eqb .sub-scale-area { flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;background:#F8F9FA;padding:8px 0 6px;gap:4px;overflow:hidden }
[data-sec="components"] .eqb .sub-scale-numbers { display:flex;direction:ltr;position:relative;height:16px }
[data-sec="components"] .eqb .sub-scale-numbers span { position:absolute;transform:translateX(-50%);font-size:11px;color:#868E96;font-weight:400 }
[data-sec="components"] .eqb .sub-color-bar { display:flex;height:8px;direction:ltr }
[data-sec="components"] .eqb .sub-color-bar .seg { width:10%;border-left:1px solid white;border-right:1px solid white }
[data-sec="components"] .eqb .sub-tick-marks { display:flex;direction:ltr;height:22px;align-items:flex-start;position:relative }
[data-sec="components"] .eqb .sub-tick-marks .tick { position:absolute;width:1px;background:#868E96;top:0 }
[data-sec="components"] .eqb .sub-tick-marks .tick.major { height:22px }
[data-sec="components"] .eqb .sub-tick-marks .tick.minor { height:14px;opacity:.4 }
[data-sec="components"] .eqb .sub-data-rows { position:relative;overflow:hidden }
[data-sec="components"] .eqb .sub-data-row { display:flex;flex-direction:row-reverse;height:44px;border-bottom:1px solid #E9ECEF;position:relative }
[data-sec="components"] .eqb .sub-data-row:last-child { border-bottom:none }
[data-sec="components"] .eqb .sub-row-label { width:260px;flex-shrink:0;background:#F8F9FA;display:flex;align-items:center;justify-content:flex-start;padding:0 14px;overflow:hidden }
[data-sec="components"] .eqb .sub-row-label span { font-size:13px;color:#334155;font-weight:500;white-space:nowrap;overflow:hidden;max-width:100%;line-height:1.2 }
[data-sec="components"] .eqb .sub-row-bar-area { flex:1;min-width:0;position:relative;display:flex;align-items:center;overflow:hidden }
[data-sec="components"] .eqb .sub-grid-overlay { position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none }
[data-sec="components"] .eqb .sub-grid-line { position:absolute;width:1px;height:100%;top:0;background:repeating-linear-gradient(to bottom,#868E96 0px,#868E96 5px,transparent 5px,transparent 10px);opacity:.38 }
[data-sec="components"] .eqb .sub-bar { position:absolute;left:0;height:26px;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;transition:width 1s cubic-bezier(.22,1,.36,1);z-index:1;padding:0 8px }
[data-sec="components"] .eqb .sub-bar-label { font-size:13px;color:#fff;font-weight:700;white-space:nowrap;direction:rtl }
[data-sec="components"] .eqb .sub-bar.is-small .sub-bar-label { color:#334155;position:absolute;left:calc(100% + 6px) }
[data-sec="components"] .eqb .sub-table-wrapper { margin-top:0 }
[data-sec="components"] .eqb .sub-table-header { display:flex;height:48px;overflow:hidden;border-bottom:1px solid #D6DCE2 }
[data-sec="components"] .eqb .sub-th { display:flex;align-items:center;justify-content:center;background:#E9EEF2;color:#334155;font-size:14px;font-weight:700;border-left:1px solid rgba(255,255,255,.6) }
[data-sec="components"] .eqb .sub-th:last-child { border-left:none }
[data-sec="components"] .eqb .sub-table-body { border-radius:0;overflow:hidden }
[data-sec="components"] .eqb .sub-table-row { display:flex;height:46px;border-bottom:1px solid #E9ECEF }
[data-sec="components"] .eqb .sub-table-row:last-child { border-bottom:none }
[data-sec="components"] .eqb .sub-table-row:nth-child(odd) .sub-td { background:#F8F9FA }
[data-sec="components"] .eqb .sub-table-row:nth-child(even) .sub-td { background:#fff }
[data-sec="components"] .eqb .sub-td { display:flex;align-items:center;justify-content:center;font-size:13px;color:#334155;font-weight:400;border-left:1px solid #E9ECEF;padding:0 8px }
[data-sec="components"] .eqb .sub-td:last-child { border-left:none }
[data-sec="components"] .eqb .sub-td-name { flex:0 0 40%;width:40%;font-weight:600;justify-content:flex-start;padding:0 16px; }
[data-sec="components"] .eqb .sub-td-raw { flex:0 0 15%;width:15%;font-weight:700;direction:ltr }
[data-sec="components"] .eqb .sub-td-pct { flex:0 0 20%;width:20%;font-weight:700;direction:ltr }
[data-sec="components"] .eqb .sub-td-status { flex:0 0 25%;width:25% }
[data-sec="components"] .eqb .sub-th-name { flex:0 0 40%;width:40%;justify-content:flex-start;padding:0 16px; }
[data-sec="components"] .eqb .sub-th-raw { flex:0 0 15%;width:15% }
[data-sec="components"] .eqb .sub-th-pct { flex:0 0 20%;width:20% }
[data-sec="components"] .eqb .sub-th-status { flex:0 0 25%;width:25% }
[data-sec="components"] .eqb .status-badge { display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap }
[data-sec="components"] .eqb .s--vl { background:rgba(153,27,27,.15);color:#7F1D1D }
[data-sec="components"] .eqb .s--lo { background:rgba(220,38,38,.15);color:#991B1B }
[data-sec="components"] .eqb .s--la { background:rgba(249,115,22,.15);color:#9A3412 }
[data-sec="components"] .eqb .s--av { background:rgba(250,204,21,.18);color:#92400E }
[data-sec="components"] .eqb .s--ha { background:rgba(134,239,172,.25);color:#065F46 }
[data-sec="components"] .eqb .s--su { background:rgba(74,222,128,.25);color:#065F46 }
[data-sec="components"] .eqb .s--gi { background:rgba(34,197,94,.2);color:#14532D }
[data-sec="components"] .eqb .metric-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 }
[data-sec="components"] .eqb .metric-card { background:#fff;border-radius:14px;padding:16px 14px;position:relative;overflow:hidden;border:1px solid #E5E7EB;transition:all .3s ease }
[data-sec="components"] .eqb .metric-card:hover { box-shadow:0 10px 40px rgba(0,0,0,.08);transform:translateY(-2px) }
[data-sec="components"] .eqb .metric-card__bg-icon { position:absolute;left:8px;bottom:8px;width:38px;height:38px;opacity:.07;pointer-events:none;color:#6B7280 }
[data-sec="components"] .eqb .metric-card__bg-icon svg { width:100%;height:100% }
[data-sec="components"] .eqb .metric-card__label { font-size:11px;color:#6B7280;font-weight:600;margin-bottom:5px }
[data-sec="components"] .eqb .metric-card__value { font-size:28px;font-weight:900;color:#343A40;line-height:1;margin-bottom:3px }
[data-sec="components"] .eqb .metric-card__unit { font-size:11px;color:#9CA3AF;font-weight:500 }
[data-sec="components"] .eqb .metric-card--status .metric-card__value { font-size:15px;padding:8px 16px;border-radius:30px;display:inline-block }
[data-sec="components"] .eqb .metric-card--status.ha .metric-card__value { background:rgba(134,239,172,.2);color:#065F46 }
[data-sec="components"] .eqb .metric-card--status.av .metric-card__value { background:rgba(250,204,21,.18);color:#92400E }
[data-sec="components"] .eqb .metric-card--status.su .metric-card__value { background:rgba(74,222,128,.25);color:#065F46 }
[data-sec="components"] .eqb .metric-card--status.gi .metric-card__value { background:rgba(34,197,94,.2);color:#14532D }
[data-sec="components"] .eqb .chart-wrap { position:relative;width:100%;margin:0 auto }
[data-sec="components"] .eqb .chart-svg { display:block;width:100%;height:auto }
[data-sec="components"] .eqb .bell-card-body { padding:24px }
@media screen and (max-width:768px) {
  [data-sec="components"] .eqb .bell-card-body { padding:6px 2px }
}
[data-sec="components"] .eqb .score-tooltip { position:absolute;transform:translateX(-50%);background:#334155;color:#fff;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:auto;box-shadow:0 4px 14px rgba(0,0,0,.2);direction:rtl;z-index:10;opacity:0;transition:opacity .3s ease;cursor:pointer }
[data-sec="components"] .eqb .score-tooltip::after { content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #334155 }
[data-sec="components"] .eqb .interpretation-box { background:#fff;border-radius:20px;margin:24px 0;border:1px solid #E5E7EB;overflow:hidden }
[data-sec="components"] .eqb .interpretation-box__header { background:#F3F4F6;padding:10px 20px;border-bottom:1px solid #E5E7EB }
[data-sec="components"] .eqb .interpretation-box__title { font-size:13px;font-weight:700;color:#6B7280;margin:0 }
[data-sec="components"] .eqb .interpretation-box__body { padding:24px }
[data-sec="components"] .eqb .interpretation-box__text { font-size:16px;color:#343A40;line-height:32px;text-align:justify }
[data-sec="components"] .eqb .interpretation-box__text p { margin-bottom:12px }
[data-sec="components"] .eqb .interpretation-box__text p:last-child { margin-bottom:0 }
[data-sec="components"] .eqb .interpretation-box__text strong { font-weight:700 }
[data-sec="components"] .eqb .uni-wrap { width:100%;overflow:hidden }
[data-sec="components"] .eqb { --uni-lbl:240px;--uni-raw:72px;--uni-pct:88px;--uni-lvl:130px }
[data-sec="components"] .eqb .uni-head { display:flex;flex-direction:row-reverse;height:82px;border-bottom:1px solid #E5E7EB }
[data-sec="components"] .eqb .uni-head__label { width:var(--uni-lbl);flex-shrink:0;background:#C6CFD7;display:flex;align-items:center;justify-content:center }
[data-sec="components"] .eqb .uni-head__label h3 { color:#334155;font-size:14px;font-weight:700 }
[data-sec="components"] .eqb .uni-head__scale { flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;background:#F8F9FA;padding:6px 0 4px;gap:3px;overflow:hidden;border-right:1px solid #E5E7EB;border-left:1px solid #E5E7EB }
[data-sec="components"] .eqb .uni-head__col { width:var(--uni-raw);flex-shrink:0;background:#C6CFD7;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.5) }
[data-sec="components"] .eqb .uni-head__col--pct { width:var(--uni-pct) }
[data-sec="components"] .eqb .uni-head__col--lvl { width:var(--uni-lvl);border-right:none }
[data-sec="components"] .eqb .uni-head__col span { color:#334155;font-size:12px;font-weight:700;text-align:center;line-height:1.3 }
[data-sec="components"] .eqb .uni-scale-numbers { display:flex;direction:ltr;position:relative;height:16px }
[data-sec="components"] .eqb .uni-scale-numbers span { position:absolute;transform:translateX(-50%);font-size:11px;color:#868E96;font-weight:400 }
[data-sec="components"] .eqb .uni-color-bar { display:flex;height:8px;direction:ltr }
[data-sec="components"] .eqb .uni-color-bar .seg { width:10%;border-left:1px solid white;border-right:1px solid white }
[data-sec="components"] .eqb .uni-tick-marks { display:flex;direction:ltr;height:22px;align-items:flex-start;position:relative }
[data-sec="components"] .eqb .uni-tick-marks .tick { position:absolute;width:1px;background:#868E96;top:0 }
[data-sec="components"] .eqb .uni-tick-marks .tick.major { height:22px }
[data-sec="components"] .eqb .uni-tick-marks .tick.minor { height:14px;opacity:.4 }
[data-sec="components"] .eqb .uni-row { display:flex;flex-direction:row-reverse;height:46px;border-bottom:1px solid #E9ECEF }
[data-sec="components"] .eqb .uni-row:last-child { border-bottom:none }
[data-sec="components"] .eqb .uni-row:nth-child(even) .uni-row__label,
[data-sec="components"] .eqb .uni-row:nth-child(even) .uni-row__cell { background:#FAFBFC }
[data-sec="components"] .eqb .uni-row__label { width:var(--uni-lbl);flex-shrink:0;background:#F8F9FA;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;border-left:1px solid #E5E7EB }
[data-sec="components"] .eqb .uni-row__label span { font-size:13px;color:#334155;font-weight:500;white-space:nowrap;overflow:hidden;text-align:right }
[data-sec="components"] .eqb .uni-row__bar { flex:1;min-width:0;position:relative;display:flex;align-items:center;overflow:hidden;border-right:1px solid #E5E7EB;border-left:1px solid #E5E7EB }
[data-sec="components"] .eqb .uni-grid-overlay { position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none }
[data-sec="components"] .eqb .uni-grid-line { position:absolute;width:1px;height:100%;top:0;background:repeating-linear-gradient(to bottom,#868E96 0px,#868E96 5px,transparent 5px,transparent 10px);opacity:.35 }
[data-sec="components"] .eqb .uni-bar { position:absolute;left:0;height:26px;background:#334155;border-radius:0 6px 6px 0;display:flex;align-items:center;padding:0 8px;transition:width 1s cubic-bezier(.22,1,.36,1);z-index:1 }
[data-sec="components"] .eqb .uni-bar__label { font-size:12px;color:#fff;font-weight:700;white-space:nowrap;direction:rtl }
[data-sec="components"] .eqb .uni-bar.is-small .uni-bar__label { color:#334155;position:absolute;left:calc(100% + 5px) }
[data-sec="components"] .eqb .uni-row__cell { width:var(--uni-raw);flex-shrink:0;background:#F8F9FA;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#334155;border-right:1px solid #E5E7EB;direction:ltr }
[data-sec="components"] .eqb .uni-row__cell--pct { width:var(--uni-pct);font-size:12px;color:#6B7280 }
[data-sec="components"] .eqb .uni-row__cell--lvl { width:var(--uni-lvl);border-right:none }
@media screen and (max-width:768px) {
  [data-sec="components"] .eqb { --uni-lbl:160px;--uni-raw:56px;--uni-pct:68px;--uni-lvl:108px }
  [data-sec="components"] .eqb .uni-head__label h3 { font-size:12px }
  [data-sec="components"] .eqb .uni-head__col span { font-size:10px }
  [data-sec="components"] .eqb .uni-row__label span { font-size:11px }
  [data-sec="components"] .eqb .uni-row__cell { font-size:11px }
  [data-sec="components"] .eqb .uni-scale-numbers span { font-size:9px }
}
@media screen and (max-width:576px) {
  [data-sec="components"] .eqb { --uni-lbl:110px;--uni-raw:0px;--uni-pct:58px;--uni-lvl:90px }
  [data-sec="components"] .eqb .uni-row__cell--raw,
[data-sec="components"] .eqb .uni-head__col--raw { display:none }
  [data-sec="components"] .eqb .uni-row__label span { font-size:10px }
  [data-sec="components"] .eqb .uni-head__label h3 { font-size:11px }
  [data-sec="components"] .eqb .uni-scale-numbers span { font-size:8px }
}
@keyframes eq-drawCurve{from{stroke-dashoffset:4000}to{stroke-dashoffset:0}}
@keyframes eq-barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes eq-fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media screen and (max-width:768px) {
  [data-sec="components"] .eqb .group-divider__desc,
[data-sec="components"] .eqb .interpretation-box__text { font-size:16px;line-height:30px }
  [data-sec="components"] .eqb .indicators-grid { grid-template-columns:repeat(2,1fr) }
  [data-sec="components"] .eqb .metric-grid { grid-template-columns:repeat(2,1fr);gap:12px }
  [data-sec="components"] .eqb .metric-card__value { font-size:24px }
  [data-sec="components"] .eqb .sub-title-box { width:160px }
  [data-sec="components"] .eqb .sub-row-label { width:160px }
  [data-sec="components"] .eqb .sub-title-box h2 { font-size:13px }
  [data-sec="components"] .eqb .sub-row-label span { font-size:11px }
  [data-sec="components"] .eqb .group-divider__title { font-size:18px }
  [data-sec="components"] .eqb .group-divider { margin:36px 0 0 }
  [data-sec="components"] .eqb .sub-th { font-size:12px }
  [data-sec="components"] .eqb .sub-td { font-size:11px }
  [data-sec="components"] .eqb .status-badge { font-size:9px;padding:3px 8px }
  [data-sec="components"] .eqb .scale-minor { display:none }
  [data-sec="components"] .eqb .interpretation-box__text { font-size:14px;line-height:28px }
  [data-sec="components"] .eqb .interpretation-box__body { padding:16px 14px }
}
@media screen and (max-width:576px) {
  [data-sec="components"] .eqb .indicators-grid { grid-template-columns:1fr }
  [data-sec="components"] .eqb .metric-grid { grid-template-columns:1fr;gap:8px }
  [data-sec="components"] .eqb .metric-card__value { font-size:20px }
  [data-sec="components"] .eqb .interpretation-box__body { padding:12px 10px }
  [data-sec="components"] .eqb .group-divider { margin:28px 0 0 }
  [data-sec="components"] .eqb .group-divider__title { font-size:16px }
  [data-sec="components"] .eqb .sub-title-box { width:120px }
  [data-sec="components"] .eqb .sub-row-label { width:120px }
  [data-sec="components"] .eqb .sub-row-label span { font-size:10px }
  [data-sec="components"] .eqb .sub-th-name,
[data-sec="components"] .eqb .sub-td-name { flex:0 0 35%;width:35% }
  [data-sec="components"] .eqb .sub-th-pct,
[data-sec="components"] .eqb .sub-td-pct { flex:0 0 20%;width:20% }
  [data-sec="components"] .eqb .sub-th-status,
[data-sec="components"] .eqb .sub-td-status { flex:0 0 30%;width:30% }
  [data-sec="components"] .eqb .sub-th-raw,
[data-sec="components"] .eqb .sub-td-raw { flex:0 0 15%;width:15% }
}
[data-sec="components"] .eqb [hidden] { display:none!important }
[data-sec="components"] .eqb .demo-note { display:inline-flex;align-items:center;margin:0 0 18px;padding:5px 10px;border:1px dashed #F59E0B;border-radius:999px;background:#FFFBEB;color:#92400E;font-size:11px;font-weight:700;line-height:1.5 }
[data-sec="components"] .eqb .indicators-grid { grid-template-columns:repeat(4,1fr) }
[data-sec="components"] .eqb .indicator-card { --card-color:#334155;--card-bg:#F1F5F9 }
[data-sec="components"] .eqb .indicator-card { padding:20px 10px }
[data-sec="components"] .eqb .indicator-card__name { font-size:13px }
[data-sec="components"] .eqb .metric-card--status.lo .metric-card__value { background:rgba(220,38,38,.15);color:#991B1B }
[data-sec="components"] .eqb .metric-card--status.la .metric-card__value { background:rgba(249,115,22,.15);color:#9A3412 }
[data-sec="components"] .eqb .metric-card__value .signed { direction:ltr;unicode-bidi:isolate }
@media screen and (max-width:768px) {
  [data-sec="components"] .eqb .indicators-grid { grid-template-columns:repeat(2,1fr) }
}
@media screen and (max-width:576px) {
  [data-sec="components"] .eqb .indicators-grid { grid-template-columns:repeat(2,1fr);gap:10px }
  [data-sec="components"] .eqb .indicator-card { padding:16px 8px }
  [data-sec="components"] .eqb .indicator-card__icon { width:44px;height:44px;margin-bottom:10px }
  [data-sec="components"] .eqb .indicator-card__icon svg { width:22px;height:22px }
  [data-sec="components"] .eqb .indicator-card__name { font-size:12px }
  [data-sec="components"] .eqb .sub-row-label span { white-space:normal;line-height:1.35 }
  [data-sec="components"] .eqb .metric-grid { grid-template-columns:repeat(2,1fr);gap:8px }
  [data-sec="components"] .eqb .metric-card { padding:12px 10px }
  [data-sec="components"] .eqb .metric-card__value { font-size:20px }
  [data-sec="components"] .eqb .metric-card__unit { font-size:10px;line-height:1.6;position:relative;z-index:1 }
  [data-sec="components"] .eqb .metric-card__bg-icon { width:28px;height:28px }
  [data-sec="components"] .eqb .metric-card--status .metric-card__value { font-size:13px;padding:6px 12px }
}
[data-sec="components"] .eqb .s2-demo { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px }
[data-sec="components"] .eqb .s2-demo__label { display:inline-flex;align-items:center;padding:4px 11px;border:1px solid #B7E4D7;border-radius:999px;background:#F4FFFB;color:#087F5B;font-size:11px;font-weight:700 }
[data-sec="components"] .eqb .s2-demo button { font-family:inherit;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid #B7E4D7;background:#fff;color:#087F5B;cursor:pointer }
[data-sec="components"] .eqb .s2-demo button.is-on { background:#12B886;color:#fff;border-color:#12B886 }