.followups-performance{display:grid;gap:16px;margin-top:18px}.performance-history-card,.performance-indicators-card{padding:20px}.performance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.performance-heading h2{display:flex;align-items:center;gap:8px;margin:0;color:#102e5c;font-size:18px}.performance-heading p{margin:5px 0 0;color:#6f82a2;font-size:12px}.performance-filters,.performance-range,.performance-filter-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.performance-filters label{display:grid;gap:3px;color:#45618b;font-size:10px;font-weight:700}.performance-filters select{min-width:124px;border:1px solid #d8e5f5;background:#fff;border-radius:8px;padding:7px 25px 7px 9px;color:#163667;font:inherit}.performance-filter-tabs{margin:16px 0 12px}.performance-filter-tabs button,.performance-range button{border:1px solid #d9e5f4;background:#fff;color:#4a6389;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:700}.performance-filter-tabs button.active,.performance-range button.active{background:#0878ed;border-color:#0878ed;color:#fff;box-shadow:0 4px 10px rgba(8,120,237,.2)}.performance-chart-wrap{height:220px;position:relative;border-left:1px solid #e1ebf6;border-bottom:1px solid #e1ebf6}.performance-chart-svg{width:100%;height:100%;overflow:visible}.performance-grid-lines line{stroke:#e7eef7;stroke-width:1}.performance-line{fill:none!important;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.performance-dot{stroke:#fff;stroke-width:2}.performance-line.blue{stroke:#0878ed}.performance-line.pink{stroke:#ff3d65}.performance-line.purple{stroke:#8458e8}.performance-line.green{stroke:#20bd78}.performance-line.gold{stroke:#f4aa00}.performance-dot.blue{fill:#0878ed}.performance-dot.pink{fill:#ff3d65}.performance-dot.purple{fill:#8458e8}.performance-dot.green{fill:#20bd78}.performance-dot.gold{fill:#f4aa00}.performance-chart-empty{height:100%;display:grid;place-content:center;text-align:center;gap:6px;color:#617795;font-size:12px}.performance-chart-empty strong{color:#26486f}.performance-week-labels{display:grid;grid-template-columns:repeat(5,1fr);margin-top:8px;padding-left:1px;color:#607493;font-size:10px}.performance-week-labels span{text-align:center}.performance-week-labels span:first-child{text-align:left}.performance-week-labels span:last-child{text-align:right}.performance-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:14px;color:#627695;font-size:10px}.performance-legend span{display:flex;align-items:center;gap:5px}.performance-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.performance-legend .blue{background:#0878ed}.performance-legend .pink{background:#ff3d65}.performance-legend .purple{background:#8458e8}.performance-legend .green{background:#20bd78}.performance-legend .gold{background:#f4aa00}.performance-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}.performance-kpi{min-height:82px;padding:13px;border-radius:10px;display:flex;gap:10px;align-items:center}.performance-kpi>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff;color:#0878ed}.performance-kpi small,.performance-kpi strong{display:block}.performance-kpi small{font-size:10px;color:#405a81;line-height:1.2}.performance-kpi strong{margin-top:5px;color:#123461;font-size:22px}.performance-kpi.blue{background:#eaf4ff}.performance-kpi.pink{background:#fff0f3}.performance-kpi.green{background:#ecfbf3}.performance-kpi.purple{background:#f2efff}.performance-kpi.royal{background:#edf5ff}.performance-kpi.gold{background:#fff8e7}.performance-preview-page{margin:0;background:#f1f6fc;color:#152d55;font-family:Inter,Segoe UI,Arial,sans-serif}.performance-preview-shell{max-width:1200px;margin:0 auto;padding:22px}.preview-notice{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff8dc;border:1px solid #f1dc8b;border-radius:10px;padding:10px 13px;color:#76580b;font-size:12px}.preview-notice span{color:#896f27}.preview-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.preview-kanban>div{background:#fff;border-top:4px solid #2b80e8;border-radius:10px;padding:14px;box-shadow:0 5px 14px rgba(31,69,115,.07)}.preview-kanban>div:nth-child(2){border-color:#f18b23}.preview-kanban>div:nth-child(3){border-color:#d4a900}.preview-kanban>div:nth-child(4){border-color:#20a56e}.preview-kanban b,.preview-kanban span{display:block}.preview-kanban b{font-size:13px}.preview-kanban span{font-size:10px;color:#71829b;margin-top:5px}@media(max-width:900px){.performance-kpis{grid-template-columns:repeat(3,1fr)}.preview-kanban{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.performance-preview-shell{padding:12px}.preview-notice,.performance-heading{align-items:flex-start;flex-direction:column}.performance-filters{width:100%}.performance-filters label{flex:1}.performance-filters select{min-width:0;width:100%}.performance-kpis{grid-template-columns:repeat(2,1fr)}.performance-kpi strong{font-size:18px}.performance-history-card,.performance-indicators-card{padding:14px}.performance-chart-wrap{height:170px}.performance-legend{justify-content:flex-start;gap:9px}.preview-kanban{grid-template-columns:1fr}.performance-week-labels{font-size:8px}}
