.page-nav { display: flex; gap: 8px; margin: 18px 0 20px; }
.page-nav a { color: var(--text-soft); text-decoration: none; border: 1px solid var(--border-strong); background: var(--card); border-radius: 8px; padding: 8px 14px; font-size: 12px; font-weight: 600; }
.page-nav a:hover, .page-nav a.active { color: var(--teal); border-color: var(--teal-border); background: var(--teal-soft); }
.executive-ask { padding: 20px 22px; border-color: #d8cbed; background: linear-gradient(135deg, var(--card) 0%, #faf8ff 100%); }
.ask-label { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; color: var(--text); }
.ask-label strong, .ask-label span { display: block; }
.ask-label span { color: var(--muted); font-size: 12px; margin-top: 3px; }
.executive-ask .ask-input { height: 48px; font-size: 15px; }
.executive-ask .ask-btn { height: 48px; min-width: 76px; }
.executive-widgets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 14px; }
.exec-widget { min-height: 168px; padding: 17px; background: var(--card); border: 1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow); position: relative; overflow: hidden; }
.widget-label { color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.widget-value { color: var(--text); font-size: 29px; font-weight: 750; margin-top: 16px; }
.widget-detail { color: var(--text-soft); font-size: 12px; line-height: 1.45; margin-top: 5px; }
.meter { height: 7px; margin-top: 19px; border-radius: 5px; background: var(--border); overflow: hidden; }
.meter span { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.health-score { position: absolute; top: 51px; right: 17px; color: var(--teal); font-size: 12px; font-weight: 700; }
.health-widget .widget-value { color: var(--teal); }
.trend-bars { display: flex; align-items: end; gap: 2px; height: 30px; margin-top: 14px; }
.trend-bars span { flex: 1; min-width: 2px; border-radius: 2px 2px 0 0; background: #7c3aed; opacity: .75; }
.incident-widget .widget-value { color: var(--red); }
.incident-dot-row { display: flex; gap: 5px; margin-top: 20px; }
.incident-dot-row span { width: 9px; height: 9px; border-radius: 50%; background: var(--red); }
.incident-dot-row em { color: var(--muted); font-size: 12px; font-style: normal; }
.executive-incidents { margin-top: 14px; }
body.dark .executive-ask { background: linear-gradient(135deg, var(--card) 0%, #1e1b32 100%); border-color: #40365b; }
@media (max-width: 1050px) { .executive-widgets { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .executive-widgets { grid-template-columns: 1fr; } .page-nav { overflow-x: auto; } .executive-ask .ask-row { align-items: stretch; flex-direction: column; } }
