.file-center .cat-actions .el-button:first-child {
  width: auto;
  min-width: 88px;
  border-radius: 6px;
  padding: 0 10px;
}

.file-center .cat-actions .el-button:first-child .el-icon {
  margin-right: 4px;
}

.file-center .cat-actions .el-button:first-child::after {
  content: "新建类型";
  font-size: 12px;
  line-height: 1;
}

html[lang="en"] .file-center .cat-actions .el-button:first-child::after {
  content: "New Type";
}

html[lang="es"] .file-center .cat-actions .el-button:first-child::after {
  content: "Nuevo";
}

html[lang="fr"] .file-center .cat-actions .el-button:first-child::after {
  content: "Nouveau";
}

html[lang="de"] .file-center .cat-actions .el-button:first-child::after {
  content: "Neu";
}

html[lang="ja"] .file-center .cat-actions .el-button:first-child::after {
  content: "新規";
}

html[lang="ko"] .file-center .cat-actions .el-button:first-child::after {
  content: "신규";
}

html[lang="ar"] .file-center .cat-actions .el-button:first-child::after {
  content: "جديد";
}

.classification-option {
  position: relative;
}

.wm-flag-mark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-right: 8px;
}

.wm-flag-mark::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 2px;
  width: 3px;
  height: 19px;
  border-radius: 999px;
  background: var(--mark-color, #2563eb);
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18);
}

.wm-flag-mark::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 15px;
  height: 12px;
  border-radius: 3px 4px 4px 2px;
  background: linear-gradient(135deg, var(--mark-color, #2563eb), color-mix(in srgb, var(--mark-color, #2563eb) 82%, white));
  clip-path: polygon(0 0, 100% 0, 78% 50%, 100% 100%, 0 100%);
  box-shadow: 0 3px 8px rgba(15, 23, 42, 0.16);
}

.wm-shield-mark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-right: 8px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--mark-color, #175cd3) 92%, white), var(--mark-color, #175cd3));
  clip-path: polygon(50% 4%, 88% 18%, 82% 62%, 50% 94%, 18% 62%, 12% 18%);
  filter: drop-shadow(0 3px 6px rgba(15, 23, 42, 0.18));
}

.wm-shield-mark::before {
  content: "";
  position: absolute;
  inset: 4px 7px 8px 7px;
  border-left: 2px solid rgba(255, 255, 255, 0.72);
  border-top: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: 8px 8px 0 0;
}

.wm-shield-mark::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 5px;
  width: 2px;
  height: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.52);
}

.wm-image-security-icon,
.wm-flag-mark.wm-image-security-icon,
.wm-shield-mark.wm-image-security-icon,
.flag-glyph.wm-image-security-icon,
.shield-glyph.wm-image-security-icon {
  display: inline-block !important;
  background-color: transparent !important;
  background-image: var(--wm-icon-url) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 0 !important;
  clip-path: none !important;
  color: transparent !important;
  overflow: hidden !important;
  transform: none !important;
}

.wm-flag-mark.wm-image-security-icon,
.wm-shield-mark.wm-image-security-icon {
  width: 30px !important;
  height: 34px !important;
  flex: 0 0 30px !important;
  margin-right: 4px !important;
}

.flag-glyph.wm-image-security-icon,
.shield-glyph.wm-image-security-icon {
  width: 16px !important;
  height: 18px !important;
  flex: 0 0 16px !important;
  margin-right: 2px !important;
}

.wm-image-security-icon::before,
.wm-image-security-icon::after,
.wm-flag-mark.wm-image-security-icon::before,
.wm-flag-mark.wm-image-security-icon::after,
.wm-shield-mark.wm-image-security-icon::before,
.wm-shield-mark.wm-image-security-icon::after,
.flag-glyph.wm-image-security-icon::before,
.flag-glyph.wm-image-security-icon::after,
.shield-glyph.wm-image-security-icon::before,
.shield-glyph.wm-image-security-icon::after {
  display: none !important;
  content: none !important;
}

.daily-page.wm-daily-simplified-editor {
  gap: 12px !important;
}

.daily-page.wm-daily-simplified-editor .eyebrow,
.daily-page.wm-daily-simplified-editor .daily-header p,
.daily-page.wm-daily-simplified-editor .composer-guide,
.daily-page.wm-daily-simplified-editor .section-head p,
.daily-page.wm-daily-simplified-editor .security-note,
.daily-page.wm-daily-simplified-editor .check-row small {
  display: none !important;
}

.daily-page.wm-daily-simplified-editor .daily-header {
  align-items: center !important;
  gap: 12px !important;
}

.daily-page.wm-daily-simplified-editor .daily-header h1 {
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
}

.daily-page.wm-daily-simplified-editor .status-strip {
  gap: 8px !important;
  padding: 10px 12px !important;
}

.daily-page.wm-daily-simplified-editor .status-item {
  gap: 2px !important;
}

.daily-page.wm-daily-simplified-editor .status-item strong {
  font-size: 16px !important;
}

.daily-page.wm-daily-simplified-editor .mine-layout {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 12px !important;
}

.daily-page.wm-daily-simplified-editor .form-stack,
.daily-page.wm-daily-simplified-editor .daily-side,
.daily-page.wm-daily-simplified-editor .row-stack {
  gap: 10px !important;
}

.daily-page.wm-daily-simplified-editor .daily-section,
.daily-page.wm-daily-simplified-editor .side-panel {
  padding: 14px !important;
}

.daily-page.wm-daily-simplified-editor .section-head {
  align-items: center !important;
  margin-bottom: 10px !important;
}

.daily-page.wm-daily-simplified-editor .section-head h2,
.daily-page.wm-daily-simplified-editor .side-title {
  font-size: 17px !important;
}

.daily-page.wm-daily-simplified-editor .entry-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 10px 12px !important;
}

.daily-page.wm-daily-simplified-editor .entry-card-head {
  order: 1 !important;
  margin-bottom: 0 !important;
}

.daily-page.wm-daily-simplified-editor .entry-card > .quick-report-grid,
.daily-page.wm-daily-simplified-editor .entry-card > .el-form-item,
.daily-page.wm-daily-simplified-editor .entry-card > .two-fields {
  order: 2 !important;
}

.daily-page.wm-daily-simplified-editor .entry-card > .el-checkbox {
  order: 3 !important;
}

.daily-page.wm-daily-simplified-editor .entry-card > .entry-security-row.graphical {
  order: 6 !important;
}

.daily-page.wm-daily-simplified-editor .entry-card > .advanced-fields {
  order: 8 !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-quick-fields {
  order: 4 !important;
  display: grid !important;
  gap: 8px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-quick-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-quick-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-quick-label {
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-quick-field textarea {
  width: 100% !important;
  min-height: 62px !important;
  resize: vertical !important;
  border: 1px solid #d8dee8 !important;
  border-radius: 7px !important;
  padding: 9px 11px !important;
  color: #1f2937 !important;
  background: #fff !important;
  font: inherit !important;
  line-height: 1.55 !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-quick-field textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-quick-summary textarea {
  min-height: 78px !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-optional-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-optional-actions button {
  height: 32px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 7px !important;
  padding: 0 12px !important;
  background: #f8fafc !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-optional-actions button[aria-pressed="true"] {
  border-color: #2563eb !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.daily-page.wm-daily-simplified-editor .primary-section .wm-daily-result-field .el-textarea__inner {
  min-height: 168px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.daily-page.wm-daily-simplified-editor .plan-section,
.daily-page.wm-daily-simplified-editor .side-panel.security-panel,
.daily-page.wm-daily-simplified-editor .side-panel.summary-panel,
.daily-page.wm-daily-simplified-editor .followup-grid,
.daily-page.wm-daily-simplified-editor .risk-section {
  display: none !important;
}

.daily-page.wm-daily-simplified-editor.wm-show-progress .followup-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.daily-page.wm-daily-simplified-editor.wm-show-progress .followup-grid > .compact-section:first-child {
  display: block !important;
}

.daily-page.wm-daily-simplified-editor.wm-show-progress .followup-grid > .compact-section:nth-child(2) {
  display: none !important;
}

.daily-page.wm-daily-simplified-editor.wm-show-risk .risk-section {
  display: block !important;
}

.daily-page.wm-daily-simplified-editor .risk-section.wm-risk-owner-enhanced .wm-risk-owner-field {
  grid-column: 1 / -1 !important;
  padding: 8px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
}

.daily-page.wm-daily-simplified-editor .risk-section.wm-risk-owner-enhanced .compact-grid {
  grid-template-columns: 1fr !important;
}

.daily-page.wm-daily-simplified-editor .risk-section.wm-risk-owner-enhanced .risk-card {
  width: 100% !important;
  max-width: none !important;
}

.daily-page.wm-daily-simplified-editor .risk-section.wm-risk-owner-enhanced .wm-risk-owner-field .el-form-item__content,
.daily-page.wm-daily-simplified-editor .risk-section.wm-risk-owner-enhanced .wm-risk-owner-field .el-select {
  width: 100% !important;
  min-width: 0 !important;
}

.daily-page.wm-daily-simplified-editor .risk-section.wm-risk-owner-enhanced .wm-risk-owner-field .el-form-item__label {
  color: #1d4ed8 !important;
  font-weight: 800 !important;
}

.daily-page.wm-daily-simplified-editor .risk-section.wm-risk-owner-enhanced .wm-risk-owner-field .el-input__wrapper {
  box-shadow: 0 0 0 1px #bfdbfe inset !important;
}

.daily-page.wm-daily-simplified-editor.wm-show-progress .followup-grid .entry-security-row.graphical,
.daily-page.wm-daily-simplified-editor.wm-show-risk .risk-section .entry-security-row.graphical {
  display: none !important;
}

.daily-page.wm-daily-simplified-editor .plan-section .plan-list {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.daily-page.wm-daily-simplified-editor .plan-section .next-plan-card {
  background: #fff !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-plan-field .el-input__wrapper {
  min-height: 54px !important;
  align-items: flex-start !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.daily-page.wm-daily-simplified-editor .wm-daily-plan-field .el-input__inner {
  height: 34px !important;
  line-height: 1.4 !important;
  font-size: 15px !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical {
  padding: 6px !important;
  margin: 0 !important;
  border-style: solid !important;
  border-color: #d8e0ea !important;
  background: #f8fafc !important;
  border-radius: 8px !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .wm-classification-picker {
  gap: 6px !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .classification-group {
  gap: 4px !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .classification-label {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .classification-options {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .classification-group:nth-child(2) .classification-options {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .shield-option {
  min-width: 0 !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .classification-option {
  min-height: 32px !important;
  padding: 4px 20px 4px 6px !important;
  gap: 4px !important;
  border-width: 1px !important;
  box-shadow: none !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .classification-option:hover {
  transform: none !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .classification-option.active::after {
  top: 6px !important;
  right: 6px !important;
  width: 12px !important;
  height: 12px !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .option-copy {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .option-copy strong {
  font-size: 11px !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .option-copy em {
  font-size: 10px !important;
  white-space: nowrap !important;
}

.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .wm-flag-mark.wm-image-security-icon,
.daily-page.wm-daily-simplified-editor .entry-security-row.graphical .wm-shield-mark.wm-image-security-icon {
  width: 19px !important;
  height: 22px !important;
  flex-basis: 19px !important;
  margin-right: 2px !important;
}

.daily-page.wm-daily-simplified-editor .compact-section .entry-security-row.graphical .classification-options,
.daily-page.wm-daily-simplified-editor .risk-section .entry-security-row.graphical .classification-options {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.daily-page.wm-daily-simplified-editor .compact-section .entry-security-row.graphical .classification-group:nth-child(2) .classification-options,
.daily-page.wm-daily-simplified-editor .risk-section .entry-security-row.graphical .classification-group:nth-child(2) .classification-options {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.daily-page.wm-daily-simplified-editor .side-panel.security-panel .classification-options {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.daily-page.wm-daily-simplified-editor .side-panel.security-panel .classification-option {
  min-height: 34px !important;
  padding: 5px 22px 5px 7px !important;
}

@media (max-width: 1180px) {
  .daily-page.wm-daily-simplified-editor .mine-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .daily-page.wm-daily-simplified-editor .status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .daily-page.wm-daily-simplified-editor .entry-security-row.graphical .classification-options,
  .daily-page.wm-daily-simplified-editor .side-panel.security-panel .classification-options {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Winmoon UI 2.2 restrained beauty-tech visual layer. */
:root {
  --wm22-brand-ink: #22304A;
  --wm22-brand-violet: #6256E0;
  --wm22-rose-soft: #C9798F;
  --wm22-page-bg: #F7F7FA;
  --wm22-surface: #FFFFFF;
  --wm22-surface-subtle: #F1F2F6;
  --wm22-surface-hover: #FAFAFC;
  --wm22-surface-selected: #F4F2FF;
  --wm22-border: #E5E7EC;
  --wm22-border-strong: #D7D9E0;
  --wm22-text-primary: #273043;
  --wm22-text-secondary: #667085;
  --wm22-text-muted: #98A2B3;
  --wm22-success: #22A06B;
  --wm22-warning: #D99A22;
  --wm22-danger: #D64545;
  --wm22-info: #4778D9;
  --wm22-shadow-soft: 0 12px 32px rgba(34, 48, 74, 0.06);
  --wm22-focus: 0 0 0 3px rgba(98, 86, 224, 0.12);
}

html,
body,
#app {
  background: var(--wm22-page-bg) !important;
  color: var(--wm22-text-primary) !important;
  letter-spacing: 0 !important;
}

body {
  overflow-x: hidden !important;
}

.wm-layout-stable,
.workbench.wm-stable-workbench,
.task-page,
.daily-page,
.file-center,
.settings-page,
.feishu-page,
.performance-page,
.dashboard-page,
.operation-board,
.store-auth-page,
.supplier-page,
.supplier-rating-page {
  background: var(--wm22-page-bg) !important;
  color: var(--wm22-text-primary) !important;
}

.wm-stable-sidebar {
  background: var(--wm22-brand-ink) !important;
  border-right: 0 !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.76) !important;
}

.wm-stable-brand {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}

.wm-stable-logo,
.wm-stable-avatar {
  background: var(--wm22-brand-violet) !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
}

.wm-stable-nav {
  padding: 14px 12px 20px !important;
}

.wm-stable-section {
  margin: 12px 0 16px !important;
}

.wm-stable-section-title {
  color: rgba(255, 255, 255, 0.42) !important;
  font-weight: 800 !important;
}

.wm-stable-nav-link {
  color: rgba(255, 255, 255, 0.74) !important;
  border-radius: 7px !important;
  background: transparent !important;
}

.wm-stable-nav-link:hover {
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.07) !important;
}

.wm-stable-nav-link.active {
  color: #FFFFFF !important;
  background: rgba(98, 86, 224, 0.18) !important;
  box-shadow: inset 3px 0 0 var(--wm22-brand-violet) !important;
}

.wm-stable-topbar {
  height: 56px !important;
  background: var(--wm22-surface) !important;
  border-bottom: 1px solid var(--wm22-border) !important;
  box-shadow: none !important;
}

.wm-stable-page-title,
.wm-page-title,
.page-title,
.section-title,
.wm-stable-title h1,
.wm-stable-card h2,
.wm-stable-task h2,
.wm-im h1,
.wm-im h2,
.daily-header h1 {
  color: var(--wm22-brand-ink) !important;
  letter-spacing: 0 !important;
}

.wm-stable-muted,
.page-subtitle,
.wm-stable-card p,
.wm-stable-link small,
.wm-stable-task-stat span,
.el-form-item__label,
.el-input__inner::placeholder,
.el-textarea__inner::placeholder {
  color: var(--wm22-text-secondary) !important;
}

.wm-stable-toolbar {
  align-items: center !important;
  background: var(--wm22-surface) !important;
  border: 1px solid var(--wm22-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--wm22-shadow-soft) !important;
  margin-bottom: 16px !important;
  min-height: 0 !important;
  padding: 18px 22px !important;
}

.wm-stable-kicker {
  color: var(--wm22-brand-violet) !important;
  font-weight: 800 !important;
}

.wm-card,
.el-card,
.wm-stable-card,
.wm-stable-task,
.wm-im-card,
.wm-panel,
.wm-members-panel,
.daily-section,
.side-panel,
.entry-card,
.security-card,
.wm-stat-card,
.sync-card,
.category-panel,
.dict-sidebar,
.wm-im-release-card {
  background: var(--wm22-surface) !important;
  border: 1px solid var(--wm22-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--wm22-shadow-soft) !important;
  color: var(--wm22-text-primary) !important;
}

.wm-stable-card,
.wm-stable-task {
  --wm-color: var(--wm22-brand-violet) !important;
  --wm-bg: var(--wm22-surface-selected) !important;
  border-left: 1px solid var(--wm22-border) !important;
  border-top: 1px solid var(--wm22-border) !important;
  min-height: 260px !important;
  overflow: hidden !important;
  position: relative !important;
}

.wm-stable-card::before,
.wm-stable-task::before {
  background: var(--wm22-brand-violet) !important;
  content: "" !important;
  inset: 0 auto 0 0 !important;
  opacity: 0.8 !important;
  position: absolute !important;
  width: 3px !important;
}

.wm-stable-card:hover,
.wm-stable-task:hover,
.wm-card:hover,
.wm-im-card:hover {
  border-color: rgba(98, 86, 224, 0.32) !important;
  box-shadow: 0 14px 34px rgba(34, 48, 74, 0.08) !important;
}

.wm-stable-metric,
.wm-stable-task-stat,
.el-table th.el-table__cell,
.el-table__header-wrapper th,
.el-table__fixed-header-wrapper th {
  background: var(--wm22-surface-subtle) !important;
  color: var(--wm22-text-primary) !important;
}

.wm-stable-metric b,
.wm-stable-task-stat b {
  color: var(--wm22-brand-ink) !important;
}

.wm-stable-link {
  background: var(--wm22-surface) !important;
  border: 1px solid var(--wm22-border) !important;
  border-radius: 7px !important;
  color: var(--wm22-text-primary) !important;
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease !important;
}

.wm-stable-link:hover,
.wm-stable-link:focus-visible {
  background: var(--wm22-surface-selected) !important;
  border-color: rgba(98, 86, 224, 0.34) !important;
  color: var(--wm22-brand-ink) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.wm-stable-link span {
  color: var(--wm22-brand-ink) !important;
}

.el-button--primary:not(.is-link),
.wm-stable-btn.primary,
.hero-actions .wm-position-workbench-button,
.wm-im-btn.primary,
.wm-goal-btn.primary {
  background: var(--wm22-brand-violet) !important;
  border-color: var(--wm22-brand-violet) !important;
  color: #FFFFFF !important;
}

.el-button--primary.is-link,
.el-button--primary.is-text,
.wm-stable-btn,
.wm-stable-icon-btn,
.wm-stable-user-btn,
.wm-stable-menu-btn,
.wm-im-btn,
.wm-goal-btn {
  color: var(--wm22-brand-violet) !important;
}

.el-button--default,
.wm-stable-btn,
.wm-stable-icon-btn,
.wm-stable-user-btn,
.wm-stable-menu-btn,
.wm-stable-lang,
.wm-im-btn,
.wm-goal-btn,
.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper {
  background: var(--wm22-surface) !important;
  border-color: var(--wm22-border-strong) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.el-input__wrapper.is-focus,
.el-select .el-input.is-focus .el-input__wrapper,
.el-textarea__inner:focus,
.wm-stable-btn:focus-visible,
.wm-im-btn:focus-visible,
.wm-goal-btn:focus-visible {
  border-color: var(--wm22-brand-violet) !important;
  box-shadow: var(--wm22-focus) !important;
  outline: none !important;
}

.el-table,
.el-table__inner-wrapper,
.el-table tr,
.el-table td.el-table__cell {
  background: var(--wm22-surface) !important;
  color: var(--wm22-text-primary) !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: var(--wm22-surface-hover) !important;
}

.el-table .el-table__cell {
  border-bottom-color: var(--wm22-border) !important;
}

.el-dialog,
.el-drawer,
.el-message-box {
  background: var(--wm22-surface) !important;
  border-radius: 8px !important;
}

.el-dialog__title,
.el-drawer__title,
.el-message-box__title {
  color: var(--wm22-brand-ink) !important;
}

.el-tag {
  border-radius: 999px !important;
  font-weight: 700 !important;
}

.el-tag--primary,
.el-tag--info {
  background: var(--wm22-surface-selected) !important;
  border-color: rgba(98, 86, 224, 0.2) !important;
  color: var(--wm22-brand-violet) !important;
}

.el-tag--success {
  background: rgba(34, 160, 107, 0.1) !important;
  border-color: rgba(34, 160, 107, 0.22) !important;
  color: var(--wm22-success) !important;
}

.el-tag--warning {
  background: rgba(217, 154, 34, 0.12) !important;
  border-color: rgba(217, 154, 34, 0.25) !important;
  color: var(--wm22-warning) !important;
}

.el-tag--danger {
  background: rgba(214, 69, 69, 0.1) !important;
  border-color: rgba(214, 69, 69, 0.22) !important;
  color: var(--wm22-danger) !important;
}

.wm-stable-badge {
  background: var(--wm22-danger) !important;
  color: #FFFFFF !important;
}

.wm-im-message.own .wm-im-bubble,
.wm-im-conversation.active,
.wm-im-release-card.is-active {
  background: var(--wm22-surface-selected) !important;
  border-color: rgba(98, 86, 224, 0.28) !important;
}

.wm-im-message.own .wm-im-bubble {
  color: var(--wm22-text-primary) !important;
}

.classification-option.active {
  box-shadow: var(--wm22-focus) !important;
}

@media (max-width: 820px) {
  .wm-layout-stable {
    background: var(--wm22-page-bg) !important;
  }

  .wm-stable-sidebar {
    box-shadow: 18px 0 40px rgba(34, 48, 74, 0.26) !important;
  }

  .wm-stable-topbar {
    height: 54px !important;
  }

  .wm-stable-content,
  .workbench.wm-stable-workbench {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .wm-stable-toolbar {
    padding: 14px !important;
  }

  .wm-stable-grid {
    gap: 12px !important;
  }
}

.file-center .el-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

.file-center .el-col.is-guttered {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.file-center .wm-card {
  min-width: 0 !important;
}

.wm-stable-content .el-row,
.wm-stable-content .el-table,
.wm-stable-content .el-table__inner-wrapper,
.wm-stable-content .el-table__body-wrapper,
.wm-stable-content .el-scrollbar,
.wm-stable-content .el-scrollbar__wrap,
.wm-stable-content .el-scrollbar__view {
  max-width: 100% !important;
}

.wm-stable-content .el-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wm-stable-content .el-col.is-guttered {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.wm-stable-content,
.wm-stable-main {
  overflow-x: hidden !important;
}

/* Winmoon UI 2.0 unified shell and responsive normalization. */
:root {
  --wm20-brand-ink: #22304A;
  --wm20-brand-violet: #6256E0;
  --wm20-rose-soft: #C9798F;
  --wm20-page-bg: #F7F7FA;
  --wm20-surface: #FFFFFF;
  --wm20-surface-subtle: #F1F2F6;
  --wm20-surface-selected: #F4F2FF;
  --wm20-border: #E5E7EC;
  --wm20-border-strong: #D7D9E0;
  --wm20-text-primary: #273043;
  --wm20-text-secondary: #667085;
  --wm20-text-muted: #98A2B3;
  --wm20-success: #22A06B;
  --wm20-warning: #D99A22;
  --wm20-danger: #D64545;
  --wm20-info: #4778D9;
  --wm20-radius: 8px;
  --wm20-shadow-soft: 0 12px 32px rgba(34, 48, 74, 0.06);
  --wm20-shadow-hover: 0 16px 38px rgba(34, 48, 74, 0.09);
  --wm20-focus: 0 0 0 3px rgba(98, 86, 224, 0.14);
  --el-color-primary: #6256E0;
  --el-color-success: #22A06B;
  --el-color-warning: #D99A22;
  --el-color-danger: #D64545;
  --el-color-info: #4778D9;
  --el-border-radius-base: 7px;
}

html,
body,
#app,
.wm-layout-stable {
  min-width: 0 !important;
  background: var(--wm20-page-bg) !important;
  color: var(--wm20-text-primary) !important;
  letter-spacing: 0 !important;
}

body {
  margin: 0 !important;
  overflow-x: hidden !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

button,
input,
textarea,
select {
  font: inherit !important;
  letter-spacing: 0 !important;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.el-button:focus-visible {
  outline: none !important;
  box-shadow: var(--wm20-focus) !important;
}

.wm-layout-stable {
  grid-template-columns: 232px minmax(0, 1fr) !important;
}

.wm-stable-main {
  grid-template-rows: 56px minmax(0, 1fr) !important;
}

.wm-stable-topbar {
  min-height: 56px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.wm-stable-content {
  padding: 24px 32px 36px !important;
}

.wm-stable-nav-link {
  min-height: 38px !important;
}

.wm-stable-section-title,
.wm-stable-nav-link,
.wm-stable-icon-btn,
.wm-stable-user-btn,
.wm-stable-menu-btn,
.wm-stable-ai-btn,
.wm-stable-lang {
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease !important;
}

.wm-stable-search-panel,
.wm-stable-user-menu {
  animation: wm20-soft-pop 0.14s ease both;
}

/* The language picker may originate from a legacy empty select in the top bar. */
.wm-stable-lang,
.wm-runtime-lang-select {
  display: inline-block !important;
  visibility: visible !important;
  min-width: 128px !important;
  height: 40px !important;
  padding: 0 34px 0 12px !important;
  color: var(--wm22-ink, #172033) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
}

@keyframes wm20-soft-pop {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.wm-page,
.wm-approval,
.wm-mail,
.wm-im,
.workbench.wm-stable-workbench,
.task-page,
.daily-page,
.file-center,
.settings-page,
.feishu-page,
.performance-page,
.dashboard-page,
.operation-board,
.store-auth-page,
.supplier-page,
.supplier-rating-page,
.members-page,
.roles-page,
.departments-page,
.employee-roster-page,
.interviews-page,
.announcements-page,
.goals-page,
.goal-page {
  background: var(--wm20-page-bg) !important;
  color: var(--wm20-text-primary) !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.workbench.wm-stable-workbench,
.wm-approval,
.wm-mail,
.wm-im {
  min-height: auto !important;
  padding: 0 !important;
}

.wm-page-header,
.wm-approval-head,
.wm-mail-head,
.wm-im-head,
.daily-header,
.wm-stable-toolbar {
  background: var(--wm20-surface) !important;
  border: 1px solid var(--wm20-border) !important;
  border-radius: var(--wm20-radius) !important;
  box-shadow: var(--wm20-shadow-soft) !important;
  margin-bottom: 16px !important;
  padding: 18px 20px !important;
}

.wm-stable-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  min-height: 128px !important;
}

.wm-stable-title h1,
.wm-approval-head h1,
.wm-mail-title h1,
.wm-im-title h1,
.daily-header h1,
.wm-page-title,
.page-title,
.section-title,
.wm-section-title,
.wm-side-title {
  color: var(--wm20-brand-ink) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.wm-stable-title h1,
.wm-approval-head h1,
.wm-mail-title h1,
.wm-im-title h1,
.daily-header h1 {
  font-size: 24px !important;
  line-height: 1.22 !important;
}

.wm-stable-title p,
.wm-approval-head p,
.wm-mail-title p,
.wm-im-title p,
.daily-header p,
.page-subtitle,
.wm-stable-muted {
  color: var(--wm20-text-secondary) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.wm-card,
.el-card,
.wm-panel,
.wm-mail-card,
.wm-im-card,
.wm-approval .wm-panel,
.wm-approval .wm-card,
.wm-stable-card,
.wm-stable-task,
.daily-section,
.side-panel,
.entry-card,
.security-card,
.sync-card,
.category-panel,
.dict-sidebar,
.wm-im-release-card,
.wm-mail-panel-section,
.wm-mail-inline-panel {
  background: var(--wm20-surface) !important;
  border: 1px solid var(--wm20-border) !important;
  border-radius: var(--wm20-radius) !important;
  box-shadow: var(--wm20-shadow-soft) !important;
  color: var(--wm20-text-primary) !important;
}

.wm-card:hover,
.wm-panel:hover,
.wm-mail-card:hover,
.wm-im-card:hover,
.wm-stable-card:hover,
.wm-stable-task:hover,
.daily-section:hover,
.side-panel:hover {
  box-shadow: var(--wm20-shadow-hover) !important;
}

.wm-stable-grid {
  grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.wm-stable-card,
.wm-stable-task {
  min-height: 248px !important;
  border-left: 1px solid var(--wm20-border) !important;
  border-top: 1px solid var(--wm20-border) !important;
}

.wm-stable-card h2 {
  font-size: 21px !important;
}

.wm-stable-task {
  border-top: 4px solid var(--wm20-brand-violet) !important;
}

.wm-stable-task h2 {
  font-size: 18px !important;
}

.wm-stable-hero {
  min-height: 0 !important;
}

.wm-stable-actions,
.hero-actions,
.wm-approval-actions,
.wm-mail-actions,
.wm-im-actions,
.wm-action-bar,
.wm-mail-inline-actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.wm-btn,
.wm-mail-btn,
.wm-im-btn,
.wm-stable-btn,
.el-button {
  min-height: 34px !important;
  border-radius: 7px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.wm-btn.primary,
.wm-mail-btn.primary,
.wm-im-btn.primary,
.wm-stable-btn.primary,
.el-button--primary:not(.is-link):not(.is-text) {
  background: var(--wm20-brand-violet) !important;
  border-color: var(--wm20-brand-violet) !important;
  color: #fff !important;
}

.wm-btn:not(.primary),
.wm-mail-btn:not(.primary),
.wm-im-btn:not(.primary),
.wm-stable-btn:not(.primary),
.el-button--default {
  background: var(--wm20-surface) !important;
  border-color: var(--wm20-border-strong) !important;
  color: var(--wm20-brand-ink) !important;
}

.wm-input,
.wm-select,
.wm-textarea,
.wm-mail-input,
.wm-mail-select,
.wm-mail-textarea,
.wm-im-input,
.wm-im-select,
.wm-im-textarea,
.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner {
  border-color: var(--wm20-border-strong) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.wm-input:focus,
.wm-select:focus,
.wm-textarea:focus,
.wm-mail-input:focus,
.wm-mail-select:focus,
.wm-mail-textarea:focus,
.wm-im-input:focus,
.wm-im-select:focus,
.wm-im-textarea:focus,
.el-input__wrapper.is-focus,
.el-textarea__inner:focus {
  border-color: var(--wm20-brand-violet) !important;
  box-shadow: var(--wm20-focus) !important;
}

.el-table,
.el-table__inner-wrapper,
.wm-table {
  border-radius: var(--wm20-radius) !important;
  overflow: hidden !important;
}

.el-table th.el-table__cell,
.el-table__header-wrapper th,
.wm-table th {
  background: var(--wm20-surface-subtle) !important;
  color: var(--wm20-brand-ink) !important;
  font-weight: 850 !important;
}

.el-table td.el-table__cell,
.wm-table td {
  color: var(--wm20-text-primary) !important;
}

.wm-approval-structure {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr) minmax(320px, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.wm-approval-shell,
.wm-approval-workspace,
.wm-detail-grid {
  gap: 16px !important;
}

.wm-kpis,
.wm-im-stats,
.status-strip {
  gap: 12px !important;
}

.wm-kpi,
.wm-im-stat,
.status-item,
.wm-stable-task-stat,
.wm-stable-metric {
  border: 1px solid var(--wm20-border) !important;
  background: var(--wm20-surface-subtle) !important;
  border-radius: 8px !important;
}

.wm-chip,
.wm-mail-chip,
.wm-im-chip,
.el-tag {
  border-radius: 999px !important;
  font-weight: 800 !important;
}

.wm-chip.active,
.wm-mail-folder.active,
.wm-im-tab.active,
.wm-im-conv.active,
.wm-mail-item.active {
  background: var(--wm20-surface-selected) !important;
  border-color: rgba(98, 86, 224, 0.3) !important;
  color: var(--wm20-brand-violet) !important;
}

.wm-mail-rich-editor {
  min-height: 260px !important;
  background: #fff !important;
}

.wm-mail-shell {
  grid-template-columns: 220px minmax(300px, 390px) minmax(0, 1fr) 280px !important;
  gap: 14px !important;
}

.wm-im-shell {
  grid-template-columns: 280px minmax(0, 1fr) 280px !important;
  gap: 14px !important;
}

.wm-im-messages {
  background: linear-gradient(180deg, #FFFFFF, #F7F7FA) !important;
}

.wm-im-bubble {
  border-radius: 8px !important;
}

.wm-im-message.mine .wm-im-bubble,
.wm-im-message.own .wm-im-bubble {
  background: var(--wm20-surface-selected) !important;
  border-color: rgba(98, 86, 224, 0.24) !important;
}

.wm-stable-modal-mask,
.wm-im-modal-mask {
  align-items: flex-start !important;
  overflow: auto !important;
  padding-top: 72px !important;
}

.wm-stable-modal,
.wm-im-modal {
  border-radius: 8px !important;
}

.wm-stable-modal {
  width: min(980px, calc(100vw - 32px)) !important;
}

@media (max-width: 1279px) {
  .wm-layout-stable {
    grid-template-columns: 212px minmax(0, 1fr) !important;
  }

  .wm-stable-content {
    padding: 20px !important;
  }

  .wm-stable-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }

  .wm-mail-shell,
  .wm-im-shell {
    grid-template-columns: 240px minmax(0, 1fr) !important;
  }

  .wm-mail-panel,
  .wm-im-panel {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
  }
}

@media (max-width: 1023px) {
  .wm-approval-structure,
  .wm-approval-shell,
  .wm-approval-workspace,
  .wm-detail-grid,
  .wm-mail-shell,
  .wm-im-shell {
    grid-template-columns: 1fr !important;
  }

  .wm-mail-side,
  .wm-mail-list,
  .wm-mail-reader,
  .wm-mail-panel,
  .wm-im-side,
  .wm-im-main,
  .wm-im-panel {
    min-height: auto !important;
  }

  .wm-mail-list,
  .wm-im-list {
    max-height: 360px !important;
  }
}

@media (max-width: 768px) {
  .wm-layout-stable {
    display: block !important;
    padding-bottom: 78px !important;
  }

  .wm-stable-sidebar {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  .wm-stable-content {
    padding: 14px 14px 84px !important;
    overflow-x: hidden !important;
  }

  .wm-page-header,
  .wm-approval-head,
  .wm-mail-head,
  .wm-im-head,
  .daily-header,
  .wm-stable-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .wm-stable-title h1,
  .wm-approval-head h1,
  .wm-mail-title h1,
  .wm-im-title h1,
  .daily-header h1 {
    font-size: 22px !important;
  }

  .wm-stable-grid,
  .wm-kpis,
  .wm-im-stats,
  .status-strip,
  .wm-form-grid,
  .wm-choice-row,
  .wm-admin-grid,
  .wm-launch-grid,
  .wm-mail-top-panels,
  .wm-mail-inline-body,
  .wm-stable-checks,
  .wm-stable-form-grid {
    grid-template-columns: 1fr !important;
  }

  .wm-stable-card,
  .wm-stable-task {
    min-height: 220px !important;
  }

  .wm-btn,
  .wm-mail-btn,
  .wm-im-btn,
  .wm-stable-btn,
  .el-button,
  .wm-input,
  .wm-select,
  .wm-mail-input,
  .wm-mail-select,
  .wm-im-input,
  .wm-im-select {
    min-height: 44px !important;
  }

  .wm-approval-actions,
  .wm-mail-actions,
  .wm-im-actions,
  .wm-stable-actions,
  .hero-actions,
  .wm-action-bar,
  .wm-mail-inline-actions {
    justify-content: flex-start !important;
  }

  .wm-approval-actions > *,
  .wm-mail-actions > *,
  .wm-im-actions > *,
  .wm-stable-actions > *,
  .hero-actions > *,
  .wm-action-bar > *,
  .wm-mail-inline-actions > * {
    flex: 1 1 132px !important;
  }

  .el-table,
  .wm-table,
  .wm-table-wrapper {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .el-table__body-wrapper,
  .el-table__header-wrapper {
    overflow-x: auto !important;
  }

  .wm-mail-rich-editor {
    min-height: 220px !important;
  }

  .wm-im-bubble {
    max-width: 88% !important;
  }

  .wm-stable-modal-mask,
  .wm-im-modal-mask {
    padding: 12px !important;
    align-items: flex-start !important;
  }

  .wm-stable-modal,
  .wm-im-modal {
    width: 100% !important;
    max-height: calc(100vh - 24px) !important;
  }
}

@media (max-width: 480px) {
  .wm-stable-topbar {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .wm-stable-page-title {
    max-width: 34vw !important;
  }

  .wm-stable-lang {
    max-width: 92px !important;
  }

  .wm-stable-ai-btn {
    display: none !important;
  }

  .wm-stable-card,
  .wm-stable-task,
  .wm-card,
  .wm-panel,
  .wm-mail-card,
  .wm-im-card,
  .daily-section {
    padding: 14px !important;
  }
}

.wm-ui2-embedded-frame {
  display: block;
  width: 100%;
  min-height: calc(100dvh - 104px);
  border: 1px solid var(--wm20-border);
  border-radius: 8px;
  background: var(--wm20-surface);
  box-shadow: var(--wm20-shadow-card);
}

.wm-ui2-goals-frame {
  overflow: hidden;
}

@media (max-width: 768px) {
  .wm-ui2-embedded-frame {
    min-height: calc(100dvh - 104px);
    border-radius: 8px;
  }
}

/* UI 2.0 final shell guard: keep the dashboard compact and token-driven. */
.workbench.wm-stable-workbench {
  background: var(--wm20-page-bg, #F7F7FA) !important;
  display: block !important;
  max-width: 100% !important;
  min-height: auto !important;
  overflow: visible !important;
  padding: 0 !important;
}

.workbench.wm-stable-workbench .wm-stable-toolbar {
  align-items: center !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
  min-height: 0 !important;
  padding: 18px 20px !important;
}

.workbench.wm-stable-workbench .wm-stable-title h1 {
  font-size: 24px !important;
  line-height: 1.25 !important;
  margin: 6px 0 8px !important;
}

.workbench.wm-stable-workbench .wm-stable-grid {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.workbench.wm-stable-workbench .wm-stable-grid > * {
  grid-column: auto !important;
  grid-row: auto !important;
  order: 0 !important;
}

.workbench.wm-stable-workbench .wm-stable-card,
.workbench.wm-stable-workbench .wm-stable-task {
  min-height: 238px !important;
  border-radius: 8px !important;
}

.wm-stable-config-panel {
  background: var(--wm20-surface, #FFFFFF) !important;
  border: 1px solid var(--wm20-border, #E5E7EC) !important;
  border-radius: 8px !important;
  box-shadow: var(--wm20-shadow-soft, 0 12px 32px rgba(34, 48, 74, 0.06)) !important;
  margin: 0 0 16px !important;
  padding: 16px !important;
}

.wm-stable-config-head,
.wm-stable-config-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: space-between !important;
}

.wm-stable-config-head h2 {
  color: var(--wm20-brand-ink, #22304A) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.wm-stable-config-actions {
  justify-content: flex-end !important;
  margin-top: 14px !important;
}

@media (max-width: 1279px) {
  .workbench.wm-stable-workbench .wm-stable-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  .workbench.wm-stable-workbench .wm-stable-toolbar {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .workbench.wm-stable-workbench .wm-stable-title h1 {
    font-size: 20px !important;
    margin: 4px 0 6px !important;
  }

  .workbench.wm-stable-workbench .wm-stable-kicker,
  .workbench.wm-stable-workbench .wm-stable-muted {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .workbench.wm-stable-workbench .wm-stable-actions.hero-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .workbench.wm-stable-workbench .wm-stable-actions.hero-actions .wm-stable-btn,
  .workbench.wm-stable-workbench .wm-stable-actions.hero-actions .wm-position-workbench-button {
    font-size: 12px !important;
    min-width: 0 !important;
    padding: 0 6px !important;
    width: 100% !important;
  }

  .workbench.wm-stable-workbench .wm-stable-grid {
    grid-template-columns: 1fr !important;
  }

  .workbench.wm-stable-workbench .wm-stable-config-panel {
    padding: 10px !important;
  }

  .workbench.wm-stable-workbench .wm-stable-config-head {
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }

  .workbench.wm-stable-workbench .wm-stable-config-head h2 {
    font-size: 16px !important;
  }

  .workbench.wm-stable-workbench .wm-stable-checks {
    grid-template-columns: 1fr !important;
    max-height: 280px !important;
    overflow: auto !important;
    padding-right: 3px !important;
  }

  .workbench.wm-stable-workbench .wm-stable-check {
    min-height: 42px !important;
    padding: 7px 8px !important;
  }

  .workbench.wm-stable-workbench .wm-stable-check span {
    font-size: 12px !important;
  }

  .workbench.wm-stable-workbench .wm-stable-check small {
    font-size: 10px !important;
  }

  body:has(.wm-stable-config-panel) .wm-mobile-quick-nav {
    display: none !important;
  }
}