/* UrbanHoff v9.25.80 · PARIDAD VISUAL CLARO / OSCURO
   REGLA DE ORO: SOLO ESTÉTICA.
   Misma geometría, jerarquía, tamaños y alineación en ambos modos.
   Solo cambia la paleta. No modifica lógica, métricas, cálculos ni automatizaciones. */

/* ===== Sidebar definitiva ===== */
body:not(.dark-mode) .sidebar,
body.dark-mode .sidebar{
  width:auto!important;
  background:#082743!important;
  background-image:linear-gradient(180deg,#0a3158 0%,#082743 56%,#061e35 100%)!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.09)!important;
  box-shadow:3px 0 14px rgba(4,25,47,.10)!important;
  padding:18px 14px!important;
  gap:12px!important;
}
/* La identidad del usuario vive exclusivamente en el header. */
.sidebar>.userbox{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.sidebar-brand-v92579{min-height:62px!important;padding:0 10px 14px!important;margin:0 0 4px!important;justify-content:flex-start!important}
.sidebar-brand-v92579 img{width:174px!important;max-height:50px!important;object-position:left center!important}
.sidebar .nav{display:grid!important;gap:5px!important;margin-top:0!important}
.sidebar .nav button{
  min-height:42px!important;height:42px!important;padding:10px 11px!important;border-radius:9px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  background:transparent!important;color:#dce8f4!important;font-size:12px!important;font-weight:700!important;
  letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;
}
.sidebar .nav button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
.sidebar .nav button.active{background:#245d9e!important;color:#fff!important;box-shadow:inset 3px 0 0 #76a9e6!important}
.sidebar .side-bottom{margin-top:auto!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.12)!important}
.sidebar .side-icon-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.sidebar .side-icon-btn{width:100%!important;height:40px!important;border-radius:9px!important;background:rgba(255,255,255,.045)!important;color:#dce8f4!important;border:1px solid rgba(255,255,255,.13)!important}

/* ===== Header: estructura idéntica en ambos modos ===== */
body:not(.dark-mode) .workspace>.topbar,
body.dark-mode .workspace>.topbar{
  position:relative!important;
  height:76px!important;min-height:76px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) auto auto auto!important;
  align-items:center!important;column-gap:12px!important;
  padding:0 18px!important;
  background:#082743!important;
  background-image:linear-gradient(90deg,#082743 0%,#092b4b 58%,#061e35 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 2px 10px rgba(4,25,47,.12)!important;
  overflow:hidden!important;
}
.workspace>.topbar .topbar-left{grid-column:1!important;min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important}
.workspace>.topbar .topbar-title{min-width:0!important;overflow:hidden!important}
.workspace>.topbar .topbar-title h2{color:#fff!important;font-size:18px!important;line-height:1.12!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.workspace>.topbar .topbar-title p{color:#b9cadb!important;font-size:10px!important;line-height:1.25!important;margin:3px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.workspace>.topbar .topbar-brand-home{display:none!important}
.workspace>.topbar .sidebar-toggle,.workspace>.topbar .dashboard-briefcase{background:rgba(255,255,255,.055)!important;color:#eef5fc!important;border-color:rgba(255,255,255,.18)!important}

/* Derecha: HORA -> BÚSQUEDAS/ACCIONES -> USUARIO */
.workspace>.topbar .topbar-clock{
  grid-column:2!important;grid-row:1!important;justify-self:end!important;position:static!important;transform:none!important;
  min-width:128px!important;width:auto!important;padding:0 14px 0 0!important;margin:0!important;
  border-left:0!important;border-right:1px solid rgba(255,255,255,.16)!important;text-align:right!important;
}
.workspace>.topbar .topbar-clock strong{color:#fff!important;font-size:24px!important;line-height:1!important;letter-spacing:2px!important;font-weight:800!important}
.workspace>.topbar .topbar-clock small{display:block!important;color:#b9cadb!important;font-size:8px!important;line-height:1.2!important;margin-top:5px!important;white-space:nowrap!important}
.workspace>.topbar .topbar-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0!important}
.workspace>.topbar .top-action,.workspace>.topbar .sidebar-mode-action{height:38px!important;min-width:38px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.055)!important;color:#eef5fc!important;box-shadow:none!important}
.workspace>.topbar .top-action:hover,.workspace>.topbar .sidebar-mode-action:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
.workspace>.topbar #uhsTopBadge{min-width:112px!important;padding:0 11px!important;justify-content:center!important}
.workspace>.topbar #uhsTopBadge b{background:#2f73ca!important;color:#fff!important}
.workspace>.topbar .topbar-user{grid-column:4!important;grid-row:1!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:9px!important;min-width:168px!important;max-width:220px!important;padding:0 0 0 13px!important;margin:0!important;border-left:1px solid rgba(255,255,255,.16)!important}
.workspace>.topbar .topbar-user-avatar{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.36)!important;background:#e8eef5!important;color:#15253a!important}
.workspace>.topbar .topbar-user-copy strong{color:#fff!important;font-size:10.5px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.workspace>.topbar .topbar-user-copy small{color:#b9cadb!important;font-size:8.5px!important;line-height:1.2!important}
.workspace>.topbar .topbar-inline-contact,.workspace>.topbar .topbar-contact{display:none!important}

/* ===== Geometría compartida día/noche ===== */
body:not(.dark-mode) .app,body.dark-mode .app{grid-template-columns:232px minmax(0,1fr)!important}
body:not(.dark-mode) .workspace,body.dark-mode .workspace{min-width:0!important;width:100%!important;overflow:hidden!important}
body:not(.dark-mode) .content,body.dark-mode .content{min-width:0!important;width:100%!important;padding:16px 18px!important;overflow-x:hidden!important;min-height:calc(100vh - 76px)!important}

/* Dashboard: exactamente la misma grilla y medidas en ambos modos */
body.dashboard-view:not(.dark-mode) .content,body.dashboard-view.dark-mode .content{height:auto!important;overflow:visible!important;padding:14px 18px!important}
body.dashboard-view:not(.dark-mode) .dashboard-shell,body.dashboard-view.dark-mode .dashboard-shell{width:100%!important;max-width:1580px!important;margin:0 auto!important;display:grid!important;gap:14px!important;grid-template-rows:auto!important;align-content:start!important}
body.dashboard-view:not(.dark-mode) .v256-health,body.dashboard-view.dark-mode .v256-health{display:grid!important;grid-template-columns:1.25fr repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
body.dashboard-view:not(.dark-mode) .v256-health>article,body.dashboard-view.dark-mode .v256-health>article{min-height:144px!important;height:144px!important;padding:15px 16px!important;border-radius:14px!important;box-shadow:none!important}
body.dashboard-view:not(.dark-mode) .v92524-main-top,body.dashboard-view.dark-mode .v92524-main-top{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr)!important;gap:14px!important;align-items:stretch!important}
body.dashboard-view:not(.dark-mode) .v256-card,body.dashboard-view.dark-mode .v256-card{padding:14px!important;border-radius:14px!important;min-height:0!important}
body.dashboard-view:not(.dark-mode) .v256-calendar,body.dashboard-view.dark-mode .v256-calendar{min-height:330px!important}
body.dashboard-view:not(.dark-mode) .v92524-notes textarea,body.dashboard-view.dark-mode .v92524-notes textarea{min-height:235px!important;border-radius:9px!important;padding:11px!important}
body.dashboard-view:not(.dark-mode) .v92524-quick,body.dashboard-view.dark-mode .v92524-quick{padding:14px!important}
body.dashboard-view:not(.dark-mode) .v256-priority-row,body.dashboard-view.dark-mode .v256-priority-row{padding:10px 4px!important}
body.dashboard-view:not(.dark-mode) .v256-tools,body.dashboard-view.dark-mode .v256-tools{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important;align-items:start!important}

/* Mismos radios / bordes / espaciamiento; solo cambia color */
body:not(.dark-mode) .panel,body:not(.dark-mode) .metric,body:not(.dark-mode) .dash-widget,body:not(.dark-mode) .crm-panel,body:not(.dark-mode) .crm-kpi,body:not(.dark-mode) .crm-team-card,body:not(.dark-mode) .uhs-search-card,body:not(.dark-mode) .uhs-kpi,
body.dark-mode .panel,body.dark-mode .metric,body.dark-mode .dash-widget,body.dark-mode .crm-panel,body.dark-mode .crm-kpi,body.dark-mode .crm-team-card,body.dark-mode .uhs-search-card,body.dark-mode .uhs-kpi{border-radius:14px!important;box-shadow:none!important}

/* Paleta clara */
body:not(.dark-mode) .workspace,body:not(.dark-mode) .content{background:#f3f6fa!important;color:#203149!important}
body:not(.dark-mode) .panel,body:not(.dark-mode) .metric,body:not(.dark-mode) .dash-widget,body:not(.dark-mode) .crm-panel,body:not(.dark-mode) .crm-kpi,body:not(.dark-mode) .crm-team-card,body:not(.dark-mode) .uhs-search-card,body:not(.dark-mode) .uhs-kpi{background:#fff!important;border:1px solid #dde5ee!important}
body:not(.dark-mode) .v256-health>article{background:#fff!important;border:1px solid #dce5ef!important;color:#203149!important}
body:not(.dark-mode) .v92524-notes textarea{background:#fbfcfe!important;border:1px solid #dfe6ee!important;color:#34465b!important}

/* Paleta oscura */
body.dark-mode .workspace,body.dark-mode .content{background:#0b1726!important;color:#e8eff7!important}
body.dark-mode .panel,body.dark-mode .metric,body.dark-mode .dash-widget,body.dark-mode .crm-panel,body.dark-mode .crm-kpi,body.dark-mode .crm-team-card,body.dark-mode .uhs-search-card,body.dark-mode .uhs-kpi{background:#102137!important;border:1px solid #2a4058!important}
body.dashboard-view.dark-mode .v256-health>article{border-radius:14px!important}
body.dark-mode .v92524-notes textarea{background:#10253c!important;border:1px solid #35516d!important;color:#dce7f3!important}

/* ===== Búsquedas / reflow ===== */
.app.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)!important}
.app.sidebar-collapsed .sidebar{transform:translateX(-110%)!important;opacity:0!important;pointer-events:none!important}
.app.sidebar-collapsed .workspace,.app.sidebar-collapsed .content{width:100%!important;min-width:0!important}
.app.sidebar-collapsed .content{padding-left:18px!important;padding-right:18px!important}
.uhs-shell,.uhs-head,.uhs-kpis,.uhs-toolbar,.uhs-card-list{width:100%!important;max-width:100%!important;min-width:0!important}
.uhs-search-card,.uhpa-panel,#uhtgBlock{width:100%!important;max-width:100%!important;min-width:0!important}
.uhs-search-card-main{grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr)!important;min-width:0!important}
.uhs-search-card-main>*{min-width:0!important}

/* ===== Responsive: sin superposiciones ===== */
@media(max-width:1380px){
  body.dashboard-view:not(.dark-mode) .v256-health,body.dashboard-view.dark-mode .v256-health{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.dashboard-view:not(.dark-mode) .v256-health-main,body.dashboard-view.dark-mode .v256-health-main{grid-column:1/-1!important}
}
@media(max-width:1280px){
  .workspace>.topbar .topbar-user{min-width:145px!important;max-width:175px!important}
  .workspace>.topbar .topbar-user-copy strong{max-width:105px!important}
  .workspace>.topbar #uhsTopBadge{min-width:102px!important}
}
@media(max-width:1080px){
  body:not(.dark-mode) .workspace>.topbar,body.dark-mode .workspace>.topbar{grid-template-columns:minmax(220px,1fr) auto auto!important}
  .workspace>.topbar .topbar-user{display:none!important}
  .workspace>.topbar .topbar-clock{grid-column:2!important}
  .workspace>.topbar .topbar-actions{grid-column:3!important}
  body.dashboard-view:not(.dark-mode) .v92524-main-top,body.dashboard-view.dark-mode .v92524-main-top{grid-template-columns:1fr!important}
  body.dashboard-view:not(.dark-mode) .v256-tools,body.dashboard-view.dark-mode .v256-tools{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .app,.app.sidebar-collapsed{grid-template-columns:1fr!important}
  .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:248px!important;z-index:60!important;transform:translateX(-105%)!important;opacity:1!important;pointer-events:auto!important}
  .sidebar.open{transform:translateX(0)!important}
  body:not(.dark-mode) .workspace>.topbar,body.dark-mode .workspace>.topbar{height:68px!important;min-height:68px!important;grid-template-columns:minmax(0,1fr) auto!important;padding:0 10px!important}
  .workspace>.topbar .topbar-left{grid-column:1!important}
  .workspace>.topbar .topbar-clock{display:none!important}
  .workspace>.topbar .topbar-actions{grid-column:2!important}
  .workspace>.topbar .topbar-user{display:none!important}
  .workspace>.topbar #uhsTopBadge{min-width:38px!important;width:38px!important;padding:0!important}
  .workspace>.topbar #uhsTopBadge .uhs-top-text{display:none!important}
  body:not(.dark-mode) .content,body.dark-mode .content,.app.sidebar-collapsed .content{padding-left:10px!important;padding-right:10px!important}
  .uhs-search-card-main{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  body.dashboard-view:not(.dark-mode) .v256-health,body.dashboard-view.dark-mode .v256-health{grid-template-columns:1fr!important}
  body.dashboard-view:not(.dark-mode) .v256-health-main,body.dashboard-view.dark-mode .v256-health-main{grid-column:auto!important}
}