#taskStatsPage .task-log-page-card {
  min-width: 0;
}

body.ui-sidebar-v1 #taskStatsPage.xk-right-shell-page.active > .xk-right-shell-body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#taskStatsPage .xk-right-shell-body > .data-table-wrap {
  flex: 0 0 auto !important;
  overflow-x: auto !important;
}

#taskStatsPage .task-stats-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: end !important;
  width: 100% !important;
  gap: 10px !important;
}

#taskStatsPage .task-stats-toolbar label {
  display: grid !important;
  gap: 5px !important;
  min-width: 116px;
  color: var(--muted, #667784);
  font-size: 12px;
}

#taskStatsPage .task-stats-toolbar input,
#taskStatsPage .task-stats-toolbar select {
  min-width: 116px;
}

#taskStatsPage .task-stats-toolbar .search-input {
  flex: 1 1 220px;
  width: auto !important;
  min-width: 190px;
}

#taskStatsPage .task-stats-quick-ranges {
  display: flex;
  flex: 1 1 390px;
  flex-wrap: wrap;
  align-items: end;
  gap: 6px;
}

#taskStatsPage .task-stats-quick-ranges > span {
  align-self: center;
  margin-right: 2px;
  color: var(--muted, #667784);
  font-size: 12px;
}

#taskStatsPage .task-stats-quick-ranges button.is-active {
  border-color: var(--primary, #0b7a75);
  background: rgba(11, 122, 117, .1);
  color: var(--primary, #0b7a75);
  font-weight: 800;
}

#taskStatsPage .task-stats-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
  margin: 4px 0 16px;
}

#taskStatsPage .task-stats-summary-grid article {
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid rgba(11, 122, 117, .13);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(239, 250, 248, .94), rgba(255, 255, 255, .98));
  box-shadow: 0 8px 22px rgba(16, 32, 45, .05);
}

#taskStatsPage .task-stats-summary-grid span {
  display: block;
  color: var(--muted, #667784);
  font-size: 12px;
}

#taskStatsPage .task-stats-summary-grid strong {
  display: block;
  margin-top: 6px;
  color: var(--primary, #0b7a75);
  font-size: 23px;
  line-height: 1.2;
}

#taskStatsPage .task-stats-summary-grid strong.is-up {
  color: #0f8f69;
}

#taskStatsPage .task-stats-summary-grid strong.is-down {
  color: #c2413a;
}

#taskStatsPage .task-stats-category-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: -4px 0 16px;
}

#taskStatsPage .task-stats-category-label {
  color: var(--muted, #667784);
  font-size: 12px;
}

#taskStatsPage .task-stats-category-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 9px;
  border: 1px solid rgba(11, 122, 117, .13);
  border-radius: 10px;
  background: #f5faf9;
  font-size: 12px;
}

#taskStatsPage .task-stats-category-pill em {
  color: var(--muted, #667784);
  font-style: normal;
}

#taskStatsPage .task-stats-insights {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(220px, 1fr);
  gap: 14px;
  margin-bottom: 18px;
}

#taskStatsPage .task-stats-insight-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(11, 122, 117, .12);
  border-radius: 14px;
  background: rgba(255, 255, 255, .92);
}

#taskStatsPage .task-stats-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

#taskStatsPage .task-stats-section-head h3,
#taskStatsPage .task-stats-section-head p {
  margin: 0;
}

#taskStatsPage .task-stats-section-head h3 {
  color: var(--text, #17212b);
  font-size: 15px;
}

#taskStatsPage .task-stats-empty-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted, #667784);
  font-size: 12px;
  white-space: nowrap;
}

#taskStatsPage .task-stats-comparison-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 28px;
  margin: -2px 0 10px;
}

#taskStatsPage .task-stats-highlight {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid rgba(11, 122, 117, .12);
  border-radius: 999px;
  background: #f3f8f7;
  color: var(--text, #17212b);
  font-size: 12px;
}

#taskStatsPage .task-stats-highlight strong {
  margin-left: 4px;
  color: var(--primary, #0b7a75);
}

#taskStatsPage .task-stats-comparison-table {
  min-width: 1080px;
}

#taskStatsPage .task-stats-comparison-table th,
#taskStatsPage .task-stats-comparison-table td {
  padding: 8px 9px;
  white-space: nowrap;
}

#taskStatsPage .task-stats-comparison-table th:nth-child(n+2),
#taskStatsPage .task-stats-comparison-table td:nth-child(n+2) {
  text-align: center !important;
}

#taskStatsPage .task-stats-comparison-table .task-stats-bar-track {
  margin-inline: auto;
}

#taskStatsPage .task-stats-user-link {
  padding: 3px 6px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--text, #17212b);
  font: inherit;
  cursor: pointer;
  transition: background .16s ease, color .16s ease;
}

#taskStatsPage .task-stats-user-link:hover,
#taskStatsPage .task-stats-user-link:focus-visible {
  background: rgba(11, 122, 117, .1);
  color: var(--primary, #0b7a75);
  text-decoration: underline;
  outline: none;
}

#taskStatsPage .task-stats-delta.is-up {
  color: #0f8f69;
  font-weight: 800;
}

#taskStatsPage .task-stats-delta.is-down {
  color: #c2413a;
  font-weight: 800;
}

#taskStatsPage .task-stats-risk {
  color: #c2413a;
  font-weight: 800;
}

#taskStatsPage .task-stats-on-time {
  color: #0f8f69;
  font-weight: 800;
}

#taskStatsPage .task-stats-bar-track {
  position: relative;
  width: 128px;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e6efee;
}

#taskStatsPage .task-stats-bar-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #12a59c, #08736f);
}

#taskStatsPage .task-stats-trend {
  display: grid;
  grid-template-columns: repeat(6, minmax(38px, 1fr));
  align-items: end;
  gap: 8px;
  min-height: 190px;
  padding: 8px 4px 2px;
}

#taskStatsPage .task-stats-trend-item {
  display: grid;
  grid-template-rows: 24px 128px 20px;
  align-items: end;
  justify-items: center;
  gap: 5px;
  min-width: 0;
}

#taskStatsPage .task-stats-trend-item strong {
  font-size: 13px;
}

#taskStatsPage .task-stats-trend-column {
  display: flex;
  width: min(34px, 75%);
  height: 128px;
  align-items: end;
  overflow: hidden;
  border-radius: 8px 8px 4px 4px;
  background: #edf4f3;
}

#taskStatsPage .task-stats-trend-column i {
  display: block;
  width: 100%;
  min-height: 3px;
  border-radius: inherit;
  background: linear-gradient(180deg, #33bdb3, #0b7a75);
}

#taskStatsPage .task-stats-trend-item span {
  overflow: hidden;
  width: 100%;
  color: var(--muted, #667784);
  font-size: 11px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#taskStatsPage .task-stats-list-head {
  margin-top: 4px;
}

#taskStatsPage .task-log-table {
  min-width: 1940px !important;
  table-layout: fixed !important;
}

#taskStatsPage .task-log-table th:nth-child(1),
#taskStatsPage .task-log-table td:nth-child(1) {
  width: 64px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(2),
#taskStatsPage .task-log-table td:nth-child(2) {
  width: 438px !important;
}

#taskStatsPage .task-log-table th:nth-child(3),
#taskStatsPage .task-log-table td:nth-child(3),
#taskStatsPage .task-log-table th:nth-child(5),
#taskStatsPage .task-log-table td:nth-child(5),
#taskStatsPage .task-log-table th:nth-child(7),
#taskStatsPage .task-log-table td:nth-child(7) {
  width: 92px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(4),
#taskStatsPage .task-log-table td:nth-child(4) {
  width: 96px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(6),
#taskStatsPage .task-log-table td:nth-child(6),
#taskStatsPage .task-log-table th:nth-child(8),
#taskStatsPage .task-log-table td:nth-child(8) {
  width: 150px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(9),
#taskStatsPage .task-log-table td:nth-child(9) {
  width: 116px !important;
  text-align: center !important;
}

/* Keep the complete “截止时间” heading visible instead of letting legacy percentage widths collapse it. */
#taskStatsPage .task-log-table th:nth-child(10),
#taskStatsPage .task-log-table td:nth-child(10) {
  width: 148px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(11),
#taskStatsPage .task-log-table td:nth-child(11) {
  width: 88px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(12),
#taskStatsPage .task-log-table td:nth-child(12) {
  width: 72px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(13),
#taskStatsPage .task-log-table td:nth-child(13) {
  width: 82px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(14),
#taskStatsPage .task-log-table td:nth-child(14) {
  width: 138px !important;
  text-align: center !important;
}

#taskStatsPage .task-log-table th:nth-child(15),
#taskStatsPage .task-log-table td:nth-child(15) {
  width: 112px !important;
  text-align: center !important;
}

#tasksPage .home-task-toolbar-v92 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

#tasksPage .home-task-entry-row,
#tasksPage .home-task-filter-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Keep entry and search controls together when the available space narrows. */
#tasksPage .home-task-entry-row {
  flex: 3 1 880px !important;
}

#tasksPage .home-task-filter-row {
  flex: 2 1 600px !important;
}

#tasksPage .home-task-entry-row .task-add-field {
  flex: 1 1 200px !important;
  min-width: min(200px, 100%) !important;
}

#tasksPage .home-task-entry-row .task-add-field input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

#tasksPage .home-task-entry-row .task-rank-field {
  flex: 0 0 auto !important;
}

#tasksPage .home-task-entry-row .task-rank-field select {
  width: 80px !important;
}

#tasksPage .home-task-entry-row .task-metric-field {
  flex: 0 0 auto !important;
}

#tasksPage .home-task-entry-row .task-score-field {
  flex: 0 0 auto !important;
  max-width: none !important;
}

#tasksPage .home-task-entry-row .task-due-field {
  flex: 0 0 auto !important;
}

#tasksPage .home-task-entry-row .task-metric-field select {
  width: 94px !important;
}

#tasksPage .home-task-entry-row .task-score-field select {
  width: 90px !important;
  min-width: 90px !important;
  flex: 0 0 90px !important;
  padding-right: 30px !important;
}

#tasksPage .home-task-entry-row .task-due-field input {
  width: 132px !important;
  min-width: 132px !important;
}

#tasksPage .home-task-filter-row .task-search-field {
  flex: 1 1 136px !important;
  min-width: min(136px, 100%) !important;
}

#tasksPage .home-task-filter-row .task-search-field input {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
}

#tasksPage .home-task-filter-row .task-filter-field {
  flex: 0 0 auto !important;
}

#tasksPage .home-task-toolbar-v92 #homeTaskStatusFilter {
  width: 104px !important;
}

#tasksPage .home-task-toolbar-v92 #homeTaskWorkerFilter {
  width: 78px !important;
}

#tasksPage .home-task-toolbar-v92 #homeTaskTakerFilter,
#tasksPage .home-task-toolbar-v92 #homeTaskCreatorFilter {
  width: 92px !important;
}

#tasksPage .home-task-toolbar-v92 select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 34px !important;
  padding-left: 10px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23566777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 10px 6px !important;
  text-align: left !important;
  text-align-last: left !important;
}

#tasksPage .home-task-toolbar-v92 select option {
  text-align: left !important;
}

#tasksPage .home-task-toolbar-v92 #homeTaskAdd,
#tasksPage .home-task-toolbar-v92 #homeTaskFilterClear {
  min-width: 58px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

#tasksPage #homeTaskRows tr.empty-row td {
  display: table-cell !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 120px !important;
  padding: 24px !important;
  overflow: visible !important;
  color: #718096 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  vertical-align: middle !important;
}

#tasksPage #homeTaskRows .task-content {
  position: relative !important;
  vertical-align: middle !important;
}

#tasksPage #homeTaskRows .home-task-title-text {
  display: block;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#tasksPage .home-task-metrics {
  position: absolute;
  z-index: 3;
  top: 1px;
  right: 1px;
  bottom: 1px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  max-width: 78%;
  padding: 0 9px 0 54px;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(248, 253, 252, 0), rgba(248, 253, 252, .94) 22%, rgba(248, 253, 252, .99) 42%);
  opacity: 0;
  pointer-events: auto;
  transform: translateX(10px);
  transition: opacity .18s ease, transform .18s ease;
  white-space: nowrap;
}

#tasksPage #homeTaskRows tr:hover .home-task-metrics {
  opacity: 1;
  transform: translateX(0);
}

#tasksPage #homeTaskRows .task-content.is-editing .home-task-metrics {
  display: none;
}

#tasksPage .home-task-metrics span {
  flex: 0 0 auto;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(11, 122, 117, .09);
  color: #47605e;
  font-size: 11px;
  line-height: 1.35;
}

#tasksPage .home-task-metrics span.is-overdue,
#tasksPage .home-task-metrics span.is-rework {
  background: rgba(194, 65, 58, .1);
  color: #b33b35;
}

#tasksPage .home-task-metrics span.home-task-countdown {
  padding-inline: 8px;
  border: 1px solid transparent;
  font-weight: 800;
  letter-spacing: .01em;
  box-shadow: 0 2px 8px rgba(31, 78, 74, .08);
}

#tasksPage .home-task-metrics span.home-task-countdown.is-countdown-safe {
  border-color: #aee2d2;
  background: #e5f7f1;
  color: #08775d;
}

#tasksPage .home-task-metrics span.home-task-countdown.is-countdown-warning {
  border-color: #f0d789;
  background: #fff5d2;
  color: #8b5b00;
}

#tasksPage .home-task-metrics span.home-task-countdown.is-countdown-urgent {
  border-color: #ffc590;
  background: #ffead5;
  color: #b54708;
}

#tasksPage .home-task-metrics span.home-task-countdown.is-countdown-overdue {
  border-color: #ffb4ad;
  background: #ffe4e1;
  color: #b42318;
}

#taskMetricsModal .task-metrics-card {
  width: min(460px, calc(100vw - 32px));
}

#taskMetricsModal .task-metrics-form {
  display: grid;
  gap: 13px;
  padding: 18px;
}

#taskMetricsModal .task-metrics-form label {
  display: grid;
  gap: 6px;
  color: var(--muted, #667784);
  font-size: 13px;
}

#taskMetricsModal .task-metrics-form select,
#taskMetricsModal .task-metrics-form input {
  width: 100%;
  min-height: 40px;
}

#taskMetricsModal .form-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

#taskCategorySettingsModal .task-category-settings-card {
  width: min(560px, calc(100vw - 32px));
}

#taskCategorySettingsModal .task-category-settings-body {
  display: grid;
  gap: 12px;
  padding: 18px;
}

#taskCategorySettingsModal .task-category-add-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}

#taskCategorySettingsModal .task-category-add-row input,
#taskCategorySettingsModal .task-category-setting-row input {
  min-width: 0;
  min-height: 38px;
}

#taskCategorySettingsModal .task-category-settings-list {
  display: grid;
  gap: 8px;
  max-height: 380px;
  overflow-y: auto;
}

#taskCategorySettingsModal .task-category-setting-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 34px 34px 58px;
  align-items: center;
  gap: 7px;
  padding: 7px;
  border: 1px solid rgba(11, 122, 117, .12);
  border-radius: 11px;
  background: #f7fbfa;
}

#taskCategorySettingsModal .task-category-order {
  color: var(--muted, #667784);
  text-align: center;
  font-size: 12px;
}

#taskCategorySettingsModal .task-category-setting-row button {
  min-width: 0;
  padding-inline: 7px;
}

#taskCategorySettingsModal .task-category-empty {
  padding: 18px;
  text-align: center;
}

#taskCategorySettingsModal .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
}

@media (max-width: 1180px) {
  #taskStatsPage .task-stats-summary-grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }

  #taskStatsPage .task-stats-insights {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 720px) {
  #taskStatsPage .task-stats-summary-grid {
    grid-template-columns: 1fr;
  }
}

/* Home task rows: one take/cancel slot, four visible actions and aligned metadata text. */
#tasksPage #homeTaskRows .home-task-status-cell,
#tasksPage #homeTaskRows .home-task-worker-cell,
#tasksPage #homeTaskRows .home-task-taker-cell,
#tasksPage #homeTaskRows .home-task-creator-cell,
#tasksPage #homeTaskRows .home-task-status-cell .task-rank-select,
#tasksPage #homeTaskRows .home-task-worker-cell .task-worker-select,
#tasksPage #homeTaskRows .home-task-taker-cell .home-task-taker-list {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

#tasksPage #homeTaskRows td.task-row-actions .task-delete-action {
  color: #101828 !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
  font-weight: 400 !important;
}

/* Empty order cells reveal a soft manual-link affordance without changing linked order icons. */
#tasksPage #homeTaskRows .home-task-order-cell {
  text-align: center !important;
  vertical-align: middle !important;
}

#tasksPage #homeTaskRows .task-order-manage-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  padding: 0 !important;
  border: 1px dashed rgba(11, 122, 117, .30) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, .58) !important;
  color: #0b7a75 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: 0;
  filter: blur(1.2px);
  transform: scale(.82);
  box-shadow: 0 4px 10px rgba(11, 122, 117, .06) !important;
  transition: opacity .16s ease, filter .16s ease, transform .16s ease, background-color .16s ease, border-color .16s ease !important;
}

#tasksPage #homeTaskRows .home-task-order-cell:hover .task-order-manage-btn,
#tasksPage #homeTaskRows .task-order-manage-btn:focus-visible {
  opacity: .56;
  filter: blur(0);
  transform: scale(1);
}

#tasksPage #homeTaskRows .task-order-manage-btn:hover,
#tasksPage #homeTaskRows .task-order-manage-btn:focus-visible {
  opacity: 1;
  border-style: solid !important;
  border-color: rgba(11, 122, 117, .48) !important;
  background: #effaf8 !important;
  outline: none !important;
}

body .task-order-context-menu {
  z-index: 60000 !important;
  width: 190px !important;
}

body .task-order-context-menu button {
  font-weight: 750 !important;
}

body .task-order-context-menu button.danger {
  color: #b42318 !important;
}

/* Task metrics modal: visually match the important-reminder modal. */
#taskMetricsModal {
  background: rgba(22, 38, 42, .42) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  z-index: var(--layer-modal) !important;
}

#taskMetricsModal .task-metrics-card {
  width: min(760px, 92vw) !important;
  padding: 28px 32px !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(238, 250, 248, .66)) !important;
  color: #102033 !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.2) !important;
  backdrop-filter: blur(24px) saturate(1.2) !important;
  box-shadow: 0 34px 90px rgba(16, 32, 45, .24), inset 0 1px 0 rgba(255, 255, 255, .74) !important;
}

#taskMetricsModal .modal-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 54px !important;
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(11, 122, 117, .13) !important;
}

#taskMetricsModal .modal-head::before {
  width: 6px !important;
  height: 28px !important;
  margin-right: 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #0b7a75, #f8a900) !important;
  box-shadow: 0 8px 18px rgba(11, 122, 117, .20) !important;
  content: "" !important;
}

#taskMetricsModal .modal-head > div {
  margin-right: auto !important;
}

#taskMetricsModal .modal-head .eyebrow {
  display: none !important;
}

#taskMetricsModal .modal-head h2 {
  margin: 0 !important;
  color: #102033 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

#taskMetricsModal .icon-btn {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(11, 122, 117, .14) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .58) !important;
  color: #102033 !important;
  font-size: 0 !important;
  cursor: pointer !important;
  transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

#taskMetricsModal .icon-btn::before {
  content: "关闭" !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

#taskMetricsModal .icon-btn:hover {
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 10px 24px rgba(11, 122, 117, .12) !important;
  transform: translateY(-1px) !important;
}

#taskMetricsModal .task-metrics-form {
  display: grid !important;
  gap: 18px !important;
  padding: 0 !important;
}

#taskMetricsModal .task-metrics-form label {
  display: grid !important;
  gap: 8px !important;
  color: #344054 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

#taskMetricsModal .task-metrics-form select,
#taskMetricsModal .task-metrics-form input {
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(11, 122, 117, .16) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .74) !important;
  color: #102033 !important;
  font-size: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

#taskMetricsModal .task-metrics-form .muted {
  margin: 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

#taskMetricsModal .form-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 22px !important;
  margin-top: 20px !important;
}

#taskMetricsModal .form-actions button {
  min-width: 136px !important;
  height: 48px !important;
  border-radius: 15px !important;
  font-weight: 900 !important;
}