:root {
  --ui-page: #f5f7fb;
  --ui-page-soft: #f8fafc;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f9fbfd;
  --ui-border: #e4e9f1;
  --ui-border-strong: #cfd8e6;
  --ui-text: #1f2937;
  --ui-muted: #64748b;
  --ui-faint: #94a3b8;
  --ui-brand: #0f172a;
  --ui-brand-strong: #111827;
  --ui-brand-soft: #f1f5f9;
  --ui-info: #2563eb;
  --ui-info-soft: #eff6ff;
  --ui-success: #168a55;
  --ui-success-soft: #ecfdf3;
  --ui-warning: #a16207;
  --ui-warning-soft: #fffbeb;
  --ui-danger: #b42318;
  --ui-danger-soft: #fff1f2;
  --ui-radius-sm: 10px;
  --ui-radius-md: 14px;
  --ui-radius-lg: 18px;
  --ui-radius-xl: 22px;
  --ui-shadow-card: 0 12px 32px rgb(15 23 42 / 7%);
  --ui-shadow-soft: 0 8px 20px rgb(15 23 42 / 5%);
  --ui-focus: 0 0 0 4px rgb(15 23 42 / 9%);
  --app-tabbar-height: 44px;
  --app-tabbar-assistant-size: 62px;
  --ink: var(--ui-text);
  --muted: var(--ui-muted);
  --line: var(--ui-border);
  --panel: var(--ui-surface);
  --paper: var(--ui-page);
  --brand: var(--ui-brand);
  --brand-strong: var(--ui-brand-strong);
  --accent: #475569;
}

body {
  background: var(--ui-page);
  color: var(--ui-text);
}

.workspace {
  background:
    linear-gradient(180deg, #f8fafc 0%, var(--ui-page) 280px),
    var(--ui-page);
}

@media (min-width: 921px) {
  .app-shell {
    padding-left: 196px;
  }

  .side-nav {
    width: 196px;
  }

  .app-tabbar {
    left: 196px;
  }
}

.side-nav {
  flex-basis: 196px;
  padding: 18px 10px;
  border-right: 1px solid var(--ui-border);
  background: var(--ui-surface);
  color: var(--ui-text);
  box-shadow: none;
}

.nav-brand {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 3px;
  align-items: center;
  margin-bottom: 22px;
  padding: 0 6px 6px;
}

.nav-logo {
  grid-row: 1 / span 2;
  width: 44px;
  height: 44px;
  border: 1px solid #eef2f7;
  border-radius: 13px;
  background: #fff;
  object-fit: contain;
}

.nav-brand span {
  grid-column: 2;
  color: var(--ui-muted);
  font-size: 12px;
  font-weight: 600;
}

.nav-brand strong {
  grid-column: 2;
  color: var(--ui-text);
  font-size: 17px;
  font-weight: 760;
  letter-spacing: 0;
}

.side-nav-main {
  gap: 2px;
}

.module-tab {
  grid-template-columns: minmax(0, 1fr) max-content;
  min-height: 38px;
  margin-bottom: 4px;
  padding: 0 9px 0 12px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #64748b;
  font-size: 15px;
  font-weight: 680;
  letter-spacing: 0;
}

.module-tab-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.module-tab:hover {
  border-color: transparent;
  background: #f8fafc;
  color: #475569;
}

.module-tab.active {
  border-color: #0f172a;
  background: #0f172a;
  color: #fff;
  font-weight: 760;
  box-shadow: 0 8px 18px rgb(15 23 42 / 12%);
}

.module-tab.main-nav-drag-placeholder {
  border-color: #cbd5e1;
  border-style: dashed;
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px rgb(148 163 184 / 16%);
  color: transparent;
}

.side-nav.main-nav-drag-outside .module-tab.main-nav-drag-placeholder {
  border-color: #94a3b8;
  background: #f1f5f9;
  box-shadow: inset 0 0 0 1px rgb(148 163 184 / 22%);
}

.main-nav-drag-ghost {
  border: 1px solid #cbd5e1;
  border-radius: 11px;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 18px 34px rgb(15 23 42 / 18%);
  opacity: 0.98;
}

.main-nav-drag-ghost.module-tab.active {
  border-color: #0f172a;
  background: #0f172a;
  color: #fff;
  box-shadow: 0 18px 34px rgb(15 23 42 / 22%);
}

.main-nav-drag-ghost .nav-work-count,
.main-nav-drag-ghost .tab-total-badge {
  background: #e2e8f0;
  color: #334155;
}

.main-nav-drag-ghost .tab-alert-badge {
  background: #ff9aa2;
  color: #fff;
}

.module-badge-strip {
  grid-template-columns: 22px 22px;
  gap: 5px;
  width: 49px;
  min-width: 49px;
  max-width: 49px;
}

.module-tab .nav-work-count,
.module-tab .tab-total-badge {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 20px;
  padding: 0 4px;
  border: 0;
  border-radius: 8px;
  background: #e2e8f0;
  color: #334155;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  box-shadow: 0 4px 10px rgb(15 23 42 / 8%);
}

.module-tab .tab-alert-badge {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 20px;
  padding: 0 4px;
  border: 0;
  border-radius: 8px;
  background: #ff9aa2;
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  box-shadow: 0 4px 10px rgb(255 154 162 / 24%);
}

.module-tab.active .nav-work-count,
.module-tab.active .tab-total-badge {
  background: #e2e8f0;
  color: #334155;
}

.module-tab.active .tab-alert-badge {
  background: #ff9aa2;
  color: #fff;
}

.side-nav-footer {
  padding-top: 12px;
  border-top: 1px solid var(--ui-border);
}

.user-button {
  gap: 7px;
  padding: 10px 8px;
  border-color: var(--ui-border);
  border-radius: 12px;
  background: #f8fafc;
  color: var(--ui-text);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 80%);
}

.user-button:hover {
  border-color: var(--ui-border-strong);
  background: #f1f5f9;
}

.user-menu[open] .user-button,
.user-button:focus-visible {
  outline: none;
  border-color: #cbd5e1;
  background: #f8fafc;
  box-shadow: 0 0 0 3px rgb(15 23 42 / 6%), inset 0 1px 0 rgb(255 255 255 / 80%);
}

.user-menu-panel {
  right: 0;
  bottom: calc(100% + 8px);
  left: 0;
  width: 100%;
  min-width: 0;
  padding: 6px;
  border: 1px solid var(--ui-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 42px rgb(15 23 42 / 14%);
}

.user-menu-head {
  padding: 9px 10px 10px;
  border-bottom: 1px solid var(--ui-border);
}

.user-menu-head strong {
  color: var(--ui-text);
  font-size: 14px;
  font-weight: 760;
}

.user-menu-panel .menu-item {
  min-height: 38px;
  padding: 7px 10px;
  border-radius: 10px;
  color: #475569;
  font-size: 14px;
  font-weight: 620;
}

.user-menu-panel .menu-item:hover {
  background: #f8fafc;
  color: #0f172a;
}

.user-menu-panel .menu-item.danger-text {
  color: #b42318;
}

.user-menu-panel .menu-item.danger-text:hover {
  background: #fff1f2;
  color: #9f1239;
}

.side-nav .user-avatar {
  width: 34px;
  height: 34px;
  border-color: #cbd5e1;
  background: #0f172a;
  color: #fff;
  font-size: 11px;
}

.user-label {
  color: var(--ui-text);
  font-weight: 700;
}

.app-version {
  color: var(--ui-faint);
}

.app-tabbar {
  height: var(--app-tabbar-height);
  min-height: var(--app-tabbar-height);
  padding: 6px calc(var(--app-tabbar-assistant-size) + 10px) 0 10px;
  border-bottom: 0;
  background: #f6f8fb;
  box-shadow: inset 0 -1px 0 rgb(255 255 255 / 72%);
  backdrop-filter: blur(12px);
}

.app-tabbar-track {
  gap: 0;
}

.app-tab {
  flex: 0 1 150px;
  height: 34px;
  min-width: 74px;
  max-width: 166px;
  padding: 0 8px 0 14px;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 11px 11px 0 0;
  background: transparent;
  color: #64748b;
  box-shadow: none;
}

.app-tab + .app-tab::before {
  content: "";
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 0;
  width: 1px;
  background: #d8e0ea;
}

.app-tab.is-active::before,
.app-tab.is-active + .app-tab::before {
  display: none;
}

.app-tab:hover {
  background: rgb(226 232 240 / 36%);
  color: #334155;
}

.app-tab.is-active {
  height: 38px;
  z-index: 2;
  overflow: visible;
  border-color: var(--ui-border);
  border-bottom-color: transparent;
  background: #fff;
  color: #0f172a;
  box-shadow: 0 -1px 0 rgb(255 255 255 / 90%), 0 -4px 12px rgb(15 23 42 / 5%);
}

.app-tab.is-active::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
  left: -1px;
  z-index: 1;
  height: 2px;
  background: #fff;
}

.app-tab-icon {
  display: none;
}

.app-tab-title {
  color: inherit;
  font-size: 13px;
  font-weight: 720;
}

.app-tab-close {
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  color: #64748b;
  font-size: 17px;
  opacity: 0;
  pointer-events: none;
  transition: background 0.16s ease, color 0.16s ease, opacity 0.16s ease;
}

.app-tab:hover .app-tab-close,
.app-tab-close:focus-visible {
  opacity: 0.68;
  pointer-events: auto;
}

.app-tab-close:hover {
  background: #e8eef5;
  color: #334155;
  opacity: 1;
}

.ai-assistant-launcher {
  border: 1px solid #0f172a;
  background: #0f172a;
  color: #fff;
  box-shadow: 0 14px 30px rgb(15 23 42 / 18%);
}

.ai-assistant-launcher-label,
.ai-assistant-launcher-action {
  color: inherit;
}

.ai-assistant-launcher-label {
  background: transparent;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0;
}

.ai-assistant-launcher-action {
  background: rgb(255 255 255 / 12%);
  color: rgb(255 255 255 / 86%);
}

.ai-assistant-launcher-action:hover,
.ai-assistant-launcher-label:hover {
  background: rgb(255 255 255 / 18%);
  color: #fff;
}

@media (min-width: 921px) {
  .ai-assistant-launcher {
    top: 0;
    right: 0;
    width: var(--app-tabbar-assistant-size);
    min-width: var(--app-tabbar-assistant-size);
    height: var(--app-tabbar-height);
    border: 0;
    border-left: 1px solid #0f172a;
    border-bottom: 1px solid #0f172a;
    border-radius: 0;
    background: #0f172a;
    box-shadow: none;
  }

  .ai-assistant-launcher-label {
    border-radius: 0;
    background: transparent;
    color: #fff;
  }

  .ai-assistant-launcher-action {
    right: 4px;
    bottom: 4px;
    width: 16px;
    height: 16px;
    min-height: 16px;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 5px;
    background: rgb(255 255 255 / 12%);
    color: rgb(255 255 255 / 82%);
    font-size: 10px;
    opacity: 1;
  }

  .ai-assistant-launcher:hover {
    background: #111827;
  }
}

.ai-assistant-window .ai-window-input {
  border-color: #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  box-shadow: none;
}

.ai-assistant-window .ai-window-input:focus {
  outline: none;
  border-color: rgb(15 23 42 / 32%);
  box-shadow: 0 0 0 3px rgb(15 23 42 / 8%);
}

.app-tab-drag-ghost {
  border-radius: 14px;
  box-shadow: 0 18px 34px rgb(15 23 42 / 18%);
}

.tabs {
  align-items: center;
  min-height: var(--subnav-min-height);
  gap: var(--subnav-gap);
  padding: 0 var(--subnav-padding-inline);
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--ui-border);
  background: #fff;
  box-shadow: none;
  scrollbar-width: none;
}

.tabs::-webkit-scrollbar {
  display: none;
}

.tab {
  flex: 0 0 auto;
  gap: var(--subnav-item-gap);
  min-width: auto;
  min-height: var(--subnav-min-height);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #64748b;
  font-size: var(--subnav-font-size);
  font-weight: var(--subnav-font-weight);
  line-height: 1.15;
  box-shadow: none;
  white-space: nowrap;
}

.tab:hover {
  background: transparent;
  color: #0f172a;
}

.tab.active {
  background: transparent;
  color: #020617;
  font-size: var(--subnav-active-font-size);
  font-weight: var(--subnav-active-font-weight);
  box-shadow: none;
}

@media (min-width: 921px) {
  .workspace > .module.active:has(> .tabs):not(.is-workbench-active) {
    padding-top: calc(var(--subnav-min-height) + 1px);
  }

  .workspace > .module.active:has(> .tabs):not(.is-workbench-active) > .tabs {
    position: fixed;
    top: var(--app-tabbar-height);
    right: 0;
    left: 196px;
    z-index: 34;
    background: rgb(255 255 255 / 96%);
    backdrop-filter: blur(12px);
  }
}

.tabs .tab .tab-total-badge {
  background: #e2e8f0;
  color: #334155;
}

.tabs .tab .tab-alert-badge {
  background: #ff9aa2;
  color: #fff;
}

@media (min-width: 921px) {
  html.complaint-workbench-mode,
  body.complaint-workbench-mode {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  body.complaint-workbench-mode .app-shell,
  body.complaint-workbench-mode .workspace {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }

  body.complaint-workbench-mode #complaintModule.module.workbench-mode.active {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: calc(100dvh - var(--app-tabbar-height));
    min-height: 0;
    overflow: hidden;
  }

  body.complaint-workbench-mode #complaintModule.module.workbench-mode.active > .complaint-main {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    align-self: stretch;
    box-sizing: border-box;
    width: min(1440px, calc(100% - 48px));
    height: 100%;
    min-height: 0;
    margin: 0 auto;
    padding: 14px 0 16px;
    overflow: hidden;
  }

  body.complaint-workbench-mode #complaintModule .complaint-workflow-page.active,
  body.complaint-workbench-mode #complaintModule .complaint-workflow-page.active > .complaint-workbench,
  body.complaint-workbench-mode #complaintModule .complaint-workbench-shell {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  body.complaint-workbench-mode #complaintModule .complaint-workflow-page.active > .complaint-workbench {
    display: grid;
  }

  html.workbench-page:has(#todoCenterModule.active),
  body.workbench-page:has(#todoCenterModule.active),
  html.workbench-page:has(#internalAbnormalModule.active),
  body.workbench-page:has(#internalAbnormalModule.active),
  html.workbench-page:has(#itServiceDeskModule.active),
  body.workbench-page:has(#itServiceDeskModule.active),
  html.workbench-page:has(#complaintModule.active),
  body.workbench-page:has(#complaintModule.active),
  html.workbench-page:has(#myPerformanceModule.active),
  body.workbench-page:has(#myPerformanceModule.active) {
    overflow: hidden !important;
  }

  body.workbench-page .module.workbench-mode.active {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: calc(100dvh - var(--app-tabbar-height)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.workbench-page .module.workbench-mode.active > .workbench-main {
    display: grid !important;
    grid-row: -2 / -1;
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    box-sizing: border-box;
    width: min(1440px, calc(100% - 48px));
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 14px 0 16px !important;
    overflow: hidden !important;
  }

  body.workbench-page .workbench-page-section.active,
  body.workbench-page .complaint-workflow-page.active {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr);
  }

  body.workbench-page .workbench-page-section.active,
  body.workbench-page .complaint-workflow-page.active,
  body.workbench-page .workbench-page-section.active > .workbench-band,
  body.workbench-page .complaint-workflow-page.active > .workbench-band,
  body.workbench-page .workbench-shell {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.workbench-page .workbench-page-section.active > .workbench-band,
  body.workbench-page .complaint-workflow-page.active > .workbench-band {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
  }

  body.workbench-page .workbench-shell,
  body.workbench-page .workbench-list-pane,
  body.workbench-page .workbench-detail-pane {
    align-self: stretch;
    height: 100% !important;
    min-height: 0 !important;
  }

  body.it-service-desk-workbench-mode #itServiceDeskModule.active,
  body.internal-abnormal-workbench-mode #internalAbnormalModule.active {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: calc(100dvh - var(--app-tabbar-height)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.it-service-desk-workbench-mode #itServiceDeskModule.active > .workbench-main,
  body.internal-abnormal-workbench-mode #internalAbnormalModule.active > .workbench-main {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    box-sizing: border-box;
    width: min(1440px, calc(100% - 48px));
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 14px 0 16px !important;
    overflow: hidden !important;
  }

  body.it-service-desk-workbench-mode #itServiceDeskModule .it-service-desk-page.workbench-page-section.active,
  body.it-ledger-workbench-mode #itLedgerModule .it-ledger-page.workbench-page-section.active,
  body.internal-abnormal-workbench-mode #internalAbnormalModule .internal-abnormal-page.workbench-page-section.active,
  body.it-service-desk-workbench-mode #itServiceDeskModule .it-service-desk-page.workbench-page-section.active > .workbench-band,
  body.it-ledger-workbench-mode #itLedgerModule .it-ledger-page.workbench-page-section.active > .workbench-band,
  body.internal-abnormal-workbench-mode #internalAbnormalModule .internal-abnormal-page.workbench-page-section.active > .workbench-band,
  body.it-service-desk-workbench-mode #itServiceDeskModule .workbench-shell,
  body.it-ledger-workbench-mode #itLedgerModule .workbench-shell,
  body.internal-abnormal-workbench-mode #internalAbnormalModule .workbench-shell {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr);
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.it-service-desk-workbench-mode #itServiceDeskModule .workbench-list-pane,
  body.it-service-desk-workbench-mode #itServiceDeskModule .workbench-detail-pane,
  body.it-ledger-workbench-mode #itLedgerModule .workbench-list-pane,
  body.it-ledger-workbench-mode #itLedgerModule .workbench-detail-pane,
  body.internal-abnormal-workbench-mode #internalAbnormalModule .workbench-list-pane,
  body.internal-abnormal-workbench-mode #internalAbnormalModule .workbench-detail-pane {
    align-self: stretch;
    height: 100% !important;
    min-height: 0 !important;
  }

  #itServiceDeskModule.active:has(.it-service-desk-page.workbench-page-section.active),
  #itLedgerModule.active:has(.it-ledger-page.workbench-page-section.active),
  #internalAbnormalModule.active:has(.internal-abnormal-page.workbench-page-section.active),
  #complaintModule.active:has(.complaint-workflow-page.active) {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: calc(100dvh - var(--app-tabbar-height)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #itServiceDeskModule.active:has(.it-service-desk-page.workbench-page-section.active) > .workbench-main,
  #itLedgerModule.active:has(.it-ledger-page.workbench-page-section.active) > .workbench-main,
  #internalAbnormalModule.active:has(.internal-abnormal-page.workbench-page-section.active) > .workbench-main,
  #complaintModule.active:has(.complaint-workflow-page.active) > .workbench-main {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    box-sizing: border-box;
    width: min(1440px, calc(100% - 48px));
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 14px 0 16px !important;
    overflow: hidden !important;
  }

  #itServiceDeskModule.active .it-service-desk-page.workbench-page-section.active,
  #itLedgerModule.active .it-ledger-page.workbench-page-section.active,
  #internalAbnormalModule.active .internal-abnormal-page.workbench-page-section.active,
  #complaintModule.active .complaint-workflow-page.active,
  #itServiceDeskModule.active .it-service-desk-page.workbench-page-section.active > .workbench-band,
  #itLedgerModule.active .it-ledger-page.workbench-page-section.active > .workbench-band,
  #internalAbnormalModule.active .internal-abnormal-page.workbench-page-section.active > .workbench-band,
  #complaintModule.active .complaint-workflow-page.active > .workbench-band {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr);
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #todoCenterModule.active .todo-center-page.workbench-page-section.active .workbench-shell {
    height: 100% !important;
    min-height: 0 !important;
  }

  #itServiceDeskModule.active .it-service-desk-page.workbench-page-section.active .workbench-shell,
  #itLedgerModule.active .it-ledger-page.workbench-page-section.active .workbench-shell,
  #internalAbnormalModule.active .internal-abnormal-page.workbench-page-section.active .workbench-shell,
  #complaintModule.active .complaint-workflow-page.active .workbench-shell {
    height: 100% !important;
    min-height: 0 !important;
  }
}

@media (min-width: 921px) {
  #todoCenterModule.module.workbench-mode.active.is-workbench-active,
  #complaintModule.module.workbench-mode.active.is-workbench-active,
  #internalAbnormalModule.module.workbench-mode.active.is-workbench-active,
  #itServiceDeskModule.module.workbench-mode.active.is-workbench-active,
  #itLedgerModule.module.workbench-mode.active.is-workbench-active {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: calc(100dvh - var(--app-tabbar-height)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #todoCenterModule.module.workbench-mode.active.is-workbench-active > .workbench-main,
  #internalAbnormalModule.module.workbench-mode.active.is-workbench-active > .workbench-main,
  #itServiceDeskModule.module.workbench-mode.active.is-workbench-active > .workbench-main,
  #itLedgerModule.module.workbench-mode.active.is-workbench-active > .workbench-main,
  #complaintModule.module.workbench-mode.active.is-workbench-active > .complaint-main {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    box-sizing: border-box;
    width: min(1440px, calc(100% - 48px));
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 14px 0 16px !important;
    overflow: hidden !important;
  }

  body.engineering-project-workspace-mode #engineeringCenterModule.module.workbench-mode.active,
  body.engineering-project-workspace-mode #engineeringCenterModule.module.workbench-mode.active.is-workbench-active {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) !important;
    height: calc(100dvh - var(--app-tabbar-height)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.engineering-project-workspace-mode #engineeringCenterModule.module.workbench-mode.active > .tabs {
    display: none !important;
  }

  body.engineering-project-workspace-mode #engineeringCenterModule.module.workbench-mode.active > .engineering-center-main,
  body.engineering-project-workspace-mode #engineeringCenterModule.module.workbench-mode.active.is-workbench-active > .engineering-center-main {
    display: grid !important;
    grid-row: auto !important;
    grid-template-rows: minmax(0, 1fr);
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.engineering-project-workspace-mode #engineeringCenterProjectsPage.active {
    display: block !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  #todoCenterModule.is-workbench-active.active .todo-center-page.workbench-page-section.active,
  #internalAbnormalModule.is-workbench-active.active .internal-abnormal-page.workbench-page-section.active,
  #itServiceDeskModule.is-workbench-active.active .it-service-desk-page.workbench-page-section.active,
  #itLedgerModule.is-workbench-active.active .it-ledger-page.workbench-page-section.active,
  #complaintModule.is-workbench-active.active .complaint-workflow-page.active,
  #todoCenterModule.is-workbench-active.active .todo-center-page.workbench-page-section.active > .workbench-band,
  #internalAbnormalModule.is-workbench-active.active .internal-abnormal-page.workbench-page-section.active > .workbench-band,
  #itServiceDeskModule.is-workbench-active.active .it-service-desk-page.workbench-page-section.active > .workbench-band,
  #itLedgerModule.is-workbench-active.active .it-ledger-page.workbench-page-section.active > .workbench-band,
  #complaintModule.is-workbench-active.active .complaint-workflow-page.active > .complaint-workbench {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr);
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #todoCenterModule.is-workbench-active.active .workbench-shell,
  #internalAbnormalModule.is-workbench-active.active .workbench-shell,
  #itServiceDeskModule.is-workbench-active.active .workbench-shell,
  #itLedgerModule.is-workbench-active.active .workbench-shell,
  #complaintModule.is-workbench-active.active .complaint-workbench-shell {
    height: 100% !important;
    min-height: 0 !important;
  }

  #todoCenterModule.is-workbench-active.active .workbench-list-pane,
  #todoCenterModule.is-workbench-active.active .workbench-detail-pane,
  #internalAbnormalModule.is-workbench-active.active .workbench-list-pane,
  #internalAbnormalModule.is-workbench-active.active .workbench-detail-pane,
  #itServiceDeskModule.is-workbench-active.active .workbench-list-pane,
  #itServiceDeskModule.is-workbench-active.active .workbench-detail-pane,
  #itLedgerModule.is-workbench-active.active .workbench-list-pane,
  #itLedgerModule.is-workbench-active.active .workbench-detail-pane,
  #complaintModule.is-workbench-active.active .workbench-list-pane,
  #complaintModule.is-workbench-active.active .workbench-detail-pane {
    align-self: stretch;
    height: 100% !important;
    min-height: 0 !important;
  }
}

body.workbench-page .workbench-shell {
  gap: var(--workbench-gap, 18px);
}

body.workbench-page .workbench-band {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.workbench-page .workbench-list-pane,
body.workbench-page .workbench-detail-pane {
  contain: paint;
  border-color: var(--ui-border);
  border-radius: 22px;
  background: #fff;
  overflow: hidden;
  box-shadow: var(--ui-shadow-card);
}

body.workbench-page .workbench-pane-head {
  border-bottom-color: var(--ui-border);
  background: #fff;
}

body.workbench-page .workbench-list-scroll,
body.workbench-page .workbench-detail-scroll {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  scrollbar-color: #d5dde8 transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

body.workbench-page .workbench-list-scroll::-webkit-scrollbar,
body.workbench-page .workbench-detail-scroll::-webkit-scrollbar {
  width: 8px;
}

body.workbench-page .workbench-list-scroll::-webkit-scrollbar-track,
body.workbench-page .workbench-detail-scroll::-webkit-scrollbar-track {
  margin-block: 12px 16px;
  background: transparent;
}

body.workbench-page .workbench-list-scroll::-webkit-scrollbar-thumb,
body.workbench-page .workbench-detail-scroll::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 999px;
  background: #d5dde8;
}

body.workbench-page .workbench-list-scroll::-webkit-scrollbar-thumb:hover,
body.workbench-page .workbench-detail-scroll::-webkit-scrollbar-thumb:hover {
  background: #b9c5d4;
}

body.workbench-page .workbench-action-bar {
  border-top-color: var(--ui-border);
  background: #fff;
}

body.workbench-page button.primary {
  border-color: var(--ui-brand);
  background: var(--ui-brand);
  color: #fff;
  box-shadow: 0 10px 18px rgb(15 23 42 / 16%);
}

body.workbench-page button.primary:hover:not(:disabled) {
  border-color: var(--ui-brand-strong);
  background: var(--ui-brand-strong);
  box-shadow: 0 14px 24px rgb(15 23 42 / 20%);
}

body.workbench-page button.ghost,
body.workbench-page button.secondary {
  border-color: var(--ui-border);
  background: var(--ui-surface);
  color: var(--ui-text);
}

body.workbench-page button.ghost:hover:not(:disabled),
body.workbench-page button.secondary:hover:not(:disabled) {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-soft);
  box-shadow: 0 8px 18px rgb(15 23 42 / 6%);
}

body.workbench-page input,
body.workbench-page select,
body.workbench-page textarea,
body.workbench-page .picker-field button {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface);
  color: var(--ui-text);
  box-shadow: inset 0 1px 0 rgb(15 23 42 / 2%);
}

body.workbench-page input:focus,
body.workbench-page select:focus,
body.workbench-page textarea:focus,
body.workbench-page .picker-field button:focus {
  outline: none;
  border-color: rgb(15 23 42 / 26%);
  box-shadow: var(--ui-focus);
}

body.workbench-page .workflow-filter-toggle {
  padding: 4px;
  border-color: var(--ui-border);
  border-radius: 14px;
  background: #f1f5f9;
}

body.workbench-page .workflow-filter-toggle button,
body.workbench-page .workflow-filter-toggle button[data-it-service-desk-workflow-filter="action"],
body.workbench-page .workflow-filter-toggle button[data-internal-abnormal-workflow-filter="action"],
body.workbench-page .workflow-filter-toggle button[data-complaint-workflow-filter="action"] {
  min-height: 32px;
  border-radius: 10px;
  background: transparent;
  color: var(--ui-muted);
  box-shadow: none;
}

body.workbench-page .workflow-filter-toggle button.active,
body.workbench-page .workflow-filter-toggle button[data-it-service-desk-workflow-filter="action"].active,
body.workbench-page .workflow-filter-toggle button[data-internal-abnormal-workflow-filter="action"].active,
body.workbench-page .workflow-filter-toggle button[data-complaint-workflow-filter="action"].active {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 6px 14px rgb(15 23 42 / 10%);
}

#itServiceDeskModule.active .workflow-filter-toggle,
#itLedgerModule.active .workflow-filter-toggle,
#internalAbnormalModule.active .workflow-filter-toggle,
#complaintModule.active .workflow-filter-toggle {
  padding: 4px;
  border-color: var(--ui-border);
  border-radius: 14px;
  background: #f1f5f9;
}

#itServiceDeskModule.active .workflow-filter-toggle button,
#itServiceDeskModule.active .workflow-filter-toggle button[data-it-service-desk-workflow-filter="action"],
#itLedgerModule.active .workflow-filter-toggle button,
#internalAbnormalModule.active .workflow-filter-toggle button,
#internalAbnormalModule.active .workflow-filter-toggle button[data-internal-abnormal-workflow-filter="action"],
#complaintModule.active .workflow-filter-toggle button,
#complaintModule.active .workflow-filter-toggle button[data-complaint-workflow-filter="action"] {
  min-height: 32px;
  border-radius: 10px;
  background: transparent;
  color: var(--ui-muted);
  box-shadow: none;
}

#itServiceDeskModule.active .workflow-filter-toggle button.active,
#itServiceDeskModule.active .workflow-filter-toggle button[data-it-service-desk-workflow-filter="action"].active,
#itLedgerModule.active .workflow-filter-toggle button.active,
#internalAbnormalModule.active .workflow-filter-toggle button.active,
#internalAbnormalModule.active .workflow-filter-toggle button[data-internal-abnormal-workflow-filter="action"].active,
#complaintModule.active .workflow-filter-toggle button.active,
#complaintModule.active .workflow-filter-toggle button[data-complaint-workflow-filter="action"].active {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 6px 14px rgb(15 23 42 / 10%);
}

body.workbench-page .workbench-list-scroll .it-service-desk-ticket-card,
body.workbench-page .workbench-list-scroll .complaint-workflow-item,
body.workbench-page .workbench-list-scroll .internal-abnormal-judgement-item,
body.workbench-page .workbench-list-scroll .internal-abnormal-response-item,
body.workbench-page .workbench-list-scroll .internal-abnormal-approval-item,
body.workbench-page .workbench-list-scroll .internal-abnormal-quality-item,
body.workbench-page .workbench-list-scroll .my-reporting-list-item {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: #fff;
  box-shadow: 0 4px 12px rgb(15 23 42 / 4%);
}

#itServiceDeskModule.active .workbench-list-scroll .it-service-desk-ticket-card,
#itLedgerModule.active .workbench-list-scroll .it-service-desk-ticket-card,
#complaintModule.active .workbench-list-scroll .complaint-workflow-item,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-judgement-item,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-response-item,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-approval-item,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-quality-item {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: #fff;
  box-shadow: 0 4px 12px rgb(15 23 42 / 4%);
}

body.workbench-page .workbench-list-scroll .it-service-desk-ticket-card:hover,
body.workbench-page .workbench-list-scroll .complaint-workflow-item:hover,
body.workbench-page .workbench-list-scroll .internal-abnormal-judgement-item:hover,
body.workbench-page .workbench-list-scroll .internal-abnormal-response-item:hover,
body.workbench-page .workbench-list-scroll .internal-abnormal-approval-item:hover,
body.workbench-page .workbench-list-scroll .internal-abnormal-quality-item:hover,
body.workbench-page .workbench-list-scroll .my-reporting-list-item:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  box-shadow: 0 6px 16px rgb(15 23 42 / 6%);
}

#itServiceDeskModule.active .workbench-list-scroll .it-service-desk-ticket-card:hover,
#itLedgerModule.active .workbench-list-scroll .it-service-desk-ticket-card:hover,
#complaintModule.active .workbench-list-scroll .complaint-workflow-item:hover,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-judgement-item:hover,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-response-item:hover,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-approval-item:hover,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-quality-item:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  box-shadow: 0 6px 16px rgb(15 23 42 / 6%);
}

body.workbench-page .workbench-list-scroll .it-service-desk-ticket-card.active,
body.workbench-page .workbench-list-scroll .complaint-workflow-item.active,
body.workbench-page .workbench-list-scroll .internal-abnormal-judgement-item.active,
body.workbench-page .workbench-list-scroll .internal-abnormal-response-item.active,
body.workbench-page .workbench-list-scroll .internal-abnormal-approval-item.active,
body.workbench-page .workbench-list-scroll .internal-abnormal-quality-item.active,
body.workbench-page .workbench-list-scroll .my-reporting-list-item.is-selected {
  border-color: #94a3b8;
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px rgb(148 163 184 / 24%), 0 4px 12px rgb(15 23 42 / 5%);
}

#itServiceDeskModule.active .workbench-list-scroll .it-service-desk-ticket-card.active,
#itLedgerModule.active .workbench-list-scroll .it-service-desk-ticket-card.active,
#complaintModule.active .workbench-list-scroll .complaint-workflow-item.active,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-judgement-item.active,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-response-item.active,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-approval-item.active,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-quality-item.active {
  border-color: #94a3b8;
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px rgb(148 163 184 / 24%), 0 4px 12px rgb(15 23 42 / 5%);
}

body.complaint-workbench-mode #complaintModule .complaint-main,
body.complaint-workbench-mode #complaintModule .complaint-workflow-page.active,
body.complaint-workbench-mode #complaintModule .complaint-workflow-page.active > .complaint-workbench,
body.complaint-workbench-mode #complaintModule .complaint-workbench-shell {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

body.complaint-workbench-mode #complaintModule .complaint-workbench {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-layout {
  grid-template-columns: minmax(280px, 0.34fr) minmax(0, 0.66fr);
  gap: var(--workbench-gap, 18px);
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-list-panel,
body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel {
  min-height: 0;
  border: 1px solid var(--ui-border);
  border-radius: 22px;
  background: #fff;
  overflow: hidden;
  box-shadow: var(--ui-shadow-card);
  contain: paint;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-list-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  position: relative;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-list,
body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel > .workbench-detail-scroll {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  scrollbar-color: #d5dde8 transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel > .workbench-detail-scroll {
  padding-bottom: 92px;
  scroll-padding-bottom: 104px;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-list {
  gap: 12px;
  padding: 16px 18px 20px;
}

body.complaint-workbench-mode #complaintModule .workflow-filter-toggle {
  padding: 4px;
  border-color: var(--ui-border);
  border-radius: 14px;
  background: #f1f5f9;
}

body.complaint-workbench-mode #complaintModule .workflow-filter-toggle button,
body.complaint-workbench-mode #complaintModule .workflow-filter-toggle button[data-complaint-workflow-filter="action"] {
  min-height: 32px;
  border-radius: 10px;
  background: transparent;
  color: var(--ui-muted);
  box-shadow: none;
}

body.complaint-workbench-mode #complaintModule .workflow-filter-toggle button.active,
body.complaint-workbench-mode #complaintModule .workflow-filter-toggle button[data-complaint-workflow-filter="action"].active {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 6px 14px rgb(15 23 42 / 10%);
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-list::-webkit-scrollbar,
body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel > .workbench-detail-scroll::-webkit-scrollbar {
  width: 8px;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-list::-webkit-scrollbar-track,
body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel > .workbench-detail-scroll::-webkit-scrollbar-track {
  margin-block: 12px 16px;
  background: transparent;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-list::-webkit-scrollbar-thumb,
body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel > .workbench-detail-scroll::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 999px;
  background: #d5dde8;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form-panel,
body.complaint-workbench-mode #complaintModule .complaint-demo-form-panel,
body.complaint-workbench-mode #complaintModule .complaint-empty-hint {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: #fff;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form:not(.complaint-demo-form) > .actions {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-height: 72px;
  padding: 14px 18px;
  border-top: 1px solid var(--ui-border);
  background: rgb(255 255 255 / 96%);
  box-shadow: 0 -12px 26px rgb(15 23 42 / 7%);
  backdrop-filter: blur(12px);
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form:not(.complaint-demo-form) > .actions button {
  min-height: 42px;
  border-radius: 12px;
  font-weight: 750;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form:not(.complaint-demo-form) > .actions button.primary {
  min-width: 116px;
  border-color: var(--ui-brand);
  background: var(--ui-brand);
  color: #fff;
  box-shadow: 0 10px 20px rgb(15 23 42 / 16%);
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form:not(.complaint-demo-form) > .actions button.ghost {
  border-color: var(--ui-border);
  background: #fff;
  color: var(--ui-text);
}

body.complaint-workbench-mode #complaintModule .complaint-node-guidance,
body.complaint-workbench-mode #complaintModule .complaint-close-check,
body.complaint-workbench-mode #complaintModule .complaint-workflow-focus {
  border-color: var(--ui-border);
  background: #f8fafc;
  color: #475569;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-focus span,
body.complaint-workbench-mode #complaintModule .complaint-close-check span,
body.complaint-workbench-mode #complaintModule .complaint-close-check p {
  color: #475569;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-progress {
  background: #f1f5f9;
  color: #475569;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-progress.prominent {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #0f172a;
}

#homeModule {
  color: var(--ui-text);
}

#homeModule > .topbar {
  border-bottom-color: var(--ui-border);
  background: rgb(255 255 255 / 92%);
  box-shadow: none;
}

#homeModule > .topbar .eyebrow {
  color: var(--ui-brand);
}

#homeModule .home-workspace {
  width: 100%;
  margin: 0 0 32px;
  gap: 22px;
}

#homeModule .home-content-grid {
  align-items: stretch;
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
}

#homeModule .home-identity,
#homeModule .home-section {
  border: 0;
  border-radius: var(--ui-radius-xl);
  background: var(--ui-surface);
  box-shadow: none;
}

#homeModule .home-identity {
  grid-template-columns: minmax(280px, 0.86fr) minmax(520px, 1.14fr);
  align-items: center;
  padding: 22px max(24px, calc((100% - 1440px) / 2 + 24px));
  border-radius: 0 0 22px 22px;
  box-shadow: 0 12px 28px rgb(15 23 42 / 5%);
}

#homeModule .home-identity-main {
  gap: 7px;
}

#homeModule .home-identity-main h2 {
  font-size: 24px;
  line-height: 1.22;
}

#homeModule .home-work-section,
#homeModule .home-app-section {
  align-self: stretch;
  min-height: 0;
}

#homeModule .home-profile-item {
  border: 0;
  border-radius: var(--ui-radius-md);
  background: #f6f8fb;
  box-shadow: none;
}

#homeModule .home-identity-main p,
#homeModule .home-profile-item span,
#homeModule .home-app-card small,
#homeModule .home-quick-card span {
  color: var(--ui-muted);
}

#homeModule .home-profile-item strong,
#homeModule .home-app-card strong,
#homeModule .home-quick-card strong {
  color: var(--ui-text);
}

#homeModule .home-todo-center-head {
  gap: 12px;
  margin-bottom: 14px;
}

#homeModule .todo-center-pane-copy h2 {
  color: var(--ui-text);
  font-size: 18px;
  font-weight: 800;
}

#homeModule .todo-center-pane-copy p {
  color: var(--ui-muted);
}

#homeModule .todo-center-filter-stack {
  gap: 8px;
}

#homeModule .todo-center-action-filter {
  padding: 4px;
  border-color: var(--ui-border);
  border-radius: 14px;
  background: #f1f5f9;
}

#homeModule .todo-center-action-filter button {
  min-height: 32px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--ui-muted);
  box-shadow: none;
  transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

#homeModule .todo-center-action-filter button:hover:not(.active):not(:disabled) {
  background: rgb(255 255 255 / 54%);
  color: #0f172a;
}

#homeModule .todo-center-action-filter button.active {
  background: var(--ui-surface);
  color: #0f172a;
  box-shadow: 0 6px 14px rgb(15 23 42 / 10%);
}

#homeModule .todo-center-source-filter select {
  min-height: 42px;
  border-color: var(--ui-border);
  border-radius: 14px;
  background: var(--ui-surface);
  color: var(--ui-text);
}

#homeModule .todo-center-source-filter select:focus {
  outline: none;
  border-color: rgb(15 23 42 / 26%);
  box-shadow: var(--ui-focus);
}

#homeModule .home-todo-center-list {
  min-height: 0;
  padding: 16px 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  scrollbar-color: #d5dde8 transparent;
  scrollbar-width: thin;
}

@media (min-width: 921px) {
  #homeModule .home-content-grid {
    --home-panel-height: clamp(640px, calc(100dvh - 324px), 1040px);
  }

  #homeModule .home-work-section,
  #homeModule .home-app-section {
    height: var(--home-panel-height);
  }

  #homeModule .home-app-section {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  #homeModule .home-app-grid {
    min-height: 0;
    padding: 0 4px 18px 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  #homeModule .home-work-section {
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  #homeModule .home-todo-center-list {
    height: 100%;
    max-height: none;
  }
}

@media (max-width: 920px) {
  #homeModule .home-identity,
  #homeModule .home-content-grid {
    grid-template-columns: 1fr;
  }
}

#homeModule .home-todo-center-list::-webkit-scrollbar {
  width: 8px;
}

#homeModule .home-todo-center-list::-webkit-scrollbar-track {
  margin-block: 12px 16px;
  background: transparent;
}

#homeModule .home-todo-center-list::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 999px;
  background: #d5dde8;
}

#homeModule .home-todo-center-list::-webkit-scrollbar-thumb:hover {
  background: #b9c5d4;
}

#homeModule .todo-center-list .it-service-desk-ticket-card,
#homeModule .todo-center-list .complaint-workflow-item,
#homeModule .todo-center-list .internal-abnormal-judgement-item,
#homeModule .todo-center-list .internal-abnormal-response-item,
#homeModule .todo-center-list .internal-abnormal-approval-item,
#homeModule .todo-center-list .internal-abnormal-quality-item {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 0;
  border-radius: var(--ui-radius-lg);
  background: #f8fafc;
  box-shadow: none;
}

#homeModule .todo-center-list .it-service-desk-ticket-card:hover,
#homeModule .todo-center-list .complaint-workflow-item:hover,
#homeModule .todo-center-list .internal-abnormal-judgement-item:hover,
#homeModule .todo-center-list .internal-abnormal-response-item:hover,
#homeModule .todo-center-list .internal-abnormal-approval-item:hover,
#homeModule .todo-center-list .internal-abnormal-quality-item:hover {
  background: #eef2f7;
  box-shadow: none;
}

#homeModule .todo-center-list .todo-center-source-chip,
#homeModule .todo-center-list .todo-center-action-chip {
  padding: 4px 8px;
  border-radius: 999px;
  font-weight: 850;
}

#homeModule .todo-center-list .todo-center-source-chip {
  border-color: rgb(37 99 235 / 14%);
  background: var(--ui-info-soft);
  color: #1d4ed8;
}

#homeModule .todo-center-list .todo-center-action-chip {
  border-color: rgb(22 138 85 / 16%);
  background: var(--ui-success-soft);
  color: #166534;
}

#homeModule .todo-center-list .todo-center-action-chip.is-confirm {
  border-color: rgb(161 98 7 / 18%);
  background: var(--ui-warning-soft);
  color: var(--ui-warning);
}

#homeModule .todo-center-empty,
#homeModule .todo-center-loading,
#homeModule .home-empty-state {
  border: 0;
  border-radius: var(--ui-radius-lg);
  background: #f8fafc;
  color: var(--ui-muted);
}

#homeModule .home-main-nav-edit-button {
  border: 0;
  border-radius: var(--ui-radius-sm);
  background: #f6f8fb;
  color: #0f172a;
  box-shadow: none;
}

#homeModule .home-main-nav-edit-button:hover:not(:disabled) {
  background: #eef2f7;
  box-shadow: none;
}

#homeModule .home-quick-card {
  border: 0;
  border-radius: var(--ui-radius-lg);
  background: #f8fafc;
  box-shadow: none;
}

#homeModule .home-quick-card:hover {
  background: #eef2f7;
  box-shadow: none;
}

#homeModule .home-app-card {
  border: 0;
  border-radius: var(--ui-radius-md);
  transition: background 0.16s ease, box-shadow 0.16s ease;
}

#homeModule .home-app-card:hover {
  background: #f8fafc;
}

#homeModule .home-app-card:focus-visible,
#homeModule .home-quick-card:focus-visible,
#homeModule .home-main-nav-edit-button:focus-visible {
  outline: none;
  border-color: #cbd5e1;
  box-shadow: var(--ui-focus);
}

#homeModule .home-app-card.is-editing {
  border: 0;
  background: #f8fafc;
}

#homeModule .home-app-card.is-editing:hover {
  background: #f1f5f9;
}

#homeModule .home-app-card.is-editing.is-selected {
  background: #f8fafc;
  box-shadow: 0 0 0 3px rgb(15 23 42 / 6%);
}

#homeModule .home-app-select-mark {
  background: #64748b;
  color: #fff;
}

#homeModule .home-app-card.is-selected .home-app-select-mark {
  background: #0f172a;
}

#homeModule .home-app-icon {
  background: #f1f5f9;
  color: #334155;
  box-shadow: none;
}

#homeModule .home-app-icon[data-home-app="todoCenter"] {
  background: #e2e8f0;
  color: #0f172a;
}

#homeModule .home-app-icon[data-home-app="complaint"],
#homeModule .home-app-icon[data-home-app="internalAbnormal"],
#homeModule .home-app-icon[data-home-app="scrapApproval"] {
  background: #fffbeb;
  color: #92400e;
}

#homeModule .home-app-icon[data-home-app="crm"],
#homeModule .home-app-icon[data-home-app="engineeringCenter"],
#homeModule .home-app-icon[data-home-app="project"] {
  background: #eef2ff;
  color: #4338ca;
}

#homeModule .home-app-icon[data-home-app="itServiceDesk"],
#homeModule .home-app-icon[data-home-app="document"] {
  background: #f4f4f5;
  color: #3f3f46;
}

#homeModule .home-app-icon[data-home-app="performance"],
#homeModule .home-app-icon[data-home-app="myPerformance"],
#homeModule .home-app-icon[data-home-app="personnel"],
#homeModule .home-app-icon[data-home-app="myPersonnel"] {
  background: #f5f3ff;
  color: #5b21b6;
}

@media (max-width: 760px) {
  .mobile-app-header {
    border-bottom: 1px solid var(--ui-border);
    background: rgb(255 255 255 / 96%);
    color: #0f172a;
    box-shadow: 0 8px 24px rgb(15 23 42 / 5%);
    backdrop-filter: blur(14px);
  }

  .mobile-app-menu-button,
  .mobile-nav-close-button {
    border-color: #dce4ee;
    background: #f8fafc;
    color: #0f172a;
  }

  .mobile-app-title span {
    color: #64748b;
  }

  .mobile-nav-drawer {
    background: #fff;
    color: #0f172a;
    box-shadow: 20px 0 60px rgb(15 23 42 / 16%);
  }

  .mobile-nav-backdrop {
    background: rgb(15 23 42 / 24%);
  }

  .mobile-nav-drawer-head,
  .mobile-nav-drawer-footer {
    border-color: var(--ui-border);
  }

  .mobile-nav-drawer-head span,
  .mobile-nav-drawer-footer small {
    color: #64748b;
  }

  .mobile-nav-drawer-head strong,
  .mobile-nav-drawer-footer span {
    color: #0f172a;
  }

  .mobile-module-tab {
    color: #334155;
  }

  .mobile-module-tab.active {
    background: #0f172a;
    color: #fff;
  }

  .mobile-logout-button {
    border-color: #dce4ee;
    background: #f8fafc;
    color: #0f172a;
  }

  .mobile-subnav-scroll-button {
    background: rgb(241 245 249 / 96%);
    color: #334155;
  }

  .mobile-nav-item.active {
    background: #f1f5f9;
    color: #0f172a;
  }

  .mobile-subnav-badge.total,
  .mobile-module-tab .mobile-nav-badge.nav-work-count {
    background: rgb(226 232 240 / 96%);
    color: #334155;
  }

  #homeModule .home-workspace {
    width: 100%;
    margin: 0;
    padding: 14px 12px 92px;
  }

  #homeModule .home-content-grid {
    width: 100%;
    margin: 0;
  }

  #homeModule .home-identity,
  #homeModule .home-section {
    border-radius: var(--ui-radius-lg);
  }

  #homeModule .home-identity {
    padding: 16px;
    box-shadow: none;
  }

  #homeModule .home-todo-center-filter-stack {
    gap: 8px;
  }

  #homeModule .home-todo-center-list {
    height: auto;
    max-height: none;
    padding-top: 12px;
    overflow: visible;
  }
}

#todoCenterModule {
  color: var(--ui-text);
}

#todoCenterModule > .topbar {
  border-bottom-color: var(--ui-border);
  background: rgb(255 255 255 / 92%);
  box-shadow: none;
}

#todoCenterModule > .topbar .eyebrow {
  color: var(--ui-brand);
}

body.workbench-page #todoCenterModule.module.workbench-mode.active {
  grid-template-rows: auto auto minmax(0, 1fr);
}

body.workbench-page #todoCenterModule.module.workbench-mode.active > .workbench-main {
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  padding: 14px 0 16px;
}

@media (min-width: 921px) {
  body.workbench-page #todoCenterModule.module.workbench-mode.active {
    height: calc(100dvh - var(--app-tabbar-height));
  }

  body.workbench-page #todoCenterModule.module.workbench-mode.active > .workbench-main {
    height: 100%;
    margin: 0 auto;
    padding: 14px 0 16px;
  }

  body.workbench-page #todoCenterModule .todo-center-page.active,
  body.workbench-page #todoCenterModule .todo-center-page.active > .todo-center-workbench-band,
  body.workbench-page #todoCenterModule .todo-center-workbench {
    height: 100%;
    min-height: 0;
  }
}

#todoCenterModule input,
#todoCenterModule select,
#todoCenterModule textarea,
#todoCenterModule .picker-field button {
  min-height: 42px;
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface);
  color: var(--ui-text);
  box-shadow: inset 0 1px 0 rgb(15 23 42 / 2%);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

#todoCenterModule input:focus,
#todoCenterModule select:focus,
#todoCenterModule textarea:focus,
#todoCenterModule .picker-field button:focus {
  outline: none;
  border-color: rgb(15 23 42 / 26%);
  box-shadow: var(--ui-focus);
}

#todoCenterModule button:not(.tab) {
  border-radius: var(--ui-radius-sm);
  transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

#todoCenterModule button.primary {
  border-color: var(--ui-brand);
  background: var(--ui-brand);
  color: #fff;
  box-shadow: 0 10px 18px rgb(15 23 42 / 16%);
}

#todoCenterModule button.primary:hover:not(:disabled) {
  border-color: var(--ui-brand-strong);
  background: var(--ui-brand-strong);
  box-shadow: 0 14px 24px rgb(15 23 42 / 20%);
}

#todoCenterModule button.ghost {
  border-color: var(--ui-border);
  background: var(--ui-surface);
  color: var(--ui-text);
}

#todoCenterModule button.ghost:hover:not(:disabled) {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-soft);
  box-shadow: 0 8px 18px rgb(15 23 42 / 6%);
}

#todoCenterModule .workbench-main {
  width: min(1440px, calc(100% - 48px));
}

#todoCenterModule .todo-center-workbench-band {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#todoCenterModule .todo-center-workbench {
  --workbench-gap: 18px;
}

#todoCenterModule .workbench-list-pane,
#todoCenterModule .workbench-detail-pane {
  contain: paint;
  border-color: var(--ui-border);
  border-radius: 22px;
  background: #fff;
  overflow: hidden;
  box-shadow: var(--ui-shadow-card);
}

#todoCenterModule .todo-center-list-pane .workbench-pane-head {
  gap: 12px;
  padding: 18px;
  border-bottom-color: var(--ui-border);
  background: #fff;
}

#todoCenterModule .todo-center-pane-copy {
  align-items: center;
}

#todoCenterModule .todo-center-pane-copy h2 {
  color: var(--ui-text);
  font-size: 18px;
  font-weight: 800;
}

#todoCenterModule .todo-center-pane-copy p {
  color: var(--ui-muted);
}

#todoCenterModule .todo-center-filter-stack {
  gap: 8px;
}

#todoCenterModule .todo-center-action-filter {
  padding: 4px;
  border-color: var(--ui-border);
  border-radius: 14px;
  background: #f1f5f9;
}

#todoCenterModule .todo-center-action-filter button {
  min-height: 32px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--ui-muted);
}

#todoCenterModule .todo-center-action-filter button.active {
  background: var(--ui-surface);
  color: #0f172a;
  box-shadow: 0 6px 14px rgb(15 23 42 / 10%);
}

#todoCenterModule .todo-center-source-filter select {
  min-height: 42px;
  border-radius: 14px;
  background: var(--ui-surface);
}

#todoCenterModule .todo-center-list {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  gap: 12px;
  padding: 16px 18px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0 0 22px 22px;
  background: #fff;
}

#todoCenterModule .todo-center-list,
#todoCenterModule .workbench-detail-scroll {
  scrollbar-color: #d5dde8 transparent;
  scrollbar-width: thin;
}

#todoCenterModule .todo-center-list {
  scrollbar-gutter: stable;
}

#todoCenterModule .todo-center-list::-webkit-scrollbar,
#todoCenterModule .workbench-detail-scroll::-webkit-scrollbar {
  width: 8px;
}

#todoCenterModule .todo-center-list::-webkit-scrollbar-track,
#todoCenterModule .workbench-detail-scroll::-webkit-scrollbar-track {
  margin-block: 12px 16px;
  background: transparent;
}

#todoCenterModule .todo-center-list::-webkit-scrollbar-thumb,
#todoCenterModule .workbench-detail-scroll::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 999px;
  background: #d5dde8;
}

#todoCenterModule .todo-center-list::-webkit-scrollbar-thumb:hover,
#todoCenterModule .workbench-detail-scroll::-webkit-scrollbar-thumb:hover {
  background: #b9c5d4;
}

#todoCenterModule .todo-center-list .it-service-desk-ticket-card,
#todoCenterModule .todo-center-list .complaint-workflow-item,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item,
#todoCenterModule .todo-center-list .internal-abnormal-response-item,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-surface);
  box-shadow: 0 4px 12px rgb(15 23 42 / 4%);
}

#todoCenterModule .todo-center-list .it-service-desk-ticket-card:hover,
#todoCenterModule .todo-center-list .complaint-workflow-item:hover,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item:hover,
#todoCenterModule .todo-center-list .internal-abnormal-response-item:hover,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item:hover,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  box-shadow: 0 6px 16px rgb(15 23 42 / 6%);
}

#todoCenterModule .todo-center-list .it-service-desk-ticket-card.active,
#todoCenterModule .todo-center-list .complaint-workflow-item.active,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item.active,
#todoCenterModule .todo-center-list .internal-abnormal-response-item.active,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item.active,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item.active {
  border-color: #94a3b8;
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px rgb(148 163 184 / 24%), 0 4px 12px rgb(15 23 42 / 5%);
}

#todoCenterModule .todo-center-list .todo-center-source-chip,
#todoCenterModule .todo-center-list .todo-center-action-chip {
  padding: 4px 8px;
  border-radius: 999px;
  font-weight: 850;
}

#todoCenterModule .todo-center-list .todo-center-source-chip {
  border-color: rgb(37 99 235 / 14%);
  background: var(--ui-info-soft);
  color: #1d4ed8;
}

#todoCenterModule .todo-center-list .todo-center-action-chip {
  border-color: rgb(22 138 85 / 16%);
  background: var(--ui-success-soft);
  color: #166534;
}

#todoCenterModule .todo-center-list .todo-center-action-chip.is-confirm {
  border-color: rgb(161 98 7 / 18%);
  background: var(--ui-warning-soft);
  color: var(--ui-warning);
}

#todoCenterModule .workbench-detail-scroll {
  padding: 18px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
}

#todoCenterModule .todo-center-detail {
  gap: 16px;
}

#todoCenterModule .todo-center-detail-empty,
#todoCenterModule .todo-center-empty,
#todoCenterModule .todo-center-loading {
  border: 1px dashed var(--ui-border-strong);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-surface);
  color: var(--ui-muted);
}

#todoCenterModule .workbench-action-bar {
  gap: 12px;
  padding: 14px 18px;
  border-top-color: var(--ui-border);
  background: var(--ui-surface);
}

#todoCenterModule .complaint-todo-form-panel,
#todoCenterModule .internal-abnormal-todo-form,
#todoCenterModule .it-service-desk-action-form {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-surface);
}

#projectModule {
  color: var(--ui-text);
}

#projectModule > .topbar {
  border-bottom-color: var(--ui-border);
  background: rgb(255 255 255 / 94%);
  box-shadow: none;
}

#projectModule > .topbar .eyebrow {
  color: var(--ui-brand);
}

#projectModule > .project-tabs {
  position: sticky;
  top: var(--app-tabbar-height);
  z-index: 34;
  min-height: var(--subnav-min-height);
  padding: 0 var(--subnav-padding-inline);
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom-color: var(--ui-border);
  background: rgb(255 255 255 / 96%);
  box-shadow: none;
  backdrop-filter: blur(12px);
  scrollbar-width: none;
}

#projectModule > .project-tabs::-webkit-scrollbar {
  display: none;
}

#projectModule > .project-tabs .project-tabs-track {
  gap: var(--subnav-gap);
  width: auto;
  min-width: max-content;
}

#projectModule > .project-tabs .project-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--subnav-item-gap);
  min-width: auto;
  min-height: var(--subnav-min-height);
  padding: 0 0 2px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #64748b;
  font-size: var(--subnav-font-size);
  font-weight: var(--subnav-font-weight);
  box-shadow: none;
  white-space: nowrap;
}

#projectModule > .project-tabs .project-tab:hover {
  color: #0f172a;
}

#projectModule > .project-tabs .project-tab.active {
  background: transparent;
  color: #0f172a;
  font-size: var(--subnav-active-font-size);
  font-weight: var(--subnav-active-font-weight);
}

#projectModule > .project-tabs .project-tab.add-tab {
  min-width: 28px;
  padding-inline: 0;
  color: #475569;
  font-size: 20px;
  font-weight: 760;
}

#projectModule > .project-tabs .project-tab .tab-alert-badge {
  background: #ff9aa2;
  color: #fff;
}

@media (min-width: 921px) {
  #projectModule.active {
    padding-top: var(--subnav-min-height);
  }

  #projectModule > .project-tabs {
    position: fixed;
    top: var(--app-tabbar-height);
    right: 0;
    left: 196px;
  }
}

#projectModule main {
  width: min(1440px, calc(100% - 48px));
  margin: 18px auto 56px;
}

#projectModule .project-frame {
  min-height: calc(100vh - 240px);
  padding: 24px;
  border: 1px solid var(--ui-border);
  border-radius: 18px;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-card);
}

#projectModule #projectBoardContent,
#projectModule .project-board,
#projectModule .project-related-page {
  min-width: 0;
}

#projectModule .project-board,
#projectModule .project-sections,
#projectModule .project-related-page {
  gap: 20px;
}

#projectModule .project-board-header,
#projectModule .project-related-stats article,
#projectModule .project-related-item {
  border-color: var(--ui-border);
  border-radius: 8px;
  background: var(--ui-surface);
  box-shadow: none;
}

#projectModule .project-board-header {
  align-items: center;
  min-height: 44px;
  padding: 0 0 18px;
  border: 0;
  border-bottom: 1px solid var(--ui-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#projectModule .project-board-description {
  color: var(--ui-muted);
  font-size: 14px;
}

#projectModule .project-board-people {
  gap: 6px;
}

#projectModule .project-board-member-chip {
  min-height: 32px;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ui-text);
  font-size: 13px;
}

#projectModule .ticket-user-avatar,
#projectModule .task-assignee-avatar,
#projectBoardModal .ticket-user-avatar,
#projectBoardSettingsModal .ticket-user-avatar,
#projectTaskModal .ticket-user-avatar,
#projectTaskDetailModal .ticket-user-avatar {
  border-color: #cbd5e1;
  background: #e2e8f0;
  color: #334155;
}

#projectModule .ticket-user-avatar,
#projectModule .task-assignee-avatar {
  border: 0;
}

#projectModule .board-tool-button {
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  border: 1px solid var(--ui-border);
  border-radius: 8px;
  background: var(--ui-surface);
  color: #475569;
  box-shadow: none;
}

#projectModule .board-tool-button:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-soft);
  color: #0f172a;
  box-shadow: 0 8px 18px rgb(15 23 42 / 6%);
}

#projectModule .board-tool-button svg {
  width: 17px;
  height: 17px;
}

#projectModule .board-task-add {
  border-color: var(--ui-brand);
  background: var(--ui-brand);
  color: #fff;
  font-size: 22px;
  font-weight: 760;
}

#projectModule .board-task-add:hover {
  border-color: var(--ui-brand-strong);
  background: var(--ui-brand-strong);
  color: #fff;
}

#projectModule .board-status-row {
  gap: 12px;
  margin-bottom: 0;
  border: 0;
  background: transparent;
}

#projectModule .board-status-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 58px;
  padding: 12px 16px;
  border: 0;
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ui-text);
  box-shadow: none;
}

#projectModule .board-status-box + .board-status-box {
  border-left: 0;
}

#projectModule .board-status-box span {
  margin: 0;
  color: #536173;
  font-size: 13px;
  font-weight: 780;
}

#projectModule .board-status-box strong {
  color: #0f172a;
  font-size: 26px;
  line-height: 1;
}

#projectModule .board-status-box.drop-active,
#projectModule .project-column.drop-active {
  border-color: transparent;
  background: #eef3f8;
  box-shadow: none;
}

#projectModule .project-section {
  gap: 10px;
}

#projectModule .project-strip {
  min-height: 62px;
  padding: 10px 12px 10px 15px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: inset 0 -1px 0 #e2e8f0;
}

#projectModule .project-strip[data-status] {
  --task-accent: #94a3b8;
  box-shadow: inset 3px 0 0 var(--task-accent), inset 0 -1px 0 #e2e8f0;
}

#projectModule .project-strip[data-status="inprogress"] {
  --task-accent: #3b82f6;
}

#projectModule .project-strip[data-status="blocked"] {
  --task-accent: #ef4444;
}

#projectModule .project-strip[data-status="testing"] {
  --task-accent: #f59e0b;
}

#projectModule .project-strip[data-status="done"] {
  --task-accent: #22c55e;
}

#projectModule button.project-strip:hover {
  background: rgb(255 255 255 / 78%);
  box-shadow: inset 0 -1px 0 #d8e1ec, 0 6px 14px rgb(15 23 42 / 5%);
}

#projectModule button.project-strip[data-status]:hover {
  box-shadow: inset 3px 0 0 var(--task-accent), inset 0 -1px 0 #d8e1ec, 0 6px 14px rgb(15 23 42 / 5%);
}

#projectModule .project-strip-meta {
  min-width: 0;
}

#projectModule .project-strip-meta strong {
  color: var(--ui-text);
  font-size: 15px;
  font-weight: 760;
  line-height: 1.35;
}

#projectModule .task-id {
  color: var(--ui-muted);
  font-size: 12px;
  font-weight: 700;
}

#projectModule .task-status-pill {
  padding: 4px 8px;
  border: 0;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 12px;
  font-weight: 760;
}

#projectModule .project-columns {
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 12px;
  min-height: 188px;
  border: 0;
  background: transparent;
}

#projectModule .project-column {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 188px;
  padding: 10px 10px 10px 0;
  border: 0;
  border-radius: 8px;
  background: #f8fafc;
}

#projectModule .project-column + .project-column {
  border-left: 0;
}

#projectModule .project-column::before {
  display: none;
  content: none;
}

#projectModule .project-column[data-status="todo"]::before {
  content: "未开始";
}

#projectModule .project-column[data-status="inprogress"]::before {
  content: "开发中";
}

#projectModule .project-column[data-status="blocked"]::before {
  content: "阻塞中";
}

#projectModule .project-column[data-status="testing"]::before {
  content: "测试中";
}

#projectModule .project-column[data-status="done"]::before {
  content: "完成";
}

#projectModule .project-column[data-status]::before {
  content: none;
}

#projectModule .task-card {
  --task-accent: #94a3b8;
  position: relative;
  gap: 12px;
  min-height: 64px;
  margin-bottom: 0;
  padding: 11px 12px 11px 15px;
  border: 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: inset 3px 0 0 var(--task-accent), 0 1px 2px rgb(15 23 42 / 4%);
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

#projectModule .task-card[data-status="inprogress"] {
  --task-accent: #3b82f6;
}

#projectModule .task-card[data-status="blocked"] {
  --task-accent: #ef4444;
}

#projectModule .task-card[data-status="testing"] {
  --task-accent: #f59e0b;
}

#projectModule .task-card[data-status="done"] {
  --task-accent: #22c55e;
}

#projectModule .task-card:hover {
  background: #fff;
  box-shadow: inset 3px 0 0 var(--task-accent), 0 6px 14px rgb(15 23 42 / 7%);
  transform: translateY(-1px);
}

#projectModule .task-card:focus-visible {
  outline: 2px solid rgb(59 130 246 / 45%);
  outline-offset: 2px;
  background: #fff;
}

#projectModule .task-card strong {
  color: var(--ui-text);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

#projectModule .task-card small {
  color: #475569;
  font-size: 12px;
  letter-spacing: 0;
}

#projectModule .task-card-main {
  gap: 3px;
}

#projectModule .task-card .task-assignee-avatar {
  width: 24px;
  height: 24px;
  border: 0;
  background: #e2e8f0;
  color: #334155;
  font-size: 11px;
}

#projectModule .project-related-stats {
  gap: 10px;
}

#projectModule .project-related-stats article {
  gap: 8px;
  padding: 14px 16px;
}

#projectModule .project-related-stats span {
  color: var(--ui-muted);
  font-size: 12px;
}

#projectModule .project-related-stats strong {
  color: #0f172a;
  font-size: 26px;
}

#projectModule .project-related-filters {
  width: max-content;
  max-width: 100%;
  padding: 4px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: #f1f5f9;
}

#projectModule .project-related-filter {
  min-width: 76px;
  min-height: 32px;
  padding: 6px 10px;
  border: 0;
  border-radius: var(--ui-radius-sm);
  background: transparent;
  color: var(--ui-muted);
  font-size: 13px;
  font-weight: 720;
}

#projectModule .project-related-filter.active {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 6px 14px rgb(15 23 42 / 10%);
}

#projectModule .project-related-list {
  gap: 10px;
}

#projectModule .project-related-item {
  gap: 9px;
  padding: 14px 16px;
}

#projectModule .project-related-item:hover {
  border-color: var(--ui-border-strong);
  box-shadow: 0 10px 24px rgb(15 23 42 / 7%);
}

#projectModule .project-related-item.is-unread {
  border-color: #bfdbfe;
  background: #f8fbff;
}

#projectModule .project-related-event-pill {
  background: #f1f5f9;
  color: #475569;
  font-size: 12px;
}

#projectModule .project-related-summary {
  color: var(--ui-text);
  font-size: 14px;
}

#projectModule .project-related-preview,
#projectModule .project-related-meta,
#projectModule .project-related-time {
  color: var(--ui-muted);
}

#projectModule .project-related-unread-dot {
  background: #ff9aa2;
}

#projectBoardModal .modal-panel,
#projectBoardSettingsModal .modal-panel,
#projectTaskModal .modal-panel,
#projectArchiveModal .modal-panel,
#projectTaskDetailModal .modal-panel {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-surface);
  box-shadow: 0 24px 70px rgb(15 23 42 / 18%);
}

#projectBoardModal input,
#projectBoardModal select,
#projectBoardModal textarea,
#projectBoardSettingsModal input,
#projectBoardSettingsModal select,
#projectBoardSettingsModal textarea,
#projectTaskModal input,
#projectTaskModal select,
#projectTaskModal textarea,
#projectTaskDetailModal input,
#projectTaskDetailModal select,
#projectTaskDetailModal textarea {
  min-height: 42px;
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-surface);
  color: var(--ui-text);
  box-shadow: inset 0 1px 0 rgb(15 23 42 / 2%);
}

#projectBoardModal input:focus,
#projectBoardModal select:focus,
#projectBoardModal textarea:focus,
#projectBoardSettingsModal input:focus,
#projectBoardSettingsModal select:focus,
#projectBoardSettingsModal textarea:focus,
#projectTaskModal input:focus,
#projectTaskModal select:focus,
#projectTaskModal textarea:focus,
#projectTaskDetailModal input:focus,
#projectTaskDetailModal select:focus,
#projectTaskDetailModal textarea:focus {
  outline: none;
  border-color: rgb(15 23 42 / 26%);
  box-shadow: var(--ui-focus);
}

#projectBoardModal button.primary,
#projectBoardSettingsModal button.primary,
#projectTaskModal button.primary,
#projectTaskDetailModal button.primary {
  border-color: var(--ui-brand);
  background: var(--ui-brand);
  color: #fff;
  box-shadow: 0 10px 18px rgb(15 23 42 / 16%);
}

#projectBoardModal button.ghost,
#projectBoardSettingsModal button.ghost,
#projectTaskModal button.ghost,
#projectArchiveModal button.ghost,
#projectTaskDetailModal button.ghost {
  border-color: var(--ui-border);
  background: var(--ui-surface);
  color: var(--ui-text);
}

#projectBoardModal .ticket-user-display,
#projectBoardModal .ticket-user-button,
#projectBoardSettingsModal .ticket-user-display,
#projectBoardSettingsModal .ticket-user-button,
#projectTaskModal .ticket-user-display,
#projectTaskModal .ticket-user-button,
#projectTaskDetailModal .ticket-user-display,
#projectTaskDetailModal .ticket-user-button,
#projectTaskDetailModal .task-chat-panel,
#projectTaskDetailModal .subtask-row,
#projectArchiveModal .archive-entry {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
}

#projectTaskDetailModal .task-detail-header h2 {
  margin-bottom: 0;
  color: var(--ui-text);
  font-size: 26px;
  letter-spacing: 0;
}

#projectTaskDetailModal .task-detail-meta,
#projectTaskDetailModal .task-chat-header p,
#projectTaskDetailModal .task-chat-time,
#projectArchiveModal .archive-entry-time,
#projectArchiveModal .archive-entry-description {
  color: var(--ui-muted);
}

#projectTaskDetailModal .task-chat-panel {
  background: #f8fafc;
}

#projectTaskDetailModal .task-chat-body {
  border-color: var(--ui-border);
  background: #fff;
}

#projectTaskDetailModal .task-chat-row.is-self .task-chat-body {
  border-color: #cbd5e1;
  background: #f1f5f9;
}

@media (max-width: 920px) {
  .side-nav {
    flex-basis: 148px;
  }

  .app-tabbar {
    padding-right: var(--app-tabbar-assistant-size);
  }

  #todoCenterModule > .tabs {
    padding-inline: var(--subnav-mobile-padding-inline);
  }

  #todoCenterModule .workbench-main {
    width: calc(100% - 24px);
  }

  #todoCenterModule .workbench-list-pane,
  #todoCenterModule .workbench-detail-pane {
    border-radius: var(--ui-radius-lg);
  }

  #projectModule main {
    width: calc(100% - 24px);
    margin-top: 14px;
  }

  #projectModule .project-board-header {
    align-items: stretch;
    flex-direction: column;
  }

  #projectModule .project-board-people,
  #projectModule .project-board-header-actions {
    justify-content: flex-start;
  }

  #projectModule .project-related-filters {
    width: 100%;
  }

  #projectModule .project-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #todoCenterModule .todo-center-list-pane .workbench-pane-head {
    padding: 14px;
  }

  #projectModule .project-board-header,
  #projectModule .project-strip,
  #projectModule .board-status-box,
  #projectModule .project-column,
  #projectModule .project-related-stats article,
  #projectModule .project-related-item {
    border-radius: var(--ui-radius-sm);
  }

  #projectModule .project-strip {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

/* Workbench detail refinement */
#itServiceDeskModule.active .it-service-desk-ticket-list,
#complaintModule.active .complaint-workflow-list {
  gap: 8px;
  padding: 14px 16px 18px;
}

#itServiceDeskModule.active .workbench-list-scroll .it-service-desk-ticket-card,
#complaintModule.active .workbench-list-scroll .complaint-workflow-item {
  position: relative;
  padding: 13px 14px 13px 18px;
  border-color: transparent;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

#itServiceDeskModule.active .workbench-list-scroll .it-service-desk-ticket-card:hover,
#complaintModule.active .workbench-list-scroll .complaint-workflow-item:hover {
  border-color: transparent;
  background: #f8fafc;
  box-shadow: none;
}

#itServiceDeskModule.active .workbench-list-scroll .it-service-desk-ticket-card.active,
#complaintModule.active .workbench-list-scroll .complaint-workflow-item.active {
  border-color: transparent;
  background: #f8fafc;
  box-shadow: none;
}

#itServiceDeskModule.active .workbench-list-scroll .it-service-desk-ticket-card.active::before,
#complaintModule.active .workbench-list-scroll .complaint-workflow-item.active::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 7px;
  width: 3px;
  border-radius: 999px;
  background: #0f172a;
}

#itServiceDeskModule.active .it-service-desk-ticket-card strong,
#complaintModule.active .complaint-workflow-title strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.3;
}

#itServiceDeskModule.active .it-service-desk-ticket-owner,
#complaintModule.active .complaint-workflow-item .complaint-workflow-role-badge.owner {
  border: 0;
  background: #f1f5f9;
  color: #475569;
  box-shadow: none;
}

#itServiceDeskModule.active .it-service-desk-action-badge.owner {
  background: #fffbeb;
  color: #92400e;
}

#itServiceDeskModule.active .it-service-desk-detail-scroll {
  gap: 0;
  padding: 18px 20px 104px;
  background: #fff;
}

#itServiceDeskModule.active .it-service-desk-detail-workspace {
  display: grid;
  gap: 14px;
  min-width: 0;
}

#itServiceDeskModule.active .it-service-desk-detail-heading {
  align-items: flex-start;
  padding: 2px 0 12px;
  border-bottom: 1px solid var(--ui-border);
}

#itServiceDeskModule.active .it-service-desk-detail-heading h3 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0;
}

#itServiceDeskModule.active .it-service-desk-detail-heading p {
  margin: 5px 0 0;
  color: var(--ui-muted);
  font-size: 13px;
}

#itServiceDeskModule.active .it-service-desk-detail-owner-chip {
  max-width: min(240px, 46%);
  border: 0;
  border-radius: 14px;
  background: #f1f5f9;
  color: #0f172a;
  text-align: left;
}

#itServiceDeskModule.active .it-service-desk-detail-owner-chip span {
  color: #64748b;
}

#itServiceDeskModule.active .it-service-desk-detail-block {
  min-height: 0;
  padding: 14px 16px;
  border: 0;
  border-radius: 12px;
  background: #f8fafc;
  box-shadow: none;
}

#itServiceDeskModule.active .it-service-desk-detail-block > strong {
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}

#itServiceDeskModule.active .it-service-desk-detail-primary .it-service-desk-detail-block p {
  color: #334155;
  line-height: 1.6;
  -webkit-line-clamp: unset;
}

#itServiceDeskModule.active .it-service-desk-detail-grid {
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 2px;
  padding: 5px;
  border-radius: 12px;
  background: #f8fafc;
}

#itServiceDeskModule.active .it-service-desk-detail-item {
  min-height: 64px;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
}

#itServiceDeskModule.active .it-service-desk-detail-item span {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
}

#itServiceDeskModule.active .it-service-desk-detail-item strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.35;
}

#itServiceDeskModule.active .it-service-desk-ai-suggestion {
  border: 0;
  border-radius: 12px;
  background: #eff6ff;
  color: #1e3a8a;
}

#itServiceDeskModule.active .it-service-desk-flow-section {
  border: 0;
  border-radius: 0;
  background: transparent;
}

#itServiceDeskModule.active .it-service-desk-flow-title {
  padding: 2px 0 12px;
  border-bottom: 0;
  background: transparent;
}

#itServiceDeskModule.active .it-service-desk-flow-title h4 {
  color: #111827;
  font-size: 14px;
}

#itServiceDeskModule.active .it-service-desk-flow-list {
  padding: 0;
}

#itServiceDeskModule.active .it-service-desk-flow-record {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
}

#itServiceDeskModule.active .it-service-desk-flow-record::before {
  left: 11px;
  width: 1px;
  background: #e2e8f0;
}

#itServiceDeskModule.active .it-service-desk-flow-marker span {
  width: 22px;
  height: 22px;
  border-width: 1px;
  background: #fff;
}

#itServiceDeskModule.active .it-service-desk-flow-body {
  gap: 8px;
  padding: 0 0 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#itServiceDeskModule.active .it-service-desk-flow-record.active .it-service-desk-flow-body,
#itServiceDeskModule.active .it-service-desk-flow-record.returned .it-service-desk-flow-body {
  border: 0;
  background: transparent;
}

#itServiceDeskModule.active .it-service-desk-flow-body header span {
  background: #f1f5f9;
  color: #475569;
}

#itServiceDeskModule.active .it-service-desk-flow-details div {
  border: 0;
  border-radius: 8px;
  background: #f8fafc;
}

#itServiceDeskModule.active .it-service-desk-flow-note {
  border: 0;
  border-radius: 10px;
  background: #fff1f2;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel > .workbench-detail-scroll {
  padding: 18px 20px 104px;
}

body.complaint-workbench-mode #complaintModule .complaint-detail-panel {
  gap: 8px;
}

body.complaint-workbench-mode #complaintModule .complaint-detail-section {
  border: 0;
  border-radius: 14px;
  background: #f8fafc;
}

body.complaint-workbench-mode #complaintModule .complaint-detail-section summary {
  min-height: 58px;
  padding: 12px 16px;
  border-bottom: 0;
  background: #f8fafc;
}

body.complaint-workbench-mode #complaintModule .complaint-detail-section summary::after {
  flex: 0 0 auto;
  padding: 3px 8px;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-weight: 800;
}

body.complaint-workbench-mode #complaintModule .complaint-detail-grid {
  gap: 2px;
  padding: 4px 12px 12px;
}

body.complaint-workbench-mode #complaintModule .complaint-detail-item,
body.complaint-workbench-mode #complaintModule .complaint-detail-text {
  border: 0;
  border-radius: 10px;
  background: #fff;
}

body.complaint-workbench-mode #complaintModule .complaint-detail-text {
  margin: 0 12px 12px;
}

body.complaint-workbench-mode #complaintModule .complaint-timeline {
  padding: 4px 14px 14px;
}

body.complaint-workbench-mode #complaintModule .complaint-timeline-step::before {
  left: 7px;
  width: 1px;
  background: #e2e8f0;
}

body.complaint-workbench-mode #complaintModule .complaint-timeline-body {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0 0 14px;
}

body.complaint-workbench-mode #complaintModule .complaint-timeline-body header span {
  background: #f1f5f9;
  color: #475569;
}

body.complaint-workbench-mode #complaintModule .complaint-timeline-body .complaint-detail-item,
body.complaint-workbench-mode #complaintModule .complaint-timeline-body .complaint-detail-text {
  background: #fff;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form-panel:not(.complaint-demo-form-panel) {
  margin-top: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#complaintModule .complaint-current-work-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--ui-border);
}

#complaintModule .complaint-current-work-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#complaintModule .complaint-current-work-head span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

#complaintModule .complaint-current-work-head strong {
  color: #111827;
  font-size: 18px;
  line-height: 1.25;
}

#complaintModule .complaint-current-work-head em {
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.4;
  text-align: right;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form {
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form > .required-hint {
  padding: 0;
  color: #64748b;
  font-size: 12px;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-fieldset {
  gap: 14px;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-fieldset > .form-grid,
body.complaint-workbench-mode #complaintModule .complaint-workflow-form .form-grid {
  gap: 12px;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form label,
body.complaint-workbench-mode #complaintModule .complaint-choice-field legend,
body.complaint-workbench-mode #complaintModule .complaint-user-picker-field > span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

body.complaint-workbench-mode #complaintModule .complaint-node-guidance,
body.complaint-workbench-mode #complaintModule .complaint-submit-lock,
body.complaint-workbench-mode #complaintModule .complaint-close-check {
  border: 0;
  border-radius: 12px;
  background: #f8fafc;
}

body.complaint-workbench-mode #complaintModule .complaint-submit-lock {
  background: #fffbeb;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-focus,
body.complaint-workbench-mode #complaintModule .complaint-workflow-progress.prominent {
  border: 0;
  border-radius: 10px;
  background: #f1f5f9;
  color: #334155;
}

body.complaint-workbench-mode #complaintModule .complaint-check-option {
  border-color: #e2e8f0;
  border-radius: 10px;
  background: #fff;
}

body.complaint-workbench-mode #complaintModule .complaint-workflow-form:not(.complaint-demo-form) > .actions {
  min-height: 68px;
  padding: 12px 18px;
  background: rgb(255 255 255 / 97%);
  box-shadow: 0 -10px 22px rgb(15 23 42 / 6%);
}

#internalAbnormalModule.active .internal-abnormal-judgement-list,
#internalAbnormalModule.active .internal-abnormal-response-list,
#internalAbnormalModule.active .internal-abnormal-approval-list,
#internalAbnormalModule.active .internal-abnormal-quality-list {
  gap: 8px;
  padding: 14px 16px 18px;
}

#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-judgement-item,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-response-item,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-approval-item,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-quality-item {
  position: relative;
  padding: 13px 14px 13px 18px;
  border-color: transparent;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-judgement-item:hover,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-response-item:hover,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-approval-item:hover,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-quality-item:hover,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-judgement-item.active,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-response-item.active,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-approval-item.active,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-quality-item.active {
  border-color: transparent;
  background: #f8fafc;
  box-shadow: none;
}

#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-judgement-item.active::before,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-response-item.active::before,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-approval-item.active::before,
#internalAbnormalModule.active .workbench-list-scroll .internal-abnormal-quality-item.active::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 7px;
  width: 3px;
  border-radius: 999px;
  background: #0f172a;
}

#internalAbnormalModule.active .internal-abnormal-judgement-item strong,
#internalAbnormalModule.active .internal-abnormal-response-item strong,
#internalAbnormalModule.active .internal-abnormal-approval-item strong,
#internalAbnormalModule.active .internal-abnormal-quality-item strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.3;
}

#internalAbnormalModule.active .internal-abnormal-judgement-item p,
#internalAbnormalModule.active .internal-abnormal-judgement-item small,
#internalAbnormalModule.active .internal-abnormal-response-item p,
#internalAbnormalModule.active .internal-abnormal-response-item small,
#internalAbnormalModule.active .internal-abnormal-approval-item p,
#internalAbnormalModule.active .internal-abnormal-approval-item small,
#internalAbnormalModule.active .internal-abnormal-quality-item p,
#internalAbnormalModule.active .internal-abnormal-quality-item small {
  color: #64748b;
}

#internalAbnormalModule.active .internal-abnormal-workflow-role-badge {
  border: 0;
  box-shadow: none;
}

#internalAbnormalModule.active .internal-abnormal-workflow-role-badge.owner {
  background: #fffbeb;
  color: #92400e;
}

#internalAbnormalModule.active .internal-abnormal-workflow-role-badge.readonly {
  background: #f1f5f9;
  color: #475569;
}

#internalAbnormalModule.active .internal-abnormal-workflow-detail-scroll {
  gap: 0;
  padding: 18px 20px 104px;
  background: #fff;
}

#internalAbnormalModule.active .internal-abnormal-workflow-detail-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 14px;
  padding: 2px 0 12px;
  border-bottom: 1px solid var(--ui-border);
}

#internalAbnormalModule.active .internal-abnormal-workflow-detail-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0;
}

#internalAbnormalModule.active .internal-abnormal-workflow-detail-heading p {
  margin: 5px 0 0;
  color: var(--ui-muted);
  font-size: 13px;
  line-height: 1.5;
}

#internalAbnormalModule.active .internal-abnormal-detail-panel {
  gap: 8px;
}

#internalAbnormalModule.active .internal-abnormal-assignment-panel {
  gap: 12px;
  padding: 14px 16px;
  border: 0;
  border-radius: 12px;
  background: #f8fafc;
}

#internalAbnormalModule.active .internal-abnormal-assignment-panel.readonly {
  border: 0;
  background: #f8fafc;
}

#internalAbnormalModule.active .internal-abnormal-assignment-panel span {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
}

#internalAbnormalModule.active .internal-abnormal-assignment-panel strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.35;
}

#internalAbnormalModule.active .internal-abnormal-assignment-panel p {
  color: #475569;
  font-size: 13px;
}

#internalAbnormalModule.active .internal-abnormal-detail-section {
  border: 0;
  border-radius: 14px;
  background: #f8fafc;
  box-shadow: none;
}

#internalAbnormalModule.active .internal-abnormal-detail-section summary {
  min-height: 58px;
  padding: 12px 16px;
  border-bottom: 0;
  background: #f8fafc;
}

#internalAbnormalModule.active .internal-abnormal-detail-section summary::after {
  flex: 0 0 auto;
  padding: 3px 8px;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-weight: 800;
}

#internalAbnormalModule.active .internal-abnormal-detail-section summary strong {
  color: #111827;
  font-size: 14px;
}

#internalAbnormalModule.active .internal-abnormal-detail-section summary span,
#internalAbnormalModule.active .internal-abnormal-summary-context em,
#internalAbnormalModule.active .internal-abnormal-summary-context small {
  color: #64748b;
}

#internalAbnormalModule.active .internal-abnormal-summary-context b {
  color: #111827;
}

#internalAbnormalModule.active .internal-abnormal-detail-grid {
  gap: 2px;
  padding: 4px 12px 12px;
}

#internalAbnormalModule.active .internal-abnormal-detail-item,
#internalAbnormalModule.active .internal-abnormal-detail-text {
  border: 0;
  border-radius: 10px;
  background: #fff;
}

#internalAbnormalModule.active .internal-abnormal-detail-item span,
#internalAbnormalModule.active .internal-abnormal-detail-text span {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
}

#internalAbnormalModule.active .internal-abnormal-detail-item strong,
#internalAbnormalModule.active .internal-abnormal-detail-text p {
  color: #111827;
  font-size: 14px;
  line-height: 1.45;
}

#internalAbnormalModule.active .internal-abnormal-detail-text {
  margin: 0 12px 12px;
}

#internalAbnormalModule.active .internal-abnormal-detail-file-links a {
  border: 0;
  background: #eff6ff;
  color: #1e3a8a;
}

#internalAbnormalModule.active .internal-abnormal-summary-toolbar,
#internalAbnormalModule.active .internal-abnormal-response-inline-toolbar {
  border: 0;
  border-radius: 10px;
  background: #f1f5f9;
  color: #475569;
}

#internalAbnormalModule.active .internal-abnormal-launch-edit,
#internalAbnormalModule.active .internal-abnormal-response-inline-edit {
  border: 0;
  border-radius: 12px;
  background: #eef6ff;
}

#internalAbnormalModule.active .internal-abnormal-timeline {
  padding: 4px 14px 14px;
}

#internalAbnormalModule.active .internal-abnormal-timeline-step {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
}

#internalAbnormalModule.active .internal-abnormal-timeline-step::before {
  left: 11px;
  width: 1px;
  background: #e2e8f0;
}

#internalAbnormalModule.active .internal-abnormal-timeline-dot {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  border-width: 1px;
  background: #fff;
}

#internalAbnormalModule.active .internal-abnormal-timeline-body {
  gap: 8px;
  padding: 0 0 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#internalAbnormalModule.active .internal-abnormal-timeline-body header span {
  background: #f1f5f9;
  color: #475569;
}

#internalAbnormalModule.active .internal-abnormal-timeline-step.done .internal-abnormal-timeline-body header span {
  background: #ecfdf5;
  color: #047857;
}

#internalAbnormalModule.active .internal-abnormal-timeline-step.active .internal-abnormal-timeline-body header span {
  background: #eff6ff;
  color: #1e40af;
}

#internalAbnormalModule.active .internal-abnormal-timeline-body .internal-abnormal-detail-item,
#internalAbnormalModule.active .internal-abnormal-timeline-body .internal-abnormal-detail-text {
  background: #fff;
}

#internalAbnormalModule.active .internal-abnormal-judgement-form,
#internalAbnormalModule.active .internal-abnormal-response-form,
#internalAbnormalModule.active .internal-abnormal-approval-form,
#internalAbnormalModule.active .internal-abnormal-quality-form {
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#internalAbnormalModule.active .internal-abnormal-judgement-summary,
#internalAbnormalModule.active .internal-abnormal-response-summary,
#internalAbnormalModule.active .internal-abnormal-approval-summary,
#internalAbnormalModule.active .internal-abnormal-quality-summary {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

#internalAbnormalModule.active .internal-abnormal-judgement-form > .required-hint,
#internalAbnormalModule.active .internal-abnormal-response-form > .required-hint,
#internalAbnormalModule.active .internal-abnormal-approval-form > .required-hint,
#internalAbnormalModule.active .internal-abnormal-quality-form > .required-hint {
  padding: 0;
  color: #64748b;
  font-size: 12px;
}

#internalAbnormalModule.active .internal-abnormal-judgement-form label,
#internalAbnormalModule.active .internal-abnormal-response-form label,
#internalAbnormalModule.active .internal-abnormal-approval-form label,
#internalAbnormalModule.active .internal-abnormal-quality-form label {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

#internalAbnormalModule.active .internal-abnormal-return-notice,
#internalAbnormalModule.active .internal-abnormal-severity-guide {
  border: 0;
  border-radius: 12px;
}

#internalAbnormalModule.active .internal-abnormal-return-notice {
  background: #fff1f2;
}

#internalAbnormalModule.active .internal-abnormal-severity-guide {
  background: #fffbeb;
}

#internalAbnormalModule.active .internal-abnormal-workflow-action-bar {
  min-height: 68px;
  padding: 12px 18px;
  background: rgb(255 255 255 / 97%);
  box-shadow: 0 -10px 22px rgb(15 23 42 / 6%);
}

#todoCenterModule .todo-center-list {
  gap: 8px;
  padding: 14px 16px 18px;
}

#todoCenterModule .todo-center-list .it-service-desk-ticket-card,
#todoCenterModule .todo-center-list .complaint-workflow-item,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item,
#todoCenterModule .todo-center-list .internal-abnormal-response-item,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item {
  position: relative;
  padding: 13px 14px 13px 18px;
  border-color: transparent;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

#todoCenterModule .todo-center-list .it-service-desk-ticket-card:hover,
#todoCenterModule .todo-center-list .complaint-workflow-item:hover,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item:hover,
#todoCenterModule .todo-center-list .internal-abnormal-response-item:hover,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item:hover,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item:hover,
#todoCenterModule .todo-center-list .it-service-desk-ticket-card.active,
#todoCenterModule .todo-center-list .complaint-workflow-item.active,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item.active,
#todoCenterModule .todo-center-list .internal-abnormal-response-item.active,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item.active,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item.active {
  border-color: transparent;
  background: #f8fafc;
  box-shadow: none;
}

#todoCenterModule .todo-center-list .it-service-desk-ticket-card.active::before,
#todoCenterModule .todo-center-list .complaint-workflow-item.active::before,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item.active::before,
#todoCenterModule .todo-center-list .internal-abnormal-response-item.active::before,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item.active::before,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item.active::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 7px;
  width: 3px;
  border-radius: 999px;
  background: #0f172a;
}

#todoCenterModule .todo-center-list .it-service-desk-ticket-card strong,
#todoCenterModule .todo-center-list .complaint-workflow-title strong,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item strong,
#todoCenterModule .todo-center-list .internal-abnormal-response-item strong,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item strong,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.3;
}

#todoCenterModule .todo-center-list .it-service-desk-ticket-card p,
#todoCenterModule .todo-center-list .it-service-desk-ticket-card small,
#todoCenterModule .todo-center-list .complaint-workflow-meta,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item p,
#todoCenterModule .todo-center-list .internal-abnormal-judgement-item small,
#todoCenterModule .todo-center-list .internal-abnormal-response-item p,
#todoCenterModule .todo-center-list .internal-abnormal-response-item small,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item p,
#todoCenterModule .todo-center-list .internal-abnormal-approval-item small,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item p,
#todoCenterModule .todo-center-list .internal-abnormal-quality-item small {
  color: #64748b;
}

#todoCenterModule .todo-center-list .todo-center-source-chip,
#todoCenterModule .todo-center-list .todo-center-action-chip {
  border: 0;
  box-shadow: none;
}

#todoCenterModule .workbench-detail-scroll {
  gap: 0;
  padding: 18px 20px 104px;
  background: #fff;
}

#todoCenterModule .todo-center-detail {
  gap: 0;
}

#todoCenterModule .it-service-desk-detail-workspace {
  display: grid;
  gap: 14px;
  min-width: 0;
}

#todoCenterModule .it-service-desk-detail-heading,
#todoCenterModule .complaint-todo-detail-heading,
#todoCenterModule .internal-abnormal-workflow-detail-heading {
  align-items: flex-start;
  margin: 0 0 14px;
  padding: 2px 0 12px;
  border-bottom: 1px solid var(--ui-border);
}

#todoCenterModule .it-service-desk-detail-heading h3,
#todoCenterModule .complaint-todo-detail-heading h2,
#todoCenterModule .internal-abnormal-workflow-detail-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0;
}

#todoCenterModule .it-service-desk-detail-heading p,
#todoCenterModule .complaint-todo-detail-heading p,
#todoCenterModule .internal-abnormal-workflow-detail-heading p {
  margin: 5px 0 0;
  color: var(--ui-muted);
  font-size: 13px;
  line-height: 1.5;
}

#todoCenterModule .it-service-desk-detail-owner-chip {
  max-width: min(240px, 46%);
  border: 0;
  border-radius: 14px;
  background: #f1f5f9;
  color: #0f172a;
  text-align: left;
}

#todoCenterModule .it-service-desk-detail-owner-chip span {
  color: #64748b;
}

#todoCenterModule .it-service-desk-detail-block {
  min-height: 0;
  padding: 14px 16px;
  border: 0;
  border-radius: 12px;
  background: #f8fafc;
  box-shadow: none;
}

#todoCenterModule .it-service-desk-detail-block > strong {
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}

#todoCenterModule .it-service-desk-detail-primary .it-service-desk-detail-block p {
  color: #334155;
  line-height: 1.6;
  -webkit-line-clamp: unset;
}

#todoCenterModule .it-service-desk-detail-grid {
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 2px;
  padding: 5px;
  border-radius: 12px;
  background: #f8fafc;
}

#todoCenterModule .it-service-desk-detail-item {
  min-height: 64px;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
}

#todoCenterModule .it-service-desk-detail-item span,
#todoCenterModule .internal-abnormal-detail-item span,
#todoCenterModule .internal-abnormal-detail-text span,
#todoCenterModule .complaint-detail-item span,
#todoCenterModule .complaint-detail-text span {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
}

#todoCenterModule .it-service-desk-detail-item strong,
#todoCenterModule .internal-abnormal-detail-item strong,
#todoCenterModule .internal-abnormal-detail-text p,
#todoCenterModule .complaint-detail-item strong,
#todoCenterModule .complaint-detail-text p {
  color: #111827;
  font-size: 14px;
  line-height: 1.45;
}

#todoCenterModule .it-service-desk-ai-suggestion {
  border: 0;
  border-radius: 12px;
  background: #eff6ff;
  color: #1e3a8a;
}

#todoCenterModule .it-service-desk-flow-section {
  border: 0;
  border-radius: 0;
  background: transparent;
}

#todoCenterModule .it-service-desk-flow-title {
  padding: 2px 0 12px;
  border-bottom: 0;
  background: transparent;
}

#todoCenterModule .it-service-desk-flow-title h4 {
  color: #111827;
  font-size: 14px;
}

#todoCenterModule .it-service-desk-flow-list {
  padding: 0;
}

#todoCenterModule .it-service-desk-flow-record {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
}

#todoCenterModule .it-service-desk-flow-record::before {
  left: 11px;
  width: 1px;
  background: #e2e8f0;
}

#todoCenterModule .it-service-desk-flow-marker span {
  width: 22px;
  height: 22px;
  border-width: 1px;
  background: #fff;
}

#todoCenterModule .it-service-desk-flow-body {
  gap: 8px;
  padding: 0 0 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#todoCenterModule .it-service-desk-flow-record.active .it-service-desk-flow-body,
#todoCenterModule .it-service-desk-flow-record.returned .it-service-desk-flow-body {
  border: 0;
  background: transparent;
}

#todoCenterModule .it-service-desk-flow-body header span {
  background: #f1f5f9;
  color: #475569;
}

#todoCenterModule .it-service-desk-flow-details div {
  border: 0;
  border-radius: 8px;
  background: #f8fafc;
}

#todoCenterModule .it-service-desk-flow-note {
  border: 0;
  border-radius: 10px;
  background: #fff1f2;
}

#todoCenterModule .complaint-detail-panel,
#todoCenterModule .internal-abnormal-detail-panel {
  gap: 8px;
}

#todoCenterModule .complaint-detail-section,
#todoCenterModule .internal-abnormal-detail-section {
  border: 0;
  border-radius: 14px;
  background: #f8fafc;
  box-shadow: none;
}

#todoCenterModule .complaint-detail-section summary,
#todoCenterModule .internal-abnormal-detail-section summary {
  min-height: 58px;
  padding: 12px 16px;
  border-bottom: 0;
  background: #f8fafc;
}

#todoCenterModule .complaint-detail-section summary::after,
#todoCenterModule .internal-abnormal-detail-section summary::after {
  flex: 0 0 auto;
  padding: 3px 8px;
  border-radius: 999px;
  background: #fff;
  color: #64748b;
  font-weight: 800;
}

#todoCenterModule .complaint-detail-section summary strong,
#todoCenterModule .internal-abnormal-detail-section summary strong {
  color: #111827;
  font-size: 14px;
}

#todoCenterModule .complaint-detail-section summary span,
#todoCenterModule .internal-abnormal-detail-section summary span,
#todoCenterModule .internal-abnormal-summary-context em,
#todoCenterModule .internal-abnormal-summary-context small {
  color: #64748b;
}

#todoCenterModule .internal-abnormal-summary-context b {
  color: #111827;
}

#todoCenterModule .complaint-detail-grid,
#todoCenterModule .internal-abnormal-detail-grid {
  gap: 2px;
  padding: 4px 12px 12px;
}

#todoCenterModule .complaint-detail-item,
#todoCenterModule .complaint-detail-text,
#todoCenterModule .internal-abnormal-detail-item,
#todoCenterModule .internal-abnormal-detail-text {
  border: 0;
  border-radius: 10px;
  background: #fff;
}

#todoCenterModule .complaint-detail-text,
#todoCenterModule .internal-abnormal-detail-text {
  margin: 0 12px 12px;
}

#todoCenterModule .internal-abnormal-detail-file-links a {
  border: 0;
  background: #eff6ff;
  color: #1e3a8a;
}

#todoCenterModule .internal-abnormal-assignment-panel {
  gap: 12px;
  padding: 14px 16px;
  border: 0;
  border-radius: 12px;
  background: #f8fafc;
}

#todoCenterModule .internal-abnormal-assignment-panel.readonly {
  border: 0;
  background: #f8fafc;
}

#todoCenterModule .internal-abnormal-assignment-panel span {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
}

#todoCenterModule .internal-abnormal-assignment-panel strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.35;
}

#todoCenterModule .internal-abnormal-assignment-panel p {
  color: #475569;
  font-size: 13px;
}

#todoCenterModule .complaint-timeline,
#todoCenterModule .internal-abnormal-timeline {
  padding: 4px 14px 14px;
}

#todoCenterModule .complaint-timeline-step::before {
  left: 7px;
  width: 1px;
  background: #e2e8f0;
}

#todoCenterModule .internal-abnormal-timeline-step {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
}

#todoCenterModule .internal-abnormal-timeline-step::before {
  left: 11px;
  width: 1px;
  background: #e2e8f0;
}

#todoCenterModule .internal-abnormal-timeline-dot {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  border-width: 1px;
  background: #fff;
}

#todoCenterModule .complaint-timeline-body,
#todoCenterModule .internal-abnormal-timeline-body {
  gap: 8px;
  padding: 0 0 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#todoCenterModule .complaint-timeline-body header span,
#todoCenterModule .internal-abnormal-timeline-body header span {
  background: #f1f5f9;
  color: #475569;
}

#todoCenterModule .internal-abnormal-timeline-step.done .internal-abnormal-timeline-body header span {
  background: #ecfdf5;
  color: #047857;
}

#todoCenterModule .internal-abnormal-timeline-step.active .internal-abnormal-timeline-body header span {
  background: #eff6ff;
  color: #1e40af;
}

#todoCenterModule .complaint-timeline-body .complaint-detail-item,
#todoCenterModule .complaint-timeline-body .complaint-detail-text,
#todoCenterModule .internal-abnormal-timeline-body .internal-abnormal-detail-item,
#todoCenterModule .internal-abnormal-timeline-body .internal-abnormal-detail-text {
  background: #fff;
}

#todoCenterModule .complaint-workflow-form-panel,
#todoCenterModule .complaint-todo-form-panel,
#todoCenterModule .internal-abnormal-todo-form,
#todoCenterModule .it-service-desk-action-form {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#todoCenterModule .complaint-workflow-form,
#todoCenterModule .internal-abnormal-judgement-form,
#todoCenterModule .internal-abnormal-response-form,
#todoCenterModule .internal-abnormal-approval-form,
#todoCenterModule .internal-abnormal-quality-form {
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

#todoCenterModule .internal-abnormal-judgement-summary,
#todoCenterModule .internal-abnormal-response-summary,
#todoCenterModule .internal-abnormal-approval-summary,
#todoCenterModule .internal-abnormal-quality-summary {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

#todoCenterModule .complaint-workflow-form label,
#todoCenterModule .complaint-choice-field legend,
#todoCenterModule .complaint-user-picker-field > span,
#todoCenterModule .internal-abnormal-judgement-form label,
#todoCenterModule .internal-abnormal-response-form label,
#todoCenterModule .internal-abnormal-approval-form label,
#todoCenterModule .internal-abnormal-quality-form label {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

#todoCenterModule .complaint-node-guidance,
#todoCenterModule .complaint-submit-lock,
#todoCenterModule .complaint-close-check,
#todoCenterModule .internal-abnormal-return-notice,
#todoCenterModule .internal-abnormal-severity-guide {
  border: 0;
  border-radius: 12px;
}

#todoCenterModule .complaint-node-guidance,
#todoCenterModule .complaint-close-check {
  background: #f8fafc;
}

#todoCenterModule .complaint-submit-lock,
#todoCenterModule .internal-abnormal-severity-guide {
  background: #fffbeb;
}

#todoCenterModule .internal-abnormal-return-notice {
  background: #fff1f2;
}

#todoCenterModule .complaint-workflow-focus,
#todoCenterModule .complaint-workflow-progress.prominent {
  border: 0;
  border-radius: 10px;
  background: #f1f5f9;
  color: #334155;
}

#todoCenterModule .workbench-action-bar {
  min-height: 68px;
  padding: 12px 18px;
  background: rgb(255 255 255 / 97%);
  box-shadow: 0 -10px 22px rgb(15 23 42 / 6%);
}

@media (max-width: 920px) {
  #itServiceDeskModule.active .it-service-desk-detail-scroll,
  body.complaint-workbench-mode #complaintModule .complaint-workflow-editor-panel > .workbench-detail-scroll,
  #internalAbnormalModule.active .internal-abnormal-workflow-detail-scroll,
  #todoCenterModule .workbench-detail-scroll {
    padding: 14px 14px 92px;
  }

  #itServiceDeskModule.active .it-service-desk-detail-owner-chip,
  #todoCenterModule .it-service-desk-detail-owner-chip {
    max-width: 100%;
  }

  #complaintModule .complaint-current-work-head,
  #todoCenterModule .complaint-current-work-head {
    align-items: flex-start;
    flex-direction: column;
  }

  #complaintModule .complaint-current-work-head em,
  #todoCenterModule .complaint-current-work-head em {
    text-align: left;
  }

  #internalAbnormalModule.active .internal-abnormal-workflow-detail-heading,
  #internalAbnormalModule.active .internal-abnormal-assignment-panel,
  #todoCenterModule .internal-abnormal-workflow-detail-heading,
  #todoCenterModule .internal-abnormal-assignment-panel {
    display: grid;
    grid-template-columns: 1fr;
  }
}