:root{
  --intel-bg:#f5f8fd;
  --intel-panel:#ffffff;
  --intel-line:#e4eaf3;
  --intel-text:#111b31;
  --intel-muted:#63718a;
  --intel-blue:#3f73f1;
  --intel-blue-dark:#2454d5;
  --intel-green:#1fa968;
  --intel-orange:#f59b23;
  --intel-red:#ef4444;
  --intel-purple:#7448e8;
  --intel-cyan:#12a7b8;
  --intel-shadow:0 8px 24px rgba(52,76,115,.08);
}

*{box-sizing:border-box}

body.intelligence-light-dashboard{
  margin:0;
  min-height:100vh;
  background:var(--intel-bg);
  color:var(--intel-text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
}

.intel-app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}
.intel-sidebar{
  position:sticky;top:0;height:100vh;padding:22px 16px;
  background:#fff;border-right:1px solid var(--intel-line);
  display:flex;flex-direction:column;z-index:8;
}
.intel-brand{display:flex;gap:12px;align-items:center;padding:4px 2px 22px;border-bottom:1px solid var(--intel-line)}
.intel-brand-mark{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#2f67ec,#6846e8);color:#fff;font-weight:900;
  box-shadow:0 5px 14px rgba(63,115,241,.25)
}
.intel-brand strong{font-size:1.15rem}.intel-brand span{display:block;color:#78859a;font-size:.73rem;margin-top:3px}
.intel-side-nav{padding-top:17px;overflow:auto}
.intel-side-nav p{margin:14px 8px 7px;color:#7282a1;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.intel-side-nav button{
  width:100%;display:flex;gap:11px;align-items:center;border:0;background:transparent;
  color:#35445f;padding:10px 11px;border-radius:9px;text-align:left;cursor:pointer;font-size:.82rem
}
.intel-side-nav button span{color:#4167ae;width:17px;text-align:center}
.intel-side-nav button:hover{background:#f4f7fc}.intel-side-nav button.active{background:#edf3ff;color:#2454d5;font-weight:850}
.intel-institution-card{
  margin-top:auto;padding:14px;border:1px solid var(--intel-line);border-radius:14px;
  display:flex;gap:10px;align-items:center;box-shadow:var(--intel-shadow)
}
.intel-institution-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eaf0ff;color:#2d61dc}
.intel-institution-card span,.intel-institution-card small{display:block;color:#7d8a9f;font-size:.67rem}
.intel-institution-card strong{display:block;font-size:.82rem;margin:2px 0}

.intel-main{min-width:0}
.intel-topbar{
  min-height:82px;padding:18px 28px;border-bottom:1px solid var(--intel-line);background:#fff;
  display:flex;justify-content:space-between;gap:20px;align-items:center;position:sticky;top:0;z-index:7
}
.intel-topbar h1{margin:0 0 5px;font-size:1.38rem}.intel-topbar p{margin:0;color:var(--intel-muted);font-size:.8rem}
.intel-topbar-actions{display:flex;gap:10px;align-items:center}
.intel-date,.intel-topbar select,.intel-icon-btn,.intel-user{
  height:42px;border:1px solid var(--intel-line);background:#fff;border-radius:10px;color:#27344d
}
.intel-date{display:flex;gap:7px;align-items:center;padding:0 10px}
.intel-date input{border:0;background:transparent;color:#27344d}
.intel-topbar select{padding:0 14px}.intel-icon-btn{width:42px;cursor:pointer}
.intel-user{display:flex;align-items:center;gap:9px;padding:5px 10px;text-decoration:none}
.intel-user>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#4f7cf1;color:#fff;font-size:.72rem;font-weight:900}
.intel-user strong,.intel-user small{display:block}.intel-user strong{font-size:.76rem}.intel-user small{font-size:.65rem;color:#77849b}

.intel-actionbar{padding:14px 28px 0;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.intel-action{
  min-height:38px;border:1px solid #dbe3ef;background:#fff;color:#1e2c44;border-radius:9px;
  padding:0 16px;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(64,85,120,.05)
}
.intel-action.primary{background:linear-gradient(135deg,#3e73ef,#1e63e9);color:#fff;border-color:transparent}
.intel-action.success{background:linear-gradient(135deg,#21b77a,#12a36d);color:#fff;border-color:transparent}
.intel-status{margin:12px 28px 0;padding:9px 12px;border-radius:9px;background:#eef8f3;color:#237c59;font-size:.77rem}
.intel-status.error{background:#fff0f0;color:#b83434}

.intel-view{display:none;padding:14px 28px 26px}.intel-view.active{display:block}
.intel-kpis{display:grid;grid-template-columns:1.15fr repeat(5,1fr);gap:12px}
.intel-score-card,.intel-kpi-card,.intel-panel,.intel-alert-strip{
  background:#fff;border:1px solid var(--intel-line);border-radius:13px;box-shadow:var(--intel-shadow)
}
.intel-score-card,.intel-kpi-card{min-height:174px;padding:15px}
.intel-kpi-heading{color:#2454d5;font-size:.68rem;font-weight:900;text-transform:uppercase}
.intel-gauge{height:102px;position:relative}.intel-gauge svg{width:100%;height:100%;overflow:visible}
.gauge-bg,.gauge-value{fill:none;stroke-linecap:round;stroke-width:12}
.gauge-bg{stroke:#e6ecf5}.gauge-value{stroke:#3f73f1;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset .5s ease}
.intel-gauge-value{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);text-align:center}
.intel-gauge-value strong{display:block;font-size:2rem}.intel-gauge-value span{font-size:.7rem;color:#75849d}
.intel-score-label{display:block;text-align:center;color:var(--intel-green);font-size:.8rem}
.intel-kpi-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.intel-kpi-card>span{font-size:.67rem;text-transform:uppercase;font-weight:900;color:#202d45}
.intel-kpi-card>strong{font-size:2rem;margin:12px 0 3px}.intel-kpi-card>small{font-size:.71rem;color:#7c899f}
.intel-kpi-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px;font-weight:900}
.intel-kpi-icon.blue{background:#eaf0ff;color:#3467e4}.intel-kpi-icon.green{background:#e5f6ed;color:#15975c}
.intel-kpi-icon.purple{background:#f0eaff;color:#7045db}.intel-kpi-icon.orange{background:#fff1dc;color:#e68a13}
.intel-kpi-icon.cyan{background:#dff6f8;color:#0b98a7}

.intel-grid{display:grid;gap:12px;margin-top:12px}.intel-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.intel-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.intel-wide{grid-column:1/-1}
.intel-panel{padding:14px;min-height:280px}.intel-panel header,.intel-alert-strip header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.intel-panel h2,.intel-alert-strip h2{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.02em}
.intel-panel header button,.intel-alert-strip header button{
  border:1px solid #cfdbed;background:#fff;color:#3467e4;border-radius:999px;padding:4px 10px;font-size:.66rem;font-weight:800;cursor:pointer
}
.chart-area{min-height:220px}.chart-area svg{width:100%;height:220px;overflow:visible}
.chart-area text{font-size:10px;fill:#697891}.chart-grid{stroke:#e6ebf3;stroke-width:1}
.intel-bars-list{display:grid;gap:9px;padding-top:5px}
.intel-bar-row{display:grid;grid-template-columns:82px 1fr 46px;gap:8px;align-items:center}
.intel-bar-label{font-size:.7rem;color:#44536c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.intel-bar-track{height:10px;border-radius:3px;background:#edf1f6;overflow:hidden}.intel-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#4f80f4,#396ce5)}
.intel-bar-fill.warn{background:linear-gradient(90deg,#8bc45a,#ffb21d 50%,#ef4444)}
.intel-bar-value{text-align:right;font-size:.7rem;color:#40516a;font-weight:850}
.intel-donut-wrap{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px;height:220px}
.intel-donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative}
.intel-donut:after{content:"";position:absolute;inset:38px;background:#fff;border-radius:50%}
.intel-donut-center{position:relative;z-index:2;text-align:center}.intel-donut-center strong{display:block;font-size:1.45rem}
.intel-donut-center span{font-size:.66rem;color:#79879b}
.intel-legend{display:grid;gap:9px}.intel-legend div{display:flex;justify-content:space-between;gap:12px;font-size:.69rem;color:#485872}
.intel-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:7px}
.intel-mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.intel-mini-kpi{border:1px solid var(--intel-line);border-radius:10px;padding:12px}
.intel-mini-kpi span{display:block;font-size:.68rem;font-weight:800;color:#3e4d66}.intel-mini-kpi strong{display:block;font-size:1.45rem;margin:8px 0}
.intel-mini-kpi small{font-size:.65rem;color:#7b899e}.intel-mini-kpi.green strong{color:#1eaa66}.intel-mini-kpi.orange strong{color:#f19a1d}.intel-mini-kpi.red strong{color:#ed4343}.intel-mini-kpi.blue strong{color:#3970e8}

.intel-alert-strip{margin-top:12px;padding:12px}.intel-alert-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.intel-alert-card{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:10px;border:1px solid var(--intel-line);border-radius:10px}
.intel-alert-card i{font-style:normal;color:#f39b20;font-size:1.05rem}.intel-alert-card.high i{color:#ef4444}
.intel-alert-card strong,.intel-alert-card small{display:block}.intel-alert-card strong{font-size:.7rem}.intel-alert-card small{font-size:.62rem;color:#7d899b;margin-top:2px}

.intel-page-title{margin:4px 0 12px}.intel-page-title h2{margin:0 0 3px}.intel-page-title p{margin:0;color:#728099;font-size:.78rem}
.intel-table-wrap{overflow:auto}.intel-table{width:100%;border-collapse:collapse;min-width:640px}
.intel-table th,.intel-table td{padding:10px 9px;border-bottom:1px solid var(--intel-line);text-align:left;font-size:.72rem}
.intel-table th{color:#738198;text-transform:uppercase;font-size:.61rem}.intel-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.62rem;font-weight:900}
.intel-pill.high{background:#ffe8e8;color:#cc3232}.intel-pill.medium{background:#fff1d9;color:#b66b07}.intel-pill.ok{background:#e5f6ec;color:#168453}
.intel-big-number{height:220px;display:grid;place-content:center;text-align:center}.intel-big-number strong{font-size:4rem;color:#245ee0}.intel-big-number span{color:#7d899c}
.intel-semaphore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.intel-semaphore-item{padding:14px;border:1px solid var(--intel-line);border-radius:10px;border-left-width:5px}
.intel-semaphore-item[data-level="alto"]{border-left-color:#ef4444}.intel-semaphore-item[data-level="medio"]{border-left-color:#f59b23}.intel-semaphore-item[data-level="bajo"]{border-left-color:#1fa968}
.intel-semaphore-item small{display:block;color:#738199}.intel-semaphore-item strong{font-size:1.4rem}
.intel-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.intel-report-grid button{border:1px solid var(--intel-line);background:#fff;border-radius:12px;padding:18px;text-align:left;box-shadow:var(--intel-shadow);cursor:pointer}
.intel-report-grid span{color:#3f73f1;font-weight:900;font-size:.7rem}.intel-report-grid strong,.intel-report-grid small{display:block}.intel-report-grid strong{margin:8px 0}.intel-report-grid small{color:#7a879a}
.intel-report-preview{margin-top:12px}.intel-report-preview pre{white-space:pre-wrap;font-family:inherit;line-height:1.6;color:#3c4b63}
.intel-footer{display:flex;justify-content:space-between;padding:15px 28px;color:#7b8799;font-size:.66rem}

body.intel-presentation .intel-sidebar,body.intel-presentation .intel-actionbar,body.intel-presentation .intel-status,body.intel-presentation .intel-footer{display:none!important}
body.intel-presentation .intel-app{display:block}.intel-presentation .intel-topbar{position:static}.intel-presentation .intel-view{padding:16px}

html[data-theme="dark"] body.intelligence-light-dashboard,
body.dark-mode.intelligence-light-dashboard{--intel-bg:#0a1425;--intel-panel:#111f34;--intel-line:#24334b;--intel-text:#f4f8ff;--intel-muted:#9cadc5;background:#0a1425}
html[data-theme="dark"] .intel-sidebar,html[data-theme="dark"] .intel-topbar,html[data-theme="dark"] .intel-score-card,html[data-theme="dark"] .intel-kpi-card,html[data-theme="dark"] .intel-panel,html[data-theme="dark"] .intel-alert-strip,html[data-theme="dark"] .intel-report-grid button,
body.dark-mode .intel-sidebar,body.dark-mode .intel-topbar,body.dark-mode .intel-score-card,body.dark-mode .intel-kpi-card,body.dark-mode .intel-panel,body.dark-mode .intel-alert-strip,body.dark-mode .intel-report-grid button{background:#111f34;color:#f4f8ff}
html[data-theme="dark"] .intel-side-nav button,body.dark-mode .intel-side-nav button{color:#c7d4e7}
html[data-theme="dark"] .intel-side-nav button.active,body.dark-mode .intel-side-nav button.active{background:#1b3151;color:#89b0ff}
html[data-theme="dark"] .intel-date,html[data-theme="dark"] .intel-topbar select,html[data-theme="dark"] .intel-icon-btn,html[data-theme="dark"] .intel-user,html[data-theme="dark"] .intel-action,
body.dark-mode .intel-date,body.dark-mode .intel-topbar select,body.dark-mode .intel-icon-btn,body.dark-mode .intel-user,body.dark-mode .intel-action{background:#15253d;color:#eef5ff;border-color:#2b3d58}
html[data-theme="dark"] .intel-donut:after,body.dark-mode .intel-donut:after{background:#111f34}
html[data-theme="dark"] .intel-table td,body.dark-mode .intel-table td{color:#dce7f7}

@media(max-width:1300px){
  .intel-kpis{grid-template-columns:repeat(3,1fr)}
  .intel-alert-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1000px){
  .intel-app{grid-template-columns:1fr}.intel-sidebar{position:static;height:auto}
  .intel-side-nav{display:flex;gap:6px;overflow:auto}.intel-side-nav p{display:none}.intel-side-nav button{width:auto;white-space:nowrap}
  .intel-institution-card{display:none}.intel-grid-3{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .intel-topbar{align-items:flex-start;flex-direction:column}.intel-topbar-actions{flex-wrap:wrap}
  .intel-kpis,.intel-grid-3,.intel-grid-2,.intel-report-grid{grid-template-columns:1fr}
  .intel-alert-grid{grid-template-columns:1fr 1fr}.intel-semaphore-grid{grid-template-columns:1fr 1fr}
  .intel-view,.intel-actionbar,.intel-topbar{padding-left:14px;padding-right:14px}
}


/* =========================================================
   ADA Intelligence · aplicación independiente dentro de ADA
   ========================================================= */
html.ada-intelligence-standalone,
html.ada-intelligence-standalone body {
  width: 100%;
  min-width: 0;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

body.intelligence-light-dashboard {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.intelligence-light-dashboard > .sidebar,
body.intelligence-light-dashboard > .ada-role-sidebar,
body.intelligence-light-dashboard > .ada-account-access,
body.intelligence-light-dashboard > .ada-global-logout,
body.intelligence-light-dashboard > .ada-product-switcher {
  display: none !important;
}

body.intelligence-light-dashboard .intel-app {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.intel-back-ada {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 4px;
  padding: 11px 12px;
  border: 1px solid var(--intel-line);
  border-radius: 10px;
  color: #2d5fcd;
  background: #f7f9fd;
  text-decoration: none;
  font-size: .78rem;
  transition: .18s ease;
}

.intel-back-ada:hover {
  transform: translateX(-2px);
  background: #edf3ff;
  border-color: #cfdbef;
}

.intel-back-ada span {
  font-size: 1rem;
  line-height: 1;
}

html[data-theme="dark"] .intel-back-ada,
body.dark-mode .intel-back-ada {
  color: #a8c4ff;
  background: #15253d;
  border-color: #2b3d58;
}

html[data-theme="dark"] .intel-back-ada:hover,
body.dark-mode .intel-back-ada:hover {
  background: #1b3151;
}

@media (max-width: 1000px) {
  .intel-back-ada {
    width: max-content;
    margin-right: 8px;
  }
}
