
/* FTD V8 — dashboard module, scoped */
#ftdv8-module{margin-top:16px}
#ftdv8-module *{box-sizing:border-box}
#ftdv8-module .ftdv8-card{background:linear-gradient(180deg,rgba(27,15,39,.98),rgba(18,10,27,.98));border:1px solid rgba(255,255,255,.075);border-radius:20px;box-shadow:0 16px 50px rgba(0,0,0,.22)}
#ftdv8-module .ftdv8-wrap{padding:16px}
#ftdv8-module .ftdv8-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
#ftdv8-module .ftdv8-head h2{margin:0;font-size:19px}
#ftdv8-module .ftdv8-head p{margin:4px 0 0;color:#a99cb7;font-size:11px}
#ftdv8-module .ftdv8-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
#ftdv8-module .ftdv8-kpi{padding:14px;background:#120b1b;border:1px solid rgba(255,255,255,.055);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}
#ftdv8-module .ftdv8-kpi span{font-size:9px;color:#a99ab8;font-weight:900}
#ftdv8-module .ftdv8-kpi b{display:block;font-size:25px;margin-top:4px}
#ftdv8-module .ftdv8-kpi small{font-size:9px;color:#7eeab0}
#ftdv8-module .ftdv8-icon{width:42px;height:42px;border-radius:12px;background:#0e0914;border:1px solid rgba(255,255,255,.07);display:grid;place-items:center}
#ftdv8-module .ftdv8-icon svg{width:22px;height:22px;stroke:#64ecb0;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ftdv8-module .ftdv8-chart-card{padding:14px;background:#120b1b;border:1px solid rgba(255,255,255,.055);border-radius:16px}
#ftdv8-module .ftdv8-chart-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:9px}
#ftdv8-module .ftdv8-chart-head h3{margin:0;font-size:15px}
#ftdv8-module .ftdv8-chart-head p{margin:3px 0 0;color:#a99cb7;font-size:10px}
#ftdv8-module .ftdv8-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#ftdv8-module .ftdv8-control,#ftdv8-module .ftdv8-metric{background:#0d0812;border:1px solid rgba(255,255,255,.065);border-radius:9px;color:#eee6f4;padding:7px 9px;font-size:10px}
#ftdv8-module .ftdv8-metric{display:flex;align-items:center;gap:6px;font-weight:800}
#ftdv8-module .ftdv8-metric input{accent-color:#d61cf4}
#ftdv8-module .ftdv8-periods{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
#ftdv8-module .ftdv8-period{border:1px solid rgba(255,255,255,.065);background:#0d0812;color:#bbaec5;border-radius:8px;padding:7px 9px;font-size:10px;cursor:pointer}
#ftdv8-module .ftdv8-period.active{background:linear-gradient(90deg,rgba(214,28,244,.85),rgba(139,92,246,.85));color:#fff;border-color:transparent}
#ftdv8-module .ftdv8-custom{display:none;gap:5px}
#ftdv8-module .ftdv8-custom.show{display:flex}
#ftdv8-module .ftdv8-custom input{background:#0d0812;border:1px solid rgba(255,255,255,.065);color:#fff;border-radius:8px;padding:6px 8px;font-size:10px}
#ftdv8-module .ftdv8-chart-shell{position:relative}
#ftdv8-module .ftdv8-chart{height:285px}
#ftdv8-module svg{width:100%;height:100%;display:block;overflow:visible}
#ftdv8-module .ftdv8-gridline{stroke:#2c1a38;stroke-width:.7}
#ftdv8-module .ftdv8-axis{fill:#8f7f9d;font-size:8.5px}
#ftdv8-module .ftdv8-reg-line{fill:none;stroke:#25d8c4;stroke-width:1.35;opacity:.95}
#ftdv8-module .ftdv8-ftd-line{fill:none;stroke:#f7f7fb;stroke-width:1.05;stroke-dasharray:5 5;opacity:.9}
#ftdv8-module .ftdv8-reg-point{fill:#0a0610;stroke:#25d8c4;stroke-width:1.5}
#ftdv8-module .ftdv8-ftd-point{fill:#0a0610;stroke:#f7f7fb;stroke-width:1.25}
#ftdv8-module .ftdv8-dim{opacity:.14!important}
#ftdv8-module .ftdv8-end-tag{cursor:pointer}
#ftdv8-module .ftdv8-end-tag text{font-size:8.7px;font-weight:900}
#ftdv8-module .ftdv8-tooltip{position:absolute;display:none;pointer-events:none;background:#0d0813;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:8px 9px;min-width:145px;box-shadow:0 14px 32px rgba(0,0,0,.4);font-size:10px;z-index:5}
#ftdv8-module .ftdv8-tooltip strong{display:block;margin-bottom:4px}
#ftdv8-module .ftdv8-tooltip .row{display:flex;justify-content:space-between;gap:12px;margin-top:3px}
#ftdv8-module .ftdv8-tooltip .p{color:#66f0cf}
#ftdv8-module .ftdv8-tooltip .f{color:#fff}
#ftdv8-module .ftdv8-lower{display:grid;grid-template-columns:1.55fr .75fr;gap:12px;margin-top:12px}
#ftdv8-module .ftdv8-table-card,#ftdv8-module .ftdv8-rank-card{padding:13px;background:#120b1b;border:1px solid rgba(255,255,255,.055);border-radius:16px}
#ftdv8-module .ftdv8-section-head h3{margin:0;font-size:13px}
#ftdv8-module .ftdv8-section-head p{margin:3px 0 8px;color:#a99cb7;font-size:9.5px}
#ftdv8-module .ftdv8-table-wrap{overflow:auto}
#ftdv8-module table{width:100%;border-collapse:collapse;min-width:700px}
#ftdv8-module th,#ftdv8-module td{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px;text-align:left}
#ftdv8-module th{color:#8f809d;font-size:8.5px}
#ftdv8-module .ftdv8-ranklist{display:flex;flex-direction:column;gap:7px}
#ftdv8-module .ftdv8-rankrow{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;background:#0d0812;border:1px solid rgba(255,255,255,.05);padding:9px;border-radius:12px}
#ftdv8-module .ftdv8-rankrow .num{font-size:14px;font-weight:900}
#ftdv8-module .ftdv8-rankrow b{display:block;font-size:11px}
#ftdv8-module .ftdv8-rankrow small{font-size:9px;color:#a99cb7}
#ftdv8-module .ftdv8-score{text-align:right}
#ftdv8-module .ftdv8-score strong{display:block;font-size:13px}
#ftdv8-module .ftdv8-note{margin-top:8px;font-size:9px;color:#786b84}
#ftdv8-module .ftdv8-status{padding:10px;border-radius:11px;background:#0d0812;border:1px solid rgba(255,255,255,.05);font-size:10px;color:#b8a9c3;margin-bottom:10px}
#ftdv8-module .ftdv8-status.ok{color:#9bf5bc;border-color:rgba(25,214,124,.2)}
#ftdv8-module .ftdv8-status.warn{color:#ffd27a;border-color:rgba(255,190,76,.2)}
@media(max-width:1000px){
 #ftdv8-module .ftdv8-kpis{grid-template-columns:1fr 1fr}
 #ftdv8-module .ftdv8-lower{grid-template-columns:1fr}
 #ftdv8-module .ftdv8-chart{height:265px}
}
@media(max-width:650px){
 #ftdv8-module .ftdv8-wrap{padding:12px}
 #ftdv8-module .ftdv8-head,#ftdv8-module .ftdv8-chart-head{display:block}
 #ftdv8-module .ftdv8-controls{justify-content:flex-start;margin-top:8px}
 #ftdv8-module .ftdv8-kpis{grid-template-columns:1fr 1fr}
 #ftdv8-module .ftdv8-chart{height:245px}
}
