/* ============================================================
   ST HR theme - generated from stautobody.com's design system
   Overrides Horilla's brand colours with S&T Auto Body's.
   Regenerate rather than hand-edit the colour block below.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Open+Sans:wght@400;600&family=Raleway:wght@500;600;700&display=swap');

:root{--st-red:#d9232d;--st-red-dark:#bf1f28;--st-red-light:#e1444d;--st-charcoal:#1a1a1a;--st-slate:#556270;--st-muted:#6b7b8d;--st-border:#dee2e6;--st-bg:#f8f9fa;--st-text:#444444;--st-radius:4px;}

/* ---- brand colour swap (generated) ---- */
.orgchart .frontend1 .title{background-color: #d9232d;}
.orgchart .frontend1 .content{border-color: #d9232d;}
/** * Basic styles for links */ a{color: #1a1a1a;}
.oh-navbar__notification-beacon{background-color: #d9232d;}
.oh-navbar__notification-tray-link{color: #d9232d;}
.oh-navbar__notification-tray-link:hover, .oh-navbar__notification-tray-link:focus, .oh-navbar__notification-tray-link:focus-visible, .oh-navbar__notification-tray-link:active{color: #bf1f28;}
.oh-navbar__notification-dot--green{background-color: #d9232d;}
.oh-navbar__notification-image{background-color: #d9232d;}
.oh-text--secondary{color: #d9232d;}
.oh-link--secondary{color: #d9232d;}
.oh-link--secondary:hover, .oh-link--secondary:focus, .oh-link--secondary:focus-visible{color: #bf1f28;}
.oh-badge--secondary{background-color: #d9232d;}
.oh-checkpoint-badge--secondary{color: #d9232d;border-color: #d9232d;}
.oh-btn:focus, .oh-btn:focus-visible{outline: #1a1a1a solid 2px;}
.oh-btn--secondary{background-color: #d9232d;}
.oh-btn--secondary:hover, .oh-btn--secondary:focus, .oh-btn--secondary:focus-visible{background-color: #bf1f28;}
.oh-btn--secondary:disabled{background-color: #d9232d;}
.oh-btn--secondary-ouline{border: 1px solid #d9232d;color: #d9232d;}
.oh-btn--secondary-ouline:hover{background-color: #d9232d;}
.oh-btn--secondary-ouline:focus, .oh-btn--secondary-ouline:focus-visible{color: #bf1f28;border: 1px solid #bf1f28;}
.oh-btn--primary{background-color: #1a1a1a;}
.oh-btn--primary-outline{border: 1px solid #1a1a1a;color: #1a1a1a;}
.oh-btn--primary-outline:hover, .oh-btn--primary-outline:focus, .oh-btn--primary-outline:focus-visible{background-color: #1a1a1a;}
.oh-btn--secondary-outline{border: 1px solid #d9232d;color: #d9232d;}
.oh-btn--secondary-outline:hover, .oh-btn--secondary-outline:focus, .oh-btn--secondary-outline:focus-visible{background-color: #d9232d;}
.oh-btn--secondary-link{color: #d9232d;}
.oh-btn--secondary-link:hover, .oh-btn--secondary-link:focus, .oh-btn--secondary-link:focus-visible{color: #bf1f28;}
.oh-btn--light{color: #d9232d;}
.oh-btn--light:hover, .oh-btn--light:focus, .oh-btn--light:focus-visible{color: #bf1f28;}
.oh-dropdown__link:hover{color: #d9232d !important;}
input[type=checkbox]{accent-color: #d9232d;}
.oh-input:focus, .oh-input:focus-visible, select:focus, select:focus-visible{outline: #1a1a1a solid 1px;border: 1px solid #1a1a1a !important;}
.oh-input-picker--selected{background-color: #d9232d;}
.oh-select-no-search + .select2-container .select2-selection--single:focus, .oh-select-no-search + .select2-container .select2-selection--single:focus-visible, .oh-select-no-search + .select2-container .select2-selection--single:active, .oh-select-2 + .select2-container .select2-selection.select2-selection--single:focus, .oh-select-2 + .select2-container .select2-selection.select2-selection--single:focus-visible, .oh-select-2 + .select2-container .select2-selection.select2-selection--single:active{border: 2px solid #1a1a1a !important;}
.oh-switch .oh-switch__checkbox:checked{background-color: #d9232d;}
.oh-switch .oh-switch__checkbox:checked:hover{background-color: #d9232d;}
.oh-radio input:checked ~ .oh-radio__checkmark{background-color: #d9232d;}
.oh-pagination__link--active{color: #d9232d;}
.oh-pagination__input:hover, .oh-pagination__input:focus, .oh-pagination__input:focus-visible{border: 2px solid #1a1a1a;}
.oh-profile__active-badge--secondary{background-color: #d9232d;}
.oh-progress__bar--secondary, .oh-progress__bar--table-secondary{background-color: #d9232d;}
.oh-progress--table-secondary{border: 1px solid #d9232d;}
.oh-sidebar{background-color: #1a1a1a;}
.oh-sidebar__company-profile{background-color: #d9232d;}
.oh-sidebar__submenu{background-color: #1a1a1a;}
.oh-inner-sidebar-toggle:hover, .oh-inner-sidebar-toggle:focus, .oh-inner-sidebar-toggle:focus-visible{color: #bf1f28;}
.oh-inner-sidebar__link:hover, .oh-inner-sidebar__link:focus, .oh-inner-sidebar__link:focus-visible{color: #d9232d;}
.oh-inner-sidebar__link--active{color: #d9232d;}
.oh-table__editable-input{border: 1px solid #1a1a1a;}
.oh-table__editable-input:focus, .oh-table__editable-input:focus-visible{outline: #1a1a1a solid 2px;}
.oh-general__tab-link--active{border-bottom: 3px solid #d9232d;}
.oh-general__tab-link--active{color: #d9232d;}
.oh-general__tab-link--active:focus, .oh-general__tab-link--active:focus-visible{color: #d9232d;}
.oh-timeoff-card__icon-container{background-color: #d9232d;}
.oh-filter-tag:hover .oh-filter-tag__close{color: #d9232d;}
.oh-filter-tag__close:hover{color: #bf1f28;}
.oh-titlebar__tag-close{background-color: #d9232d;}
.oh-titlebar__tag-close:hover{background-color: #bf1f28;}
.oh-profile-section__sidebar-item--active{border-right: 4px solid #d9232d;}
.oh-history_tabs-items:hover{background-color: #d9232d;}
.oh-onboarding-card--top-bar::before, .oh-onboarding-preview--top-bar::before{background-color: #d9232d;}
.oh-onboarding-card__count{color: #d9232d;}
.oh-chat__sidebar-user:hover .oh-chat__sidebar-username{color: #d9232d;}
.oh-chat__bubble--you .oh-chat__bubble-content{background-color: #d9232d;border: 1px solid #bf1f28;}
.oh-chat__add-group-user:hover, .oh-chat__add-group-user:focus, .oh-chat__add-group-user:focus-visible{color: #d9232d;}
.oh-helpdesk__bubble--reply{border-color: #d9232d;}
.oh-survey__table-row:hover{border-bottom: 1px solid #d9232d;}
.oh-progress-bar__state{background-color: #d9232d;}
.oh-apply_btn{border: 1px solid #d9232d;color: #d9232d;}
.oh-apply_btn:active{background-color: #d9232d;}
.oh-apply_btn:focus{background-color: #d9232d;}
.oh-apply_btn:hover{background-color: #d9232d;}
.oh-job__description-list .oh-job__description-list_item::before{background-color: #d9232d;}
.oh-announcement-btn:hover{color: #d9232d;}
.qs-square.qs-num.qs-current{color: #d9232d !important;}
.qs-overlay-month:hover{color: #d9232d !important;}
.qs-overlay-year:focus, .qs-overlay-year:focus-visible{outline: #1a1a1a solid 2px !important;}
.qs-overlay .qs-submit{background-color: #d9232d !important;}
.qs-overlay .qs-submit:hover{background-color: #bf1f28;}
.fc .fc-button-primary{background-color: #1a1a1a !important;}

/* ---- typography: ST uses Poppins (headings) + Open Sans (body) + Raleway (buttons) ---- */
body, .oh-wrapper, .oh-card, input, select, textarea, table {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--st-text);
}
h1, h2, h3, h4, h5, h6,
.oh-title, .oh-titlebar__title, .oh-card__title, .oh-dashboard__title {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* ---- buttons: match ST's CTA (Raleway 500, 1px tracking, 4px radius) ---- */
.oh-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-radius: var(--st-radius);
}
.oh-btn--secondary {
  letter-spacing: 1px;
}
.oh-btn--secondary:hover, .oh-btn--secondary:focus {
  background-color: var(--st-red-dark);
}

/* ---- surfaces ---- */
.oh-card, .oh-dashboard__card, .oh-table, .oh-modal__dialog {
  border-radius: var(--st-radius);
  border-color: var(--st-border);
}
.oh-sidebar { background-color: var(--st-charcoal); }
.oh-navbar  { background-color: #fff; box-shadow: 0 2px 15px rgba(0,0,0,.06); }

/* ---- login screen: ST red CTA ---- */
.oh-login__body .oh-btn--secondary,
form[action*="login"] button[type="submit"] {
  background-color: var(--st-red);
  letter-spacing: 1px;
}