/* Quiet precision: one material family, independent accents, no animated decoration. */
[data-visual="marketing"] { --ml-accent:24,151,169; --ml-action:#176778; }
[data-visual="revenue"] { --ml-accent:34,139,105; --ml-action:#216a53; }
[data-visual="operations"] { --ml-accent:120,96,196; --ml-action:#61489b; }
[data-visual="outcomes"] { --ml-accent:181,132,54; --ml-action:#865d1f; }
[data-visual="tht"] { --ml-accent:175,111,69; --ml-action:#88512f; }
[data-visual="ideoreto"] { --ml-accent:107,113,189; --ml-action:#56538a; }
.ml-card-art { position:relative; display:flex; align-items:center; justify-content:center; height:106px; margin:0; overflow:hidden; border:1px solid rgba(var(--ml-accent),.13); border-radius:12px; background:linear-gradient(125deg,rgba(var(--ml-accent),.03),rgba(var(--ml-accent),.11)); pointer-events:none; }
.ml-card-art img { display:block; width:120px; height:120px; flex:none; object-fit:contain; filter:drop-shadow(0 6px 7px rgba(24,34,48,.08)); }
.ml-generated-icon { position:relative; display:grid; place-items:center; width:100%; height:100%; min-width:0; }
.ml-generated-icon img { position:absolute; width:100%!important; height:100%!important; object-fit:contain; opacity:0; }
.ml-generated-icon[data-loaded="true"] img { opacity:1; }
.ml-generated-icon[data-loaded="true"] .ml-icon-fallback { visibility:hidden; }
.ml-icon-fallback { display:grid; place-items:center; width:100%; height:100%; visibility:visible; transition:none!important; }
.ml-icon-fallback svg { width:22px; height:22px; }
body.meshline-os-v2 .project-insight-icon:has(.ml-generated-icon),
body.meshline-os-v2 .workspace-project-avatar:has(.ml-generated-icon),
body.meshline-os-v2 .workspace-pinned-app-avatar:has(.ml-generated-icon) { background:rgba(var(--ml-accent,24,151,169),.08); border:1px solid rgba(var(--ml-accent,24,151,169),.18); box-shadow:none; padding:2px; }
body.meshline-os-v2 #agentScreen #agentStudioModuleCatalog .agent-studio-module-card { color:#23343b!important; background:#fff!important; margin:0!important; }
body.meshline-os-v2 #agentScreen #agentStudioModuleCatalog .agent-studio-module-card[data-visual] { background:linear-gradient(90deg,rgba(var(--ml-accent),.65),rgba(var(--ml-accent),.12)) top/100% 2px no-repeat,#fff!important; }
body.meshline-os-v2 #agentScreen #agentStudioModuleCatalog .pill.warning { color:#79561c!important; background:#fff5e4!important; border-color:#e7cfaa!important; }
body.meshline-os-v2 #agentScreen #agentStudioModuleCatalog .project-action-btn { color:#40545d!important; background:#f2f5f3!important; border-color:#d5ded9!important; }
body.meshline-os-v2 #agentScreen #agentStudioModuleCatalog .primary-button { color:#fff!important; background:var(--ml-action,#176778)!important; border-color:var(--ml-action,#176778)!important; }
body.meshline-os-v2 #agentScreen #agentStudioCreateModuleButton,
body.meshline-os-v2 #agentScreen .workspace-topbar .primary-button { color:#fff!important; background:#216a53!important; border-color:#216a53!important; }
body.meshline-os-v2 #dashboardScreen .workspace-project-card[data-visual] { background:linear-gradient(135deg,rgba(var(--ml-accent),.055),transparent 70%),#0c172b; border-color:rgba(var(--ml-accent),.2); }
body.meshline-os-v2 #dashboardScreen .workspace-project-card[data-visual].active { border-color:rgba(var(--ml-accent),.7); box-shadow:0 0 0 1px rgba(var(--ml-accent),.16); }
body.meshline-os-v2 #dashboardScreen .ml-card-art { height:76px; border-color:rgba(var(--ml-accent),.12); background:linear-gradient(125deg,rgba(var(--ml-accent),.045),rgba(var(--ml-accent),.13)); }
body.meshline-os-v2 #dashboardScreen .ml-card-art img { width:92px; height:92px; }
body.meshline-os-v2 #dashboardScreen .workspace-project-progress>span { background:linear-gradient(90deg,rgba(var(--ml-accent),.72),rgba(var(--ml-accent),1)); }
body.meshline-os-v2 #agentScreen .agent-studio-module-card[data-visual] .marketing-project-readiness-track>span { background:linear-gradient(90deg,rgba(var(--ml-accent),.6),rgba(var(--ml-accent),1))!important; }
.ml-section-art { float:right; display:grid; place-items:center; width:84px; height:84px; margin:0 0 8px 16px; border-radius:16px; background:rgba(var(--ml-accent),.07); pointer-events:none; }
.ml-section-art img { width:92px; height:92px; object-fit:contain; }
body.meshline-os-v2 .ml-section-copy { min-width:0; display:flow-root; }
body.meshline-os-v2.workflow-portfolio-list-view .agent-studio-module-card .ml-card-art,
body.meshline-os-v2.workflow-portfolio-table-view .agent-studio-module-card .ml-card-art { display:none; }
/* The legacy tablet range missed the light Operations/Outcomes layout shared by phone and desktop. */
@media(min-width:761px) and (max-width:1180px) {
  body.meshline-os-v2 #automationScreen .workspace-aux-panel,
  body.meshline-os-v2 #automationScreen .workspace-embedded-grid,
  body.meshline-os-v2 #automationScreen .view-panel,
  body.meshline-os-v2 #automationScreen .content,
  body.meshline-os-v2 #reportsScreen .workspace-aux-panel,
  body.meshline-os-v2 #reportsScreen .view-panel.active { min-width:0; color:#23343b!important; background:#f6f7f3!important; }
  body.meshline-os-v2 #automationScreen .workspace-embedded-grid { display:flex!important; flex-direction:column; gap:16px; }
  body.meshline-os-v2 #automationScreen .workspace-embedded-grid > .content { width:100%; max-width:100%; grid-template-columns:minmax(0,1fr)!important; }
  body.meshline-os-v2 #automationScreen .view-panel,
  body.meshline-os-v2 #automationScreen .webhook-control-panel { grid-template-columns:minmax(0,1fr)!important; }
  body.meshline-os-v2 #automationScreen .view-panel > * { min-width:0; max-width:100%; }
  body.meshline-os-v2 #automationScreen .workspace-embedded-grid > .sidebar { display:block; width:100%; position:static; }
  body.meshline-os-v2 #automationScreen .sidebar-card:not(:first-child) { display:none; }
  body.meshline-os-v2 #automationScreen .sidebar-card:first-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:10px; }
  body.meshline-os-v2 #automationScreen .sidebar-card:first-child > .panel-head,
  body.meshline-os-v2 #automationScreen .sidebar-card:first-child > .summary-list { display:none; }
  body.meshline-os-v2 #automationScreen .sidebar-card,
  body.meshline-os-v2 #automationScreen .automation-setup-card,
  body.meshline-os-v2 #automationScreen .webhook-inventory-shell,
  body.meshline-os-v2 #automationScreen .stack-item,
  body.meshline-os-v2 #reportsScreen .signals-hero-shell { background:#fff!important; color:#23343b!important; border-color:#d9ddd8!important; }
  body.meshline-os-v2 #automationScreen .automation-setup-shell { display:grid!important; grid-template-columns:minmax(0,1fr)!important; position:static; margin:16px 0; padding:0; background:transparent!important; }
  body.meshline-os-v2 #automationScreen .automation-setup-glance { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  body.meshline-os-v2 #automationScreen .automation-setup-item,
  body.meshline-os-v2 #automationScreen .automation-setup-glance-item { background:#f5f7f3!important; border-color:#d9ddd8!important; color:#23343b!important; }
  body.meshline-os-v2 #automationScreen .automation-setup-card :is(h4,p,strong,span),
  body.meshline-os-v2 #automationScreen .webhook-inventory-shell :is(h4,p,strong,span),
  body.meshline-os-v2 #reportsScreen .signals-hero-copy :is(h3,p),
  body.meshline-os-v2 #reportsScreen .panel-head :is(h3,p),
  body.meshline-os-v2 #reportsScreen .reports-toolbar { color:#23343b!important; }
  body.meshline-os-v2 #automationScreen #view-webhooks > .panel-head { position:static!important; display:flex; flex-wrap:wrap; gap:12px; }
}
@media(max-width:760px) {
  .ml-card-art { height:88px; }
  .ml-card-art img { width:104px; height:104px; }
  .ml-section-art { width:60px; height:60px; margin-left:10px; border-radius:12px; }
  .ml-section-art img { width:68px; height:68px; }
}
@media(prefers-reduced-motion:reduce) { .ml-card-art,.ml-generated-icon,.ml-section-art { animation:none!important; transition:none!important; } }
/* Follow-up review: light controls retain legibility; two flagship modules fill the portfolio. */
body.meshline-os-v2 #agentScreen .workspace-header .primary-button { color:#fff!important; background:#176778!important; border-color:#176778!important; }
body.meshline-os-v2 .workspace-header .workspace-user-pill { background:#fff!important; color:#23343b!important; border-color:#d5ded9!important; }
body.meshline-os-v2 .workspace-header .workspace-user-copy,
body.meshline-os-v2 .workspace-header .workspace-user-label { color:#23343b!important; }
body.meshline-os-v2 .workspace-header .workspace-user-copy small { color:#53616a!important; }
body.meshline-os-v2 #agentScreen #agentStudioModuleCatalog .agent-studio-module-summary-row span { color:#53616a!important; }
body.meshline-os-v2 #agentScreen [data-agent-studio-back-overview] .pill { background:#edf0fa!important; color:#56538a!important; border-color:#d8d9eb!important; box-shadow:none!important; }
body.meshline-os-v2 #agentScreen .agent-studio-catalog-panel--full { box-shadow:0 2px 8px rgba(24,34,48,.04)!important; }
body.meshline-os-v2 #agentScreen #agentStudioModuleCatalog .agent-studio-module-card { box-shadow:0 3px 10px rgba(24,34,48,.05)!important; }
body.meshline-os-v2 #automationScreen .view-panel,
body.meshline-os-v2 #reportsScreen .view-panel.active { height:auto!important; min-height:0!important; box-shadow:none!important; }
body.meshline-os-v2 #automationScreen .automation-setup-shell { align-items:start; box-shadow:none!important; }
body.meshline-os-v2 #automationScreen .automation-setup-card,
body.meshline-os-v2 #automationScreen .webhook-inventory-shell { box-shadow:0 3px 10px rgba(24,34,48,.04)!important; }
/* Legacy percentage card heights compressed report content below its panels. */
body.meshline-os-v2 #reportsScreen .view-panel.active { display:flex!important; flex-direction:column; align-items:stretch; overflow:visible; }
body.meshline-os-v2 #reportsScreen .view-panel.active > * { flex:none; }
body.meshline-os-v2 #reportsScreen .signals-hero-shell,
body.meshline-os-v2 #reportsScreen .signals-detail-card { height:auto!important; min-height:0!important; }
@media(max-width:720px) {
  body.meshline-os-v2 #reportsScreen .signals-hero-copy #reportHeroTitle { display:block!important; font-size:1rem; line-height:1.35; color:#23343b!important; }
  body.meshline-os-v2 #reportsScreen .signals-hero-copy #reportHeroSummary { display:block!important; font-size:.82rem; line-height:1.5; color:#53616a!important; }
}
@media(min-width:1181px) {
  body.meshline-os-v2:not(.workflow-portfolio-list-view):not(.workflow-portfolio-table-view) #agentStudioModuleCatalog:has(>.agent-studio-module-card:nth-child(2)):not(:has(>.agent-studio-module-card:nth-child(3))) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.meshline-os-v2 #reportsScreen #reportsFilterForm:has(#reportUserFilterCard:not(.hidden)) { grid-template-columns:repeat(3,minmax(0,1fr)) max-content; }
}