h1,h2,h3,h4,h5,
.v4-headline,.v4-title,.glass-card-title,.section-title,.topbar-title,
.emp-hero-name,.campaign-name,.app-modal-title,.brand-name,.page,
.hrm-card h2,.hrm-card h3,.pln-card h2,.pln-card h3,
.w-title,.cv-tpl-card h3,.hero__greet{
  font-family:var(--bh-display) !important; font-weight:800 !important; letter-spacing:-.02em !important;
}
.kpi-value,.kpi-card .kpi-value,.kpi-num,.kpi-val,
.lb-score,.lb-rank,.leaderboard-rank,.leaderboard-value,.perf-leaderboard-row .lb-score,
.hero-num,.stat-value,.stat-num,.modal-stat-val,
.phb-q-val,.perf-mini-stat .stat-value,.hrm-ov-big,.pln-balance,
.w-body-stat,.ds-kpi__value,.ds-data-row__value,.live-delta-chip,.bv-coins,.bp-tier,
.lb2-rank,.kpi-c,.num,.bignum,.hs-val,.lb-val,.hero__primary-num,
.pln-grid__day__dom,.pln-grid__day__count,.pln-shift__time,.pln-briefing__metric-value,
.pln-balance__stat-value,.pln-open-shift-card__time,.pln-claim-card__time,.pln-tider-row__total,
.pln-fatigue-row__score,
.hl__val,.hw__val,.hero__slot-stat{
  font-family:var(--bh-mono) !important; font-variant-numeric:tabular-nums !important;
  font-feature-settings:"tnum" 1 !important; letter-spacing:-.02em !important;
}
.kpi-value,.kpi-card .kpi-value,.kpi-num,.hero-num,.lb-score,.hrm-ov-big,.bignum{ font-weight:600 !important; }
.kpi-label,.kpi-card .kpi-label,.section-sub,.nav-section-label,
.data-table th,.lb2-camp-tabs,.modal-stat-label{
  font-family:var(--bh-mono) !important; text-transform:uppercase !important; letter-spacing:.06em !important; font-weight:600 !important;
}

:root{ --uc-sw:248px; --uc-gap:14px; --uc-r:var(--r-chrome,20px); }
.shell:not(.sidebar-collapsed),
.hrm-view:not(.hrm-collapsed){
  grid-template-columns: calc(var(--uc-sw) + 2*var(--uc-gap)) minmax(0,1fr) !important;
}
.pln-shell{ display:flex !important; }
.shell.sidebar-collapsed .rail,
.hrm-view.hrm-collapsed .hrm-sidebar,
.pln-sidebar.collapsed{
  width:auto !important; min-width:0 !important; max-width:none !important; flex:0 0 auto !important;
}
.sidebar,.rail,.pln-sidebar,.hrm-sidebar{
  width:var(--uc-sw) !important; min-width:var(--uc-sw) !important; max-width:var(--uc-sw) !important;
  flex:0 0 var(--uc-sw) !important; box-sizing:border-box !important;
  padding:16px 13px !important; margin:var(--uc-gap) !important;
  height:calc(100dvh - 2*var(--uc-gap)) !important;
  border-radius:var(--uc-r) !important; border:1px solid var(--bh-edge) !important;
  background:var(--bh-glass-2) !important; color:var(--bh-ink) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  box-shadow:var(--bh-rim), var(--bh-spec), var(--bh-shadow-ink) !important;
  display:flex !important; flex-direction:column !important; overflow:hidden !important;
}
@media (max-width:640px){
  .sidebar,.rail,.pln-sidebar,.hrm-sidebar{
    margin:0 !important; height:100dvh !important; border-radius:0 !important;
    width:auto !important; min-width:0 !important; max-width:none !important;
  }
}
@media (min-width:641px) and (max-width:900px){
  .pln-sidebar:not(.collapsed){
    width:var(--pln-sw-x, 72px) !important; min-width:var(--pln-sw-x, 72px) !important;
    max-width:var(--pln-sw-x, 72px) !important; flex:0 0 var(--pln-sw-x, 72px) !important;
    padding:16px 8px !important;
  }
  .pln-sidebar:not(.collapsed):hover{
    width:var(--uc-sw) !important; min-width:var(--uc-sw) !important; max-width:var(--uc-sw) !important;
  }
  .pln-sidebar:not(.collapsed):not(:hover) .pln-brand__sub{ display:none !important; }
}
.sidebar-header,.sidebar-brand,.brand-area,.brand-text,.brand-name,.brand-sub,
.pln-brand,.pln-brand__logo,.pln-brand__text,.hrm-brand,.hrm-brand__logo,.hrm-brand__text{ color:var(--bh-ink) !important; }
.brand-sub{ color:var(--bh-ink-3) !important; }
.pln-brand__dot,.hrm-brand__dot{
  background:linear-gradient(160deg,var(--bh-blue-2),var(--bh-blue)) !important; color:#fff !important;
  border-radius:13px !important; border:0 !important;
}

.bi-tile,.tb-tile{ display:none !important; }
.sidebar-header:has(.brand-text) .brand-icon{ display:none !important; }
.brand-name,.bwm-name,.hrm-brand__logo,.pln-brand__logo{
  font-family:var(--bh-display) !important; font-weight:800 !important; font-size:1.05rem !important;
  letter-spacing:-.01em !important; color:var(--bh-ink) !important; line-height:1.15 !important;
  text-transform:none !important;
}
.brand-sub,.bwm-sub,.hrm-brand__sub,.pln-brand__sub{
  display:block !important; font-family:var(--bh-body) !important; font-weight:500 !important;
  font-size:.72rem !important; color:var(--bh-ink-3) !important; letter-spacing:.02em !important; margin-top:1px !important;
  text-transform:none !important;
}
.brand-icon{
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:0 !important;
  width:auto !important; height:auto !important; background:none !important; box-shadow:none !important;
  padding:0 !important; text-decoration:none !important; text-transform:none !important;
}
.hrm-brand,.pln-brand{
  flex-direction:column !important; align-items:flex-start !important; gap:0 !important; position:relative !important;
}
.hrm-brand .hrm-sidebar-toggle,.hrm-brand .sidebar-toggle,
.pln-brand .pln-sidebar-toggle{
  position:absolute !important; top:0 !important; right:6px !important;
}
.nav-btn,.pln-nav-btn,.hrm-nav-btn,.rail-item{
  border-radius:var(--bh-r-tile) !important; color:var(--bh-ink-2) !important;
  font-family:var(--bh-display) !important; font-weight:600 !important; letter-spacing:-.01em !important;
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
.rail .nav-item-label,.rail .nav-item-icon,.pln-nav-btn__label,.pln-nav-btn__icon,
.hrm-nav-btn__label,.hrm-nav-btn__icon,.nav-item-label,.nav-item-icon{ color:var(--bh-ink-2) !important; }
.rail .nav-item-icon i.ic{ background-color:var(--bh-ink-2) !important; }
.nav-btn:hover,.pln-nav-btn:hover,.hrm-nav-btn:hover,.rail-item:hover{
  background:var(--bh-chrome-fill) !important; color:var(--bh-ink) !important; transform:translateX(2px) !important;
}
.nav-btn:hover .nav-item-icon i.ic,.nav-btn:hover .nav-item-label{ color:var(--bh-ink) !important; }
.rail-item .rail-label{ color:var(--bh-ink-2) !important; font-family:var(--bh-display) !important; font-weight:600 !important; }
.rail-item i.ic{ background-color:var(--bh-ink-2) !important; }
.rail-item:hover .rail-label{ color:var(--bh-ink) !important; }
.rail-item:hover i.ic{ background-color:var(--bh-ink) !important; }

.topbar,.app-topbar,.pln-topbar,.hrm-topbar,.v8-topbar{
  margin:var(--uc-gap) var(--uc-gap) 0 var(--uc-gap) !important;
  padding:11px 18px !important;
  min-height:60px !important;
  border:1px solid var(--bh-edge) !important;
  border-radius:var(--uc-r) !important;
  background:var(--bh-glass-2) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  box-shadow:var(--bh-rim), var(--bh-spec), var(--bh-shadow-flat) !important;
  position:sticky !important; top:var(--uc-gap) !important; z-index:50 !important;
  box-sizing:border-box !important;
}
.ebar{
  margin:var(--uc-gap) var(--uc-gap) 0 var(--uc-gap) !important;
  border:1px solid var(--bh-edge) !important; border-bottom:0 !important;
  border-radius:var(--uc-r) var(--uc-r) 0 0 !important;
  background:var(--bh-glass-2) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  box-shadow:var(--bh-rim), var(--bh-spec) !important;
}
.ebar-ctx{
  margin:0 var(--uc-gap) !important;
  border:1px solid var(--bh-edge) !important; border-top:0 !important;
  border-radius:0 0 var(--uc-r) var(--uc-r) !important;
  background:var(--bh-glass-2) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  box-shadow:var(--bh-shadow-flat) !important;
}
.ebar:has(+ .ebar-ctx){
  box-shadow:var(--bh-spec) !important;
}
.ebar:not(:has(+ .ebar-ctx)){ border-radius:var(--uc-r) !important; border-bottom:1px solid var(--bh-edge) !important; box-shadow:var(--bh-rim), var(--bh-spec), var(--bh-shadow-flat) !important; }

@media (min-width:701px){
  .editor-shell{
    grid-template-rows: calc(var(--ebar-h, 52px) + var(--uc-gap, 14px)) var(--ectx-h, 36px) 1fr 28px !important;
  }
}

.ccm-help-launcher__icon{ background:var(--accent-soft) !important; color:var(--accent-ink) !important; }
.ccm-help-launcher__icon i.ic,.ccm-help-launcher__icon .ic{ background-color:var(--accent-ink) !important; }

.card,.glass-card,.section-card,.widget-card,.db-card,.kpi-card,.app-card,
.v8 .v8-box,.v8-box,.cv-tpl-card,.pln-card,.pln-tl-card,.hrm-card,.hrm-ov-card,
.hrm-org-card,.data-table,.app-modal-content,.modal-content,.lib-item{
  background:var(--card-bg) !important;
  border:1px solid var(--bh-line) !important;
  border-radius:var(--bh-r-block) !important;
  box-shadow:var(--bh-spec), var(--bh-shadow-flat) !important;
}
.card:hover,.glass-card:hover,.kpi-card:hover,.section-card:hover,.db-card:hover,
.widget-card:hover,.pln-card:hover,.hrm-ov-card:hover{
  box-shadow:var(--bh-spec), var(--bh-shadow-flat) !important; transform:none !important;
}
.w-head,.card-head,.section-head{ border-bottom:1px solid var(--bh-line) !important; }

.kpi-card,.kpi-c{ padding:18px !important; }
.kpi-label,.kpi-sub{ color:var(--bh-ink-2) !important; }
.kpi-value,.kpi-num,.num,.bignum,.hero-num,.hero__primary-num{ color:var(--bh-ink) !important; }
.kpi-card .kpi-icon,.kpi-icon,.w-icon{
  background:rgba(var(--accent-rgb),.14) !important; border:1px solid var(--bh-edge) !important;
  border-radius:12px !important; color:var(--accent-ink) !important; box-shadow:var(--bh-spec) !important;
}

.btn,.button,.login-btn,.pln-btn,.hrm-btn,
.ds-btn:not(.ds-btn--primary):not(.ds-btn--danger),.bv-btn:not(.bv-btn-primary):not(.bv-btn-gold){
  border-radius:var(--bh-r-tile) !important; font-family:var(--bh-body) !important; font-weight:650 !important;
  border:1px solid var(--bh-edge) !important; background:var(--bh-chrome-fill) !important;
  color:var(--bh-ink) !important; box-shadow:var(--bh-spec) !important;
}
.ds-btn--danger,.bv-btn-gold{ border-radius:var(--bh-r-pill) !important; }
.btn:hover:not(:disabled):not([aria-disabled="true"]),.button:hover:not(:disabled):not([aria-disabled="true"]),
.ds-btn:hover:not(:disabled):not(.ds-btn--primary):not(.ds-btn--danger),.bv-btn:hover:not(:disabled):not(.bv-btn-primary):not(.bv-btn-gold){ background:var(--bh-chrome-fill-hover) !important; transform:translateY(-1px) !important; }
.btn.primary,.btn--primary,.btn-primary,.primary,.login-btn,
.pln-btn--primary,.hrm-btn--primary,.cv-add-widget-btn,
.ds-btn--primary,.bv-btn-primary{
  background:linear-gradient(150deg,var(--action-bg),var(--action-bg-2)) !important; color:var(--action-ink) !important;
  border-color:transparent !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.4), var(--bh-shadow-flat) !important;
}
.btn.primary svg,.btn-primary svg,.primary svg,.pln-btn--primary svg,.hrm-btn--primary svg,.ds-btn--primary svg,.bv-btn-primary svg{ stroke:var(--action-ink) !important; }
.btn.primary .ic,.btn-primary .ic,.pln-btn--primary .ic,.hrm-btn--primary .ic,.ds-btn--primary .ic,.bv-btn-primary .ic{ background-color:var(--action-ink) !important; }
.btn.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.primary:hover:not(:disabled),.pln-btn--primary:hover:not(:disabled),.hrm-btn--primary:hover:not(:disabled),.ds-btn--primary:hover:not(:disabled),.bv-btn-primary:hover:not(:disabled){ background:var(--action-bg-hover) !important; filter:none !important; }
.btn:disabled,.button:disabled,.login-btn:disabled,.pln-btn:disabled,.hrm-btn:disabled,.ds-btn:disabled,.bv-btn:disabled,
.btn[disabled],.button[disabled],.pln-btn[disabled],.hrm-btn[disabled],.ds-btn[disabled],.bv-btn[disabled],
.btn[aria-disabled="true"],.button[aria-disabled="true"],.pln-btn[aria-disabled="true"],.hrm-btn[aria-disabled="true"]{
  opacity:.5 !important; cursor:not-allowed !important; box-shadow:none !important; transform:none !important; filter:none !important;
}

.lb2-row,.leaderboard-row,.perf-leaderboard-row{ border-radius:var(--bh-r-tile) !important; }
.lb2-row.winner,.lb2-row--winner,.leaderboard-row.is-winner,.perf-leaderboard-row--first{
  background:linear-gradient(180deg, rgba(var(--success-rgb),.18), var(--bh-glass-stop)) !important;
  border:1px solid var(--bh-edge) !important; box-shadow:var(--bh-spec), 0 10px 24px -14px var(--bh-green) !important;
}
.lb-rank,.lb2-rank,.leaderboard-rank{ color:var(--bh-ink-3) !important; }

.badge,.chip,.pill,.tag,.kpi-chip,.live-delta-chip,
.pln-badge,.pln-pill,.hrm-tag-pill,.hrm-ov-pill,.hrm-status{
  border-radius:var(--bh-r-pill) !important; border:1px solid var(--bh-line) !important;
}
.badge.accent,.chip.accent,.tag-blue,.is-active.chip,.chip.is-active{
  background:rgba(var(--accent-rgb),.14) !important; color:var(--accent-ink) !important; border-color:transparent !important;
}

input,select,textarea,.field,.input,.search-input,.loc-picker{
  border-radius:var(--bh-r-tile) !important; border:1px solid var(--bh-line) !important;
  background:var(--bh-chrome-fill) !important; color:var(--bh-ink) !important;
}
input:focus,select:focus,textarea:focus,.field:focus-within{
  border-color:var(--bh-blue) !important; outline:none !important;
}

.app-modal-content,.modal-content,.pln-modal__box,.app-modal,.drawer,.ccm-product-popup,
.ccm-product-popup__tile,.popup,.dropdown-menu{
  border-radius:var(--bh-r-block) !important; border:1px solid var(--bh-edge) !important;
}
.ccm-product-popup,.dropdown-menu,.popup{
  background:var(--bh-glass-2) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  box-shadow:var(--bh-rim), var(--bh-spec), var(--glass-shadow) !important;
}

.pln-shell,.hrm-app{ background:transparent !important; }
.pln-grid__day--today,.pln-card--accent{
  background:linear-gradient(180deg, rgba(var(--accent-rgb),.12), var(--card-bg)) !important;
  border-color:var(--bh-edge) !important;
}
.hrm-ov-card--primary{
  background:linear-gradient(160deg, rgba(var(--accent-rgb),.1), var(--card-bg)) !important;
}
.w,.w-head,.cv-tpl-card{ border-radius:var(--bh-r-block) !important; }

.bh-block--sky,.bh-block--ink,.bh-block--blue{ background:var(--card-bg) !important; color:var(--bh-ink) !important; }

*{ scrollbar-width:thin; scrollbar-color:var(--bh-track-fill) transparent; }
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--bh-track-fill); border-radius:var(--bh-r-pill); }
::-webkit-scrollbar-thumb:hover{ background:var(--bh-ink-3); }
::-webkit-scrollbar-corner{ background:transparent; }
.live-ticker,.live-ticker-v2{ display:none !important; }
body.has-live-ticker-v2{ padding-top:0 !important; margin-top:0 !important; }
#beta-banner{ display:none !important; }
:root{ --lt-h:0px !important; }


.phb-shell{ gap:var(--pad) !important; padding:var(--pad) !important; }
.phb-top,.phb-card,.phb-stats,.phb-team,.phb-trend,.phb-yest,.phb-pb,.phb-timeline,.phb-hint,.phb-qstat,.phb-fcst-row{
  background:var(--card-bg) !important; border:1px solid var(--bh-line) !important;
  border-radius:var(--bh-r-block) !important; box-shadow:var(--bh-spec), var(--bh-shadow-flat) !important;
}
.phb-top{ padding:clamp(20px,2.6vw,30px) !important; }
.phb-card,.phb-stats,.phb-team,.phb-trend,.phb-yest,.phb-pb,.phb-hint,.phb-fcst-row{ padding:18px !important; }
.phb-qstats{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important; gap:var(--pad) !important; }
.phb-qstat{ padding:16px !important; display:flex !important; flex-direction:column !important; gap:8px !important; align-items:flex-start !important; }
.phb-q-val,.phb-pb-val,.phb-h-val,.phb-stats-num,.phb-fcst-num{ font-family:var(--bh-mono) !important; font-weight:600 !important; color:var(--bh-ink) !important; letter-spacing:-.02em !important; }
.phb-stats-hero,.phb-stats-num{ color:var(--accent-ink) !important; }
.phb-q-label,.phb-pb-label,.phb-h-label,.phb-stats-label{ color:var(--bh-ink-2) !important; font-family:var(--bh-mono) !important; text-transform:uppercase !important; letter-spacing:.05em !important; font-size:.72rem !important; }
.phb-q-sub{ color:var(--bh-ink-3) !important; }
.phb-greet{ font-family:var(--bh-display) !important; font-weight:800 !important; letter-spacing:-.02em !important; }
.phb-date,.phb-clock,.phb-context,.phb-smeta{ color:var(--bh-ink-2) !important; }
.phb-pill{ border-radius:var(--bh-r-pill) !important; border:1px solid var(--bh-line) !important; background:var(--bh-pop-soft) !important; color:var(--bh-pop-deep) !important; }
.phb-period-tabs{ background:var(--bh-track) !important; border-radius:var(--bh-r-pill) !important; padding:3px !important; border:1px solid var(--bh-line) !important; }
.phb-ptab{ border-radius:var(--bh-r-pill) !important; color:var(--bh-ink-2) !important; }
.phb-ptab.active,.phb-ptab.is-active{ background:var(--bh-pill-active) !important; color:var(--accent-ink) !important; box-shadow:var(--bh-shadow-flat-sm) !important; }
.pln-bem-view__segbtn.is-on,.seg.active,.perf-sub-nav-btn.active{
  background:var(--bh-pill-active) !important; color:var(--accent-ink) !important; box-shadow:var(--bh-shadow-flat-sm) !important;
}
.seg-group,.pln-bem-view__seg{
  background:var(--bh-track) !important; border:1px solid var(--bh-line) !important;
  border-radius:var(--bh-r-pill) !important; padding:3px !important;
}
.seg-group .seg,.pln-bem-view__segbtn{ border-radius:var(--bh-r-pill) !important; }
.phb-shead{ padding:14px 4px 6px !important; }
.phb-stitle{ font-family:var(--bh-mono) !important; text-transform:uppercase !important; letter-spacing:.06em !important; font-weight:600 !important; font-size:.78rem !important; color:var(--bh-ink-2) !important; }
.phb-pb-ico,.phb-hint-row .ic{ color:var(--accent-ink) !important; }

.card,.glass-card,.section-card,.widget-card,.kpi-card,.app-card,.v8-box,.cv-tpl-card,
.pln-card,.pln-tl-card,.hrm-card,.hrm-ov-card,.hrm-org-card,.app-modal-content,.modal-content,.lib-item,
.phb-top,.phb-card,.phb-stats,.phb-team,.phb-trend,.phb-yest,.phb-pb,.phb-timeline,.phb-hint,.phb-qstat,.phb-fcst-row,
.hrm-employee-card,.hrm-pl-card,.hrm-step,.hrm-integration-card,.hrm-ov-row,
.pln-open-shift-card,.pln-claim-card,.pln-bytte-card,.pln-fravaer-card,.pln-briefing,.pln-integration-card,.pln-my-swap,
.cv-board .w,.w{
  background:var(--bh-card-glass) !important;
  border:1px solid var(--bh-hair) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
.ecanvas:not([data-cv-bg]){
  background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.16)) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(150%) !important;
}
[data-theme="dark"] .ecanvas:not([data-cv-bg]){
  background:linear-gradient(180deg, rgba(28,34,50,.44), rgba(18,22,36,.30)) !important;
}
body.canvas-tv-mode .ecanvas{
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
body.canvas-tv-mode .cv-board .w,body.canvas-tv-mode .w[data-wtype]{
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important; background:var(--bh-surface) !important;
}

#ecanvas[data-cv-themed],
.cv-board[data-cv-themed]{
  --card-bg:var(--card);
  --bh-card-glass:var(--card);
  --bh-surface:var(--card);
  --bh-surface-hi:var(--card-2);
  --bh-line:var(--border);
  --bh-hair:var(--border);
  --bh-edge:var(--border);
  --bh-ink:var(--text-1);
  --bh-ink-2:var(--text-2);
  --bh-ink-3:var(--text-3);
  --bh-blue:var(--accent);
  --bh-blue-2:var(--accent-2);
  --bh-blue-deep:var(--accent);
  --accent-ink:var(--accent);
  --bh-spec:inset 0 1px 0 rgba(255,255,255,.08);
}

[data-theme="light"] :is(
  .card,.glass-card,.section-card,.widget-card,.kpi-card,.app-card,.db-card,.v8-box,.cv-tpl-card,
  .pln-card,.pln-tl-card,.hrm-card,.hrm-ov-card,.hrm-org-card,.app-modal-content,.modal-content,.lib-item,
  .phb-top,.phb-card,.phb-stats,.phb-team,.phb-trend,.phb-yest,.phb-pb,.phb-timeline,.phb-hint,.phb-qstat,.phb-fcst-row,
  .hrm-employee-card,.hrm-pl-card,.hrm-step,.hrm-integration-card,.hrm-ov-row,
  .pln-open-shift-card,.pln-claim-card,.pln-bytte-card,.pln-fravaer-card,.pln-briefing,.pln-integration-card,.pln-my-swap
){
  background:rgba(255,255,255,.52) !important;
  border:1px solid var(--bh-edge) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  box-shadow:var(--bh-spec), var(--bh-shadow-flat) !important;
}
[data-theme="light"] .data-table{
  background:rgba(255,255,255,.66) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
}
[data-theme="light"] body:not(.canvas-tv-mode) #ecanvas:not([data-cv-themed]) .w{
  background:rgba(255,255,255,.5) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
}
[data-theme="light"] :is(.app-modal-content,.modal-content){
  background:rgba(255,255,255,.72) !important;
}

.hrm-brand__logo .hrm-brand__dot,.pln-brand__logo .pln-brand__dot{
  display:inline-block !important; width:.3em !important; height:auto !important;
  background:none !important; border-radius:0 !important; box-shadow:none !important;
}

.sidebar-header .brand-text,.sidebar .brand-text{ display:block !important; }
.sidebar.sidebar-collapsed .brand-text,.sidebar.collapsed .brand-text,.rail.collapsed .brand-text{ display:none !important; }

.tb-period.seg{
  display:inline-flex; align-items:center; gap:0; padding:3px !important;
  background:var(--bh-track) !important; border:1px solid var(--bh-line) !important;
  border-radius:var(--bh-r-pill) !important; box-shadow:none !important;
}
.tb-period.seg button{
  border:0 !important; background:transparent !important; color:var(--bh-ink-2) !important;
  font-family:var(--bh-display) !important; font-size:.78rem !important; font-weight:600 !important;
  padding:6px 14px !important; border-radius:var(--bh-r-pill) !important; cursor:pointer; transition:.16s; box-shadow:none !important;
  min-height:0 !important; width:auto !important; height:auto !important;
}
.tb-period.seg button:hover{ color:var(--bh-ink) !important; }
.tb-period.seg button.on{ color:var(--accent-ink) !important; background:var(--bh-pill-active) !important; box-shadow:var(--bh-shadow-flat-sm) !important; }

.topbar .global-search-wrap,.app-topbar .global-search-wrap{
  display:flex !important; align-items:center !important; gap:8px !important;
  background:var(--bh-chrome-fill) !important; border:1px solid var(--bh-edge) !important;
  border-radius:var(--bh-r-pill) !important; padding:7px 13px !important; box-shadow:var(--bh-spec) !important;
}
.topbar .global-search-wrap .search-input,.topbar #global-search{
  border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important;
  color:var(--bh-ink) !important; font-family:var(--bh-body) !important; font-size:.82rem !important; min-width:120px !important;
}
.topbar .global-search-wrap:focus-within{ border-color:var(--bh-blue) !important; }
.topbar .search-kbd{
  border-radius:var(--bh-r-chip) !important; border:1px solid var(--bh-line) !important;
  background:var(--bh-track) !important; color:var(--bh-ink-3) !important; font-family:var(--bh-mono) !important; font-size:.62rem !important; padding:2px 6px !important;
}

.topbar .theme-toggle,.topbar #quiet-mode-btn,.topbar #focus-mode-btn,.topbar .notif-bell,
.app-topbar .theme-toggle{
  width:38px !important; height:38px !important; border-radius:var(--bh-r-pill) !important;
  border:1px solid var(--bh-edge) !important; background:var(--bh-chrome-fill) !important;
  box-shadow:var(--bh-spec) !important; color:var(--bh-ink-2) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; transition:.16s;
}
.topbar .theme-toggle:hover,.topbar #quiet-mode-btn:hover,.topbar #focus-mode-btn:hover,.topbar .notif-bell:hover{
  background:var(--bh-chrome-fill-hover) !important; color:var(--bh-ink) !important;
}
.topbar #nav-role-picker{
  background:var(--bh-chrome-fill) !important; border:1px solid var(--bh-edge) !important;
  border-radius:var(--bh-r-pill) !important; box-shadow:var(--bh-spec) !important; color:var(--bh-ink) !important;
  font-family:var(--bh-display) !important; font-weight:600 !important;
}

.icon-btn{
  width:38px !important; height:38px !important; border-radius:var(--bh-r-pill) !important; flex:none;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border:1px solid var(--bh-edge) !important; background:var(--bh-chrome-fill) !important;
  box-shadow:var(--bh-spec) !important; color:var(--bh-ink-2) !important; cursor:pointer; transition:.16s;
}
.icon-btn:hover{ background:var(--bh-chrome-fill-hover) !important; color:var(--bh-ink) !important; }
.icon-btn svg{ width:18px !important; height:18px !important; stroke:currentColor !important; fill:none !important; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle svg.ic-sun{ display:none; }
[data-theme="dark"] .theme-toggle svg.ic-moon{ display:none; }
[data-theme="dark"] .theme-toggle svg.ic-sun{ display:block; }

.topbar select:focus-visible,
.tb-period-host select:focus-visible,
.tb-period-host input[type="date"]:focus-visible,
#period-dropdown:focus-visible,
#global-loc-filter button:focus-visible,
.topbar .global-search-wrap:focus-within,
.topbar-actions button:focus-visible,
.topbar-actions a:focus-visible,
.topbar .theme-toggle:focus-visible,
.topbar #quiet-mode-btn:focus-visible,
.topbar #focus-mode-btn:focus-visible,
.topbar .notif-bell:focus-visible,
.topbar #nav-role-picker:focus-visible,
.topbar .tb-period.seg button:focus-visible{
  outline:2px solid var(--bh-blue) !important; outline-offset:1px !important;
}

.v8 .hero,.v8 .pulse{ border-radius:var(--bh-r-block) !important; }
.v8 .hero__primary,.v8 .attn__card,.wsl-modal__panel{ border-radius:18px !important; }
.v8 .hl,.v8 .hero__slot,.v8 .hw,.v8 .hero__widgets .hero__primary,.v8 .hero__placeholder{ border-radius:var(--bh-r-tile) !important; }
.v8 .hl__icon,.v8 .hw__chip,.v8 .hero__slot-empty-icon,.v8 .hero__slot-gear{ border-radius:var(--bh-r-chip) !important; }
.v8 .hero__greet em{ background:linear-gradient(120deg,var(--bh-blue),var(--bh-blue-2)) !important; -webkit-background-clip:text !important; background-clip:text !important; }

.mode-switch{ background:var(--bh-track) !important; border:1px solid var(--bh-line) !important; border-radius:var(--bh-r-pill) !important; box-shadow:none !important; }
.mode-btn{ color:var(--bh-ink-2) !important; border-radius:var(--bh-r-pill) !important; font-family:var(--bh-display) !important; box-shadow:none !important; }
.mode-btn:hover{ color:var(--bh-ink) !important; background:transparent !important; }
.mode-btn.active{ background:var(--bh-pill-active) !important; color:var(--accent-ink) !important; box-shadow:var(--bh-shadow-flat-sm) !important; }
.mode-btn.active .mi{ color:var(--accent-ink) !important; }
.einsp{
  background:var(--bh-glass-2) !important; border:1px solid var(--bh-edge) !important;
  border-radius:var(--bh-r-block) !important; box-shadow:var(--bh-rim), var(--bh-spec), var(--glass-shadow) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important; backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
}

.sidebar,.rail,.pln-sidebar,.hrm-sidebar,.topbar,.app-topbar,.pln-topbar,.hrm-topbar,.v8-topbar,.ebar,.ebar-ctx{ position:relative; }
.sidebar::after,.rail::after,.pln-sidebar::after,.hrm-sidebar::after,
.topbar::after,.app-topbar::after,.pln-topbar::after,.hrm-topbar::after,.v8-topbar::after,
.ebar::after,.ccm-product-popup::after,.dropdown-menu::after,.popup::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.4), transparent 30%); opacity:.35; mix-blend-mode:overlay;
}
[data-theme="dark"] .sidebar::after,[data-theme="dark"] .rail::after,[data-theme="dark"] .pln-sidebar::after,
[data-theme="dark"] .hrm-sidebar::after,[data-theme="dark"] .topbar::after,[data-theme="dark"] .app-topbar::after,
[data-theme="dark"] .pln-topbar::after,[data-theme="dark"] .hrm-topbar::after,[data-theme="dark"] .ebar::after{
  background:linear-gradient(180deg, rgba(255,255,255,.22), transparent 32%); opacity:.4;
}

.story-scrim{
  background:radial-gradient(ellipse at 50% -10%, #141a2c 0%, #070a12 65%) !important;
}
.story-bg{ filter:saturate(118%); }

.story-content .story-stats > div,
.story-content .sl-row,
.story-content .story-stream-item{
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturation,160%));
  backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturation,160%));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 44px -18px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.18);
}

.story-content .story-stats{ gap:18px; }
.story-content .story-stats > div{ padding:22px 24px; border-radius:20px; text-align:center; }

.story-content .sl-row{ border-radius:16px; padding:14px 20px; }

.story-content .story-stream-item{
  padding:16px 22px; border-radius:14px;
  border-left:4px solid var(--accent);
}

.story-slide.throwback .tb-photo{
  background:rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturation,160%));
  backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturation,160%));
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 26px 80px -22px color-mix(in srgb, var(--amber) 48%, transparent), inset 0 1px 0 rgba(255,255,255,.26);
}

.story-progress .sp-seg{
  background:rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  height:4px; border-radius:3px;
}

.story-controls .story-ctrl,
.story-controls .story-tv-meta{
  background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturation,160%));
  backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturation,160%));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.story-controls .story-ctrl{ border-radius:12px; }
.story-controls .story-tv-meta{ border-radius:14px; padding:8px 16px; }
.story-controls .story-ctrl:hover{ background:rgba(255,255,255,.13); }

.sbb-scrim{
  background:rgba(8,11,18,.55) !important;
  -webkit-backdrop-filter:blur(8px) saturate(120%); backdrop-filter:blur(8px) saturate(120%);
}
.sbb-modal{
  background:var(--glass-bg, rgba(28,34,50,.86)) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturation,160%));
  backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturation,160%));
  border:1px solid var(--glass-border, rgba(255,255,255,.14)) !important;
  box-shadow:var(--glass-shadow, 0 18px 40px -16px rgba(16,24,48,.28)), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.sbb-foot button.primary{ box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }

.pln-set-panel{
  background:var(--bh-glass-2) !important; color:var(--bh-ink) !important;
  border:1px solid var(--bh-edge) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) !important;
  box-shadow:var(--bh-rim), var(--bh-spec), var(--bh-shadow-ink) !important;
}
.pln-set-panel .pln-acc__hd{ color:var(--bh-ink) !important; }
.pln-set-panel .pln-set-panel__head h2{ color:var(--bh-ink) !important; }
.pln-set-panel .pln-acc.is-open > .pln-acc__hd{ color:var(--bh-accent, var(--color-accent)) !important; }