@font-face {
  font-family: "Onest";
  src: url("/files/we-erp-hr/onest-latin.woff2") format("woff2");
  font-display: swap;
}

:root,
[data-theme="light"] {
  --font-stack: "Onest", system-ui, sans-serif;
  --primary: #0b2523;
  --primary-color: #0b2523;
  --bg-color: #fcfdfa;
  --subtle-fg: #f6f8f2;
  --text-color: #0b2523;
  --text-muted: #606c66;
  --border-radius: 5px;
  --border-radius-md: 5px;
  --border-radius-lg: 5px;
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-stack);
  letter-spacing: 0;
}

.btn,
.form-control,
.modal-content,
.dropdown-menu {
  border-radius: 5px;
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.sidebar-header img {
  max-width: 100%;
  object-fit: contain;
}

/* Branded first paint while the native sidebar and module glyph initialize. */
.sidebar-header .header-logo:not([data-we-module]) {
  background: url("/files/we-erp-hr/we.png") center / contain no-repeat;
  min-width: 24px;
  min-height: 24px;
}

.sidebar-header .header-logo:not([data-we-module]) > * {
  visibility: hidden;
}

.sidebar-header .sidebar-item-icon.we-module-icon-box {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  background: #0b2523 !important;
  box-shadow: 0 6px 14px rgba(11, 37, 35, 0.18);
}

.sidebar-header .header-logo[data-we-module] {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
}

.sidebar-header .we-module-icon {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sidebar-header .we-module-signal {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: #a6e243;
}

.sidebar-header [data-we-tone="coral"] .we-module-signal {
  background: #f4775b;
}

.sidebar-header [data-we-tone="blue"] .we-module-signal {
  background: #18a7d4;
}

.sidebar-header [data-we-tone="amber"] .we-module-signal {
  background: #e9b64e;
}

.sidebar-user-button .avatar-img {
  object-fit: contain;
  padding: 4px;
  background: #f6f8f2;
}

.shortcut-widget-box {
  border-color: #d8ded6;
  box-shadow: 0 5px 16px rgba(11, 37, 35, 0.06);
}

.shortcut-widget-box:hover {
  border-color: #a6e243;
  box-shadow: 0 8px 22px rgba(11, 37, 35, 0.11);
}

.shortcut-widget-box .indicator-pill {
  background: #a6e243 !important;
  color: #0b2523 !important;
  font-weight: 700;
}