.cloud-mapping-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:end; gap:12px; padding:12px 0; border-bottom:1px solid rgba(132,158,202,.2); }
/* These light intake cards must not inherit the legacy dark-theme text tokens. */
body.meshline-os-v2 #automationScreen .webhook-studio h4 { color:#23343b!important; }
body.meshline-os-v2 #copyGeneratedEndpointBtn { color:#28463b!important; background:#f3f6f4; border-color:#cad4cf; }
.cloud-mapping-row label { display:flex; flex-direction:column; gap:6px; min-width:0; }
body.meshline-os-v2 #webhookMappings { min-width:0; align-content:start; }
body.meshline-os-v2 #webhookMappings .mapping-row { grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr); align-self:start; gap:8px; padding:12px; min-width:0; background:#f5f7f5; border-color:#d4ded8; }
body.meshline-os-v2 #webhookMappings .mapping-row > div { min-width:0; overflow-wrap:anywhere; }
body.meshline-os-v2 #webhookMappings .mapping-meta { color:#536571; }
body.meshline-os-v2 #webhookMappings .confidence { grid-column:1/-1; justify-self:start; color:#2c614d; background:#e2eee8; }
.cloud-mapping-row input { width:100%; min-width:0; padding:12px; border:1px solid rgba(132,158,202,.35); border-radius:12px; color:inherit; background:rgba(10,20,40,.5); }
.cloud-action-feedback { position:fixed; bottom:90px; right:24px; max-width:min(520px,calc(100vw - 32px)); padding:16px 20px; background:#192640; border:1px solid #f2bd78; border-radius:16px; box-shadow:0 12px 40px #0008; color:#fff; z-index:15000; }
.cloud-runtime-note { border-left:3px solid #56c3d5; padding:10px 14px; margin:12px 0; color:#b8c8de; line-height:1.6; }
:focus-visible { outline:3px solid #68d5e5; outline-offset:3px; }
.cloud-capability-disabled:disabled { cursor:not-allowed!important; opacity:.52!important; filter:grayscale(.35); box-shadow:none!important; }
@media(max-width:600px) { .cloud-mapping-row { grid-template-columns:1fr; } .cloud-mapping-row button { justify-self:start; } .cloud-action-feedback { right:16px; bottom:88px; } }
@media(prefers-reduced-motion:reduce) { .json-modal,.cloud-action-feedback { animation:none!important; transition:none!important; } }
/* Tablet navigation must remain available when the sidebar is hidden. */
@media(min-width:761px) and (max-width:1180px) {
  body.meshline-os-v2:not([data-active-screen="loginScreen"]):not(:has(.json-modal:not(.hidden))) .mobile-app-nav { display:flex!important; position:fixed; left:12px; right:12px; bottom:8px; z-index:80; padding:8px; border:1px solid #cfd4d0; border-radius:16px; background:#fafbf9; box-shadow:0 12px 36px #18222f30; }
  body.meshline-os-v2 .mobile-app-nav__item { flex:1; display:grid; justify-items:center; gap:4px; min-height:52px; background:transparent; color:#526069; }
  body.meshline-os-v2 .mobile-app-nav__icon { width:22px; height:22px; }
  body.meshline-os-v2 .workspace-main { padding-bottom:104px!important; }
}
body.meshline-os-v2 #dashboardScreen .workspace-utility-strip { background:#111d34!important; border-color:#2a3c59!important; }
body.meshline-os-v2 #dashboardScreen .workspace-utility-pill { background:#17263e!important; color:#e9f1ff!important; }
body.meshline-os-v2 #dashboardScreen .workspace-utility-pill span { color:#a8bbd7!important; }
body.meshline-os-v2 #dashboardScreen .workspace-utility-pill strong { color:#f4f8ff!important; }
@media(min-width:1181px) { body.meshline-os-v2 #dashboardScreen .workspace-shell { grid-template-columns:var(--desktop-rail) minmax(0,1fr); } }
@media(max-width:1180px) {
  /* One vertical scroll owner: legacy fixed-height nested Revenue grids clip input controls. */
  body.meshline-os-v2[data-active-screen="agentScreen"] { height:auto!important; overflow-y:auto!important; }
  body.meshline-os-v2 #agentScreen.active,
  body.meshline-os-v2 #agentScreen .workspace-shell,
  body.meshline-os-v2 #agentScreen .workspace-main,
  body.meshline-os-v2 #agentScreen .agent-workspace-panel,
  body.meshline-os-v2 #agentScreen .agent-workspace-shell.revenue-layout-compact,
  body.meshline-os-v2 #agentScreen .agent-center-stage,
  body.meshline-os-v2 #agentScreen #revenueWorkspaceShell,
  body.meshline-os-v2 #agentScreen .revenue-tab-panel,
  body.meshline-os-v2 #agentScreen .revenue-pipeline-shell { height:auto!important; min-height:0!important; max-height:none!important; overflow-y:visible!important; }
  body.meshline-os-v2 #agentScreen #revenueWorkspaceShell { grid-template-rows:auto auto auto!important; }
  body.meshline-os-v2 #agentScreen .agent-workspace-shell.revenue-layout-compact,
  body.meshline-os-v2 #agentScreen #revenueWorkspaceShell,
  body.meshline-os-v2 #agentScreen .revenue-tab-panel,
  body.meshline-os-v2 #agentScreen .revenue-pipeline-shell,
  body.meshline-os-v2 #agentScreen .revenue-panel { display:block; }
  body.meshline-os-v2 #agentScreen .revenue-panel > *,
  body.meshline-os-v2 #agentScreen .revenue-tab-panel > * { margin-bottom:16px; }
  body.meshline-os-v2 #agentScreen .revenue-shell-head { grid-template-columns:1fr!important; background:#f3f6f4!important; color:#21333b!important; padding:18px!important; gap:14px; }
  body.meshline-os-v2 #agentScreen .revenue-shell-head h4 { color:#21333b!important; font-size:1.5rem; overflow-wrap:anywhere; }
  body.meshline-os-v2 #agentScreen .revenue-shell-alerts { grid-template-columns:1fr!important; }
  body.meshline-os-v2 #agentScreen .revenue-alert-card { min-height:0; background:#e9f4ef!important; color:#34594b!important; padding:12px; }
  body.meshline-os-v2 #agentScreen .revenue-alert-card strong,
  body.meshline-os-v2 #agentScreen .revenue-alert-card span { color:#34594b!important; }
  body.meshline-os-v2 #agentScreen .revenue-shell-head .hero-badges { justify-content:flex-start; flex-wrap:wrap; }
  body.meshline-os-v2 #agentScreen .revenue-module-tabbar { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; width:100%!important; overflow:visible!important; gap:8px; padding:8px; border-radius:16px; }
  body.meshline-os-v2 #agentScreen .revenue-module-tab { min-width:0!important; width:100%!important; }
  body.meshline-os-v2 #agentScreen .revenue-module-tab-copy small { display:none; }
  body.meshline-os-v2 #agentScreen .agent-studio-setting-row,
  body.meshline-os-v2 #agentScreen .agent-studio-module-card { background:#fff!important; border:1px solid #d5dcd8!important; color:#21333b!important; }
  body.meshline-os-v2 #agentScreen .agent-studio-setting-row strong,
  body.meshline-os-v2 #agentScreen .agent-studio-module-copy strong,
  body.meshline-os-v2 #agentScreen .agent-studio-module-stat strong,
  body.meshline-os-v2 #agentScreen .agent-studio-module-status strong { color:#21333b!important; }
  body.meshline-os-v2 #agentScreen .agent-studio-setting-row p,
  body.meshline-os-v2 #agentScreen .agent-studio-module-copy p,
  body.meshline-os-v2 #agentScreen .agent-studio-module-stat span,
  body.meshline-os-v2 #agentScreen .agent-studio-module-status span,
  body.meshline-os-v2 #agentScreen .agent-studio-module-summary-row { color:#586a74!important; }
  body.meshline-os-v2 #agentScreen .agent-studio-module-stat { background:#f3f6f4!important; border-color:#d5dcd8!important; }
  body.meshline-os-v2 #agentScreen .agent-studio-module-foot { display:grid!important; grid-template-columns:1fr!important; gap:12px!important; }
  body.meshline-os-v2 #agentScreen .marketing-project-card-actions { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:8px; }
  body.meshline-os-v2 #agentScreen .agent-studio-module-status strong { white-space:normal!important; overflow-wrap:anywhere; }
}
@media(max-width:600px) { body.meshline-os-v2 #agentScreen .revenue-module-tabbar { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:760px) {
  body.meshline-os-v2 #automationScreen .webhook-studio .studio-column:nth-child(2),
  body.meshline-os-v2 #automationScreen .webhook-studio .studio-column:nth-child(3) { display:grid!important; min-width:0; }
  body.meshline-os-v2 #automationScreen #transformedOutput { white-space:pre-wrap; overflow-wrap:anywhere; }
}