/* UrbanHoff v9.25.62 · FINAL STABLE
   SOLO estabilidad + presentación. No cambia métricas, cálculos, datos ni lógica de ACM/Tasador/Lote/Reporte. */

/* El botón X del menú móvil no debe existir ni reservar espacio en ninguna resolución. */
.mobile-sidebar-close{display:none!important}

/* Inicio: conservar TODA la información, con lectura cómoda y scroll natural. */
body.dashboard-view .content{
  padding:16px 18px 34px!important;
  overflow:visible!important;
}
body.dashboard-view .v256-dashboard{
  width:min(100%,1540px)!important;
  max-width:1540px!important;
  margin:0 auto!important;
  gap:12px!important;
}
body.dashboard-view .v256-health{
  grid-template-columns:minmax(350px,1.28fr) repeat(4,minmax(175px,.76fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
body.dashboard-view .v256-health>article,
body.dashboard-view .v256-health-main{
  min-height:118px!important;
  padding:14px 15px!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(3,15,28,.12)!important;
  overflow:hidden!important;
}
/* Elimina la sensación de “línea/barra” superior sin perder el color de cada tarjeta. */
body.dashboard-view .v256-health>article:before,
body.dashboard-view .v256-health-main:before{display:none!important}
body.dashboard-view .v256-health>article>span,
body.dashboard-view .v256-health-main span{font-size:12px!important;line-height:1.3!important;font-weight:800!important}
body.dashboard-view .v256-health>article>strong,
body.dashboard-view .v256-health-main strong{font-size:25px!important;line-height:1.05!important;font-weight:820!important}
body.dashboard-view .v256-health>article>small,
body.dashboard-view .v256-health-main small{font-size:11px!important;line-height:1.38!important}
body.dashboard-view .v256-health-action{font-size:11.5px!important;min-height:36px!important;padding:7px 11px!important;border-radius:9px!important}

/* Herramientas + Administración: alineadas y sin empujar el centro. */
body.dashboard-view .v256-tools{
  grid-template-columns:minmax(0,1fr) minmax(250px,290px)!important;
  gap:12px!important;
  align-items:start!important;
}
body.dashboard-view .v255-ops-widget,
body.dashboard-view .v256-admin-tools{width:100%!important;margin:0!important}

/* Tema ladrillo negro: arquitectura sutil, con tinte azul noche. Se ve, pero no compite con las tarjetas. */
body.dark-mode.uh-night-graphite .workspace{
  background-color:#07131f!important;
  background-image:
    radial-gradient(circle at 68% 9%,rgba(35,68,98,.18),transparent 38%),
    linear-gradient(rgba(5,17,29,.74),rgba(7,20,33,.82)),
    url("theme-brick-dark.webp")!important;
  background-size:auto,auto,1050px auto!important;
  background-position:center top,center,center top!important;
  background-repeat:no-repeat,no-repeat,repeat!important;
  background-attachment:fixed!important;
}
body.dark-mode.uh-night-graphite .content{background:transparent!important}
.v92544-theme-preview.graphite{
  background-image:linear-gradient(rgba(5,17,29,.58),rgba(7,20,33,.66)),url("theme-brick-dark.webp")!important;
  background-size:cover!important;background-position:center!important;
}

/* Tema ladrillo claro: suave, con textura reconocible. */
body:not(.dark-mode).uh-light-pearl .workspace{
  background-color:#edf0f2!important;
  background-image:
    linear-gradient(rgba(248,249,250,.72),rgba(238,242,245,.76)),
    url("theme-brick-light.webp")!important;
  background-size:auto,1050px auto!important;
  background-position:center,center top!important;
  background-repeat:no-repeat,repeat!important;
  background-attachment:fixed!important;
}

/* Tipografía: nitidez y tamaños funcionales, sin tocar contenido ni métricas. */
html,body,button,input,select,textarea{
  font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  font-synthesis:none!important;
  font-kerning:normal!important;
}
body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}
.topbar-title h2,.sidebar .nav button,.v256-card-head h3,.v256-card-head h4,.v255-ops-head h4{letter-spacing:0!important}
.sidebar .nav button{font-size:13px!important;line-height:1.25!important}
.v256-card-head h3,.v256-card-head h4{font-size:14px!important}
.v256-card-head span,.v255-ops-head span{font-size:11px!important}
.v256-priority-row strong{font-size:12px!important}.v256-priority-row small{font-size:10.5px!important}

/* Búsquedas: pie del modal limpio y sin tapar campos al hacer scroll. */
.uhs-modal{scroll-padding-bottom:96px!important}
.uhs-modal .uhs-section:last-of-type{padding-bottom:18px!important}
.uhs-modal-actions{
  position:sticky!important;bottom:0!important;
  margin:18px -4px -2px!important;
  padding:14px 4px 10px!important;
  background:color-mix(in srgb,var(--panel,#fff) 98%,transparent)!important;
  box-shadow:0 -10px 20px rgba(5,18,32,.08)!important;
  backdrop-filter:blur(14px)!important;
}

/* Modos intermedios: no quitar tarjetas; apilar cuando el ancho no alcanza. */
@media(max-width:1500px){
  body.dashboard-view .v256-health{grid-template-columns:minmax(330px,1.15fr) repeat(2,minmax(190px,1fr))!important}
  body.dashboard-view .v256-health-main{grid-row:span 2!important}
}
@media(max-width:1180px){
  body.dashboard-view .v256-health{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.dashboard-view .v256-health-main{grid-column:1/-1!important;grid-row:auto!important}
  body.dashboard-view .v256-tools{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  body.dashboard-view .content{padding:9px 9px 30px!important}
  body.dashboard-view .v256-health{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.dashboard-view .v256-health-main{grid-column:1/-1!important}
  body.dashboard-view .v256-health>article,body.dashboard-view .v256-health-main{min-height:112px!important;padding:11px!important}
  body.dashboard-view .v256-health>article>strong,body.dashboard-view .v256-health-main strong{font-size:24px!important}
}
@media(max-width:520px){
  body.dashboard-view .v256-health{grid-template-columns:1fr!important}
  body.dashboard-view .v256-health-main{grid-column:auto!important}
}