
/* LeadFlow V2.1 Production Suite */
.pro-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px}
.pro-kpi{background:#fff;border:1px solid var(--border);border-radius:13px;padding:15px;box-shadow:var(--shadow)}
.pro-kpi .label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:750}
.pro-kpi .value{font-size:23px;font-weight:800;letter-spacing:-.03em;margin-top:7px;color:#0f172a}
.pro-kpi .delta{font-size:11px;margin-top:5px;color:var(--muted)}
.pro-kpi .delta.up{color:#047857}.pro-kpi .delta.down{color:#b91c1c}
.pro-dashboard-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;margin-top:14px}
.pro-chart{width:100%;height:240px;display:block}
.pro-chart-grid{stroke:#e9eef5;stroke-width:1}
.pro-chart-line{fill:none;stroke:#2563eb;stroke-width:2.5}
.pro-chart-area{fill:rgba(37,99,235,.08)}
.pro-chart-dot{fill:#2563eb}
.pro-top-list{display:grid;gap:9px;margin-top:12px}
.pro-top-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.pro-top-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.pro-mini-bar{height:6px;border-radius:99px;background:#eef2f7;overflow:hidden;margin-top:5px}
.pro-mini-bar span{display:block;height:100%;background:#3b82f6;border-radius:99px}
.pro-report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.pro-report-table{margin-top:12px}
.trace-search{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:8px}
.timeline-v21{display:grid;gap:0;margin-top:12px}
.timeline-v21 .item{position:relative;padding:0 0 15px 24px;border-left:2px solid #e5eaf1;margin-left:7px}
.timeline-v21 .item:last-child{border-left-color:transparent}
.timeline-v21 .item:before{content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:#2563eb;border:2px solid #fff;box-shadow:0 0 0 1px #bfdbfe}
.timeline-v21 .t{font-size:11px;color:var(--muted);margin-bottom:3px}
.ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ops-state{display:flex;align-items:center;gap:8px;font-weight:700}.ops-led{width:10px;height:10px;border-radius:50%;background:#94a3b8}.ops-led.ok{background:#10b981}.ops-led.bad{background:#ef4444}
.portal-summary{margin-top:14px}
.portal-summary .notice{margin:0}
@media(max-width:1200px){.pro-kpi-grid{grid-template-columns:repeat(3,1fr)}.pro-report-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.pro-dashboard-grid{grid-template-columns:1fr}.ops-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.pro-kpi-grid,.ops-grid,.pro-report-filters{grid-template-columns:1fr}}
