/* THRS V14.6 — Premium Organization Command Studio
   Visual-only, tightly scoped to the real Org Chart page.
   Keeps employee relationships, role permission, API, search, zoom,
   fit-to-screen and original React click handlers untouched.
*/
html[data-theme="light"] .thrs-page-org-chart.orgchart-ui-page {
 --oc-ink:#142f4b;--oc-muted:#526c86;--oc-border:#d1dfec;
 --oc-surface:#fff;--oc-soft:#f4f8fc;--oc-paper:#edf4fb;
 --oc-gold:#966823;--oc-navy:#123651;--oc-navy2:#09243f;
 --oc-link:#90a8be;--oc-shadow:0 14px 36px rgba(13,40,70,.09);
 --oc-strong-shadow:0 23px 47px rgba(8,36,65,.15);
 color:var(--oc-ink);
}
html[data-theme="dark"] .thrs-page-org-chart.orgchart-ui-page {
 --oc-ink:#f2f8ff;--oc-muted:#c3d6e9;--oc-border:#4d718f;
 --oc-surface:#133450;--oc-soft:#173b59;--oc-paper:#0b253e;
 --oc-gold:#f0cf8a;--oc-navy:#1d4466;--oc-navy2:#0a2943;
 --oc-link:#6787a1;--oc-shadow:0 15px 41px rgba(0,0,0,.29);
 --oc-strong-shadow:0 22px 49px rgba(0,0,0,.44);
 color:var(--oc-ink);
}
html[data-theme] .thrs-page-org-chart.orgchart-ui-page {
 display:flex !important;flex-direction:column !important;
 gap:clamp(15px,1.55vw,22px) !important;
 max-width:1700px !important;
 padding-bottom:32px !important;
 margin-inline:auto !important;
 min-width:0 !important;
}
html[data-theme] .thrs-page-org-chart.orgchart-ui-page > * {
 margin:0 !important;
 min-width:0 !important;
}
/* Hero: leadership-grade typography rather than a generic line divider. */
html[data-theme="light"] .thrs-page-org-chart .orgchart-ui-page-header {
 background:
 radial-gradient(ellipse at 84% -12%,rgba(243,204,126,.21),transparent 37%),
 linear-gradient(117deg,#174365,#092a47 59%,#071b30) !important;
 border-color:#bd9658 !important;
 box-shadow:0 22px 48px rgba(11,36,64,.22) !important;
}
html[data-theme="dark"] .thrs-page-org-chart .orgchart-ui-page-header {
 background:
 radial-gradient(ellipse at 80% -12%,rgba(230,186,99,.14),transparent 38%),
 linear-gradient(116deg,#0e3050,#081f37 65%,#051629) !important;
 border-color:#a58350 !important;
 box-shadow:0 23px 50px rgba(0,0,0,.4) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header {
 display:grid !important;
 grid-template-columns:minmax(0,1fr) auto !important;
 align-items:center !important;
 gap:20px !important;
 padding:clamp(24px,2.5vw,37px) clamp(23px,2.7vw,42px) !important;
 min-height:171px !important;
 border:1px solid !important;
 border-radius:23px !important;
 isolation:isolate;
 position:relative !important;
 overflow:hidden !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header::before {
 content:"";
 position:absolute;inset:0;pointer-events:none;z-index:-1;
 background:
  repeating-linear-gradient(90deg,transparent 0 68px,rgba(246,230,194,.048) 69px,transparent 70px),
  radial-gradient(circle at 89% 21%,transparent 0 86px,rgba(230,194,123,.11) 87px,transparent 88px);
 mask-image:linear-gradient(90deg,transparent,#000 85%);
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header::after {
 height:3px !important;width:92px !important;
 inset-block-end:0 !important;
 inset-inline-start:clamp(23px,2.7vw,42px) !important;
 border-radius:3px 3px 0 0 !important;
 background:linear-gradient(90deg,#ffe8b7,#c39a54) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header > div:first-child {
 min-width:0 !important;
 border-inline-start:3px solid rgba(239,193,108,.85);
 padding-inline-start:18px;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-eyebrow {
 display:inline-flex !important;align-items:center !important;
 gap:8px !important;width:max-content;max-width:100%;
 padding:6px 11px !important;
 border:1px solid rgba(244,212,153,.44) !important;
 border-radius:99px !important;
 background:rgba(244,212,153,.1) !important;
 color:#ffdf9c !important;
 font-size:10px !important;font-weight:850 !important;
 letter-spacing:.075em !important;
 margin-bottom:10px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header h1 {
 font-size:clamp(29px,2.8vw,43px) !important;
 line-height:1.14 !important;
 color:#fff !important;
 font-weight:900 !important;
 letter-spacing:-.035em !important;
 margin:0 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header h1 > span,
html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header h1 button {
 color:#f7e4be !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header p {
 margin:10px 0 0 !important;
 font-size:13px !important;line-height:1.7 !important;
 font-weight:610 !important;
 color:#d8e5f5 !important;
 max-width:68ch !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-header-actions {min-width:0 !important;}
html[data-theme] .thrs-page-org-chart .orgchart-ui-view-toggle {
 display:flex !important;
 padding:5px !important;
 min-height:48px !important;
 gap:5px !important;
 background:rgba(3,21,40,.57) !important;
 border:1px solid rgba(192,214,237,.32) !important;
 border-radius:14px !important;
 backdrop-filter:blur(10px);
 box-shadow:0 9px 22px rgba(0,10,24,.19) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-view-toggle button,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-header-actions .orgchart-ui-view-toggle > button[type="button"] {
 height:38px !important;min-height:38px !important;
 min-width:105px !important;
 padding:0 15px !important;
 color:#dbe9fa !important;
 border:1px solid transparent !important;
 border-radius:10px !important;
 background:transparent !important;
 font-size:12px !important;font-weight:770 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-view-toggle button.is-active,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-header-actions .orgchart-ui-view-toggle > button.is-active[type="button"] {
 color:#12293f !important;
 background:linear-gradient(130deg,#f9e0aa,#dbae60) !important;
 border-color:#f7e7c4 !important;
 box-shadow:0 5px 13px rgba(2,15,30,.16) !important;
}
/* Unified command strip with accessible large targets. */
html[data-theme="light"] .thrs-page-org-chart .orgchart-ui-toolbar {
 background:linear-gradient(120deg,#fff,#f6f9fd) !important;
}
html[data-theme="dark"] .thrs-page-org-chart .orgchart-ui-toolbar {
 background:linear-gradient(120deg,#1a3e5c,#102b44) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-toolbar {
 display:flex !important;
 gap:11px !important;
 padding:14px 17px !important;
 min-height:78px !important;
 align-items:center !important;
 flex-wrap:wrap !important;
 border:1px solid var(--oc-border) !important;
 border-inline-start:4px solid #c7a15e !important;
 border-radius:18px !important;
 box-shadow:var(--oc-shadow) !important;
}
html[data-theme] .thrs-page-org-chart :is(.orgchart-ui-search-field,.orgchart-ui-select-field) {
 min-height:49px !important;height:49px !important;
 gap:10px !important;
 padding:0 13px !important;
 background:var(--oc-surface) !important;
 border:1px solid var(--oc-border) !important;
 color:var(--oc-gold) !important;
 border-radius:12px !important;
 box-shadow:inset 0 1px 2px rgba(10,36,64,.025) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-search-field {
 flex:1 1 270px !important;
 max-width:520px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-select-field {
 flex:0 1 265px !important;
 width:265px !important;
 min-width:160px !important;
 max-width:285px !important;
}
html[data-theme] .thrs-page-org-chart :is(.orgchart-ui-search-field,.orgchart-ui-select-field):focus-within {
 border-color:var(--oc-gold) !important;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-gold) 17%,transparent) !important;
}
html[data-theme] .thrs-page-org-chart :is(.orgchart-ui-search-field,.orgchart-ui-select-field) :is(input,select),
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page :is(.orgchart-ui-search-field,.orgchart-ui-select-field) :is(input,select) {
 background:transparent !important;
 border:0 !important;
 outline:0 !important;
 box-shadow:none !important;
 padding-block:0 !important;
 color:var(--oc-ink) !important;
 -webkit-text-fill-color:var(--oc-ink) !important;
 font-size:13px !important;
 font-weight:675 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-search-field input::placeholder {
 color:var(--oc-muted) !important;
 -webkit-text-fill-color:var(--oc-muted) !important;
 opacity:1 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-select-field select option {
 color:var(--oc-ink);
 background:var(--oc-surface);
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls {
 min-height:49px !important;
 padding:4px !important;
 gap:5px !important;
 border-radius:12px !important;
 border:1px solid var(--oc-border) !important;
 background:var(--oc-surface) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls > button,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-toolbar .orgchart-ui-zoom-controls > button[type="button"] {
 min-height:39px !important;height:39px !important;
 width:39px !important;flex:0 0 39px !important;
 display:grid !important;place-items:center !important;
 color:var(--oc-ink) !important;
 background:var(--oc-soft) !important;
 border:1px solid var(--oc-border) !important;
 border-radius:9px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls > button:hover {
 border-color:var(--oc-gold) !important;
 background:var(--oc-paper) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls .orgchart-ui-fit-btn,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-toolbar .orgchart-ui-zoom-controls > button.orgchart-ui-fit-btn[type="button"] {
 width:auto !important;min-width:0 !important;flex:0 0 auto !important;
 padding:0 13px !important;
 display:inline-flex !important;
 gap:7px !important;
 font-size:11.5px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls > span {
 font-size:12px !important;
 color:var(--oc-ink) !important;
 font-variant-numeric:tabular-nums;
 min-width:45px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-reset-btn {
 min-height:49px !important;height:49px !important;
 padding:0 16px !important;
 border-radius:12px !important;
 font-size:12px !important;
}
/* Three real KPI tiles; first is a distinct leadership highlight. */
html[data-theme] .thrs-page-org-chart .orgchart-ui-stats {
 display:grid !important;
 grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 gap:13px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-card,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-stats > button.orgchart-ui-stat-card[type="button"] {
 min-height:130px !important;
 padding:22px !important;
 gap:16px !important;
 border:1px solid var(--oc-border) !important;
 border-radius:19px !important;
 box-shadow:var(--oc-shadow) !important;
 background:linear-gradient(120deg,var(--oc-surface),var(--oc-soft)) !important;
 color:var(--oc-ink) !important;
 transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-card:first-child,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-stats > button.orgchart-ui-stat-card:first-child[type="button"] {
 background:linear-gradient(127deg,#173f63,#092741) !important;
 border-color:#507591 !important;
 border-top:3px solid #d9ac60 !important;
 color:#f7f9ff !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-card:first-child :is(.orgchart-ui-stat-copy strong,.orgchart-ui-stat-copy small,.orgchart-ui-stat-copy > span) {
 color:#f7f9ff !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-card:first-child .orgchart-ui-stat-icon {
 color:#f3d58d !important;
 background:rgba(245,218,163,.15) !important;
 border-color:rgba(246,214,146,.39) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-icon {
 width:56px !important;height:56px !important;flex:0 0 56px !important;
 border:1px solid var(--oc-border) !important;
 border-radius:16px !important;
 color:var(--oc-gold) !important;
 background:color-mix(in srgb,var(--oc-gold) 12%,var(--oc-surface)) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-copy strong {
 font-size:clamp(29px,2.55vw,40px) !important;
 font-weight:900 !important;
 letter-spacing:-.035em !important;
 color:var(--oc-ink) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-copy small {
 font-size:13px !important;
 font-weight:740 !important;
 color:var(--oc-muted) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-copy > span {
 font-size:11px !important;
 color:var(--oc-gold) !important;
 font-weight:800 !important;
}
/* Organization graph workspace: subtle coordinate grid, clear connector ink. */
html[data-theme] .thrs-page-org-chart .orgchart-ui-workspace {
 display:grid !important;
 grid-template-columns:minmax(0,1fr) clamp(300px,22vw,355px) !important;
 gap:16px !important;
 align-items:stretch !important;
 min-width:0 !important;
}
html[data-theme="light"] .thrs-page-org-chart .orgchart-ui-canvas {
 background:radial-gradient(circle at 50% 12%,#fff,#f2f6fc 68%,#edf3fa) !important;
}
html[data-theme="dark"] .thrs-page-org-chart .orgchart-ui-canvas {
 background:radial-gradient(circle at 50% 10%,#183a57,#0e2b47 62%,#092137) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-canvas {
 position:relative !important;
 min-width:0 !important;max-width:100% !important;
 height:clamp(620px,calc(100dvh - 295px),850px) !important;
 min-height:620px !important;
 border:1px solid var(--oc-border) !important;
 border-radius:22px !important;
 overflow:auto !important;
 overscroll-behavior:contain !important;
 scrollbar-width:thin !important;
 box-shadow:var(--oc-shadow) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-canvas-grid {
 background-size:33px 33px !important;
 opacity:.42 !important;
 background-image:
  linear-gradient(color-mix(in srgb,var(--oc-link) 16%,transparent) 1px,transparent 1px),
  linear-gradient(90deg,color-mix(in srgb,var(--oc-link) 16%,transparent) 1px,transparent 1px) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-layer {
 padding:34px 35px 58px !important;
 min-width:100% !important;
}
html[data-theme] .thrs-page-org-chart :is(.orgchart-ui-vertical-line,.orgchart-ui-horizontal-line),
html[data-theme] .thrs-page-org-chart .orgchart-ui-department-node::before,
html[data-theme] .thrs-page-org-chart .orgchart-ui-staff-grid::before,
html[data-theme] .thrs-page-org-chart .orgchart-ui-staff-grid .orgchart-ui-employee-node::before {
 background:linear-gradient(90deg,color-mix(in srgb,var(--oc-link) 80%,#d0a35c),var(--oc-link)) !important;
 opacity:.85 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-horizontal-line,
html[data-theme] .thrs-page-org-chart .orgchart-ui-staff-grid::before {height:2px !important;}
html[data-theme] .thrs-page-org-chart .orgchart-ui-vertical-line {width:2px !important;}
html[data-theme] .thrs-page-org-chart .orgchart-ui-departments-row {gap:17px !important;padding-top:29px !important;}
html[data-theme] .thrs-page-org-chart .orgchart-ui-department-node,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-canvas button.orgchart-ui-department-node[type="button"] {
 width:165px !important;
 min-height:137px !important;
 padding:17px 14px 14px !important;
 gap:7px !important;
 background:linear-gradient(155deg,var(--oc-surface),var(--oc-soft)) !important;
 border:1px solid var(--oc-border) !important;
 border-top:3px solid #b58b4d !important;
 border-radius:17px !important;
 color:var(--oc-ink) !important;
 box-shadow:0 9px 22px rgba(11,37,69,.085) !important;
}
html[data-theme="dark"] .thrs-page-org-chart .orgchart-ui-department-node {
 box-shadow:0 10px 23px rgba(0,0,0,.28) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-department-node.is-selected,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-canvas button.orgchart-ui-department-node.is-selected[type="button"] {
 border-color:#d5aa66 !important;
 border-top:3px solid #f1d28d !important;
 background:linear-gradient(135deg,#183f61,#0b2944) !important;
 box-shadow:0 13px 27px rgba(8,37,68,.21) !important;
 color:#f4f9ff !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-department-node.is-selected :is(strong,small,.orgchart-ui-dept-icon,.orgchart-ui-dept-menu) {
 color:#f4f9ff !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-dept-icon {
 display:grid !important;place-items:center !important;
 width:42px !important;height:42px !important;
 background:color-mix(in srgb,var(--oc-gold) 12%,var(--oc-surface));
 border-radius:12px;
 color:var(--oc-gold) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-department-node.is-selected .orgchart-ui-dept-icon {
 background:rgba(250,219,164,.15) !important;
 color:#f6d58f !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-department-node strong {
 font-size:12.5px !important;line-height:1.4 !important;
 color:var(--oc-ink) !important;max-width:142px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-department-node small {
 font-size:11px !important;font-weight:700 !important;
 color:var(--oc-muted) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-dept-plus {
 width:25px !important;height:25px !important;
 border-radius:9px !important;
 border-color:#d2ad6d !important;
 color:var(--oc-navy) !important;
 background:#f7dda5 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-team-heading {
 width:min(100%,520px) !important;
 min-height:74px !important;
 padding:14px 20px !important;
 border:1px solid var(--oc-border) !important;
 border-inline-start:4px solid #c99c58 !important;
 border-radius:16px !important;
 background:var(--oc-surface) !important;
 box-shadow:0 10px 25px rgba(10,32,59,.09) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-team-heading span {
 color:var(--oc-gold) !important;
 font-size:10.5px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-team-heading strong {
 color:var(--oc-ink) !important;
 font-size:15px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-team-heading small {
 color:var(--oc-muted) !important;
 font-size:11.5px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-staff-grid {
 grid-template-columns:repeat(5,158px) !important;
 gap:15px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-employee-node,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-canvas button.orgchart-ui-employee-node[type="button"] {
 width:158px !important;min-height:145px !important;
 padding:18px 13px 15px !important;
 background:var(--oc-surface) !important;
 border:1px solid var(--oc-border) !important;
 border-top:3px solid color-mix(in srgb,var(--employee-accent,#c2a468) 52%,#d0a65e) !important;
 border-radius:17px !important;
 color:var(--oc-ink) !important;
 box-shadow:0 9px 22px rgba(10,34,58,.095) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-employee-node.is-head,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-canvas button.orgchart-ui-employee-node.is-head[type="button"] {
 width:216px !important;min-height:114px !important;
 padding:17px 32px 17px 15px !important;
 flex-direction:row !important;
 border-radius:17px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-employee-node.is-selected,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-canvas button.orgchart-ui-employee-node.is-selected[type="button"] {
 border-color:#bd9455 !important;
 border-top-color:#e5bd74 !important;
 box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-gold) 22%,transparent),0 14px 28px rgba(16,44,74,.17) !important;
 background:color-mix(in srgb,var(--oc-gold) 7%,var(--oc-surface)) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-avatar {
 border:1px solid #dfb772 !important;
 background:linear-gradient(132deg,#f9e4b4,#dfae61) !important;
 color:#122c45 !important;
 box-shadow:0 5px 12px rgba(19,43,70,.1) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-node-copy strong {
 color:var(--oc-ink) !important;
 font-size:12px !important;
 font-weight:850 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-node-copy small {
 color:var(--oc-muted) !important;
 font-size:11px !important;
 font-weight:680 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-node-copy em {
 color:var(--oc-gold) !important;
 font-size:9.5px !important;
 font-weight:730 !important;
}
html[data-theme] .thrs-page-org-chart :is(.orgchart-ui-department-node,.orgchart-ui-employee-node):hover {
 transform:translateY(-3px) !important;
 border-color:var(--oc-gold) !important;
}
html[data-theme] .thrs-page-org-chart :is(.orgchart-ui-department-node,.orgchart-ui-employee-node):focus-visible {
 outline:3px solid var(--oc-gold) !important;outline-offset:4px !important;
}
/* Sidebar is a real selected employee workspace, not a passive metadata block. */
html[data-theme="light"] .thrs-page-org-chart .orgchart-ui-details-panel {
 background:linear-gradient(155deg,#fff,#f5f8fd) !important;
}
html[data-theme="dark"] .thrs-page-org-chart .orgchart-ui-details-panel {
 background:linear-gradient(155deg,#183a58,#102a44) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-details-panel {
 height:clamp(620px,calc(100dvh - 295px),850px) !important;
 min-height:620px !important;
 padding:23px 21px !important;
 border:1px solid var(--oc-border) !important;
 border-radius:22px !important;
 box-shadow:var(--oc-shadow) !important;
 scrollbar-width:thin;
 color:var(--oc-ink);
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-close,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-details-panel > button.orgchart-ui-panel-close[type="button"] {
 width:37px !important;height:37px !important;
 border:1px solid var(--oc-border) !important;
 background:var(--oc-surface) !important;
 border-radius:11px !important;
 color:var(--oc-ink) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-profile {
 border-bottom:1px solid var(--oc-border) !important;
 padding:27px 0 22px !important;
 gap:14px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-profile strong {
 font-size:18px !important;
 color:var(--oc-ink) !important;
 font-weight:875 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-profile :is(span,small) {
 color:var(--oc-muted) !important;
 font-size:12px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-contact-actions {
 gap:9px !important;
 margin:17px 0 22px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-contact-actions a {
 border:1px solid var(--oc-border) !important;
 background:var(--oc-surface) !important;
 border-radius:13px !important;
 color:var(--oc-ink) !important;
 font-size:12px !important;
 font-weight:735 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-contact-actions a > span {
 border-radius:10px !important;
 background:color-mix(in srgb,var(--oc-gold) 13%,var(--oc-soft)) !important;
 color:var(--oc-gold) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-section {
 padding:17px 0 !important;
 border-bottom:1px solid var(--oc-border) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-section h3 {
 font-size:13.5px !important;
 font-weight:850 !important;
 color:var(--oc-ink) !important;
 margin-bottom:14px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-section :is(dt,.orgchart-ui-reporting-person small) {
 color:var(--oc-muted) !important;
 font-size:11.5px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-section :is(dd,.orgchart-ui-reporting-person strong) {
 color:var(--oc-ink) !important;
 font-size:12px !important;font-weight:760 !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-reporting-person {
 background:var(--oc-surface) !important;
 border:1px solid var(--oc-border) !important;
 border-radius:13px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-profile-link {
 min-height:46px !important;
 border:1px solid #e0b86e !important;
 background:linear-gradient(130deg,#ffecbd,#e1b364) !important;
 color:#12283f !important;
 border-radius:12px !important;
 font-size:12.5px !important;
 font-weight:850 !important;
 box-shadow:0 7px 19px rgba(105,69,23,.15) !important;
}
/* List view: separate department stations with premium employee rows. */
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-view {
 gap:17px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-section {
 background:var(--oc-surface) !important;
 border:1px solid var(--oc-border) !important;
 border-radius:19px !important;
 box-shadow:var(--oc-shadow) !important;
 overflow:hidden !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-section > header {
 background:var(--oc-soft) !important;
 padding:17px 21px !important;
 border-bottom:1px solid var(--oc-border) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-title > span {
 width:43px !important;height:43px !important;
 border:1px solid color-mix(in srgb,var(--oc-gold) 27%,var(--oc-border));
 background:color-mix(in srgb,var(--oc-gold) 12%,var(--oc-surface)) !important;
 color:var(--oc-gold) !important;
 border-radius:12px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-title strong {
 font-size:15px !important;color:var(--oc-ink) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-title small {
 font-size:12px !important;color:var(--oc-muted) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-section > header > button {
 min-height:39px !important;
 padding:0 13px !important;
 background:var(--oc-surface) !important;
 border:1px solid var(--oc-border) !important;
 border-radius:10px !important;
 color:var(--oc-gold) !important;
 font-size:11.5px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-grid {
 gap:7px !important;
 padding:13px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-person,
html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-list-grid > button.orgchart-ui-list-person[type="button"] {
 min-height:72px !important;
 padding:12px 15px !important;
 border:1px solid var(--oc-border) !important;
 background:var(--oc-surface) !important;
 border-radius:13px !important;
 color:var(--oc-ink) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-person:hover {
 background:var(--oc-soft) !important;
 border-color:var(--oc-gold) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-list-person strong {
 font-size:13px !important;color:var(--oc-ink) !important;
}
html[data-theme] .thrs-page-org-chart :is(.orgchart-ui-list-person small,.orgchart-ui-list-email) {
 font-size:11px !important;color:var(--oc-muted) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-empty-state {
 background:var(--oc-surface) !important;
 border:1px dashed var(--oc-border) !important;
 border-radius:17px !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-legend {
 border:1px solid var(--oc-border) !important;
 background:var(--oc-surface) !important;
 color:var(--oc-muted) !important;
 padding:11px 18px !important;
 border-radius:12px !important;
 box-shadow:var(--oc-shadow) !important;
}
html[data-theme] .thrs-page-org-chart .orgchart-ui-legend i {border-color:var(--oc-link) !important;}
/* Responsive sizing: 1920 down to 320, never clip body. */
@media(max-width:1420px) {
 html[data-theme] .thrs-page-org-chart .orgchart-ui-workspace {
  grid-template-columns:minmax(0,1fr) 306px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-toolbar {gap:9px !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-staff-grid {
  grid-template-columns:repeat(4,158px) !important;
 }
}
@media(max-width:1160px) {
 html[data-theme] .thrs-page-org-chart .orgchart-ui-workspace {
  grid-template-columns:minmax(0,1fr) !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-details-panel {
  min-height:0 !important;height:auto !important;
  max-height:560px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-toolbar {
  display:grid !important;
  grid-template-columns:minmax(0,1.5fr) minmax(175px,1fr) auto !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-toolbar-spacer {display:none !important;}
 html[data-theme] .thrs-page-org-chart :is(.orgchart-ui-search-field,.orgchart-ui-select-field) {
  width:100% !important;max-width:none !important;min-width:0 !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-staff-grid {
  grid-template-columns:repeat(3,158px) !important;
 }
}
@media(max-width:880px) {
 html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header {
  grid-template-columns:minmax(0,1fr) !important;
  min-height:0 !important;
  gap:17px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-header-actions {
  justify-content:flex-start !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-toolbar {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls {
  grid-column:1/-1;
  width:max-content !important;max-width:100%;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-reset-btn {
  grid-column:1/-1;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stats {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-card {
  min-height:120px !important;
  padding:15px !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-icon {
  width:40px !important;height:40px !important;flex:0 0 40px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-copy strong {font-size:29px !important;}
}
@media(max-width:620px) {
 html[data-theme] .thrs-page-org-chart.orgchart-ui-page {
  gap:12px !important;padding-inline:8px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header {
  padding:24px 18px !important;border-radius:19px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header > div:first-child {padding-inline-start:12px !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header h1 {
  font-size:clamp(28px,6.7vw,36px) !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-page-header p {font-size:12px !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-view-toggle {width:100% !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-view-toggle button {flex:1 !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-toolbar {
  grid-template-columns:minmax(0,1fr) !important;
  padding:12px !important;gap:10px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls {
  grid-column:1 !important;
  width:100% !important;
  justify-content:space-between !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-reset-btn {grid-column:1 !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-search-field,
 html[data-theme] .thrs-page-org-chart .orgchart-ui-select-field {
  min-width:0 !important;max-width:none !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stats {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-card,
 html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-stats > button.orgchart-ui-stat-card[type="button"] {
  min-height:120px !important;
  padding:12px 9px !important;
  border-radius:14px !important;
  gap:8px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-icon {
  width:36px !important;height:36px !important;flex-basis:36px !important;
  border-radius:10px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-icon svg {
  width:20px !important;height:20px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-copy strong {
  font-size:26px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-copy small {
  white-space:normal !important;font-size:10px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stat-copy > span {display:inline-flex !important;font-size:9px !important;margin-top:3px !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-canvas {
  height:520px !important;min-height:520px !important;
  border-radius:17px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-layer {
  padding:26px 22px 38px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-department-node {
  width:150px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-staff-grid {
  grid-template-columns:repeat(2,150px) !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-details-panel {
  min-height:0 !important;height:auto !important;
  max-height:560px !important;
  padding:20px 16px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-panel-section dl {
  grid-template-columns:1fr !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-list-section > header {
  gap:12px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-list-grid {padding:9px !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-list-person {
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:9px !important;
  min-height:65px !important;
 }
}
@media(max-width:370px) {
 html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls .orgchart-ui-fit-btn,
 html[data-theme] main.thrs-main-shell > .thrs-page.thrs-page-org-chart.orgchart-ui-page .orgchart-ui-toolbar .orgchart-ui-zoom-controls > button.orgchart-ui-fit-btn[type="button"] {
  font-size:10px !important;
  padding-inline:7px !important;
 }
 html[data-theme] .thrs-page-org-chart .orgchart-ui-zoom-controls > span {min-width:36px !important;}
 html[data-theme] .thrs-page-org-chart .orgchart-ui-stats {gap:5px !important;}
}
@media(prefers-reduced-motion:reduce) {
 html[data-theme] .thrs-page-org-chart :is(button,.orgchart-ui-zoom-layer) {
  animation:none !important;transition:none !important;
 }
}


/* Leadership cards keep a balanced centered row; original hierarchy intact. */
html[data-theme] .thrs-page-org-chart .orgchart-ui-leadership-row {
 gap:18px !important;
 justify-content:center !important;
 align-items:flex-start !important;
}