:root {
  --wa-color-brand-95: #eef3f6;
  --wa-color-brand-90: #d7dee6;
  --wa-color-brand-80: #a8b4c3;
  --wa-color-brand-70: #6f7d90;
  --wa-color-brand-60: #24344d;
  --wa-color-brand-50: #0b1324;
  --wa-color-brand-40: #0b1324;
  --wa-color-brand-30: #070d18;
  --wa-color-brand-20: #050910;
  --wa-color-brand-10: #03050a;
  --wa-color-brand-05: #020308;
  --wa-color-brand: var(--wa-color-brand-50);
  --wa-color-focus: #4ee1c1;
  --wa-form-control-border-radius: 5px;
  --wa-form-control-background-color: #f9fbfb;
  --wa-form-control-border-color: #dfe4e8;
  --wa-font-family-body: MiSans, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

.topbar wa-button.text-btn,
.topbar wa-button.icon-btn {
  color: #c5cedb;
  --wa-form-control-height: 32px;
}

.topbar wa-button.text-btn:hover,
.topbar wa-button.icon-btn:hover {
  color: #fff;
}

.filters wa-input,
.filters wa-select {
  --wa-form-control-background-color: #fff;
}

.filters wa-select::part(combobox),
.filters wa-input::part(base) {
  padding-inline: 12px;
}

.filters wa-select::part(display-input),
.filters wa-input::part(input) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filters wa-input,
.filters wa-select,
.field-grid wa-input,
.field-grid wa-select,
.full-field wa-input,
.full-field wa-select,
.full-field wa-textarea,
.dialog-body wa-input,
.dialog-body wa-select,
.dialog-body wa-textarea,
.lookup-add wa-input,
.config-search wa-input,
.milestone-form wa-input,
.people-picker wa-select,
.child-bind-picker wa-select {
  width: 100%;
  display: block;
}

.field-grid wa-input,
.field-grid wa-select,
.full-field wa-input,
.full-field wa-select,
.full-field wa-textarea,
.dialog-body wa-input,
.dialog-body wa-select,
.dialog-body wa-textarea,
.people-picker wa-select {
  margin-top: 7px;
}

.field-grid wa-input,
.field-grid wa-select {
  max-width: 100%;
  min-width: 0;
  --wa-form-control-width: 100%;
}

.field-grid wa-select::part(combobox),
.field-grid wa-select::part(display-input),
.field-grid wa-input::part(base),
.field-grid wa-input::part(input) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.people-picker wa-select,
.child-bind-picker wa-select {
  margin-top: 0;
}

.people-picker wa-select {
  --tag-max-size: none;
  --wa-line-height-condensed: 1;
  --wa-form-control-value-line-height: 1;
}

wa-select[multiple]::part(combobox) {
  min-height: 42px;
  height: auto;
  align-items: center;
}

.people-picker wa-select[multiple]::part(combobox) {
  padding-block: 4px;
  align-items: center;
}

.people-picker wa-select[multiple]::part(tags) {
  display: flex;
  align-items: center;
  min-height: 26px;
}

.people-picker wa-select[multiple]::part(display-input) {
  align-self: center;
  height: 0;
  min-height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.milestone-form wa-input,
.milestone-form wa-button {
  margin: 0;
}

wa-input.milestone-name-input {
  width: 100%;
  min-width: 96px;
}

wa-select.cell-edit {
  width: 100%;
  max-width: 148px;
}

wa-tag.people-chip {
  max-width: 100%;
}

wa-select::part(tag) {
  align-items: center;
  gap: 6px;
}

.people-picker wa-select::part(tag) {
  display: inline-flex;
  align-items: center;
  height: 26px;
  min-height: 26px;
  padding-inline: 4px 2px;
  line-height: 1;
}

.people-picker wa-select::part(tag__content) {
  display: inline-flex;
  align-items: center;
  max-width: none;
  overflow: visible;
  line-height: 1;
}

wa-option::part(start) {
  margin-inline-end: 8px;
}

.filters wa-select::part(start) {
  display: flex;
  align-items: center;
  margin-inline-end: 8px;
}

.perm-check {
  justify-self: center;
}

.workspace-head wa-tab-group.view-tabs {
  width: auto;
  max-width: none;
  height: 43px;
  box-sizing: border-box;
  background: #f9fbfb;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 0;
  overflow: hidden;
  --track-width: 0px;
  --track-color: transparent;
  --indicator-color: transparent;
}

wa-tab-group.view-tabs::part(base),
wa-tab-group.view-tabs::part(nav),
wa-tab-group.view-tabs::part(tabs) {
  border: 0;
  min-height: 0;
  height: 41px;
  align-items: stretch;
}

wa-tab-group.view-tabs::part(body) {
  display: none;
}

.view-tabs wa-tab {
  display: flex;
  align-items: stretch;
  height: 41px;
  color: var(--muted);
}

.view-tabs wa-tab[active] {
  color: #fff;
  border: 0;
  margin: 0;
}

.view-tabs wa-tab::part(base) {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 41px;
  min-height: 41px;
  padding: 0 14px;
  font-size: 0.88rem;
  line-height: 1;
  border-radius: 0;
}

.view-tabs wa-tab[active]::part(base) {
  background: var(--ink);
  color: #fff;
  font-weight: 750;
  box-shadow: none;
}

.date-input {
  width: 100%;
  border: 1px solid var(--line);
  background: #f9fbfb;
  border-radius: 5px;
  min-height: 42px;
  padding: 0 12px;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 400;
  color: var(--ink);
  outline: none;
}

wa-input,
wa-select,
wa-textarea {
  font-weight: 400;
}

wa-input::part(input),
wa-textarea::part(textarea),
wa-select::part(display-input),
wa-select::part(combobox) {
  font-weight: 400;
}

.date-input::placeholder,
input::placeholder,
textarea::placeholder,
wa-input::part(input)::placeholder,
wa-textarea::part(textarea)::placeholder,
wa-select::part(display-input)::placeholder {
  font-weight: 400;
}

.date-input:focus {
  border-color: #51bca9;
  box-shadow: 0 0 0 3px rgba(78, 225, 193, 0.14);
}

.milestone-form .date-input {
  min-height: 40px;
  height: 40px;
}

.milestone-date-input {
  min-height: 34px;
}

.flatpickr-calendar {
  font-family: inherit;
  box-shadow: var(--shadow);
  border: 1px solid var(--line);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: var(--ink);
  border-color: var(--ink);
}

.flatpickr-day.today {
  border-color: var(--mint);
}