.employee-taxonomy-manager {
  grid-template-areas:
    "department department"
    "position job";
}

.employee-taxonomy-card.department { grid-area: department; }
.employee-taxonomy-card.position { grid-area: position; }
.employee-taxonomy-card.job { grid-area: job; }

.employee-taxonomy-card.department .employee-taxonomy-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: 220px;
}

.jalali-picker { width: 330px; }

.jalali-head {
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  gap: 7px;
}

.jalali-period-selectors {
  display: grid;
  grid-template-columns: 1fr 94px;
  gap: 6px;
}

.jalali-period-selectors select {
  width: 100%;
  height: 36px;
  padding: 0 8px;
  border: 1px solid #cfdaea;
  border-radius: 9px;
  background: #f7faff;
  color: #183b83;
  font: inherit;
  font-size:calc(11px + var(--ui-font-add, 3px));
  font-weight: 900;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 850px) {
  .employee-taxonomy-manager {
    grid-template-areas: "department" "position" "job";
  }

  .employee-taxonomy-card.department .employee-taxonomy-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .jalali-picker { width: calc(100vw - 20px); }
  .jalali-period-selectors { grid-template-columns: 1fr 88px; }
}