/* Shared authenticated interface authority. Decorative artwork never owns action colors.
   Kept last in the shell so legacy section themes cannot split the workspace palette. */
body.meshline-os-v2 {
  --ui-canvas: #f6f8fa;
  --ui-surface: #ffffff;
  --ui-muted-surface: #eef2f5;
  --ui-ink: #23343b;
  --ui-muted: #53616a;
  --ui-line: #dbe3e7;
  --ui-action: #176778;
  --ui-action-hover: #125362;
  --ui-selected: #e7f2f3;
  --ui-radius: 12px;
  --ui-shadow: 0 2px 8px rgba(24, 44, 54, .04);
  --os-canvas: var(--ui-canvas);
  --os-panel: var(--ui-surface);
  --os-panel-strong: var(--ui-surface);
  --os-panel-muted: var(--ui-muted-surface);
  --os-ink: var(--ui-ink);
  --os-muted: var(--ui-muted);
  --os-line: var(--ui-line);
  --os-cyan: var(--ui-action);
  --os-cyan-soft: var(--ui-selected);
  background: var(--ui-canvas);
}
/* The :not ID deliberately outranks historical ID-scoped themes, without changing visibility. */
body.meshline-os-v2 .screen:not(#loginScreen) { color: var(--ui-ink); }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.workspace-shell,.workspace-main,.dashboard-layout,.agent-workspace-shell,.automation-workspace-shell,.workspace-content) {
  background: var(--ui-canvas) !important; color: var(--ui-ink) !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-main { gap: 16px !important; align-content: start; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-header {
  background: var(--ui-surface) !important; color: var(--ui-ink) !important;
  border-color: var(--ui-line) !important; box-shadow: none !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) :is(.workspace-route-chip,.workspace-utility-strip,.workspace-utility-pill,.workspace-command-bar,.workspace-header .secondary-button,.workspace-user-pill) {
  background: var(--ui-surface) !important; border-color: var(--ui-line) !important; color: var(--ui-ink) !important; box-shadow: none !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-utility-pill :is(span,small) { color: var(--ui-muted) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-utility-pill strong { color: var(--ui-ink) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-sidebar {
  background: #0d1727 !important; border-color: #243345 !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-nav-button { background: transparent !important; box-shadow: none !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-nav-button.active {
  background: #192d3c !important; border-color: #345465 !important; box-shadow: inset 3px 0 0 #68b7c3 !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-nav-icon { color: #acd5dc !important; background: #1b3444 !important; border-color: #365664 !important; box-shadow: none !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.workspace-panel,.view-panel,.mesh-os-home,.mesh-os-launchpad,.workspace-project-card,.agent-studio-module-card,.automation-setup-card,.automation-setup-guide,.webhook-studio,.webhook-card,.webhook-control-card,.signals-hero-shell,.signals-detail-card,.revenue-shell-head,.revenue-panel,.revenue-fit-card,.revenue-chart-card,.revenue-report-card,.revenue-glance-card,.revenue-lead-detail-panel,.revenue-lead-card,.revenue-board-card,.revenue-pipeline-drawer,.onboarding-builder-card,.onboarding-step-card,.builder-onboarding-callout) {
  background: var(--ui-surface) !important; border-color: var(--ui-line) !important;
  color: var(--ui-ink) !important; border-radius: var(--ui-radius) !important; box-shadow: var(--ui-shadow) !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-panel { padding: 20px !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.workspace-main,.agent-workspace-shell,.automation-workspace-shell) :is(h2,h3,h4,h5,.panel-head strong,.workspace-panel-head strong,.content-item-head strong,.mapping-meta strong,.detail-kpi strong) { color: var(--ui-ink) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.workspace-main,.agent-workspace-shell,.automation-workspace-shell) :is(.helper-text,.section-subtitle,.mapping-meta,.empty-state,.workspace-eyebrow) { color: var(--ui-muted) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.primary-button,.mesh-os-create-button),
body.meshline-os-v2 #agentScreen #agentStudioModuleCatalog .primary-button,
body.meshline-os-v2 #agentScreen #agentStudioCreateModuleButton,
body.meshline-os-v2 .json-modal .primary-button {
  background: var(--ui-action) !important; border-color: var(--ui-action) !important;
  color: #fff !important; box-shadow: none !important; border-radius: 10px !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) .primary-button:hover,
body.meshline-os-v2 .json-modal .primary-button:hover { background: var(--ui-action-hover) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.secondary-button,.project-action-btn),
body.meshline-os-v2 .json-modal .secondary-button {
  background: var(--ui-surface) !important; border-color: var(--ui-line) !important;
  color: var(--ui-ink) !important; border-radius: 10px !important; box-shadow: none !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) :is(.secondary-button,.project-action-btn):hover { background: var(--ui-muted-surface) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(button,input,select,textarea):focus-visible,
body.meshline-os-v2 .json-modal :is(button,input,select,textarea):focus-visible { outline: 2px solid var(--ui-action) !important; outline-offset: 3px; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
body.meshline-os-v2 .json-modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  background: var(--ui-surface) !important; border-color: var(--ui-line) !important;
  color: var(--ui-ink) !important; border-radius: 8px !important; box-shadow: none !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) :is(input,textarea)::placeholder { color: var(--ui-muted) !important; opacity: 1; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.agent-studio-mini-stat,.agent-studio-module-stats > div,.workspace-project-stats > div,.workspace-metric,.detail-kpi,.onboarding-builder-summary,.onboarding-builder-detail-grid > div,.workspace-home-action-strip > *,.workspace-command-row,.workspace-command-side-card,.workspace-home-spotlight,.workspace-home-approvals,.mesh-os-live-deck,.revenue-alert-card,.revenue-board-column,.revenue-timeline-entry,.revenue-ledger-entry,.revenue-campaign-card,.revenue-event-entry,.signals-glance-card) {
  background: var(--ui-muted-surface) !important; border-color: var(--ui-line) !important;
  color: var(--ui-ink) !important; border-radius: 10px !important; box-shadow: none !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) :is(.agent-studio-mini-stat,.agent-studio-module-stats,.workspace-metric,.detail-kpi,.workspace-command-side-card,.onboarding-builder-summary,.onboarding-builder-detail-grid,.workspace-home-action-strip,.workspace-home-spotlight,.workspace-home-approvals,.mesh-os-live-deck,.revenue-alert-card,.revenue-glance-card,.revenue-report-card) :is(strong,h3,h4) { color: var(--ui-ink) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.agent-studio-mini-stat,.agent-studio-module-stats,.workspace-metric,.detail-kpi,.workspace-command-side-card,.onboarding-builder-summary,.onboarding-builder-detail-grid,.workspace-home-action-strip,.workspace-home-spotlight,.workspace-home-approvals,.mesh-os-live-deck,.revenue-alert-card,.revenue-glance-card,.revenue-report-card) :is(p,span,small) { color: var(--ui-muted) !important; }
/* Selection is shared; warnings and destructive actions retain distinct meanings. */
body.meshline-os-v2 .screen:not(#loginScreen) :is(.revenue-module-tab,.onboarding-builder-tab,.automation-section-tab,.agent-studio-back-button,[data-workflow-view]) {
  background: var(--ui-surface) !important; border-color: var(--ui-line) !important; color: var(--ui-muted) !important; box-shadow: none !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) :is(.revenue-module-tab.active,.revenue-module-tab[aria-selected=true],.onboarding-builder-tab.active,.automation-section-tab.active,[data-workflow-view].active) {
  background: var(--ui-selected) !important; border-color: #91bdc6 !important; color: var(--ui-action) !important;
}
body.meshline-os-v2 .screen:not(#loginScreen) :is(.revenue-module-tab-copy,.onboarding-builder-tab) :is(strong,span,small) { color: inherit !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .pill:not(.warning):not(.success):not(.danger):not(.error):not(.live) { background: var(--ui-muted-surface) !important; color: var(--ui-muted) !important; border-color: var(--ui-line) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .pill.warning { color: #79561c !important; background: #fff5e4 !important; border-color: #e7d4ae !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.pill.success,.pill.live) { color: #216348 !important; background: #eaf5ef !important; border-color: #bbdbca !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.pill.danger,.pill.error,.secondary-button.danger) { color: #a33237 !important; background: #fff0f1 !important; border-color: #ecc6c9 !important; }
body.meshline-os-v2 .screen:not(#loginScreen) button:disabled { opacity: .55; cursor: not-allowed; }
/* Overview: same surfaces as the rest of the app, including its lower setup cards. */
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .mesh-os-home::after,
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .onboarding-flow-panel::after { display: none; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .mesh-os-hero-grid { gap: 24px !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .mesh-os-hero-copy h2 { font-size: clamp(1.8rem, 2.6vw, 2.8rem) !important; line-height: 1.12 !important; letter-spacing: -.035em; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) :is(.mesh-os-hero-copy > .helper-text,.mesh-os-flow-caption,.mesh-os-flow-node small,.mesh-os-flow-core small,.onboarding-builder-kicker,.onboarding-step-card p,.workspace-project-card-state,.workspace-project-copy p,.workspace-project-footer,.workspace-project-progress-head,.mesh-os-launch-card > p,.mesh-os-live-stages span) { color: var(--ui-muted) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) :is(.mesh-os-kicker,.mesh-os-environment,.mesh-os-time-badge,.mesh-os-live-stages span,.onboarding-builder-summary > span) { color: var(--ui-action) !important; background: var(--ui-selected) !important; border-color: var(--ui-line) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) :is(.mesh-os-flow-visual,.mesh-os-flow-node,.mesh-os-flow-core,.mesh-os-launch-card) { background: var(--ui-surface) !important; color: var(--ui-ink) !important; border-color: var(--ui-line) !important; box-shadow: var(--ui-shadow) !important; border-radius: var(--ui-radius) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) :is(.mesh-os-flow-node strong,.mesh-os-flow-core strong,.mesh-os-launch-card > strong,.workspace-project-copy > strong,.workspace-project-stats strong,.onboarding-step-card strong) { color: var(--ui-ink) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) :is(.mesh-os-flow-icon,.mesh-os-launch-graphic i,.onboarding-step-card > span) { background: var(--ui-selected) !important; color: var(--ui-action) !important; box-shadow: none !important; border-color: var(--ui-line) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) :is(.mesh-os-launch-number,.mesh-os-launch-action,.mesh-os-launch-action b,.workspace-project-copy small) { color: var(--ui-action) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .mesh-os-launch-card { min-height: 0 !important; padding: 16px !important; gap: 10px !important; transform: none !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .onboarding-flow-layout { align-items: start !important; }
body.meshline-os-v2 #dashboardScreen #firstPostOnboardingPanel { height: auto !important; min-height: 0 !important; align-content: start; }
body.meshline-os-v2 #dashboardScreen #firstPostOnboardingPanel .onboarding-flow-head { height: auto !important; min-height: 0 !important; grid-template-rows: none !important; grid-auto-rows: auto !important; align-content: start; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .onboarding-step-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; align-items: start; gap: 12px; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .onboarding-step-card { min-height: 0 !important; height: auto !important; padding: 16px !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .onboarding-step-card small { color: #79561c !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-card { min-height: 0 !important; padding: 20px !important; gap: 14px !important; transform: none !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-card.active { border-color: #91bdc6 !important; box-shadow: inset 0 0 0 1px #91bdc6 !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-stats > div { color: var(--ui-muted) !important; background: var(--ui-muted-surface) !important; border-color: var(--ui-line) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-flow :is(span,i) { color: var(--ui-muted) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-flow i { background: var(--ui-muted-surface) !important; border-color: var(--ui-line) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-flow .is-ready i { color: var(--ui-action) !important; background: var(--ui-selected) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-connection-row span { color: #79561c !important; background: #fff5e4 !important; border-color: #e7d4ae !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-connection-row .is-connected { color: #216348 !important; background: #eaf5ef !important; border-color: #bbdbca !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.workspace-project-progress,.mesh-os-live-progress-track,.marketing-run-progress-track) { background: var(--ui-muted-surface) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.workspace-project-progress > span,.mesh-os-live-progress-track > span,.marketing-run-progress-track > span) { background: var(--ui-action) !important; box-shadow: none !important; }
/* Content panels grow with their content, not the viewport or an adjacent empty column. */
body.meshline-os-v2 .screen:not(#loginScreen) :is(.view-panel,.revenue-tab-panel,.revenue-panel,.revenue-pipeline-shell,.agent-studio-shell) { height: auto !important; min-height: 0 !important; max-height: none !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.revenue-module-tabbar,.signals-filters,.automation-section-tabs) { background: var(--ui-muted-surface) !important; border-color: var(--ui-line) !important; box-shadow: none !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .signals-hero-shell { padding: 20px !important; }
/* Compact shared forms and section navigation remove extra nested frames. */
body.meshline-os-v2 .screen:not(#loginScreen) :is(.eyebrow,.revenue-eyebrow) { color: var(--ui-action) !important; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) .workspace-main .eyebrow { color: var(--ui-action) !important; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) .workspace-main .helper-text { color: var(--ui-muted) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-sidebar .eyebrow { color: #9bafbf !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(button,input,select,textarea) { font-family: inherit; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-main h3 { font-size: 1.125rem; line-height: 1.35; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-main h4 { font-size: 1rem; line-height: 1.4; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.info-card,.sidebar-card,.automation-setup-item,.automation-setup-glance-item,.signals-insight-card) { background: var(--ui-surface) !important; color: var(--ui-ink) !important; border-color: var(--ui-line) !important; border-radius: var(--ui-radius) !important; box-shadow: none !important; }
body.meshline-os-v2 :is(#dashboardScreen,#agentScreen,#automationScreen,#reportsScreen,#platformAdminScreen):not(#loginScreen) .input-card { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; color: var(--ui-muted) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .input-card > span { color: var(--ui-muted) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .nav-button { background: var(--ui-surface) !important; color: var(--ui-muted) !important; border: 1px solid var(--ui-line) !important; border-radius: 10px !important; box-shadow: none !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .nav-button.active { background: var(--ui-selected) !important; color: var(--ui-action) !important; border-color: #91bdc6 !important; }
/* Embedded histories and activity inherit the same light workspace materials. */
body.meshline-os-v2 .screen:not(#loginScreen) :is(.embedded-run-list,.embedded-run-line,.feed-list li) { background: var(--ui-muted-surface) !important; border-color: var(--ui-line) !important; color: var(--ui-ink) !important; box-shadow: none !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.embedded-empty-inline,.embedded-run-line span,.feed-list) { color: var(--ui-muted) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .embedded-run-line strong { color: var(--ui-ink) !important; }
body.meshline-os-v2 #automationScreen:not(#loginScreen) .automation-setup-shell { align-items: start !important; }
body.meshline-os-v2 #automationScreen:not(#loginScreen) .automation-setup-card { align-self: start !important; height: auto !important; min-height: 0 !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-main a:not(.primary-button):not(.secondary-button):not(.pill) { color: var(--ui-action) !important; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .mesh-os-signal-strip { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px; }
body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .mesh-os-flow-visual { min-height: 240px; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) .revenue-shell-head h4 { font-size: 1.5rem !important; line-height: 1.3 !important; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) .revenue-shell-head { min-height: 0 !important; padding: 20px !important; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) :is(.revenue-inline-note,.revenue-fit-head > div > span) { color: var(--ui-muted) !important; }
body.meshline-os-v2 #agentScreen.marketing-minimal-mode :is(#marketingHeroRunBtn,#agentQueueRunWorkflowBtn) { background: var(--ui-action) !important; border-color: var(--ui-action) !important; color: #fff !important; box-shadow: none !important; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) :is(.marketing-minimal-hero,.agent-queue-panel,.agent-review-panel,.marketing-published-panel,.agent-workflow-panel,.marketing-queue-empty,.marketing-review-empty,.marketing-published-empty) { background: var(--ui-surface) !important; border-color: var(--ui-line) !important; color: var(--ui-ink) !important; border-radius: var(--ui-radius) !important; box-shadow: var(--ui-shadow) !important; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) :is(.revenue-candidate-entry,.revenue-action-item,.revenue-stalled-item,.revenue-signal-item,.revenue-touch-chip,.revenue-journey-card,.revenue-journey-phase,.revenue-journey-event) { background: var(--ui-muted-surface) !important; border-color: var(--ui-line) !important; color: var(--ui-ink) !important; border-radius: 10px !important; box-shadow: none !important; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) :is(.revenue-candidate-entry,.revenue-action-item,.revenue-stalled-item,.revenue-signal-item,.revenue-touch-chip,.revenue-journey-card,.revenue-journey-phase,.revenue-journey-event) strong { color: var(--ui-ink) !important; }
body.meshline-os-v2 #agentScreen:not(#loginScreen) :is(.revenue-candidate-entry,.revenue-action-item,.revenue-stalled-item,.revenue-signal-item,.revenue-touch-chip,.revenue-journey-card,.revenue-journey-phase,.revenue-journey-event) :is(p,span,small) { color: var(--ui-muted) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) .workspace-embedded-grid { background: var(--ui-canvas) !important; }
body.meshline-os-v2 .screen:not(#loginScreen) :is(.workspace-aux-panel,.agent-workspace-panel) { min-height: 0 !important; height: auto !important; }
body.meshline-os-v2 #reportsScreen:not(#loginScreen) .view-panel.active { border: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; gap: 20px; }
body.meshline-os-v2 #reportsScreen:not(#loginScreen) #reportsFilterForm { align-items: end; gap: 12px; }
body.meshline-os-v2 #reportsScreen:not(#loginScreen) #reportsFilterForm .info-card { padding: 0 !important; border: 0 !important; background: transparent !important; min-height: 0 !important; height: auto !important; align-self: end; }
body.meshline-os-v2 #reportsScreen:not(#loginScreen) .report-range-presets { background: var(--ui-muted-surface) !important; border-color: var(--ui-line) !important; }
body.meshline-os-v2 #reportsScreen:not(#loginScreen) .report-range-presets button.active { color: var(--ui-action) !important; background: var(--ui-selected) !important; box-shadow: none !important; }
body.meshline-os-v2 .json-modal-content { background: var(--ui-surface) !important; color: var(--ui-ink) !important; border: 1px solid var(--ui-line) !important; border-radius: 16px !important; }
body.meshline-os-v2 .json-modal-content :is(h2,h3,h4,label,strong) { color: var(--ui-ink) !important; }
body.meshline-os-v2 .json-modal-content :is(p,.helper-text) { color: var(--ui-muted) !important; }
body.meshline-os-v2 .mobile-app-nav { background: var(--ui-surface) !important; border-color: var(--ui-line) !important; }
body.meshline-os-v2 .mobile-app-nav .mobile-app-nav__item.active { color: var(--ui-action) !important; background: var(--ui-selected) !important; border-color: #91bdc6 !important; }
body.meshline-os-v2 .mobile-app-nav .mobile-app-nav__item.active .mobile-app-nav__icon { color: var(--ui-action) !important; background: transparent !important; box-shadow: none !important; }
@media (max-width: 1180px) {
  /* Bottom-nav clearance belongs to the page, not every action group. Legacy
     104px margins duplicated that clearance and created large interior gaps. */
  body.meshline-os-v2 .screen:not(#loginScreen) :is(.onboarding-flow-actions,#reportsFilterForm,.agent-command-actions,.agent-queue-empty-actions,.marketing-minimal-hero-actions,.builder-tabs) { margin-bottom: 0 !important; transform: none !important; }
  /* Remove the Marketing outer intrinsic grid cycle; keep internal component grids
     and hidden states intact. Opening a project must not force unbounded reflow. */
  body.meshline-os-v2 #agentScreen:not(#loginScreen) .workspace-main { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; }
  body.meshline-os-v2 #agentScreen:not(#loginScreen) .workspace-main > :not(.hidden) { margin-bottom: 16px; }
  body.meshline-os-v2 .screen:not(#loginScreen) .workspace-panel { padding: 16px !important; }
  body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .onboarding-flow-layout { grid-template-columns: 1fr !important; }
}
@media (min-width: 1181px) {
  body.meshline-os-v2 #agentScreen:not(#loginScreen) #revenueGlanceStrip { grid-template-columns: repeat(7,minmax(0,1fr)) !important; gap: 10px; }
  body.meshline-os-v2 #agentScreen:not(#loginScreen) #revenueGlanceStrip .revenue-glance-card { padding: 12px !important; }
}
@media (max-width: 600px) {
  body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .mesh-os-signal-strip { grid-template-columns: 1fr !important; }
  body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .mesh-os-flow-visual { min-height: 390px; }
  body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .onboarding-step-grid { grid-template-columns: 1fr !important; }
  body.meshline-os-v2 .screen:not(#loginScreen) .workspace-panel { padding: 14px !important; }
  body.meshline-os-v2 #dashboardScreen:not(#loginScreen) .workspace-project-card { padding: 16px !important; }
}