/*
 * Operator Center visual system
 * Inspired by the restrained information density of Feishu Admin while
 * preserving Huanyu ERP's existing business structure and interactions.
 */

body.operator-center-feishu-mode {
  --bg: #f5f6f7;
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --card: #ffffff;
  --border: #dee0e3;
  --border-strong: #c9cdd4;
  --text: #1f2329;
  --muted: #646a73;
  --primary: #3370ff;
  --primary-dark: #245bdb;
  --primary2: #3370ff;
  --secondary: #f2f3f5;
  --accent: #e8f3ff;
  --ok: #34a853;
  --green: #34a853;
  --yellow: #f5a623;
  --danger: #f54a45;
  --red: #f54a45;
  --radius-xl: 8px;
  --radius-lg: 6px;
  --radius-md: 6px;
  --radius-sm: 4px;
  --radius: 6px;
  --shadow: none;
  --shadow-lg: 0 8px 24px rgba(31, 35, 41, 0.08);
  background: #f5f6f7;
  color: #1f2329;
}

body.operator-center-feishu-mode .app-shell {
  grid-template-columns: 220px minmax(0, 1fr);
  grid-template-rows: 54px minmax(0, 1fr);
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav > .sidebar,
body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar {
  width: 220px !important;
  background: #f5f6f7 !important;
  border-right: 1px solid #e5e6eb !important;
  color: #4e5969 !important;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar-brand {
  min-height: 54px;
  padding: 0 16px;
  gap: 9px;
  border-bottom: 1px solid #e5e6eb;
  background: #ffffff;
}

body.operator-center-feishu-mode .sidebar-brand .brand-logo {
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 7px;
  background: #3370ff;
  color: #fff;
  font-size: 14px;
}

body.operator-center-feishu-mode .sidebar-brand h1 {
  color: #1f2329;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}

body.operator-center-feishu-mode .sidebar-brand .brand-desc,
body.operator-center-feishu-mode .sidebar-brand p {
  margin-top: 2px;
  color: #8f959e;
  font-family: inherit;
  font-size: 8px;
  letter-spacing: .08em;
}

body.operator-center-feishu-mode .sidebar-tools {
  gap: 4px;
  padding: 8px 10px 2px;
}

body.operator-center-feishu-mode .sidebar-tools-btn {
  min-height: 28px;
  padding: 4px 6px;
  border-color: #dee0e3;
  border-radius: 5px;
  background: #fff;
  color: #646a73;
  font-size: 11px;
}

body.operator-center-feishu-mode .sidebar-tools-btn:hover {
  border-color: #c9cdd4;
  background: #f2f3f5;
  color: #1f2329;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar-nav {
  gap: 2px;
  padding: 8px 10px 12px;
}

body.operator-center-feishu-mode .sidebar-nav-item {
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 5px;
  color: #4e5969;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

body.operator-center-feishu-mode .sidebar-nav-item .nav-icon {
  width: 18px;
  height: 18px;
  opacity: .82;
}

body.operator-center-feishu-mode .sidebar-nav-item:hover {
  background: #e9eaec;
  color: #1f2329;
}

body.operator-center-feishu-mode .sidebar-nav-item.active,
body.operator-center-feishu-mode .sidebar-nav-item.active:hover {
  border-color: transparent;
  background: #e5e6eb;
  color: #1f2329;
  font-weight: 600;
}

body.operator-center-feishu-mode .sidebar-nav-item.active::before {
  content: none;
}

body.operator-center-feishu-mode .sidebar .nav-chevron,
body.operator-center-feishu-mode .sidebar .nav-group.is-open > .sidebar-nav-item .nav-chevron,
body.operator-center-feishu-mode .sidebar .nav-group > .sidebar-nav-item:hover .nav-chevron {
  color: #8f959e;
}

body.operator-center-feishu-mode .sidebar .nav-items {
  gap: 1px;
  padding: 3px 0 8px 26px;
}

body.operator-center-feishu-mode .sidebar .nav-subitem,
body.operator-center-feishu-mode .sidebar .nav-subitem.is-ready {
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 5px;
  color: #646a73;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}

body.operator-center-feishu-mode .sidebar .nav-subitem:hover,
body.operator-center-feishu-mode .sidebar .nav-subitem.is-ready:hover {
  background: #e9eaec;
  color: #1f2329;
}

body.operator-center-feishu-mode .sidebar .nav-subitem.active,
body.operator-center-feishu-mode .sidebar .nav-subitem.active:hover {
  background: #e8f3ff;
  color: #1456f0;
  font-weight: 600;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar-footer {
  padding: 10px;
  border-top-color: #e5e6eb;
  background: #f5f6f7;
}

body.operator-center-feishu-mode .sidebar-footer .user-card {
  padding: 8px;
  border-color: #dee0e3;
  border-radius: 6px;
  background: #fff;
}

body.operator-center-feishu-mode .sidebar-footer .user-name { color: #1f2329; }
body.operator-center-feishu-mode .sidebar-footer .user-role {
  color: #8f959e;
  font-family: inherit;
  letter-spacing: 0;
  text-transform: none;
}

body.operator-center-feishu-mode .sidebar-footer .foot-link {
  color: #646a73;
}

body.operator-center-feishu-mode .sidebar-footer .foot-link:hover {
  background: #e9eaec;
  color: #1f2329;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav > .topbar,
body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .topbar {
  min-height: 54px;
  height: 54px;
  padding: 0 18px;
  border-bottom: 1px solid #e5e6eb;
  background: rgba(255, 255, 255, .96);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.operator-center-feishu-mode .topbar h2,
body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .topbar-copy h2 {
  color: #1f2329;
  font-size: 14px;
  font-weight: 600;
}

body.operator-center-feishu-mode .topbar-kicker { display: none; }

body.operator-center-feishu-mode .topbar-copy p:last-child,
body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .topbar-copy p:last-child {
  color: #8f959e;
  font-size: 11px;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .topbar-status .status-card {
  min-height: 28px;
  padding: 0 9px;
  border-color: #dee0e3;
  border-radius: 5px;
  background: #f7f8fa;
  color: #4e5969;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .topbar-actions .btn {
  min-height: 30px;
  padding: 5px 11px;
  border-radius: 5px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
}

body.operator-center-feishu-mode .main-shell {
  padding: 14px 16px 22px;
  background: #f5f6f7;
}

body.operator-center-feishu-mode .board-stack { margin-top: 0; }

body.operator-center-feishu-mode .board[data-board="operator-center"] > .board-header {
  min-height: 52px;
  margin: 0;
  padding: 10px 16px;
  align-items: center;
  border: 1px solid #dee0e3;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #fff;
  box-shadow: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] > .board-header .board-kicker {
  margin-bottom: 2px;
  color: #8f959e;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] > .board-header h3 {
  margin: 0;
  color: #1f2329;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] > .board-header p:last-child {
  margin-top: 2px;
  color: #8f959e;
  font-size: 11px;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav {
  min-height: 44px;
  margin: 0 0 12px !important;
  padding: 0 12px !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  border: 1px solid #dee0e3 !important;
  border-radius: 0 0 6px 6px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav .subnav-item {
  width: auto !important;
  min-height: 43px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #646a73 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav .subnav-item:hover {
  color: #1f2329 !important;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav .subnav-item.active,
body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav .subnav-item.active:hover {
  background: transparent !important;
  color: #3370ff !important;
  font-weight: 600 !important;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav .subnav-item.active::before {
  content: "" !important;
  position: absolute;
  left: 12px;
  right: 12px;
  top: auto;
  bottom: 0;
  width: auto;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: #3370ff;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] > .subsection.active {
  min-width: 0;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .panel,
body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-report-app,
body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-report-review-app,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-profit-app {
  border-color: #dee0e3;
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .panel {
  padding: 16px;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .panel-header,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-heading {
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f1f2;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .panel-kicker,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-heading .panel-kicker {
  margin-bottom: 3px;
  color: #8f959e;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] h4 {
  color: #1f2329;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] h5 {
  color: #1f2329;
  font-weight: 600;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .btn {
  min-height: 30px;
  padding: 5px 12px;
  border-radius: 5px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  transform: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .btn-primary {
  border-color: #3370ff;
  background: #3370ff;
  color: #fff;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .btn-primary:hover {
  border-color: #4e83fd;
  background: #4e83fd;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .btn-secondary {
  border-color: #c9cdd4;
  background: #fff;
  color: #1f2329;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .btn-secondary:hover,
body.operator-center-feishu-mode .board[data-board="operator-center"] .btn-ghost:hover {
  border-color: #aeb2b8;
  background: #f2f3f5;
  color: #1f2329;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .btn-ghost {
  border-color: transparent;
  background: transparent;
  color: #4e5969;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] input,
body.operator-center-feishu-mode .board[data-board="operator-center"] select,
body.operator-center-feishu-mode .board[data-board="operator-center"] textarea {
  border-color: #c9cdd4;
  border-radius: 5px;
  background: #fff;
  color: #1f2329;
  font-family: inherit;
  font-size: 12px;
  box-shadow: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] input,
body.operator-center-feishu-mode .board[data-board="operator-center"] select {
  min-height: 32px;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] input:focus,
body.operator-center-feishu-mode .board[data-board="operator-center"] select:focus,
body.operator-center-feishu-mode .board[data-board="operator-center"] textarea:focus {
  outline: none;
  border-color: #3370ff;
  box-shadow: 0 0 0 2px rgba(51, 112, 255, .12);
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .table-wrap,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-table-wrap,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-inventory-table-wrap {
  overflow: auto;
  border: 1px solid #dee0e3;
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] table th,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-table th,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-inventory-table th {
  padding: 9px 10px;
  border-color: #dee0e3;
  background: #f2f3f5;
  color: #4e5969;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] table td,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-table td,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-inventory-table td {
  padding: 10px;
  border-color: #ebecef;
  color: #1f2329;
  font-size: 12px;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] table tbody tr:hover,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-table tbody tr:hover {
  background: #f7f8fa;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .summary-card,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-card,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-inventory-summary-item,
body.operator-center-feishu-mode .board[data-board="operator-center"] .company-resource-summary-item {
  border: 0;
  border-radius: 5px;
  background: #f7f8fa;
  box-shadow: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .summary-card strong,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-card strong,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-inventory-summary-item strong,
body.operator-center-feishu-mode .board[data-board="operator-center"] .company-resource-summary-item strong {
  color: #1f2329;
  font-weight: 600;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-product-toolbar,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-inventory-toolbar,
body.operator-center-feishu-mode .board[data-board="operator-center"] .company-resource-toolbar,
body.operator-center-feishu-mode .board[data-board="operator-center"] .bug-report-form {
  padding: 12px;
  border: 1px solid #dee0e3;
  border-radius: 5px;
  background: #f7f8fa;
  box-shadow: none;
}

body.operator-center-feishu-mode .operator-product-dimension-card,
body.operator-center-feishu-mode .operator-inventory-region-switcher button,
body.operator-center-feishu-mode .sales-dashboard-ranking-tab {
  border-color: #c9cdd4;
  border-radius: 5px;
  background: #fff;
  color: #4e5969;
  box-shadow: none;
}

body.operator-center-feishu-mode .operator-product-dimension-card.is-active,
body.operator-center-feishu-mode .operator-inventory-region-switcher button.is-active,
body.operator-center-feishu-mode .sales-dashboard-ranking-tab.is-active {
  border-color: #a8c5ff;
  background: #e8f3ff;
  color: #1456f0;
}

body.operator-center-feishu-mode .sales-dashboard-ranking-tabs {
  gap: 6px;
  margin-bottom: 12px;
}

body.operator-center-feishu-mode .sales-dashboard-ranking-tab {
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 500;
}

body.operator-center-feishu-mode .sales-dashboard-policy,
body.operator-center-feishu-mode .sales-dashboard-source-note,
body.operator-center-feishu-mode .sales-dashboard-shipment-total,
body.operator-center-feishu-mode .sales-dashboard-shipment-route,
body.operator-center-feishu-mode .sales-dashboard-card,
body.operator-center-feishu-mode .sales-dashboard-card.is-primary,
body.operator-center-feishu-mode .sales-dashboard-card.is-warning,
body.operator-center-feishu-mode .sales-dashboard-card.is-replenishment {
  border-color: #dee0e3;
  border-radius: 5px;
  background: #f7f8fa;
  box-shadow: none;
}

body.operator-center-feishu-mode .operator-inventory-action-card {
  border-color: #dee0e3;
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
}

body.operator-center-feishu-mode .company-resource-card,
body.operator-center-feishu-mode .bug-report-item {
  border-color: #dee0e3;
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
}

body.operator-center-feishu-mode .company-resource-card:hover,
body.operator-center-feishu-mode .bug-report-item:hover {
  border-color: #c9cdd4;
  background: #fbfbfc;
}

body.operator-center-feishu-mode .company-resource-link,
body.operator-center-feishu-mode .bug-report-status {
  border-radius: 4px;
}

body.operator-center-feishu-mode .company-resource-editor,
body.operator-center-feishu-mode .bug-report-handled-note {
  border-color: #a8c5ff;
  border-radius: 5px;
  background: #f3f7ff;
}

body.operator-center-feishu-mode .bug-report-dropzone {
  border-color: #a8c5ff;
  border-radius: 5px;
  background: #fff;
  color: #1456f0;
}

body.operator-center-feishu-mode .bug-report-dropzone.is-dragging,
body.operator-center-feishu-mode .bug-report-dropzone:focus-within {
  border-color: #3370ff;
  background: #e8f3ff;
  box-shadow: 0 0 0 2px rgba(51, 112, 255, .12);
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-report-hero,
body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-review-hero,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-profit-hero {
  border: 1px solid #dee0e3;
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] [class*="summary"],
body.operator-center-feishu-mode .board[data-board="operator-center"] [class*="metric"] {
  box-shadow: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-report-tabs button,
body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-review-status-nav button,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-profit-view-tabs button {
  border-radius: 5px;
  box-shadow: none;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-report-tabs button[aria-selected="true"],
body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-review-status-nav button[aria-pressed="true"],
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-profit-view-tabs button.is-active {
  border-color: #a8c5ff;
  background: #e8f3ff;
  color: #1456f0;
}

body.operator-center-feishu-mode .empty-state {
  color: #8f959e;
  font-size: 12px;
}

/*
 * Feishu spacing and hierarchy pass.
 * The first pass established the palette; this pass removes nested-card noise
 * and gives every workspace one predictable 8 / 12 / 16 / 24 rhythm.
 */
body.operator-center-feishu-mode {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

body.operator-center-feishu-mode .app-shell {
  grid-template-columns: 192px minmax(0, 1fr);
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav > .sidebar,
body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar {
  width: 192px !important;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar-nav {
  padding-inline: 8px;
}

body.operator-center-feishu-mode .sidebar-nav-item {
  min-height: 34px;
  padding: 7px 9px;
}

body.operator-center-feishu-mode .sidebar .nav-items {
  padding-left: 22px;
}

body.operator-center-feishu-mode .sidebar .nav-subitem,
body.operator-center-feishu-mode .sidebar .nav-subitem.is-ready {
  min-height: 28px;
  padding: 5px 9px;
}

body.operator-center-feishu-mode .main-shell {
  padding: 12px 18px 24px;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] {
  overflow: hidden;
  border: 1px solid #e5e6eb;
  border-radius: 6px;
  background: #fff;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] > .board-header {
  border: 0;
  border-bottom: 1px solid #e5e6eb;
  border-radius: 0;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav {
  min-height: 48px;
  margin: 0 !important;
  padding-inline: 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e6eb !important;
  border-radius: 0 !important;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav .subnav-item {
  min-height: 47px !important;
  padding-inline: 14px !important;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav .subnav-item.active::before {
  left: 14px;
  right: 14px;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] > .subsection.active {
  min-height: calc(100vh - 132px);
  padding: 24px;
  background: #fff;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] > .subsection > .panel,
body.operator-center-feishu-mode .board[data-board="operator-center"] > .subsection > .daily-report-app,
body.operator-center-feishu-mode .board[data-board="operator-center"] > .subsection > .daily-report-review-app,
body.operator-center-feishu-mode .board[data-board="operator-center"] > .subsection > .operator-profit-app {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .panel-header,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-heading {
  min-height: 48px;
  margin: 0 0 24px;
  padding: 0 0 16px;
  border-bottom: 1px solid #ebecef;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .panel-header h4,
body.operator-center-feishu-mode .board[data-board="operator-center"] .sales-dashboard-heading h4 {
  margin-block: 2px 4px;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .btn,
body.operator-center-feishu-mode .board[data-board="operator-center"] input,
body.operator-center-feishu-mode .board[data-board="operator-center"] select {
  min-height: 32px;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] textarea {
  line-height: 1.55;
}

/* Filters are one calm strip instead of a bordered card inside another card. */
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-product-toolbar,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-inventory-toolbar,
body.operator-center-feishu-mode .board[data-board="operator-center"] .company-resource-toolbar,
body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-review-filters,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-profit-toolbar {
  gap: 16px;
  margin: 0 0 24px;
  padding: 16px;
  border: 0;
  border-radius: 4px;
  background: #f7f8fa;
}

body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-product-toolbar label,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-inventory-toolbar label,
body.operator-center-feishu-mode .board[data-board="operator-center"] .company-resource-toolbar label,
body.operator-center-feishu-mode .board[data-board="operator-center"] .daily-review-filters label,
body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-profit-toolbar label {
  gap: 6px;
}

body.operator-center-feishu-mode .operator-product-view-switcher,
body.operator-center-feishu-mode .operator-inventory-view-switcher,
body.operator-center-feishu-mode .operator-inventory-region-switcher {
  padding: 3px;
  border-color: #dee0e3;
  border-radius: 5px;
  background: #f2f3f5;
}

body.operator-center-feishu-mode .operator-product-view-slot,
body.operator-center-feishu-mode .operator-product-dimension-card {
  min-height: 36px;
  border-color: #dee0e3 !important;
  border-radius: 4px;
  box-shadow: none !important;
}

body.operator-center-feishu-mode .operator-product-dimension-card {
  padding: 6px 9px;
}

body.operator-center-feishu-mode .operator-product-search-input {
  min-height: 44px;
  max-height: 44px;
  resize: none;
}

body.operator-center-feishu-mode .operator-product-toolbar-actions {
  align-self: end;
  justify-content: flex-end;
}

@media (min-width: 1024px) and (max-width: 1500px) {
  body.operator-center-feishu-mode .board[data-board="operator-center"] .operator-product-toolbar {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    padding: 12px 14px;
  }

  body.operator-center-feishu-mode .operator-product-search {
    grid-column: span 2;
  }

  body.operator-center-feishu-mode .operator-product-sort-field {
    grid-column: span 2;
  }

  body.operator-center-feishu-mode .operator-product-toolbar-actions {
    grid-column: span 4;
  }
}

/* Sales dashboard: keep the data, but separate it with whitespace and rules. */
body.operator-center-feishu-mode .sales-dashboard-ranking-row {
  margin-bottom: 24px;
}

body.operator-center-feishu-mode .sales-dashboard-ranking-tabs {
  gap: 8px;
  margin-bottom: 0;
}

body.operator-center-feishu-mode .sales-dashboard-ranking-tab {
  padding: 7px 12px;
}

body.operator-center-feishu-mode .sales-dashboard-policy {
  gap: 24px;
  margin: 0 0 24px;
  padding: 16px;
  border: 0;
  border-radius: 4px;
  background: #f7f8fa;
}

body.operator-center-feishu-mode .sales-dashboard-summary {
  gap: 12px;
  margin-bottom: 24px;
}

body.operator-center-feishu-mode .sales-dashboard-card,
body.operator-center-feishu-mode .sales-dashboard-card.is-primary,
body.operator-center-feishu-mode .sales-dashboard-card.is-warning,
body.operator-center-feishu-mode .sales-dashboard-card.is-replenishment {
  min-height: 88px;
  padding: 16px;
  border: 0;
  border-radius: 4px;
  background: #f7f8fa;
}

body.operator-center-feishu-mode .sales-dashboard-card strong {
  margin-top: 8px;
  font-size: 23px;
}

body.operator-center-feishu-mode .sales-dashboard-source-note {
  margin-bottom: 16px;
  padding: 10px 12px;
  border: 0;
  border-radius: 4px;
  background: #f0f7ff;
}

body.operator-center-feishu-mode .sales-dashboard-table-wrap,
body.operator-center-feishu-mode .operator-inventory-table-wrap,
body.operator-center-feishu-mode .board[data-board="operator-center"] .table-wrap {
  border-radius: 3px;
}

/* Responsibility products: one action band, then a quieter metric row. */
body.operator-center-feishu-mode .operator-inventory-panel {
  gap: 24px;
}

body.operator-center-feishu-mode .operator-inventory-action-center {
  gap: 12px;
  padding: 16px;
  border: 0;
  border-radius: 4px;
  background: #f7f8fa;
}

body.operator-center-feishu-mode .operator-inventory-action-grid,
body.operator-center-feishu-mode .operator-inventory-summary {
  gap: 12px;
}

body.operator-center-feishu-mode .operator-inventory-action-card {
  min-height: 88px;
  padding: 12px 14px;
  border: 0;
  border-left: 3px solid #8f959e;
  border-radius: 3px;
}

body.operator-center-feishu-mode .operator-inventory-summary-item {
  min-height: 72px;
  padding: 12px 14px;
  border: 0;
  border-radius: 4px;
  background: #f7f8fa;
}

/* Daily approval: replace the marketing-style hero with an admin page heading. */
body.operator-center-feishu-mode .daily-report-review-app {
  gap: 24px;
}

body.operator-center-feishu-mode .daily-review-hero {
  gap: 24px;
  padding: 0 0 20px;
  border: 0;
  border-bottom: 1px solid #ebecef;
  border-radius: 0;
  background: #fff;
  color: #1f2329;
}

body.operator-center-feishu-mode .daily-review-hero h4 {
  color: #1f2329;
  font-size: 20px;
}

body.operator-center-feishu-mode .daily-review-hero p,
body.operator-center-feishu-mode .daily-review-hero > div:first-child > span {
  color: #8f959e;
}

body.operator-center-feishu-mode .daily-review-summary {
  gap: 12px;
}

body.operator-center-feishu-mode .daily-review-summary article {
  min-width: 88px;
  padding: 10px 14px;
  border: 0;
  border-radius: 4px;
  background: #f7f8fa;
}

body.operator-center-feishu-mode .daily-review-summary span {
  color: #646a73;
}

body.operator-center-feishu-mode .daily-review-summary strong {
  color: #1f2329;
}

body.operator-center-feishu-mode .daily-review-status-nav {
  margin: 0;
  padding: 0 0 16px;
  border: 0;
  border-bottom: 1px solid #ebecef;
  border-radius: 0;
}

body.operator-center-feishu-mode .daily-review-card {
  border-color: #dee0e3;
  border-left-width: 3px;
  border-radius: 4px;
}

/* Profit: administrative hierarchy, fewer hero and warning containers. */
body.operator-center-feishu-mode .operator-profit-app {
  gap: 24px;
}

body.operator-center-feishu-mode .operator-profit-hero {
  padding: 0 0 20px;
  border: 0;
  border-bottom: 1px solid #ebecef;
  border-radius: 0;
}

body.operator-center-feishu-mode .operator-profit-hero::after {
  content: none;
}

body.operator-center-feishu-mode .operator-profit-hero {
  color: #1f2329;
}

body.operator-center-feishu-mode .operator-profit-eyebrow {
  color: #1456f0;
}

body.operator-center-feishu-mode .operator-profit-hero h4 {
  color: #1f2329;
  font-size: 20px;
}

body.operator-center-feishu-mode .operator-profit-hero p,
body.operator-center-feishu-mode .operator-profit-owner small {
  color: #646a73;
}

body.operator-center-feishu-mode .operator-profit-owner,
body.operator-center-feishu-mode .operator-profit-owner strong {
  color: #1f2329;
}

body.operator-center-feishu-mode .operator-profit-scope-badge {
  color: #067647;
  background: #dcfce7;
}

body.operator-center-feishu-mode .operator-profit-owner,
body.operator-center-feishu-mode .operator-profit-stage-note,
body.operator-center-feishu-mode .operator-profit-eu-safety {
  border: 0;
  border-radius: 4px;
  background: #f7f8fa;
  box-shadow: none;
}

body.operator-center-feishu-mode .operator-profit-view-tabs,
body.operator-center-feishu-mode .operator-profit-region-tabs {
  padding: 0 0 12px;
  border: 0;
  border-bottom: 1px solid #ebecef;
  border-radius: 0;
  background: #fff;
}

body.operator-center-feishu-mode .operator-profit-view-tabs button,
body.operator-center-feishu-mode .operator-profit-region-tabs button {
  border-radius: 4px;
}

/* Resources and feedback: whitespace is the container. */
body.operator-center-feishu-mode .company-resource-panel,
body.operator-center-feishu-mode .bug-report-panel {
  gap: 24px;
}

body.operator-center-feishu-mode .company-resource-summary {
  gap: 12px;
  margin-bottom: 0;
}

body.operator-center-feishu-mode .company-resource-summary-item {
  min-height: 72px;
  padding: 12px 14px;
  border: 0;
  border-radius: 4px;
  background: #f7f8fa;
}

body.operator-center-feishu-mode .bug-report-form {
  gap: 16px;
  padding: 0 0 24px;
  border: 0;
  border-bottom: 1px solid #ebecef;
  border-radius: 0;
  background: #fff;
}

body.operator-center-feishu-mode .bug-report-form-grid,
body.operator-center-feishu-mode .bug-report-upload-row {
  gap: 16px;
}

body.operator-center-feishu-mode .bug-report-dropzone,
body.operator-center-feishu-mode .bug-report-file-previews > .mini-muted {
  min-height: 84px;
  border-radius: 4px;
}

body.operator-center-feishu-mode .bug-report-item,
body.operator-center-feishu-mode .company-resource-card {
  border-radius: 4px;
}

/* Small functional icons are visual anchors, not button decoration. */
body.operator-center-feishu-mode .operator-section-title,
body.operator-center-feishu-mode .operator-profit-hero-copy,
body.operator-center-feishu-mode .daily-review-hero > div:first-child {
  position: relative;
  min-height: 32px;
  padding-left: 42px;
}

body.operator-center-feishu-mode .operator-section-icon {
  position: absolute;
  top: 1px;
  left: 0;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(51, 112, 255, .12);
  border-radius: 8px;
  background: #edf4ff;
  color: #3370ff;
}

body.operator-center-feishu-mode .operator-section-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.operator-center-feishu-mode .operator-section-icon[data-operator-center-icon="erp-products"],
body.operator-center-feishu-mode .operator-section-icon[data-operator-center-icon="daily-report-reviews"] {
  border-color: rgba(124, 91, 255, .13);
  background: #f2efff;
  color: #7c5bff;
}

body.operator-center-feishu-mode .operator-section-icon[data-operator-center-icon="inventory-management"],
body.operator-center-feishu-mode .operator-section-icon[data-operator-center-icon="company-resources"] {
  border-color: rgba(45, 178, 166, .13);
  background: #eaf9f7;
  color: #2db2a6;
}

body.operator-center-feishu-mode .operator-section-icon[data-operator-center-icon="operator-profit"] {
  border-color: rgba(245, 166, 35, .14);
  background: #fff5e3;
  color: #d98b12;
}

body.operator-center-feishu-mode .operator-section-icon[data-operator-center-icon="bug-reports"] {
  border-color: rgba(245, 74, 69, .12);
  background: #fff0ef;
  color: #e6534e;
}

/*
 * Floating surfaces: a single quiet Feishu treatment for every hover card,
 * popover, tooltip, modal and editor used by the seven operator workspaces.
 */
body.operator-center-feishu-mode .sales-dashboard-series-popover,
body.operator-center-feishu-mode .sales-dashboard-trend-popover,
body.operator-center-feishu-mode .daily-review-trend-popover,
body.operator-center-feishu-mode .daily-report-operator-trend-popover,
body.operator-center-feishu-mode .product-image-hover-preview,
body.operator-center-feishu-mode .operator-profile-competitor-margin-tooltip,
body.operator-center-feishu-mode .pm-series-daily-sales-tooltip {
  box-sizing: border-box;
  border: 1px solid #dee0e3;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(31, 35, 41, .12);
  color: #1f2329;
}

body.operator-center-feishu-mode .sales-dashboard-series-popover {
  width: 320px;
  margin-top: 2px;
  padding: 6px;
}

body.operator-center-feishu-mode .sales-dashboard-series-row {
  grid-template-columns: 24px minmax(0, 1fr) 48px;
  min-height: 36px;
}

body.operator-center-feishu-mode .sales-dashboard-series-data {
  min-height: 28px !important;
  padding: 4px 8px !important;
  white-space: nowrap;
}

body.operator-center-feishu-mode .sales-dashboard-series-popover button,
body.operator-center-feishu-mode .sales-dashboard-series-popover [role="option"] {
  min-height: 34px;
  padding: 7px 10px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #4e5969;
  font-size: 12px;
}

body.operator-center-feishu-mode .sales-dashboard-series-popover button:hover,
body.operator-center-feishu-mode .sales-dashboard-series-popover [role="option"]:hover,
body.operator-center-feishu-mode .sales-dashboard-series-popover .is-active {
  background: #f2f3f5;
  color: #1456f0;
}

body.operator-center-feishu-mode .sales-dashboard-trend-popover,
body.operator-center-feishu-mode .daily-review-trend-popover,
body.operator-center-feishu-mode .daily-report-operator-trend-popover {
  width: min(520px, calc(100vw - 48px));
  padding: 16px;
}

body.operator-center-feishu-mode .sales-dashboard-trend-popover > strong,
body.operator-center-feishu-mode .daily-review-trend-popover > header strong,
body.operator-center-feishu-mode .daily-report-operator-trend-popover > header strong {
  color: #1f2329;
  font-size: 14px !important;
  font-weight: 600;
}

body.operator-center-feishu-mode .sales-dashboard-trend-popover > small,
body.operator-center-feishu-mode .daily-review-trend-popover > header span,
body.operator-center-feishu-mode .daily-review-trend-popover > header small,
body.operator-center-feishu-mode .daily-report-operator-trend-popover > header span,
body.operator-center-feishu-mode .daily-report-operator-trend-popover > header small {
  color: #8f959e;
  font-size: 11px;
}

body.operator-center-feishu-mode .daily-review-trend-popover > header,
body.operator-center-feishu-mode .daily-report-operator-trend-popover > header {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebecef;
}

body.operator-center-feishu-mode .daily-review-chart-grid,
body.operator-center-feishu-mode .daily-report-chart-grid {
  stroke: #ebecef;
}

body.operator-center-feishu-mode .daily-review-chart-axis,
body.operator-center-feishu-mode .daily-report-chart-axis {
  fill: #8f959e;
  font-size: 10px;
}

body.operator-center-feishu-mode .operator-profit-cell-tooltip {
  width: 300px;
  max-width: calc(100vw - 32px);
  padding: 10px 12px;
  border: 0;
  border-radius: 6px;
  background: #1f2329;
  box-shadow: 0 8px 24px rgba(31, 35, 41, .22);
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
}

body.operator-center-feishu-mode .product-image-hover-preview {
  padding: 8px;
}

body.operator-center-feishu-mode .product-image-hover-preview img {
  border-radius: 4px;
}

body.operator-center-feishu-mode .operator-profile-competitor-margin-tooltip,
body.operator-center-feishu-mode .pm-series-daily-sales-tooltip {
  padding: 12px;
  font-size: 11px;
  line-height: 1.6;
}

body.operator-center-feishu-mode .sales-dashboard-series-dialog,
body.operator-center-feishu-mode .daily-report-master-modal,
body.operator-center-feishu-mode .company-resource-editor,
body.operator-center-feishu-mode .operator-profile-drawer,
body.operator-center-feishu-mode [role="dialog"] {
  border: 1px solid #dee0e3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 48px rgba(31, 35, 41, .16);
}

body.operator-center-feishu-mode .sales-dashboard-series-modal > header,
body.operator-center-feishu-mode .daily-report-master-modal > header,
body.operator-center-feishu-mode .company-resource-editor-head,
body.operator-center-feishu-mode [role="dialog"] > header {
  padding: 16px 20px;
  border-bottom: 1px solid #ebecef;
  background: #fff;
}

body.operator-center-feishu-mode .daily-report-modal-backdrop,
body.operator-center-feishu-mode .sales-dashboard-series-modal,
body.operator-center-feishu-mode .modal-backdrop,
body.operator-center-feishu-mode [class*="drawer-backdrop"] {
  background: rgba(31, 35, 41, .36);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.operator-center-feishu-mode .ui-demo-badge {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #ffd591;
  border-radius: 4px;
  background: #fff7e6;
  color: #d46b08;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

body.operator-center-feishu-mode .operator-profit-product-placeholder,
body.operator-center-feishu-mode .operator-profit-source-icon {
  display: inline-grid;
  place-items: center;
  color: #3370ff;
  font-style: normal;
}

body.operator-center-feishu-mode .operator-profit-product-placeholder svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

body.operator-center-feishu-mode .operator-profit-source-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

body.operator-center-feishu-mode .pm-series-daily-sales-chart {
  background: #fff;
}

body.operator-center-feishu-mode .pm-series-daily-sales-column > i {
  background: #3370ff;
}

/* Keep Huanyu ERP's original dark-navy navigation identity.
 * The Feishu pass applies to rhythm and hierarchy, not to replacing the
 * product's established sidebar palette. */
body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav > .sidebar,
body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar {
  background: linear-gradient(180deg, #0b1220 0%, #0f1b33 100%) !important;
  border-right-color: rgba(255, 255, 255, .08) !important;
  color: #e5e7eb !important;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar-brand {
  border-bottom-color: rgba(255, 255, 255, .08);
  background: transparent;
}

body.operator-center-feishu-mode .sidebar-brand .brand-logo {
  background: rgba(255, 255, 255, .08);
  color: #3370ff;
}

body.operator-center-feishu-mode .sidebar-brand h1 {
  color: #f3f4f6;
}

body.operator-center-feishu-mode .sidebar-brand .brand-desc,
body.operator-center-feishu-mode .sidebar-brand p {
  color: rgba(229, 231, 235, .42);
}

body.operator-center-feishu-mode .sidebar-tools-btn {
  border-color: rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .03);
  color: rgba(229, 231, 235, .68);
}

body.operator-center-feishu-mode .sidebar-tools-btn:hover {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

body.operator-center-feishu-mode .sidebar-nav-item {
  color: #e5e7eb;
}

body.operator-center-feishu-mode .sidebar-nav-item:hover {
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

body.operator-center-feishu-mode .sidebar-nav-item.active,
body.operator-center-feishu-mode .sidebar-nav-item.active:hover {
  background: rgba(37, 99, 235, .14);
  color: #f8fafc;
}

body.operator-center-feishu-mode .sidebar .nav-chevron,
body.operator-center-feishu-mode .sidebar .nav-group.is-open > .sidebar-nav-item .nav-chevron {
  color: rgba(229, 231, 235, .50);
}

body.operator-center-feishu-mode .sidebar .nav-group > .sidebar-nav-item:hover .nav-chevron {
  color: rgba(229, 231, 235, .86);
}

body.operator-center-feishu-mode .sidebar .nav-subitem,
body.operator-center-feishu-mode .sidebar .nav-subitem.is-ready {
  color: rgba(229, 231, 235, .78);
}

body.operator-center-feishu-mode .sidebar .nav-subitem:hover,
body.operator-center-feishu-mode .sidebar .nav-subitem.is-ready:hover {
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

body.operator-center-feishu-mode .sidebar .nav-subitem.active,
body.operator-center-feishu-mode .sidebar .nav-subitem.active:hover {
  background: rgba(37, 99, 235, .22);
  color: #fff;
}

body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar-footer {
  border-top-color: rgba(255, 255, 255, .08);
  background: transparent;
}

body.operator-center-feishu-mode .sidebar-footer .user-card {
  border-color: rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .04);
}

body.operator-center-feishu-mode .sidebar-footer .user-name {
  color: #f3f4f6;
}

body.operator-center-feishu-mode .sidebar-footer .user-role {
  color: rgba(229, 231, 235, .42);
}

body.operator-center-feishu-mode .sidebar-footer .foot-link {
  color: rgba(229, 231, 235, .62);
}

body.operator-center-feishu-mode .sidebar-footer .foot-link:hover {
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

body.operator-center-feishu-mode .sidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .12);
}

@media (max-width: 920px) {
  body.operator-center-feishu-mode .app-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav > .sidebar,
  body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .sidebar {
    width: 100% !important;
  }

  body.operator-center-feishu-mode .app-shell.app-shell--sidebar-subnav .board[data-board="operator-center"] > .operator-center-subnav {
    padding-inline: 6px !important;
  }
}