/* Shared light theme. Scoped to the injected body class; component visibility,
   sticky positioning, chart series and workflow semantics remain upstream-owned. */
body.hr-apple-theme {
  --hr-background: #f5f5f7;
  --hr-surface: #fff;
  --hr-text: #1d1d1f;
  --hr-secondary: #6e6e73;
  --hr-border: #d2d2d7;
  --hr-accent: #007aff;
  --hr-link: #0066cc;
  --hr-action: #0066cc;
  --hr-muted-surface: #fafafa;
  --hr-hover: #ededf0;
  --hr-rule: #e5e5e9;
  --hr-row-hover: #f6f8fc;
  --hr-danger-text: #92251f;
  --hr-success-text: #18713c;
  --hr-accent-soft: #eaf3ff;
  --hr-danger: #c9342b;
  --hr-danger-soft: #fff0ef;
  --hr-success: #18713c;
  --hr-success-soft: #edf8f0;
  --hr-warning: #8a5300;
  --hr-warning-soft: #fff4d6;
  --hr-control-radius: 10px;
  --hr-card-radius: 16px;
  --hr-shadow: 0 2px 12px rgb(29 29 31 / 5%);
  --hr-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--hr-background);
  color: var(--hr-text);
  font-family: var(--hr-font);
  font-size: 15px;
  line-height: 1.5;
  color-scheme: light;
  -webkit-font-smoothing: antialiased;
  /* Inherit through actual shell utilities and dashboard body-loaded styles. */
  --primary-100: var(--hr-accent-soft);
  --primary-200: var(--hr-accent-soft);
  --primary-300: #b7d4f7;
  --primary-500: #a9ccf7;
  --primary-600: var(--hr-action);
  --primary-700: #005bb5;
  --primary-800: #004c99;
  --btn-add-another: var(--hr-accent-soft);
  --md-indigo: var(--hr-link);
}

.hr-apple-theme :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--hr-font);
  color: var(--hr-text);
  font-weight: 600;
  letter-spacing: -.025em;
}
.hr-apple-theme :is(button, input, select, textarea) { font-family: var(--hr-font); }
.hr-apple-theme :is(.oh-main, .oh-wrapper-main, .oh-wrapper-main__main, #ohMainContent) {
  min-width: 0;
  background-color: var(--hr-background);
}
.hr-apple-theme :is(.oh-main__titlebar-title, .oh-navbar__page-title, .oh-card__title--lg) {
  color: var(--hr-text);
  font-weight: 600;
  letter-spacing: -.02em;
}
.hr-apple-theme :is(.oh-profile__subtext, .oh-helptext, .oh-form__help, .helptext) {
  color: var(--hr-secondary);
}
.hr-apple-theme a:not([class]) { color: var(--hr-link); }
.hr-apple-theme a:not([class]):hover { text-decoration: underline; text-underline-offset: 3px; }

/* Keep the sidebar's existing expanded/collapsed and mobile mechanics intact. */
.hr-apple-theme .oh-sidebar {
  background: var(--hr-muted-surface);
  color: var(--hr-text);
  border-inline-end: 1px solid var(--hr-border);
}
.hr-apple-theme .oh-sidebar__company { border-bottom: 1px solid var(--hr-border); }
.hr-apple-theme .oh-sidebar__company-title { color: var(--hr-text); font-weight: 600; }
.hr-apple-theme .oh-sidebar__company-link,
.hr-apple-theme .oh-sidebar__company-link:is(:hover, :focus, :visited) { color: var(--hr-secondary); }
.hr-apple-theme .oh-sidebar__company-profile {
  background: var(--hr-accent-soft);
  color: var(--hr-link);
  border-radius: 12px;
}
.hr-apple-theme .oh-sidebar__menu-items { margin-top: 16px; }
.hr-apple-theme .oh-sidebar__menu-link {
  min-height: 44px;
  color: var(--hr-text);
  border-radius: var(--hr-control-radius);
  margin: 3px 12px;
  width: calc(100% - 24px);
  padding: 11px 12px;
  font-weight: 500;
  transition: background-color .15s ease;
}
.hr-apple-theme .oh-sidebar__menu-link:is(:hover, :focus, :active) {
  color: var(--hr-text);
  background: var(--hr-hover);
  opacity: 1;
}
.hr-apple-theme .oh-sidebar__menu-link--active,
.hr-apple-theme .oh-sidebar__menu-link--active:is(:hover, :focus) {
  color: var(--hr-link);
  background: var(--hr-accent-soft);
}
/* Upstream menu images have an inline white-icon filter for its dark sidebar. */
.hr-apple-theme .oh-sidebar__menu-icon img { filter: brightness(0) opacity(.68) !important; }
.hr-apple-theme .oh-sidebar__submenu { background: transparent; }
.hr-apple-theme .oh-sidebar__submenu-link,
.hr-apple-theme .oh-sidebar__submenu-link:visited {
  color: var(--hr-secondary);
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  line-height: 1.4;
}
.hr-apple-theme .oh-sidebar__submenu-link:is(:hover, :focus, :active) { color: var(--hr-link); }
.hr-apple-theme .oh-wrapper-main--closed .oh-sidebar__menu-link { width: auto; margin-inline: 8px; }

.hr-apple-theme .oh-navbar {
  background: rgb(255 255 255 / 96%);
  color: var(--hr-text);
  border-bottom: 1px solid var(--hr-border);
  box-shadow: 0 1px 5px rgb(29 29 31 / 3%);
}
.hr-apple-theme :is(.oh-navbar__icon, .oh-navbar__breadcrumb-link) { color: var(--hr-secondary); }
.hr-apple-theme .oh-navbar__breadcrumb-link:is(:hover, .active) { color: var(--hr-link); }
.hr-apple-theme :is(.oh-navbar__user-info, .oh-navbar__notifications, .oh-navbar__action-icons) {
  border-radius: var(--hr-control-radius);
}
.hr-apple-theme :is(.oh-navbar__toggle-link, .oh-navbar__notification-link, .oh-navbar__action-icons-link) {
  min-width: 44px;
  min-height: 44px;
}
.hr-apple-theme .oh-navbar__clock { border-radius: var(--hr-control-radius); }

/* Geometry shared by controls; semantic variants get their own colors below. */
.hr-apple-theme .oh-btn {
  min-height: 44px;
  border-radius: var(--hr-control-radius);
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.25;
  transition: background-color .15s ease, border-color .15s ease;
}
.hr-apple-theme :is(.oh-btn--sq, .oh-btn--sq-sm) { min-width: 40px; min-height: 40px; }
.hr-apple-theme :is(.oh-btn--small, .oh-btn--x-small) { min-height: 36px; }
.hr-apple-theme :is(.oh-btn--primary, .oh-btn--secondary, .oh-btn--info) {
  background: var(--hr-action);
  color: #fff;
  border: 1px solid transparent;
}
.hr-apple-theme :is(.oh-btn--primary, .oh-btn--secondary, .oh-btn--info):is(:hover, :focus) {
  background: #005bb5;
  color: #fff;
}
.hr-apple-theme :is(.oh-btn--primary-outline, .oh-btn--secondary-outline, .oh-btn--secondary-ouline, .oh-btn--info-outline) {
  background: var(--hr-surface);
  border: 1px solid var(--hr-border);
  color: var(--hr-link);
}
.hr-apple-theme :is(.oh-btn--primary-outline, .oh-btn--secondary-outline, .oh-btn--secondary-ouline, .oh-btn--info-outline):is(:hover, :focus) {
  background: var(--hr-accent-soft);
  border-color: #a9ccf7;
  color: var(--hr-link);
}
.hr-apple-theme :is(.oh-btn--light, .oh-btn--light-dark-text, .oh-btn--view, .oh-btn--transparent) {
  background: var(--hr-surface);
  color: var(--hr-text);
  border: 1px solid var(--hr-border);
}
.hr-apple-theme :is(.oh-btn--light, .oh-btn--light-dark-text, .oh-btn--view, .oh-btn--transparent):hover { background: var(--hr-hover); }
.hr-apple-theme .oh-btn--view-active { background: var(--hr-accent-soft); color: var(--hr-link); }
.hr-apple-theme .oh-btn--danger { background: var(--hr-danger); color: #fff; }
.hr-apple-theme .oh-btn--danger:is(:hover, :focus) { background: #a62820; color: #fff; }
.hr-apple-theme :is(.oh-btn--danger-outline, .oh-btn--light-danger) {
  color: var(--hr-danger);
  background: var(--hr-danger-soft);
  border: 1px solid #e9b8b4;
}
.hr-apple-theme :is(.oh-btn--danger-outline, .oh-btn--light-danger):is(:hover, :focus) { background: #fbe0dd; color: #a62820; }
.hr-apple-theme :is(.oh-btn--danger-link, .oh-btn--danger-text, .oh-dropdown__link--danger) { color: var(--hr-danger); }
.hr-apple-theme .oh-btn--success { background: var(--hr-success); color: #fff; }
.hr-apple-theme .oh-btn--success:is(:hover, :focus) { background: #11592e; color: #fff; }
.hr-apple-theme .oh-btn--success-outline { color: var(--hr-success); border: 1px solid #bdddc8; background: var(--hr-success-soft); }
.hr-apple-theme .oh-btn--success-outline:is(:hover, :focus) { background: #d9efdf; color: var(--hr-success); }
.hr-apple-theme :is(.oh-btn--warning, .oh-btn--warning-outline) {
  color: var(--hr-warning);
  background: var(--hr-warning-soft);
  border: 1px solid #ead3a0;
}
.hr-apple-theme :is(.oh-btn--warning, .oh-btn--warning-outline):is(:hover, :focus) { background: #ffe9b1; color: #704300; }
.hr-apple-theme .oh-btn-group { border-radius: var(--hr-control-radius); }
.hr-apple-theme :is(.oh-btn--shadow) { filter: none; box-shadow: var(--hr-shadow); }

.hr-apple-theme :is(.oh-card, .oh-auth-card, .oh-dashboard-card, .oh-modal__dialog, .oh-kanban__card, .oh-kanban-card) {
  background-color: var(--hr-surface);
  border: 1px solid var(--hr-border);
  border-radius: var(--hr-card-radius);
  box-shadow: var(--hr-shadow);
}
.hr-apple-theme .oh-card-dashboard {
  border-radius: var(--hr-card-radius);
  box-shadow: var(--hr-shadow);
  transition: box-shadow .15s ease;
}
.hr-apple-theme .oh-card-dashboard:hover { transform: none; box-shadow: 0 4px 18px rgb(29 29 31 / 8%); }
.hr-apple-theme .oh-card--no-shadow { box-shadow: none; }
.hr-apple-theme :is(.oh-card__header, .oh-card__footer--border-top) { border-color: var(--hr-border); }
.hr-apple-theme .oh-auth { padding-inline: 16px; }
.hr-apple-theme .oh-auth-card { max-width: 460px; padding: clamp(24px, 4vw, 40px); }

/* Native fields deliberately exclude checkbox, radio, range, hidden and buttons. */
.hr-apple-theme :is(input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"], select, textarea) {
  color: var(--hr-text);
  background-color: var(--hr-surface);
  border: 1px solid var(--hr-border);
  border-radius: var(--hr-control-radius);
  padding: 10px 12px;
  min-height: 44px;
  max-width: 100%;
  font-size: .9375rem;
  line-height: 1.4;
  box-shadow: none;
  box-sizing: border-box;
}
.hr-apple-theme textarea { resize: vertical; }
.hr-apple-theme :is(input, textarea)::placeholder { color: var(--hr-secondary); opacity: 1; }
.hr-apple-theme :is(input, select, textarea):disabled {
  background-color: var(--hr-hover);
  color: var(--hr-secondary);
  cursor: not-allowed;
}
.hr-apple-theme :is(input, textarea):read-only:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { background-color: var(--hr-muted-surface); }
.hr-apple-theme :is(input, textarea, select)[aria-invalid="true"] { border-color: var(--hr-danger); }
.hr-apple-theme :is(.oh-input__label, .oh-label) { color: var(--hr-text); font-weight: 500; }
.hr-apple-theme :is(input[type="checkbox"], input[type="radio"], input[type="range"]) { accent-color: var(--hr-accent); }
.hr-apple-theme .oh-switch .oh-switch__checkbox:checked { background-color: var(--hr-accent); }
.hr-apple-theme .oh-switch .oh-switch__checkbox:checked:hover { background-color: var(--hr-link); }
.hr-apple-theme .select2-container { font-family: var(--hr-font); max-width: 100%; }
.hr-apple-theme .select2-container--default :is(.select2-selection--single, .select2-selection--multiple) {
  min-height: 44px;
  border: 1px solid var(--hr-border);
  border-radius: var(--hr-control-radius);
  background: var(--hr-surface);
}
.hr-apple-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--hr-text);
  line-height: 42px;
  padding-inline: 12px 28px;
}
.hr-apple-theme .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.hr-apple-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: var(--hr-text);
  background: var(--hr-background);
  border: 1px solid var(--hr-border);
  border-radius: 6px;
}
.hr-apple-theme .select2-dropdown { border-color: var(--hr-border); border-radius: var(--hr-control-radius); box-shadow: var(--hr-shadow); }
.hr-apple-theme .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--hr-action); color: #fff; }
.hr-apple-theme .select2-container--default.select2-container--disabled .select2-selection--single { background: var(--hr-hover); }

.hr-apple-theme :is(.oh-dropdown__menu, .oh-dropdown__import, .oh-navbar__notification-tray) {
  background: var(--hr-surface);
  border: 1px solid var(--hr-border);
  border-radius: 14px;
  box-shadow: 0 8px 30px rgb(29 29 31 / 10%);
}
.hr-apple-theme .oh-dropdown__link { border-radius: 6px; min-height: 36px; }
.hr-apple-theme .oh-dropdown__link:not(.oh-dropdown__link--danger):hover { color: var(--hr-link); background: var(--hr-accent-soft); }
.hr-apple-theme .oh-dropdown__link--danger:hover { color: var(--hr-danger); background: var(--hr-danger-soft); }
.hr-apple-theme :is(.oh-filter-tag, .oh-filter-tag:hover) { background: var(--hr-accent-soft); color: var(--hr-link); border-color: #b7d4f7; border-radius: 8px; }
.hr-apple-theme :is(.oh-dropdown__filter, .oh-dropdown__filter-footer, .oh-main__topbar) { border-color: var(--hr-border); }
.hr-apple-theme .oh-modal__dialog { max-width: calc(100vw - 32px); }
.hr-apple-theme :is(.oh-modal__dialog-header, .oh-modal__dialog-footer) { border-color: var(--hr-border); }
.hr-apple-theme .oh-modal__dialog-title { color: var(--hr-text); font-weight: 600; }
.hr-apple-theme .oh-modal__close { border-radius: 50%; min-width: 36px; min-height: 36px; }

/* Do not replace the table's sticky or display behavior. */
.hr-apple-theme .oh-sticky-table { background: var(--hr-surface); border-color: var(--hr-border); border-radius: 12px; }
.hr-apple-theme :is(.oh-sticky-table__th, .oh-sticky-table__td, .oh-sticky-table__sd) {
  border-color: var(--hr-rule);
  color: var(--hr-text);
  font-size: .875rem;
  line-height: 1.5;
}
.hr-apple-theme .oh-sticky-table__th { background: var(--hr-muted-surface); font-weight: 600; }
.hr-apple-theme .oh-sticky-table__sd { background: var(--hr-surface); }
.hr-apple-theme .oh-sticky-table__td { padding-block: 12px; }
.hr-apple-theme .oh-sticky-table__tr:hover { background-color: var(--hr-row-hover); }
.hr-apple-theme .oh-sticky-table--no-highlight .oh-sticky-table__tr:hover { background-color: transparent; }
.hr-apple-theme :is(.oh-sticky-table__tr.highlight-selected, .oh-sticky-table__tr.highlight-selected:hover) { background-color: var(--hr-accent-soft); }
.hr-apple-theme .oh-pagination__item { border-color: var(--hr-border); border-radius: 8px; min-height: 36px; }
.hr-apple-theme .oh-pagination__link--active { color: var(--hr-link); background: var(--hr-accent-soft); }
.hr-apple-theme .oh-tabs__tablist { border-color: var(--hr-border); }
.hr-apple-theme .oh-tabs__tab { color: var(--hr-secondary); background: transparent; border-radius: 10px 10px 0 0; min-height: 44px; }
.hr-apple-theme .oh-tabs__tab:hover { color: var(--hr-text); background: var(--hr-hover); }
.hr-apple-theme .oh-tabs__tab--active,
.hr-apple-theme .oh-tabs__tab--active:hover { color: var(--hr-link); background: var(--hr-surface); border-bottom-color: var(--hr-accent); }
.hr-apple-theme .oh-tabs__content { border-color: var(--hr-border); border-radius: 0 0 var(--hr-card-radius) var(--hr-card-radius); }

/* Chart canvas colors belong to its datasets; only its surrounding UI is themed. */
.hr-apple-theme :is(.oh-dashboard, .oh-dashboard__cards, .oh-dashboard__movable-cards--2) { gap: 20px; }
.hr-apple-theme :is(.oh-dashboard-card, .oh-card-dashboard__header--divider) { border-color: var(--hr-border); }
.hr-apple-theme :is(.oh-dashboard-card, .oh-card) canvas { max-width: 100%; }
.hr-apple-theme .oh-progress__bar--secondary { background-color: var(--hr-accent); }

/* Status retains color meaning; no blanket recoloring of badges or alerts. */
.hr-apple-theme .oh-alert { border-radius: var(--hr-control-radius); box-shadow: var(--hr-shadow); }
.hr-apple-theme .oh-alert--danger { color: var(--hr-danger-text); background: var(--hr-danger-soft); }
.hr-apple-theme .oh-alert--warning { color: var(--hr-warning); background: var(--hr-warning-soft); }
.hr-apple-theme .oh-alert--success { color: var(--hr-success); background: var(--hr-success-soft); }
.hr-apple-theme .oh-alert--info { color: var(--hr-link); background: var(--hr-accent-soft); }
.hr-apple-theme .oh-badge--danger { background: var(--hr-danger-soft); color: var(--hr-danger-text); }
.hr-apple-theme .oh-badge--info { background: var(--hr-accent-soft); color: var(--hr-link); }

/* Custom modules share the shell's type, surfaces and controls. */
.hr-apple-theme :is(.ops-page, .agentic-page) {
  font: 15px/1.6 var(--hr-font);
  color: var(--hr-text);
  background: var(--hr-surface);
  margin: 24px auto;
  max-width: 1320px;
  min-width: 0;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid var(--hr-border);
  border-radius: var(--hr-card-radius);
  box-shadow: var(--hr-shadow);
  overflow-wrap: anywhere;
}
.hr-apple-theme :is(.ops-page, .agentic-page) h1 { font-size: clamp(1.6rem, 2.5vw, 2rem); line-height: 1.2; margin: 20px 0 14px; }
.hr-apple-theme :is(.ops-page, .agentic-page) h2 { font-size: 1.25rem; line-height: 1.3; margin: 28px 0 12px; }
.hr-apple-theme :is(.ops-page, .agentic-page) a { color: var(--hr-link); text-underline-offset: 3px; }
.hr-apple-theme :is(.ops-page, .agentic-page) a:hover { text-decoration: underline; }
.hr-apple-theme :is(.ops-page, .agentic-page) nav,
.hr-apple-theme .hr-section-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--hr-border);
}
.hr-apple-theme :is(.ops-page, .agentic-page) nav a,
.hr-apple-theme .hr-section-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: var(--hr-control-radius);
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--hr-secondary);
  text-decoration: none;
}
.hr-apple-theme :is(.ops-page, .agentic-page) nav a:hover,
.hr-apple-theme .hr-section-nav a:hover { color: var(--hr-link); background: var(--hr-accent-soft); text-decoration: none; }
.hr-apple-theme .hr-section-nav a[aria-current="page"] { color: var(--hr-link); background: var(--hr-accent-soft); }
.hr-apple-theme .ops-company-context {
  margin: 0 0 24px;
  padding: 12px 16px;
  border: 1px solid var(--hr-border);
  border-radius: var(--hr-control-radius);
  background: var(--hr-background);
  color: var(--hr-secondary);
  font-size: .875rem;
}
.hr-apple-theme .ops-company-context strong { color: var(--hr-text); }
.hr-apple-theme :is(.ops-page, .agentic-page) button:not(.reject):not(.oh-btn):not(.danger):not([data-action="delete"]) {
  color: #fff;
  background: var(--hr-action);
  border: 1px solid transparent;
  border-radius: var(--hr-control-radius);
  min-height: 44px;
  padding: 10px 16px;
  font-size: .9rem;
  font-weight: 500;
  cursor: pointer;
}
.hr-apple-theme :is(.ops-page, .agentic-page) button:not(.reject):not(.oh-btn):not(.danger):not([data-action="delete"]):hover { background: #005bb5; }
.hr-apple-theme :is(.ops-page, .agentic-page) :is(button.reject, button.danger, button[data-action="delete"]) {
  background: var(--hr-danger);
  color: #fff;
  border: 1px solid transparent;
  border-radius: var(--hr-control-radius);
  min-height: 44px;
  padding: 10px 16px;
}
.hr-apple-theme :is(.ops-page, .agentic-page) :is(button.reject, button.danger, button[data-action="delete"]):hover { background: #a62820; }
.hr-apple-theme :is(.ops-page, .agentic-page) :is(.helptext, small) { color: var(--hr-secondary); }
.hr-apple-theme :is(.ops-page, .agentic-page) form > p { margin: 0 0 20px; }
.hr-apple-theme :is(.ops-page, .agentic-page) label { font-weight: 500; color: var(--hr-text); margin-bottom: 6px; }
.hr-apple-theme :is(.ops-page, .agentic-page) label:has(input[type="checkbox"], input[type="radio"]) { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.hr-apple-theme :is(.ops-page, .agentic-page) textarea { width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.hr-apple-theme :is(.ops-page, .agentic-page) :is(.warning, .errorlist) { background: var(--hr-warning-soft); color: var(--hr-warning); border-radius: var(--hr-control-radius); padding: 12px 16px; }
.hr-apple-theme :is(.ops-page, .agentic-page) .errorlist { background: var(--hr-danger-soft); color: var(--hr-danger-text); }
.hr-apple-theme :is(.ops-page, .agentic-page) .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 20px; }
.hr-apple-theme :is(.ops-page, .agentic-page) .card { background: var(--hr-surface); border: 1px solid var(--hr-border); border-radius: var(--hr-card-radius); padding: 20px; box-shadow: var(--hr-shadow); }
.hr-apple-theme :is(.ops-page, .agentic-page) table { width: 100%; border-collapse: separate; border-spacing: 0; margin-block: 16px 24px; }
.hr-apple-theme :is(.ops-page, .agentic-page) :is(th, td) { border-bottom: 1px solid var(--hr-rule); padding: 12px 14px; text-align: start; vertical-align: top; font-size: .875rem; }
.hr-apple-theme :is(.ops-page, .agentic-page) th { background: var(--hr-muted-surface); font-weight: 600; color: var(--hr-secondary); }
.hr-apple-theme :is(.ops-page, .agentic-page) tbody tr:hover { background: var(--hr-row-hover); }
.hr-apple-theme :is(.ops-page, .agentic-page) :is(pre, code) { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .8125rem; }
.hr-apple-theme :is(.ops-page, .agentic-page) pre { white-space: pre-wrap; background: var(--hr-background); border: 1px solid var(--hr-rule); border-radius: var(--hr-control-radius); padding: 16px; overflow-wrap: anywhere; }
.hr-apple-theme :is(.ops-page, .agentic-page) summary { color: var(--hr-link); font-weight: 500; cursor: pointer; min-height: 44px; padding-block: 10px; }
.hr-apple-theme :is(.ops-page, .agentic-page) .badge { background: var(--hr-accent-soft); color: var(--hr-link); padding: 4px 8px; border-radius: 6px; font-size: .75rem; white-space: normal; }
.hr-apple-theme .hr-table-scroll { max-width: 100%; overflow-x: auto; border-radius: 12px; }

/* Employee intake: label/control pairs in a responsive grid, review notes, fact lists. */
.hr-apple-theme .ops-page .intake-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 16px 20px; margin-block: 12px 28px; }
.hr-apple-theme .ops-page .intake-grid > p { margin: 0; display: flex; flex-direction: column; }
.hr-apple-theme .ops-page .intake-grid :is(input, select, textarea) { width: 100%; }
.hr-apple-theme .ops-page .intake-grid textarea { font-family: inherit; }
.hr-apple-theme .ops-page .intake-grid .helptext { color: var(--hr-secondary); font-size: .8125rem; margin-top: 4px; }
.hr-apple-theme .ops-page .intake-checks { list-style: none; padding: 0; margin: 12px 0 24px; display: grid; gap: 8px; }
.hr-apple-theme .ops-page .intake-checks li { background: var(--hr-warning-soft); color: var(--hr-warning); border-radius: var(--hr-control-radius); padding: 10px 14px; }
.hr-apple-theme .ops-page .intake-checks li.error { background: var(--hr-danger-soft); color: var(--hr-danger-text); }
.hr-apple-theme .ops-page .intake-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 8px 0 20px; }
.hr-apple-theme .ops-page .intake-facts dt { color: var(--hr-secondary); }
.hr-apple-theme .ops-page .intake-facts dd { margin: 0; overflow-wrap: anywhere; }

/* Disabled controls remain visibly disabled after the hover/variant rules. */
.hr-apple-theme :is(.oh-btn, .ops-page button, .agentic-page button):is(:disabled, [aria-disabled="true"], .oh-btn--disabled) {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
}
.hr-apple-theme :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--hr-accent);
  outline-offset: 3px;
}
.hr-apple-theme .select2-container--focus .select2-selection { outline: 3px solid var(--hr-accent); outline-offset: 3px; }

@media (max-width: 960px) {
  .hr-apple-theme :is(.ops-page, .agentic-page) { margin: 16px auto; padding: 20px; }
  .hr-apple-theme :is(.ops-page, .agentic-page) table { display: block; max-width: 100%; overflow-x: auto; }
  .hr-apple-theme :is(.ops-page, .agentic-page) :is(th, td) { min-width: 120px; }
  .hr-apple-theme .oh-main__titlebar-button-container { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 575px) {
  .hr-apple-theme :is(.ops-page, .agentic-page) { margin: 12px 0; padding: 16px; border-radius: 12px; }
  .hr-apple-theme .hr-section-nav { gap: 4px; }
  .hr-apple-theme .hr-section-nav a { padding-inline: 10px; }
  .hr-apple-theme :is(.ops-page, .agentic-page) :is(input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], select, textarea) { font-size: 16px; }
  .hr-apple-theme .oh-modal__dialog { max-width: calc(100vw - 24px); border-radius: 14px; }
  .hr-apple-theme .oh-navbar__wrapper { padding-inline: 12px; }
  .hr-apple-theme .oh-navbar__systray { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .hr-apple-theme *, .hr-apple-theme *::before, .hr-apple-theme *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Active Tailwind shell. Its inline company rules deliberately use important
   for selection/focus, so only those same properties need targeted overrides. */
.hr-apple-theme :is(#sidebar, #sidebarFlyout) {
  --sidebar-accent: var(--hr-action);
  --sidebar-accent-dark: #005bb5;
  --sidebar-accent-soft: var(--hr-accent-soft);
  background-color: var(--hr-muted-surface);
  border-color: var(--hr-border);
}
.hr-apple-theme .oh-main-content { min-width: 0; background: var(--hr-background); }
.hr-apple-theme .oh-main-header { background: var(--hr-surface); border-color: var(--hr-border); box-shadow: 0 1px 5px rgb(29 29 31 / 3%); }
.hr-apple-theme :is(#sidebar, #sidebarFlyout) :is(.sideboxmain, .sidebar-subnav-link) { border-radius: var(--hr-control-radius); min-height: 44px; }
.hr-apple-theme :is(#sidebar, #sidebarFlyout) .sidebar-subnav-link { color: var(--hr-secondary); }
.hr-apple-theme :is(#sidebar, #sidebarFlyout) .sidebar-subnav-link.oh-sidebar-active-link { color: #fff !important; background: var(--hr-action) !important; box-shadow: none; }
.hr-apple-theme #sidebar .sideboxmain.sidebox-current { background: var(--hr-action) !important; box-shadow: none; }
.hr-apple-theme #sidebar .sideboxmain.sidebox-current .oh-sidebar-label { color: #fff; }
.hr-apple-theme :is(#sidebar, #sidebarFlyout) .sideboxmain.sidebox-active:not(.sidebox-current) { background: var(--hr-accent-soft) !important; }
.hr-apple-theme .sideboxmain:hover:not(.sidebox-current) { background: var(--hr-accent-soft); }
.hr-apple-theme #sidebarFlyout { border-color: var(--hr-border); border-radius: 14px; box-shadow: 0 8px 30px rgb(29 29 31 / 10%); }
.hr-apple-theme :is(.text-primary-600, .text-primary-700, .text-primary-800) { color: var(--hr-link); }
.hr-apple-theme :is(.bg-primary-50, .bg-primary-100, .bg-primary-200, .bg-primary-300) { background-color: var(--hr-accent-soft); }
.hr-apple-theme :is(.bg-primary-500, .bg-primary-600) { background-color: var(--hr-action); }
.hr-apple-theme .bg-primary-700 { background-color: #005bb5; }
.hr-apple-theme .bg-primary-800 { background-color: #004c99; }
.hr-apple-theme :is(.border-primary-300, .border-primary-500, .border-primary-600) { border-color: #a9ccf7; }
.hr-apple-theme .hover\:bg-primary-200:hover { background-color: var(--hr-accent-soft); }
.hr-apple-theme :is(.hover\:bg-primary-600, .hover\:bg-primary-700, .hover\:bg-primary-800):hover { background-color: var(--hr-action); }
.hr-apple-theme .hover\:text-primary-600:hover,
.hr-apple-theme .group:hover :is(.group-hover\:text-primary-600, .group-hover\:text-primary-700) { color: var(--hr-link); }
.hr-apple-theme .hover\:text-white:hover,
.hr-apple-theme .group:hover .group-hover\:text-white { color: #fff; }
.hr-apple-theme .text-color-600 { color: var(--hr-text); }
.hr-apple-theme :is(.text-dark-100, .text-dark-200, .text-dark-300) { color: var(--hr-secondary); }
.hr-apple-theme :is(.bg-white, .bg-secondary-50) { background-color: var(--hr-surface); }
.hr-apple-theme :is(.border-dark-50, .border-r-dark-50, .border-b-dark-50) { border-color: var(--hr-border); }
.hr-apple-theme .shadow-card { border-radius: var(--hr-card-radius); box-shadow: var(--hr-shadow); }
.hr-apple-theme :is(.btn-primary, .btn:not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not(.reject)) { background: var(--hr-action); color: #fff; border-radius: var(--hr-control-radius); min-height: 44px; }
.hr-apple-theme :is(.btn-primary, .btn:not([class*="danger"]):not([class*="success"]):not([class*="warning"]):not(.reject)):hover { background: #005bb5; color: #fff; }
.hr-apple-theme .oh-titlebar__tag--custom { background: var(--hr-action) !important; color: #fff !important; border-radius: 8px; }
.hr-apple-theme .highlight-selected { background: var(--hr-accent-soft) !important; }
.hr-apple-theme :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--hr-accent) !important; }
.hr-apple-theme input.custom-checkbox:checked { background-color: var(--hr-action) !important; border-color: var(--hr-action) !important; }
.hr-apple-theme input.custom-checkbox:hover { border-color: var(--hr-accent) !important; }
.hr-apple-theme :is(input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], select, textarea):focus { border-color: var(--hr-accent) !important; }
.hr-apple-theme :is(.usertablist li button.active, .mytab .tab-button.active) { background: var(--hr-action); color: #fff; border-color: var(--hr-action); }
.hr-apple-theme :is(.mytab, .breadcrumb .oh-breadcrumb-current) { border-color: var(--hr-border); color: var(--hr-link); }
.hr-apple-theme :is(.oh-accordion-header, .oh-tabs__movable-header) { background: var(--hr-accent-soft); color: var(--hr-link); }

/* Modern dashboard and setup checklist, whose own CSS arrives in the body. */
.hr-apple-theme .md-dashboard { background: var(--hr-background); color: var(--hr-text); font-family: var(--hr-font); }
.hr-apple-theme .md-dashboard :is(.md-kpi-card, .md-chart-card, .md-info-panel) { background: var(--hr-surface); color: var(--hr-text); border: 1px solid var(--hr-border); border-radius: var(--hr-card-radius); box-shadow: var(--hr-shadow); }
.hr-apple-theme .md-dashboard :is(.md-kpi-card, .md-chart-card):hover { transform: none; box-shadow: 0 4px 18px rgb(29 29 31 / 8%); }
.hr-apple-theme .md-dashboard :is(.md-header h1, .md-kpi-card__value, .md-chart-card__title, .md-info-panel__title, .md-ann-item__title, .md-leave-item__name) { color: var(--hr-text); font-weight: 600; }
.hr-apple-theme .md-dashboard :is(.md-header__date, .md-kpi-card__label, .md-kpi-card__sub, .md-chart-card__subtitle, .md-ann-item__desc, .md-ann-item__meta, .md-leave-item__dates, .md-refresh) { color: var(--hr-secondary); }
.hr-apple-theme .md-dashboard :is(.md-btn-customize, .md-btn-back, .md-btn-add, .md-period-preset) { border: 1px solid var(--hr-border); color: var(--hr-link); background: var(--hr-surface); border-radius: var(--hr-control-radius); min-height: 44px; }
.hr-apple-theme .md-dashboard :is(.md-btn-customize, .md-btn-back, .md-btn-add, .md-period-preset):hover { border-color: #a9ccf7; background: var(--hr-accent-soft); color: var(--hr-link); }
.hr-apple-theme .md-dashboard .md-period-preset--active { background: var(--hr-action); color: #fff; border-color: transparent; }
.hr-apple-theme .md-dashboard .md-period-preset--active:hover { background: #005bb5; color: #fff; }
.hr-apple-theme :is(.md-modal, .md-customize-panel) { background: var(--hr-surface); color: var(--hr-text); border-color: var(--hr-border); border-radius: var(--hr-card-radius); }
.hr-apple-theme :is(.md-modal__header, .md-customize-panel__header, .md-customize-panel__footer, .md-cust-item, .md-info-panel__header) { border-color: var(--hr-border); }
.hr-apple-theme .md-cust-btn--primary { background: var(--hr-action); color: #fff; min-height: 44px; border-radius: var(--hr-control-radius); }
.hr-apple-theme .md-cust-item__toggle--on { background: var(--hr-action); }
.hr-apple-theme .md-dashboard :is(.md-kpi-card__icon--indigo, .md-kpi-card__icon--blue) { background: var(--hr-accent-soft); color: var(--hr-link); }
.hr-apple-theme .md-dashboard .md-badge--red { background: var(--hr-danger-soft); color: var(--hr-danger-text); }
.hr-apple-theme .md-dashboard .md-badge--green { background: var(--hr-success-soft); color: var(--hr-success-text); }
.hr-apple-theme .md-dashboard .md-badge--amber { background: var(--hr-warning-soft); color: var(--hr-warning); }
.hr-apple-theme .md-dashboard .md-badge--blue { background: var(--hr-accent-soft); color: var(--hr-link); }
.hr-apple-theme .md-dashboard :is(.apexcharts-xaxis text, .apexcharts-yaxis text) { fill: var(--hr-secondary); }
.hr-apple-theme .md-dashboard .apexcharts-legend-text { color: var(--hr-text) !important; }
.hr-apple-theme #setup-checklist-banner .hcl-banner { background: linear-gradient(135deg, var(--hr-accent-soft), var(--hr-surface) 65%); border-color: var(--hr-border); box-shadow: var(--hr-shadow); }
.hr-apple-theme #setup-checklist-banner .hcl-blob { background: radial-gradient(circle, rgb(0 122 255 / 10%), transparent 70%); }
.hr-apple-theme #setup-checklist-banner :is(.hcl-icon, .hcl-action-btn) { background: var(--hr-action); color: #fff; }
.hr-apple-theme #setup-checklist-banner .hcl-action-btn { min-height: 44px; border-radius: var(--hr-control-radius); }
.hr-apple-theme #setup-checklist-banner .hcl-action-btn:hover { background: #005bb5; transform: none; }
.hr-apple-theme #setup-checklist-banner :is(.hcl-title, .hcl-action-title, .hcl-label-active) { color: var(--hr-text); }
.hr-apple-theme #setup-checklist-banner :is(.hcl-subtitle, .hcl-action-desc, .hcl-label-pending, .hcl-circle-num-pending) { color: var(--hr-secondary); }
.hr-apple-theme #setup-checklist-banner :is(.hcl-circle-num-active, .hcl-label-done) { color: var(--hr-link); }
.hr-apple-theme #setup-checklist-banner .hcl-circle-done { background: var(--hr-action); border-color: var(--hr-action); }
.hr-apple-theme #setup-checklist-banner .hcl-circle-active { background: var(--hr-surface); border-color: var(--hr-accent); box-shadow: 0 0 0 4px var(--hr-accent-soft); }
.hr-apple-theme #setup-checklist-banner .hcl-circle-pending { background: var(--hr-surface); border-color: var(--hr-border); }
.hr-apple-theme #setup-checklist-banner .hcl-circle-pending:hover { border-color: var(--hr-accent); box-shadow: 0 0 0 3px var(--hr-accent-soft); }
.hr-apple-theme #setup-checklist-banner .hcl-line-active { background: var(--hr-accent); }
.hr-apple-theme #setup-checklist-banner .hcl-line-inactive { background: var(--hr-border); }
.hr-apple-theme #setup-checklist-banner .hcl-action { background: var(--hr-surface); border-color: var(--hr-border); border-left-color: var(--hr-accent); }
.hr-apple-theme #setup-checklist-banner .hcl-dismiss { min-width: 36px; min-height: 36px; color: var(--hr-secondary); }

/* Session-selected dark mode, never a new preference or forced system toggle. */
body.hr-apple-theme.dark,
html.dark body.hr-apple-theme {
  --hr-background: #161617;
  --hr-surface: #242426;
  --hr-muted-surface: #202022;
  --hr-text: #f5f5f7;
  --hr-secondary: #a1a1a6;
  --hr-border: #48484a;
  --hr-link: #64aaff;
  --hr-accent: #0a84ff;
  --hr-accent-soft: #173450;
  --hr-hover: #333336;
  --hr-rule: #3a3a3c;
  --hr-row-hover: #2b2f36;
  --hr-danger-soft: #442521;
  --hr-danger-text: #ff9a92;
  --hr-success-soft: #203829;
  --hr-success-text: #80d79b;
  --hr-warning-soft: #3e321b;
  --hr-warning: #f3ce86;
  --hr-shadow: 0 2px 12px rgb(0 0 0 / 16%);
  color-scheme: dark;
  background-color: var(--hr-background) !important;
  color: var(--hr-text);
}
body.hr-apple-theme.dark :is(.oh-navbar, .oh-main-header, .bg-white) { background-color: var(--hr-surface); }
body.hr-apple-theme.dark :is(.bg-secondary-50, .oh-dropdown__menu, .canvas-wrap) { background-color: var(--hr-muted-surface) !important; }
body.hr-apple-theme.dark :is(.text-primary-600, .accordion-panel ul li a.text-primary-600, .text-primary-700, .text-primary-800) { color: var(--hr-link) !important; }
body.hr-apple-theme.dark :is(.text-color-600, .text-dark-100, .text-dark-200, .text-dark-300) { color: var(--hr-secondary) !important; }
body.hr-apple-theme.dark :is(.oh-alert--success, .oh-btn--success-outline) { color: var(--hr-success-text); }
body.hr-apple-theme.dark :is(.oh-btn--danger-outline, .oh-btn--danger-link, .oh-btn--danger-text, .oh-btn--light-danger, .oh-dropdown__link--danger) { color: var(--hr-danger-text); }
body.hr-apple-theme.dark .oh-sidebar__menu-icon img { filter: brightness(0) invert(1) opacity(.78) !important; }
body.hr-apple-theme.dark .oh-main-header .bg-primary-100 { background-color: var(--hr-hover) !important; }
body.hr-apple-theme.dark .oh-main-header .bg-primary-100:hover { background-color: var(--hr-action) !important; }
body.hr-apple-theme.dark #sidebar .sideboxmain.sidebox-current { background: var(--hr-action) !important; }
body.hr-apple-theme.dark #sidebar .sideboxmain:hover:not(.sidebox-current) { background: var(--hr-accent-soft) !important; }
body.hr-apple-theme.dark #sidebar .sidebar-subnav-link:hover { background: var(--hr-accent-soft) !important; color: var(--hr-link) !important; }
body.hr-apple-theme.dark #sidebar .sidebar-subnav-link.oh-sidebar-active-link { background: var(--hr-action) !important; color: #fff !important; }
body.hr-apple-theme.dark .md-dashboard :is(.md-info-panel, .md-kpi-card, .md-chart-card) { background: var(--hr-surface); }
body.hr-apple-theme.dark :is(.md-modal, .md-customize-panel) { background: var(--hr-surface); }

@media (max-width: 767px) {
  .hr-apple-theme .md-header { flex-wrap: wrap; gap: 12px; }
  .hr-apple-theme .md-header__actions { flex-wrap: wrap; }
  .hr-apple-theme .md-dashboard :is(.md-layout, .md-chart-grid) { grid-template-columns: minmax(0, 1fr); }
  .hr-apple-theme .md-dashboard .md-sidebar { position: static; max-height: none; }
  .hr-apple-theme .md-dashboard .md-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hr-apple-theme .md-dashboard .md-chart-card--wide { grid-column: auto; }
  .hr-apple-theme #setup-checklist-banner .hcl-banner { padding: 18px 16px; }
}
@media print {
  body.hr-apple-theme { background: #fff; color: #000; }
  .hr-apple-theme :is(.ops-page, .agentic-page, .oh-card) { box-shadow: none; }
  .hr-apple-theme :is(.ops-page, .agentic-page) table { display: table; overflow: visible; }
}

/* Legacy stylesheet marks secondary actions important; retain the common accent. */
.hr-apple-theme :is(.oh-btn--secondary, .oh-btn--primary) { background-color: var(--hr-action) !important; border-color: var(--hr-action); color: #fff; }
.hr-apple-theme :is(.oh-btn--secondary, .oh-btn--primary):is(:hover, :focus) { background-color: #005bb5 !important; }
.hr-apple-theme .fab-container .fab { background: var(--hr-action); color: #fff; }
.hr-apple-theme .fab-container .fab:hover { background: #005bb5; }
.hr-apple-theme .md-dashboard :is(.md-kpi-card__label, .md-header__date, .md-chart-card__subtitle, .md-refresh) { opacity: 1; }
body.hr-apple-theme.dark .md-dashboard { background: var(--hr-background) !important; }
@media (max-width: 575px) {
  .hr-apple-theme #ohMainContent { padding-inline: 12px; }
  .hr-apple-theme :is(.ops-page, .agentic-page) .hr-section-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; }
  .hr-apple-theme .hr-section-nav a { flex-shrink: 0; white-space: nowrap; }
  .hr-apple-theme .oh-main-header { gap: 8px; padding-inline: 12px; }
  .hr-apple-theme #breadcrumbs-container { min-width: 0; flex: 1; overflow-x: auto; scrollbar-width: thin; }
  .hr-apple-theme #breadcrumbs-container .breadcrumb { flex-wrap: nowrap; white-space: nowrap; width: max-content; margin-inline: 0; }
  .hr-apple-theme .oh-main-header > .flex { flex-shrink: 0; gap: 8px; }
}
/* Newer module templates call the same accent "brand" instead of "primary". */
.hr-apple-theme :is(.bg-brand-200, .bg-brand-300) { background-color: var(--hr-accent-soft); }
.hr-apple-theme .bg-brand-600 { background-color: var(--hr-action); }
.hr-apple-theme :is(.bg-brand-700, .bg-brand-800) { background-color: #005bb5; }
.hr-apple-theme .text-brand-600 { color: var(--hr-link); }
.hr-apple-theme :is(.border-brand-500, .border-brand-600) { border-color: var(--hr-accent); }
.hr-apple-theme :is(.hover\:bg-brand-600, .hover\:bg-brand-700, .hover\:bg-brand-800):hover { background-color: #005bb5; }
.hr-apple-theme :is(.hover\:bg-brand-200, .hover\:bg-brand-300):hover { background-color: var(--hr-accent-soft); }
.hr-apple-theme .hover\:text-brand-600:hover { color: var(--hr-link); }
.hr-apple-theme .focus\:ring-brand-600:focus { --tw-ring-color: var(--hr-accent); }
.hr-apple-theme :is(a, button).bg-brand-600 { min-height: 44px; border-radius: var(--hr-control-radius); }