/* UrbanHoff v9.25.60 · Visual hotfix
   Alcance: temas ladrillo, dashboard con scroll/centrado y nitidez tipográfica.
   No modifica lógica comercial ni cálculos. */

/* Tipografía: usar render nativo y evitar aspecto comprimido/pixelado. */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html,body,button,input,select,textarea{
  font-family:"Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  font-synthesis:none!important;
  font-kerning:normal;
}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{letter-spacing:normal}

/* Ladrillo claro: UNA de las tres opciones de día (pearl / Ladrillo Claro). */
body:not(.dark-mode).uh-light-pearl .workspace{
  background-color:#e8ecef!important;
  background-image:
    linear-gradient(rgba(247,248,249,.68),rgba(236,240,243,.72)),
    url("theme-brick-light.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
body:not(.dark-mode).uh-light-pearl .content{background:transparent!important}

/* Ladrillo negro: UNA de las tres opciones de noche (graphite / Ladrillo Negro). */
body.dark-mode.uh-night-graphite .workspace{
  background-color:#0d1116!important;
  background-image:
    linear-gradient(rgba(7,12,18,.58),rgba(9,15,22,.66)),
    url("theme-brick-dark.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
body.dark-mode.uh-night-graphite .content{background:transparent!important}

/* Previews en Ajustes: que se entienda de inmediato cuál es el tema ladrillo. */
.v92544-theme-preview.pearl{
  background-image:linear-gradient(rgba(250,250,250,.48),rgba(238,241,243,.52)),url("theme-brick-light.webp")!important;
  background-size:cover!important;background-position:center!important;
}
.v92544-theme-preview.graphite{
  background-image:linear-gradient(rgba(7,11,16,.36),rgba(8,12,18,.42)),url("theme-brick-dark.webp")!important;
  background-size:cover!important;background-position:center!important;
}

/* Dashboard: nunca más forzar todo al alto del monitor. */
body.dashboard-view{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.dashboard-view .workspace{
  min-height:100vh!important;
}
body.dashboard-view .content{
  height:auto!important;
  min-height:calc(100vh - 76px)!important;
  overflow:visible!important;
  padding:14px 18px 28px!important;
}
body.dashboard-view .v256-dashboard{
  width:min(100%,1560px)!important;
  max-width:1560px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  align-content:start!important;
  gap:10px!important;
  padding-bottom:18px!important;
}

/* Tarjetas superiores: compactas pero legibles. */
body.dashboard-view .v256-health{
  gap:9px!important;
}
body.dashboard-view .v256-health>article,
body.dashboard-view .v256-health-main{
  min-height:94px!important;
  padding:10px 12px!important;
}
body.dashboard-view .v256-health>article>span,
body.dashboard-view .v256-health-main span{
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
body.dashboard-view .v256-health>article>strong,
body.dashboard-view .v256-health-main strong{
  font-size:23px!important;
  line-height:1.08!important;
  letter-spacing:-.01em!important;
}
body.dashboard-view .v256-health>article>small,
body.dashboard-view .v256-health-main small{
  font-size:10.5px!important;
  line-height:1.35!important;
}
body.dashboard-view .v256-health-action{
  min-height:32px!important;
  padding:7px 10px!important;
  font-size:11px!important;
}

/* Agenda / notas / gestión rápida: altura natural, sin recortes. */
body.dashboard-view .v92524-main-top{
  gap:10px!important;
  align-items:stretch!important;
}
body.dashboard-view .v92524-main-top .v256-card{
  min-height:260px!important;
  height:auto!important;
  padding:11px 12px!important;
  overflow:visible!important;
}
body.dashboard-view .v92524-notes textarea{min-height:150px!important}
body.dashboard-view .v92524-quick{
  min-height:142px!important;
  height:auto!important;
  padding:11px 12px!important;
}
body.dashboard-view .v256-priority-row strong{font-size:12px!important;line-height:1.3!important}
body.dashboard-view .v256-priority-row small{font-size:10.5px!important;line-height:1.3!important}
body.dashboard-view .v256-priority-row button{font-size:11px!important}

/* Búsquedas del Inicio: compactas sin letras microscópicas. */
body.dashboard-view .uhs-dashboard-summary{padding:9px 11px!important}
body.dashboard-view .uhs-dash-title h4{font-size:13px!important}
body.dashboard-view .uhs-dash-title span{font-size:10.5px!important;line-height:1.3!important}
body.dashboard-view .uhs-dash-mini span{font-size:10px!important}
body.dashboard-view .uhs-dash-mini strong{font-size:18px!important}
body.dashboard-view .uhs-dash-mini small{font-size:9.5px!important}
body.dashboard-view .uhs-dash-compact>button{font-size:10.5px!important}

/* Herramientas + Administración: fila equilibrada, misma alineación superior. */
body.dashboard-view .v256-tools{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,270px)!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
body.dashboard-view .v255-ops-widget,
body.dashboard-view .v256-admin-tools{
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  margin:0!important;
  padding:10px 11px!important;
}
body.dashboard-view .v255-ops-head h4,
body.dashboard-view .v256-admin-tools h4{font-size:13px!important;line-height:1.25!important}
body.dashboard-view .v255-ops-head span,
body.dashboard-view .v256-admin-tools>span{font-size:10px!important;line-height:1.25!important}
body.dashboard-view .v255-op{
  min-height:48px!important;
  padding:7px 8px!important;
}
body.dashboard-view .v255-op strong{font-size:11px!important;line-height:1.2!important}
body.dashboard-view .v255-op small{font-size:9.8px!important;line-height:1.2!important}
body.dashboard-view .v256-admin-grid button{
  min-height:36px!important;
  padding:8px 9px!important;
  font-size:11px!important;
  line-height:1.2!important;
}

/* Cabecera y navegación principal con letras nítidas y cómodas. */
.topbar h2{font-size:18px!important;line-height:1.2!important;letter-spacing:-.01em!important}
.topbar p{font-size:11.5px!important;line-height:1.3!important}
.top-action{font-size:11px!important}
.sidebar .nav button{font-size:12.5px!important;line-height:1.25!important}
.sidebar .userbox #currentName{font-size:13.5px!important}
.sidebar .userbox #currentRole{font-size:10px!important}

/* Formularios y CRM: no usar textos funcionales por debajo de 10 px. */
.crm-tab,.crm-search,.crm-select,.primary,.secondary,.danger{font-size:11.5px!important}
.crm-panel h3{font-size:16px!important}
.crm-panel-sub{font-size:11px!important;line-height:1.35!important}
.modal-head h3{font-size:18px!important;line-height:1.25!important}
.field label{font-size:11.5px!important}
.field input,.field select,.modal textarea{font-size:13px!important}

/* Búsquedas: conservar densidad, mejorar lectura. */
.uhs-search-title>span,.uhs-search-resume>span{font-size:9.5px!important}
.uhs-search-title>strong,.uhs-search-resume>strong{font-size:12.5px!important}
.uhs-search-title>small,.uhs-search-resume>small{font-size:10px!important}
.uhs-criteria-groups b{font-size:9.5px!important}
.uhs-empty-chip,.uhs-zone-criterion .uhs-criterion-head small{font-size:10px!important}
.uhs-criterion-head strong{font-size:11.3px!important}
.uhs-criterion-head select{font-size:10px!important}

/* Desktop intermedio: dejar que el dashboard crezca hacia abajo. */
@media(max-width:1280px){
  body.dashboard-view .content{padding:12px 12px 26px!important}
  body.dashboard-view .v256-dashboard{max-width:100%!important}
  body.dashboard-view .v256-tools{grid-template-columns:1fr!important}
}

/* Móvil: mantener las correcciones ya aprobadas y tipografía clara. */
@media(max-width:900px){
  body.dashboard-view .content{min-height:calc(100vh - 70px)!important;padding:9px 9px 24px!important;overflow:visible!important}
  body.dashboard-view .v256-dashboard{width:100%!important;max-width:100%!important;margin:0!important;gap:9px!important}
  body.dashboard-view .v256-tools{grid-template-columns:1fr!important}
  body.dashboard-view .v256-health>article>span,body.dashboard-view .v256-health-main span{font-size:12px!important}
  body.dashboard-view .v256-health>article>small,body.dashboard-view .v256-health-main small{font-size:11px!important}
  .topbar h2{font-size:17px!important}
  .topbar p{font-size:11px!important}
  .sidebar .nav button{font-size:16px!important}
}