/* UrbanHoff Gestión v9.5 · Neo Premium + Glass Urban + Future Dark
   Capa exclusivamente visual. No modifica estructura, posiciones ni lógica. */

:root{
  --uh95-ink:#071a33;
  --uh95-copy:#213b5b;
  --uh95-muted:#4a607b;
  --uh95-blue:#185fc2;
  --uh95-blue-strong:#0f4fa8;
  --uh95-navy:#081d34;
  --uh95-line:#cddbea;
  --uh95-panel:rgba(255,255,255,.9);
  --uh95-panel-solid:#fff;
  --uh95-soft:#edf4fb;
  --uh95-shadow:0 12px 34px rgba(17,48,86,.09);
  --uh95-shadow-soft:0 7px 22px rgba(17,48,86,.065);
}

body:not(.dark-mode){
  color:var(--uh95-ink)!important;
  background-color:#edf4fb!important;
  background-image:
    radial-gradient(circle at 88% 3%,rgba(86,151,232,.18),transparent 33%),
    radial-gradient(circle at 18% 100%,rgba(198,217,241,.35),transparent 38%),
    linear-gradient(rgba(239,245,252,.94),rgba(239,245,252,.94)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='0 0 240 160'%3E%3Cg fill='none' stroke='%23d7dee8' stroke-width='1.15' opacity='.72'%3E%3Crect x='.75' y='.75' width='58.5' height='18.5' rx='2.8'/%3E%3Crect x='61.75' y='.75' width='58.5' height='18.5' rx='2.8'/%3E%3Crect x='122.75' y='.75' width='58.5' height='18.5' rx='2.8'/%3E%3Crect x='31.25' y='20.75' width='58.5' height='18.5' rx='2.8'/%3E%3Crect x='92.25' y='20.75' width='58.5' height='18.5' rx='2.8'/%3E%3Crect x='153.25' y='20.75' width='58.5' height='18.5' rx='2.8'/%3E%3C/g%3E%3C/svg%3E")!important;
}

body:not(.dark-mode) #app .sidebar{
  background:linear-gradient(180deg,#0b2a49 0%,#081d34 58%,#061626 100%)!important;
  border-right:1px solid #173a5d!important;
  box-shadow:8px 0 28px rgba(5,25,47,.13)!important;
}

#app .sidebar .nav button{
  color:#edf5ff!important;
  opacity:1!important;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

#app .sidebar .nav button .nav-label{
  color:inherit!important;
  font-weight:800!important;
  text-shadow:0 1px 1px rgba(0,0,0,.14)!important;
}

#app .sidebar .nav button:hover{
  background:rgba(116,174,239,.12)!important;
  color:#fff!important;
}

#app .sidebar .nav button.active{
  background:linear-gradient(90deg,rgba(42,116,205,.72),rgba(32,86,154,.42))!important;
  box-shadow:inset 3px 0 #82bbff,0 5px 15px rgba(0,0,0,.12)!important;
  color:#fff!important;
}

body:not(.dark-mode) .workspace>.topbar{
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(180,199,220,.72)!important;
  box-shadow:0 5px 20px rgba(18,49,85,.055)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
}

body:not(.dark-mode) .workspace>.topbar .topbar-title h2,
body:not(.dark-mode) .workspace>.topbar .topbar-user-copy strong,
body:not(.dark-mode) .workspace>.topbar .topbar-clock strong{
  color:var(--uh95-ink)!important;
  opacity:1!important;
  text-shadow:none!important;
  font-weight:850!important;
}

body:not(.dark-mode) .workspace>.topbar .topbar-title p,
body:not(.dark-mode) .workspace>.topbar .topbar-user-copy small,
body:not(.dark-mode) .workspace>.topbar .topbar-clock small,
body:not(.dark-mode) .topbar-inline-contact{
  color:#405975!important;
  opacity:1!important;
  font-weight:700!important;
}

body:not(.dark-mode) .top-action,
body:not(.dark-mode) .sidebar-toggle{
  background:rgba(255,255,255,.78)!important;
  border-color:#cbd9e8!important;
  color:#153f70!important;
  box-shadow:0 4px 13px rgba(25,63,105,.065)!important;
}

body:not(.dark-mode) .content{
  color:var(--uh95-ink)!important;
}

body:not(.dark-mode) .panel,
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) .crm-dashboard-card,
body:not(.dark-mode) .quick-card,
body:not(.dark-mode) .v255-ops-widget,
body:not(.dark-mode) .v255-health-card,
body:not(.dark-mode) .v255-summary-card,
body:not(.dark-mode) .v255-priority-crm,
body:not(.dark-mode) .v255-integration,
body:not(.dark-mode) .v255-meta-card,
body:not(.dark-mode) .v254-kpis article,
body:not(.dark-mode) .v254-advisor-month,
body:not(.dark-mode) .v253-agenda-strip,
body:not(.dark-mode) .v256-card,
body:not(.dark-mode) .v256-health>article,
body:not(.dark-mode) .v256-integration,
body:not(.dark-mode) .v92592-gmail-shortcut{
  background:var(--uh95-panel)!important;
  border-color:var(--uh95-line)!important;
  box-shadow:var(--uh95-shadow-soft)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%);
  backdrop-filter:blur(14px) saturate(115%);
}

body:not(.dark-mode) .panel:hover,
body:not(.dark-mode) .quick-card:hover,
body:not(.dark-mode) .v256-health>article:hover,
body:not(.dark-mode) .v256-card:hover,
body:not(.dark-mode) .v255-integration:hover{
  border-color:#a9c1dd!important;
  box-shadow:var(--uh95-shadow)!important;
}

body:not(.dark-mode) .v256-dashboard h1,
body:not(.dark-mode) .v256-dashboard h2,
body:not(.dark-mode) .v256-dashboard h3,
body:not(.dark-mode) .v256-dashboard h4,
body:not(.dark-mode) .crm-shell h1,
body:not(.dark-mode) .crm-shell h2,
body:not(.dark-mode) .crm-shell h3,
body:not(.dark-mode) .crm-shell h4,
body:not(.dark-mode) .crm-name,
body:not(.dark-mode) .v256-card strong,
body:not(.dark-mode) .v256-health strong,
body:not(.dark-mode) .v255-priority-item strong,
body:not(.dark-mode) .v92592-gmail-shortcut-brand strong{
  color:var(--uh95-ink)!important;
  opacity:1!important;
}

body:not(.dark-mode) .v256-dashboard small,
body:not(.dark-mode) .v256-dashboard p,
body:not(.dark-mode) .crm-panel-sub,
body:not(.dark-mode) .crm-sub,
body:not(.dark-mode) .v255-priority-item small,
body:not(.dark-mode) .v256-health span,
body:not(.dark-mode) .v256-health small{
  color:var(--uh95-muted)!important;
  opacity:1!important;
}

body:not(.dark-mode) .v256-health>article>strong,
body:not(.dark-mode) .v255-health-card>strong,
body:not(.dark-mode) .crm-kpi strong,
body:not(.dark-mode) .v254-kpis article strong,
body:not(.dark-mode) .v255-meta-card strong{
  color:#06172d!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(255,255,255,.7)!important;
}

body:not(.dark-mode) .v256-health-main,
body:not(.dark-mode) .v256-health>article:first-child{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(232,241,252,.94))!important;
}

body:not(.dark-mode) button.primary,
body:not(.dark-mode) .primary,
body:not(.dark-mode) .btn-primary{
  background:linear-gradient(135deg,var(--uh95-blue),var(--uh95-blue-strong))!important;
  border-color:var(--uh95-blue-strong)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(18,84,171,.18)!important;
}

body:not(.dark-mode) button.secondary,
body:not(.dark-mode) .secondary{
  background:rgba(255,255,255,.86)!important;
  border-color:#c7d6e6!important;
  color:#173c68!important;
  box-shadow:0 3px 10px rgba(24,57,94,.045)!important;
}

body:not(.dark-mode) input,
body:not(.dark-mode) select,
body:not(.dark-mode) textarea,
body:not(.dark-mode) .crm-search,
body:not(.dark-mode) .crm-select{
  background:rgba(255,255,255,.92)!important;
  border-color:#c4d4e5!important;
  color:var(--uh95-ink)!important;
}

body:not(.dark-mode) input::placeholder,
body:not(.dark-mode) textarea::placeholder{
  color:#667c96!important;
  opacity:1!important;
}

body:not(.dark-mode) .crm-tab{
  color:#294766!important;
  font-weight:800!important;
}

body:not(.dark-mode) .crm-tab.active{
  background:#123c70!important;
  border-color:#123c70!important;
  color:#fff!important;
}

body:not(.dark-mode) .crm-table th,
body:not(.dark-mode) .table th{
  background:#eaf2fa!important;
  color:#314b68!important;
  font-weight:900!important;
}

body:not(.dark-mode) .crm-table td,
body:not(.dark-mode) .table td{
  color:#172e4a!important;
  border-color:#dbe5ef!important;
}

/* RADAR · misma estructura, acabado Neo/Glass y contraste alto. */
body:not(.dark-mode) .radar-shell{color:var(--uh95-ink)!important}
body:not(.dark-mode) .radar-hero{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(230,240,252,.93))!important;
  border-color:#c8d9ea!important;
  box-shadow:var(--uh95-shadow-soft)!important;
}
body:not(.dark-mode) .radar-hero h3,
body:not(.dark-mode) .radar-source-head h4,
body:not(.dark-mode) .radar-list-head h4,
body:not(.dark-mode) .radar-property strong,
body:not(.dark-mode) .radar-empty strong{color:var(--uh95-ink)!important}
body:not(.dark-mode) .radar-hero p,
body:not(.dark-mode) .radar-source-head p,
body:not(.dark-mode) .radar-list-head span,
body:not(.dark-mode) .radar-property small{color:var(--uh95-muted)!important}
body:not(.dark-mode) .radar-kpi,
body:not(.dark-mode) .radar-toolbar,
body:not(.dark-mode) .radar-source-panel,
body:not(.dark-mode) .radar-list-panel{
  background:var(--uh95-panel)!important;
  border-color:var(--uh95-line)!important;
  box-shadow:var(--uh95-shadow-soft)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
body:not(.dark-mode) .radar-kpi strong{color:#06172d!important;font-weight:900!important}
body:not(.dark-mode) .radar-kpi span{color:#314c6d!important}
body:not(.dark-mode) .radar-kpi small{color:#516983!important}
body:not(.dark-mode) .radar-tab.active{background:#123c70!important;border-color:#123c70!important;color:#fff!important}

/* Formularios de visita · acabado coherente sin alterar sus permisos. */
body:not(.dark-mode) .uhvf-shell{color:var(--uh95-ink)!important}
body:not(.dark-mode) .uhvf-head,
body:not(.dark-mode) .uhvf-kpi,
body:not(.dark-mode) .uhvf-toolbar,
body:not(.dark-mode) .uhvf-card,
body:not(.dark-mode) .uhvf-empty,
body:not(.dark-mode) .uhvf-report{
  background:var(--uh95-panel)!important;
  border-color:var(--uh95-line)!important;
  box-shadow:var(--uh95-shadow-soft)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
body:not(.dark-mode) .uhvf-head h3,
body:not(.dark-mode) .uhvf-kpi strong,
body:not(.dark-mode) .uhvf-card h4,
body:not(.dark-mode) .uhvf-card-stat strong,
body:not(.dark-mode) .uhvf-empty strong,
body:not(.dark-mode) .uhvf-report-kpi strong,
body:not(.dark-mode) .uhvf-report-section h4,
body:not(.dark-mode) .uhvf-table td strong{color:var(--uh95-ink)!important}
body:not(.dark-mode) .uhvf-head p,
body:not(.dark-mode) .uhvf-kpi span,
body:not(.dark-mode) .uhvf-card-ref,
body:not(.dark-mode) .uhvf-card-foot,
body:not(.dark-mode) .uhvf-status,
body:not(.dark-mode) .uhvf-report-kpi span,
body:not(.dark-mode) .uhvf-bar-top,
body:not(.dark-mode) .uhvf-table th{color:var(--uh95-muted)!important}

/* Gmail · mayor legibilidad en claro. */
body:not(.dark-mode) .v92592-gmail-app{
  background:rgba(242,247,252,.94)!important;
  border-color:var(--uh95-line)!important;
  box-shadow:var(--uh95-shadow)!important;
}
body:not(.dark-mode) .v92592-gmail-head,
body:not(.dark-mode) .v92592-list-pane,
body:not(.dark-mode) .v92592-reader{background:rgba(255,255,255,.94)!important}
body:not(.dark-mode) .v92592-gmail-brand strong,
body:not(.dark-mode) .v92592-list-top strong,
body:not(.dark-mode) .v92592-reader-head h3,
body:not(.dark-mode) .v92592-meta strong,
body:not(.dark-mode) .v92592-body{color:var(--uh95-ink)!important}
body:not(.dark-mode) .v92592-gmail-brand small,
body:not(.dark-mode) .v92592-list-top span,
body:not(.dark-mode) .v92592-meta span,
body:not(.dark-mode) .v92592-meta small,
body:not(.dark-mode) .v92592-mail-row .mail-copy small,
body:not(.dark-mode) .v92592-mail-row time{color:#526983!important}

/* Future Dark · contraste intenso aprobado. */
body.dark-mode{
  color:#edf5ff!important;
  background:#07121f!important;
  background-image:radial-gradient(circle at 78% -10%,rgba(30,83,137,.42),transparent 40%),linear-gradient(#07121f,#07121f)!important;
}

body.dark-mode #app .sidebar{
  background:linear-gradient(180deg,#050e18 0%,#071421 58%,#040b13 100%)!important;
  border-right-color:#1b3854!important;
  box-shadow:8px 0 28px rgba(0,0,0,.3)!important;
}

body.dark-mode .workspace>.topbar{
  background:rgba(7,18,31,.86)!important;
  border-bottom-color:#1c3852!important;
  box-shadow:0 6px 22px rgba(0,0,0,.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
}

body.dark-mode .panel,
body.dark-mode .dash-widget,
body.dark-mode .crm-panel,
body.dark-mode .crm-kpi,
body.dark-mode .crm-team-card,
body.dark-mode .crm-dashboard-card,
body.dark-mode .quick-card,
body.dark-mode .v255-ops-widget,
body.dark-mode .v255-health-card,
body.dark-mode .v255-summary-card,
body.dark-mode .v255-priority-crm,
body.dark-mode .v255-integration,
body.dark-mode .v255-meta-card,
body.dark-mode .v254-kpis article,
body.dark-mode .v254-advisor-month,
body.dark-mode .v253-agenda-strip,
body.dark-mode .v256-card,
body.dark-mode .v256-health>article,
body.dark-mode .v256-integration,
body.dark-mode .v92592-gmail-shortcut,
body.dark-mode .radar-hero,
body.dark-mode .radar-kpi,
body.dark-mode .radar-toolbar,
body.dark-mode .radar-source-panel,
body.dark-mode .radar-list-panel,
body.dark-mode .uhvf-head,
body.dark-mode .uhvf-kpi,
body.dark-mode .uhvf-toolbar,
body.dark-mode .uhvf-card,
body.dark-mode .uhvf-empty,
body.dark-mode .uhvf-report{
  background:linear-gradient(145deg,rgba(15,32,50,.97),rgba(8,22,36,.97))!important;
  border-color:#23415c!important;
  box-shadow:0 14px 34px rgba(0,0,0,.2)!important;
}

body.dark-mode .v256-dashboard h1,
body.dark-mode .v256-dashboard h2,
body.dark-mode .v256-dashboard h3,
body.dark-mode .v256-dashboard h4,
body.dark-mode .crm-shell h1,
body.dark-mode .crm-shell h2,
body.dark-mode .crm-shell h3,
body.dark-mode .crm-shell h4,
body.dark-mode .v256-health strong,
body.dark-mode .crm-name,
body.dark-mode .radar-hero h3,
body.dark-mode .radar-kpi strong,
body.dark-mode .uhvf-head h3,
body.dark-mode .uhvf-kpi strong,
body.dark-mode .uhvf-card h4{
  color:#f3f8ff!important;
  opacity:1!important;
}

body.dark-mode .v256-dashboard small,
body.dark-mode .v256-dashboard p,
body.dark-mode .crm-sub,
body.dark-mode .crm-panel-sub,
body.dark-mode .v256-health span,
body.dark-mode .v256-health small,
body.dark-mode .radar-hero p,
body.dark-mode .radar-kpi span,
body.dark-mode .radar-kpi small,
body.dark-mode .uhvf-head p,
body.dark-mode .uhvf-kpi span{
  color:#a7bbcf!important;
  opacity:1!important;
}

body.dark-mode button.primary,
body.dark-mode .primary{
  background:linear-gradient(135deg,#177ee6,#2254c7)!important;
  border-color:#2e80dc!important;
  color:#fff!important;
  box-shadow:0 0 22px rgba(37,126,225,.18)!important;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea{
  background:#0b1b2a!important;
  border-color:#31516e!important;
  color:#eef6ff!important;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible{
  outline:3px solid rgba(48,132,229,.36)!important;
  outline-offset:2px!important;
}

@media(prefers-reduced-motion:reduce){
  #app *,#app *::before,#app *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

@media(max-width:900px){
  body:not(.dark-mode) .workspace>.topbar,
  body.dark-mode .workspace>.topbar{-webkit-backdrop-filter:none;backdrop-filter:none}
  body:not(.dark-mode) .panel,
  body:not(.dark-mode) .dash-widget,
  body:not(.dark-mode) .crm-panel,
  body:not(.dark-mode) .v256-card,
  body:not(.dark-mode) .v256-health>article,
  body:not(.dark-mode) .radar-hero,
  body:not(.dark-mode) .radar-kpi,
  body:not(.dark-mode) .uhvf-head,
  body:not(.dark-mode) .uhvf-kpi{-webkit-backdrop-filter:none;backdrop-filter:none}
}