/* CHUYÊN GIA PHÂN TÍCH 24/7 — bảng điều khiển Advisor Loop.
   Ngôn ngữ thị giác đồng bộ ERP Family: nền sáng, navy/blue, viền mảnh. */

.fx-console{margin:12px;border:1px solid #d7dee8;border-radius:10px;background:#fff;overflow:hidden;font-size:8px;box-shadow:0 1px 2px rgba(15,31,53,.05),0 8px 24px rgba(15,31,53,.06)}
.fx-console *{box-sizing:border-box}

/* ── Header ────────────────────────────────────────────────────────────── */
.fx-console-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:linear-gradient(135deg,#0b1f3a 0%,#16365f 100%);color:#fff}
.fx-console-title b{font-size:10px;letter-spacing:.5px;color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fx-console-title small{display:block;margin-top:4px;font-size:7.5px;line-height:1.5;color:#9fb3cd}
.fx-console-stats{display:flex;gap:14px;flex-wrap:wrap}
.fx-console-stats div{display:grid;gap:2px;text-align:center}
.fx-console-stats span{font-size:6.5px;letter-spacing:.5px;color:#8ba3c2}
.fx-console-stats b{font-size:10px;font-weight:800;color:#fff}
.fx-console-actions{display:flex;gap:6px;flex-wrap:wrap}
.fx-console-actions button{height:28px;padding:0 11px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(255,255,255,.08);color:#fff;font-size:7.5px;font-weight:800;cursor:pointer;transition:background .15s}
.fx-console-actions button:hover:not(:disabled){background:rgba(255,255,255,.18)}
.fx-console-actions button:disabled{opacity:.4;cursor:not-allowed}
.fx-console-actions button.primary{border-color:#3f8cff;background:#1769e0}
.fx-console-actions button.danger{border-color:#e0836f;background:rgba(201,59,67,.35)}

.fx-console-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:6.5px;font-weight:800;letter-spacing:.4px}
.fx-console-pill.on{background:#123f2b;color:#5ee0a0}
.fx-console-pill.off{background:#43191d;color:#f0968e}
.fx-console-pill.warn{background:#4a3410;color:#f0c069}

/* ── Tabs ──────────────────────────────────────────────────────────────── */
.fx-console-tabs{display:flex;gap:0;border-bottom:1px solid #e2e8f0;background:#f7fafd;overflow-x:auto}
.fx-console-tabs button{height:34px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#65788e;font-size:8px;font-weight:700;cursor:pointer;white-space:nowrap}
.fx-console-tabs button:hover{color:#12233b}
.fx-console-tabs button.active{border-bottom-color:#1769e0;color:#0b1f3a;background:#fff}

.fx-console-body{padding:12px 14px;display:grid;gap:12px}
.fx-console-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}

/* ── Tab Tư vấn ────────────────────────────────────────────────────────── */
.fx-advisor-grid{display:grid;gap:11px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.fx-advisor-card{border:1px solid #dde4ec;border-radius:8px;padding:11px 12px;background:#fbfdff;display:grid;gap:8px;border-top:3px solid #c3cede}
.fx-advisor-card.watch{border-top-color:#138a5b;background:linear-gradient(180deg,#f2fbf6 0%,#fff 32%)}
.fx-advisor-card.wait{border-top-color:#b66a00;background:linear-gradient(180deg,#fffaf0 0%,#fff 32%)}
.fx-advisor-card.noedge{border-top-color:#7a8699;background:linear-gradient(180deg,#f5f7fa 0%,#fff 32%)}
.fx-advisor-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.fx-advisor-card header b{font-size:9.5px;color:#0b1f3a}
.fx-advisor-card header span{display:block;margin-top:2px;font-size:6.5px;color:#8494a6}
.fx-reco{padding:3px 9px;border-radius:4px;font-size:7px;font-weight:800;letter-spacing:.4px;white-space:nowrap}
.watch .fx-reco{background:#e7f6ef;color:#0d6e46}
.wait .fx-reco{background:#fff3dc;color:#8a5200}
.noedge .fx-reco{background:#eceff3;color:#5a6678}
.fx-headline{margin:0;font-size:8px;line-height:1.65;color:#26405f}
.fx-advisor-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px;border:1px solid #e8edf4;border-radius:6px;background:#fff}
.fx-advisor-metrics div{display:grid;gap:2px}
.fx-advisor-metrics span{font-size:6px;letter-spacing:.4px;color:#8494a6}
.fx-advisor-metrics b{font-size:8.5px;color:#12233b}
.fx-advisor-metrics b.down{color:#c93b43}
.fx-alt-row{font-size:7px;color:#65788e}
.fx-alt-row i{font-style:normal;padding:1px 6px;margin-right:4px;border-radius:3px;background:#eef3f9;color:#26405f}
.fx-evidence-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fx-evidence-cols>div{display:grid;gap:3px;align-content:start}
.fx-evidence-cols b{font-size:7px;letter-spacing:.3px;color:#12233b}
.fx-evidence-cols p{margin:0;font-size:7px;line-height:1.55;color:#4a5b70;padding-left:7px;border-left:2px solid #e2e8f0}
.fx-conditions{display:grid;gap:3px;padding:7px 9px;border-radius:5px;background:#f4f7fb}
.fx-conditions p{margin:0;font-size:7px;line-height:1.6;color:#3a4c63}

/* ── Bộ khung ──────────────────────────────────────────────────────────── */
.fx-profile-card{border:1px solid #dde4ec;border-left:4px solid #c3cede;border-radius:7px;padding:10px;background:#fbfdff;display:grid;gap:7px}
.fx-profile-card.active{border-left-color:#138a5b;background:#f5fcf8}
.fx-profile-card.paused{border-left-color:#b9c3d1;opacity:.75}
.fx-profile-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fx-profile-card b{font-size:9px;color:#0b1f3a}
.fx-profile-card .fx-focus{margin-top:2px;font-size:6.5px;color:#8494a6}
.fx-profile-card button{height:24px;padding:0 10px;border:1px solid #c3cede;border-radius:4px;background:#fff;color:#26405f;font-size:7px;font-weight:800;cursor:pointer}
.fx-profile-card button:disabled{opacity:.45;cursor:not-allowed}
.fx-profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fx-profile-metrics div{display:grid;gap:2px}
.fx-profile-metrics span{font-size:6px;letter-spacing:.3px;color:#8494a6}
.fx-profile-metrics i{font-style:normal;font-size:9px;font-weight:800;color:#12233b}
.fx-profile-metrics i.up,.up{color:#138a5b}
.fx-profile-metrics i.down,.down{color:#c93b43}
.fx-profile-note{margin:0;font-size:7px;line-height:1.6;color:#65788e}

/* ── Bảng ──────────────────────────────────────────────────────────────── */
.fx-console-scroll{max-height:340px;overflow:auto;border:1px solid #e6ecf3;border-radius:7px}
.fx-console-scroll.short{max-height:200px}
.fx-console-table{width:100%;border-collapse:collapse;font-size:7.5px}
.fx-console-table th{position:sticky;top:0;z-index:1;padding:7px 8px;text-align:left;background:#f2f6fb;border-bottom:1px solid #dde4ec;font-size:6.5px;letter-spacing:.4px;color:#65788e;white-space:nowrap}
.fx-console-table td{padding:6px 8px;border-bottom:1px solid #eef2f7;color:#2b3d55;vertical-align:top}
.fx-console-table tbody tr:hover{background:#f6faff}
.fx-error-cell{max-width:280px;font-size:6.5px;color:#8a5200}

.fx-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:6.5px;font-weight:800;letter-spacing:.3px}
.fx-tag.won{background:#e7f6ef;color:#0d6e46}
.fx-tag.lost{background:#fcebed;color:#a92f38}
.fx-tag.open,.fx-tag.pending{background:#eaf2fd;color:#1462c4}
.fx-tag.expired,.fx-tag.cancelled{background:#f1f3f6;color:#6b7a8d}
.fx-tag.wait{background:#fff3dc;color:#8a5200}

/* ── Ghi chú / bài học ─────────────────────────────────────────────────── */
.fx-note{border:1px solid #e6ecf3;border-left:3px solid #c3cede;border-radius:6px;padding:9px 10px;background:#fbfdff;display:grid;gap:5px}
.fx-note.won{border-left-color:#138a5b}
.fx-note.lost{border-left-color:#c93b43}
.fx-note b{font-size:8px;color:#0b1f3a}
.fx-note p{margin:0;font-size:7.3px;line-height:1.6;color:#4a5b70}
.fx-note .fx-lesson{padding:6px 8px;border-radius:4px;background:#eef4fb;font-size:7.3px;line-height:1.6;color:#1e3a5c}
.fx-note .fx-meta{font-size:6.5px;letter-spacing:.3px;color:#8494a6}
.fx-note-head{display:flex;align-items:center;justify-content:space-between;gap:6px}

.fx-rejections{border:1px solid #e6ecf3;border-radius:7px;background:#fbfdff}
.fx-rejections summary{padding:9px 11px;font-size:7.5px;font-weight:800;color:#26405f;cursor:pointer}
.fx-rejection-row{padding:7px 11px;border-top:1px solid #eef2f7;font-size:7px;color:#4a5b70}
.fx-rejection-row b{color:#12233b}
.fx-rejection-row p{margin:3px 0 0;line-height:1.55;color:#65788e}

/* ── Chung ─────────────────────────────────────────────────────────────── */
.fx-console-empty{padding:22px;text-align:center;font-size:7.8px;line-height:1.7;color:#8494a6}
.fx-console-error{margin:0;padding:9px 11px;border:1px solid #f0c2bb;border-radius:6px;background:#fdf3f2;font-size:7.5px;line-height:1.6;color:#a92f38}
.fx-console-gate{margin:0;padding:9px 11px;border:1px solid #e8e0c8;border-radius:6px;background:#fffdf5;font-size:7px;line-height:1.65;color:#6d5a1f}

@media (max-width:820px){
  .fx-console-head{flex-direction:column;align-items:stretch}
  .fx-console-stats{justify-content:space-between}
  .fx-advisor-grid{grid-template-columns:1fr}
  .fx-evidence-cols{grid-template-columns:1fr}
}