.skillify-detail-shell[data-pulse-analytics-v2] { gap: 16px; }
.pulse-v2-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:4px 0 2px; }
.pulse-v2-hero > div { display:flex; align-items:center; gap:14px; }
.pulse-v2-hero h1 { margin:0 0 4px; color:#0f172a; font-size:28px; letter-spacing:-.02em; }
.pulse-v2-hero p { margin:0; color:#64748b; }
.pulse-v2-hero-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; color:#0369a1; background:#e0f2fe; font-size:23px; }
.pulse-v2-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) auto auto; align-items:end; gap:16px; padding:16px 18px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.04); }
.pulse-v2-toolbar label { display:grid; gap:6px; color:#475569; font-size:12px; font-weight:700; }
.pulse-v2-toolbar-meta,.pulse-v2-toolbar-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.pulse-v2-toolbar-meta { align-self:center; color:#64748b; font-size:13px; }
.pulse-v2-live,.pulse-v2-badge { padding:5px 9px; border-radius:999px; color:#047857; background:#ecfdf5; font-size:12px; font-weight:750; }
.pulse-v2-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.pulse-v2-kpi { display:grid; grid-template-columns:auto 1fr; gap:10px 12px; min-height:140px; padding:17px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.04); }
.pulse-v2-kpi-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; font-weight:800; }
.pulse-v2-kpi.blue .pulse-v2-kpi-icon { color:#1d4ed8; background:#dbeafe; } .pulse-v2-kpi.violet .pulse-v2-kpi-icon { color:#6d28d9; background:#ede9fe; } .pulse-v2-kpi.green .pulse-v2-kpi-icon { color:#15803d; background:#dcfce7; } .pulse-v2-kpi.amber .pulse-v2-kpi-icon { color:#b45309; background:#fef3c7; } .pulse-v2-kpi.cyan .pulse-v2-kpi-icon { color:#0e7490; background:#cffafe; }
.pulse-v2-kpi-label { display:block; color:#64748b; font-size:12px; font-weight:700; }
.pulse-v2-kpi strong { display:block; margin-top:3px; color:#0f172a; font-size:25px; }
.pulse-v2-kpi p { grid-column:1/-1; margin:0; color:#64748b; font-size:12px; }
.pulse-v2-delta { grid-column:1/-1; width:max-content; padding:3px 7px; border-radius:999px; font-size:11px; font-weight:700; }
.pulse-v2-delta.up { color:#047857; background:#ecfdf5; } .pulse-v2-delta.down { color:#b91c1c; background:#fef2f2; } .pulse-v2-delta.neutral { color:#64748b; background:#f1f5f9; }
.pulse-v2-privacy { display:flex; align-items:center; gap:9px; padding:10px 14px; border:1px solid #dbeafe; border-radius:12px; color:#334155; background:#f8fbff; font-size:12px; }
.pulse-v2-privacy small { margin-left:auto; color:#64748b; }
.pulse-v2-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; }
.pulse-v2-card { grid-column:span 6; padding:19px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; box-shadow:0 4px 14px rgba(15,23,42,.04); }
.pulse-v2-card.full { grid-column:1/-1; } .pulse-v2-card.wide { grid-column:span 7; } .pulse-v2-card.narrow { grid-column:span 5; }
.pulse-v2-section-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:16px; }
.pulse-v2-section-head h2 { margin:0; color:#0f172a; font-size:16px; }
.pulse-v2-section-head p { margin:5px 0 0; color:#64748b; font-size:12px; }
.pulse-v2-insight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.pulse-v2-insight { display:flex; gap:10px; padding:14px; border:1px solid #e2e8f0; border-radius:13px; background:#f8fafc; }
.pulse-v2-insight > span { display:grid; flex:0 0 auto; place-items:center; width:25px; height:25px; border-radius:50%; font-weight:800; }
.pulse-v2-insight.positive > span { color:#047857; background:#d1fae5; } .pulse-v2-insight.attention > span { color:#b45309; background:#fef3c7; } .pulse-v2-insight.neutral > span { color:#1d4ed8; background:#dbeafe; }
.pulse-v2-insight h3,.pulse-v2-action h3,.pulse-v2-question h3 { margin:0; color:#0f172a; font-size:13px; }
.pulse-v2-insight p,.pulse-v2-action p { margin:5px 0 0; color:#64748b; font-size:12px; line-height:1.45; }
.pulse-v2-theme-list { display:grid; gap:14px; }
.pulse-v2-theme-row { display:grid; grid-template-columns:minmax(120px,1fr) minmax(150px,2fr) 52px; align-items:center; gap:12px; }
.pulse-v2-theme-row > div:first-child { display:grid; gap:2px; } .pulse-v2-theme-row span { color:#64748b; font-size:11px; }
.pulse-v2-theme-track { height:9px; overflow:hidden; border-radius:999px; background:#e2e8f0; }
.pulse-v2-theme-track span { display:block; height:100%; border-radius:inherit; } .pulse-v2-theme-track .good { background:#10b981; } .pulse-v2-theme-track .watch { background:#f59e0b; } .pulse-v2-theme-track .risk { background:#ef4444; }
.pulse-v2-distribution { display:grid; gap:15px; }
.pulse-v2-stack,.pulse-v2-mini-stack { display:flex; width:100%; height:14px; overflow:hidden; border-radius:999px; background:#e2e8f0; }
.pulse-v2-mini-stack { height:8px; }
.pulse-v2-stack span,.pulse-v2-mini-stack span { display:block; height:100%; } .pulse-v2-stack .negative,.pulse-v2-mini-stack .negative,.pulse-v2-legend i.negative { background:#f87171; } .pulse-v2-stack .neutral,.pulse-v2-mini-stack .neutral,.pulse-v2-legend i.neutral { background:#fbbf24; } .pulse-v2-stack .positive,.pulse-v2-mini-stack .positive,.pulse-v2-legend i.positive { background:#34d399; }
.pulse-v2-legend { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.pulse-v2-legend span { display:grid; grid-template-columns:auto 1fr; gap:5px 7px; color:#64748b; font-size:11px; } .pulse-v2-legend i { width:9px; height:9px; border-radius:50%; } .pulse-v2-legend b { grid-column:2; color:#0f172a; font-size:15px; }
.pulse-v2-distribution small { color:#94a3b8; }
.pulse-v2-question-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.pulse-v2-question { display:grid; gap:11px; padding:14px; border:1px solid #e2e8f0; border-radius:13px; }
.pulse-v2-question-title { display:flex; justify-content:space-between; gap:12px; } .pulse-v2-question-title span { color:#6366f1; font-size:10px; font-weight:800; text-transform:uppercase; } .pulse-v2-question-title small { color:#94a3b8; font-size:11px; } .pulse-v2-question-title > strong { color:#0f172a; font-size:18px; white-space:nowrap; }
.pulse-v2-question-meta { display:flex; justify-content:space-between; gap:8px; color:#64748b; font-size:10px; }
.pulse-v2-action-list { display:grid; gap:9px; }
.pulse-v2-action { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #f1f5f9; } .pulse-v2-action:last-child { border-bottom:0; }
.pulse-v2-priority { padding:4px 7px; border-radius:999px; color:#92400e; background:#fef3c7; font-size:10px; font-weight:800; }
.pulse-v2-trend svg { width:100%; max-height:220px; overflow:visible; } .pulse-v2-trend .axis { stroke:#cbd5e1; stroke-width:1; } .pulse-v2-trend .trend-line { fill:none; stroke:#2563eb; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; } .pulse-v2-trend circle { fill:#fff; stroke:#2563eb; stroke-width:4; } .pulse-v2-trend text { fill:#0f172a; font-size:12px; font-weight:800; }
.pulse-v2-trend-labels { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; } .pulse-v2-trend-labels div { display:grid; gap:2px; text-align:center; } .pulse-v2-trend-labels strong { color:#334155; font-size:11px; } .pulse-v2-trend-labels span { color:#94a3b8; font-size:10px; }
.pulse-v2-driver-list { display:grid; gap:8px; } .pulse-v2-driver-list article { display:flex; justify-content:space-between; gap:12px; padding:11px; border-radius:10px; background:#f8fafc; } .pulse-v2-driver-list div { display:grid; gap:2px; } .pulse-v2-driver-list span { color:#6366f1; font-size:10px; font-weight:800; text-transform:uppercase; } .pulse-v2-driver-list strong { color:#334155; font-size:12px; } .pulse-v2-driver-list b { color:#1d4ed8; }
.pulse-v2-table-wrap { overflow:auto; } .pulse-v2-heatmap { width:100%; border-collapse:separate; border-spacing:4px; } .pulse-v2-heatmap th { padding:8px; color:#64748b; font-size:11px; text-align:left; } .pulse-v2-heatmap td { padding:5px; text-align:center; } .pulse-v2-heatmap td span { display:block; padding:9px; border-radius:8px; font-weight:800; } .pulse-v2-heatmap td .good { color:#047857; background:#d1fae5; } .pulse-v2-heatmap td .watch { color:#92400e; background:#fef3c7; } .pulse-v2-heatmap td .risk { color:#b91c1c; background:#fee2e2; }
.pulse-v2-quality { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .pulse-v2-quality > div { display:flex; gap:9px; padding:11px; border-radius:11px; background:#f8fafc; } .pulse-v2-quality > div > span { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; } .pulse-v2-quality .ready { color:#047857; background:#d1fae5; } .pulse-v2-quality .waiting { color:#64748b; background:#e2e8f0; } .pulse-v2-quality p { display:grid; gap:2px; margin:0; } .pulse-v2-quality strong { color:#334155; font-size:11px; } .pulse-v2-quality small { color:#64748b; font-size:10px; }
.pulse-v2-loading,.pulse-v2-empty { display:grid; place-items:center; gap:10px; min-height:180px; text-align:center; } .pulse-v2-loading span { width:28px; height:28px; border:3px solid #dbeafe; border-top-color:#2563eb; border-radius:50%; animation:pulse-v2-spin .8s linear infinite; } .pulse-v2-empty h2,.pulse-v2-empty p { margin:0; } .pulse-v2-empty p { color:#64748b; }
@keyframes pulse-v2-spin { to { transform:rotate(360deg); } }
@media (max-width:1100px) { .pulse-v2-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .pulse-v2-card.wide,.pulse-v2-card.narrow { grid-column:1/-1; } .pulse-v2-insight-grid { grid-template-columns:1fr; } }
@media (max-width:720px) { .pulse-v2-hero,.pulse-v2-toolbar { grid-template-columns:1fr; display:grid; align-items:start; } .pulse-v2-kpis,.pulse-v2-question-list,.pulse-v2-quality { grid-template-columns:1fr; } .pulse-v2-card { grid-column:1/-1; } .pulse-v2-privacy { align-items:flex-start; flex-wrap:wrap; } .pulse-v2-privacy small { width:100%; margin-left:0; } .pulse-v2-action { grid-template-columns:1fr; } .pulse-v2-theme-row { grid-template-columns:1fr auto; } .pulse-v2-theme-track { grid-column:1/-1; grid-row:2; } }