/* Versioned Surface tokens also cover tenant modules, without changing their behavior. */
html[data-cot-native]{--font-sans:Inter,"Segoe UI",Arial,sans-serif;--background:#f5f6f8;--foreground:#20232b;--card:#fff;--card-foreground:#20232b;--primary:#2c59dc;--primary-foreground:#fff;--muted:#eff2f7;--muted-foreground:#626975;--border:#dfe3eb;--radius:.75rem;--wb-bg:#f5f6f8;--wb-surface:#fff;--wb-ink:#20232b;--wb-muted:#626975;--wb-line:#dfe3eb;--wb-accent:#2c59dc}
html[data-cot-native] body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f5f6f8;color:#20232b;-webkit-font-smoothing:antialiased}
html[data-cot-native] button,html[data-cot-native] input,html[data-cot-native] textarea,html[data-cot-native] select{font-family:inherit}
html[data-cot-native] h1{font-size:27px;letter-spacing:-.8px;font-weight:550}
html[data-cot-native] h2{letter-spacing:-.3px}
html[data-cot-embedded] .workbench-topbar{display:none!important}
html[data-cot-embedded] .studio{height:100dvh;min-height:100dvh}
html[data-cot-embedded] .topbar{display:none!important}
html[data-cot-embedded] .app-shell{min-height:100dvh}
html[data-cot-embedded] .app-main{min-height:100dvh}
html[data-cot-native] .workbench-main-canvas,html[data-cot-native] .content{background:#f5f6f8}
html[data-cot-native] .panel,html[data-cot-native] .card,html[data-cot-native] .section-card{border-radius:12px;box-shadow:0 2px 8px #20294504}
html[data-cot-native] a,html[data-cot-native] button{scroll-margin:30px}
html[data-cot-native] :focus-visible{outline:3px solid #2c59dc;outline-offset:3px}
/* Native modules retain their own layout; map their real tokens into Surface. */
html[data-cot-tenant="blaveling"]{--ui-sidebar:#eff2f7;--ui-sidebar-hover:#e6ebf5;--ui-sidebar-active:#e7edff;--ui-canvas:#f5f6f8;--ui-surface:#fff;--ui-ink:#20232b;--ui-muted:#626975;--ui-line:#dfe3eb;--ui-line-soft:#e9ecf2;--ui-blue:#2c59dc;--ui-blue-hover:#234ab8;--ui-blue-soft:#eaf0ff;--ui-radius:8px;--ink:var(--ui-ink);--text:var(--ui-ink);--muted:var(--ui-muted);--border:var(--ui-line);--line:var(--ui-line-soft);--surface:var(--ui-surface);--canvas:var(--ui-canvas);--radius:var(--ui-radius)}
html[data-cot-tenant="blaveling"][data-cot-embedded]{--nav-width:0px}
html[data-cot-tenant="blaveling"] .workbench-utility-bar,html[data-cot-tenant="blaveling"] .workbench-copilot-rail{background:var(--ui-surface)}

html[data-cot-read-only] .assistant-composer::before{content:"Supervisión · solo lectura";display:block;font-size:11px;color:#626975;padding:8px}
html[data-cot-native] .cerebro-messages,html[data-cot-native] .cerebro-composer-wrapper{max-width:560px;margin-left:auto;margin-right:auto;width:100%}