.analytics-card { margin: 20px 0; padding: 20px; }
.analytics-controls { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; margin: 20px 0; }
.analytics-controls label { display: grid; gap: 6px; font-size: 12px; }
.analytics-controls input, .analytics-controls select { padding: 8px; max-width: 220px; border: 1px solid #c9dce8; border-radius: 6px; }
.analytics-card button { cursor: pointer; padding: 9px 12px; border: 1px solid #c9dce8; border-radius: 6px; }
.analytics-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin: 18px 0; }
.analytics-summary > div, .analytics-alert { background: #edf6fc; padding: 14px; border-radius: 10px; }
.analytics-summary strong { display: block; margin-top: 10px; }
.analytics-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.analytics-card svg { display: block; width: 100%; max-height: 280px; }
.analytics-card svg text { font-size: 10px; fill: #526779; }
.analytics-alert { margin: 12px 0; border-left: 4px solid #d88100; }
#analytics-results[data-risk="normal"] { border-top: 4px solid #169569; }
#analytics-results[data-risk="atento"] { border-top: 4px solid #dfac22; }
#analytics-results[data-risk="riesgo"] { border-top: 4px solid #e17a24; }
#analytics-results[data-risk="crítico"] { border-top: 4px solid #cf3449; }
.analytics-card h3, .analytics-card h4 { margin: 18px 0 10px; }
@media(max-width: 900px) { .analytics-summary, .analytics-charts { grid-template-columns: 1fr; } }
.sidebar { overflow-y: auto; }
.sidebar-landscape { min-height: 80px; margin-top: 22px; }
.analytics-workspace { display: grid; gap: 18px; }
.analytics-hero { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:28px 30px; border-radius:16px; background:linear-gradient(115deg,#102b51,#126387); color:white; }
.analytics-hero h2 { margin:10px 0; font:700 25px Manrope,Arial,sans-serif; }
.analytics-hero p { color:#cfebf5; line-height:1.7; }
.eyebrow { font-size:10px; font-weight:800; letter-spacing:1.8px; color:#6fcfe9; }
.connection-pill { white-space:nowrap; border:1px solid #ffffff50; border-radius:30px; padding:10px 16px; }
.connection-panel { padding:18px 22px; }
.connection-panel summary { cursor:pointer; font-weight:700; }
.connection-panel summary span { font-size:11px; color:var(--muted); margin-left:12px; font-weight:400; }
.connection-help { color:var(--muted); font-size:12px; }
.filter-bar { margin:0; padding:18px 22px; }
.analytics-controls { gap:12px; }
.analytics-controls label { flex:1 1 120px; }
.analytics-controls input,.analytics-controls select { width:100%; max-width:100%; min-height:38px; background:white; color:var(--navy); }
.analytics-workspace button { padding:10px 14px; border:1px solid #c9dce8; border-radius:7px; background:#f2f8fc; font-weight:600; }
.analytics-workspace button.primary-button { color:white; background:#0089ff; }
.analytics-workspace button:disabled { opacity:.45; cursor:not-allowed; }
.analytics-card { margin:0; padding:24px; }
.analytics-card p { line-height:1.8; }
.analytics-summary { gap:12px; }
.analytics-summary > div { border:1px solid #dbeaf3; background:linear-gradient(130deg,#f3faff,#fff); min-height:120px; color:#64758b; }
.analytics-summary strong { font-size:17px; color:var(--navy); line-height:1.5; }
.analytics-summary > div:last-child strong { font-size:13px; }
.patterns-section > section,.analytics-charts > section { padding:18px; border:1px solid var(--line); border-radius:10px; margin-top:12px; }
.pattern-stats { display:flex; flex-wrap:wrap; gap:24px; margin:18px 0; color:#718299; }.pattern-stats strong { display:block; font-size:17px; color:#244967; margin-top:6px; }.interval-note { color:#718299; font-size:11px; }
.analytics-charts h4 { font-size:15px; }
.analytics-empty { text-align:center; padding:44px 20px; color:#7689a2; }
.analytics-empty > span { display:block; font-size:40px; color:#0089ff; }
.analytics-empty h3 { font-size:20px; color:#244967; margin:12px 0; }
.analytics-empty p { margin:8px 0; line-height:1.7; }
.analytics-alerts-panel { padding:24px; }
.section-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.section-heading h2 { margin-top:8px; }
.section-heading .eyebrow { color:#1387a0; }
.saved-alert { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px; margin:12px 0; background:#f7fafd; border:1px solid var(--line); border-left:4px solid #e4ae28; border-radius:10px; }
.saved-alert h3 { font-size:14px; margin:12px 0 8px; line-height:1.6; }
.saved-alert p,.saved-alert small { color:#6a7d92; line-height:1.7; }
.severity-critical { border-left-color:#d23852; }.severity-high { border-left-color:#df7724; }.severity-low { border-left-color:#2386ae; }
.alert-state { font-size:11px; text-transform:capitalize; }.alert-actions { display:flex; flex-wrap:wrap; gap:6px; flex-shrink:0; max-width:240px; }
.alert-pagination { display:flex; justify-content:flex-end; align-items:center; gap:14px; margin-top:18px; }
#analytics-feedback:empty { display:none; }#analytics-feedback { padding:12px 16px; border-radius:8px; background:#eaf3ff; color:#255a85; }
#analytics-feedback[data-error="true"] { background:#fff0f1; color:#aa2940; }
.analytics-disclaimer { color:#718299; font-size:11px; padding:0 8px; line-height:1.7; }
.demo-banner { margin:0 0 18px; padding:14px; background:#fff4dd; border:1px solid #ecd39c; border-radius:8px; }
[data-view="patrones"] .predictions-section,[data-view="patrones"] .risks-section,[data-view="patrones"] .analytics-alerts-panel,
[data-view="predicciones"] .patterns-section,[data-view="predicciones"] .risks-section,[data-view="predicciones"] .analytics-alerts-panel,
[data-view="historial"] .patterns-section,[data-view="historial"] .risks-section,[data-view="historial"] .analytics-alerts-panel,
[data-view="riesgos"] .patterns-section,[data-view="riesgos"] .predictions-section,
[data-view="alertas"] .patterns-section,[data-view="alertas"] .predictions-section,[data-view="alertas"] .risks-section,
[data-view="configuracion"] #analytics-results,[data-view="configuracion"] .analytics-alerts-panel { display:none; }
@media(max-width:700px) { .analytics-hero { flex-direction:column; align-items:flex-start; padding:22px; }.analytics-hero h2{font-size:22px}.saved-alert{flex-direction:column;align-items:flex-start}.analytics-card,.analytics-alerts-panel{padding:16px}.connection-panel summary span{display:block;margin:8px 0}.analytics-controls label{flex-basis:140px}.topbar .profile{display:none}.analytics-summary{grid-template-columns:1fr 1fr}.analytics-workspace{gap:12px} }
@media(max-width:400px) { .analytics-summary{grid-template-columns:1fr} }

/* Yaku Insight: paleta y jerarquía proporcionadas por la marca. */
:root { --blue:#0B3D91; --navy:#102c49; --muted:#60748d; --line:#dce9f1; --bg:#F7F7F7; --green:#4F8A58; --cyan:#00B4E6; --card:#fff; --shadow:0 10px 28px #0b3d9109; }
body { color:var(--navy); font-family:Inter,Arial,sans-serif; }
h1,h2,h3,h4,.brand { font-family:Montserrat,Inter,Arial,sans-serif; }
.sidebar { background:linear-gradient(168deg,#fff 0%,#f4f9fd 62%,#eaf7fb 100%); border-right-color:#d9e6ee; }
.brand { width:100%; justify-content:center; padding:2px 0 6px; }
.brand-symbol { display:block; width:184px; height:123px; max-width:100%; object-fit:contain; flex:none; border-radius:13px; background:white; }
.brand + nav { margin-top:18px; }
.sidebar footer { border-top:1px solid #cadce8; padding-top:16px; line-height:1.9; }
.demo-note i,.status-dot { background:#4F8A58; }
.nav-link { color:#48637b; font-weight:600; border-radius:10px; }
.nav-link.active { background:#e6f4fb; color:#0B3D91; }
.nav-link.active:before { background:#00B4E6; }
.nav-link:hover { background:#eef8fb; }
.icon { stroke-linecap:round; stroke-linejoin:round; }
.topbar { border-bottom:1px solid #dfebf2; padding-bottom:16px; }
.avatar { background:#dff4fa; color:#0B3D91; }
.page-meta { color:#5e7589; font-size:11px; }
.card { border-color:#e2edf3; border-radius:14px; }
.analytics-workspace { gap:20px; }
.analytics-hero { position:relative; overflow:hidden; min-height:190px; background:linear-gradient(117deg,#0B3D91 0%,#096c9f 62%,#00B4E6 115%); box-shadow:0 14px 28px #0b3d9122; }
.analytics-hero:before { content:""; position:absolute; width:380px; height:180px; right:-65px; bottom:-105px; border:3px solid #ffffff39; border-radius:50%; transform:rotate(-18deg); }
.analytics-hero:after { content:""; position:absolute; width:280px; height:130px; right:12px; bottom:-88px; border:2px solid #ffffff5a; border-radius:50%; transform:rotate(-18deg); }
.analytics-hero h2 { font-weight:700; font-size:27px; position:relative; }
.analytics-hero p { color:#e1f5fc; max-width:620px; position:relative; }
.eyebrow { color:#a5ecfb; font-weight:700; }
.hero-brand { z-index:1; display:flex; flex-direction:column; align-items:center; gap:4px; flex:none; }
.hero-brand img { width:106px; height:106px; object-fit:contain; filter:drop-shadow(0 4px 8px #002d526b); }
.connection-pill { background:#ffffff16; color:#fff; }
.analytics-workspace button { background:#eef8fc; border-color:#bcdde9; color:#0B3D91; }
.analytics-workspace button:hover:not(:disabled) { background:#dbf2f9; }
.analytics-workspace button.primary-button { background:#0B3D91; border-color:#0B3D91; }
.analytics-workspace button.primary-button:hover:not(:disabled) { background:#0c59ad; }
.analytics-controls input:focus,.analytics-controls select:focus { border-color:#00B4E6; outline:2px solid #00b4e638; }
.analytics-summary > div { background:linear-gradient(130deg,#f6fbfe,#fff); border-color:#d4eaf2; }
.analytics-summary > div:first-child { border-top:3px solid #F4A7B9; }
.analytics-summary > div:nth-child(2) { border-top:3px solid #00B4E6; }
.analytics-summary > div:nth-child(3) { border-top:3px solid #4F8A58; }
.analytics-summary > div:nth-child(4) { border-top:3px solid #0B3D91; }
.section-heading .eyebrow { color:#008eaf; }
.severity-high,.severity-critical { border-left-color:#F4A7B9; }
#analytics-results[data-risk="normal"] { border-top-color:#4F8A58; }
#analytics-results[data-risk="atento"] { border-top-color:#00B4E6; }
#analytics-results[data-risk="riesgo"],#analytics-results[data-risk="crítico"] { border-top-color:#F4A7B9; }
.analytics-alert { border-left-color:#F4A7B9; background:#fff7fa; }
.analytics-empty > span { color:#00B4E6; }
#analytics-feedback { background:#eaf7fb; color:#0B3D91; }
.sidebar-landscape { background:linear-gradient(#d6f3fb,#eef9fc 56%,#c8e8d2); }
.lake { background:linear-gradient(#69cde7,#b6ebf4); }
.mountain.front { background:#4F8A58; opacity:.72; }
.main-footer { border-top:1px solid #dbe8f0; color:#60748d; }
@media(max-width:700px) { .hero-brand { align-self:flex-end; }.hero-brand img { width:70px; height:70px; }.analytics-hero h2 { font-size:22px; } }