/**
 * RÜM — capa editorial de las herramientas de productividad (oct 2026).
 * To-Do (rum_todo.php), Dashboard de equipos y tareas (rum_kpi_dashboard.php) y
 * Panel de consultores (3D_Model_Coordination/consultants.php).
 *
 * El lenguaje de la home nueva sobre fondo blanco, igual que Solicitudes CO y el Mapa de dependencias:
 * Syne en títulos, Inter en texto, etiquetas y botones en versalitas, filetes cálidos en vez de
 * sombras y primario durazno en píldora. Tokens --rx-* en rum_shell_editorial.css (los carga navbar.php).
 *
 * Va después de la hoja de cada página. Cada página pone en <body> la clase rum-ed y la suya
 * (rum-ed-todo, rum-ed-kpi, rum-ed-cons). Las hojas viejas usan ids y gradientes con
 * especificidad alta; por eso varias reglas llevan !important.
 */

/* =====================================================================
   BASE
   ===================================================================== */
html:has(body.rum-ed) { background: #ffffff !important; }
body.rum-ed {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--rx-ink, #1C1F26) !important;
  font-family: var(--rx-f-sans, "Inter", system-ui, sans-serif) !important;
}
body.rum-ed .stars-container,
body.rum-ed .satellite,
body.rum-ed .asteroid-rain { display: none !important; }

/* Títulos */
body.rum-ed .rum-ed-display,
body.rum-ed .top h1 {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 400 !important;
  font-size: clamp(32px, 3.4vw, 52px) !important;
  line-height: 1 !important;
  letter-spacing: -.025em !important;
  color: var(--rx-ink, #1C1F26) !important;
  margin: 0 !important;
}
body.rum-ed .rum-ed-kicker {
  display: block;
  margin: 0 0 12px;
  font-family: var(--rx-f-sans, "Inter", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--rx-terracotta, #B8784C);
}

/* Encabezado de página */
body.rum-ed .top,
body.rum-ed .rum-ed-head {
  display: flex;
  align-items: flex-end !important;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px 24px;
  padding-bottom: 22px;
  margin-bottom: 26px !important;
  border-bottom: 1px solid var(--rx-rule, #ECE4DA);
}
body.rum-ed .top-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }

/* Píldora de proyecto */
body.rum-ed .pill,
body.rum-ed .rum-ed-pill {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  background: transparent !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--rx-ink-2, #4A4F5A) !important;
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  padding: 0 14px !important;
}

/* =====================================================================
   MENÚ LATERAL (Productividad)
   ===================================================================== */
body.rum-ed .side-menu { gap: 0 !important; }
@media (min-width: 1101px) {
  body.rum-ed .side-menu { top: 96px !important; }
}
body.rum-ed .menu-title {
  margin: 0 0 10px !important;
  padding: 0 12px;
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  color: var(--rx-terracotta, #B8784C) !important;
}
body.rum-ed .menu-title::before {
  width: 6px !important;
  height: 6px !important;
  background: var(--rx-peach-2, #EEBF95) !important;
  box-shadow: none !important;
  animation: none !important;
}
body.rum-ed .menu-btn {
  border: 0 !important;
  border-bottom: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 11px 12px !important;
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: var(--rx-ink-2, #4A4F5A) !important;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease !important;
}
body.rum-ed .menu-btn:first-of-type { border-top: 1px solid var(--rx-rule, #ECE4DA) !important; }
body.rum-ed .menu-btn:hover,
body.rum-ed .menu-btn:focus-visible {
  background: var(--rx-paper-2, #FAF7F3) !important;
  color: var(--rx-ink, #1C1F26) !important;
  transform: none !important;
  box-shadow: none !important;
}
body.rum-ed .menu-btn.active {
  background: var(--rx-paper-2, #FAF7F3) !important;
  color: var(--rx-ink, #1C1F26) !important;
  font-weight: 600 !important;
  box-shadow: inset 2px 0 0 var(--rx-terracotta, #B8784C) !important;
}

/* =====================================================================
   TARJETAS
   ===================================================================== */
body.rum-ed .card {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.rum-ed .card h2,
body.rum-ed .card h3 {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
  color: var(--rx-ink, #1C1F26) !important;
}

/* =====================================================================
   BOTONES: píldora Inter en versalitas; primario durazno, secundario con filete
   ===================================================================== */
body.rum-ed .btn,
body.rum-ed .btn-rum,
body.rum-ed button.btn.btn-guide.rum-form-tour-trigger[data-rum-tour-trigger="1"],
body.rum-ed button.btn.rum-form-tour-trigger[data-rum-tour-trigger="1"] {
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
  border-radius: 999px !important;
  min-height: 36px !important;
  padding: 0 18px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  background-image: none !important;
  transition: background .25s ease, border-color .25s ease, color .25s ease !important;
}
body.rum-ed .btn-primary,
body.rum-ed .btn-rum:not(.btn-secondary):not(.btn-ghost):not(.btn-danger),
body.rum-ed .btn-rum-primary,
body.rum-ed .prefab-apply-primary {
  background: var(--rx-peach, #F3D2B2) !important;
  border: 1px solid var(--rx-peach, #F3D2B2) !important;
  color: var(--rx-ink, #1C1F26) !important;
  -webkit-text-fill-color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed .btn-primary:hover,
body.rum-ed .btn-rum:not(.btn-secondary):not(.btn-ghost):not(.btn-danger):hover,
body.rum-ed .btn-rum-primary:hover,
body.rum-ed .prefab-apply-primary:hover {
  background: var(--rx-peach-2, #EEBF95) !important;
  border-color: var(--rx-peach-2, #EEBF95) !important;
}
body.rum-ed .btn-ghost,
body.rum-ed .btn-guide,
body.rum-ed .btn-rum.btn-secondary,
body.rum-ed .btn-rum.btn-ghost,
body.rum-ed .btn-rum-ghost,
body.rum-ed button.btn.rum-form-tour-trigger[data-rum-tour-trigger="1"] {
  background: transparent !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  color: var(--rx-ink, #1C1F26) !important;
  -webkit-text-fill-color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed .btn-ghost:hover,
body.rum-ed .btn-guide:hover,
body.rum-ed .btn-rum.btn-secondary:hover,
body.rum-ed .btn-rum.btn-ghost:hover,
body.rum-ed .btn-rum-ghost:hover,
body.rum-ed button.btn.rum-form-tour-trigger[data-rum-tour-trigger="1"]:hover,
body.rum-ed button.btn.rum-form-tour-trigger[data-rum-tour-trigger="1"]:focus-visible {
  background: transparent !important;
  border-color: var(--rx-ink, #1C1F26) !important;
  color: var(--rx-ink, #1C1F26) !important;
  -webkit-text-fill-color: var(--rx-ink, #1C1F26) !important;
  box-shadow: none !important;
}
body.rum-ed .btn-danger {
  background: transparent !important;
  border: 1px solid rgba(180, 72, 60, .45) !important;
  color: #B4483C !important;
  -webkit-text-fill-color: #B4483C !important;
}
body.rum-ed .btn-danger:hover { border-color: #B4483C !important; }
body.rum-ed .btn-success {
  background: var(--rx-ink, #1C1F26) !important;
  border: 1px solid var(--rx-ink, #1C1F26) !important;
  color: #ffffff !important;
}
body.rum-ed .btn:disabled,
body.rum-ed .btn[disabled],
body.rum-ed .btn-rum:disabled { opacity: .45; cursor: not-allowed; }

/* Botón redondo de desplegar (▸) */
body.rum-ed .todo-form-panel__collapse-btn,
body.rum-ed .kpi-details__collapse-btn,
body.rum-ed .consultant-group-toggle.todo-form-panel__collapse-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--rx-ink, #1C1F26) !important;
  transition: border-color .2s ease !important;
}
body.rum-ed summary:hover .todo-form-panel__collapse-btn,
body.rum-ed summary:hover .kpi-details__collapse-btn,
body.rum-ed .consultant-group-header:hover .consultant-group-toggle {
  border-color: var(--rx-ink, #1C1F26) !important;
  background: #ffffff !important;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed .todo-form-panel__chev,
body.rum-ed .kpi-details__chev { font-size: 11px !important; }

/* =====================================================================
   CAMPOS
   ===================================================================== */
body.rum-ed label {
  font-family: var(--rx-f-sans, "Inter", sans-serif);
  color: var(--rx-muted, #8A8F98);
}
body.rum-ed input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not(.rum-navbar *),
body.rum-ed select:not(.rum-navbar *),
body.rum-ed textarea:not(.rum-navbar *) {
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--rx-ink, #1C1F26) !important;
  box-shadow: none !important;
  transition: border-color .2s ease !important;
}
body.rum-ed select:not(.rum-navbar *) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231C1F26' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; padding-right: 32px !important; -webkit-appearance: none; appearance: none; }
body.rum-ed select[multiple] { background-image: none !important; padding-right: 10px !important; }
body.rum-ed input:not([type=checkbox]):not([type=radio]):not(.rum-navbar *):focus,
body.rum-ed select:not(.rum-navbar *):focus,
body.rum-ed textarea:not(.rum-navbar *):focus { border-color: var(--rx-ink, #1C1F26) !important; outline: none !important; box-shadow: none !important; }
body.rum-ed input::placeholder,
body.rum-ed textarea::placeholder { color: #A3A7AE !important; }
body.rum-ed input[type=checkbox],
body.rum-ed input[type=radio],
body.rum-ed input[type=range] { accent-color: var(--rx-ink, #1C1F26); }

/* =====================================================================
   TABLAS
   ===================================================================== */
body.rum-ed th {
  font-family: var(--rx-f-sans, "Inter", sans-serif);
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--rx-muted, #8A8F98) !important;
  opacity: 1 !important;
  background: #ffffff;
}
body.rum-ed th,
body.rum-ed td { border-bottom: 1px solid var(--rx-rule, #ECE4DA) !important; }
body.rum-ed tbody tr:hover > td { background-color: var(--rx-paper-2, #FAF7F3); }

/* =====================================================================
   MODALES
   ===================================================================== */
body.rum-ed .modal-backdrop { background: rgba(28, 31, 38, .42) !important; backdrop-filter: none !important; }
body.rum-ed .modal-card {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 60px rgba(28, 31, 38, .16) !important;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed .modal-title {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed .modal-subtitle { color: var(--rx-ink-2, #4A4F5A) !important; }
body.rum-ed .modal-close {
  border-radius: 999px !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  background: #ffffff !important;
  color: var(--rx-ink, #1C1F26) !important;
  box-shadow: none !important;
}
body.rum-ed .modal-close:hover { border-color: var(--rx-ink, #1C1F26) !important; }
body.rum-ed .modal-divider { background: var(--rx-rule, #ECE4DA) !important; }

/* =====================================================================
   TO-DO (rum_todo.php)
   ===================================================================== */
body.rum-ed-todo .wrap { margin: 0 !important; padding: clamp(24px, 3vw, 40px) clamp(16px, 2.4vw, 36px) 72px !important; }
body.rum-ed-todo .layout { gap: clamp(20px, 2.4vw, 36px) !important; }
@media (min-width: 1101px) {
  body.rum-ed-todo .layout { grid-template-columns: 232px minmax(0, 1fr) !important; }
}

/* Barra de acciones: sin marco, filete abajo */
body.rum-ed-todo #todoEditorToolbarCard {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid var(--rx-rule, #ECE4DA) !important;
}
body.rum-ed-todo #todoEditorToolbarCard .todo-main-toolbar { gap: 8px !important; }
body.rum-ed-todo #todoEditorToolbarCard .todo-main-toolbar .btn { min-height: 34px !important; padding: 0 14px !important; font-size: 10.5px !important; }
body.rum-ed a.btn { text-decoration: none !important; }

/* El selector de alcance (Ver: Todo) trae clases de botón: aquí vuelve a ser campo */
body.rum-ed-todo select.btn {
  display: block;
  width: 100%;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  min-height: 40px !important;
  padding: 0 32px 0 12px !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231C1F26' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
}

body.rum-ed-todo .main-panel > .card + .card,
body.rum-ed-todo .main-panel > .card { margin-top: 18px !important; }
body.rum-ed-todo .main-panel > .card:first-of-type { margin-top: 0 !important; }
body.rum-ed-todo .rum-todo-editor-card,
body.rum-ed-todo .card { padding: 18px 22px !important; }

/* Títulos de los bloques plegables (Crear To-Do, Importar Excel, Más filtros) */
body.rum-ed-todo .import-excel-details__summary-title,
body.rum-ed-todo .todo-form-panel__title,
body.rum-ed-todo #todoFiltersCard .todo-filters-primary__title,
body.rum-ed-todo .todo-list-card h2,
body.rum-ed-todo .todo-list-card h3 {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  letter-spacing: -.015em !important;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed-todo #todoFiltersCard .todo-filters-advanced .import-excel-details__summary-title {
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  color: var(--rx-ink-2, #4A4F5A) !important;
}
body.rum-ed-todo .todo-form-panel__lead,
body.rum-ed-todo .todo-form-section__hint { color: var(--rx-ink-2, #4A4F5A) !important; }

/* Secciones del formulario */
body.rum-ed-todo .todo-form-section,
body.rum-ed-todo .todo-form-subsection--optional,
body.rum-ed-todo .todo-checklist,
body.rum-ed-todo .edit-panel {
  background: #ffffff !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.rum-ed-todo .todo-form-section__title,
body.rum-ed-todo .todo-checklist__title {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed-todo label,
body.rum-ed-todo .todo-form-section label,
body.rum-ed-todo .todo-form-subsection--optional__title {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  color: var(--rx-muted, #8A8F98) !important;
  opacity: 1 !important;
}
body.rum-ed-todo .bulk-actions label,
body.rum-ed-todo .checkbox-field,
body.rum-ed-todo .predecessor-viz-hide-gray-wrap {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--rx-ink-2, #4A4F5A) !important;
}
body.rum-ed-todo .todo-section-help-btn {
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: var(--rx-ink, #1C1F26) !important;
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transform: none !important;
}
body.rum-ed-todo .todo-section-help-btn:hover,
body.rum-ed-todo .todo-section-help-btn[aria-expanded="true"] { border-color: var(--rx-ink, #1C1F26) !important; }
body.rum-ed-todo .todo-section-help-panel,
body.rum-ed-todo .todo-orient-wbs,
body.rum-ed-todo .bim-context-box {
  background: var(--rx-paper-2, #FAF7F3) !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-left: 3px solid var(--rx-peach, #F3D2B2) !important;
  border-radius: 10px !important;
  color: var(--rx-ink-2, #4A4F5A) !important;
}

/* Filtros */
body.rum-ed-todo #todoFiltersCard .todo-filters-scope-row #scope { min-height: 40px !important; font-size: 13px !important; font-weight: 500 !important; }
body.rum-ed-todo #todoFiltersCard .todo-filters-primary__search { min-height: 40px !important; font-size: 13px !important; }
body.rum-ed-todo .filter-quick-label {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  color: var(--rx-muted, #8A8F98) !important;
}
body.rum-ed-todo .filter-quick-btn {
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  color: var(--rx-ink-2, #4A4F5A) !important;
  box-shadow: none !important;
  transform: none !important;
}
body.rum-ed-todo .filter-quick-btn:not(.active):hover { border-color: var(--rx-ink, #1C1F26) !important; color: var(--rx-ink, #1C1F26) !important; background: transparent !important; }
body.rum-ed-todo .filter-quick-btn.active,
body.rum-ed-todo .filter-quick-btn.active:hover,
body.rum-ed-todo .filter-quick-btn.active:focus-visible {
  background: var(--rx-ink, #1C1F26) !important;
  border-color: var(--rx-ink, #1C1F26) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Lista */
body.rum-ed-todo #tableWrap table { color: var(--rx-ink, #1C1F26) !important; }
body.rum-ed-todo #tableWrap th,
body.rum-ed-todo #tableWrap td { padding: 12px 10px !important; }
body.rum-ed-todo #tableWrap td,
body.rum-ed-todo #tableWrap .todo-wbs-title-text { color: var(--rx-ink, #1C1F26) !important; font-size: 13px; }
body.rum-ed-todo #tableWrap tbody tr:hover { background: var(--rx-paper-2, #FAF7F3) !important; }
body.rum-ed-todo #tableWrap td.select-col,
body.rum-ed-todo #tableWrap th.select-col,
body.rum-ed-todo #tableWrap th:nth-child(6),
body.rum-ed-todo #tableWrap td:nth-child(6) { box-shadow: 1px 0 0 var(--rx-rule, #ECE4DA) !important; }
body.rum-ed-todo .muted { color: var(--rx-muted, #8A8F98) !important; opacity: 1 !important; }
body.rum-ed-todo .group-title { font-family: var(--rx-f-display, "Syne", sans-serif) !important; font-weight: 600 !important; letter-spacing: -.01em; }
body.rum-ed-todo .group-title--wbs {
  background: var(--rx-paper-2, #FAF7F3) !important;
  background-image: none !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed-todo tr.todo-wbs-parent > td { background: var(--rx-paper-2, #FAF7F3) !important; }
body.rum-ed-todo tr.todo-wbs-parent > td:first-child { border-left: 2px solid var(--rx-ink, #1C1F26) !important; }
body.rum-ed-todo tr.todo-wbs-child > td:first-child { border-left: 2px solid var(--rx-rule-strong, #DDD1C3) !important; }
body.rum-ed-todo tr.todo-wbs-milestone > td { background: rgba(243, 210, 178, .22) !important; }
body.rum-ed-todo tr.todo-wbs-milestone > td:first-child { border-left: 2px solid var(--rx-terracotta, #B8784C) !important; }
body.rum-ed-todo .todo-outline-toggle {
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  background: #ffffff !important;
  color: var(--rx-ink, #1C1F26) !important;
  border-radius: 999px !important;
}
body.rum-ed-todo .pill-status,
body.rum-ed-todo .pill-priority,
body.rum-ed-todo .pill-flag {
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase;
}

/* Avisos */
body.rum-ed-todo .error {
  border-radius: 10px !important;
  border: 1px solid rgba(180, 72, 60, .35) !important;
  background: #ffffff !important;
  color: #B4483C !important;
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 13px;
}
body.rum-ed-todo .success {
  border-radius: 10px !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-left: 3px solid var(--rx-ink, #1C1F26) !important;
  background: var(--rx-paper-2, #FAF7F3) !important;
  color: var(--rx-ink, #1C1F26) !important;
}

/* =====================================================================
   DASHBOARD DE EQUIPOS Y TAREAS (rum_kpi_dashboard.php)
   ===================================================================== */
body.rum-ed-kpi .wrap { margin: 0 !important; padding: clamp(24px, 3vw, 40px) clamp(16px, 2.4vw, 36px) 72px !important; }
body.rum-ed-kpi .layout { gap: clamp(20px, 2.4vw, 36px) !important; }
@media (min-width: 1101px) {
  body.rum-ed-kpi .side-menu { min-width: 232px !important; width: 232px; }
}

body.rum-ed-kpi .card { padding: 20px 24px !important; }
body.rum-ed-kpi .metric { gap: 8px !important; padding-right: 28px; }
body.rum-ed-kpi .metric + .metric { padding-left: 28px; border-left: 1px solid var(--rx-rule, #ECE4DA); }
body.rum-ed-kpi .metric span {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  color: var(--rx-muted, #8A8F98) !important;
  opacity: 1 !important;
}
body.rum-ed-kpi .metric strong {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 400 !important;
  font-size: clamp(30px, 2.6vw, 40px) !important;
  line-height: 1 !important;
  letter-spacing: -.02em;
  color: var(--rx-ink, #1C1F26) !important;
  font-variant-numeric: tabular-nums;
}

/* Secciones plegables */
body.rum-ed-kpi .kpi-details,
body.rum-ed-kpi #kpi-details-alerts.kpi-details {
  background: #ffffff !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  margin-bottom: 14px !important;
}
body.rum-ed-kpi .kpi-details > summary.kpi-details__summary {
  padding: 16px 22px !important;
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  letter-spacing: -.015em;
  color: var(--rx-ink, #1C1F26) !important;
  gap: 14px !important;
}
body.rum-ed-kpi .kpi-details > summary.kpi-details__summary:hover { background: var(--rx-paper-2, #FAF7F3); }
body.rum-ed-kpi .kpi-details__body { padding: 4px 22px 22px !important; border-top: 1px solid var(--rx-rule, #ECE4DA) !important; }
body.rum-ed-kpi .kpi-details__body h3,
body.rum-ed-kpi .kpi-details__body h4 {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -.01em;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed-kpi label {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  color: var(--rx-muted, #8A8F98) !important;
  opacity: 1 !important;
}
body.rum-ed-kpi .checkbox-field,
body.rum-ed-kpi .gantt-weekdays label {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--rx-ink-2, #4A4F5A) !important;
}

/* Fichas y pestañas */
body.rum-ed-kpi .lps-chip,
body.rum-ed-kpi .alert-toggle,
body.rum-ed-kpi .tool-button,
body.rum-ed-kpi .lps-tab {
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  color: var(--rx-ink-2, #4A4F5A) !important;
  box-shadow: none !important;
  transform: none !important;
}
body.rum-ed-kpi .lps-chip:hover,
body.rum-ed-kpi .alert-toggle:hover,
body.rum-ed-kpi .tool-button:hover,
body.rum-ed-kpi .lps-tab:hover { border-color: var(--rx-ink, #1C1F26) !important; color: var(--rx-ink, #1C1F26) !important; }
body.rum-ed-kpi .tool-button.is-active,
body.rum-ed-kpi .lps-tab.active,
body.rum-ed-kpi .alert-toggle.active,
body.rum-ed-kpi .lps-chip.active {
  background: var(--rx-ink, #1C1F26) !important;
  border-color: var(--rx-ink, #1C1F26) !important;
  color: #ffffff !important;
}

/* Textos didácticos y Gantt */
body.rum-ed-kpi .earned-didactic,
body.rum-ed-kpi .gantt-didactic {
  background: var(--rx-paper-2, #FAF7F3) !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--rx-ink-2, #4A4F5A) !important;
}
body.rum-ed-kpi .gantt-shell,
body.rum-ed-kpi .gantt-scroll,
body.rum-ed-kpi .gantt-settings,
body.rum-ed-kpi .gantt-holidays {
  border-color: var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* =====================================================================
   PANEL DE CONSULTORES (3D_Model_Coordination/consultants.php)
   La hoja de la página trabaja con variables; aquí se cambian y luego se afinan piezas.
   ===================================================================== */
body.rum-ed-cons {
  --rum-font-display: var(--rx-f-display, "Syne", sans-serif);
  --text: var(--rx-ink, #1C1F26);
  --rum-text: var(--rx-ink, #1C1F26);
  --muted: var(--rx-muted, #8A8F98);
  --bg: #ffffff;
  --bg-page: #ffffff;
  --card: #ffffff;
  --card-soft: var(--rx-paper-2, #FAF7F3);
  --card-mute: var(--rx-paper-2, #FAF7F3);
  --border: var(--rx-rule, #ECE4DA);
  --line: var(--rx-rule, #ECE4DA);
  --accent: var(--rx-peach, #F3D2B2);
  --accent-2: var(--rx-peach-2, #EEBF95);
  --accent-text: var(--rx-ink, #1C1F26);
  --shadow: none;
  --shadow-hover: none;
  --r-tight: 8px;
  --r-panel: 10px;
  /* El azul de antes pasa a tinta carbón (donas, día de hoy, nombres) */
  --rum: var(--rx-ink, #1C1F26);
  --rum-primary: var(--rx-ink, #1C1F26);
}
/* El cuerpo del texto va en Inter; Syne sólo en títulos */
body.rum-ed-cons .main-layout,
body.rum-ed-cons .main-layout * { font-family: var(--rx-f-sans, "Inter", sans-serif); }
body.rum-ed-cons .main-layout { gap: clamp(16px, 1.8vw, 28px) !important; padding: clamp(20px, 2.4vw, 36px) clamp(16px, 2.4vw, 36px) 56px !important; }
body.rum-ed-cons .dashboard-main { gap: 18px !important; }

body.rum-ed-cons .panel,
body.rum-ed-cons .side-panel,
body.rum-ed-cons .card,
body.rum-ed-cons .todo-create-details,
body.rum-ed-cons .todo-filters,
body.rum-ed-cons .consultant-hub-quick-actions {
  background: #ffffff !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.rum-ed-cons .panel { padding: 20px 22px !important; }
body.rum-ed-cons .side-panel { padding: 16px !important; }
body.rum-ed-cons .consultant-hub-quick-actions { padding: 14px 16px !important; gap: 10px !important; }
body.rum-ed-cons .panel-header { padding-bottom: 16px !important; margin-bottom: 18px !important; }
body.rum-ed-cons .panel-title,
body.rum-ed-cons .card h3,
body.rum-ed-cons .main-layout h2,
body.rum-ed-cons .main-layout h3,
body.rum-ed-cons .kpi-donut-item h4,
body.rum-ed-cons .consultant-group-title,
body.rum-ed-cons .rum-side-collapse-title,
body.rum-ed-cons .todo-create-details__summary > strong {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -.015em !important;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed-cons .panel-title { font-size: 22px !important; }
body.rum-ed-cons .card h3 { font-size: 20px !important; padding-bottom: 12px !important; margin-bottom: 12px !important; }
body.rum-ed-cons .consultant-group-title { font-size: 17px !important; }
body.rum-ed-cons .rum-side-collapse-title { font-size: 15px !important; }
body.rum-ed-cons .todo-create-details__summary > strong { font-size: 15px !important; }
body.rum-ed-cons .todo-create-details__summary { padding: 12px 14px !important; }
body.rum-ed-cons .panel-subtitle { color: var(--rx-ink-2, #4A4F5A) !important; }

/* Etiquetas en versalitas */
body.rum-ed-cons .chip,
body.rum-ed-cons .todo-create-details__summary > .panel-subtitle {
  background: transparent !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  border-radius: 999px !important;
  color: var(--rx-terracotta, #B8784C) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
  padding: 5px 12px !important;
}

/* KPI */
body.rum-ed-cons .kpi-card {
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-left: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  gap: 6px !important;
}
body.rum-ed-cons .kpi-card span {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  color: var(--rx-muted, #8A8F98) !important;
}
body.rum-ed-cons .kpi-card strong {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 400 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
body.rum-ed-cons .kpi-donut-item {
  background: #ffffff !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  padding: 16px 12px !important;
}
body.rum-ed-cons .kpi-donut-item h4 { font-size: 16px !important; }
body.rum-ed-cons .kpi-donut-item p { color: var(--rx-ink-2, #4A4F5A) !important; }

/* Filtros y barra de seguimiento */
body.rum-ed-cons .todo-filters { padding: 14px 16px !important; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important; }
body.rum-ed-cons .todo-filters select,
body.rum-ed-cons .todo-filters input:not([type=checkbox]) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }
body.rum-ed-cons .todo-filters label {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  color: var(--rx-muted, #8A8F98) !important;
}
body.rum-ed-cons .todo-bulk-followup-bar {
  background: var(--rx-paper-2, #FAF7F3) !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
}

/* Grupos por consultor */
body.rum-ed-cons button.consultant-group-header,
body.rum-ed-cons .consultant-group-header {
  background: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.rum-ed-cons .consultant-group-header:hover { background: var(--rx-paper-2, #FAF7F3) !important; }

/* Calendario lateral */
body.rum-ed-cons .rum-cal-toggle {
  background: var(--rx-paper-2, #FAF7F3) !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
}
body.rum-ed-cons .rum-side-collapse-chevron { color: var(--rx-ink, #1C1F26) !important; }
body.rum-ed-cons .gantt-color-guide,
body.rum-ed-cons .gantt-settings,
body.rum-ed-cons .gantt-cal-config {
  background: var(--rx-paper-2, #FAF7F3) !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
}
body.rum-ed-cons .gantt-scroll { border: 1px solid var(--rx-rule, #ECE4DA) !important; border-radius: 10px !important; box-shadow: none !important; }

/* Donas: el azul de siempre pasa a tinta; las de otro color (atraso, carga) conservan el suyo */
body.rum-ed-cons .kpi-donut[style*="2A6DB0" i] { --donut-color: var(--rx-ink, #1C1F26) !important; }
body.rum-ed-cons .kpi-donut:not(.kpi-donut--multi) {
  background: conic-gradient(var(--donut-color, #1C1F26) calc(var(--donut-percent, 0) * 1%), var(--rx-rule, #ECE4DA) 0) !important;
}
/* Hoy en el calendario: tinta, sin degradado azul */
body.rum-ed-cons .rum-cal-mini-day.is-today {
  background: var(--rx-ink, #1C1F26) !important;
  border-color: var(--rx-ink, #1C1F26) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
body.rum-ed-cons .rum-cal-cell.is-today {
  background: var(--rx-paper-2, #FAF7F3) !important;
  border-color: var(--rx-ink, #1C1F26) !important;
}

/* Dashboard: la etiqueta va arriba del título */
body.rum-ed-kpi .top-heading { display: block !important; }
/* Ayuda contextual: sin la sombra que asomaba por la orilla derecha cuando está cerrada */
body.rum-ed .rum-context-help-drawer[aria-hidden="true"] { box-shadow: none !important; }
body.rum-ed .rum-context-help-drawer {
  border-left: 1px solid var(--rx-rule, #ECE4DA) !important;
  box-shadow: -24px 0 60px rgba(28, 31, 38, .12) !important;
}
body.rum-ed .rum-context-help-title { font-family: var(--rx-f-display, "Syne", sans-serif) !important; font-weight: 600 !important; color: var(--rx-ink, #1C1F26) !important; }
body.rum-ed .rum-context-help-kicker { color: var(--rx-terracotta, #B8784C) !important; letter-spacing: .14em !important; text-transform: uppercase; font-size: 10.5px !important; font-weight: 600 !important; }
/* PDF · Correo · Subir */
body.rum-ed-kpi .kpi-actions-menu-mount button.rounded-full {
  background: transparent !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  color: var(--rx-ink, #1C1F26) !important;
  font-family: var(--rx-f-sans, "Inter", sans-serif) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
body.rum-ed-kpi .kpi-actions-menu-mount button.rounded-full:hover { border-color: var(--rx-ink, #1C1F26) !important; background: transparent !important; }
/* El halo durazno detrás de cada botón del menú */
body.rum-ed-kpi .kpi-actions-menu-mount [class*="bg-primary/40"] { display: none !important; }

/* Tarjetas de gráficas: filete cálido, sin franja de color ni sombra; los colores de los datos se quedan */
body.rum-ed-kpi .kpi-donut-card {
  background: #ffffff !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.rum-ed-kpi .kpi-donut-card::before { display: none !important; }
body.rum-ed-kpi .kpi-donut-card__title {
  font-family: var(--rx-f-display, "Syne", sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -.01em;
  color: var(--rx-ink, #1C1F26) !important;
}
body.rum-ed-kpi .kpi-donut-card__icon {
  background: var(--rx-paper-2, #FAF7F3) !important;
  border: 1px solid var(--rx-rule, #ECE4DA) !important;
  color: var(--rx-ink, #1C1F26) !important;
  box-shadow: none !important;
}

/* Días inhábiles agregados */
body.rum-ed-kpi .gantt-holiday-chip {
  background: var(--rx-paper-2, #FAF7F3) !important;
  border: 1px solid var(--rx-rule-strong, #DDD1C3) !important;
  color: var(--rx-ink, #1C1F26) !important;
}

/* =====================================================================
   GRÁFICAS CON EL MOVIMIENTO DE LOS BOTONES (.fbtn de la home)
   La tarjeta cambia de esquina, un orbe durazno crece desde el centro de la dona
   y el icono gira con resorte. La leyenda son píldoras que se rellenan igual que el botón.
   ===================================================================== */
body.rum-ed {
  --ed-spring: cubic-bezier(.34, 1.56, .64, 1);
  --ed-orb: cubic-bezier(.19, 1, .22, 1);
  --ed-ease: cubic-bezier(.4, 0, .2, 1);
}
body.rum-ed-kpi .kpi-donut-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: none !important;
  transition: border-radius 600ms var(--ed-ease), border-color 600ms var(--ed-ease) !important;
}
body.rum-ed-kpi .kpi-donut-card > * { position: relative; z-index: 1; }
body.rum-ed-kpi .kpi-donut-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 56%;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(243, 210, 178, .55) 0%, rgba(243, 210, 178, .22) 55%, rgba(243, 210, 178, 0) 72%);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: width 900ms var(--ed-orb), height 900ms var(--ed-orb), opacity 900ms var(--ed-orb);
}
body.rum-ed-kpi .kpi-donut-card:hover,
body.rum-ed-kpi .kpi-donut-card:has(:focus-visible) {
  border-radius: 28px !important;
  border-color: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}
body.rum-ed-kpi .kpi-donut-card:hover::after,
body.rum-ed-kpi .kpi-donut-card:has(:focus-visible)::after { width: 44rem; height: 44rem; opacity: 1; }
body.rum-ed-kpi .kpi-donut-card__hd { padding: 18px 20px 0 !important; }
body.rum-ed-kpi .kpi-donut-card__sub { color: var(--rx-muted, #8A8F98) !important; }
body.rum-ed-kpi .kpi-donut-card__icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  transition: transform 800ms var(--ed-spring), border-radius 600ms var(--ed-ease), background 600ms var(--ed-ease) !important;
}
body.rum-ed-kpi .kpi-donut-card:hover .kpi-donut-card__icon {
  transform: rotate(90deg) scale(1.08);
  border-radius: 12px !important;
  background: #ffffff !important;
}
body.rum-ed-kpi .kpi-donut-card__body { padding: 8px 18px 6px !important; }

/* Leyenda en píldoras */
body.rum-ed .rum-ed-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding: 4px 16px 18px;
}
body.rum-ed .rum-ed-chip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 0 11px 0 10px;
  border-radius: 999px;
  border: 1px solid var(--rx-rule-strong, #DDD1C3);
  background: rgba(255, 255, 255, .7);
  color: var(--rx-ink, #1C1F26);
  font-family: var(--rx-f-sans, "Inter", sans-serif);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transform: translateY(8px) scale(.92);
  animation: rumEdChipIn 700ms var(--ed-spring) forwards;
  animation-delay: calc(500ms + var(--chip-i, 0) * 70ms);
  transition: border-radius 600ms var(--ed-ease), border-color 600ms var(--ed-ease), color 600ms var(--ed-ease), opacity .3s ease;
}
@keyframes rumEdChipIn { to { opacity: 1; transform: none; } }
body.rum-ed .rum-ed-chip > * { position: relative; z-index: 1; }
body.rum-ed .rum-ed-chip__orb {
  position: absolute !important;
  z-index: 0 !important;
  top: 50%;
  left: 14px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--chip, #1C1F26) 22%, #ffffff);
  transform: translate(-50%, -50%);
  transition: width 800ms var(--ed-orb), height 800ms var(--ed-orb);
}
body.rum-ed .rum-ed-chip__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--chip, #1C1F26);
  box-shadow: 0 0 0 1px rgba(28, 31, 38, .08);
  transition: transform 700ms var(--ed-spring), background .3s ease;
}
body.rum-ed .rum-ed-chip__n {
  color: var(--rx-muted, #8A8F98);
  font-variant-numeric: tabular-nums;
  transition: transform 700ms var(--ed-spring), color .3s ease;
}
body.rum-ed .rum-ed-chip:hover,
body.rum-ed .rum-ed-chip:focus-visible {
  border-radius: 8px;
  border-color: transparent;
  outline: none;
}
body.rum-ed .rum-ed-chip:hover .rum-ed-chip__orb,
body.rum-ed .rum-ed-chip:focus-visible .rum-ed-chip__orb { width: 16rem; height: 16rem; }
body.rum-ed .rum-ed-chip:hover .rum-ed-chip__dot { transform: scale(1.5); }
body.rum-ed .rum-ed-chip:hover .rum-ed-chip__n { transform: translateX(2px); color: var(--rx-ink, #1C1F26); }
body.rum-ed .rum-ed-chip:active { transform: scale(.95); }
body.rum-ed .rum-ed-chip.is-off { color: var(--rx-muted, #8A8F98); }
body.rum-ed .rum-ed-chip.is-off .rum-ed-chip__label { text-decoration: line-through; text-decoration-color: var(--rx-terracotta, #B8784C); }
body.rum-ed .rum-ed-chip.is-off .rum-ed-chip__dot { background: transparent; box-shadow: inset 0 0 0 1.5px var(--chip, #1C1F26); }

/* Las otras tarjetas de gráficas (horas, curva S) cambian de esquina igual */
body.rum-ed-kpi .kpi-details__body .card {
  transition: border-radius 600ms var(--ed-ease), border-color 600ms var(--ed-ease) !important;
}
body.rum-ed-kpi .kpi-details__body .card:has(canvas):hover { border-radius: 28px !important; border-color: var(--rx-peach, #F3D2B2) !important; }

/* Consultores: las donas también responden */
body.rum-ed-cons .kpi-donut-item {
  transition: border-radius 600ms var(--ed-ease), border-color 600ms var(--ed-ease), background 600ms var(--ed-ease) !important;
}
body.rum-ed-cons .kpi-donut-item:hover {
  border-radius: 28px !important;
  border-color: transparent !important;
  background: radial-gradient(circle at 50% 42%, rgba(243, 210, 178, .45), rgba(243, 210, 178, 0) 70%), #ffffff !important;
}
body.rum-ed-cons .kpi-donut { transition: transform 800ms var(--ed-spring); }
body.rum-ed-cons .kpi-donut-item:hover .kpi-donut { transform: scale(1.08); }

@media (prefers-reduced-motion: reduce) {
  body.rum-ed .rum-ed-chip { animation: none; opacity: 1; transform: none; }
  body.rum-ed .rum-ed-chip,
  body.rum-ed .rum-ed-chip *,
  body.rum-ed-kpi .kpi-donut-card,
  body.rum-ed-kpi .kpi-donut-card::after,
  body.rum-ed-kpi .kpi-donut-card__icon,
  body.rum-ed-cons .kpi-donut,
  body.rum-ed-cons .kpi-donut-item { transition: none !important; }
}