/* Hoy · light executive refinement on the existing Console. */
#page-hoy{max-width:1460px;margin:0 auto;color:var(--text)}
#page-hoy .gxhero{
  background:linear-gradient(135deg,#123b5d 0%,#174d76 58%,#1e5e8b 100%)!important;
  border:1px solid rgba(58,111,158,.38)!important;border-radius:16px!important;
  color:#f7fafc!important;box-shadow:0 12px 28px rgba(22,61,94,.16)!important
}
#page-hoy .gxhero *{color:inherit!important}
#page-hoy .gxbox,#page-hoy .gxpanel{
  background:#fff!important;border:1px solid #dce3ea!important;border-radius:13px!important;
  color:var(--text)!important;box-shadow:0 5px 16px rgba(26,49,72,.07)!important
}
#page-hoy .gxbox:hover,#page-hoy .gxpanel:hover{
  border-color:#c8d5e1!important;box-shadow:0 9px 22px rgba(26,49,72,.10)!important
}
#page-hoy [style*="background:#3E6FA8"],
#page-hoy [style*="background:var(--blue)"]{
  background:linear-gradient(135deg,#265f8d,#3478aa)!important;
  border-radius:10px!important;box-shadow:0 6px 14px rgba(38,95,141,.14)!important
}
#page-hoy .hoy-player-signals{
  border-radius:13px!important;border:1px solid #d9e2ea!important;
  background:#fff!important;color:var(--text)!important;
  box-shadow:0 5px 16px rgba(26,49,72,.06)!important
}
#page-hoy .hoy-player-signal{padding:11px 10px!important}
#page-hoy .tbp-hoy-prospects{
  margin:14px 0 18px;background:#fff;border:1px solid #d9e2ea;border-radius:13px;
  padding:14px 16px;color:var(--text);box-shadow:0 5px 16px rgba(26,49,72,.06)
}
#page-hoy .tbp-hoy-prospects__head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
#page-hoy .tbp-hoy-prospects__head strong{
  font-family:var(--display);font-size:16px;letter-spacing:.055em;text-transform:uppercase;color:#173b5b
}
#page-hoy .tbp-hoy-prospects__head span{
  margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;
  color:#657b8f;background:#eef3f7;border-radius:999px;padding:5px 8px
}
#page-hoy .tbp-hoy-prospect{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 3px;
  border-top:1px solid #edf1f4
}
#page-hoy .tbp-hoy-prospect b{font-size:12px;color:#172b3d}
#page-hoy .tbp-hoy-prospect small{display:block;margin-top:3px;color:#667b8d}
#page-hoy .tbp-hoy-prospect small + small{color:#8a9aa8;font-size:10px}
#page-hoy .tbp-hoy-prospect em{
  font-style:normal;font-size:9px;letter-spacing:.05em;text-transform:uppercase;font-weight:800;
  color:#245d87;background:#eaf2f8;border:1px solid #d2e2ee;border-radius:999px;padding:5px 8px;align-self:start
}
@media(max-width:760px){#page-hoy .tbp-hoy-prospect{grid-template-columns:1fr}}

/* Compact use of the Hoy canvas. */
#page-hoy .tbp-hoy-focus-grid{
  display:grid;grid-template-columns:minmax(280px,.8fr) minmax(480px,1.45fr);
  gap:14px;align-items:start;margin:14px 0 18px
}
#page-hoy .tbp-hoy-focus-grid .hoy-player-signals,
#page-hoy .tbp-hoy-focus-grid .tbp-hoy-prospects{margin:0!important;height:100%}
#page-hoy .tbp-hoy-prospects__list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
#page-hoy .tbp-hoy-prospect{padding:8px 3px}
#page-hoy .tbp-hoy-prospect b{font-size:11.5px}
#page-hoy .tbp-hoy-prospect small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-hoy .tbp-hoy-prospect em{font-size:8px;padding:4px 7px}

/* Institutional palette for Tasks. */
#page-tareas .tt-col{
  background:linear-gradient(180deg,#f8fafc,#f2f5f8)!important;
  border-color:#d9e1e8!important;box-shadow:none!important
}
#page-tareas .tt-card{
  background:#fff!important;border-color:#dce3e9!important;border-left-color:#315f83!important;
  box-shadow:0 3px 10px rgba(25,47,68,.06)!important
}
#page-tareas .tt-card:hover{box-shadow:0 7px 16px rgba(25,47,68,.10)!important}
#page-tareas [style*="background:#b07aa1"],#page-tareas [style*="background:#5a8a3c"],
#page-tareas [style*="background:#c77d4a"],#page-tareas [style*="background:#7a6cc9"]{
  background:#3e6f94!important
}

/* Institutional palette for Events; status still reads through labels. */
#page-eventos .gxpanel{
  background:#f6f8fa!important;border-color:#d8e0e7!important;box-shadow:none!important
}
#page-eventos .gxpanel [draggable="true"]{
  background:#fff!important;border-color:#dce3e9!important;border-top-color:#315f83!important;
  box-shadow:0 3px 10px rgba(25,47,68,.06)!important
}
#page-eventos .gxpanel [draggable="true"]:hover{box-shadow:0 7px 16px rgba(25,47,68,.10)!important}
#page-eventos .gxpanel>div:first-child>span:first-child{color:#315f83!important}
#page-eventos .gxpanel>div:first-child>span:first-child>span{
  background:#315f83!important;box-shadow:none!important
}
@media(max-width:1050px){
  #page-hoy .tbp-hoy-focus-grid{grid-template-columns:1fr}
  #page-hoy .tbp-hoy-prospects__list{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){#page-hoy .tbp-hoy-prospects__list{grid-template-columns:1fr}}

/* Sidebar · sober institutional navigation. */
.sidebar{padding:16px 12px;background:#fbfcfd;border-right-color:#d8e0e7}
.sidebar .ni{display:none!important}
.sidebar .nav-btn{gap:0;padding:9px 12px;border-radius:7px;color:#46586a;font-size:12px;font-weight:650}
.sidebar .nav-btn:hover{background:#eef3f7;color:#173b5b;transform:none}
.sidebar .nav-btn.active{
  background:#e9f0f5;color:#173b5b;font-weight:800;
  box-shadow:inset 3px 0 0 #8a6d3b
}
.sidebar .nav-sec{
  margin:16px 0 6px;padding:12px 10px 6px;border-top:1px solid #173b5b!important;
  color:#53697d;font-size:9px;letter-spacing:.16em
}
.sidebar .nav-sec::before{
  content:'';display:inline-block;width:18px;height:2px;margin:0 8px 3px 0;
  vertical-align:middle;background:#8a6d3b
}
.sidebar .nav-sec:first-of-type{border-top:0!important;margin-top:3px;padding-top:4px}
.sidebar .nb{background:#edf1f4!important;color:#53697d!important;border:1px solid #dbe2e8}

/* CRM · one restrained visual system across both CRM surfaces. */
#page-crmx,#page-pipeline{color:#172b3d}
#page-crmx .ptitle,#page-pipeline .ptitle{color:#173b5b}
#page-crmx .ptitle::before,#page-pipeline .ptitle::before{
  background:linear-gradient(180deg,#173b5b,#315f83);box-shadow:none
}
#page-crmx .stat{
  background:#fff;border-color:#d9e1e8;border-radius:10px;box-shadow:0 3px 10px rgba(25,47,68,.05)
}
#page-crmx .crmxcol{
  background:#f5f7f9;border-color:#d8e0e7;border-radius:10px
}
#page-crmx .crmxbar{background:#315f83!important;height:3px}
#page-crmx .crmxhead{color:#173b5b;border-bottom-color:#d8e0e7}
#page-crmx .crmxcard{
  background:#fff;border-color:#dce3e9!important;border-left-color:#315f83!important;
  box-shadow:0 3px 10px rgba(25,47,68,.05)
}
#page-crmx .crmxcard:hover{
  border-color:#cbd7e1!important;box-shadow:0 7px 16px rgba(25,47,68,.09);transform:translateY(-1px)
}
#page-crmx .crmxtag{background:#eaf0f5!important;color:#315f83!important}
#page-crmx .crmxav{background:#315f83!important;color:#fff!important;border-color:#fff!important}
#page-crmx .crmxfil.on{
  background:#e9f0f5;border-color:#315f83;color:#173b5b
}
#page-crmx .crmxsel{border-color:#d4dee7;background:#fff;color:#263b4e}
#page-pipeline .gxpanel{
  background:#f5f7f9!important;border-color:#d8e0e7!important;box-shadow:none!important
}
#page-pipeline .gxpanel [draggable="true"]{
  background:#fff!important;border-color:#dce3e9!important;border-top-color:#315f83!important;
  box-shadow:0 3px 10px rgba(25,47,68,.05)!important
}
#page-pipeline .gxpanel [draggable="true"]:hover{
  box-shadow:0 7px 16px rgba(25,47,68,.09)!important
}
#page-pipeline .gxpanel>div:first-child>span:first-child{color:#315f83!important}
#page-pipeline .gxpanel>div:first-child>span:first-child>span{
  background:#315f83!important;box-shadow:none!important
}

/* TBP visual identity v2 · morphology, depth and rhythm. */
#page-crmx,#page-pipeline,#page-tareas,#page-eventos{
  --tbp-surface:#ffffff;
  --tbp-well:#f3f6f8;
  --tbp-line:#dce4ea;
  --tbp-line-strong:#cbd7e0;
  --tbp-ink:#172b3d;
  --tbp-muted:#6d8191;
  --tbp-accent:#315f83;
  --tbp-gold:#8a6d3b;
  --tbp-r-lg:20px;
  --tbp-r-md:15px;
  --tbp-r-sm:11px;
  --tbp-shadow:0 1px 2px rgba(22,43,61,.035),0 10px 28px rgba(22,43,61,.065);
  --tbp-shadow-hover:0 2px 5px rgba(22,43,61,.045),0 18px 38px rgba(22,43,61,.10);
}

/* Navigation now behaves like a product rail, not a legacy menu. */
.sidebar{padding:18px 11px 20px!important}
.sidebar .nav-btn{
  min-height:36px;padding:9px 12px!important;border:1px solid transparent!important;
  border-radius:11px!important;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important
}
.sidebar .nav-btn:hover{background:#f1f5f7!important;border-color:#e2e8ed!important}
.sidebar .nav-btn.active{
  background:linear-gradient(135deg,#eef3f6,#e7eef3)!important;border-color:#d8e3ea!important;
  box-shadow:0 6px 16px rgba(26,49,72,.06),inset 3px 0 0 #8a6d3b!important
}
.sidebar .nav-sec{border-top-color:#dde5eb!important}
.sidebar .nav-sec::before{width:12px!important;border-radius:10px}

/* Shared surface hierarchy: soft wells hold elevated objects. */
#page-crmx .crmxcol,
#page-pipeline .gxpanel,
#page-tareas .tt-col,
#page-eventos .gxpanel{
  border:1px solid var(--tbp-line)!important;border-radius:var(--tbp-r-lg)!important;
  background:linear-gradient(180deg,#f7f9fa 0%,var(--tbp-well) 100%)!important;
  padding:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden
}

/* Cards: larger radius, quieter borders and more visible elevation. */
#page-crmx .crmxcard,
#page-pipeline .gxpanel [draggable="true"],
#page-tareas .tt-card,
#page-eventos .gxpanel [draggable="true"]{
  position:relative;background:linear-gradient(180deg,#fff 0%,#fcfdfe 100%)!important;
  border:1px solid var(--tbp-line)!important;border-radius:var(--tbp-r-md)!important;
  box-shadow:var(--tbp-shadow)!important;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease!important;
  overflow:hidden
}
#page-crmx .crmxcard::before,
#page-tareas .tt-card::before{
  content:'';position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,rgba(49,95,131,.78),rgba(138,109,59,.42),transparent 82%);
  pointer-events:none
}
#page-crmx .crmxcard:hover,
#page-pipeline .gxpanel [draggable="true"]:hover,
#page-tareas .tt-card:hover,
#page-eventos .gxpanel [draggable="true"]:hover{
  transform:translateY(-2px)!important;border-color:var(--tbp-line-strong)!important;box-shadow:var(--tbp-shadow-hover)!important
}

/* CRM: metrics read as a connected executive strip instead of small boxes. */
#page-crmx .stats{gap:9px!important}
#page-crmx .stat{
  position:relative;min-height:74px;padding:15px 15px 13px!important;border:1px solid var(--tbp-line)!important;
  border-radius:var(--tbp-r-md)!important;background:linear-gradient(155deg,#fff 0%,#f8fafb 100%)!important;
  box-shadow:0 7px 20px rgba(24,48,68,.055)!important;overflow:hidden
}
#page-crmx .stat::after{
  content:'';position:absolute;right:-22px;top:-30px;width:76px;height:76px;border-radius:50%;
  background:radial-gradient(circle,rgba(49,95,131,.07),transparent 70%);pointer-events:none
}
#page-crmx .crmxhead{padding:8px 8px 11px!important;border-bottom:0!important}
#page-crmx .crmxbar{height:2px!important;border-radius:99px;margin:0 8px 8px!important;opacity:.7}
#page-crmx .crmxfil,#page-crmx .crmxsel{
  min-height:32px;border-radius:999px!important;box-shadow:none!important
}
#page-crmx .crmxtag{border-radius:999px!important;padding:4px 8px!important}

/* Pipeline/Event boards: column headers breathe, cards feel independent. */
#page-pipeline .gxpanel>div:first-child,
#page-eventos .gxpanel>div:first-child{
  min-height:42px;padding:3px 4px 10px!important;border-bottom:0!important
}
#page-pipeline .gxpanel [draggable="true"],
#page-eventos .gxpanel [draggable="true"]{
  margin-bottom:8px!important;border-top:1px solid var(--tbp-line)!important
}

/* Tasks: Kanban wells are softer; work items become the visual focus. */
#page-tareas .tt-col{padding:11px!important}
#page-tareas .tt-card{border-left:1px solid var(--tbp-line)!important;padding:13px!important}
#page-tareas .tt-card:active{transform:scale(.995)!important;box-shadow:0 4px 12px rgba(22,43,61,.08)!important}

/* Common buttons and controls on these surfaces. */
#page-crmx button,#page-pipeline button,#page-tareas button,#page-eventos button,
#page-crmx select,#page-pipeline select,#page-tareas select,#page-eventos select,
#page-crmx input,#page-pipeline input,#page-tareas input,#page-eventos input{
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease
}
#page-crmx input:focus,#page-pipeline input:focus,#page-tareas input:focus,#page-eventos input:focus,
#page-crmx select:focus,#page-pipeline select:focus,#page-tareas select:focus,#page-eventos select:focus{
  outline:none!important;border-color:#9fb7c8!important;box-shadow:0 0 0 3px rgba(49,95,131,.09)!important
}

@media(max-width:900px){
  #page-crmx .crmxcol,#page-pipeline .gxpanel,#page-tareas .tt-col,#page-eventos .gxpanel{border-radius:16px!important;padding:8px!important}
  #page-crmx .crmxcard,#page-pipeline .gxpanel [draggable="true"],#page-tareas .tt-card,#page-eventos .gxpanel [draggable="true"]{border-radius:13px!important}
}

/* Copy cleanup: keep Hoy operational, not slogan-driven. */
#page-hoy .cc-intro h2{display:none!important}

/* One market surface: the tab launches the unified overlay; the legacy pane stays retired. */
#pcPage #pcPaneM{display:none!important}

/* Catalog cards keep their proportions but use 10% less visual and layout space. */
#page-catalog .fcwrap:not(.fc-console){zoom:.9}