/* Mobile app cockpit overrides. Loaded after styles.css on purpose. */
@media (max-width: 760px) {
  body[data-active-section="dashboard"] {
    background:
      radial-gradient(circle at 12% -4%, rgba(80, 210, 196, 0.18), transparent 30%),
      linear-gradient(180deg, #f6fbff 0%, #eef4f8 46%, #f7fafc 100%) !important;
  }

  body[data-active-section="dashboard"] .sidebar {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body[data-active-section="dashboard"] .workspace {
    padding: 0 0 calc(86px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
  }

  body[data-active-section="dashboard"] .mobile-home {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 10px 14px !important;
    background: transparent !important;
  }

  .mobile-workbench-appbar {
    order: 1 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 28 !important;
    margin: 0 -10px !important;
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    padding: 18px 12px 6px !important;
    border: 0 !important;
    background: rgba(247, 251, 255, 0.88) !important;
    color: #10243a !important;
    backdrop-filter: blur(16px) !important;
  }

  .mobile-workbench-appbar strong {
    justify-self: center !important;
    color: #10243a !important;
    font-size: 1.16rem !important;
    font-weight: 920 !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #18324a !important;
    box-shadow: 0 8px 18px rgba(15, 35, 52, 0.08) !important;
  }

  .mobile-workbench-marketbar {
    order: 2 !important;
    margin: 0 -10px !important;
    display: grid !important;
    gap: 10px !important;
    padding: 6px 14px 18px !important;
    border: 0 !important;
    border-radius: 0 0 24px 24px !important;
    background: linear-gradient(145deg, #0a3154 0%, #0b6f68 100%) !important;
    box-shadow: 0 18px 34px rgba(12, 60, 92, 0.22) !important;
    color: #ffffff !important;
  }

  .mobile-campus-row strong,
  .mobile-campus-row span {
    color: #ffffff !important;
  }

  .mobile-campus-row span {
    color: rgba(235, 250, 255, 0.72) !important;
  }

  .mobile-campus-row button {
    min-height: 30px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
  }

  .mobile-global-search {
    min-height: 48px !important;
    padding: 6px 6px 6px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14) !important;
  }

  .mobile-global-search span {
    color: #8a98a8 !important;
    font-size: 0.82rem !important;
  }

  .mobile-global-search strong {
    min-width: 62px !important;
    min-height: 36px !important;
    border-radius: 999px !important;
    background: #0f8b78 !important;
    color: #ffffff !important;
  }

  .mobile-home-hero {
    display: none !important;
  }

  .mobile-home-focus {
    order: 3 !important;
    min-height: 154px !important;
    display: grid !important;
    position: relative !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: end !important;
    margin: -4px 0 0 !important;
    padding: 18px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 88% 8%, rgba(99, 223, 213, 0.45), transparent 30%),
      radial-gradient(circle at 4% 100%, rgba(67, 125, 255, 0.32), transparent 34%),
      linear-gradient(145deg, #1747f5 0%, #1b5df7 42%, #0b8b7c 100%) !important;
    box-shadow: 0 20px 38px rgba(32, 89, 214, 0.24) !important;
    color: #ffffff !important;
  }

  .mobile-home-focus::after {
    content: "";
    position: absolute;
    width: 128px;
    height: 128px;
    right: -34px;
    top: -24px;
    border: 22px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    pointer-events: none;
  }

  .mobile-home-focus span {
    color: rgba(255, 255, 255, 0.76) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
  }

  .mobile-home-focus strong {
    margin-top: 6px !important;
    color: #ffffff !important;
    font-size: 2rem !important;
    line-height: 1.05 !important;
    font-weight: 940 !important;
  }

  .mobile-home-focus em {
    margin-top: 7px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-style: normal !important;
    font-weight: 760 !important;
  }

  .mobile-home-focus a {
    align-self: start !important;
    min-height: 38px !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #0c5b85 !important;
    box-shadow: 0 10px 20px rgba(9, 35, 64, 0.14) !important;
  }

  .mobile-workbench-functions {
    order: 4 !important;
    margin: 0 !important;
    padding: 16px 14px 18px !important;
    border: 1px solid rgba(216, 230, 239, 0.9) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 14px 30px rgba(15, 35, 52, 0.08) !important;
  }

  .mobile-function-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px 8px !important;
  }

  .mobile-function-grid a {
    min-width: 0 !important;
    gap: 6px !important;
  }

  .mobile-function-grid b {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    font-size: 0.98rem !important;
    box-shadow: 0 10px 18px rgba(15, 35, 52, 0.12) !important;
  }

  .mobile-function-grid span {
    color: #132238 !important;
    font-size: 0.74rem !important;
    font-weight: 820 !important;
  }

  .mobile-opportunity-feed {
    order: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .mobile-opportunity-feed article {
    min-height: 120px !important;
    padding: 14px !important;
    border: 1px solid rgba(216, 230, 239, 0.92) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(255, 250, 238, 0.98), rgba(255, 255, 255, 0.96)) !important;
    box-shadow: 0 12px 26px rgba(15, 35, 52, 0.07) !important;
  }

  .mobile-opportunity-feed article:nth-child(2) {
    background: linear-gradient(145deg, rgba(238, 248, 255, 0.98), rgba(255, 255, 255, 0.96)) !important;
  }

  .mobile-workbench-todo {
    order: 6 !important;
    margin: 0 !important;
    border: 1px solid rgba(216, 230, 239, 0.92) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 12px 26px rgba(15, 35, 52, 0.06) !important;
  }

  .mobile-workbench-todo a {
    min-height: 78px !important;
    padding: 16px 42px 16px 15px !important;
  }

  .mobile-data-center {
    order: 7 !important;
  }

  .mobile-home-metrics {
    order: 8 !important;
  }

  .mobile-home-trace {
    order: 9 !important;
  }

  .mobile-home-card[aria-label="今日工作"] {
    display: none !important;
  }

  .mobile-home-card[aria-label="转化漏斗"] {
    order: 10 !important;
  }

  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-card[aria-label="转化漏斗"] {
    margin: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 12px 28px rgba(15, 35, 52, 0.07) !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    display: block !important;
    visibility: visible !important;
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 80 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 78px !important;
    padding: 8px 14px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(211, 226, 237, 0.88) !important;
    border-radius: 22px 22px 0 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 -14px 34px rgba(15, 35, 52, 0.12) !important;
    overflow: hidden !important;
    color: #15233a !important;
    backdrop-filter: blur(18px) !important;
  }

  .sidebar::before,
  .sidebar::after,
  .sidebar .brand,
  .sidebar .sidebar-card,
  .sidebar .nav-panel {
    display: none !important;
  }

  .sidebar .nav {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .sidebar .nav-rail {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-button,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    display: grid !important;
    grid-template-rows: 28px 18px !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 3px 2px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #7a8797 !important;
    transform: none !important;
  }

  .sidebar .nav-module-button[hidden] {
    display: none !important;
  }

  .sidebar .nav-module-button.active {
    color: #087c72 !important;
  }

  .sidebar .nav-glyph {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border: 1px solid rgba(215, 227, 237, 0.95) !important;
    border-radius: 12px !important;
    background: #f3f7fa !important;
    color: #7a8797 !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-button.active .nav-glyph {
    border-color: rgba(10, 139, 127, 0.18) !important;
    background: linear-gradient(135deg, #0f8b78, #1574d4) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 139, 120, 0.18) !important;
  }

  .sidebar .nav-glyph::before {
    display: block !important;
    font-size: 0.76rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .sidebar .nav-module-button[data-nav-module="dashboard"] .nav-glyph::before {
    content: "首" !important;
  }

  .sidebar .nav-module-button[data-nav-module="growth"] .nav-glyph::before {
    content: "客" !important;
  }

  .sidebar .nav-module-button[data-nav-module="fulfillment"] .nav-glyph::before {
    content: "单" !important;
  }

  .sidebar .nav-module-button[data-nav-module="finance"] .nav-glyph::before {
    content: "账" !important;
  }

  .sidebar .nav-module-button[data-nav-module="settings"] .nav-glyph::before {
    content: "设" !important;
  }

  .sidebar .nav-module-label {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 0.68rem !important;
    line-height: 1.1 !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sidebar .nav-module-hint {
    display: none !important;
  }
}

/* 2026-07-07 mobile final shell: keep one clear app workflow instead of desktop-style stacked sections. */
@media (max-width: 760px) {
  body[data-active-section="dashboard"] {
    background: #f6f8fc !important;
  }

  #dashboard > .mobile-home {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-height: 100vh !important;
    padding: 0 0 calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    background: #f6f8fc !important;
  }

  .mobile-workbench-appbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 25 !important;
    height: 54px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(218, 228, 238, 0.9) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
  }

  .mobile-workbench-appbar strong {
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 0.98rem !important;
    font-weight: 920 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 1.45rem !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  .mobile-workbench-marketbar,
  .mobile-home-hero,
  .mobile-opportunity-feed,
  .mobile-home-focus,
  .mobile-home-actions,
  .mobile-home-card[aria-label="今日工作"],
  .mobile-home-card[aria-label="转化漏斗"] {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace {
    margin: 0 12px !important;
    border: 1px solid #e3edf6 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.055) !important;
  }

  .mobile-home .mobile-workbench-functions {
    order: 1 !important;
    padding: 16px 14px 17px !important;
  }

  .mobile-workbench-head {
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .mobile-workbench-head strong,
  .mobile-data-title strong,
  .mobile-home-card-head strong,
  .mobile-task-headline strong {
    color: #111827 !important;
    font-size: 1rem !important;
    font-weight: 920 !important;
    letter-spacing: 0 !important;
  }

  .mobile-workbench-head strong::before,
  .mobile-data-title strong::before,
  .mobile-home-card-head strong::before {
    content: "" !important;
    display: inline-block !important;
    width: 4px !important;
    height: 16px !important;
    margin-right: 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #27d6c3, #1677ff) !important;
    vertical-align: -2px !important;
  }

  .mobile-workbench-head a {
    width: 32px !important;
    height: 32px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #e3edf6 !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
    color: #64748b !important;
    font-size: 1.1rem !important;
    box-shadow: none !important;
  }

  .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 10px !important;
  }

  .mobile-function-grid a {
    min-width: 0 !important;
    min-height: 78px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 8px 4px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111827 !important;
    text-align: center !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    font-size: 1.02rem !important;
    font-weight: 920 !important;
    box-shadow: 0 10px 18px rgba(22, 119, 255, 0.18) !important;
  }

  .mobile-function-grid a:nth-child(1) b,
  .mobile-function-grid a:nth-child(5) b {
    background: linear-gradient(135deg, #30b8ff, #1677ff) !important;
  }

  .mobile-function-grid a:nth-child(2) b,
  .mobile-function-grid a:nth-child(6) b {
    background: linear-gradient(135deg, #27d6c3, #12b09f) !important;
  }

  .mobile-function-grid a:nth-child(3) b {
    background: linear-gradient(135deg, #41c7ff, #52a7ff) !important;
  }

  .mobile-function-grid a:nth-child(4) b {
    background: linear-gradient(135deg, #ffbe45, #ff9f2d) !important;
  }

  .mobile-function-grid span {
    max-width: 100% !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 0.76rem !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-priority-panel {
    order: 2 !important;
    margin: 0 12px !important;
    padding: 16px 14px !important;
    border: 1px solid #e3edf6 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff, #f9fcff) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.055) !important;
  }

  .mobile-priority-list {
    display: grid !important;
    gap: 9px !important;
  }

  .mobile-priority-list a {
    min-height: 58px !important;
    padding: 9px 0 !important;
    border-bottom: 1px solid #edf3f8 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-priority-list a:last-child {
    border-bottom: 0 !important;
  }

  .mobile-workbench-todo {
    order: 3 !important;
    display: block !important;
    padding: 16px 14px !important;
  }

  .mobile-workbench-todo .mobile-task-headline {
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-task-headline em {
    grid-column: 1 / -1 !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    color: #94a3b8 !important;
    font-size: 0.78rem !important;
    font-style: normal !important;
    font-weight: 680 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-workbench-todo .mobile-task-headline::after {
    content: "›" !important;
    color: #94a3b8 !important;
    font-size: 1.6rem !important;
  }

  .mobile-workbench-todo .mobile-task-periods {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-workbench-todo .mobile-task-periods a {
    min-height: 66px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 10px 6px !important;
    border: 1px solid #edf3f8 !important;
    border-radius: 14px !important;
    background: #f9fbff !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .mobile-workbench-todo .mobile-task-periods a:nth-child(n+4) {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked + .mobile-task-periods a {
    display: grid !important;
  }

  .mobile-task-periods span {
    color: #64748b !important;
    font-size: 0.7rem !important;
    font-weight: 780 !important;
  }

  .mobile-task-periods strong {
    color: #111827 !important;
    font-size: 1.16rem !important;
    font-weight: 920 !important;
  }

  .mobile-task-periods em {
    overflow: hidden !important;
    color: #94a3b8 !important;
    font-size: 0.64rem !important;
    font-style: normal !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-task-expand-toggle {
    margin-top: 10px !important;
    display: block !important;
    color: #1677ff !important;
    font-size: 0.76rem !important;
    font-weight: 820 !important;
    text-align: center !important;
  }

  .mobile-task-expand-less {
    display: none !important;
  }

  .mobile-task-expand-check:checked ~ .mobile-task-expand-toggle .mobile-task-expand-more {
    display: none !important;
  }

  .mobile-task-expand-check:checked ~ .mobile-task-expand-toggle .mobile-task-expand-less {
    display: inline !important;
  }

  .mobile-data-center {
    order: 4 !important;
    padding: 16px 14px 0 !important;
    border-bottom: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .mobile-data-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .mobile-data-title button,
  .mobile-data-title span {
    border: 0 !important;
    background: transparent !important;
    color: #1677ff !important;
    font-size: 0.78rem !important;
    font-weight: 820 !important;
  }

  .mobile-data-periods {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .mobile-data-periods button {
    min-height: 34px !important;
    border: 1px solid #e3edf6 !important;
    border-radius: 999px !important;
    background: #f8fbff !important;
    color: #64748b !important;
    font-size: 0.76rem !important;
    font-weight: 820 !important;
  }

  .mobile-data-periods button.active {
    border-color: rgba(22, 119, 255, 0.22) !important;
    background: linear-gradient(135deg, #e7f9fc, #eef4ff) !important;
    color: #1677ff !important;
  }

  .mobile-data-tabs {
    margin-top: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(5, max-content) !important;
    gap: 20px !important;
    overflow-x: auto !important;
    padding-bottom: 9px !important;
    border-bottom: 1px solid #edf3f8 !important;
    scrollbar-width: none !important;
  }

  .mobile-data-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .mobile-data-tabs a {
    padding: 0 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #94a3b8 !important;
    font-size: 0.82rem !important;
    font-weight: 840 !important;
    white-space: nowrap !important;
  }

  .mobile-data-tabs a.active {
    position: relative !important;
    color: #111827 !important;
  }

  .mobile-data-tabs a.active::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 22px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #1677ff !important;
    transform: translateX(-50%) !important;
  }

  .mobile-home-metrics {
    order: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: -10px !important;
    padding: 12px 14px 14px !important;
    border-top: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }

  .mobile-home-metrics a {
    min-height: 58px !important;
    display: grid !important;
    align-content: center !important;
    gap: 5px !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .mobile-home-metrics strong {
    order: 1 !important;
    color: #0f172a !important;
    font-size: 1.34rem !important;
    font-weight: 920 !important;
    line-height: 1 !important;
  }

  .mobile-home-metrics span {
    order: 2 !important;
    overflow: hidden !important;
    color: #94a3b8 !important;
    font-size: 0.68rem !important;
    font-weight: 720 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-home-metrics em {
    display: none !important;
  }

  .mobile-home-trace {
    order: 6 !important;
    padding: 16px 14px !important;
  }

  .mobile-home-trace .mobile-home-card-head {
    padding: 0 0 12px !important;
    border: 0 !important;
  }

  .mobile-follow-card {
    border: 1px solid #edf3f8 !important;
    border-radius: 16px !important;
    background: #fbfdff !important;
    box-shadow: none !important;
  }

  .mobile-follow-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
  }

  .mobile-follow-grid span {
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .mobile-follow-grid em {
    overflow: hidden !important;
    color: #94a3b8 !important;
    font-size: 0.66rem !important;
    font-style: normal !important;
    font-weight: 720 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-follow-grid strong {
    color: #0f172a !important;
    font-size: 1.18rem !important;
    font-weight: 920 !important;
  }

  .mobile-home-trace-grid {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .mobile-home-trace-grid article {
    border: 1px solid #edf3f8 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
}

@media (max-width: 720px) {
  #customers .mobile-chat-composer {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
  }

  #customers .mobile-chat-composer input {
    min-width: 0 !important;
  }

  #customers .mobile-chat-composer [data-wecom-chat-action="smart-reply"] {
    grid-column: 1 / -1 !important;
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #27d6c3, #1677ff 58%, #8b6cff) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 20px rgba(22, 119, 255, 0.18) !important;
  }
}

/* 2026-07-07 WeCom sidecar P0: move instant AI into chat-side workflow, keep H5 as management console. */
@media (max-width: 760px) {
  #customers #aiFollowupPanel {
    display: none !important;
  }

  #customers .wecom-chat-workbench {
    margin-top: 12px !important;
    padding: 14px !important;
    border: 1px solid #dfeaf4 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
    box-shadow: 0 10px 22px rgba(22, 119, 255, 0.07) !important;
  }

  #customers .wecom-chat-role {
    display: grid !important;
    gap: 4px !important;
  }

  #customers .wecom-chat-role strong {
    color: #111827 !important;
    font-size: 1rem !important;
    font-weight: 940 !important;
  }

  #customers .wecom-chat-role span {
    color: #7a8797 !important;
    font-size: 0.74rem !important;
    line-height: 1.45 !important;
  }

  #customers .wecom-sidecar-summary {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
  }

  #customers .wecom-sidecar-summary div {
    padding: 10px 11px !important;
    border: 1px solid #e7eef6 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
  }

  #customers .wecom-sidecar-summary span,
  #customers .wecom-sidecar-summary p {
    display: block !important;
    margin: 0 !important;
  }

  #customers .wecom-sidecar-summary span {
    color: #8a96a6 !important;
    font-size: 0.68rem !important;
    font-weight: 780 !important;
  }

  #customers .wecom-sidecar-summary p {
    margin-top: 4px !important;
    color: #111827 !important;
    font-size: 0.78rem !important;
    font-weight: 820 !important;
    line-height: 1.45 !important;
  }

  #customers .wecom-chat-assist-grid {
    margin-top: 10px !important;
    display: grid !important;
    gap: 8px !important;
  }

  #customers .wecom-chat-assist-grid > div {
    padding: 10px 11px !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 12px !important;
    background: #fbfdff !important;
  }

  #customers .wecom-chat-actions {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #customers .wecom-chat-actions button {
    min-height: 38px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
  }
}

/* 2026-07-07 mobile logic correction: keep the reference clarity, but express Youyan's own workflow. */
@media (max-width: 760px) {
  .mobile-workbench-todo {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions {
    order: 1 !important;
    margin-top: 0 !important;
    padding: 18px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head {
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head strong {
    position: relative !important;
    padding-left: 14px !important;
    color: #050607 !important;
    font-size: 1.08rem !important;
    font-weight: 940 !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head strong::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #1683f5 !important;
    transform: translateY(-50%) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head a {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 10px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a {
    min-height: 72px !important;
    display: grid !important;
    place-items: start center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid b {
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    font-size: 0.92rem !important;
    font-weight: 900 !important;
    box-shadow: 0 9px 18px rgba(16, 35, 50, 0.1) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid span {
    max-width: 100% !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 0.76rem !important;
    font-weight: 760 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-follow-card-head strong {
    font-size: 1.08rem !important;
  }

  .mobile-follow-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .mobile-follow-grid strong {
    font-size: 1.42rem !important;
  }

  .mobile-data-center {
    order: 2 !important;
  }

  .mobile-data-periods {
    margin-top: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-data-periods button {
    min-height: 34px !important;
    border: 1px solid #e4edf6 !important;
    border-radius: 999px !important;
    background: #f8fbff !important;
    color: #66758a !important;
    font-size: 0.76rem !important;
    font-weight: 820 !important;
  }

  .mobile-data-periods button.active {
    border-color: #1683f5 !important;
    background: #eaf5ff !important;
    color: #1683f5 !important;
  }

  .mobile-data-tabs {
    gap: 20px !important;
  }

  .mobile-home .table-wrap,
  .section.active .table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    border-radius: 12px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .mobile-home table,
  .section.active table {
    min-width: 620px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  .mobile-home th,
  .mobile-home td,
  .section.active th,
  .section.active td {
    white-space: nowrap !important;
    vertical-align: middle !important;
  }
}

/* 2026-06-29 CRM mobile hard lock: must stay at EOF. */
@media (max-width: 980px) {
  :root {
    --m-crm-bg: #f5f7fb;
    --m-crm-surface: #ffffff;
    --m-crm-line: #e5eaf1;
    --m-crm-text: #172033;
    --m-crm-muted: #667085;
    --m-crm-blue: #1677ff;
    --m-crm-teal: #00b894;
    --m-crm-blue-soft: #eaf3ff;
    --m-crm-teal-soft: #e7f8f4;
    --m-crm-orange: #ff9f1c;
  }

  body,
  body[data-active-section="dashboard"] {
    background: var(--m-crm-bg) !important;
    color: var(--m-crm-text) !important;
    letter-spacing: 0 !important;
  }

  .workspace,
  body[data-active-section="dashboard"] .workspace {
    padding: 0 12px 86px !important;
    gap: 10px !important;
    background: var(--m-crm-bg) !important;
  }

  .mobile-home {
    gap: 10px !important;
    background: var(--m-crm-bg) !important;
  }

  .mobile-workbench-appbar {
    min-height: 48px !important;
    margin: 0 -12px 8px !important;
    padding: 0 14px !important;
    border-bottom: 1px solid var(--m-crm-line) !important;
    background: #ffffff !important;
    color: var(--m-crm-text) !important;
    box-shadow: none !important;
  }

  .mobile-workbench-appbar strong {
    color: var(--m-crm-text) !important;
    font-size: 1rem !important;
    font-weight: 860 !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: var(--m-crm-blue) !important;
  }

  .mobile-workbench-marketbar,
  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-opportunity-feed article,
  .mobile-home-card,
  .panel,
  .hero-panel,
  .summary-panel,
  .process-card,
  .visual-card {
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(20, 35, 54, 0.045) !important;
  }

  .mobile-workbench-marketbar,
  .mobile-workbench-functions,
  .mobile-workbench-todo {
    padding: 14px !important;
  }

  .mobile-campus-row strong,
  .mobile-workbench-head strong,
  .mobile-data-title strong,
  .mobile-home-card-head strong {
    color: var(--m-crm-text) !important;
    font-weight: 860 !important;
  }

  .mobile-campus-row span,
  .mobile-global-search span,
  .mobile-opportunity-feed article span,
  .mobile-opportunity-feed article em,
  .mobile-trace-row small {
    color: var(--m-crm-muted) !important;
  }

  .mobile-campus-row button,
  .mobile-workbench-head a,
  .mobile-opportunity-feed article a,
  .mobile-workbench-todo a {
    color: var(--m-crm-blue) !important;
  }

  .mobile-global-search {
    min-height: 38px !important;
    margin-top: 8px !important;
    padding: 0 12px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 19px !important;
    background: #f3f6fa !important;
    box-shadow: none !important;
  }

  .mobile-home-focus {
    padding: 16px !important;
    border: 1px solid rgba(22, 119, 255, 0.18) !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #0db7e9 0%, #1677ff 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(22, 119, 255, 0.16) !important;
  }

  .mobile-home-focus::after {
    display: none !important;
  }

  .mobile-home-focus span,
  .mobile-home-focus strong,
  .mobile-home-focus em,
  .mobile-home-focus a {
    color: #ffffff !important;
  }

  .mobile-home-focus span,
  .mobile-home-focus em {
    opacity: 0.86 !important;
  }

  .mobile-home-focus a {
    border: 1px solid rgba(255, 255, 255, 0.44) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    box-shadow: none !important;
  }

  .mobile-function-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px 8px !important;
  }

  .mobile-function-grid a {
    min-height: 68px !important;
    padding: 4px 2px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--m-crm-blue), #2aa8ff) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 16px rgba(22, 119, 255, 0.18) !important;
  }

  .mobile-function-grid a:nth-child(2n) b {
    background: linear-gradient(135deg, var(--m-crm-teal), #31d5b1) !important;
  }

  .mobile-function-grid a:nth-child(5n) b {
    background: linear-gradient(135deg, var(--m-crm-orange), #ffc857) !important;
  }

  .mobile-function-grid span {
    color: var(--m-crm-text) !important;
    font-size: 0.72rem !important;
    font-weight: 760 !important;
  }

  .mobile-home-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .mobile-home-metrics a {
    min-height: 82px !important;
    padding: 12px 10px !important;
    border: 0 !important;
    border-right: 1px solid var(--m-crm-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home-metrics a:last-child {
    border-right: 0 !important;
  }

  .mobile-home-metrics strong {
    color: var(--m-crm-text) !important;
    font-size: 1.45rem !important;
    font-weight: 860 !important;
  }

  .mobile-home-metrics span {
    color: var(--m-crm-muted) !important;
    font-size: 0.72rem !important;
  }

  .mobile-task-periods {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .mobile-task-periods a {
    min-height: 72px !important;
    padding: 10px 6px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
  }

  .mobile-task-periods strong {
    color: var(--m-crm-blue) !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    border-top: 1px solid var(--m-crm-line) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 -8px 24px rgba(20, 35, 54, 0.08) !important;
  }

  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover,
  .mobile-nav-more[aria-expanded="true"],
  .mobile-nav-module a.active {
    border-color: rgba(22, 119, 255, 0.18) !important;
    background: var(--m-crm-blue-soft) !important;
    color: var(--m-crm-blue) !important;
  }

  .mobile-nav-sheet {
    border-color: var(--m-crm-line) !important;
    border-radius: 8px 8px 0 0 !important;
    background: #ffffff !important;
    box-shadow: 0 -8px 24px rgba(20, 35, 54, 0.08) !important;
  }
}

/* 2026-06-29 CRM reference mobile layer: compact, bright, app-like SaaS cockpit. */
@media (max-width: 980px) {
  :root {
    --m-crm-bg: #f5f7fb;
    --m-crm-surface: #ffffff;
    --m-crm-line: #e5eaf1;
    --m-crm-text: #172033;
    --m-crm-muted: #667085;
    --m-crm-blue: #1677ff;
    --m-crm-teal: #00b894;
    --m-crm-blue-soft: #eaf3ff;
    --m-crm-teal-soft: #e7f8f4;
    --m-crm-orange: #ff9f1c;
  }

  body[data-active-section="dashboard"],
  body {
    background: var(--m-crm-bg) !important;
    color: var(--m-crm-text) !important;
    letter-spacing: 0 !important;
  }

  body[data-active-section="dashboard"] .workspace,
  .workspace {
    padding: 0 12px 86px !important;
    gap: 10px !important;
    background: var(--m-crm-bg) !important;
  }

  .mobile-home {
    gap: 10px !important;
    background: var(--m-crm-bg) !important;
  }

  .mobile-workbench-appbar {
    min-height: 48px !important;
    margin: 0 -12px 8px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid var(--m-crm-line) !important;
    background: #ffffff !important;
    color: var(--m-crm-text) !important;
    box-shadow: none !important;
  }

  .mobile-workbench-appbar strong {
    color: var(--m-crm-text) !important;
    font-size: 1rem !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: var(--m-crm-blue) !important;
  }

  .mobile-workbench-marketbar {
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-campus-row strong {
    color: var(--m-crm-text) !important;
    font-size: 0.9rem !important;
  }

  .mobile-campus-row span {
    color: var(--m-crm-muted) !important;
    font-size: 0.74rem !important;
  }

  .mobile-campus-row button {
    border-color: var(--m-crm-line) !important;
    border-radius: 16px !important;
    background: #f7f9fc !important;
    color: var(--m-crm-blue) !important;
    font-weight: 800 !important;
  }

  .mobile-global-search {
    margin-top: 8px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 19px !important;
    background: #f3f6fa !important;
    color: var(--m-crm-muted) !important;
    box-shadow: none !important;
  }

  .mobile-home-focus {
    padding: 16px !important;
    border: 1px solid rgba(22, 119, 255, 0.18) !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #0db7e9 0%, #1677ff 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(22, 119, 255, 0.16) !important;
  }

  .mobile-home-focus::after {
    display: none !important;
  }

  .mobile-home-focus span,
  .mobile-home-focus strong,
  .mobile-home-focus em {
    color: #ffffff !important;
    letter-spacing: 0 !important;
  }

  .mobile-home-focus span,
  .mobile-home-focus em {
    opacity: 0.86 !important;
  }

  .mobile-home-focus a {
    border: 1px solid rgba(255, 255, 255, 0.44) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-opportunity-feed article,
  .mobile-home-card,
  .panel,
  .hero-panel,
  .summary-panel,
  .process-card,
  .visual-card {
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(20, 35, 54, 0.045) !important;
  }

  .mobile-workbench-functions {
    padding: 14px !important;
  }

  .mobile-workbench-head strong,
  .mobile-data-title strong,
  .mobile-home-card-head strong {
    color: var(--m-crm-text) !important;
    font-size: 0.94rem !important;
    font-weight: 860 !important;
  }

  .mobile-workbench-head a,
  .mobile-opportunity-feed article a,
  .mobile-workbench-todo a {
    color: var(--m-crm-blue) !important;
  }

  .mobile-function-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px 8px !important;
  }

  .mobile-function-grid a {
    min-height: 68px !important;
    padding: 4px 2px !important;
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 6px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--m-crm-blue), #2aa8ff) !important;
    color: #ffffff !important;
    font-size: 0.78rem !important;
    box-shadow: 0 8px 16px rgba(22, 119, 255, 0.18) !important;
  }

  .mobile-function-grid a:nth-child(2n) b {
    background: linear-gradient(135deg, var(--m-crm-teal), #31d5b1) !important;
  }

  .mobile-function-grid a:nth-child(5n) b {
    background: linear-gradient(135deg, var(--m-crm-orange), #ffc857) !important;
  }

  .mobile-function-grid span {
    color: var(--m-crm-text) !important;
    font-size: 0.72rem !important;
    font-weight: 760 !important;
  }

  .mobile-home-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .mobile-home-metrics a {
    min-height: 82px !important;
    padding: 12px 10px !important;
    border: 0 !important;
    border-right: 1px solid var(--m-crm-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home-metrics a:last-child {
    border-right: 0 !important;
  }

  .mobile-home-metrics span {
    color: var(--m-crm-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 760 !important;
  }

  .mobile-home-metrics strong {
    color: var(--m-crm-text) !important;
    font-size: 1.45rem !important;
    font-weight: 860 !important;
  }

  .mobile-workbench-todo {
    padding: 14px !important;
  }

  .mobile-task-periods {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .mobile-task-periods a {
    min-height: 72px !important;
    padding: 10px 6px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
  }

  .mobile-task-periods strong {
    color: var(--m-crm-blue) !important;
  }

  .mobile-home-trace-grid article,
  .mobile-opportunity-feed article {
    border-color: var(--m-crm-line) !important;
    background: #ffffff !important;
  }

  .mobile-trace-row small,
  .mobile-opportunity-feed article span,
  .mobile-opportunity-feed article em {
    color: var(--m-crm-muted) !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    border-top: 1px solid var(--m-crm-line) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 -8px 24px rgba(20, 35, 54, 0.08) !important;
  }

  .sidebar .nav-module-button {
    color: var(--m-crm-muted) !important;
  }

  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    background: var(--m-crm-blue-soft) !important;
    color: var(--m-crm-blue) !important;
  }

  .mobile-nav-more,
  .mobile-nav-module a.active {
    border-color: rgba(22, 119, 255, 0.18) !important;
    background: var(--m-crm-blue-soft) !important;
    color: var(--m-crm-blue) !important;
  }

  .mobile-nav-sheet {
    border-color: var(--m-crm-line) !important;
    border-radius: 8px 8px 0 0 !important;
    background: #ffffff !important;
  }
}

/* 2026-06-28 mobile today flow final override. Keep at EOF. */
@media (max-width: 760px) {
  .mobile-home-focus {
    order: 3 !important;
  }

  .mobile-workbench-functions {
    order: 4 !important;
  }

  .mobile-opportunity-feed {
    order: 5 !important;
  }

  .mobile-home-metrics {
    order: 6 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .mobile-home-metrics a {
    min-height: 82px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 10px 6px !important;
    border: 1px solid #dbe8f1 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 35, 52, 0.05) !important;
  }

  .mobile-home-metrics span {
    min-height: 2.1em !important;
    display: grid !important;
    place-items: center !important;
    color: #667085 !important;
    font-size: 0.7rem !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  .mobile-home-metrics strong {
    color: #10243a !important;
    font-size: 1.36rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-todo {
    order: 7 !important;
    padding: 12px !important;
  }

  .mobile-workbench-todo .mobile-task-headline {
    min-height: 50px !important;
    padding: 2px 4px 10px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-workbench-todo .mobile-task-headline::after {
    display: none !important;
  }

  .mobile-task-periods {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-task-periods a {
    min-height: 76px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 10px 6px !important;
    border: 1px solid #dbe8f1 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff, #f7fbfb) !important;
    box-shadow: 0 8px 18px rgba(15, 35, 52, 0.05) !important;
    color: #10243a !important;
    text-align: center !important;
  }

  .mobile-task-periods span {
    color: #5f6f84 !important;
    font-size: 0.72rem !important;
    font-weight: 820 !important;
  }

  .mobile-task-periods strong {
    color: #10243a !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .mobile-task-periods em {
    color: #7c8a9d !important;
    font-size: 0.66rem !important;
    font-style: normal !important;
    font-weight: 740 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mobile-data-center {
    order: 8 !important;
  }

  .mobile-home-trace {
    order: 9 !important;
  }

  .mobile-home-trace-grid {
    display: grid !important;
    gap: 10px !important;
  }

  .mobile-home-trace-grid article {
    border: 1px solid #dbe8f1 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
  }

  .mobile-trace-row small {
    display: block !important;
    margin-top: 3px !important;
    color: #7b8b9d !important;
    font-size: 0.7rem !important;
    font-weight: 720 !important;
    line-height: 1.35 !important;
  }
}

/* 2026-06-28 mobile today flow: leads, visits, performance, then period tasks. */
@media (max-width: 760px) {
  .mobile-home-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-home-metrics a {
    min-height: 82px !important;
    border-radius: 14px !important;
  }

  .mobile-home-metrics span {
    min-height: 2.1em !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1.15 !important;
  }

  .mobile-workbench-todo {
    padding: 12px !important;
  }

  .mobile-workbench-todo .mobile-task-headline {
    min-height: 54px !important;
    padding: 4px 4px 10px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-task-periods {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-task-periods a {
    min-height: 76px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 10px 6px !important;
    border: 1px solid #dbe8f1 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff, #f7fbfb) !important;
    box-shadow: 0 8px 18px rgba(15, 35, 52, 0.05) !important;
    text-align: center !important;
  }

  .mobile-task-periods span {
    color: #5f6f84 !important;
    font-size: 0.72rem !important;
    font-weight: 820 !important;
  }

  .mobile-task-periods strong {
    color: #10243a !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .mobile-task-periods em {
    color: #7c8a9d !important;
    font-size: 0.66rem !important;
    font-style: normal !important;
    font-weight: 740 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mobile-home-trace-grid {
    display: grid !important;
    gap: 10px !important;
  }

  .mobile-home-trace-grid article {
    border: 1px solid #dbe8f1 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
  }

  .mobile-trace-row small {
    display: block !important;
    margin-top: 3px !important;
    color: #7b8b9d !important;
    font-size: 0.7rem !important;
    font-weight: 720 !important;
    line-height: 1.35 !important;
  }
}

/* 2026-06-28 mobile experience rescue: app-like, compact, and business-first. */
@media (max-width: 760px) {
  :root {
    --m-bg: #f5f7f7;
    --m-surface: #ffffff;
    --m-surface-soft: #f8fbfa;
    --m-line: #dbe5e3;
    --m-line-strong: #c8d8d5;
    --m-ink: #111827;
    --m-muted: #667085;
    --m-primary: #0f766e;
    --m-primary-dark: #102f35;
    --m-primary-soft: #edf8f6;
    --m-gold: #a17624;
    --m-radius: 10px;
  }

  html,
  body,
  .app-shell,
  .workspace {
    overflow-x: hidden !important;
    background: var(--m-bg) !important;
    color: var(--m-ink) !important;
  }

  .workspace {
    padding: 10px 10px calc(82px + env(safe-area-inset-bottom)) !important;
  }

  body[data-active-section="dashboard"] .workspace {
    padding-top: 0 !important;
  }

  body[data-active-section="dashboard"] .mobile-home {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 0 12px !important;
    background: transparent !important;
  }

  .mobile-workbench-appbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 48 !important;
    min-height: 48px !important;
    padding: max(8px, env(safe-area-inset-top)) 10px 8px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(219, 229, 227, 0.9) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.045) !important;
    backdrop-filter: blur(18px) !important;
  }

  .mobile-workbench-appbar strong {
    color: var(--m-ink) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 10px !important;
    background: var(--m-surface) !important;
    color: #475467 !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  .mobile-workbench-marketbar {
    order: 1 !important;
    margin: 0 !important;
    padding: 12px !important;
    display: grid !important;
    gap: 10px !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 0 0 16px 16px !important;
    background: linear-gradient(135deg, #10232f 0%, #174149 48%, #0f766e 100%) !important;
    box-shadow: 0 14px 28px rgba(16, 35, 47, 0.14) !important;
  }

  .mobile-campus-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 10px !important;
    align-items: center !important;
  }

  .mobile-campus-row strong {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .mobile-campus-row span {
    grid-column: 1 / -1 !important;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 0.78rem !important;
    font-weight: 760 !important;
  }

  .mobile-campus-row button {
    min-height: 30px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 850 !important;
  }

  .mobile-global-search {
    min-height: 44px !important;
    padding: 6px 6px 6px 13px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--m-muted) !important;
    text-decoration: none !important;
  }

  .mobile-global-search span {
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 0.82rem !important;
    font-weight: 760 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-global-search strong {
    min-width: 58px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: var(--m-primary) !important;
    color: #ffffff !important;
    font-size: 0.78rem !important;
    font-weight: 880 !important;
  }

  .mobile-home-focus {
    order: 2 !important;
    margin: 0 !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: var(--m-radius) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%) !important;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.045) !important;
  }

  .mobile-home-focus::after,
  .mobile-home-hero,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-actions,
  .mobile-home-card[aria-label="今日工作"],
  .mobile-home-card[aria-label="转化漏斗"] {
    display: none !important;
  }

  .mobile-home-focus span {
    color: var(--m-primary) !important;
    font-size: 0.78rem !important;
    font-weight: 880 !important;
  }

  .mobile-home-focus strong {
    margin-top: 4px !important;
    display: block !important;
    color: var(--m-ink) !important;
    font-size: 1.34rem !important;
    font-weight: 920 !important;
    line-height: 1.15 !important;
  }

  .mobile-home-focus em {
    margin-top: 4px !important;
    display: block !important;
    color: var(--m-muted) !important;
    font-size: 0.78rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
  }

  .mobile-home-focus a {
    min-height: 36px !important;
    padding: 0 12px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 999px !important;
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
    font-size: 0.78rem !important;
    font-weight: 880 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .mobile-workbench-functions {
    order: 3 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--m-line) !important;
    border-radius: var(--m-radius) !important;
    background: var(--m-surface) !important;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.04) !important;
  }

  .mobile-workbench-head {
    margin: 0 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .mobile-workbench-head strong {
    color: var(--m-ink) !important;
    font-size: 0.96rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-head a {
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 9px !important;
    background: var(--m-surface-soft) !important;
    color: var(--m-muted) !important;
    text-decoration: none !important;
  }

  .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-function-grid a {
    min-height: 66px !important;
    padding: 8px 4px !important;
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 5px !important;
    border: 1px solid #e3ebe9 !important;
    border-radius: 10px !important;
    background: #fbfdfc !important;
    color: var(--m-ink) !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .mobile-function-grid a:nth-child(n+9) {
    display: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(15, 118, 110, 0.16) !important;
    border-radius: 9px !important;
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
  }

  .mobile-function-grid span {
    max-width: 100% !important;
    overflow: hidden !important;
    color: #344054 !important;
    font-size: 0.72rem !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-opportunity-feed {
    order: 4 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .mobile-opportunity-feed article {
    min-height: 78px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "label action"
      "title action"
      "meta action" !important;
    align-items: center !important;
    gap: 2px 12px !important;
    border: 1px solid var(--m-line) !important;
    border-radius: var(--m-radius) !important;
    background: var(--m-surface) !important;
    box-shadow: none !important;
  }

  .mobile-opportunity-feed article span {
    grid-area: label !important;
    color: var(--m-primary) !important;
    font-size: 0.74rem !important;
    font-weight: 880 !important;
  }

  .mobile-opportunity-feed article strong {
    grid-area: title !important;
    color: var(--m-ink) !important;
    font-size: 0.98rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .mobile-opportunity-feed article em {
    grid-area: meta !important;
    color: var(--m-muted) !important;
    font-size: 0.76rem !important;
    font-style: normal !important;
    font-weight: 720 !important;
  }

  .mobile-opportunity-feed article a {
    grid-area: action !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 999px !important;
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
    font-size: 0.76rem !important;
    font-weight: 880 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .mobile-workbench-todo {
    order: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--m-line) !important;
    border-radius: var(--m-radius) !important;
    background: var(--m-surface) !important;
    box-shadow: none !important;
  }

  .mobile-workbench-todo a {
    min-height: 56px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--m-ink) !important;
    text-decoration: none !important;
  }

  .mobile-workbench-todo a::after {
    content: "查看" !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #f7f2e8 !important;
    color: var(--m-gold) !important;
    font-size: 0.74rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-todo strong {
    color: var(--m-ink) !important;
    font-size: 0.88rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-todo em {
    overflow: hidden !important;
    color: var(--m-muted) !important;
    font-size: 0.74rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    z-index: 90 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 58px !important;
    padding: 6px !important;
    display: block !important;
    border: 1px solid rgba(216, 226, 225, 0.96) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 12px 34px rgba(17, 24, 39, 0.13) !important;
    backdrop-filter: blur(18px) !important;
    pointer-events: auto !important;
  }

  .sidebar .brand,
  .sidebar-card,
  .sidebar .nav-panel {
    display: none !important;
  }

  .sidebar .nav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    gap: 4px !important;
    align-items: stretch !important;
    min-height: 50px !important;
    overflow: visible !important;
  }

  .sidebar .nav-rail {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 0 !important;
  }

  .sidebar .nav-module-button {
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 4px 2px !important;
    display: grid !important;
    grid-template-rows: 24px 16px !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-button[data-nav-module="finance"],
  .sidebar .nav-module-button[data-nav-module="settings"],
  .sidebar .nav-module-button[hidden] {
    display: none !important;
  }

  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
  }

  .sidebar .nav-glyph,
  .sidebar .nav-glyph svg {
    width: 22px !important;
    height: 22px !important;
  }

  .sidebar .nav-glyph {
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    color: inherit !important;
  }

  .sidebar .nav-glyph svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
  }

  .sidebar .nav-module-label,
  .mobile-nav-more strong {
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 0.64rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sidebar .nav-module-hint {
    display: none !important;
  }

  .mobile-nav-more {
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 4px 2px !important;
    display: grid !important;
    grid-template-rows: 24px 16px !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  .mobile-nav-more[aria-expanded="true"] {
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
  }

  .mobile-nav-more span {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  .mobile-nav-sheet {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    z-index: 88 !important;
    max-height: min(64dvh, 560px) !important;
    height: auto !important;
    padding: 12px !important;
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
    overflow: auto !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, 0.16) !important;
    backdrop-filter: blur(18px) !important;
  }

  .mobile-nav-sheet[hidden] {
    display: none !important;
  }

  .mobile-nav-module {
    display: grid !important;
    gap: 7px !important;
  }

  .mobile-nav-module h4 {
    margin: 0 !important;
    color: var(--m-ink) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
  }

  .mobile-nav-module > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .mobile-nav-module a {
    min-height: 38px !important;
    padding: 8px 10px !important;
    display: grid !important;
    align-items: center !important;
    border: 1px solid #e3ebe9 !important;
    border-radius: 10px !important;
    background: #fbfdfc !important;
    color: #344054 !important;
    text-decoration: none !important;
    font-size: 0.78rem !important;
    font-weight: 820 !important;
  }

  .mobile-nav-module a.active {
    border-color: rgba(15, 118, 110, 0.2) !important;
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
  }

  .mobile-nav-children {
    display: none !important;
  }
}

/* 2026-06-27 mobile premium system: calm, compact, and operation-first. */
@media (max-width: 760px) {
  html,
  body,
  .app-shell,
  .workspace {
    background: #f6f7f8 !important;
    color: #121821 !important;
  }

  .workspace {
    padding: 12px 12px calc(88px + env(safe-area-inset-bottom)) !important;
  }

  .topbar,
  .panel,
  .summary-panel,
  .hero-panel,
  .process-card,
  .crm-lane,
  .customer-detail-card,
  .settings-card,
  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-card[aria-label="转化漏斗"],
  .mobile-opportunity-feed article {
    border: 1px solid #d8e2e1 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.045) !important;
  }

  .mobile-workbench-appbar {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid #e3ebe9 !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.04) !important;
    backdrop-filter: blur(16px) !important;
  }

  .mobile-workbench-appbar strong,
  .mobile-workbench-head strong,
  .mobile-home-card-head strong,
  .mobile-data-title strong,
  .panel h2,
  .summary-panel h2 {
    color: #121821 !important;
    font-weight: 880 !important;
    letter-spacing: 0 !important;
  }

  .mobile-workbench-marketbar {
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 0 0 18px 18px !important;
    background: linear-gradient(135deg, #10232f 0%, #0f766e 100%) !important;
    box-shadow: 0 14px 30px rgba(16, 35, 47, 0.16) !important;
  }

  .mobile-global-search {
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
  }

  .mobile-global-search strong {
    border-radius: 7px !important;
    background: #0f766e !important;
  }

  .mobile-home-focus {
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%) !important;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05) !important;
  }

  .mobile-home-focus::after {
    display: none !important;
  }

  .mobile-home-focus strong {
    color: #121821 !important;
  }

  .mobile-home-focus span,
  .mobile-home-focus em,
  .mobile-function-grid span,
  .mobile-opportunity-feed article span,
  .mobile-opportunity-feed article em {
    color: #667085 !important;
  }

  .mobile-home-focus a,
  .mobile-opportunity-feed article a,
  .mobile-workbench-todo a {
    border-radius: 8px !important;
    color: #0f766e !important;
  }

  .mobile-function-grid {
    gap: 8px !important;
  }

  .mobile-function-grid a {
    min-height: 76px !important;
    border: 1px solid #d8e2e1 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    border-radius: 8px !important;
    background: #edf8f6 !important;
    color: #0f766e !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    border-top: 1px solid #d8e2e1 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 -12px 28px rgba(17, 24, 39, 0.07) !important;
    backdrop-filter: blur(16px) !important;
  }

  .sidebar .nav-rail {
    gap: 4px !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
  }

  .sidebar .nav-module-button,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-button.active {
    background: #edf8f6 !important;
    color: #0f766e !important;
  }

  .sidebar .nav-glyph,
  .sidebar .nav-module-button.active .nav-glyph {
    background: transparent !important;
    color: inherit !important;
  }

  .sidebar .nav-module-label {
    color: inherit !important;
    font-weight: 820 !important;
  }

  .mobile-nav-more[aria-expanded="true"],
  .mobile-nav-module a.active {
    border-color: rgba(15, 118, 110, 0.18) !important;
    background: #edf8f6 !important;
    color: #0f766e !important;
  }

  .mobile-nav-sheet {
    border-color: #d8e2e1 !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, 0.14) !important;
  }
}

/* 2026-07-03 mobile navigation click rescue final lock: physical EOF. */
@media (max-width: 980px) {
  .sidebar a,
  .sidebar button,
  .nav-module-button,
  .mobile-nav-more,
  .mobile-nav-sheet a {
    position: relative !important;
    z-index: 3 !important;
    pointer-events: auto !important;
    text-decoration: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .sidebar .nav-module-label,
  .mobile-nav-more strong,
  .mobile-nav-module a {
    display: block !important;
    overflow: hidden !important;
    max-width: 100% !important;
    color: inherit !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  .sidebar .nav-panel,
  .sidebar-card,
  .sidebar-fallback-nav {
    display: none !important;
  }

  .mobile-nav-sheet {
    z-index: 120 !important;
    pointer-events: auto !important;
  }

  .mobile-nav-sheet[hidden] {
    display: none !important;
  }
}

/* 2026-07-06 mobile topbar hard hide: keep account-role controls out of WeCom phone first screen. */
@media (max-width: 980px) {
  .workspace > .topbar,
  body[data-nav-mode="focused"] .workspace > .topbar,
  body[data-active-section="dashboard"] .workspace > .topbar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }

  .workspace,
  body[data-nav-mode="focused"] .workspace {
    padding-top: 0 !important;
  }

body[data-active-section="dashboard"] #dashboard.section.active {
    margin-top: 0 !important;
  }
}

/* 2026-07-07 mobile action desk physical EOF lock: actions + today + key metrics only. */
@media (max-width: 760px) {
  .mobile-workbench-appbar,
  .mobile-workbench-marketbar,
  .mobile-home-hero,
  .mobile-opportunity-feed,
  .mobile-home-focus,
  .mobile-home-actions,
  .mobile-home-trace,
  .mobile-home-card[aria-label="今日工作"],
  .mobile-home-card[aria-label="转化漏斗"] {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics {
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home .mobile-workbench-functions {
    margin: 0 !important;
    padding: 22px 18px 18px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head,
  .mobile-data-tabs,
  .mobile-data-title span {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 10px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a {
    min-height: 74px !important;
    display: grid !important;
    place-items: start center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111827 !important;
    text-align: center !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a::after {
    content: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(n) b {
    width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 17px !important;
    color: rgba(255, 255, 255, 0.96) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 20px rgba(16, 35, 50, 0.12) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(1) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(5) b {
    background: linear-gradient(145deg, #36b7ff, #1476e8) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(2) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(4) b {
    background: linear-gradient(145deg, #35dbc5, #16b99d) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(3) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(6) b {
    background: linear-gradient(145deg, #7edbff, #29aee8) !important;
  }

  .mobile-priority-panel {
    margin-top: 8px !important;
    padding: 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-priority-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  .mobile-priority-head span {
    display: block !important;
    color: #8a96a6 !important;
    font-size: 0.68rem !important;
    font-weight: 760 !important;
  }

  .mobile-priority-head strong {
    display: block !important;
    margin-top: 3px !important;
    color: #111827 !important;
    font-size: 1.04rem !important;
    font-weight: 920 !important;
  }

  .mobile-priority-head a {
    flex: 0 0 auto !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #f2f8ff !important;
    color: #1677ff !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    text-decoration: none !important;
  }

  .mobile-priority-list {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
  }

  .mobile-priority-list a {
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border: 1px solid #e5edf2 !important;
    border-radius: 14px !important;
    background: #fbfdff !important;
    color: #111827 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .mobile-priority-list b {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #35dbc5, #1677ff) !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
  }

  .mobile-priority-list strong,
  .mobile-priority-list span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-priority-list strong {
    color: #111827 !important;
    font-size: 0.86rem !important;
    font-weight: 900 !important;
  }

  .mobile-priority-list span {
    margin-top: 3px !important;
    color: #8a96a6 !important;
    font-size: 0.68rem !important;
    font-weight: 680 !important;
  }

  .mobile-priority-list em {
    color: #1677ff !important;
    font-size: 0.7rem !important;
    font-style: normal !important;
    font-weight: 850 !important;
  }

  .mobile-workbench-todo {
    margin-top: 8px !important;
    padding: 18px 18px 16px !important;
  }

  .mobile-workbench-todo .mobile-task-periods {
    margin-top: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-workbench-todo .mobile-task-periods a:nth-child(n+4) {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked + .mobile-task-periods a {
    display: grid !important;
  }

  .mobile-data-center {
    margin-top: 8px !important;
    padding: 18px 18px 4px !important;
  }

  .mobile-home-metrics {
    margin-top: 0 !important;
    padding: 8px 18px 18px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  .mobile-home-metrics a {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-home .mobile-workbench-functions,
  .mobile-priority-panel {
    display: none !important;
  }

  .mobile-workbench-todo {
    order: 1 !important;
    margin-top: 0 !important;
    padding: 22px 18px 20px !important;
  }

  .mobile-workbench-todo .mobile-task-headline {
    min-height: 92px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    text-decoration: none !important;
  }

  .mobile-workbench-todo .mobile-task-headline strong {
    font-size: 1.28rem !important;
    line-height: 1.2 !important;
    font-weight: 920 !important;
  }

  .mobile-workbench-todo .mobile-task-headline em {
    margin-top: 18px !important;
    display: block !important;
    color: #a0a6ad !important;
    font-size: 0.95rem !important;
    font-style: normal !important;
    font-weight: 650 !important;
  }

  .mobile-workbench-todo .mobile-task-headline::after {
    content: "›" !important;
    color: #8d949d !important;
    font-size: 1.7rem !important;
    line-height: 1 !important;
  }

  .mobile-workbench-todo .mobile-task-periods,
  .mobile-task-expand-toggle {
    display: none !important;
  }

  .mobile-data-center {
    order: 2 !important;
    margin-top: 8px !important;
    padding: 24px 18px 0 !important;
  }

  .mobile-data-title {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .mobile-data-title strong {
    color: #050607 !important;
    font-size: 1.22rem !important;
    font-weight: 940 !important;
  }

  .mobile-data-title strong::after {
    content: "" !important;
    width: 1px !important;
    height: 18px !important;
    margin-left: 12px !important;
    display: inline-block !important;
    vertical-align: -3px !important;
    background: #e5e7eb !important;
  }

  .mobile-data-title button {
    min-width: 0 !important;
    justify-self: start !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    color: #1683f5 !important;
    font-size: 1.02rem !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-data-title button::after {
    content: "⌄" !important;
    margin-left: 4px !important;
    font-size: 0.78rem !important;
  }

  .mobile-data-title span {
    display: block !important;
    color: #6f7782 !important;
    font-size: 0.92rem !important;
    font-weight: 720 !important;
  }

  .mobile-data-tabs {
    margin-top: 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 26px !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #edf1f4 !important;
    scrollbar-width: none !important;
  }

  .mobile-data-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .mobile-data-tabs a {
    position: relative !important;
    flex: 0 0 auto !important;
    padding: 0 0 10px !important;
    color: #9ba1a9 !important;
    font-size: 1rem !important;
    font-weight: 820 !important;
    text-decoration: none !important;
  }

  .mobile-data-tabs a.active {
    color: #050607 !important;
  }

  .mobile-data-tabs a.active::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 28px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #1683f5 !important;
    transform: translateX(-50%) !important;
  }

  .mobile-home-metrics {
    order: 3 !important;
    margin-top: 0 !important;
    padding: 18px 18px 20px !important;
    background: #ffffff !important;
  }

  .mobile-home-metrics strong {
    color: #050607 !important;
    font-size: 1.76rem !important;
    font-weight: 900 !important;
  }

  .mobile-home-metrics span {
    color: #9a9fa6 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
  }

  .mobile-home-trace {
    order: 4 !important;
    margin-top: 0 !important;
    padding: 0 18px 18px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home-trace > .mobile-home-card-head {
    display: none !important;
  }

  .mobile-follow-summary {
    display: grid !important;
    gap: 18px !important;
  }

  .mobile-follow-card {
    display: block !important;
    padding: 0 !important;
    color: #050607 !important;
    text-decoration: none !important;
  }

  .mobile-follow-card-head {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .mobile-follow-card-head strong {
    position: relative !important;
    padding-left: 14px !important;
    color: #050607 !important;
    font-size: 1.08rem !important;
    font-weight: 940 !important;
  }

  .mobile-follow-card-head strong::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #1683f5 !important;
    transform: translateY(-50%) !important;
  }

  .mobile-follow-card-head em {
    color: #8d949d !important;
    font-size: 1.5rem !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  .mobile-follow-grid {
    margin-top: 8px !important;
    padding: 18px 18px 16px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px 20px !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
  }

  .mobile-follow-grid span,
  .mobile-follow-grid em,
  .mobile-follow-grid strong {
    display: block !important;
  }

  .mobile-follow-grid em {
    overflow: hidden !important;
    color: #a2a5aa !important;
    font-size: 0.82rem !important;
    font-style: normal !important;
    font-weight: 680 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-follow-grid strong {
    margin-top: 8px !important;
    overflow: hidden !important;
    color: #050607 !important;
    font-size: 1.55rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-home-trace-grid {
    display: none !important;
  }
}

/* 2026-07-07 mobile title cleanup: hide duplicate in-page workbench title only. */
@media (max-width: 760px) {
  .mobile-workbench-appbar strong {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .mobile-workbench-marketbar {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions {
    margin: 0 !important;
    padding: 22px 18px 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 10px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a {
    min-height: 74px !important;
    display: grid !important;
    place-items: start center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111827 !important;
    text-align: center !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a::after {
    content: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid b {
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    font-size: 1rem !important;
    box-shadow: 0 10px 20px rgba(16, 35, 50, 0.12) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid span {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 0.8rem !important;
    font-weight: 820 !important;
    line-height: 1.14 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid small {
    display: none !important;
  }

  .mobile-task-expand-check {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .mobile-workbench-todo .mobile-task-periods a:nth-child(n+4) {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-periods {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked + .mobile-task-periods a {
    display: grid !important;
  }

  .mobile-task-expand-toggle {
    min-height: 38px !important;
    margin-top: 10px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #dbe8f1 !important;
    border-radius: 999px !important;
    background: #f8fbfc !important;
    color: #2563eb !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    cursor: pointer !important;
    user-select: none !important;
  }

  .mobile-task-expand-less {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked ~ .mobile-task-expand-toggle .mobile-task-expand-more {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked ~ .mobile-task-expand-toggle .mobile-task-expand-less {
    display: inline !important;
  }

  .mobile-opportunity-feed,
  .mobile-home-focus,
  .mobile-home-actions,
  .mobile-home-trace,
  .mobile-home-card[aria-label="今日工作"],
  .mobile-home-card[aria-label="转化漏斗"] {
    display: none !important;
  }

  .mobile-data-center {
    order: 8 !important;
    margin-top: 8px !important;
    padding: 16px 16px 8px !important;
    border-bottom: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .mobile-data-tabs {
    display: none !important;
  }

  .mobile-home-metrics {
    order: 9 !important;
    margin-top: 0 !important;
    padding: 0 16px 16px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    border-top: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }

  .mobile-home-metrics a {
    min-height: 74px !important;
    padding: 12px 10px !important;
    border: 1px solid #e3ebef !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    text-align: left !important;
  }

  .mobile-home-metrics span {
    min-height: auto !important;
    display: block !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .mobile-home-metrics em {
    display: block !important;
    overflow: hidden !important;
    color: #8090a3 !important;
    font-size: 0.66rem !important;
    font-style: normal !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* 【UI优化-不改动逻辑】2026-07-06 airy Future Classroom final palette: clear blue-violet with soft pink accents. */
@media (max-width: 980px) {
  :root {
    --future-air-bg: #f4fbfb;
    --future-air-bg-2: #f7f8ff;
    --future-air-surface: rgba(255, 255, 255, 0.96);
    --future-air-line: #dceaf0;
    --future-air-blue: #2f8cff;
    --future-air-blue-deep: #1769d8;
    --future-air-cyan: #3dd5d0;
    --future-air-violet: #8f7cf7;
    --future-air-violet-soft: #ece9ff;
    --future-air-pink: #f4a9c8;
    --future-air-pink-soft: #fff0f6;
    --future-air-mint: #e9f9f5;
    --future-air-ink: #182230;
    --future-air-muted: #697586;
    --future-air-shadow: 0 12px 28px rgba(30, 84, 130, 0.08);
  }

  html,
  body {
    background:
      radial-gradient(circle at 12% 0%, rgba(61, 213, 208, 0.18), transparent 30%),
      linear-gradient(180deg, var(--future-air-bg) 0%, var(--future-air-bg-2) 46%, #ffffff 100%) !important;
    color: var(--future-air-ink) !important;
  }

  .workspace,
  body[data-active-section="dashboard"] .workspace,
  body[data-nav-mode="focused"] .workspace {
    background: transparent !important;
  }

  .mobile-workbench-appbar {
    min-height: 58px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #2f8cff 0%, #3dd5d0 54%, #8f7cf7 100%) !important;
    box-shadow: 0 10px 24px rgba(47, 140, 255, 0.18) !important;
  }

  .mobile-workbench-appbar strong {
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
  }

  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-workbench-marketbar,
  .mobile-data-center,
  .mobile-opportunity-feed,
  .mobile-home section,
  .panel,
  .settings-card {
    border: 1px solid var(--future-air-line) !important;
    border-radius: 12px !important;
    background: var(--future-air-surface) !important;
    box-shadow: var(--future-air-shadow) !important;
  }

  .mobile-workbench-head strong,
  .mobile-task-headline,
  .mobile-data-center h3,
  .mobile-home h3 {
    color: var(--future-air-ink) !important;
    letter-spacing: 0 !important;
  }

  .mobile-workbench-head strong::before,
  .mobile-task-headline::before,
  .mobile-data-center h3::before {
    background: linear-gradient(180deg, var(--future-air-cyan), var(--future-air-violet)) !important;
    box-shadow: 0 6px 14px rgba(61, 213, 208, 0.22) !important;
  }

  .mobile-function-grid a {
    border-color: #e2edf2 !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    box-shadow: 0 8px 18px rgba(24, 34, 48, 0.05) !important;
  }

  .mobile-function-grid a:active {
    transform: translateY(1px) !important;
    background: #f6fbff !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    border-radius: 10px !important;
    background: linear-gradient(135deg, #2f8cff 0%, #3dd5d0 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 16px rgba(47, 140, 255, 0.18) !important;
  }

  .mobile-function-grid a:nth-child(2n) b {
    background: linear-gradient(135deg, #8f7cf7 0%, #6fc8ff 100%) !important;
    box-shadow: 0 8px 16px rgba(143, 124, 247, 0.16) !important;
  }

  .mobile-function-grid a:nth-child(3n) b {
    background: linear-gradient(135deg, #3dd5d0 0%, #2f8cff 100%) !important;
  }

  .mobile-function-grid a:nth-child(5n) b {
    background: linear-gradient(135deg, #f4a9c8 0%, #8f7cf7 100%) !important;
    box-shadow: 0 8px 16px rgba(244, 169, 200, 0.18) !important;
  }

  .mobile-function-grid span,
  .mobile-workbench-todo em,
  .mobile-workbench-marketbar p,
  .muted {
    color: var(--future-air-muted) !important;
  }

  .button.primary,
  button.primary,
  .primary {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--future-air-blue), var(--future-air-cyan)) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(47, 140, 255, 0.18) !important;
  }

  .button.secondary,
  button.secondary,
  .mobile-workbench-head a,
  .mobile-workbench-todo a {
    border-color: #d9e9f1 !important;
    background: #ffffff !important;
    color: var(--future-air-blue-deep) !important;
  }

  .notice,
  .topbar-status,
  .status-badge {
    border-color: rgba(61, 213, 208, 0.24) !important;
    background: var(--future-air-mint) !important;
    color: #087b7a !important;
  }

  .notice.warning,
  .field-error,
  .risk-tag {
    border-color: rgba(244, 169, 200, 0.34) !important;
    background: var(--future-air-pink-soft) !important;
    color: #b34b76 !important;
  }

  input,
  select,
  textarea {
    border-color: #d9e7ef !important;
    background: #ffffff !important;
    color: var(--future-air-ink) !important;
  }

  input:focus,
  select:focus,
  textarea:focus {
    border-color: rgba(47, 140, 255, 0.72) !important;
    box-shadow: 0 0 0 3px rgba(47, 140, 255, 0.12) !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    border-top-color: #d9e7ef !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 -12px 28px rgba(30, 84, 130, 0.08) !important;
  }

  .sidebar .nav-module-button.active {
    background: linear-gradient(180deg, #edf7ff, #f3f2ff) !important;
    color: var(--future-air-blue-deep) !important;
  }

  .mobile-nav-more[aria-expanded="true"],
  .mobile-nav-module a.active {
    border-color: rgba(143, 124, 247, 0.22) !important;
    background: var(--future-air-violet-soft) !important;
    color: #5b50c8 !important;
  }
}

/* 2026-07-06 mobile role bar placement fix: keep workbench first on phones. */
@media (max-width: 760px) {
  .workspace > .topbar {
    display: none !important;
  }

  .workspace {
    padding-top: 0 !important;
  }

  body[data-active-section="dashboard"] #dashboard.section.active {
    margin-top: 0 !important;
  }
}

/* 2026-07-07 mobile action desk final: simplify phone home into actions + today + key metrics. */
@media (max-width: 760px) {
  .mobile-workbench-appbar,
  .mobile-workbench-marketbar,
  .mobile-home-hero,
  .mobile-opportunity-feed,
  .mobile-home-focus,
  .mobile-home-actions,
  .mobile-home-trace,
  .mobile-home-card[aria-label="今日工作"],
  .mobile-home-card[aria-label="转化漏斗"] {
    display: none !important;
  }

  .mobile-home {
    gap: 8px !important;
    padding-top: 0 !important;
    background: #f6f8fb !important;
  }

  .mobile-home .mobile-workbench-functions {
    margin: 0 !important;
    padding: 22px 18px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 10px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a {
    min-height: 74px !important;
    display: grid !important;
    place-items: start center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111827 !important;
    text-align: center !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a::after {
    content: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(n) b {
    width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 17px !important;
    color: rgba(255, 255, 255, 0.96) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 20px rgba(16, 35, 50, 0.12) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(1) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(5) b {
    background: linear-gradient(145deg, #36b7ff, #1476e8) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(2) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(4) b {
    background: linear-gradient(145deg, #35dbc5, #16b99d) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(3) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(6) b {
    background: linear-gradient(145deg, #7edbff, #29aee8) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid span {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 0.8rem !important;
    font-weight: 820 !important;
    line-height: 1.14 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-workbench-todo {
    margin-top: 8px !important;
    padding: 18px 18px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-workbench-todo .mobile-task-headline {
    min-height: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111827 !important;
  }

  .mobile-workbench-todo .mobile-task-headline::after {
    content: "›" !important;
    color: #9aa7b6 !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
  }

  .mobile-workbench-todo .mobile-task-headline strong {
    color: #111827 !important;
    font-size: 1.03rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-todo .mobile-task-headline em {
    margin-top: 8px !important;
    display: block !important;
    color: #8a96a6 !important;
    font-size: 0.78rem !important;
  }

  .mobile-task-expand-check {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .mobile-workbench-todo .mobile-task-periods {
    margin-top: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-workbench-todo .mobile-task-periods a {
    min-height: 62px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 10px 6px !important;
    border: 1px solid #e5edf2 !important;
    border-radius: 14px !important;
    background: #fbfdff !important;
    box-shadow: none !important;
    color: #111827 !important;
    text-align: center !important;
  }

  .mobile-workbench-todo .mobile-task-periods a:nth-child(n+4) {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked + .mobile-task-periods a {
    display: grid !important;
  }

  .mobile-task-expand-toggle {
    min-height: 34px !important;
    margin-top: 10px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #f2f8ff !important;
    color: #1677ff !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
  }

  .mobile-task-expand-less {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked ~ .mobile-task-expand-toggle .mobile-task-expand-more {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked ~ .mobile-task-expand-toggle .mobile-task-expand-less {
    display: inline !important;
  }

  .mobile-data-center {
    margin-top: 8px !important;
    padding: 18px 18px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-data-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .mobile-data-title strong {
    color: #111827 !important;
    font-size: 1.03rem !important;
    font-weight: 900 !important;
  }

  .mobile-data-title button {
    max-width: 46% !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    color: #1677ff !important;
    font-size: 0.82rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-data-title span,
  .mobile-data-tabs {
    display: none !important;
  }

  .mobile-home-metrics {
    margin-top: 0 !important;
    padding: 8px 18px 18px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home-metrics a {
    min-height: 64px !important;
    display: grid !important;
    align-content: center !important;
    gap: 5px !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .mobile-home-metrics a + a {
    border-left: 1px solid #edf1f4 !important;
  }

  .mobile-home-metrics strong {
    order: 1 !important;
    color: #111827 !important;
    font-size: 1.28rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .mobile-home-metrics span {
    order: 2 !important;
    overflow: hidden !important;
    color: #8a96a6 !important;
    font-size: 0.66rem !important;
    font-weight: 760 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-home-metrics em {
    display: none !important;
  }
}

/* 2026-07-07 mobile native home final lock: keep first screen as a light app-style icon grid. */
@media (max-width: 760px) {
  .mobile-workbench-marketbar {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions {
    margin: 0 !important;
    padding: 22px 18px 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 10px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a {
    min-height: 74px !important;
    display: grid !important;
    place-items: start center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111827 !important;
    text-align: center !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a::after {
    content: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(n) b {
    width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 17px !important;
    color: rgba(255, 255, 255, 0.96) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 20px rgba(16, 35, 50, 0.12) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(1) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(5) b {
    background: linear-gradient(145deg, #36b7ff, #1476e8) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(2) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(4) b {
    background: linear-gradient(145deg, #35dbc5, #16b99d) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(3) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(6) b {
    background: linear-gradient(145deg, #7edbff, #29aee8) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid span {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 0.8rem !important;
    font-weight: 820 !important;
    line-height: 1.14 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* 2026-07-06 Future Classroom brand final lock: keep this at physical EOF. */
@media (max-width: 980px) {
  :root {
    --future-logo-cyan: #67c7d4;
    --future-logo-blue: #2176e5;
    --future-logo-violet: #b51ff0;
    --future-logo-pink: #ec8bd0;
    --future-logo-orange: #ff8a22;
    --future-logo-ink: #302b2b;
    --future-logo-muted: #6b7788;
    --future-logo-line: #dfe8f1;
    --future-logo-bg: #f7f9fd;
  }

  html,
  body,
  .app-shell,
  .workspace {
    background:
      radial-gradient(circle at 12% -8%, rgba(103, 199, 212, 0.2), transparent 34%),
      radial-gradient(circle at 100% 10%, rgba(181, 31, 240, 0.08), transparent 32%),
      linear-gradient(180deg, #fbfdff 0%, var(--future-logo-bg) 48%, #fbfcff 100%) !important;
    color: var(--future-logo-ink) !important;
  }

  .mobile-workbench-appbar {
    border-bottom: 1px solid rgba(103, 199, 212, 0.24) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 10px 22px rgba(48, 43, 43, 0.045) !important;
  }

  .mobile-workbench-appbar strong,
  .mobile-workbench-head strong,
  .mobile-home-card-head strong,
  .mobile-data-title strong,
  .panel h2,
  .summary-panel h2 {
    color: var(--future-logo-ink) !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    border-color: rgba(103, 199, 212, 0.34) !important;
    background: #ffffff !important;
    color: var(--future-logo-blue) !important;
  }

  .mobile-workbench-marketbar {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 0 20px 20px !important;
    background:
      linear-gradient(135deg, #41bdd0 0%, #2176e5 42%, #b51ff0 74%, #ec8bd0 100%) !important;
    box-shadow: 0 16px 34px rgba(33, 118, 229, 0.2) !important;
  }

  .mobile-workbench-marketbar::after {
    content: "" !important;
    display: block !important;
    height: 3px !important;
    margin-top: 9px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--future-logo-orange), #ffd166, var(--future-logo-cyan)) !important;
  }

  .mobile-campus-row strong,
  .mobile-campus-row span,
  .mobile-campus-row button {
    color: #ffffff !important;
  }

  .mobile-campus-row span {
    opacity: 0.84 !important;
  }

  .mobile-campus-row button {
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    background: rgba(255, 255, 255, 0.16) !important;
  }

  .mobile-global-search {
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    background: rgba(255, 255, 255, 0.97) !important;
  }

  .mobile-global-search strong,
  .customer-mobile-actions .primary-next,
  #customers #mobileChatSend {
    background: linear-gradient(135deg, var(--future-logo-blue), var(--future-logo-violet)) !important;
    color: #ffffff !important;
  }

  .mobile-home-focus {
    border: 0 !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 90% 4%, rgba(255, 255, 255, 0.22), transparent 28%),
      linear-gradient(135deg, #2176e5 0%, #67c7d4 45%, #b51ff0 100%) !important;
    box-shadow: 0 14px 30px rgba(33, 118, 229, 0.18) !important;
  }

  .mobile-home-focus a {
    border-color: rgba(255, 255, 255, 0.38) !important;
    background: rgba(255, 255, 255, 0.17) !important;
  }

  .topbar,
  .panel,
  .summary-panel,
  .hero-panel,
  .process-card,
  .crm-lane,
  .customer-detail-card,
  .settings-card,
  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-card[aria-label="转化漏斗"],
  .mobile-opportunity-feed article,
  #customers .mobile-chat-panel,
  #customers .wecom-chat-workbench,
  #customers .champion-experience-strip,
  .smart-talk-panel,
  .champion-experience-panel {
    border-color: var(--future-logo-line) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 24px rgba(48, 43, 43, 0.055) !important;
  }

  .mobile-function-grid a {
    border-color: rgba(223, 232, 241, 0.94) !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.98)) !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    background: linear-gradient(135deg, var(--future-logo-cyan), var(--future-logo-blue)) !important;
    color: #ffffff !important;
    box-shadow: 0 9px 18px rgba(33, 118, 229, 0.16) !important;
  }

  .mobile-function-grid a:nth-child(2n) b {
    background: linear-gradient(135deg, var(--future-logo-violet), #dc4cf3) !important;
    box-shadow: 0 9px 18px rgba(181, 31, 240, 0.15) !important;
  }

  .mobile-function-grid a:nth-child(3n) b {
    background: linear-gradient(135deg, var(--future-logo-pink), #f56ab7) !important;
    box-shadow: 0 9px 18px rgba(236, 139, 208, 0.18) !important;
  }

  .mobile-function-grid a:nth-child(5n) b {
    background: linear-gradient(135deg, var(--future-logo-orange), #ffc857) !important;
    box-shadow: 0 9px 18px rgba(255, 138, 34, 0.18) !important;
  }

  .mobile-function-grid span,
  .mobile-opportunity-feed article span,
  .mobile-opportunity-feed article em,
  .mobile-trace-row small,
  .mobile-global-search span {
    color: var(--future-logo-muted) !important;
  }

  .mobile-opportunity-feed article:first-child,
  .mobile-home-metrics a:nth-child(2),
  .mobile-task-periods a:nth-child(2) {
    background: linear-gradient(145deg, #e9f9fb, #ffffff 64%) !important;
  }

  .mobile-opportunity-feed article:nth-child(2),
  .mobile-home-metrics a:nth-child(4),
  .mobile-task-periods a:nth-child(4) {
    background: linear-gradient(145deg, #fff0fa, #ffffff 64%) !important;
  }

  .mobile-home-metrics a:nth-child(1),
  .mobile-task-periods a:nth-child(1) {
    background: linear-gradient(145deg, #eaf3ff, #ffffff 64%) !important;
  }

  .mobile-home-metrics a:nth-child(3),
  .mobile-task-periods a:nth-child(3) {
    background: linear-gradient(145deg, #fff4e7, #ffffff 64%) !important;
  }

  .mobile-home-metrics strong,
  .mobile-task-periods strong,
  .mobile-data-title button,
  .mobile-opportunity-feed article a,
  .mobile-workbench-todo a,
  #customers .wecom-chat-actions button,
  .champion-experience-actions button,
  .champion-experience-strip-head button,
  .smart-talk-item button {
    color: var(--future-logo-blue) !important;
  }

  .mobile-data-title button,
  .mobile-data-tabs a.active,
  .smart-talk-tabs button.active,
  #customers .mobile-chat-toolbar button.active,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover,
  .mobile-nav-more[aria-expanded="true"],
  .mobile-nav-module a.active {
    border-color: rgba(181, 31, 240, 0.22) !important;
    background: linear-gradient(135deg, #eaf3ff, #f7ebff) !important;
    color: var(--future-logo-blue) !important;
  }

  .sidebar .nav-module-button.active .nav-glyph,
  .sidebar .nav-module-button:hover .nav-glyph,
  #customers .mobile-chat-person > span,
  #customers .mobile-chat-avatar {
    background: linear-gradient(135deg, var(--future-logo-cyan), var(--future-logo-violet)) !important;
    color: #ffffff !important;
  }

  #customers .mobile-chat-message.advisor p,
  #customers .mobile-chat-message.sent p {
    border-color: rgba(103, 199, 212, 0.38) !important;
    background: linear-gradient(135deg, #e8f8fb, #f7ebff) !important;
    color: var(--future-logo-ink) !important;
  }
}

/* 2026-07-05 future classroom mobile palette: logo-inspired cyan, violet, pink and warm accent. */
@media (max-width: 980px) {
  :root {
    --future-bg: #f6f8fc;
    --future-surface: #ffffff;
    --future-line: #dfe8f1;
    --future-ink: #2f2a2a;
    --future-muted: #697789;
    --future-cyan: #67c7d4;
    --future-blue: #2176e5;
    --future-violet: #b51ff0;
    --future-pink: #ec8bd0;
    --future-orange: #ff8a22;
    --future-cyan-soft: #e8f8fb;
    --future-blue-soft: #eaf3ff;
    --future-violet-soft: #f7ebff;
    --future-pink-soft: #fff0fa;
    --future-orange-soft: #fff4e7;
  }

  body,
  body[data-active-section="dashboard"] {
    background:
      linear-gradient(180deg, #fbfdff 0%, var(--future-bg) 42%, #f9fbfd 100%) !important;
    color: var(--future-ink) !important;
  }

  .workspace,
  body[data-active-section="dashboard"] .workspace,
  .mobile-home {
    background: transparent !important;
  }

  .mobile-workbench-appbar {
    border-bottom-color: rgba(103, 199, 212, 0.22) !important;
    background: rgba(255, 255, 255, 0.94) !important;
  }

  .mobile-workbench-appbar strong {
    color: var(--future-ink) !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    border-color: rgba(103, 199, 212, 0.32) !important;
    color: var(--future-blue) !important;
  }

  .mobile-workbench-marketbar {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 16px !important;
    background:
      linear-gradient(135deg, #35bdd2 0%, #2683e6 42%, #b727ef 72%, #ef8bd0 100%) !important;
    box-shadow: 0 16px 34px rgba(36, 118, 229, 0.18) !important;
    color: #ffffff !important;
  }

  .mobile-workbench-marketbar::before {
    content: "" !important;
    position: absolute !important;
    inset: auto 12px 0 12px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--future-orange), #ffd166, var(--future-cyan)) !important;
    pointer-events: none !important;
  }

  .mobile-campus-row strong,
  .mobile-campus-row span {
    color: #ffffff !important;
  }

  .mobile-campus-row span {
    opacity: 0.82 !important;
  }

  .mobile-campus-row button {
    border-color: rgba(255, 255, 255, 0.32) !important;
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
  }

  .mobile-global-search {
    border-color: rgba(255, 255, 255, 0.36) !important;
    background: rgba(255, 255, 255, 0.96) !important;
  }

  .mobile-global-search strong,
  #mobileChatSend {
    background: linear-gradient(135deg, var(--future-blue), var(--future-violet)) !important;
    color: #ffffff !important;
  }

  .mobile-home-focus {
    border: 0 !important;
    border-radius: 16px !important;
    background:
      linear-gradient(135deg, #1f7ce8 0%, #36bdd2 38%, #b727ef 100%) !important;
    box-shadow: 0 16px 34px rgba(40, 125, 229, 0.2) !important;
  }

  .mobile-home-focus a {
    border-color: rgba(255, 255, 255, 0.42) !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
  }

  .mobile-workbench-marketbar,
  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-opportunity-feed article,
  .mobile-home-card,
  #customers .mobile-chat-panel,
  #customers .wecom-chat-workbench,
  #customers .champion-experience-strip,
  .smart-talk-panel,
  .champion-experience-panel {
    border-color: var(--future-line) !important;
    background-color: var(--future-surface) !important;
    box-shadow: 0 10px 24px rgba(42, 55, 78, 0.06) !important;
  }

  .mobile-workbench-head strong,
  .mobile-data-title strong,
  .mobile-home-card-head strong,
  .smart-talk-head strong,
  .champion-experience-head strong,
  #customers .wecom-chat-role strong,
  #customers .mobile-chat-assist-head strong {
    color: var(--future-ink) !important;
  }

  .mobile-campus-row span,
  .mobile-global-search span,
  .mobile-opportunity-feed article span,
  .mobile-opportunity-feed article em,
  .mobile-trace-row small,
  .smart-talk-head span,
  .champion-experience-head span,
  #customers .wecom-chat-role span,
  #customers .mobile-chat-assist-head span {
    color: var(--future-muted) !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    background: linear-gradient(135deg, var(--future-cyan), var(--future-blue)) !important;
    box-shadow: 0 9px 18px rgba(33, 118, 229, 0.16) !important;
  }

  .mobile-function-grid a:nth-child(2n) b {
    background: linear-gradient(135deg, var(--future-violet), #dd4cf3) !important;
    box-shadow: 0 9px 18px rgba(181, 31, 240, 0.15) !important;
  }

  .mobile-function-grid a:nth-child(3n) b {
    background: linear-gradient(135deg, var(--future-pink), #f56ab7) !important;
    box-shadow: 0 9px 18px rgba(236, 139, 208, 0.18) !important;
  }

  .mobile-function-grid a:nth-child(5n) b {
    background: linear-gradient(135deg, var(--future-orange), #ffc857) !important;
    box-shadow: 0 9px 18px rgba(255, 138, 34, 0.18) !important;
  }

  .mobile-opportunity-feed article:first-child {
    background: linear-gradient(145deg, var(--future-cyan-soft), #ffffff 64%) !important;
  }

  .mobile-opportunity-feed article:nth-child(2) {
    background: linear-gradient(145deg, var(--future-pink-soft), #ffffff 64%) !important;
  }

  .mobile-home-metrics a:nth-child(1),
  .mobile-task-periods a:nth-child(1) {
    background: linear-gradient(180deg, var(--future-blue-soft), #ffffff 62%) !important;
  }

  .mobile-home-metrics a:nth-child(2),
  .mobile-task-periods a:nth-child(2) {
    background: linear-gradient(180deg, var(--future-cyan-soft), #ffffff 62%) !important;
  }

  .mobile-home-metrics a:nth-child(3),
  .mobile-task-periods a:nth-child(3) {
    background: linear-gradient(180deg, var(--future-orange-soft), #ffffff 62%) !important;
  }

  .mobile-home-metrics a:nth-child(4),
  .mobile-task-periods a:nth-child(4) {
    background: linear-gradient(180deg, var(--future-violet-soft), #ffffff 62%) !important;
  }

  .mobile-home-metrics strong,
  .mobile-task-periods strong {
    color: var(--future-blue) !important;
  }

  .mobile-data-tabs a.active,
  .smart-talk-tabs button.active,
  .mobile-chat-toolbar button.active,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover,
  .mobile-nav-more[aria-expanded="true"],
  .mobile-nav-module a.active {
    border-color: rgba(181, 31, 240, 0.2) !important;
    background: linear-gradient(135deg, var(--future-blue-soft), var(--future-violet-soft)) !important;
    color: var(--future-blue) !important;
  }

  .sidebar .nav-module-button.active .nav-glyph,
  .sidebar .nav-module-button:hover .nav-glyph {
    background: linear-gradient(135deg, var(--future-cyan), var(--future-violet)) !important;
    color: #ffffff !important;
  }

  #customers .mobile-chat-person > span,
  #customers .mobile-chat-avatar {
    background: linear-gradient(135deg, var(--future-cyan), var(--future-blue)) !important;
  }

  #customers .mobile-chat-score {
    border-color: rgba(103, 199, 212, 0.34) !important;
    background: var(--future-cyan-soft) !important;
  }

  #customers .mobile-chat-score span,
  #customers .mobile-chat-score strong,
  #customers .wecom-chat-actions button,
  .champion-experience-actions button,
  .champion-experience-strip-head button,
  .smart-talk-item button {
    color: var(--future-blue) !important;
  }

  #customers .mobile-chat-message.advisor p,
  #customers .mobile-chat-message.sent p {
    border-color: rgba(103, 199, 212, 0.34) !important;
    background: linear-gradient(135deg, #e7f9fc, #f5efff) !important;
    color: var(--future-ink) !important;
  }

  #customers .wecom-chat-actions button,
  .champion-experience-actions button,
  .champion-experience-strip-head button,
  .smart-talk-item button {
    border-color: rgba(103, 199, 212, 0.34) !important;
    background: linear-gradient(135deg, var(--future-cyan-soft), #ffffff) !important;
  }

  .champion-experience-title span,
  .smart-talk-title span {
    background: var(--future-violet-soft) !important;
    color: var(--future-violet) !important;
  }

  .smart-talk-folder {
    background: linear-gradient(135deg, var(--future-orange-soft), var(--future-pink-soft)) !important;
    color: #9a4c00 !important;
  }
}

/* 2026-07-03 mobile navigation click rescue: keep this at EOF. */
@media (max-width: 980px) {
  .sidebar a,
  .sidebar button,
  .nav-module-button,
  .mobile-nav-more,
  .mobile-nav-sheet a {
    position: relative !important;
    z-index: 3 !important;
    pointer-events: auto !important;
    text-decoration: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .sidebar .nav-module-label,
  .mobile-nav-more strong,
  .mobile-nav-module a {
    display: block !important;
    overflow: hidden !important;
    max-width: 100% !important;
    color: inherit !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  .sidebar .nav-panel,
  .sidebar-card,
  .sidebar-fallback-nav {
    display: none !important;
  }

  .mobile-nav-sheet {
    z-index: 120 !important;
    pointer-events: auto !important;
  }

  .mobile-nav-sheet[hidden] {
    display: none !important;
  }
}

/* 2026-06-29 CRM mobile final lock: keep this block at the physical EOF. */
@media (max-width: 980px) {
  :root {
    --m-crm-bg: #f5f7fb;
    --m-crm-surface: #ffffff;
    --m-crm-soft: #f8fafc;
    --m-crm-line: #e5eaf1;
    --m-crm-line-strong: #d8e0ea;
    --m-crm-text: #172033;
    --m-crm-muted: #667085;
    --m-crm-blue: #1677ff;
    --m-crm-blue-deep: #0b5ed7;
    --m-crm-teal: #00b894;
    --m-crm-teal-soft: #e7f8f4;
    --m-crm-shadow: 0 4px 12px rgba(20, 35, 54, 0.045);
  }

  body,
  body[data-active-section="dashboard"],
  .app-shell,
  .workspace {
    background: var(--m-crm-bg) !important;
    color: var(--m-crm-text) !important;
    letter-spacing: 0 !important;
  }

  .workspace,
  body[data-active-section="dashboard"] .workspace {
    padding: 0 12px calc(86px + env(safe-area-inset-bottom)) !important;
    gap: 10px !important;
  }

  .mobile-workbench-appbar {
    min-height: 48px !important;
    margin: 0 -12px 8px !important;
    padding: 0 14px !important;
    border-bottom: 1px solid var(--m-crm-line) !important;
    background: #ffffff !important;
    color: var(--m-crm-text) !important;
    box-shadow: none !important;
  }

  .mobile-workbench-appbar strong {
    color: var(--m-crm-text) !important;
    font-size: 1rem !important;
    font-weight: 860 !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: var(--m-crm-blue) !important;
  }

  .mobile-workbench-marketbar,
  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-opportunity-feed article,
  .mobile-home-card,
  .panel,
  .hero-panel,
  .summary-panel,
  .process-card,
  .visual-card {
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: var(--m-crm-shadow) !important;
  }

  .mobile-workbench-marketbar,
  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center {
    padding: 14px !important;
  }

  .mobile-campus-row strong,
  .mobile-workbench-head strong,
  .mobile-data-title strong,
  .mobile-home-card-head strong,
  .panel h2,
  .summary-panel h2 {
    color: var(--m-crm-text) !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
  }

  .mobile-campus-row span,
  .mobile-global-search span,
  .mobile-opportunity-feed article span,
  .mobile-opportunity-feed article em,
  .mobile-trace-row small,
  .mobile-home-card span {
    color: var(--m-crm-muted) !important;
  }

  .mobile-global-search {
    min-height: 38px !important;
    margin-top: 8px !important;
    padding: 0 12px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 19px !important;
    background: #f3f6fa !important;
    box-shadow: none !important;
  }

  .mobile-global-search strong {
    border-radius: 50% !important;
    background: var(--m-crm-blue) !important;
    color: #ffffff !important;
  }

  .mobile-home-focus {
    padding: 16px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #0db7e9 0%, #1677ff 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(22, 119, 255, 0.16) !important;
  }

  .mobile-home-focus::after {
    display: none !important;
  }

  .mobile-home-focus strong,
  .mobile-home-focus span,
  .mobile-home-focus em {
    color: #ffffff !important;
  }

  .mobile-home-focus a {
    border-color: rgba(255, 255, 255, 0.34) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
  }

  .mobile-function-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-function-grid a {
    min-height: 72px !important;
    padding: 9px 4px !important;
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: var(--m-crm-blue) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 12px rgba(22, 119, 255, 0.16) !important;
  }

  .mobile-function-grid a:nth-child(2n) b {
    background: var(--m-crm-teal) !important;
    box-shadow: 0 6px 12px rgba(0, 184, 148, 0.14) !important;
  }

  .mobile-function-grid span {
    color: var(--m-crm-text) !important;
    font-size: 0.72rem !important;
    font-weight: 780 !important;
  }

  .mobile-metric-card,
  .mobile-data-metrics > div,
  .mobile-trace-grid > div {
    border: 1px solid var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-metric-card strong,
  .mobile-data-metrics strong,
  .mobile-trace-grid strong {
    color: var(--m-crm-text) !important;
  }

  .mobile-data-tabs,
  .mobile-task-range-tabs,
  .mobile-home-filterbar {
    border-color: var(--m-crm-line) !important;
    background: #f3f6fa !important;
    border-radius: 8px !important;
  }

  .mobile-data-tabs button,
  .mobile-task-range-tabs button,
  .mobile-home-filterbar button {
    border-radius: 6px !important;
    color: var(--m-crm-muted) !important;
  }

  .mobile-data-tabs button.active,
  .mobile-task-range-tabs button.active,
  .mobile-home-filterbar button.active {
    background: #ffffff !important;
    color: var(--m-crm-blue-deep) !important;
    box-shadow: 0 2px 6px rgba(20, 35, 54, 0.06) !important;
  }

  .mobile-opportunity-feed article {
    padding: 12px !important;
  }

  .mobile-opportunity-feed article a,
  .mobile-workbench-todo a,
  .mobile-campus-row button {
    color: var(--m-crm-blue) !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    border-top: 1px solid var(--m-crm-line) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 -8px 20px rgba(20, 35, 54, 0.075) !important;
    backdrop-filter: blur(16px) !important;
  }

  .sidebar .nav-rail {
    gap: 4px !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
  }

  .sidebar .nav-module-button,
  .sidebar .nav-module-button:hover {
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: var(--m-crm-muted) !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-button.active {
    background: var(--m-crm-blue-soft) !important;
    color: var(--m-crm-blue-deep) !important;
  }

  .sidebar .nav-glyph,
  .sidebar .nav-module-button.active .nav-glyph {
    background: transparent !important;
    color: inherit !important;
  }

  .sidebar .nav-module-label {
    color: inherit !important;
    font-weight: 820 !important;
  }

  .mobile-nav-more[aria-expanded="true"],
  .mobile-nav-module a.active {
    border-color: rgba(22, 119, 255, 0.18) !important;
    background: var(--m-crm-blue-soft) !important;
    color: var(--m-crm-blue-deep) !important;
  }

  .mobile-nav-sheet {
    border-color: var(--m-crm-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(20, 35, 54, 0.14) !important;
  }
}

/* 2026-06-28 mobile today flow tail lock. */
@media (max-width: 760px) {
  .mobile-home-focus { order: 3 !important; }
  .mobile-workbench-functions { order: 4 !important; }
  .mobile-opportunity-feed { order: 5 !important; }
  .mobile-home-metrics {
    order: 6 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
  }
  .mobile-home-metrics a {
    min-height: 82px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 10px 6px !important;
    border: 1px solid #dbe8f1 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15, 35, 52, 0.05) !important;
  }
  .mobile-home-metrics span {
    min-height: 2.1em !important;
    display: grid !important;
    place-items: center !important;
    color: #667085 !important;
    font-size: 0.7rem !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }
  .mobile-home-metrics strong {
    color: #10243a !important;
    font-size: 1.36rem !important;
    font-weight: 900 !important;
  }
  .mobile-workbench-todo {
    order: 7 !important;
    padding: 12px !important;
  }
  .mobile-workbench-todo .mobile-task-headline {
    min-height: 50px !important;
    padding: 2px 4px 10px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .mobile-workbench-todo .mobile-task-headline::after {
    display: none !important;
  }
  .mobile-task-periods {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .mobile-task-periods a {
    min-height: 76px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 10px 6px !important;
    border: 1px solid #dbe8f1 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff, #f7fbfb) !important;
    box-shadow: 0 8px 18px rgba(15, 35, 52, 0.05) !important;
    color: #10243a !important;
    text-align: center !important;
  }
  .mobile-task-periods span {
    color: #5f6f84 !important;
    font-size: 0.72rem !important;
    font-weight: 820 !important;
  }
  .mobile-task-periods strong {
    color: #10243a !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  .mobile-task-periods em {
    color: #7c8a9d !important;
    font-size: 0.66rem !important;
    font-style: normal !important;
    font-weight: 740 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .mobile-data-center { order: 8 !important; }
  .mobile-home-trace { order: 9 !important; }
  .mobile-home-trace-grid {
    display: grid !important;
    gap: 10px !important;
  }
  .mobile-home-trace-grid article {
    border: 1px solid #dbe8f1 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
  }
  .mobile-trace-row small {
    display: block !important;
    margin-top: 3px !important;
    color: #7b8b9d !important;
    font-size: 0.7rem !important;
    font-weight: 720 !important;
    line-height: 1.35 !important;
  }
}

/* 2026-06-28 absolute final mobile app layer. Keep at EOF. */
@media (max-width: 760px) {
  body[data-active-section="dashboard"] .mobile-home {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 0 12px !important;
  }

  .mobile-workbench-appbar {
    min-height: 48px !important;
    padding: max(8px, env(safe-area-inset-top)) 10px 8px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(219, 229, 227, 0.9) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.045) !important;
  }

  .mobile-workbench-marketbar {
    order: 1 !important;
    border-radius: 0 0 16px 16px !important;
    background: linear-gradient(135deg, #10232f 0%, #174149 48%, #0f766e 100%) !important;
  }

  .mobile-home-focus {
    order: 2 !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%) !important;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.045) !important;
  }

  .mobile-home-focus::after {
    display: none !important;
  }

  .mobile-home-focus span {
    color: #0f766e !important;
    font-size: 0.78rem !important;
    font-weight: 880 !important;
  }

  .mobile-home-focus strong {
    margin-top: 4px !important;
    color: #111827 !important;
    font-size: 1.34rem !important;
    font-weight: 920 !important;
    line-height: 1.15 !important;
  }

  .mobile-home-focus em {
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 0.78rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
  }

  .mobile-workbench-functions {
    order: 3 !important;
    padding: 12px !important;
    border: 1px solid #dbe5e3 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.04) !important;
  }

  .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-function-grid a {
    min-height: 66px !important;
    padding: 8px 4px !important;
    border: 1px solid #e3ebe9 !important;
    border-radius: 10px !important;
    background: #fbfdfc !important;
    box-shadow: none !important;
  }

  .mobile-function-grid a:nth-child(n+9) {
    display: none !important;
  }

  .mobile-opportunity-feed {
    order: 4 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .mobile-opportunity-feed article {
    min-height: 78px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "label action" "title action" "meta action" !important;
    align-items: center !important;
    gap: 2px 12px !important;
    border: 1px solid #dbe5e3 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-opportunity-feed article span {
    grid-area: label !important;
    color: #0f766e !important;
  }

  .mobile-opportunity-feed article strong {
    grid-area: title !important;
    color: #111827 !important;
  }

  .mobile-opportunity-feed article em {
    grid-area: meta !important;
    color: #667085 !important;
  }

  .mobile-opportunity-feed article a {
    grid-area: action !important;
  }

  .mobile-workbench-todo {
    order: 5 !important;
  }
}

/* 2026-06-28 final mobile layer: this must stay last. */
@media (max-width: 760px) {
  :root {
    --m-bg: #f5f7f7;
    --m-surface: #ffffff;
    --m-surface-soft: #f8fbfa;
    --m-line: #dbe5e3;
    --m-ink: #111827;
    --m-muted: #667085;
    --m-primary: #0f766e;
    --m-primary-soft: #edf8f6;
    --m-gold: #a17624;
    --m-radius: 10px;
  }

  html,
  body,
  .app-shell,
  .workspace {
    overflow-x: hidden !important;
    background: var(--m-bg) !important;
    color: var(--m-ink) !important;
  }

  .workspace {
    padding: 10px 10px calc(82px + env(safe-area-inset-bottom)) !important;
  }

  body[data-active-section="dashboard"] .workspace {
    padding-top: 0 !important;
  }

  body[data-active-section="dashboard"] .mobile-home {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 0 12px !important;
    background: transparent !important;
  }

  .mobile-workbench-appbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 48 !important;
    min-height: 48px !important;
    padding: max(8px, env(safe-area-inset-top)) 10px 8px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(219, 229, 227, 0.9) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.045) !important;
    backdrop-filter: blur(18px) !important;
  }

  .mobile-workbench-appbar strong {
    color: var(--m-ink) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 10px !important;
    background: var(--m-surface) !important;
    color: #475467 !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  .mobile-workbench-marketbar {
    order: 1 !important;
    margin: 0 !important;
    padding: 12px !important;
    display: grid !important;
    gap: 10px !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 0 0 16px 16px !important;
    background: linear-gradient(135deg, #10232f 0%, #174149 48%, #0f766e 100%) !important;
    box-shadow: 0 14px 28px rgba(16, 35, 47, 0.14) !important;
  }

  .mobile-campus-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 10px !important;
    align-items: center !important;
  }

  .mobile-campus-row strong {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .mobile-campus-row span {
    grid-column: 1 / -1 !important;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 0.78rem !important;
    font-weight: 760 !important;
  }

  .mobile-campus-row button {
    min-height: 30px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 850 !important;
  }

  .mobile-global-search {
    min-height: 44px !important;
    padding: 6px 6px 6px 13px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    text-decoration: none !important;
  }

  .mobile-global-search span {
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 0.82rem !important;
    font-weight: 760 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-global-search strong {
    min-width: 58px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: var(--m-primary) !important;
    color: #ffffff !important;
    font-size: 0.78rem !important;
    font-weight: 880 !important;
  }

  .mobile-home-focus {
    order: 2 !important;
    margin: 0 !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: var(--m-radius) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%) !important;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.045) !important;
  }

  .mobile-home-focus::after,
  .mobile-home-hero,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-actions,
  .mobile-home-card[aria-label="今日工作"],
  .mobile-home-card[aria-label="转化漏斗"] {
    display: none !important;
  }

  .mobile-home-focus span {
    color: var(--m-primary) !important;
    font-size: 0.78rem !important;
    font-weight: 880 !important;
  }

  .mobile-home-focus strong {
    margin-top: 4px !important;
    display: block !important;
    color: var(--m-ink) !important;
    font-size: 1.34rem !important;
    font-weight: 920 !important;
    line-height: 1.15 !important;
  }

  .mobile-home-focus em {
    margin-top: 4px !important;
    display: block !important;
    color: var(--m-muted) !important;
    font-size: 0.78rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
  }

  .mobile-home-focus a,
  .mobile-opportunity-feed article a {
    min-height: 34px !important;
    padding: 0 12px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 999px !important;
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
    font-size: 0.76rem !important;
    font-weight: 880 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .mobile-workbench-functions {
    order: 3 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--m-line) !important;
    border-radius: var(--m-radius) !important;
    background: var(--m-surface) !important;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.04) !important;
  }

  .mobile-workbench-head {
    margin: 0 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .mobile-workbench-head strong {
    color: var(--m-ink) !important;
    font-size: 0.96rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-head a {
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 9px !important;
    background: var(--m-surface-soft) !important;
    color: var(--m-muted) !important;
    text-decoration: none !important;
  }

  .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-function-grid a {
    min-height: 66px !important;
    padding: 8px 4px !important;
    display: grid !important;
    justify-items: center !important;
    align-content: center !important;
    gap: 5px !important;
    border: 1px solid #e3ebe9 !important;
    border-radius: 10px !important;
    background: #fbfdfc !important;
    color: var(--m-ink) !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .mobile-function-grid a:nth-child(n+9) {
    display: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(15, 118, 110, 0.16) !important;
    border-radius: 9px !important;
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
  }

  .mobile-function-grid span {
    max-width: 100% !important;
    overflow: hidden !important;
    color: #344054 !important;
    font-size: 0.72rem !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-opportunity-feed {
    order: 4 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .mobile-opportunity-feed article {
    min-height: 78px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "label action" "title action" "meta action" !important;
    align-items: center !important;
    gap: 2px 12px !important;
    border: 1px solid var(--m-line) !important;
    border-radius: var(--m-radius) !important;
    background: var(--m-surface) !important;
    box-shadow: none !important;
  }

  .mobile-opportunity-feed article span {
    grid-area: label !important;
    color: var(--m-primary) !important;
    font-size: 0.74rem !important;
    font-weight: 880 !important;
  }

  .mobile-opportunity-feed article strong {
    grid-area: title !important;
    color: var(--m-ink) !important;
    font-size: 0.98rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .mobile-opportunity-feed article em {
    grid-area: meta !important;
    color: var(--m-muted) !important;
    font-size: 0.76rem !important;
    font-style: normal !important;
    font-weight: 720 !important;
  }

  .mobile-opportunity-feed article a {
    grid-area: action !important;
  }

  .mobile-workbench-todo {
    order: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--m-line) !important;
    border-radius: var(--m-radius) !important;
    background: var(--m-surface) !important;
    box-shadow: none !important;
  }

  .mobile-workbench-todo a {
    min-height: 56px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--m-ink) !important;
    text-decoration: none !important;
  }

  .mobile-workbench-todo a::after {
    content: "查看" !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #f7f2e8 !important;
    color: var(--m-gold) !important;
    font-size: 0.74rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-todo strong {
    color: var(--m-ink) !important;
    font-size: 0.88rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-todo em {
    overflow: hidden !important;
    color: var(--m-muted) !important;
    font-size: 0.74rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    z-index: 90 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 58px !important;
    padding: 6px !important;
    display: block !important;
    border: 1px solid rgba(216, 226, 225, 0.96) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 12px 34px rgba(17, 24, 39, 0.13) !important;
    backdrop-filter: blur(18px) !important;
    pointer-events: auto !important;
  }

  .sidebar .brand,
  .sidebar-card,
  .sidebar .nav-panel {
    display: none !important;
  }

  .sidebar .nav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    gap: 4px !important;
    align-items: stretch !important;
    min-height: 50px !important;
    overflow: visible !important;
  }

  .sidebar .nav-rail {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 0 !important;
  }

  .sidebar .nav-module-button {
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 4px 2px !important;
    display: grid !important;
    grid-template-rows: 24px 16px !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-button[data-nav-module="finance"],
  .sidebar .nav-module-button[data-nav-module="settings"],
  .sidebar .nav-module-button[hidden] {
    display: none !important;
  }

  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover,
  .mobile-nav-more[aria-expanded="true"] {
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
  }

  .sidebar .nav-glyph,
  .sidebar .nav-glyph svg {
    width: 22px !important;
    height: 22px !important;
  }

  .sidebar .nav-glyph {
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    color: inherit !important;
  }

  .sidebar .nav-glyph svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
  }

  .sidebar .nav-module-label,
  .mobile-nav-more strong {
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 0.64rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sidebar .nav-module-hint {
    display: none !important;
  }

  .mobile-nav-more {
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 4px 2px !important;
    display: grid !important;
    grid-template-rows: 24px 16px !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  .mobile-nav-more span {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  .mobile-nav-sheet {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    z-index: 88 !important;
    max-height: min(64dvh, 560px) !important;
    height: auto !important;
    padding: 12px !important;
    display: grid !important;
    align-content: start !important;
    gap: 10px !important;
    overflow: auto !important;
    border: 1px solid var(--m-line) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, 0.16) !important;
    backdrop-filter: blur(18px) !important;
  }

  .mobile-nav-sheet[hidden] {
    display: none !important;
  }

  .mobile-nav-module {
    display: grid !important;
    gap: 7px !important;
  }

  .mobile-nav-module h4 {
    margin: 0 !important;
    color: var(--m-ink) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
  }

  .mobile-nav-module > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .mobile-nav-module a {
    min-height: 38px !important;
    padding: 8px 10px !important;
    display: grid !important;
    align-items: center !important;
    border: 1px solid #e3ebe9 !important;
    border-radius: 10px !important;
    background: #fbfdfc !important;
    color: #344054 !important;
    text-decoration: none !important;
    font-size: 0.78rem !important;
    font-weight: 820 !important;
  }

  .mobile-nav-module a.active {
    border-color: rgba(15, 118, 110, 0.2) !important;
    background: var(--m-primary-soft) !important;
    color: var(--m-primary) !important;
  }

  .mobile-nav-children {
    display: none !important;
  }
}

/* Mobile app visual reset: cleaner CRM-style cockpit. */
@media (max-width: 760px) {
  body[data-active-section="dashboard"] {
    background: #f4f7fa !important;
  }

  body[data-active-section="dashboard"] .workspace {
    padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important;
  }

  body[data-active-section="dashboard"] .mobile-home {
    gap: 10px !important;
    padding: 0 12px 12px !important;
  }

  .mobile-workbench-appbar {
    min-height: 58px !important;
    padding: 14px 12px 8px !important;
    border-bottom: 1px solid rgba(219, 229, 238, 0.9) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: none !important;
  }

  .mobile-workbench-appbar strong {
    font-size: 1.03rem !important;
    font-weight: 850 !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 32px !important;
    height: 32px !important;
    background: #f5f8fb !important;
    box-shadow: none !important;
    color: #17243a !important;
    font-size: 1rem !important;
  }

  .mobile-workbench-marketbar {
    margin: 0 !important;
    gap: 9px !important;
    padding: 12px !important;
    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #17243a !important;
  }

  .mobile-campus-row {
    gap: 8px !important;
  }

  .mobile-campus-row strong,
  .mobile-campus-row span {
    color: #17243a !important;
  }

  .mobile-campus-row strong {
    font-size: 0.98rem !important;
    font-weight: 860 !important;
  }

  .mobile-campus-row span {
    color: #687789 !important;
    font-size: 0.78rem !important;
  }

  .mobile-campus-row button {
    min-height: 28px !important;
    padding: 0 10px !important;
    border: 1px solid #cde8e3 !important;
    border-radius: 999px !important;
    background: #eefaf7 !important;
    color: #087c72 !important;
    font-size: 0.72rem !important;
    font-weight: 820 !important;
  }

  .mobile-global-search {
    min-height: 42px !important;
    padding: 5px 5px 5px 12px !important;
    border: 1px solid #dce7ef !important;
    border-radius: 12px !important;
    background: #f6f9fb !important;
    box-shadow: none !important;
  }

  .mobile-global-search span {
    color: #8794a4 !important;
    font-size: 0.78rem !important;
    font-weight: 680 !important;
  }

  .mobile-global-search strong {
    min-width: 50px !important;
    min-height: 30px !important;
    border-radius: 10px !important;
    background: #0f8b78 !important;
    font-size: 0.74rem !important;
    box-shadow: none !important;
  }

  .mobile-home-focus {
    order: 3 !important;
    min-height: 104px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 15px !important;
    border: 1px solid #dbe6ee !important;
    border-left: 4px solid #0f8b78 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #17243a !important;
  }

  .mobile-home-focus::after {
    display: none !important;
  }

  .mobile-home-focus span {
    color: #687789 !important;
    font-size: 0.76rem !important;
    font-weight: 760 !important;
  }

  .mobile-home-focus strong {
    color: #17243a !important;
    font-size: 1.54rem !important;
    font-weight: 900 !important;
  }

  .mobile-home-focus em {
    color: #687789 !important;
    font-size: 0.82rem !important;
    font-weight: 720 !important;
  }

  .mobile-home-focus a {
    min-height: 32px !important;
    padding: 6px 11px !important;
    border: 1px solid #cde8e3 !important;
    border-radius: 999px !important;
    background: #eefaf7 !important;
    color: #087c72 !important;
    box-shadow: none !important;
    font-size: 0.74rem !important;
    font-weight: 820 !important;
  }

  .mobile-workbench-functions {
    order: 4 !important;
    padding: 13px 12px 14px !important;
    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-workbench-head strong {
    color: #17243a !important;
    font-size: 0.96rem !important;
    font-weight: 860 !important;
  }

  .mobile-workbench-head a {
    color: #7b8999 !important;
    background: transparent !important;
  }

  .mobile-function-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 11px 8px !important;
  }

  .mobile-function-grid a {
    min-height: 66px !important;
    padding: 6px 3px !important;
    border-radius: 12px !important;
    background: #f7fafc !important;
  }

  .mobile-function-grid b {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #d9e7ee !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #0f8b78 !important;
    font-size: 0.82rem !important;
    box-shadow: none !important;
  }

  .mobile-function-grid span {
    color: #28374a !important;
    font-size: 0.69rem !important;
    font-weight: 760 !important;
  }

  .mobile-opportunity-feed {
    order: 5 !important;
    gap: 8px !important;
  }

  .mobile-opportunity-feed article {
    min-height: 96px !important;
    padding: 12px !important;
    border: 1px solid #dbe6ee !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-opportunity-feed article:nth-child(2) {
    background: #ffffff !important;
  }

  .mobile-opportunity-feed article span {
    color: #687789 !important;
    font-size: 0.72rem !important;
  }

  .mobile-opportunity-feed article strong {
    color: #17243a !important;
    font-size: 0.88rem !important;
  }

  .mobile-opportunity-feed article em {
    color: #d84a3a !important;
    font-size: 1.16rem !important;
    font-weight: 900 !important;
  }

  .mobile-opportunity-feed article a {
    color: #0f8b78 !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
  }

  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-card[aria-label="转化漏斗"] {
    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-workbench-todo a {
    min-height: 60px !important;
    padding: 13px 38px 13px 13px !important;
  }

  .mobile-home-card[aria-label="转化漏斗"] {
    display: none !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    min-height: 68px !important;
    padding: 5px 12px calc(5px + env(safe-area-inset-bottom)) !important;
    border-radius: 18px 18px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -8px 22px rgba(15, 35, 52, 0.08) !important;
  }

  .sidebar .nav-rail {
    gap: 2px !important;
  }

  .sidebar .nav-module-button,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    grid-template-rows: 25px 16px !important;
    min-height: 48px !important;
    padding: 2px 1px !important;
    border-radius: 12px !important;
  }

  .sidebar .nav-glyph {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #8a96a6 !important;
  }

  .sidebar .nav-glyph::before {
    display: none !important;
    content: "" !important;
  }

  .sidebar .nav-glyph svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .sidebar .nav-module-button.active {
    background: #eefaf7 !important;
    color: #087c72 !important;
  }

  .sidebar .nav-module-button.active .nav-glyph {
    background: transparent !important;
    color: #087c72 !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-label {
    font-size: 0.66rem !important;
    font-weight: 760 !important;
  }
}

@media (max-width: 760px) {
  .mobile-workbench-appbar {
    min-height: 54px !important;
  }

  .mobile-workbench-marketbar {
    padding: 11px !important;
  }

  .mobile-global-search {
    min-height: 39px !important;
  }

  .mobile-home-focus {
    min-height: 92px !important;
    padding: 13px 14px !important;
  }

  .mobile-home-focus strong {
    font-size: 1.42rem !important;
  }

  .mobile-workbench-functions {
    padding: 12px 11px 13px !important;
  }

  .mobile-function-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px 5px !important;
  }

  .mobile-function-grid a {
    min-height: 56px !important;
    padding: 5px 1px !important;
    gap: 4px !important;
    border: 1px solid #edf2f6 !important;
    border-radius: 12px !important;
    background: #fbfdff !important;
    box-shadow: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(1) b,
  .mobile-function-grid a:nth-child(2) b,
  .mobile-function-grid a:nth-child(3) b,
  .mobile-function-grid a:nth-child(4) b,
  .mobile-function-grid a:nth-child(5) b,
  .mobile-function-grid a:nth-child(6) b,
  .mobile-function-grid a:nth-child(7) b,
  .mobile-function-grid a:nth-child(8) b,
  .mobile-function-grid a:nth-child(9) b,
  .mobile-function-grid a:nth-child(10) b {
    width: 28px !important;
    height: 28px !important;
    border: 1px solid #d6e5ed !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #0f7f74 !important;
    box-shadow: none !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
  }

  .mobile-function-grid span {
    font-size: 0.64rem !important;
    line-height: 1.12 !important;
    font-weight: 720 !important;
  }

  .mobile-opportunity-feed {
    gap: 8px !important;
  }

  .mobile-opportunity-feed article,
  .mobile-opportunity-feed article:nth-child(1),
  .mobile-opportunity-feed article:nth-child(2) {
    min-height: 84px !important;
    padding: 11px !important;
    background: #ffffff !important;
  }

  .mobile-opportunity-feed article em {
    margin-top: 2px !important;
    font-size: 1.05rem !important;
  }

  .mobile-workbench-todo a {
    min-height: 54px !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    min-height: 62px !important;
    padding-top: 4px !important;
  }

  .sidebar .nav-module-button,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    grid-template-rows: 23px 15px !important;
    min-height: 44px !important;
  }

  .sidebar .nav-module-label {
    font-size: 0.64rem !important;
  }
}

/* 2026-06-25 mobile polish: compact native workbench. */
@media (max-width: 760px) {
  body[data-active-section="dashboard"] {
    background:
      linear-gradient(180deg, #f7fbff 0%, #eef5f8 46%, #f6f8fb 100%) !important;
    color: #111827 !important;
  }

  body[data-active-section="dashboard"] .workspace {
    padding: 0 0 calc(78px + env(safe-area-inset-bottom)) !important;
  }

  body[data-active-section="dashboard"] .mobile-home {
    gap: 10px !important;
    padding: 0 10px 12px !important;
  }

  .mobile-workbench-appbar {
    min-height: 58px !important;
    padding: 15px 12px 7px !important;
    background: rgba(247, 251, 255, 0.92) !important;
    box-shadow: 0 1px 0 rgba(218, 228, 236, 0.7) !important;
  }

  .mobile-workbench-appbar strong {
    color: #101828 !important;
    font-size: 1.08rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 32px !important;
    height: 32px !important;
    background: #ffffff !important;
    color: #344054 !important;
    box-shadow: 0 8px 18px rgba(15, 35, 52, 0.07) !important;
  }

  .mobile-workbench-marketbar {
    margin: 0 -10px !important;
    padding: 10px 14px 16px !important;
    border-radius: 0 0 22px 22px !important;
    background:
      linear-gradient(135deg, #123c5a 0%, #0f766e 100%) !important;
    box-shadow: 0 18px 32px rgba(13, 70, 92, 0.2) !important;
  }

  .mobile-campus-row {
    min-height: 30px !important;
  }

  .mobile-campus-row strong {
    color: #ffffff !important;
    font-size: 0.92rem !important;
    font-weight: 900 !important;
  }

  .mobile-campus-row span {
    color: rgba(239, 250, 255, 0.72) !important;
    font-size: 0.76rem !important;
  }

  .mobile-campus-row button {
    min-height: 28px !important;
    padding: 4px 10px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    font-size: 0.72rem !important;
  }

  .mobile-global-search {
    min-height: 42px !important;
    padding: 5px 5px 5px 13px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 12px 24px rgba(4, 31, 48, 0.16) !important;
  }

  .mobile-global-search strong {
    min-width: 58px !important;
    min-height: 32px !important;
    background: #0f766e !important;
  }

  .mobile-home-focus {
    min-height: 116px !important;
    margin-top: 0 !important;
    padding: 15px !important;
    border-radius: 18px !important;
    background:
      linear-gradient(135deg, #2563eb 0%, #0f766e 100%) !important;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.18) !important;
  }

  .mobile-home-focus::after {
    width: 104px !important;
    height: 104px !important;
    right: -30px !important;
    top: -28px !important;
    border-width: 18px !important;
  }

  .mobile-home-focus strong {
    color: #ffffff !important;
    font-size: 1.58rem !important;
    letter-spacing: 0 !important;
  }

  .mobile-home-focus span,
  .mobile-home-focus em {
    color: rgba(255, 255, 255, 0.78) !important;
  }

  .mobile-home-focus a {
    min-height: 34px !important;
    padding: 7px 12px !important;
    color: #0f766e !important;
  }

  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-card[aria-label="转化漏斗"],
  .mobile-opportunity-feed article {
    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 24px rgba(15, 35, 52, 0.055) !important;
  }

  .mobile-workbench-functions {
    padding: 13px 11px 14px !important;
  }

  .mobile-workbench-head strong,
  .mobile-home-card-head strong,
  .mobile-data-title strong {
    color: #101828 !important;
    font-weight: 900 !important;
  }

  .mobile-function-grid {
    gap: 8px 6px !important;
  }

  .mobile-function-grid a {
    min-height: 58px !important;
    border-color: #edf2f6 !important;
    background: #fbfdff !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    width: 30px !important;
    height: 30px !important;
    border-color: #d5e5ec !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #0f766e !important;
    font-size: 0.74rem !important;
  }

  .mobile-function-grid span {
    color: #1f2937 !important;
    font-size: 0.65rem !important;
    font-weight: 760 !important;
  }

  .mobile-opportunity-feed {
    gap: 8px !important;
  }

  .mobile-opportunity-feed article,
  .mobile-opportunity-feed article:nth-child(1),
  .mobile-opportunity-feed article:nth-child(2) {
    min-height: 92px !important;
    padding: 12px !important;
  }

  .mobile-opportunity-feed article span {
    color: #667085 !important;
  }

  .mobile-opportunity-feed article strong {
    color: #101828 !important;
  }

  .mobile-opportunity-feed article em {
    color: #b42318 !important;
    font-size: 1.08rem !important;
  }

  .mobile-opportunity-feed article a {
    color: #0f766e !important;
  }

  .mobile-workbench-todo a {
    min-height: 56px !important;
    padding: 13px 38px 13px 13px !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    min-height: 60px !important;
    padding: 5px 10px calc(5px + env(safe-area-inset-bottom)) !important;
    border: 1px solid #dbe6ee !important;
    border-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -10px 26px rgba(15, 35, 52, 0.08) !important;
    backdrop-filter: blur(16px) !important;
  }

  .sidebar .nav-module-button,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    min-height: 44px !important;
    border-radius: 12px !important;
  }

  .sidebar .nav-module-button.active {
    background: #edf8f6 !important;
    color: #0f766e !important;
  }

  .sidebar .nav-glyph,
  .sidebar .nav-module-button.active .nav-glyph {
    color: currentColor !important;
  }
}

/* 2026-06-25 navigation reset: one calm mobile workbench and one bottom dock. */
@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    overflow-x: hidden !important;
    background: #f4f7fb !important;
  }

  .app-shell {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100vh !important;
    background: #f4f7fb !important;
  }

  .workspace {
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 12px calc(84px + env(safe-area-inset-bottom)) !important;
    background: #f4f7fb !important;
  }

  body[data-active-section="dashboard"] .workspace {
    padding: 0 10px calc(84px + env(safe-area-inset-bottom)) !important;
    background: #f4f7fb !important;
  }

  body[data-active-section="dashboard"] .topbar,
  body[data-active-section="dashboard"] #dashboard > .hero-panel,
  body[data-active-section="dashboard"] #dashboard > .dashboard-context-strip,
  body[data-active-section="dashboard"] #dashboard > .role-focus-panel,
  body[data-active-section="dashboard"] #dashboard > .visual-command-grid,
  body[data-active-section="dashboard"] #dashboard > .process-grid {
    display: none !important;
  }

  .topbar {
    position: static !important;
    min-height: auto !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    display: grid !important;
    gap: 10px !important;
    border: 1px solid #dbe6ee !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .topbar-secondary {
    display: none !important;
  }

  .topbar-logo {
    width: 108px !important;
    height: 34px !important;
  }

  .topbar h1 {
    font-size: 1.08rem !important;
  }

  .topbar-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .topbar-control,
  .topbar-status,
  .topbar-actions .button {
    width: 100% !important;
  }

  body[data-active-section="dashboard"] .mobile-home {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 0 12px !important;
    background: transparent !important;
  }

  .mobile-workbench-appbar {
    order: 1 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    margin: 0 -10px !important;
    min-height: 58px !important;
    padding: 14px 12px 8px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(247, 251, 255, 0.94) !important;
    box-shadow: 0 1px 0 rgba(218, 228, 236, 0.85) !important;
    backdrop-filter: blur(14px) !important;
  }

  .mobile-workbench-appbar strong {
    justify-self: center !important;
    color: #101828 !important;
    font-size: 1.08rem !important;
    font-weight: 900 !important;
  }

  .mobile-workbench-appbar a,
  .mobile-workbench-appbar button {
    width: 32px !important;
    height: 32px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #e4edf3 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #344054 !important;
    box-shadow: none !important;
  }

  .mobile-workbench-marketbar {
    order: 2 !important;
    margin: 0 -10px !important;
    padding: 12px 14px 16px !important;
    display: grid !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 0 20px 20px !important;
    background: linear-gradient(135deg, #123c5a 0%, #0f766e 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 30px rgba(13, 70, 92, 0.18) !important;
  }

  .mobile-campus-row strong {
    color: #ffffff !important;
  }

  .mobile-campus-row span {
    color: rgba(239, 250, 255, 0.74) !important;
  }

  .mobile-campus-row button {
    min-height: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
  }

  .mobile-global-search {
    min-height: 42px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
  }

  .mobile-global-search strong {
    min-height: 32px !important;
    background: #0f766e !important;
    color: #ffffff !important;
  }

  .mobile-home-focus {
    order: 3 !important;
    min-height: 112px !important;
    margin: 2px 0 0 !important;
    padding: 15px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #2563eb 0%, #0f766e 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16) !important;
  }

  .mobile-home-focus span,
  .mobile-home-focus em {
    color: rgba(255, 255, 255, 0.78) !important;
  }

  .mobile-home-focus strong {
    color: #ffffff !important;
    font-size: 1.58rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .mobile-home-focus a {
    min-height: 34px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0f766e !important;
    font-weight: 850 !important;
  }

  .mobile-workbench-functions {
    order: 4 !important;
  }

  .mobile-opportunity-feed {
    order: 5 !important;
  }

  .mobile-workbench-todo {
    order: 6 !important;
  }

  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-opportunity-feed article {
    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15, 35, 52, 0.05) !important;
  }

  .mobile-workbench-functions {
    padding: 13px 11px 14px !important;
  }

  .mobile-function-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px 6px !important;
  }

  .mobile-function-grid a {
    min-height: 58px !important;
    border: 1px solid #edf2f6 !important;
    border-radius: 12px !important;
    background: #fbfdff !important;
    box-shadow: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #d5e5ec !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #0f766e !important;
  }

  .mobile-opportunity-feed {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-opportunity-feed article {
    min-height: 92px !important;
    padding: 12px !important;
  }

  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-actions,
  .mobile-home-card[aria-label="今日工作"],
  .mobile-home-card[aria-label="转化漏斗"],
  .mobile-home-hero {
    display: none !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 90 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 64px !important;
    padding: 6px 10px calc(6px + env(safe-area-inset-bottom)) !important;
    display: block !important;
    border: 1px solid #dbe6ee !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -10px 26px rgba(15, 35, 52, 0.08) !important;
    backdrop-filter: blur(16px) !important;
    pointer-events: auto !important;
  }

  .sidebar .brand,
  .sidebar-card,
  .sidebar .nav-panel {
    display: none !important;
  }

  .sidebar .nav {
    display: grid !important;
    grid-template-columns: minmax(0, 4fr) minmax(52px, 1fr) !important;
    gap: 4px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 52px !important;
    overflow: visible !important;
  }

  .sidebar .nav-rail {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  .sidebar .nav-module-button {
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 4px 2px !important;
    display: grid !important;
    grid-template-rows: 24px 16px !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-button[data-nav-module="finance"],
  .sidebar .nav-module-button[data-nav-module="settings"],
  .sidebar .nav-module-button[hidden] {
    display: none !important;
  }

  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    background: #edf8f6 !important;
    color: #0f766e !important;
  }

  .sidebar .nav-glyph,
  .sidebar .nav-glyph svg {
    width: 22px !important;
    height: 22px !important;
  }

  .sidebar .nav-glyph svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
  }

  .sidebar .nav-module-label {
    color: inherit !important;
    font-size: 0.66rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .sidebar .nav-module-hint {
    display: none !important;
  }

  .mobile-nav-more {
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 4px 2px !important;
    display: grid !important;
    grid-template-rows: 24px 16px !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  .mobile-nav-more[aria-expanded="true"] {
    background: #edf8f6 !important;
    color: #0f766e !important;
  }

  .mobile-nav-more span {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  .mobile-nav-more strong {
    color: inherit !important;
    font-size: 0.66rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .mobile-nav-sheet {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: 72px !important;
    bottom: calc(74px + env(safe-area-inset-bottom)) !important;
    z-index: 88 !important;
    height: calc(100dvh - 156px - env(safe-area-inset-bottom)) !important;
    max-height: none !important;
    display: grid !important;
    align-content: start !important;
    gap: 12px !important;
    padding: 14px !important;
    overflow: auto !important;
    contain: layout paint !important;
    border: 1px solid #dbe6ee !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15, 35, 52, 0.16) !important;
  }

  .mobile-nav-sheet[hidden] {
    display: none !important;
  }

  .mobile-nav-module {
    display: grid !important;
    gap: 8px !important;
  }

  .mobile-nav-module h4 {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
  }

  .mobile-nav-module > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-nav-module a {
    min-height: 38px !important;
    padding: 9px 10px !important;
    display: grid !important;
    align-items: center !important;
    border: 1px solid #e5edf3 !important;
    border-radius: 10px !important;
    background: #f8fbfd !important;
    color: #344054 !important;
    text-decoration: none !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
  }

  .mobile-nav-module a.active {
    border-color: #cfe8e4 !important;
    background: #edf8f6 !important;
    color: #0f766e !important;
  }
}

/* 2026-06-29 CRM reference physical mobile tail lock: placed last so the native workbench stays calm. */
@media (max-width: 760px) {
  html,
  body,
  .app-shell,
  .workspace {
    background: #f6f7f8 !important;
    color: #121821 !important;
  }

  .workspace {
    padding: 12px 12px calc(88px + env(safe-area-inset-bottom)) !important;
  }

  .topbar,
  .panel,
  .summary-panel,
  .hero-panel,
  .process-card,
  .crm-lane,
  .customer-detail-card,
  .settings-card,
  .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics,
  .mobile-home-trace,
  .mobile-home-card[aria-label="转化漏斗"],
  .mobile-opportunity-feed article {
    border: 1px solid #d8e2e1 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.97) !important;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.045) !important;
  }

  .mobile-workbench-appbar {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid #e3ebe9 !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.04) !important;
    backdrop-filter: blur(16px) !important;
  }

  .mobile-workbench-appbar strong,
  .mobile-workbench-head strong,
  .mobile-home-card-head strong,
  .mobile-data-title strong,
  .panel h2,
  .summary-panel h2 {
    color: #121821 !important;
    font-weight: 880 !important;
    letter-spacing: 0 !important;
  }

  .mobile-workbench-marketbar {
    border: 1px solid rgba(22, 119, 255, 0.18) !important;
    border-radius: 0 0 18px 18px !important;
    background: linear-gradient(90deg, #0db7e9 0%, #1677ff 100%) !important;
    box-shadow: 0 14px 30px rgba(22, 119, 255, 0.16) !important;
  }

  .mobile-global-search {
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
  }

  .mobile-global-search strong {
    border-radius: 7px !important;
    background: #1677ff !important;
  }

  .mobile-home-focus {
    border: 1px solid rgba(22, 119, 255, 0.18) !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #0db7e9 0%, #1677ff 100%) !important;
    box-shadow: 0 10px 24px rgba(22, 119, 255, 0.14) !important;
  }

  .mobile-home-focus::after {
    display: none !important;
  }

  .mobile-home-focus strong,
  .mobile-home-focus span,
  .mobile-home-focus em {
    color: #ffffff !important;
  }

  .mobile-function-grid span,
  .mobile-opportunity-feed article span,
  .mobile-opportunity-feed article em {
    color: #667085 !important;
  }

  .mobile-home-focus a {
    border-color: rgba(255, 255, 255, 0.34) !important;
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
  }

  .mobile-opportunity-feed article a,
  .mobile-workbench-todo a {
    border-radius: 8px !important;
    color: #1677ff !important;
  }

  .mobile-function-grid {
    gap: 8px !important;
  }

  .mobile-function-grid a {
    min-height: 76px !important;
    border: 1px solid #d8e2e1 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-function-grid b,
  .mobile-function-grid a:nth-child(n) b {
    border-radius: 8px !important;
    background: #eaf3ff !important;
    color: #1677ff !important;
  }

  .sidebar,
  body[data-active-section="dashboard"] .sidebar {
    border-top: 1px solid #d8e2e1 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 -12px 28px rgba(17, 24, 39, 0.07) !important;
    backdrop-filter: blur(16px) !important;
  }

  .sidebar .nav-rail {
    gap: 4px !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
  }

  .sidebar .nav-module-button,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
  }

  .sidebar .nav-module-button.active {
    background: #eaf3ff !important;
    color: #0b5ed7 !important;
  }

  .sidebar .nav-glyph,
  .sidebar .nav-module-button.active .nav-glyph {
    background: transparent !important;
    color: inherit !important;
  }

  .sidebar .nav-module-label {
    color: inherit !important;
    font-weight: 820 !important;
  }

  .mobile-nav-more[aria-expanded="true"],
  .mobile-nav-module a.active {
    border-color: rgba(22, 119, 255, 0.18) !important;
    background: #eaf3ff !important;
    color: #0b5ed7 !important;
  }

  .mobile-nav-sheet {
    border-color: #d8e2e1 !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 44px rgba(17, 24, 39, 0.14) !important;
  }
}

/* 2026-07-03 mobile navigation click rescue final lock: physical EOF. */
@media (max-width: 980px) {
  .sidebar a,
  .sidebar button,
  .nav-module-button,
  .mobile-nav-more,
  .mobile-nav-sheet a {
    position: relative !important;
    z-index: 3 !important;
    pointer-events: auto !important;
    text-decoration: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .sidebar .nav-module-label,
  .mobile-nav-more strong,
  .mobile-nav-module a {
    display: block !important;
    overflow: hidden !important;
    max-width: 100% !important;
    color: inherit !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  .sidebar .nav-panel,
  .sidebar-card,
  .sidebar-fallback-nav {
    display: none !important;
  }

  .mobile-nav-sheet {
    z-index: 120 !important;
    pointer-events: auto !important;
  }

  .mobile-nav-sheet[hidden] {
    display: none !important;
  }
}

/* 2026-07-06 mobile topbar final hard hide: keep account-role controls out of WeCom phone first screen. */
@media (max-width: 980px) {
  .workspace > .topbar,
  body[data-nav-mode="focused"] .workspace > .topbar,
  body[data-active-section="dashboard"] .workspace > .topbar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }

  .workspace,
  body[data-nav-mode="focused"] .workspace {
    padding-top: 0 !important;
  }

  body[data-active-section="dashboard"] #dashboard.section.active {
    margin-top: 0 !important;
  }
}

/* 2026-07-07 mobile action desk true EOF lock: actions + today + key metrics only. */
@media (max-width: 760px) {
  .mobile-workbench-appbar,
  .mobile-workbench-marketbar,
  .mobile-home-hero,
  .mobile-opportunity-feed,
  .mobile-home-focus,
  .mobile-home-actions,
  .mobile-home-trace,
  .mobile-home-card[aria-label="今日工作"],
  .mobile-home-card[aria-label="转化漏斗"] {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions,
  .mobile-workbench-todo,
  .mobile-data-center,
  .mobile-home-metrics {
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-home .mobile-workbench-functions {
    margin: 0 !important;
    padding: 22px 18px 18px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-workbench-head,
  .mobile-data-tabs,
  .mobile-data-title span {
    display: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 10px !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a {
    min-height: 74px !important;
    display: grid !important;
    place-items: start center !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111827 !important;
    text-align: center !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a::after {
    content: none !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(n) b {
    width: 52px !important;
    height: 52px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 17px !important;
    color: rgba(255, 255, 255, 0.96) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 20px rgba(16, 35, 50, 0.12) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(1) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(5) b {
    background: linear-gradient(145deg, #36b7ff, #1476e8) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(2) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(4) b {
    background: linear-gradient(145deg, #35dbc5, #16b99d) !important;
  }

  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(3) b,
  .mobile-home .mobile-workbench-functions .mobile-function-grid a:nth-child(6) b {
    background: linear-gradient(145deg, #7edbff, #29aee8) !important;
  }

  .mobile-priority-panel {
    margin-top: 8px !important;
    padding: 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-priority-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  .mobile-priority-head span {
    display: block !important;
    color: #8a96a6 !important;
    font-size: 0.68rem !important;
    font-weight: 760 !important;
  }

  .mobile-priority-head strong {
    display: block !important;
    margin-top: 3px !important;
    color: #111827 !important;
    font-size: 1.04rem !important;
    font-weight: 920 !important;
  }

  .mobile-priority-head a {
    flex: 0 0 auto !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #f2f8ff !important;
    color: #1677ff !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    text-decoration: none !important;
  }

  .mobile-priority-list {
    margin-top: 12px !important;
    display: grid !important;
    gap: 8px !important;
  }

  .mobile-priority-list a {
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border: 1px solid #e5edf2 !important;
    border-radius: 14px !important;
    background: #fbfdff !important;
    color: #111827 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .mobile-priority-list b {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #35dbc5, #1677ff) !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
  }

  .mobile-priority-list strong,
  .mobile-priority-list span {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-priority-list strong {
    color: #111827 !important;
    font-size: 0.86rem !important;
    font-weight: 900 !important;
  }

  .mobile-priority-list span {
    margin-top: 3px !important;
    color: #8a96a6 !important;
    font-size: 0.68rem !important;
    font-weight: 680 !important;
  }

  .mobile-priority-list em {
    color: #1677ff !important;
    font-size: 0.7rem !important;
    font-style: normal !important;
    font-weight: 850 !important;
  }

  .mobile-workbench-todo {
    margin-top: 8px !important;
    padding: 18px 18px 16px !important;
  }

  .mobile-workbench-todo .mobile-task-periods {
    margin-top: 14px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mobile-workbench-todo .mobile-task-periods a:nth-child(n+4) {
    display: none !important;
  }

  .mobile-workbench-todo .mobile-task-expand-check:checked + .mobile-task-periods a {
    display: grid !important;
  }

  .mobile-data-center {
    margin-top: 8px !important;
    padding: 18px 18px 4px !important;
  }

  .mobile-home-metrics {
    margin-top: 0 !important;
    padding: 8px 18px 18px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  .mobile-home-metrics a {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}