/* UrbanHoff v9.25.61 · FULL AUDIT
   Capa final: legibilidad/login, temas ladrillo, dashboard centrado y consistencia UI.
   No modifica lógica comercial ni cálculos de módulos protegidos. */

/* ---------- 1. LOGIN: contraste alto y tipografía nítida ---------- */
.auth .auth-card{
  color:#f7fbff!important;
}
.auth .auth-card h1{
  color:#f8fbff!important;
  opacity:1!important;
  font-size:30px!important;
  line-height:1.14!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  text-shadow:none!important;
}
.auth .auth-card>p{
  color:#d7e3ef!important;
  opacity:1!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:500!important;
}
.auth .auth-card .field label{
  color:#edf4fb!important;
  opacity:1!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.auth .auth-card .field input{
  min-height:51px!important;
  background:#f4f7fb!important;
  color:#102238!important;
  border-color:#9fb0c3!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:500!important;
  caret-color:#245fc4!important;
  -webkit-text-fill-color:#102238!important;
  opacity:1!important;
}
.auth .auth-card .field input::placeholder{color:#667b91!important;opacity:1!important}
.auth .auth-card .field input:focus{background:#fff!important;border-color:#4c83d3!important;box-shadow:0 0 0 3px rgba(76,131,211,.17)!important}
.auth .auth-card #loginBtn{font-size:14px!important;font-weight:850!important;letter-spacing:.005em!important}
.auth .auth-card #forgotBtn{color:#d8e8ff!important;border-color:#5b7290!important;font-size:13px!important;font-weight:750!important;background:rgba(12,29,48,.34)!important}
.auth .auth-card #forgotBtn:hover{background:rgba(50,88,133,.18)!important;border-color:#7d9bc0!important}
.auth .auth-card #loginMsg{font-size:12px!important;font-weight:700!important}

/* ---------- 2. TIPOGRAFÍA GLOBAL DEL SHELL/CRM ---------- */
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!important;
}
body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:geometricPrecision!important}
.workspace{font-size:13px}
.workspace small{line-height:1.35}
.topbar h2{font-weight:800!important}
.topbar p{font-size:12px!important;color:var(--muted)!important;opacity:1!important}
.topbar-clock strong{font-weight:800!important;text-rendering:geometricPrecision!important}
.topbar-clock small{font-size:10px!important;line-height:1.25!important;opacity:1!important}
.sidebar .nav button{font-size:12.5px!important;font-weight:800!important;text-rendering:geometricPrecision!important}
.sidebar .userbox strong{font-size:13.5px!important}.sidebar .userbox span{font-size:10.5px!important}
.crm-panel-sub,.crm-sub{font-size:11.5px!important;line-height:1.4!important;opacity:1!important}
.crm-search,.crm-select,.crm-tab,.primary,.secondary,.danger{font-size:12px!important}
.field label{font-size:12px!important;line-height:1.25!important;opacity:1!important}
.field input,.field select,.modal textarea{font-size:13.5px!important}

/* Dashboard/Integraciones/Búsquedas: evitar textos funcionales microscópicos. */
.v256-card-head h4,.v255-ops-head h4,.v256-admin-tools h4,.v256-integration h4{font-size:13px!important;line-height:1.25!important}
.v256-card-head span,.v255-ops-head span,.v256-admin-tools>span,.v256-integration p{font-size:10.5px!important;line-height:1.35!important}
.v256-cal-row small,.v256-priority-row small,.v256-note label,.v255-op small{font-size:10px!important;line-height:1.3!important}
.v255-op strong,.v256-admin-grid button,.v256-health-action{font-size:11px!important}
.uhs-dash-title span,.uhs-dash-mini span,.uhs-dash-list span{font-size:10px!important;line-height:1.3!important}
.uhs-dash-title h4{font-size:13px!important}.uhs-dash-mini strong{font-size:17px!important}
.uhs-search-title>span,.uhs-search-resume>span,.uhs-search-title>small,.uhs-search-resume>small{font-size:10px!important;line-height:1.3!important}
.uhs-search-title>strong,.uhs-search-resume>strong{font-size:12.5px!important}
.uhs-criterion-head strong{font-size:11.5px!important}.uhs-criterion-head select{font-size:10.5px!important}

/* ---------- 3. TEMAS LADRILLO: visibles pero suaves ---------- */
body:not(.dark-mode).uh-light-pearl .workspace{
  background-color:#e9ecef!important;
  background-image:linear-gradient(rgba(246,248,249,.48),rgba(238,241,243,.53)),url("theme-brick-light.webp")!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important;
}
body.dark-mode.uh-night-graphite .workspace{
  background-color:#0c1015!important;
  background-image:linear-gradient(rgba(6,10,15,.38),rgba(8,13,19,.46)),url("theme-brick-dark.webp")!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important;
}
body:not(.dark-mode).uh-light-pearl .content,body.dark-mode.uh-night-graphite .content{background:transparent!important}
.v92544-theme-preview.pearl{background-image:linear-gradient(rgba(250,250,250,.24),rgba(240,242,244,.28)),url("theme-brick-light.webp")!important;background-size:cover!important;background-position:center!important}
.v92544-theme-preview.graphite{background-image:linear-gradient(rgba(4,8,12,.20),rgba(7,11,16,.26)),url("theme-brick-dark.webp")!important;background-size:cover!important;background-position:center!important}

/* ---------- 4. INICIO: realmente centrado y con scroll natural ---------- */
body.dashboard-view{overflow-x:hidden!important;overflow-y:auto!important}
body.dashboard-view .workspace{min-height:100vh!important;overflow:visible!important}
body.dashboard-view #content,
body.dashboard-view .content{
  width:100%!important;
  height:auto!important;
  min-height:calc(100vh - 92px)!important;
  overflow:visible!important;
  padding:14px 16px 34px!important;
}
body.dashboard-view .v256-dashboard{
  width:calc(100% - 8px)!important;
  max-width:1480px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding-bottom:20px!important;
  align-content:start!important;
  justify-self:center!important;
}
body.dashboard-view .v256-health{width:100%!important}
body.dashboard-view .v92524-main-top,body.dashboard-view .v92524-quick,body.dashboard-view .uhs-dashboard-summary,body.dashboard-view .v256-tools{width:100%!important}
body.dashboard-view .v256-tools{grid-template-columns:minmax(0,1fr) minmax(235px,265px)!important;gap:10px!important;align-items:start!important}
body.dashboard-view .v255-ops-widget,body.dashboard-view .v256-admin-tools{margin:0!important;align-self:start!important;height:auto!important;min-height:0!important}

/* ---------- 5. FILTROS/INTEGRACIONES: conservar ajustes solicitados ---------- */
.v92533-journey-filters #v92532JourneyApply,.v92533-journey-filters #v92532JourneyClear{grid-column:5!important;min-height:42px!important}
.v92533-journey-filters #v92532JourneyApply{grid-row:1!important}.v92533-journey-filters #v92532JourneyClear{grid-row:2!important}
.v256-integration-grid{align-items:start!important;gap:10px!important}

/* ---------- 6. RESPONSIVE: no sacrificar lectura ---------- */
@media(max-width:1280px){
  body.dashboard-view .v256-dashboard{width:100%!important;max-width:100%!important}
  body.dashboard-view .v256-tools{grid-template-columns:1fr!important}
  .v92533-journey-filters #v92532JourneyApply,.v92533-journey-filters #v92532JourneyClear{grid-column:2!important}
}
@media(max-width:900px){
  body.dashboard-view .content{padding:9px 9px 28px!important;min-height:calc(100dvh - 70px)!important}
  body.dashboard-view .v256-dashboard{width:100%!important;margin:0!important}
  .topbar-clock small{display:none!important}
  .workspace{font-size:14px}
  .sidebar .nav button{font-size:16px!important}
  .modal input,.modal select,.modal textarea{font-size:16px!important}
}
@media(max-width:720px){
  .v92533-journey-filters #v92532JourneyApply,.v92533-journey-filters #v92532JourneyClear{grid-column:1!important}
}