/* UrbanHoff v9.25.79 · UI SOBRIA
   SOLO ESTÉTICA. No modifica lógica, métricas, cálculos, filtros ni automatizaciones.
   Módulos protegidos (ACM Propiedades, ACM Local, Reporte de Clientes) no se estilizan internamente. */

:root{
  --uh77-navy:#0b2f5b;
  --uh77-navy-2:#123d71;
  --uh77-blue:#2166d1;
  --uh77-blue-soft:#eaf2ff;
  --uh77-bg:#f4f6f9;
  --uh77-card:#ffffff;
  --uh77-text:#18253a;
  --uh77-muted:#6e7b8f;
  --uh77-line:#e2e8f0;
  --uh77-shadow:0 5px 18px rgba(19,47,83,.055);
  --uh77-radius:13px;
}

body:not(.dark-mode){
  --bg:var(--uh77-bg)!important;
  --panel:var(--uh77-card)!important;
  --navy:var(--uh77-navy)!important;
  --blue:var(--uh77-blue)!important;
  --line:var(--uh77-line)!important;
  --muted:var(--uh77-muted)!important;
  background:var(--uh77-bg)!important;
  background-image:none!important;
  color:var(--uh77-text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* ===== Shell / sidebar ===== */
body:not(.dark-mode) .app{grid-template-columns:248px minmax(0,1fr)!important;background:var(--uh77-bg)!important}
body:not(.dark-mode) .sidebar{
  background:linear-gradient(180deg,#0b315f 0%,#092a51 100%)!important;
  color:#fff!important;border-right:0!important;padding:18px 14px 16px!important;gap:13px!important;
  box-shadow:5px 0 24px rgba(9,35,68,.08);overflow-y:auto;
}
.sidebar-brand-v92579{display:flex;align-items:center;justify-content:center;min-height:58px;padding:1px 8px 9px;border-bottom:1px solid rgba(255,255,255,.12)}
.sidebar-brand-v92579 img{display:block;width:188px;max-height:52px;object-fit:contain;filter:brightness(0) invert(1);opacity:.98}
body:not(.dark-mode) .userbox{
  display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  column-gap:11px!important;row-gap:1px!important;align-items:center!important;text-align:left!important;
  padding:11px 10px!important;margin:0!important;border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px!important;background:rgba(255,255,255,.075)!important;box-shadow:none!important;
}
body:not(.dark-mode) .userbox .avatar-button{grid-column:1!important;grid-row:1/3!important;width:42px!important;height:42px!important;margin:0!important;border:1px solid rgba(255,255,255,.22)!important;background:#e5ebf3!important}
body:not(.dark-mode) .userbox strong{grid-column:2!important;grid-row:1!important;font-size:12.5px!important;line-height:1.2!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:not(.dark-mode) .userbox #currentRole{grid-column:2!important;grid-row:2!important;position:relative;padding-left:12px;font-size:9.5px!important;color:#c8d7e8!important;margin:1px 0 0!important}
body:not(.dark-mode) .userbox #currentRole:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#58d68d;transform:translateY(-50%);box-shadow:0 0 0 2px rgba(88,214,141,.13)}
body:not(.dark-mode) .avatar-placeholder{color:#50647d!important;font-size:13px!important}

body:not(.dark-mode) .nav{gap:3px!important}
body:not(.dark-mode) .nav button{
  min-height:39px;padding:9px 10px!important;border-radius:9px!important;background:transparent!important;
  color:#d9e5f2!important;font-size:10.7px!important;font-weight:670!important;letter-spacing:.015em!important;
  text-transform:none!important;box-shadow:none!important;transition:background .14s ease,color .14s ease,transform .14s ease!important;
}
body:not(.dark-mode) .nav button .nav-icon{width:18px!important;height:18px!important;flex-basis:18px!important;opacity:.9}
body:not(.dark-mode) .nav button .nav-icon svg{width:17px!important;height:17px!important;stroke:currentColor!important}
body:not(.dark-mode) .nav button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:translateX(1px)}
body:not(.dark-mode) .nav button.active{background:#fff!important;color:#164f93!important;font-weight:790!important;box-shadow:0 3px 10px rgba(4,24,50,.12)!important}
body:not(.dark-mode) .side-icon-actions{padding-top:10px;border-top:1px solid rgba(255,255,255,.10);gap:7px!important}
body:not(.dark-mode) .side-icon-btn{width:42px!important;height:38px!important;border-radius:9px!important;background:rgba(255,255,255,.065)!important;color:#dce8f4!important;border-color:rgba(255,255,255,.12)!important}
body:not(.dark-mode) .side-icon-btn svg{width:18px!important;height:18px!important}
body:not(.dark-mode) .side-icon-btn:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}

/* ===== Header sobrio ===== */
body:not(.dark-mode) .workspace{background:var(--uh77-bg)!important;min-width:0}
body:not(.dark-mode) .topbar{
  height:72px!important;min-height:72px!important;display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto auto!important;align-items:center!important;
  gap:10px!important;padding:0 22px!important;background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--uh77-line)!important;box-shadow:none!important;position:relative!important;
}
body:not(.dark-mode) .topbar-left{grid-column:1!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0}
body:not(.dark-mode) .dashboard-briefcase{width:34px!important;height:34px!important;flex:0 0 34px!important;border:1px solid #dce5ef!important;border-radius:9px!important;background:#f8fafc!important;color:#315f94!important}
body:not(.dark-mode) .dashboard-briefcase svg{width:18px!important;height:18px!important}
body:not(.dark-mode) .topbar-title h2{font-size:17px!important;line-height:1.15!important;color:#1c2b40!important;letter-spacing:-.01em!important;font-weight:780!important}
body:not(.dark-mode) .topbar-title p{display:block!important;margin:3px 0 0!important;font-size:10.5px!important;line-height:1.2!important;color:#7b8797!important}
body:not(.dark-mode) .topbar-inline-contact{margin-top:4px!important;font-size:8.8px!important;color:#7b8797!important;gap:6px!important}
body:not(.dark-mode) .topbar-brand-home{display:none!important}
body:not(.dark-mode) .topbar-actions{grid-column:2!important;display:flex!important;align-items:center!important;gap:6px!important;justify-self:end!important}
body:not(.dark-mode) .top-action,body:not(.dark-mode) .sidebar-mode-action{
  width:35px!important;height:35px!important;min-width:35px!important;padding:0!important;border:1px solid #dce5ef!important;
  border-radius:9px!important;background:#fff!important;color:#51647a!important;box-shadow:none!important;
}
body:not(.dark-mode) .top-action:hover{background:#f3f7fb!important;color:#164f93!important}
body:not(.dark-mode) .topbar-clock{grid-column:3!important;justify-self:end!important;min-width:112px!important;padding-left:12px!important;border-left:1px solid #e3e9f0!important;text-align:right!important}
body:not(.dark-mode) .topbar-clock strong{font-family:Inter,ui-sans-serif,sans-serif!important;font-size:17px!important;line-height:1!important;letter-spacing:0!important;font-weight:760!important;color:#24364e!important}
body:not(.dark-mode) .topbar-clock small{display:block!important;margin-top:3px!important;font-size:8px!important;color:#8290a1!important}

/* ===== Content / general controls ===== */
body:not(.dark-mode) .content{background:var(--uh77-bg)!important;padding:18px 20px!important;min-height:calc(100vh - 72px)!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 var(--uh77-line)!important;border-radius:var(--uh77-radius)!important;
  box-shadow:var(--uh77-shadow)!important;
}
body:not(.dark-mode) .primary{background:#174f90!important;border-color:#174f90!important;color:#fff!important;border-radius:9px!important;box-shadow:none!important}
body:not(.dark-mode) .primary:hover{background:#113f75!important}
body:not(.dark-mode) .secondary{background:#fff!important;color:#31516f!important;border:1px solid #d7e0e9!important;border-radius:9px!important;box-shadow:none!important}
body:not(.dark-mode) .secondary:hover{background:#f6f8fb!important;border-color:#c7d3df!important}
body:not(.dark-mode) .danger{border-radius:9px!important;box-shadow:none!important}
body:not(.dark-mode) input,body:not(.dark-mode) select,body:not(.dark-mode) textarea{border-color:#d3dde7!important;border-radius:9px!important;color:#203149!important;background:#fff!important;box-shadow:none!important}
body:not(.dark-mode) input:focus,body:not(.dark-mode) select:focus,body:not(.dark-mode) textarea:focus{outline:none!important;border-color:#7ea8da!important;box-shadow:0 0 0 3px rgba(32,103,190,.09)!important}
body:not(.dark-mode) .field label{color:#53647a!important;font-size:11.5px!important;font-weight:720!important}
body:not(.dark-mode) .modal{border:1px solid #e1e7ee!important;border-radius:15px!important;box-shadow:0 22px 60px rgba(15,40,70,.17)!important}
body:not(.dark-mode) .modal-back{background:rgba(13,34,59,.44)!important;backdrop-filter:blur(2px)}
body:not(.dark-mode) .x{background:#f2f5f8!important;color:#51647a!important}

/* ===== Dashboard ===== */
body.dashboard-view:not(.dark-mode){overflow:auto!important}
body.dashboard-view:not(.dark-mode) .content{height:auto!important;min-height:calc(100vh - 72px)!important;overflow:visible!important}
body.dashboard-view:not(.dark-mode) .dashboard-shell{max-width:1580px!important;height:auto!important;display:grid!important;gap:14px!important;grid-template-rows:auto!important;align-content:start!important}
body.dashboard-view:not(.dark-mode) .daily-quote{
  min-height:48px!important;grid-template-columns:34px 1fr 34px!important;padding:8px 13px!important;border:1px solid #e0e8f1!important;
  border-radius:11px!important;background:#fff!important;box-shadow:var(--uh77-shadow)!important;
}
body.dashboard-view:not(.dark-mode) .daily-quote small{color:#6d7c8e!important;font-size:8.5px!important;text-transform:uppercase;letter-spacing:.055em}
body.dashboard-view:not(.dark-mode) .daily-quote strong{color:#34465c!important;font-size:11.5px!important;font-weight:650!important}
body.dashboard-view:not(.dark-mode) .daily-quote-mark{font-size:31px!important;color:#9bb2cc!important}
body.dashboard-view:not(.dark-mode) .dashboard-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(285px,.85fr) minmax(285px,.85fr)!important;gap:14px!important;min-height:0!important}
body.dashboard-view:not(.dark-mode) .dash-widget{height:380px!important;min-height:380px!important;max-height:380px!important;padding:14px!important;overflow:hidden!important}
body.dashboard-view:not(.dark-mode) .dash-widget-head{margin-bottom:10px!important;padding-bottom:9px;border-bottom:1px solid #edf1f5}
body.dashboard-view:not(.dark-mode) .dash-widget-head h4{font-size:12.5px!important;font-weight:760!important;color:#26384f!important}
body.dashboard-view:not(.dark-mode) .dash-mini-btn{border-radius:8px!important;background:#fff!important;border-color:#dce4ed!important;color:#315d8b!important;font-size:9.5px!important}
body.dashboard-view:not(.dark-mode) .dash-mini-btn.primary-mini{background:#174f90!important;color:#fff!important;border-color:#174f90!important}
body.dashboard-view:not(.dark-mode) .calendar-widget .cal-grid{border-radius:9px!important;border-color:#e5eaf0!important}
body.dashboard-view:not(.dark-mode) .calendar-widget .cal-weekday{background:#f8fafc!important;color:#718096!important;border-color:#e9edf2!important}
body.dashboard-view:not(.dark-mode) .calendar-widget .cal-day{background:#fff!important;border-color:#edf0f4!important;color:#42546a!important}
body.dashboard-view:not(.dark-mode) .calendar-widget .cal-day.today{background:#174f90!important;color:#fff!important;border-color:#174f90!important}
body.dashboard-view:not(.dark-mode) .notes-widget .note-item{background:#fbfcfe!important;border:1px solid #e9edf2!important;border-radius:9px!important;color:#34465c!important}
body.dashboard-view:not(.dark-mode) .notes-widget .note-item strong{color:#27394f!important}
body.dashboard-view:not(.dark-mode) .notes-widget .note-item p{color:#6f7d8e!important}
body.dashboard-view:not(.dark-mode) .task-row{border-color:#edf1f5!important;padding:9px 4px!important}
body.dashboard-view:not(.dark-mode) .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
body.dashboard-view:not(.dark-mode) .dashboard-quick-section{margin-top:0!important}
body.dashboard-view:not(.dark-mode) .dashboard-section-title{margin:0 0 8px!important}
body.dashboard-view:not(.dark-mode) .dashboard-section-title h4{font-size:12.5px!important;color:#26384f!important}
body.dashboard-view:not(.dark-mode) .dashboard-section-title span{font-size:9px!important;color:#7b8898!important}
body.dashboard-view:not(.dark-mode) .quick-card{
  min-height:82px!important;padding:10px 12px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;
  border:1px solid #e1e7ee!important;border-radius:11px!important;background:#fff!important;color:#23374e!important;
  box-shadow:var(--uh77-shadow)!important;text-align:left!important;
}
body.dashboard-view:not(.dark-mode) .quick-card:hover{transform:translateY(-1px)!important;border-color:#c6d4e3!important;box-shadow:0 7px 18px rgba(19,47,83,.08)!important}
body.dashboard-view:not(.dark-mode) .quick-card .quick-icon{width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;background:#eef4fb!important}
body.dashboard-view:not(.dark-mode) .quick-card .quick-icon svg{width:16px!important;height:16px!important;stroke:#315f94!important}
body.dashboard-view:not(.dark-mode) .quick-card strong{font-size:10.5px!important;font-weight:770!important;color:#26384f!important}
body.dashboard-view:not(.dark-mode) .quick-card small{font-size:8.7px!important;line-height:1.3!important;color:#778597!important;margin-top:2px!important}
body.dashboard-view:not(.dark-mode) .v254-dashboard-health,body.dashboard-view:not(.dark-mode) .crm-dashboard-strip{gap:10px!important}
body.dashboard-view:not(.dark-mode) .v254-dashboard-health>div,body.dashboard-view:not(.dark-mode) .crm-dashboard-card{border:1px solid #e1e7ee!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--uh77-shadow)!important}
body.dashboard-view:not(.dark-mode) .crm-dashboard-card.emphasis{background:#174f90!important;border-color:#174f90!important}

/* ===== CRM / Gestión de Clientes ===== */
body:not(.dark-mode) .crm-shell{max-width:1580px!important;gap:13px!important}
body:not(.dark-mode) .crm-tabs{gap:4px!important;padding:4px;background:#edf1f5;border-radius:10px;width:max-content;max-width:100%;overflow:auto}
body:not(.dark-mode) .crm-tab{border:0!important;background:transparent!important;color:#627286!important;border-radius:8px!important;padding:8px 11px!important;font-size:10.8px!important;font-weight:700!important;white-space:nowrap}
body:not(.dark-mode) .crm-tab.active{background:#fff!important;color:#174f90!important;box-shadow:0 2px 7px rgba(25,54,87,.08)!important}
body:not(.dark-mode) .crm-kpis{gap:10px!important}
body:not(.dark-mode) .crm-kpi{padding:13px 14px!important}
body:not(.dark-mode) .crm-kpi span{font-size:10.5px!important;color:#738195!important}
body:not(.dark-mode) .crm-kpi strong{font-size:22px!important;color:#22364f!important;margin-top:5px!important}
body:not(.dark-mode) .crm-kpi small{font-size:9.3px!important;color:#8b97a7!important}
body:not(.dark-mode) .crm-panel{padding:14px!important}
body:not(.dark-mode) .crm-panel h3{font-size:14px!important;color:#27394f!important}
body:not(.dark-mode) .crm-panel-sub{font-size:10.7px!important;color:#758397!important}
body:not(.dark-mode) .crm-search,body:not(.dark-mode) .crm-select{border-color:#d5dee8!important;border-radius:9px!important;background:#fff!important;color:#26384f!important}
body:not(.dark-mode) .crm-table-wrap{border:1px solid #e2e8ef!important;border-radius:10px!important;background:#fff!important}
body:not(.dark-mode) .crm-table th{background:#f8fafc!important;color:#788698!important;font-size:9.5px!important;letter-spacing:.045em!important;border-color:#edf1f5!important}
body:not(.dark-mode) .crm-table td{font-size:11.8px!important;border-color:#edf1f5!important;color:#34465b!important}
body:not(.dark-mode) .crm-table tbody tr:hover{background:#fafcff!important}
body:not(.dark-mode) .crm-name{color:#26384f!important;font-weight:780!important}
body:not(.dark-mode) .crm-sub{color:#8792a1!important;font-size:9.7px!important}
body:not(.dark-mode) .crm-badge{border-radius:999px!important;background:#edf4ff!important;color:#2760a5!important;font-size:9px!important;padding:4px 7px!important}

/* ===== Usuarios ===== */
body:not(.dark-mode) .toolbar{margin-bottom:12px!important}
body:not(.dark-mode) .toolbar h3{font-size:16px!important;color:#26384f!important}
body:not(.dark-mode) .toolbar p{color:#768397!important}
body:not(.dark-mode) .table-wrap{border-radius:11px!important;overflow:auto!important}
body:not(.dark-mode) .table{background:#fff!important}
body:not(.dark-mode) .table th{background:#f8fafc!important;color:#718096!important;font-size:9.8px!important;letter-spacing:.045em!important;border-color:#e9edf2!important}
body:not(.dark-mode) .table td{font-size:12px!important;color:#34465b!important;border-color:#edf1f5!important}
body:not(.dark-mode) .table tbody tr:hover{background:#fbfcfe!important}
body:not(.dark-mode) .badge{background:#e9f7ef!important;color:#267447!important;border:1px solid #d5efdf!important;border-radius:999px!important}
body:not(.dark-mode) .user-profile-link{color:#28435f!important}

/* ===== Búsquedas ===== */
body:not(.dark-mode) .uhs-shell{max-width:1580px!important;gap:13px!important}
body:not(.dark-mode) .uhs-head h3{color:#26384f!important;font-size:16px!important}
body:not(.dark-mode) .uhs-sub{color:#788698!important}
body:not(.dark-mode) .uhs-kpis{gap:10px!important}
body:not(.dark-mode) .uhs-kpi{padding:13px 14px!important}
body:not(.dark-mode) .uhs-kpi span{color:#768397!important;font-size:10.5px!important}
body:not(.dark-mode) .uhs-kpi strong{font-size:22px!important;color:#22364f!important}
body:not(.dark-mode) .uhs-search-card{padding:0!important;overflow:hidden!important}
body:not(.dark-mode) .uhs-search-card-top{padding:13px 14px 11px!important;border-bottom:1px solid #edf1f5!important;background:#fff!important}
body:not(.dark-mode) .uhs-search-card-main{padding:12px 14px!important;background:#fff!important}
body:not(.dark-mode) .uhs-criteria-groups{padding:0 14px 12px!important;background:#fff!important}
body:not(.dark-mode) .uhs-criteria-groups>div{background:#f8fafc!important;border:1px solid #edf1f5!important;border-radius:9px!important}
body:not(.dark-mode) .uhs-card-actions{padding:10px 14px!important;background:#fafbfd!important;border-top:1px solid #edf1f5!important}
body:not(.dark-mode) .uhs-person strong,body:not(.dark-mode) .uhs-search-title>strong{color:#26384f!important}
body:not(.dark-mode) .uhs-search-resume>strong{color:#30465f!important}
body:not(.dark-mode) .uhs-status{border-radius:999px!important;box-shadow:none!important}
body:not(.dark-mode) .uhpa-panel,body:not(.dark-mode) #uhtgBlock{border-radius:12px!important;box-shadow:var(--uh77-shadow)!important}

/* ===== Finanzas iframe container: shell uniforme, lógica interna intacta ===== */
body:not(.dark-mode) #finanzasNhFrame{background:var(--uh77-bg)!important}
body:not(.dark-mode) .panel:has(#finanzasNhFrame){border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}

/* ===== Auth ===== */
body:not(.dark-mode) .auth{background:#eef2f6!important}
body:not(.dark-mode) .auth-card{border:1px solid #e1e7ee!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(15,40,70,.11)!important}
body:not(.dark-mode) .auth-card h1{color:#203249!important}
body:not(.dark-mode) .auth-card p{color:#728094!important}

/* ===== Modo oscuro: conservar comportamiento, solo coherencia básica ===== */
body.dark-mode .sidebar-brand-v92579{border-bottom-color:rgba(255,255,255,.10)}
body.dark-mode .sidebar-brand-v92579 img{filter:brightness(0) invert(1)}
body.dark-mode .userbox{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.045)!important}

/* ===== Responsive ===== */
@media(max-width:1250px){
  body.dashboard-view:not(.dark-mode) .dashboard-main-grid{grid-template-columns:1.45fr 1fr!important}
  body.dashboard-view:not(.dark-mode) .tasks-widget{grid-column:1/-1!important;height:270px!important;min-height:270px!important;max-height:270px!important}
  body.dashboard-view:not(.dark-mode) .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  body:not(.dark-mode) .topbar{grid-template-columns:minmax(220px,1fr) auto auto!important}
  body:not(.dark-mode) .topbar-inline-contact{display:none!important}
}
@media(max-width:900px){
  body:not(.dark-mode) .app{display:block!important}
  body:not(.dark-mode) .sidebar{width:260px!important}
  .sidebar-brand-v92579 img{width:178px}
  body.dashboard-view:not(.dark-mode) .dashboard-main-grid{grid-template-columns:1fr!important}
  body.dashboard-view:not(.dark-mode) .dash-widget,body.dashboard-view:not(.dark-mode) .tasks-widget{height:auto!important;min-height:300px!important;max-height:none!important}
  body.dashboard-view:not(.dark-mode) .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body:not(.dark-mode) .topbar{height:auto!important;min-height:68px!important;grid-template-columns:auto minmax(0,1fr) auto!important;padding:8px 10px!important}
  body:not(.dark-mode) .topbar-actions{display:none!important}
  body:not(.dark-mode) .topbar-clock{grid-column:3!important;min-width:82px!important;padding-left:8px!important}
  body:not(.dark-mode) .topbar-clock strong{font-size:14px!important}
  body:not(.dark-mode) .content{padding:10px!important}
  body.dashboard-view:not(.dark-mode) .quick-grid{grid-template-columns:1fr!important}
  body:not(.dark-mode) .crm-kpis,body:not(.dark-mode) .uhs-kpis{grid-template-columns:1fr 1fr!important}
}
/* Mantiene exactamente el comportamiento existente de auto-ocultar/fijar sidebar. */
body:not(.dark-mode) .app.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)!important}

/* ===== Dashboard real v9.25.56+ (mismas métricas y funciones, nueva piel) ===== */
body.dashboard-view:not(.dark-mode) .v256-dashboard{width:100%!important;max-width:1580px!important;margin:0 auto!important;display:grid!important;gap:14px!important}
body.dashboard-view:not(.dark-mode) .v256-health{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
body.dashboard-view:not(.dark-mode) .v256-health>article,
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-primary,
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-blue,
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-amber,
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-violet,
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-green{
  min-height:108px!important;padding:13px 14px!important;background:#fff!important;border:1px solid #e1e7ee!important;
  border-radius:12px!important;box-shadow:var(--uh77-shadow)!important;color:#27394f!important;overflow:hidden!important;
}
body.dashboard-view:not(.dark-mode) .v256-health>article:before{height:3px!important;background:#dce5ef!important}
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-primary:before{background:#315f94!important}
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-blue:before{background:#5c8fd0!important}
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-amber:before{background:#d2a84d!important}
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-violet:before{background:#8b79b7!important}
body.dashboard-view:not(.dark-mode) .v256-health>article.tone-green:before{background:#5da983!important}
body.dashboard-view:not(.dark-mode) .v256-health>article span,body.dashboard-view:not(.dark-mode) .v256-health-main span{color:#758397!important;font-size:10.3px!important;font-weight:720!important}
body.dashboard-view:not(.dark-mode) .v256-health>article strong,body.dashboard-view:not(.dark-mode) .v256-health-main strong{color:#26384f!important;font-size:22px!important;line-height:1.08!important;margin-top:5px!important}
body.dashboard-view:not(.dark-mode) .v256-health>article small,body.dashboard-view:not(.dark-mode) .v256-health-main small{color:#8793a3!important;font-size:9.1px!important;line-height:1.3!important}
body.dashboard-view:not(.dark-mode) .v256-health-action{margin-top:8px!important;padding:6px 9px!important;border:1px solid #dce4ed!important;border-radius:8px!important;background:#f8fafc!important;color:#315f94!important;font-size:9px!important;font-weight:760!important}
body.dashboard-view:not(.dark-mode) .v256-health-action:hover{background:#eef4fb!important}
body.dashboard-view:not(.dark-mode) .v256-health-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.dashboard-view:not(.dark-mode) .v256-health-main .v255-gauge{transform:scale(.70)!important;transform-origin:center!important;flex:0 0 130px!important}
body.dashboard-view:not(.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:not(.dark-mode) .v256-admin-tools,
body:not(.dark-mode) .v256-integration,
body:not(.dark-mode) .v255-ops-widget{
  background:#fff!important;border:1px solid #e1e7ee!important;border-radius:12px!important;box-shadow:var(--uh77-shadow)!important;
}
body.dashboard-view:not(.dark-mode) .v256-card{padding:14px!important;min-height:0!important}
body.dashboard-view:not(.dark-mode) .v256-card-head{padding-bottom:10px!important;border-color:#edf1f5!important}
body.dashboard-view:not(.dark-mode) .v256-card-head h3{font-size:13.5px!important;color:#26384f!important;font-weight:780!important;letter-spacing:0!important}
body.dashboard-view:not(.dark-mode) .v256-card-head span{font-size:9.6px!important;color:#8490a0!important}
body.dashboard-view:not(.dark-mode) .v256-calendar{min-height:330px!important}
body.dashboard-view:not(.dark-mode) .v256-cal-row{background:#fff!important;border:1px solid #e8edf2!important;border-radius:8px!important;padding:9px 10px!important;color:#34465b!important}
body.dashboard-view:not(.dark-mode) .v256-cal-row:hover{background:#fafcff!important;border-color:#d7e2ed!important}
body.dashboard-view:not(.dark-mode) .v256-cal-row strong{font-size:10.7px!important;color:#2e4056!important}
body.dashboard-view:not(.dark-mode) .v256-cal-row small,body.dashboard-view:not(.dark-mode) .v256-cal-row>span{color:#8490a0!important}
body.dashboard-view:not(.dark-mode) .v92524-notes textarea{min-height:235px!important;background:#fafbfd!important;border:1px solid #e3e9ef!important;border-radius:9px!important;color:#34465b!important;padding:11px!important}
body.dashboard-view:not(.dark-mode) .v92524-note-hint{color:#8793a3!important}
body.dashboard-view:not(.dark-mode) .v92524-quick{padding:14px!important}
body.dashboard-view:not(.dark-mode) .v92524-quick #v256PriorityList{gap:0!important}
body.dashboard-view:not(.dark-mode) .v256-priority-row{padding:10px 4px!important;border-color:#edf1f5!important}
body.dashboard-view:not(.dark-mode) .v256-priority-row strong{font-size:10.8px!important;color:#2e4056!important}
body.dashboard-view:not(.dark-mode) .v256-priority-row small{font-size:9.2px!important;color:#8490a0!important}
body.dashboard-view:not(.dark-mode) .v256-priority-row button{border:1px solid #d9e2eb!important;background:#fff!important;color:#315f94!important;border-radius:8px!important;font-size:9.5px!important;padding:6px 9px!important}
body.dashboard-view:not(.dark-mode) .v256-priority-row button:hover{background:#eef4fb!important}
body.dashboard-view:not(.dark-mode) .v256-tools{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important;align-items:start!important}
body.dashboard-view:not(.dark-mode) .v255-ops-widget{padding:12px!important;margin:0!important}
body.dashboard-view:not(.dark-mode) .v255-ops-head h4{color:#26384f!important;font-size:12.5px!important}
body.dashboard-view:not(.dark-mode) .v255-ops-head span{color:#8490a0!important;font-size:9px!important}
body.dashboard-view:not(.dark-mode) .v255-op,body.dashboard-view:not(.dark-mode) .v256-admin-grid button{background:#fff!important;border:1px solid #e2e8ef!important;color:#33475e!important;border-radius:9px!important;box-shadow:none!important}
body.dashboard-view:not(.dark-mode) .v255-op:hover,body.dashboard-view:not(.dark-mode) .v256-admin-grid button:hover{background:#f8fafc!important;border-color:#cfdbe6!important}
body.dashboard-view:not(.dark-mode) .v256-admin-tools{padding:12px!important;min-width:0!important}

/* Integraciones / Configuración / Marketing dentro del CRM */
body:not(.dark-mode) .v256-integration{padding:13px 14px!important;gap:8px!important}
body:not(.dark-mode) .v256-integration h4{font-size:13px!important;color:#26384f!important}
body:not(.dark-mode) .v256-integration p{font-size:10px!important;color:#7c8999!important}
body:not(.dark-mode) .v256-import-options{background:#f8fafc!important;border-color:#e1e7ee!important;border-radius:9px!important}
body:not(.dark-mode) .v256-settings-grid{gap:12px!important}

@media(max-width:1320px){body.dashboard-view:not(.dark-mode) .v256-health{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v256-health-main{grid-column:1/-1!important}}
@media(max-width:1050px){body.dashboard-view:not(.dark-mode) .v92524-main-top{grid-template-columns:1fr!important}body.dashboard-view:not(.dark-mode) .v256-tools{grid-template-columns:1fr!important}}
@media(max-width:700px){body.dashboard-view:not(.dark-mode) .v256-health{grid-template-columns:1fr!important}.v256-health-main{grid-column:auto!important}}

/* ==========================================================
   UrbanHoff v9.25.79 · AJUSTE VISUAL FINAL
   REGLA DE ORO: solo estética. Sin cambios de lógica, métricas,
   cálculos, filtros, automatizaciones, datos ni módulos protegidos.
   ========================================================== */

/* Sidebar aprobada: misma identidad en claro y oscuro */
body:not(.dark-mode) .sidebar,
body.dark-mode .sidebar{
  background:linear-gradient(180deg,#0c315e 0%,#09284c 100%)!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:4px 0 18px rgba(8,31,60,.08)!important;
}
body:not(.dark-mode) .userbox,
body.dark-mode .userbox{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.12)!important;
}
body:not(.dark-mode) .userbox strong,
body.dark-mode .userbox strong{color:#fff!important}
body:not(.dark-mode) .userbox #currentRole,
body.dark-mode .userbox #currentRole{color:#c8d8e9!important}
body:not(.dark-mode) .nav button,
body.dark-mode .nav button{color:#dce7f2!important;background:transparent!important;text-transform:none!important}
body:not(.dark-mode) .nav button:hover,
body.dark-mode .nav button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
body:not(.dark-mode) .nav button.active,
body.dark-mode .nav button.active{background:#eaf2ff!important;color:#1d5cac!important;box-shadow:none!important}
body:not(.dark-mode) .side-icon-btn,
body.dark-mode .side-icon-btn{background:rgba(255,255,255,.06)!important;color:#e6eef7!important;border-color:rgba(255,255,255,.13)!important}
body:not(.dark-mode) .side-icon-btn:hover,
body.dark-mode .side-icon-btn:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}

/* Header aprobado: hora + búsquedas/acciones + usuario a la derecha */
body:not(.dark-mode) .topbar,
body.dark-mode .topbar{
  height:72px!important;min-height:72px!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) auto auto auto!important;
  align-items:center!important;gap:10px!important;padding:0 20px!important;
  box-shadow:none!important;
}
body:not(.dark-mode) .topbar{background:#fff!important;border-bottom:1px solid #e2e8f0!important}
body.dark-mode .topbar{background:#0f1c2c!important;border-bottom:1px solid #27384d!important}
.topbar-left{grid-column:1!important;min-width:0!important}
.topbar-actions{grid-column:2!important;justify-self:end!important}
.topbar-user{grid-column:3!important;display:flex;align-items:center;gap:9px;min-width:155px;padding:0 11px;border-left:1px solid #e2e8f0}
.topbar-user-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#17243a;color:#fff;font-size:10px;font-weight:850}
.topbar-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.topbar-user-copy{min-width:0;display:grid;gap:1px}.topbar-user-copy strong{font-size:10.8px;line-height:1.2;color:#203249;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user-copy small{font-size:8.8px;color:#8290a1}
.topbar-clock{grid-column:4!important;justify-self:end!important;min-width:112px!important;padding-left:12px!important;border-left:1px solid #e2e8f0!important;text-align:right!important}
body.dark-mode .topbar-user,body.dark-mode .topbar-clock{border-left-color:#2d4057!important}
body.dark-mode .topbar-user-copy strong{color:#f1f5fa!important}body.dark-mode .topbar-user-copy small{color:#9eacbd!important}
body.dark-mode .topbar-user-avatar{background:#e7edf5;color:#18263a}
body.dark-mode .topbar-clock strong{color:#eef4fb!important}body.dark-mode .topbar-clock small{color:#9dacbe!important}
body.dark-mode .top-action,body.dark-mode .sidebar-mode-action{background:#132338!important;border-color:#31465f!important;color:#cbd7e5!important;box-shadow:none!important}
body.dark-mode .top-action:hover{background:#1a2d45!important;color:#fff!important}

/* Búsquedas: recalibración cuando sidebar está oculta */
body:not(.dark-mode) .uhs-shell,
body.dark-mode .uhs-shell{width:100%!important;max-width:none!important;margin:0!important;min-width:0!important}
.app.sidebar-collapsed .workspace{width:100%!important;min-width:0!important}
.app.sidebar-collapsed .content{width:100%!important;min-width:0!important;padding-left:24px!important;padding-right:24px!important}
.app.sidebar-collapsed .uhs-shell{width:100%!important;max-width:none!important;margin:0 auto!important}
.app.sidebar-collapsed .uhs-kpis{width:100%!important}
.app.sidebar-collapsed .uhs-search-card,
.app.sidebar-collapsed .uhpa-panel,
.app.sidebar-collapsed #uhtgBlock{width:100%!important;max-width:none!important}

/* búsqueda visual más contenida y alineada */
.uhs-head,.uhs-toolbar,.uhs-card-list,.uhs-kpis{width:100%!important;min-width:0!important}
.uhs-search-card-main{grid-template-columns:minmax(220px,.78fr) minmax(300px,1.22fr)!important}

/* Dark mode: misma composición, misma jerarquía, solo cambia la paleta */
body.dark-mode .content{background:#0d1726!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:#152237!important;border-color:#2c3d53!important;box-shadow:none!important
}
body.dark-mode .crm-table-wrap,body.dark-mode .table-wrap{background:#152237!important;border-color:#2c3d53!important}
body.dark-mode .crm-table th,body.dark-mode .table th{background:#111d2e!important;color:#9dacbe!important}
body.dark-mode .crm-table td,body.dark-mode .table td{color:#dce5ef!important}

/* texto siempre claro y legible */
body:not(.dark-mode) .content{color:#203149!important}
body:not(.dark-mode) .uhs-head p,body:not(.dark-mode) .uhs-sub,body:not(.dark-mode) .crm-sub,body:not(.dark-mode) .field-help{color:#66758a!important}
body.dark-mode .uhs-head p,body.dark-mode .uhs-sub,body.dark-mode .crm-sub,body.dark-mode .field-help{color:#a9b6c7!important}

@media(max-width:1180px){
  body:not(.dark-mode) .topbar,body.dark-mode .topbar{grid-template-columns:minmax(210px,1fr) auto auto!important}
  .topbar-user{display:none!important}
  .topbar-clock{grid-column:3!important}
}
@media(max-width:900px){
  .app.sidebar-collapsed .content{padding-left:10px!important;padding-right:10px!important}
  body:not(.dark-mode) .topbar,body.dark-mode .topbar{grid-template-columns:auto minmax(0,1fr) auto!important;padding:8px 10px!important}
  .topbar-actions{grid-column:2!important;justify-self:end!important}.topbar-clock{grid-column:3!important}
}
@media(max-width:620px){
  .topbar-user{display:none!important}
  .uhs-search-card-main{grid-template-columns:1fr!important}
}


/* ==========================================================
   UrbanHoff v9.25.79 · HEADER + SIDEBAR FINAL
   REGLA DE ORO VISUAL: solo estética. Sin alterar funciones,
   métricas, cálculos, datos, automatizaciones ni módulos protegidos.
   ========================================================== */

/* Sidebar definitiva: azul oscuro en claro y oscuro, logo + navegación sobria. */
body:not(.dark-mode) .sidebar,
body.dark-mode .sidebar{
  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:14px!important;
}
.sidebar-brand-v92579{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  min-height:62px!important;padding:0 10px 14px!important;margin:0 0 2px!important;
  border-bottom:1px solid rgba(255,255,255,.15)!important;
}
.sidebar-brand-v92579 img{
  display:block!important;width:174px!important;max-width:100%!important;max-height:50px!important;
  object-fit:contain!important;object-position:left center!important;
  filter:brightness(0) invert(1)!important;opacity:1!important;
}
/* El usuario vive en el header; quitamos la tarjeta lateral redundante. */
.sidebar>.userbox{display:none!important}
.sidebar .nav{display:grid!important;gap:5px!important;margin-top:2px!important}
.sidebar .nav button{
  min-height:42px!important;display:flex!important;align-items:center!important;gap:10px!important;
  padding:10px 11px!important;border-radius:9px!important;
  color:#dce8f4!important;background:transparent!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;
  white-space:nowrap!important;overflow:hidden!important;
}
.sidebar .nav button .nav-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;opacity:.92!important}
.sidebar .nav button .nav-label{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!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;gap:7px!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;
  border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.045)!important;
  color:#dce8f4!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
.sidebar .side-icon-btn:hover{background:rgba(255,255,255,.11)!important;color:#fff!important}
.sidebar .side-icon-btn svg{width:19px!important;height:19px!important}

/* Header definitivo: azul oscuro, título a la izquierda; derecha = HORA · BÚSQUEDAS/ACCIONES · USUARIO. */
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(280px,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:visible!important;
}
.workspace>.topbar .topbar-left{
  grid-column:1!important;min-width:0!important;max-width:none!important;
  display:flex!important;align-items:center!important;gap:10px!important;padding:0!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 .dashboard-briefcase{color:#dbe9f8!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.045)!important}
.workspace>.topbar .sidebar-toggle{
  background:rgba(255,255,255,.055)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;
}
.workspace>.topbar .sidebar-toggle:hover{background:rgba(255,255,255,.12)!important}
/* El logo superior central se elimina: ya está en la sidebar y libera el header. */
.workspace>.topbar .topbar-brand-home{display:none!important}

.workspace>.topbar .topbar-clock{
  position:static!important;transform:none!important;
  grid-column:2!important;grid-row:1!important;justify-self:end!important;
  width:auto!important;min-width:128px!important;margin:0!important;padding:0 14px 0 0!important;
  border-left:0!important;border-right:1px solid rgba(255,255,255,.16)!important;
  text-align:right!important;z-index:1!important;
}
.workspace>.topbar .topbar-clock strong{
  color:#fff!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!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{
  position:static!important;transform:none!important;
  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;z-index:1!important;
}
.workspace>.topbar .top-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{background:rgba(255,255,255,.12)!important;color:#fff!important}
.workspace>.topbar #uhsTopBadge{padding:0 11px!important;min-width:112px!important;justify-content:center!important}
.workspace>.topbar #uhsTopBadge b{background:#2f73ca!important;color:#fff!important}
.workspace>.topbar .topbar-user{
  position:static!important;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;
}
.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}

/* Contenido: claro sobrio de día, azul integral de noche. */
body:not(.dark-mode) .workspace{background:#f3f6fa!important}
body:not(.dark-mode) .content{background:#f3f6fa!important;color:#203149!important}
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-color:#2a4058!important;
}

/* Reflow estable al ocultar la sidebar: nunca superponer ni recortar. */
.app{grid-template-columns:232px minmax(0,1fr)!important}
.app .workspace{min-width:0!important;width:100%!important;overflow:hidden!important}
.app .content{min-width:0!important;width:100%!important;overflow-x:hidden!important}
.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{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: prioridad a no superponer. */
@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;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!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}
}
@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{
    min-height:68px!important;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}
  .content,.app.sidebar-collapsed .content{padding-left:10px!important;padding-right:10px!important}
  .uhs-search-card-main{grid-template-columns:1fr!important}
}