/* ============================================================
 * idsal-theme.css — Rebrand de la plataforma a IDSAL · Umbral.
 * Índigo #26164A (marca) + Lima #C9F04A (señal) + Manrope.
 * Sobreescribe las variables del panel (claro y oscuro), sin tocar su lógica.
 * Cargar DESPUÉS de los <style> de la app.
 * ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  /* Marca IDSAL Umbral */
  --idsal-indigo:#26164A; --idsal-indigo-2:#49366F; --idsal-indigo-3:#675B7E;
  --idsal-signal:#C9F04A; --idsal-signal-ink:#769600;
  --idsal-mist:#EEE9FF; --idsal-paper:#FBFAF7; --idsal-focus:#7B56D8;

  /* --- override de la paleta del panel (claro) --- */
  --navy:#26164A; --navy2:#49366F;
  --cyan:#7B56D8; --cyan2:#9B7DE0;
  --navy-text:#26164A; --cyan-text:#6A45C7;
  --violet:#7B56D8; --violet-text:#6A45C7;
  --olive:#769600; --olive-text:#5E7A00;
  --green-text:#247A52; --amber-text:#9A6700; --red-text:#B42318;
  --tint-green:#EDF6F0; --tint-amber:#FBF3E0; --tint-red:#FBEDEB;
  --bg:#FBFAF7; --surface:#FFFFFF; --s2:#F4F1FB;
  --border:#E4DEF1; --border2:#D9D2E8;
  --text:#26164A; --muted:#675B7E; --muted2:#9A90AD;
  --sh:0 2px 10px rgba(38,22,74,.08); --shl:0 12px 32px rgba(38,22,74,.14);
}

html[data-theme="dark"] {
  --navy:#B9A6EC; --navy2:#C9BBF2;
  --cyan:#A98BEC; --cyan2:#BBA3F2;
  --navy-text:#C9BBF2; --cyan-text:#B9A6EC;
  --violet:#B9A6EC; --violet-text:#C9BBF2;
  --olive:#AED030; --olive-text:#C9F04A;
  --green-text:#43C78A; --amber-text:#E0B45A; --red-text:#EE7A63;
  --tint-green:#12352A; --tint-amber:#3A2F12; --tint-red:#3D1F18;
  --bg:#160C2E; --surface:#20143F; --s2:#2A1C4D;
  --border:#33265A; --border2:#3D2F6A;
  --text:#EEE9FF; --muted:#B3A9D0; --muted2:#8479A8;
  --sh:0 2px 10px rgba(0,0,0,.3); --shl:0 16px 40px rgba(0,0,0,.55);
}

/* Tipografía de marca */
body, input, button, select, textarea, .app, aside { font-family: 'Manrope', -apple-system, 'Segoe UI', Roboto, sans-serif; }

/* La lima es SEÑAL, no fondo dominante: acento sutil en foco/activo */
:focus-visible { outline-color: var(--idsal-focus) !important; }

/* CTA lima: hover plano y preciso (sin glow gamer) */
.idsal-cta:hover { background:#D3F65F; transform:translateY(-1px); }
.idsal-cta:active { transform:translateY(0); }

/* Nav activo: fondo Niebla + índigo (unifica el sistema, elimina multicolor) */
.nitem.active, .nitem.ac, .nitem.av, .nitem.ao {
  background: var(--idsal-mist) !important;
  color: var(--idsal-indigo) !important;
  border-left-color: var(--idsal-indigo) !important;
  font-weight: 600;
}
html[data-theme="dark"] .nitem.active, html[data-theme="dark"] .nitem.ac,
html[data-theme="dark"] .nitem.av, html[data-theme="dark"] .nitem.ao {
  background: rgba(123,86,216,.16) !important; color:#C9BBF2 !important; border-left-color:#7B56D8 !important;
}

/* Login: campos con mismo estado base + foco lima; sin autofill azul */
#li-email:focus, #li-pass:focus { background:rgba(255,255,255,.12) !important; border-color:#C9F04A !important; box-shadow:0 0 0 3px rgba(201,240,74,.14) !important; }
#li-email:-webkit-autofill, #li-pass:-webkit-autofill { -webkit-text-fill-color:#FBFAF7 !important; -webkit-box-shadow:0 0 0 1000px rgba(46,32,72,.92) inset !important; caret-color:#FBFAF7; }
.idsal-cta:hover { box-shadow:0 6px 16px rgba(201,240,74,.16); }

/* Que el botón flotante Análisis no tape la última tarjeta */
#content, main, .app > *:last-child { padding-bottom: 96px; }

/* Tarjetas del dashboard: franja superior unificada a índigo (sin multicolor) */
.kcard::after { background:#26164A !important; opacity:1 !important; height:3px !important; }
.kcard:hover { border-color:#26164A !important; }

/* Punto lima en el item de navegación activo (concepto Umbral) */
.nitem.active { position:relative; }
.nitem.active::before { content:""; position:absolute; right:9px; top:50%; transform:translateY(-50%); width:7px; height:7px; border-radius:50%; background:#C9F04A; }

/* Fondo general Papel cálido (blanco solo dentro de tarjetas) */
body{background:#FBFAF7 !important;}

/* Ajustes transversales del review final: sombras más suaves + foco lima con halo morado */
:root { --sh:0 1px 3px rgba(38,22,74,.06); --shl:0 10px 26px -12px rgba(38,22,74,.16); }
:focus-visible { outline:2px solid #C9F04A !important; outline-offset:2px; box-shadow:0 0 0 4px rgba(38,22,74,.12); }

/* Unificar flotantes: un solo acceso (Análisis). Consultor REM oculto — reversible. */
/* #rem-btn (Consultor REM GPT) RESTAURADO 2026-08-31 a pedido del usuario */


/* Colapsables nativos (ej. Calendario): ocultar el marcador por defecto — usamos un caret propio */
details > summary { list-style: none; }
summary::-webkit-details-marker { display: none; }
details > summary:hover { color: var(--idsal-indigo) !important; }


/* ============ Review V2 · sistema institucional (2026-08-31) ============ */
/* Foco visible accesible: anillo 3px — no depende solo del color */
:focus-visible{ outline:3px solid #C9F04A !important; outline-offset:2px; box-shadow:0 0 0 4px rgba(38,22,74,.14) !important; }

/* Botones: altura mínima táctil 44px (solo crecen los demasiado bajos) */
.btn{ min-height:44px; }

/* Campos de formulario: altura cómoda y uniforme */
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), select, textarea{ min-height:44px; }

/* Navegación lateral: foco de teclado visible + estado activo más evidente */
.nitem{ border-radius:10px; outline-offset:-2px; }
.nitem:focus-visible{ outline:3px solid #C9F04A !important; }
.nitem.active, .nitem.ac, .nitem.av, .nitem.ao{ font-weight:600 !important; }


/* Flotantes en móvil: colapsan a solo-ícono (review V2) — Consultor REM ya lo hace; sumamos Análisis */
@media(max-width:760px){
  /* FAB movil review V2 */
  #kx-fab{ font-size:0 !important; padding:.85rem !important; border-radius:50% !important; right:16px !important; bottom:78px !important; }
  #kx-fab svg{ width:20px !important; height:20px !important; }
  #rem-btn{ right:16px !important; bottom:16px !important; }
}


/* ===== Review P0/P1 (2026-08-31) ===== */
/* P0 #2 · Modo oscuro desactivado hasta corregir contrastes */
#theme-toggle{ display:none !important; }
/* P1 #5 · Los 3 tiles superiores en 3 columnas hasta 640px; 1 sola bajo 640px (evita el 2+1 en tablet) */
@media(min-width:640px){ .ptiles{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
@media(max-width:639px){ .ptiles{ grid-template-columns:1fr !important; } }
/* P1 #8 · Foco visible con offset 3px */
:focus-visible{ outline:3px solid #C9F04A !important; outline-offset:3px !important; box-shadow:0 0 0 4px rgba(38,22,74,.14) !important; }
/* P1 #9 · Campos de formulario a 48px */
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), select, textarea{ min-height:48px; }
/* P0 #3 · Dock de flotantes: Análisis directo sobre Consultor REM (gap ~12px), margen 24px */
#kx-fab{ bottom:82px !important; right:24px !important; }


/* ===== #7 · Sistema de botones (review) ===== */
/* Primario: índigo sólido (arregla el botón gris de Suscripción, class btn bp) */
.btn.bp{ background:#26164A; color:#fff; }
/* Violeta: texto BLANCO, no morado oscuro (class btn bc = acento violeta) */
.btn.bc{ background:#7B56D8; color:#fff; box-shadow:0 2px 8px rgba(123,86,216,.24); }


/* ===== #6 · Tipografía (arranque, VALIDAR overflow) ===== */
/* Sube el root +6% -> base ~14px, etiquetas .78rem ~13,3px (>=13). Reversible: quitar esta regla. */
html{ font-size:17px; }


/* ===== Review móvil (2026-08-31) ===== */
/* #1 · Resumen a 2 columnas en móvil; el hero (29%) ocupa todo el ancho para no cortarse */
@media(max-width:600px){
  .kresumen{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .kresumen > :first-child{ grid-column:1 / -1; }
}
/* #4 · Encabezado móvil: se oculta el nombre largo del CESFAM (queda el avatar+sigla); IDSAL se mantiene */
@media(max-width:600px){
  .lname, .lsub{ display:none; }
}
/* #3 · FAB único "Acciones" en TODOS los tamaños: despliega Análisis + Consultor REM (no cubren contenido) */
#fab-toggle{ display:flex; position:fixed; right:24px; bottom:calc(24px + env(safe-area-inset-bottom)); z-index:9100;
  width:52px; height:52px; border-radius:50%; align-items:center; justify-content:center;
  background:#26164A; color:#fff; border:none; box-shadow:0 6px 18px rgba(38,22,74,.4); cursor:pointer; transition:transform .18s; }
body:not(.fab-open) #rem-btn, body:not(.fab-open) #kx-fab{ display:none !important; }
body.fab-open #rem-btn{ display:flex !important; left:auto !important; right:24px !important; bottom:calc(86px + env(safe-area-inset-bottom)) !important; }
body.fab-open #kx-fab{ display:inline-flex !important; right:24px !important; bottom:calc(146px + env(safe-area-inset-bottom)) !important; }
@media(max-width:600px){
  #fab-toggle{ right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); }
  body.fab-open #rem-btn{ right:16px !important; bottom:calc(74px + env(safe-area-inset-bottom)) !important; }
  body.fab-open #kx-fab{ right:16px !important; bottom:calc(130px + env(safe-area-inset-bottom)) !important; }
}


/* ===== Review marca (2026-08-31) ===== */
/* #2 · Lockup del encabezado: completo en escritorio, compacto (sin descriptor) en móvil */
@media(max-width:600px){
  .idsal-lockup-full{ display:none !important; }
  .idsal-lockup-compact{ display:block !important; }
}
/* #1 · Marca de agua del hero: más chica y hacia el borde en móvil (no invade el título) */
@media(max-width:600px){
  .hero-brandmark{ width:108px !important; right:6px !important; }
}


/* Calendario: "Agregar todas" en línea propia en móvil */
@media(max-width:600px){
  .shdr{ flex-wrap:wrap; }
  .cal-add-btn{ width:100%; justify-content:center; margin-top:.7rem; }
}


/* nitem como <button> nativo (accesibilidad): reset para que luzca igual que el div */
button.nitem{ -webkit-appearance:none; appearance:none; background:transparent; border:0; margin:0; width:100%; text-align:left; color:inherit; font-family:inherit; cursor:pointer; }


/* ===== Nav escala administrativa/premium (review) — px, independiente del root de 17px ===== */
.nitem{ min-height:40px !important; padding:8px 16px !important; gap:10px !important; font-size:14px !important; font-weight:500 !important; line-height:1.2 !important; }
.nitem .ni-ic{ width:20px !important; min-width:20px !important; font-size:18px !important; }
.nitem.active{ font-size:14.5px !important; }
#plazo-badge, #alerta-badge{ font-size:10.5px !important; }

/* ===== Revisión de estructura visual · 2026-09-01 ===== */
/* Encabezado estable: cada bloque conserva su espacio y nunca invade al vecino. */
header{
  display:grid !important;
  grid-template-columns:42px minmax(190px,1fr) auto auto;
  align-items:center;
  column-gap:14px;
}
.header-nav-toggle{
  width:40px;height:40px;padding:0 !important;margin:0 !important;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:19px !important;line-height:1;flex:none;
}
.header-provider{display:flex;align-items:center;min-width:0;}
.header-provider .idsal-lockup-full{height:34px;width:auto;display:block;}
.header-provider .idsal-lockup-compact{height:28px;width:auto;display:none;}
.header-client{cursor:pointer;margin:0 !important;min-width:0;justify-self:end;}
.header-client-copy{min-width:0;line-height:1.15;}
.header-client-copy .lname,.header-client-copy .lsub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.header-actions{display:flex;align-items:center;gap:8px;flex:none;}

/* Barra lateral: solo navega la lista; el sello IDSAL queda visible y despejado. */
aside{overflow:hidden !important;padding:0 !important;}
.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.5rem 0 .55rem;scrollbar-gutter:stable;}
.sidebar-brand-footer{
  flex:0 0 auto;min-height:64px;padding:11px 16px calc(13px + env(safe-area-inset-bottom));
  border-top:1px solid var(--border);display:flex;align-items:center;gap:9px;
  background:linear-gradient(180deg,var(--surface),var(--s2));
  box-shadow:0 -8px 18px rgba(38,22,74,.035);opacity:1;
}
.sidebar-brand-copy{line-height:1.12;white-space:nowrap;}
@media(min-width:861px) and (hover:hover) and (pointer:fine){
  aside:not(:hover) .sidebar-brand-copy{display:none;}
  aside:not(:hover) .sidebar-brand-footer{justify-content:center;padding-left:0;padding-right:0;}
  aside:not(:hover) .sidebar-brand-footer svg{width:25px;height:25px;}
}

/* Pirámide poblacional: paleta contemporánea, tipografía IDSAL y lectura ejecutiva. */
.piv-panel{overflow:hidden;}
.piv-panel .hhdr{padding:16px 20px;background:linear-gradient(105deg,rgba(115,85,199,.07),rgba(22,139,131,.055));}
.piv-subtitle{font-size:12px;color:var(--muted);margin-top:4px;}
.piv-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);}
.piv-legend span{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-weight:600;}
.piv-dot{width:8px;height:8px;border-radius:50%;display:inline-block;}
.piv-dot-f{background:#7355C7;box-shadow:0 0 0 3px rgba(115,85,199,.12);}
.piv-dot-m{background:#168B83;box-shadow:0 0 0 3px rgba(22,139,131,.12);}
.piv-viz-shell{padding:18px 20px 20px;background:var(--surface);}
#pivPyramid{width:100%;max-width:920px;display:block;margin:0 auto;border-radius:16px;background:#FBFAFD;}
html[data-theme="dark"] #pivPyramid{background:#181326;}
.piv-insight{display:flex;align-items:flex-start;gap:10px;max-width:920px;margin:14px auto 0;padding:12px 14px;border:1px solid rgba(115,85,199,.16);border-radius:12px;background:linear-gradient(100deg,rgba(115,85,199,.08),rgba(22,139,131,.055));color:#7355C7;}
.piv-insight-title{font-size:12.5px;font-weight:700;color:var(--text);}
.piv-insight-copy{font-size:11.5px;line-height:1.5;color:var(--muted);margin-top:3px;}

@media(max-width:860px){
  .app.nav-open aside{display:flex !important;}
  header{grid-template-columns:40px minmax(34px,1fr) auto auto;padding:0 10px !important;column-gap:9px;}
  .header-provider .idsal-lockup-full{display:none;}
  .header-provider .idsal-lockup-compact{display:block;}
  .header-client{gap:0;}
  .header-client>div:first-child{margin-right:0 !important;}
  .header-client svg{width:34px;height:34px;}
  .header-client-copy{display:none;}
  .header-actions{gap:6px;}
  .sidebar-brand-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom));}
}
@media(max-width:600px){
  .piv-panel .hhdr{align-items:flex-start;gap:12px;padding:14px;}
  .piv-legend{gap:6px;}
  .piv-legend span{padding:5px 8px;font-size:10.5px;}
  .piv-viz-shell{padding:12px 8px 14px;overflow:hidden;}
  #pivPyramid{border-radius:12px;}
  .piv-insight{margin-top:10px;padding:11px 12px;}
}

/* ===== Pasada premium integral · 2026-09-01 ===== */
/* Marca superior: IDSAL toma presencia sin competir con la identidad del centro. */
.header-provider{position:relative;padding-right:20px;}
.header-provider::after{content:"";position:absolute;right:0;top:7px;bottom:7px;width:1px;background:rgba(255,255,255,.18);}
.header-provider .idsal-lockup-full{height:38px;}
.header-client{padding:4px 7px;border-radius:12px;transition:background .18s ease;}
.header-client:hover{background:rgba(255,255,255,.07);}
.header-client-copy .lname{font-weight:700;letter-spacing:-.015em;}
.header-client-copy .lsub{opacity:.68;font-size:11px;letter-spacing:.04em;}
.header-actions .hbtn,.header-actions button{border-radius:11px;}
.header-nav-toggle{border-color:rgba(255,255,255,.18) !important;color:#fff !important;}

/* Navegación: selección sobria y foco accesible, sin halo fluorescente permanente. */
.nitem{transition:background .16s ease,color .16s ease,transform .16s ease;}
.nitem:hover{background:rgba(38,22,74,.055);}
.nitem:focus-visible{outline:2px solid #7B56D8 !important;outline-offset:-2px !important;box-shadow:inset 0 0 0 1px rgba(123,86,216,.18) !important;}
.nitem.active,.nitem.ac,.nitem.av,.nitem.ao{box-shadow:inset 3px 0 0 #26164A !important;border-left-color:transparent !important;}
aside:hover{box-shadow:10px 0 30px -20px rgba(38,22,74,.28);}
.sidebar-brand-footer{min-height:58px;background:linear-gradient(180deg,#fff 0%,#F8F5FC 100%);}

/* Sistema de superficies: una misma profundidad, radio y ritmo en toda la plataforma. */
.hpanel,.cpanel,.det,.upanel,.modal,.piv-panel{border-radius:16px !important;border-color:rgba(73,54,111,.14) !important;box-shadow:0 8px 24px -20px rgba(38,22,74,.42),0 1px 2px rgba(38,22,74,.04) !important;}
.shdr{margin-bottom:16px;}
.stitle{letter-spacing:-.025em;font-weight:750;}
.hhdr{border-bottom-color:rgba(73,54,111,.12) !important;}

/* Indicadores principales: blancos nítidos, acentos de estado y cifras protagonistas. */
.ptile{position:relative;overflow:hidden;background:#fff !important;border:1px solid rgba(73,54,111,.13) !important;border-radius:16px !important;padding:18px 20px !important;box-shadow:0 10px 26px -22px rgba(38,22,74,.44) !important;}
.ptile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tile-accent,#49366F);}
.ptile .pico{width:42px !important;height:42px !important;border-radius:13px !important;}
.ptile .pnum{letter-spacing:-.045em;}
.kresumen>div:not(:first-child){background:#fff !important;border:1px solid rgba(73,54,111,.13) !important;border-radius:15px !important;box-shadow:0 9px 25px -23px rgba(38,22,74,.5) !important;}
.kcard{border-radius:16px !important;border-color:rgba(73,54,111,.15) !important;box-shadow:0 10px 28px -23px rgba(38,22,74,.5) !important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;}
.kcard:hover{transform:translateY(-2px);box-shadow:0 16px 34px -24px rgba(38,22,74,.5) !important;}
.kcard::after{border-radius:16px 16px 0 0;}

/* Alertas: lectura clínica clara, sin grandes paños rosados o verdes. */
.alert-risk-card,.alert-ok-card{position:relative;background:#fff !important;border-radius:14px !important;box-shadow:0 8px 22px -20px rgba(38,22,74,.48);transition:transform .16s ease,box-shadow .16s ease !important;}
.alert-risk-card{border:1px solid rgba(180,35,24,.18) !important;border-left:4px solid #C43A2D !important;}
.alert-ok-card{border:1px solid rgba(36,122,82,.17) !important;border-left:3px solid #26865A !important;}
.alert-risk-card:hover,.alert-ok-card:hover{transform:translateY(-1px);box-shadow:0 13px 27px -20px rgba(38,22,74,.42);}
.alert-note{background:linear-gradient(105deg,#fff,rgba(123,86,216,.035)) !important;border:1px solid rgba(73,54,111,.14) !important;border-left:4px solid #49366F !important;border-radius:14px !important;}

/* Pirámide: leyenda ejecutiva y menos ruido de cuadrícula. */
.piv-legend b{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;}
.piv-viz-shell{background:linear-gradient(180deg,#fff,#FCFBFE);}
.piv-insight{border-radius:14px;}

/* Menú flotante: comunica su función al descubrirlo con el cursor. */
#fab-toggle{transition:transform .18s ease,box-shadow .18s ease !important;}
#fab-toggle:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(38,22,74,.34);}
#fab-toggle::after{content:"Acciones";position:absolute;right:62px;top:50%;transform:translateY(-50%) translateX(4px);padding:7px 10px;border-radius:9px;background:#26164A;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;box-shadow:0 8px 18px rgba(38,22,74,.22);}
#fab-toggle:hover::after,#fab-toggle:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0);}

/* Tablero ejecutivo: densidad y jerarquía de producto directivo. */
#kx-overlay{background:rgba(19,12,34,.58) !important;backdrop-filter:blur(4px) saturate(.85) !important;}
#kx-panel{max-width:1360px !important;border-radius:22px !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 28px 72px rgba(18,10,36,.30) !important;overflow:hidden !important;}
#kx-head{min-height:70px !important;padding:16px 24px !important;}
#kx-head h2,#kx-head .kx-title{font-size:1.18rem !important;letter-spacing:-.025em !important;}
#kx-tabs{padding:0 26px !important;gap:22px !important;}
#kx-tabs button{min-height:48px !important;font-weight:650 !important;}
#kx-toolbar{padding:13px 26px !important;background:linear-gradient(180deg,#fff,#FBFAFD) !important;border-top:1px solid rgba(73,54,111,.08) !important;border-bottom:1px solid rgba(73,54,111,.11) !important;gap:9px !important;}
#kx-toolbar .kx-yr,#kx-toolbar .kx-fl{min-height:36px !important;padding:7px 12px !important;border-radius:9px !important;font-size:.78rem !important;}
#kx-q{min-width:200px !important;min-height:38px !important;border-radius:10px !important;background:#fff !important;}
#kx-body{padding:20px 26px 34px !important;}
#kx-panel .kx-hero{min-height:174px !important;padding:26px 32px !important;border-radius:20px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;}
#kx-panel .kx-hero-big{font-size:clamp(3rem,5vw,4.4rem) !important;letter-spacing:-.065em !important;line-height:.95 !important;}
#kx-panel .kx-hero-brandmark{width:116px !important;right:25px !important;opacity:.7 !important;}
#kx-panel .kx-hero-states{gap:22px !important;margin-top:16px !important;}
#kx-panel .kx-hero-prio{margin-top:17px !important;padding-top:14px !important;}
#kx-panel .kx-alert{background:linear-gradient(105deg,#fff,rgba(234,165,21,.045)) !important;border:1px solid rgba(218,145,0,.30) !important;border-left:4px solid #D99100 !important;border-radius:15px !important;box-shadow:0 10px 24px -24px rgba(38,22,74,.45) !important;}
#kx-panel .kx-kpi,#kx-panel .kx-cell,#kx-panel .kx-rank,#kx-panel .kx-tw{border-radius:15px !important;border-color:rgba(73,54,111,.14) !important;box-shadow:0 9px 24px -23px rgba(38,22,74,.48) !important;}

@media(max-width:860px){
  .header-provider{padding-right:0;}
  .header-provider::after{display:none;}
  #kx-panel{border-radius:16px 16px 0 0 !important;}
  #kx-toolbar{padding:11px 14px !important;}
  #kx-body{padding:16px 14px 28px !important;}
  #kx-panel .kx-hero{padding:22px 20px !important;min-height:164px !important;}
  #kx-panel .kx-hero-brandmark{width:88px !important;right:10px !important;}
}
@media(max-width:600px){
  #fab-toggle::after{display:none;}
  .kcard:hover{transform:none;}
}