/* R28 Home polish (last layer). */
/* 1) The manager hero message was hidden by `.hx-hero .hx-hello p{display:none}` (m-redesign.css). */
html body .hx-mgr .hx-hero .hx-hello p.hx-msg{display:flex}
/* 2) "Oct-26 · Live" was white on a light hero on phones/tablets. */
html body .hx-mgr .hx-hero .hx-tools .hx-live{color:var(--c-n600);-webkit-text-fill-color:var(--c-n600)}
/* 3) Desktop lead cards (Home for employees): the 2-column name|tag layout squeezed the tag under the call buttons in
   ~390px grid cells. Stack tag / name / meta / stage like on phones. */
@media(min-width:900px){
  .td-c-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "n" "m" "l";gap:2px}
  .td-c-main>.td-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .td-panel .td-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
}
/* 4) Sticky Today tabs: cool-blue band clashed with the warm page; use a warm translucent blur, aligned with the cards. */
.td-tabs{margin:0;padding:6px 0;background:color-mix(in srgb,var(--c-sand-wash,#f6f1e9) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:rgba(var(--c-starlight-rgb),.08)}
/* 5) Hero message: inherit-white text on a pale pill was unreadable on phones; allow wrapping, never clip. */
html body .hx-mgr .hx-hero .hx-msg{color:var(--c-starlight);background:color-mix(in srgb,var(--t) 9%,var(--c-white))}
html body .hx-mgr .hx-hero .hx-msg>span{color:var(--c-starlight);-webkit-text-fill-color:var(--c-starlight);font-weight:600;font-size:13px;line-height:1.4;overflow:visible;white-space:normal}
html body .hx-mgr .hx-hero .hx-msg{padding-block:8px}
@media(min-width:900px){html body .hx-mgr .hx-hero .hx-msg>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
body.hx-dark .hx-mgr .hx-hero .hx-msg,body.hx-dark .hx-mgr .hx-hero .hx-msg>span{color:var(--hx-ink,#e8eefb);-webkit-text-fill-color:var(--hx-ink,#e8eefb);background:color-mix(in srgb,var(--t) 16%,transparent)}
/* 6) Empty table rows read as a centred note, not a squeezed column. */
.hx-empty-row{text-align:center;padding:18px 8px;color:var(--c-n600)}
/* the hero message action: navy-on-navy (global `.hx-hero button{color!important}`) -> white label */
html body .hx-hero .hx-msg-a,html body .hx-hero .hx-msg-a *{color:var(--c-white)!important;-webkit-text-fill-color:var(--c-white)!important}
/* 7) Tablet KPI row: 5 cards in a 3-col grid left a hole; use 3 + 2 filling the full width. */
@media(min-width:600px) and (max-width:899px){
  html body .hx-mgr .hx-kpis.five{grid-template-columns:repeat(6,minmax(0,1fr))}
  html body .hx-mgr .hx-kpis.five .hx-kpi{grid-column:span 2}
  html body .hx-mgr .hx-kpis.five .hx-kpi:nth-child(n+4){grid-column:span 3}
}
/* 8) Dark mode: the page, hero and links stayed light while cards went dark (unreadable hero name / link / message). */
body.hx-dark:has(.hx-mgr),body.hx-dark:has(.hx-emp){background:#0a1222}
body.hx-dark .hx-mgr .hx-hero{background:none}
body.hx-dark .hx-mgr .hx-hero h1,body.hx-dark .hx-mgr .hx-hero h1 b{color:var(--hx-ink,#e8eefb)!important;-webkit-text-fill-color:var(--hx-ink,#e8eefb)!important;background:none}
body.hx-dark .hx-mgr .hx-hero h1 b{color:var(--c-sand)!important;-webkit-text-fill-color:var(--c-sand)!important}
body.hx-dark .hx-mgr .hx-tools .hx-live{color:#aab8d3;-webkit-text-fill-color:#aab8d3}
body.hx-dark .hx-mgr .hx-link{color:var(--c-sand)!important;-webkit-text-fill-color:var(--c-sand)!important}
body.hx-dark .hx-mgr .hx-card header h3,body.hx-dark .hx-mgr .hx-card header h3 *{color:var(--hx-ink,#e8eefb)}
body.hx-dark .hx-mgr .hx-card header h3 .hx-i{color:var(--c-sand)}
body.hx-dark .hx-mgr .hx-table th{color:#aab8d3}
body.hx-dark .hx-mgr .hx-table td,body.hx-dark .hx-mgr .hx-table td b{color:var(--hx-ink,#e8eefb)}
body.hx-dark .hx-mgr .hx-card header h3>.hx-i,body.hx-dark .hx-mgr .hx-card header h3>svg{background:rgba(255,255,255,.08);color:var(--c-sand)!important;stroke:currentColor}
body.hx-dark .hx-mgr .hx-lg{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--hx-ink,#e8eefb)!important;-webkit-text-fill-color:var(--hx-ink,#e8eefb)!important}
body.hx-dark .hx-mgr .hx-lg:not(.on){opacity:.6}
body.hx-dark .hx-mgr .hx-chip,body.hx-dark .hx-mgr .hx-chip.upcoming{background:rgba(59,111,245,.22)!important;color:#cfe0ff!important;-webkit-text-fill-color:#cfe0ff!important}
body.hx-dark .hx-mgr .hx-badge{filter:brightness(1.35) saturate(.9)}
body.hx-dark .hx-mgr .hx-next-pill.idle{background:rgba(255,255,255,.08)!important;color:#d6e0f5!important;-webkit-text-fill-color:#d6e0f5!important}
body.hx-dark .hx-mgr .hx-date,body.hx-dark .hx-mgr .hx-date span,body.hx-dark .hx-mgr .hx-date b{color:var(--hx-ink,#e8eefb)!important;-webkit-text-fill-color:var(--hx-ink,#e8eefb)!important}
body.hx-dark .hx-mgr .hx-next-pill.soon,body.hx-dark .hx-mgr .hx-badge{background-color:rgba(255,255,255,.1);color:#d6e0f5;-webkit-text-fill-color:#d6e0f5}