/* resiter/css/50-bento.css — Modo bento del Dashboard y Análisis.
   Forma parte del CSS único de index.html (orden R2): se carga en el orden de los <link>; al editar este archivo,
   subir su ?v= en index.html. */
/* ══════════════════════════════════════════════════
   BENTO MODE — Dashboard y Análisis (dark)
══════════════════════════════════════════════════ */
body.bento-mode #main{background: #f4f7fb;transition:background .4s}
body.bento-mode 
body.bento-mode .topbar-title{color: #073763 !important}
body.bento-mode .topbar-user{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;color: rgba(7,55,99,0.65) !important}
body.bento-mode .alerts-bell{color: rgba(7,55,99,0.65) !important}
body.bento-mode #metricsBar{background: #ffffff !important;border-bottom-color: rgba(7,55,99,0.08) !important}
body.bento-mode .mv{color: #073763 !important}
body.bento-mode .ml{color: rgba(7,55,99,0.65) !important}
body.bento-mode .mc{border-right-color: rgba(7,55,99,0.08) !important}
body.bento-mode #tabArea{background: #f4f7fb}
body.bento-mode .card{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;box-shadow:none !important}
body.bento-mode .card-title{color: rgba(7,55,99,0.65) !important;border-bottom-color: rgba(7,55,99,0.08) !important}
body.bento-mode .dash-exec-title{color: #073763 !important}
body.bento-mode .dash-exec-sub,.dash-exec-sub{color: rgba(7,55,99,0.65) !important}
body.bento-mode .dash-sync-pill{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;color: rgba(7,55,99,0.65) !important}
body.bento-mode .dash-sync-btn{color: rgba(7,55,99,0.65) !important;background: #f4f7fb !important;border-color: rgba(7,55,99,0.12) !important}
body.bento-mode .kpi-card{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;box-shadow:none !important}
body.bento-mode .kpi-card::before{display:none}
body.bento-mode .kpi-card::after{content:'';position:absolute;bottom:-24px;right:-24px;width:70px;height:70px;border-radius:50%;filter:blur(22px);opacity:.3}
body.bento-mode .kpi-card:nth-child(1)::after{background:#3b82f6}
body.bento-mode .kpi-card:nth-child(2)::after{background:#10b981}
body.bento-mode .kpi-card:nth-child(3)::after{background:#f59e0b}
body.bento-mode .kpi-card:nth-child(4)::after{background:#8b5cf6}
body.bento-mode .kpi-card:nth-child(5)::after{background:#06b6d4}
body.bento-mode .kpi-card:nth-child(6)::after{background:#ec4899}
body.bento-mode .kpi-card:hover{background: #ffffff !important;transform:translateY(-2px) !important}
body.bento-mode .kpi-value{color: #073763 !important;font-size:28px !important}
body.bento-mode .kpi-label{color: rgba(7,55,99,0.65) !important}
body.bento-mode .kpi-sub{color: rgba(7,55,99,0.65) !important}
body.bento-mode .table-wrap{border-color: rgba(7,55,99,0.12) !important}
body.bento-mode table thead tr{background: #ffffff !important}
body.bento-mode table thead th{color: rgba(7,55,99,0.65) !important;border-bottom-color: rgba(7,55,99,0.08) !important}
body.bento-mode table tbody tr:hover{background: #ffffff !important}
body.bento-mode table tbody tr{border-bottom-color: rgba(7,55,99,0.08) !important}
body.bento-mode table tbody td{color: rgba(7,55,99,0.65) !important}
body.bento-mode table tbody td strong{color: #073763 !important}
body.bento-mode .count-label{color: rgba(7,55,99,0.65) !important}
body.bento-mode .search-input{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;color: #073763 !important}
body.bento-mode .sel-sm{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;color: rgba(7,55,99,0.65) !important}
body.bento-mode .ia-bubble.ia-bot{background: #ffffff !important;color: rgba(7,55,99,0.65) !important;border-color: rgba(7,55,99,0.12) !important}
body.bento-mode .ia-quick-btn{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;color: rgba(7,55,99,0.65) !important}
body.bento-mode .card-title-badge{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;color: rgba(7,55,99,0.65) !important}
body.bento-mode .dash-pill{background: #ffffff !important;border-color: rgba(7,55,99,0.12) !important;color: rgba(7,55,99,0.65) !important}
body.bento-mode .dash-pill.on{background:var(--accent) !important;border-color:var(--accent) !important;color: #073763 !important}
body.bento-mode .seg-bar-item{opacity:.9}

/* Transición body */
body{transition:background-color .45s ease}
#main{transition:background .45s ease}