/* Vectra V21 - Dashboard executivo global responsivo */
.executive-hero { background: linear-gradient(135deg, rgba(0,191,166,.13), rgba(13,29,42,.08)); border: 1px solid rgba(0,191,166,.18); }
.executive-status-row, .executive-kpi-grid, .executive-grid, .quick-actions-grid { width:100%; max-width:100%; box-sizing:border-box; }
.executive-status-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:18px 0; }
.executive-status-card, .executive-kpi-card, .module-health-card, .insight-card, .attention-item { border:1px solid rgba(31,77,121,.14); background:#fff; border-radius:18px; box-shadow:0 10px 28px rgba(13,29,42,.06); box-sizing:border-box; }
.executive-status-card { padding:18px; }
.executive-status-card span, .executive-kpi-card span { display:block; color:#52647a; font-size:.9rem; }
.executive-status-card strong { display:block; margin-top:6px; font-size:1.45rem; color:#06172b; }
.executive-status-card small { color:#617086; }
.executive-status-card.good strong { color:#008b78; }
.executive-kpi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin:18px 0; }
.executive-kpi-card { min-height:128px; padding:18px; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; overflow:hidden; }
.executive-kpi-card strong { display:block; font-size:2.25rem; line-height:1; margin:10px 0 7px; color:#06172b; }
.executive-kpi-card small { color:#617086; }
.executive-kpi-card.success { border-color:rgba(0,191,166,.25); }
.executive-kpi-card.warning { border-color:rgba(255,176,56,.30); }
.executive-kpi-card.danger { border-color:rgba(239,68,68,.24); }
.kpi-spark { height:64px; width:82px; display:flex; align-items:flex-end; gap:5px; opacity:.75; }
.kpi-spark i { flex:1; min-height:8px; border-radius:999px 999px 2px 2px; background:linear-gradient(180deg,#00bfa6,#1f77b4); }
.executive-grid.two-cols { display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:18px; margin:18px 0; }
.executive-panel { overflow:hidden; }
.module-health-list, .insight-stack, .activity-timeline, .attention-list { display:flex; flex-direction:column; gap:12px; }
.module-health-card { text-decoration:none; color:inherit; padding:15px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.module-health-card strong { display:block; color:#06172b; }
.module-health-card span { color:#617086; font-size:.92rem; }
.health-pill, .attention-item span { white-space:nowrap; border-radius:999px; padding:7px 11px; font-size:.82rem; font-style:normal; font-weight:700; background:#eef5ff; color:#164a7a; }
.health-pill.success { background:#e9fbf7; color:#008b78; }
.health-pill.warning { background:#fff7e8; color:#986100; }
.health-pill.danger { background:#fff0f0; color:#b42318; }
.insight-card { padding:16px; }
.insight-card strong { color:#06172b; }
.insight-card p { margin:.45rem 0 0; color:#52647a; }
.insight-card.success { border-left:5px solid #00bfa6; }
.insight-card.warning { border-left:5px solid #ffb038; }
.insight-card.danger { border-left:5px solid #ef4444; }
.insight-card.info { border-left:5px solid #1f77b4; }
.activity-item { display:grid; grid-template-columns:18px 1fr; gap:12px; }
.activity-dot { margin-top:6px; width:10px; height:10px; border-radius:50%; background:#1f77b4; box-shadow:0 0 0 5px rgba(31,119,180,.12); }
.activity-dot.success { background:#00bfa6; box-shadow:0 0 0 5px rgba(0,191,166,.12); }
.activity-dot.warning { background:#ffb038; box-shadow:0 0 0 5px rgba(255,176,56,.16); }
.activity-item strong { color:#06172b; }
.activity-item p { margin:.2rem 0; color:#52647a; }
.activity-item small { color:#7a8798; }
.attention-item { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px; }
.attention-item strong { color:#06172b; }
.attention-item p { margin:.25rem 0 0; color:#52647a; }
.quick-actions-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.quick-actions-grid a { display:block; padding:15px 16px; border:1px solid rgba(31,77,121,.13); border-radius:14px; text-decoration:none; color:#06172b; background:#fff; font-weight:700; }
.quick-actions-grid a:hover { border-color:rgba(0,191,166,.35); transform:translateY(-1px); }
@media (max-width:720px) { .executive-kpi-card strong{font-size:1.8rem;} .executive-grid.two-cols{grid-template-columns:1fr;} .module-health-card,.attention-item{align-items:flex-start; flex-direction:column;} .health-pill,.attention-item span{white-space:normal;} }