/* /ftf/app/modules/volume-intelligence/volume-intelligence.css */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;}
body.ftf-vi-body{display:flex;flex-direction:column;min-height:100vh;background:#050505;color:#d4d4d4;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:14px;}
.ftf-vi-shell{flex:1;display:flex;min-height:0;}
.ftf-vi-main{flex:1;min-width:0;padding:20px 28px 40px;overflow:auto;}
.ftf-vi-back{display:inline-block;font-size:11px;color:#666;text-decoration:none;letter-spacing:0.03em;margin-bottom:12px;transition:color 0.15s;}
.ftf-vi-back:hover{color:#facc15;}
.ftf-vi-head-row{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.ftf-vi-head-icon{width:48px;height:48px;border-radius:10px;background:rgba(250,204,21,0.08);border:1px solid rgba(250,204,21,0.3);color:var(--mod-color,#facc15);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ftf-vi-head-icon svg{width:24px;height:24px;}
.ftf-vi-head-row h1{margin:0 0 3px 0;font-size:22px;font-weight:600;color:#fafafa;letter-spacing:-0.01em;}
.ftf-vi-head-row p{margin:0;font-size:13px;color:#888;}
.ftf-vi-head-row > div:nth-child(2){flex:1;}
.ftf-vi-status-pill{font-size:9px;font-weight:700;letter-spacing:0.1em;color:#facc15;padding:4px 9px;border:1px solid #facc15;border-radius:999px;background:rgba(250,204,21,0.05);align-self:center;}
.ftf-vi-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;}
.ftf-vi-alerts-box{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;padding:20px;}
.ftf-vi-alerts-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;}
.ftf-vi-alerts-head h2{margin:0;font-size:14px;font-weight:600;color:#fafafa;letter-spacing:0.01em;}
.ftf-vi-alerts-count{font-size:11px;color:#666;font-family:'JetBrains Mono',monospace;}
.ftf-vi-empty{padding:50px 20px;text-align:center;color:#666;}
.ftf-vi-empty p{margin:0 0 12px 0;font-size:13px;}
.ftf-vi-empty-cta{font-size:12px;color:#facc15;text-decoration:none;font-weight:500;}
.ftf-vi-empty-cta:hover{text-decoration:underline;}
.ftf-vi-alerts-table{width:100%;border-collapse:collapse;}
.ftf-vi-alerts-table th{text-align:left;padding:8px 12px;font-size:10px;font-weight:600;color:#666;letter-spacing:0.06em;text-transform:uppercase;border-bottom:1px solid #1a1a1a;}
.ftf-vi-alerts-table td{padding:14px 12px;border-bottom:1px solid #141414;vertical-align:top;}
.ftf-vi-alerts-table tr:last-child td{border-bottom:none;}
.ftf-vi-row-ticker{font-size:13px;font-weight:600;color:#fafafa;}
.ftf-vi-row-meta{font-size:10px;color:#666;margin-top:2px;letter-spacing:0.02em;}
.ftf-vi-row-detector{font-family:'JetBrains Mono',monospace;font-size:11px;color:#86efac;}
.ftf-vi-row-thresh{font-family:'JetBrains Mono',monospace;font-size:12px;color:#facc15;font-weight:500;}
.ftf-vi-row-status.active{font-size:11px;color:#4ade80;font-weight:500;}
.ftf-vi-row-status.paused{font-size:11px;color:#666;}
.ftf-vi-row-time{font-size:11px;color:#888;font-family:'JetBrains Mono',monospace;}
.ftf-vi-sidebar{display:flex;flex-direction:column;gap:14px;}
.ftf-vi-side-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;padding:16px;}
.ftf-vi-side-card h3{margin:0 0 10px 0;font-size:10px;font-weight:700;color:#666;letter-spacing:0.08em;text-transform:uppercase;}
.ftf-vi-side-card p{margin:0;font-size:12px;line-height:1.5;color:#aaa;}
.ftf-vi-config{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;}
.ftf-vi-config dt{font-size:11px;color:#666;}
.ftf-vi-config dd{margin:0;font-size:11px;color:#d4d4d4;font-family:'JetBrains Mono',monospace;text-align:right;}
.ftf-vi-detectors{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.ftf-vi-detectors li{padding:10px 12px;background:#0f0f0f;border:1px solid #1a1a1a;border-radius:8px;}
.ftf-vi-detectors li.planned{opacity:0.55;}
.ftf-vi-det-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.ftf-vi-det-name{font-size:12px;font-weight:600;color:#fafafa;}
.ftf-vi-det-pill{font-size:8px;font-weight:700;letter-spacing:0.1em;padding:2px 6px;border-radius:999px;border:1px solid;}
.ftf-vi-det-pill.live{color:#4ade80;border-color:#4ade80;background:rgba(74,222,128,0.06);}
.ftf-vi-det-pill.planned{color:#555;border-color:#2a2a2a;}
.ftf-vi-detectors li p{margin:0;font-size:11px;color:#888;line-height:1.45;}
@media (max-width:960px){.ftf-vi-layout{grid-template-columns:1fr;} .ftf-vi-main{padding:16px 16px 30px;}}
@media (max-width:720px){.ftf-vi-head-row h1{font-size:18px;} .ftf-vi-alerts-table th:nth-child(3),.ftf-vi-alerts-table td:nth-child(3){display:none;} .ftf-vi-alerts-table th:nth-child(5),.ftf-vi-alerts-table td:nth-child(5){display:none;}}