/* 2026-10-18: presentation only. No visibility, order, route, DOM or interaction
   overrides. Existing hidden/open/disabled states and mobile navigation own
   their behavior. Keep the proven shell dimensions and first-paint offsets. */
body.business-layout-unified {
  --bv-bg: #f3f5f8;
  --bv-panel: #fff;
  --bv-line: #e1e6ed;
  --bv-line-strong: #c6d1df;
  --bv-text: #202d3d;
  --bv-muted: #62748a;
  --bv-blue: #245bc4;
  --bv-blue-soft: #eaf2fc;
  --bv-shadow: none;
  --opc-brand: #245bc4;
  --opc-brand-dark: #1c489d;
  --opc-line: #e1e6ed;
  --opc-radius-lg: 5px;
  --opc-radius-md: 4px;
  --vnext-blue: #245bc4;
  --vnext-line: #e1e6ed;
  --reg-bg: #f3f5f8;
  --reg-blue: #245bc4;
  --reg-blue-soft: #eaf2fc;
  --reg-line: #e1e6ed;
  --reg-ink: #202d3d;
  --reg-muted: #62748a;
  background: #f3f5f8;
  color: #202d3d;
  font-family: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

/* Light slate-blue rail, including startup skeleton. Geometry is unchanged. */
body.business-layout-unified.vnext-portal .vnext-sidebar,
.workspace-js body.business-layout-unified[data-workspace-boot] .workspace-boot-rail {
  background: #e5edf5 !important;
  border-right-color: #d5e0ec !important;
  scrollbar-color: #9fb4cb #e5edf5;
}
.workspace-js body.business-layout-unified[data-workspace-boot] .workspace-boot-rail i { background: #d1deed; }
body.business-layout-unified .vnext-sidebar :is(.vnext-side-link, .vnext-sub-link, .vnext-side-expander) {
  color: #34465c !important;
  background: transparent !important;
  border-radius: 4px;
  box-shadow: none !important;
}
body.business-layout-unified .vnext-sidebar :is(.vnext-side-link, .vnext-sub-link):hover,
body.business-layout-unified .vnext-sidebar .vnext-side-expander:hover {
  background: #dce9f8 !important;
  color: #244b7b !important;
}
body.business-layout-unified .vnext-sidebar :is(.vnext-side-link, .vnext-sub-link).is-active {
  background: #d6e7fc !important;
  color: #245bc4 !important;
  box-shadow: inset 3px 0 #245bc4 !important;
}
body.business-layout-unified.vnext-portal .vnext-sidebar :is(.vnext-side-link, .vnext-nav-group-row) {
  min-height: 42px;
}
body.business-layout-unified.vnext-portal .vnext-sidebar .vnext-side-link { font-size: 14px; font-weight: 600; }
body.business-layout-unified.vnext-portal .vnext-sidebar .vnext-sub-link {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 13px;
  font-weight: 400;
}
body.business-layout-unified.vnext-portal .vnext-sidebar .vnext-sub-link.is-active { font-weight: 600; }
body.business-layout-unified .vnext-sidebar :is(.vnext-subnav, .vnext-sidebar-footer) { border-color: #d2deeb; }
body.business-layout-unified .vnext-sidebar :is(.vnext-sidebar-title, .vnext-sidebar-footer) { color: #5c718a; }
body.business-layout-unified .vnext-sidebar :is(a, button):focus-visible { outline: 2px solid #245bc4; outline-offset: -2px; }

/* Header: preserve every search/account/growth action, remove extra frames. */
body.business-layout-unified .opc-topbar { border-bottom-color: #e1e6ed; box-shadow: none; }
body.business-layout-unified .opc-topbar .opc-topbar-right {
  padding: 0 !important;
  border-color: transparent;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
}
body.business-layout-unified .opc-topbar .vnext-global-search { border-color: #ccd8e7; border-radius: 4px; box-shadow: none; }
body.business-layout-unified .opc-topbar .vnext-global-search :is(input, button) { font-size: 13px; }
body.business-layout-unified .opc-topbar .vnext-search-submit { color: #245bc4; background: #f8fafc; border-left-color: #e1e6ed; }
body.business-layout-unified .opc-topbar .opc-account-avatar { background: #245bc4 !important; box-shadow: none; }
body.business-layout-unified .opc-account-menu > summary { border-radius: 4px !important; }
body.business-layout-unified .opc-account-menu > summary:hover { box-shadow: none !important; }

/* Consistent page/section hierarchy, without hiding or renaming headings. */
body.business-layout-unified :is(.bv-page-head, .opc-pagehead, .df-head) { margin-bottom: 20px; gap: 16px; }
body.business-layout-unified :is(.bv-page-head, .opc-pagehead, .df-head, .reg-heading, .formal-demand-inline-head) h1 {
  color: #202d3d;
  font-size: 24px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: 0;
}
body.business-layout-unified :is(.bv-panel, .opc-panel, .opc-card, .df-card, .df-panel, .reg-form-panel, .reg-summary, .reg-stepper, .guest-entry-card) {
  border-color: #e1e6ed;
  border-radius: 5px;
  box-shadow: none;
}
body.business-layout-unified :is(.bv-panel-head, .opc-panel-head) {
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: transparent;
  border-bottom-color: #e3e8ee;
}
body.business-layout-unified :is(.bv-panel-head, .opc-panel-head) :is(h2, h3),
body.business-layout-unified .opc-panel > h2 { font-size: 16px; font-weight: 600; }

/* Explicit button classes only: never resize icon controls, checkboxes, upload
   hit targets, diagram tools or third-party structure editors. */
body.business-layout-unified :is(.bv-btn, .opc-btn) {
  min-height: 36px;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  box-shadow: none;
}
body.business-layout-unified .bv-btn.is-primary,
body.business-layout-unified .opc-btn-primary { background: #245bc4; border-color: #245bc4; color: #fff; }
body.business-layout-unified .bv-btn.is-primary:not(:disabled):hover,
body.business-layout-unified .opc-btn-primary:not(:disabled):hover { background: #1c489d; border-color: #1c489d; }
body.business-layout-unified .bv-head-actions { gap: 8px; }
body.business-layout-unified :is(.bv-btn, .opc-btn):focus-visible { outline: 2px solid #245bc4; outline-offset: 2px; }
body.business-layout-unified :is(.bv-btn, .opc-btn):disabled,
body.business-layout-unified :is(.bv-btn, .opc-btn)[aria-disabled="true"] {
  background: #eef1f5;
  border-color: #d1d9e3;
  color: #657386;
  opacity: .72;
  cursor: not-allowed;
}
body.business-layout-unified :is(.bv-link, .opc-link) { font-size: 13px; font-weight: 500; }

/* Toolbars and data tables retain their DOM, filtering, columns and actions. */
body.business-layout-unified :is(.bv-demand-filters, .bv-order-filters, .opc-filters) {
  gap: 10px;
  border: 0;
  border-bottom: 1px solid #e3e8ee;
  border-radius: 0;
  background: #fff;
}
body.business-layout-unified :is(.bv-demand-filters, .bv-order-filters, .opc-filters) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select) {
  min-height: 36px;
  height: 36px;
  border-color: #c6d1df;
  border-radius: 4px;
  font-size: 13px;
  color: #202d3d;
}
body.business-layout-unified :is(.bv-table-head, .opc-table thead) { background: #eaf1f8; color: #4e637c; }
body.business-layout-unified .bv-table-head { min-height: 42px; font-size: 13px; }
body.business-layout-unified .bv-table-row { min-height: 64px; border-bottom-color: #e4e9ef; }
body.business-layout-unified .bv-table-row strong { font-size: 14px; font-weight: 600; }
body.business-layout-unified .opc-table th { background: #eaf1f8; font-size: 13px; font-weight: 600; }
body.business-layout-unified .opc-table td { font-size: 13px; line-height: 1.55; }
body.business-layout-unified .opc-table :is(th, td) { border-color: #e4e9ef; }
body.business-layout-unified :is(.bv-table-row, .opc-table tbody tr):hover { background: #f1f6fd; }
body.business-layout-unified :is(.bv-pagination, .opc-pagination) { gap: 8px; color: #62748a; font-size: 13px; }
body.business-layout-unified .bv-tabs { gap: 24px; min-height: 48px; padding: 0 20px; }
body.business-layout-unified .bv-tabs button { font-size: 14px; font-weight: 500; }
body.business-layout-unified .bv-tabs button.is-active::after { height: 2px; }

/* Task page keeps the original response panel and ALL three scope tabs. */
body.business-layout-unified[data-vnext-module="opportunities"] .opportunity-tabs {
  width: auto;
  gap: 20px;
  padding: 0;
  margin: 0 0 16px;
  border: 0;
  border-bottom: 1px solid #e1e6ed;
  border-radius: 0;
  background: transparent;
}
body.business-layout-unified[data-vnext-module="opportunities"] .opportunity-tab {
  min-height: 42px;
  padding: 8px 4px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #62748a;
  font-size: 14px;
  font-weight: 500;
}
body.business-layout-unified[data-vnext-module="opportunities"] .opportunity-tab[aria-selected="true"] {
  border-bottom-color: #245bc4;
  color: #245bc4;
  background: transparent;
  box-shadow: none;
  font-weight: 600;
}
body.business-layout-unified[data-vnext-module="opportunities"] .opportunity-tab-count { background: #eaf2fc; color: #245bc4; font-size: 12px; }
body.business-layout-unified[data-vnext-module="opportunities"] .opc-filters { padding: 12px 0; margin-bottom: 0; }
body.business-layout-unified[data-vnext-module="opportunities"] #leadZone .opc-table-wrap { border-radius: 0; border-left: 0; border-right: 0; }
body.business-layout-unified[data-vnext-module="opportunities"] #leadZone .opc-table :is(th, td) { padding: 12px 10px; }
body.business-layout-unified[data-vnext-module="opportunities"] #leadZone .opc-table .opc-btn { min-height: 32px; padding: 5px 10px; }
body.business-layout-unified[data-vnext-module="opportunities"] #respondForm .opc-field { margin-bottom: 16px; }
body.business-layout-unified[data-vnext-module="opportunities"] #respondForm textarea { min-height: 128px; }

/* Regular form rhythm; required/invalid/consent and readonly states stay owned
   by their original markup. Textareas keep native resizing and file controls. */
body.business-layout-unified :is(.bv-field, .opc-field, .reg-field) > :is(label, span) { font-size: 13px; }
body.business-layout-unified :is(.bv-field, .opc-field, .reg-field) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]), select, textarea) {
  border-color: #c6d1df;
  border-radius: 4px;
  color: #202d3d;
  font-size: 14px;
}
body.business-layout-unified :is(.bv-field, .opc-field, .reg-field) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select):not([type="hidden"]) { min-height: 38px; }
body.business-layout-unified :is(.bv-field, .opc-field, .reg-field) :is(input, select, textarea):focus-visible {
  outline: 2px solid #245bc4;
  outline-offset: 1px;
  border-color: #245bc4;
  box-shadow: none;
}
body.business-layout-unified :is(.bv-field, .opc-field, .reg-field) [aria-invalid="true"] { border-color: #b63737; }
body.business-layout-unified :is(.bv-form-section h3, .reg-section-head h2) { font-size: 16px; }
body.business-layout-unified :is(.bv-weight-pricing, .bv-price-row, .bv-structure-supplement, .bv-spectrum-upload) { border-radius: 4px; box-shadow: none; }
body.business-layout-unified .bv-drawer-body h2 { font-size: 24px; line-height: 1.4; }
body.business-layout-unified .reg-heading { background: transparent; }
body.business-layout-unified .bv-metric-icon { width: 34px; height: 34px; border-radius: 5px; }
body.business-layout-unified .bv-metric strong { font-size: 26px; }
body.business-layout-unified .bv-metric { min-height: 94px; }

/* Management uses the same materials, not new business controls. */
body.business-layout-unified :is(.management-card, .management-kpi, .self-metric, .self-workspace, .acquisition-card, .growth-overview-card) {
  border-color: #e1e6ed;
  border-radius: 5px;
  box-shadow: none;
}
body.business-layout-unified .management-kpi[href]:hover { transform: none; }
body.business-layout-unified .management-kpi-icon { border-radius: 5px; }
body.business-layout-unified :is(.management-review-tabs, .self-tabs, .management-trade-tabs) { border-radius: 4px; box-shadow: none; }
body.business-layout-unified :is(.management-review-tabs, .self-tabs, .management-trade-tabs) button { border-radius: 3px; font-size: 13px; }
body.business-layout-unified :is(.management-review-filters, .management-trade-filters, .self-filters) :is(input, select) { border-color: #c6d1df; border-radius: 4px; }
body.business-layout-unified :is(.self-metric strong, .management-kpi strong) { font-size: 26px; }

/* Public content keeps its own page structure and lighter navigation. Do not
   restyle the homepage illustration, molecule structure widgets or rich text. */
body.eco-page { --eco-blue: #245bc4; background: #f3f5f8; color: #202d3d; }
body.eco-page :is(.eco-hero, .eco-main-panel, .eco-post, .eco-publish, .eco-moderation, .eco-channels button) { border-radius: 5px; box-shadow: none; border-color: #e1e6ed; }
body.eco-page .eco-hero { background: #eaf2fa; min-height: 132px; }
body.eco-page .eco-hero h1 { font-size: 28px; }
body.eco-page .eco-channels button { min-height: 72px; }
body.eco-page .eco-toolbar { border-radius: 4px; background: #f8fafc; }
body.eco-page :is(.eco-button, .eco-search input, .eco-toolbar select, .eco-field input, .eco-field select, .eco-field textarea) { border-radius: 4px; }
body.eco-page .eco-post { padding: 18px 20px; }
body.eco-page .eco-post:hover { box-shadow: none; }
body.ms-page :is(.ms-results-panel, .ms-filters, .ms-card, .ms-detail-main, .ms-offer-card) { border-radius: 5px; box-shadow: none; }
body.ms-page :is(.ms-heading h1, .ms-detail-head h1) { font-size: 28px; }
body:has(> .community-unified-header) {
  --blue: #245bc4;
  --blue-dark: #1c489d;
  --ink: #202d3d;
  --muted: #62748a;
  --line: #e1e6ed;
  --bg: #f3f5f8;
  --shadow: none;
}
body:has(> .community-unified-header) :is(.question-board, .publish-panel, .account-card, .workbench-panel, .ledger-panel, .notification-panel, .detail-main, .detail-side-card, .summary-card) { border-radius: 5px; box-shadow: none; }
body:has(> .community-unified-header) :is(.community-hero, .personal-hero, .profile-hero) { background: #eaf2fa; border-radius: 5px; box-shadow: none; }
body:has(> .community-unified-header) :is(.community-hero, .personal-hero, .profile-hero) h1 { font-size: 28px; line-height: 1.4; }
body:has(> .community-unified-header) :is(.section-head, .panel-head, .publish-panel) h2 { font-size: 20px; }
body:has(> .community-unified-header) :is(.filter-tabs, .personal-tabs, .ledger-tabs, .question-tools) :is(button, input, select) { border-radius: 4px; }
body:has(> .community-unified-header) .question-row { border-radius: 0; }
body:has(> .community-unified-header) .question-body h3 { font-size: 16px; }
body.platform-information-body .platform-information-card { border-radius: 5px; box-shadow: none; }

/* Keep the original desktop columns, panel positions, breakpoints and source
   order. Mobile receives larger touch targets, never desktop-only clipping. */
@media (min-width: 901px) {
  body.business-layout-unified :is(.bv-demand-filters, .bv-order-filters) { padding: 14px 20px; }
  body.business-layout-unified[data-vnext-module="opportunities"] .opc-filters .opc-field { margin-bottom: 0; }
  body.business-layout-unified[data-vnext-module="opportunities"] .opc-filters label { margin-bottom: 5px; }
}
@media (max-width: 900px) {
  body.business-layout-unified :is(.bv-btn, .opc-btn) { min-height: 40px; }
  body.business-layout-unified :is(.bv-page-head, .opc-pagehead, .df-head) h1 { font-size: 22px; }
  body.business-layout-unified :is(.bv-tabs, .opportunity-tabs) { gap: 14px; }
  body.business-layout-unified[data-vnext-module="opportunities"] .opportunity-tab { min-height: 44px; font-size: 13px; }
  body.business-layout-unified[data-vnext-module="opportunities"] .opportunity-tabs { gap: 12px; }
  body.business-layout-unified :is(.bv-demand-filters, .bv-order-filters, .opc-filters) :is(input, select) { min-height: 40px; height: 40px; }
  body.eco-page .eco-hero { min-height: 112px; padding: 20px; }
  body.eco-page .eco-post { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body.business-layout-unified .vnext-sidebar :is(a, button),
  body.eco-page .eco-post { transition: none; }
}