:root{
 --bg:#f5f6f8;--paper:#ffffff;--ink:#111318;--muted:#697386;--line:#e7e9ee;
 --sidebar:#0b0d12;--sidebar-2:#121722;--sidebar-text:#d7dce5;--sidebar-muted:#7d8798;
 --accent:#16b8d4;--accent-soft:rgba(22,184,212,.11);--amber:#b7791f;--red:#d84a63;
 --shadow-1:0 1px 2px rgba(16,24,40,.04),0 2px 8px rgba(16,24,40,.04);
 --shadow-2:0 12px 30px rgba(16,24,40,.08);--spring:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}html,body{height:100%}html{background:var(--bg)}
body{margin:0;font-family:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}
button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}
.app-body{min-height:100dvh}.shell{height:100dvh;display:grid;grid-template-columns:278px minmax(0,1fr);transition:grid-template-columns .28s var(--spring)}
.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}
.sidebar{position:relative;z-index:40;min-width:0;background:linear-gradient(180deg,var(--sidebar),#0a0c10 74%);color:var(--sidebar-text);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}
.sidebar-header{height:70px;display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:11px;min-width:0;flex:1;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef2f7;color:#111318;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);flex:none}
.brand-copy{min-width:0;display:block}.brand-copy strong,.brand-copy small{display:block;white-space:nowrap}.brand-copy strong{font-size:14px;color:#fff}.brand-copy small{font-size:11px;color:var(--sidebar-muted);margin-top:2px}
.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer;transition:.16s var(--spring)}
.sidebar .icon-btn{background:rgba(255,255,255,.045);color:#aeb7c5;border-color:rgba(255,255,255,.08)}
.icon-btn:active,.btn:active,.nav-item:active{transform:scale(.97)}
.collapse-btn{flex:none}.close-btn{display:none}
.client-context{margin:12px 10px 8px;padding:10px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:13px;color:inherit;text-align:left;cursor:pointer;transition:.16s var(--spring)}
.client-context:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.12)}
.client-avatar,.user-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(22,184,212,.13);color:#8de8f5;font-weight:700;font-size:11px;flex:none}
.client-copy,.user-copy{display:block;min-width:0;flex:1}.client-copy small,.client-copy strong,.client-copy em,.user-copy strong,.user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#6d788b}.client-copy strong{font-size:12px;color:#f7f9fc;margin-top:2px}.client-copy em{font-size:10px;font-style:normal;color:#8c96a6;margin-top:2px}.client-chevron{color:#697488}
.nav-scroll{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 12px;scrollbar-width:thin;scrollbar-color:#273040 transparent}
.nav-label{margin:14px 10px 6px;font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#535e70;white-space:nowrap}
.nav-item{position:relative;width:100%;min-height:48px;border:0;background:transparent;color:#aeb7c5;border-radius:11px;padding:7px 10px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:background .16s,color .16s,transform .08s}
.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:rgba(255,255,255,.075);color:#fff}
.nav-item.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--accent)}
.nav-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:8px;color:#7e8999;font-size:15px}.nav-item.active .nav-icon{color:#91e9f5;background:rgba(22,184,212,.08)}
.nav-copy{min-width:0;display:block}.nav-copy strong,.nav-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-copy strong{font-size:12px;font-weight:600}.nav-copy small{font-size:10px;color:#6f7a8c;margin-top:2px}
.sidebar-footer{padding:10px;border-top:1px solid rgba(255,255,255,.06)}.user-card{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;padding:7px;border-radius:11px;text-align:left;cursor:pointer}.user-card:hover{background:rgba(255,255,255,.05)}
.user-copy strong{font-size:12px;color:#fff}.user-copy small{font-size:10px;color:#737e8f;margin-top:2px}.user-menu{margin-left:auto;color:#687386}
.shell.sidebar-collapsed .brand-copy,.shell.sidebar-collapsed .client-copy,.shell.sidebar-collapsed .client-chevron,.shell.sidebar-collapsed .nav-copy,.shell.sidebar-collapsed .nav-label,.shell.sidebar-collapsed .user-copy,.shell.sidebar-collapsed .user-menu{display:none}
.shell.sidebar-collapsed .client-context,.shell.sidebar-collapsed .nav-item,.shell.sidebar-collapsed .user-card{justify-content:center;padding-left:7px;padding-right:7px}
.shell.sidebar-collapsed .client-context{margin-left:9px;margin-right:9px}.shell.sidebar-collapsed .sidebar-header{padding-left:18px;padding-right:10px}.shell.sidebar-collapsed .collapse-btn{position:absolute;right:-1px;top:17px;width:24px;height:34px;border-radius:9px 0 0 9px}.shell.sidebar-collapsed .collapse-btn{transform:rotate(180deg)}
.main{height:100dvh;min-width:0;overflow:auto;background:var(--bg)}
.topbar{position:sticky;top:0;z-index:25;height:66px;padding:0 20px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(155%);border-bottom:1px solid var(--line)}
.mobile-menu{display:none}.top-title{min-width:180px}.top-title small,.top-title strong{display:block}.top-title small{font-size:10px;color:#8b93a1}.top-title strong{font-size:13px;margin-top:2px}
.search-trigger{margin:0 auto;width:min(480px,42vw);height:38px;border:1px solid #dfe3e8;background:#f9fafb;border-radius:11px;color:#8a93a2;display:flex;align-items:center;gap:8px;padding:0 11px;text-align:left;cursor:pointer}.search-trigger span:nth-child(2){flex:1}.search-trigger kbd{font-family:"JetBrains Mono";font-size:9px;background:#fff;border:1px solid #e2e5e9;border-radius:6px;padding:3px 5px;color:#7e8795}
.top-actions{display:flex;gap:8px}.btn{min-height:38px;border:1px solid #dfe3e8;border-radius:10px;padding:0 13px;background:#fff;color:#343b45;font-weight:600;font-size:12px;cursor:pointer;transition:.16s var(--spring)}.btn:hover{box-shadow:var(--shadow-1);transform:translateY(-1px)}.btn.primary{background:#111318;color:#fff;border-color:#111318}.btn.secondary,.btn.quiet{background:#fff}.btn.full{width:100%}
.panel{display:none;min-height:calc(100dvh - 66px)}.panel.active{display:block;animation:panelIn .24s var(--spring)}@keyframes panelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.workspace{max-width:1660px;margin:0 auto;padding:22px;display:grid;grid-template-columns:minmax(0,1fr)300px;gap:18px}.workspace-main{min-width:0;display:grid;gap:14px}.right-rail{display:grid;align-content:start;gap:12px}
.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:10px 2px 4px}.kicker{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:600;color:#6f7b8d}.page-heading h1,.page-title h1{margin:5px 0 6px;font-size:34px;line-height:1.02;letter-spacing:-.04em;font-weight:600}.page-heading h1 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:#4f6b78}.page-heading p,.page-title p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.health-card{min-width:130px;padding:13px 15px;border:1px solid var(--line);background:var(--paper);border-radius:14px;box-shadow:var(--shadow-1)}.health-card small,.health-card strong,.health-card span{display:block}.health-card small{font-size:9px;color:#8b93a1;text-transform:uppercase;letter-spacing:.1em}.health-card strong{font-size:28px;margin:4px 0}.health-card span{font-size:10px;color:#697386}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card,.surface,.rail-card,.advisor,.matrix-card,.ote-grid article,.tool-card,.kanban-column{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-1)}
.metric-card{padding:14px}.metric-card>span{font-size:10px;color:#7c8695}.metric-card div{display:flex;align-items:baseline;gap:2px;margin:8px 0}.metric-card strong{font-size:26px;letter-spacing:-.03em}.metric-card div small{font-size:11px;color:#8a93a2}.metric-card p{margin:0;font-size:10px;color:#8a93a2}
.surface{padding:16px}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.surface-head h2{margin:3px 0 0;font-size:17px;letter-spacing:-.02em}
.journey{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.journey-step{position:relative;padding:11px;border:1px solid #edf0f3;border-radius:11px;background:#fafbfc;min-height:78px}.journey-step span{font-family:"JetBrains Mono";font-size:9px;color:#98a1ae}.journey-step strong,.journey-step small{display:block}.journey-step strong{font-size:12px;margin-top:16px}.journey-step small{font-size:9px;color:#929baa;margin-top:2px}.journey-step.current{background:#111318;color:#fff;border-color:#111318}.journey-step.current span,.journey-step.current small{color:#8a96a8}
.table-scroll{overflow:auto;border:1px solid #edf0f3;border-radius:11px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #edf0f3;padding:11px 12px;font-size:11px}.data-table th{font-family:"JetBrains Mono";font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8c95a3;background:#fafbfc}.data-table td{color:#566071}.data-table td strong{color:#232830}.data-table tbody tr:hover td{background:#fbfcfd}
.risk,.status{display:inline-flex;align-items:center;min-height:24px;border-radius:7px;padding:0 7px;font-size:9px;font-weight:600}.risk-alto{background:#fff1f3;color:#bd3650}.risk-médio,.risk-medio{background:#fff8e8;color:#94620b}.status{background:#f1f5f7;color:#586574}
.advisor,.rail-card{padding:15px}.advisor{background:rgba(255,255,255,.76);backdrop-filter:blur(18px) saturate(170%)}.advisor h3,.rail-card h3{margin:5px 0 7px;font-size:14px}.advisor p{font-size:12px;color:#657083;line-height:1.5}.rail-card header{display:flex;justify-content:space-between;align-items:center}.rail-card header span{font-size:11px;color:#657083}.rail-card ul{padding-left:16px;margin:8px 0 0}.rail-card li{font-size:11px;color:#657083;margin:6px 0}.progress{margin-top:11px}.progress>span{display:flex;justify-content:space-between;font-size:10px;color:#737e8e}.progress i{display:block;height:6px;background:#eef1f4;border-radius:6px;margin-top:5px;overflow:hidden}.progress u{display:block;height:100%;background:#111318;border-radius:inherit;text-decoration:none}
.content-page{max-width:1320px;margin:0 auto;padding:24px}.page-title{margin-bottom:16px}.page-title h1{font-size:30px}.form-surface{max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:grid;gap:6px;font-family:"JetBrains Mono";font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7d8795}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dfe4e9;border-radius:10px;background:#fff;padding:11px 12px;color:#252b33;outline:none;transition:border .15s,box-shadow .15s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#7ecfdb;box-shadow:0 0 0 4px rgba(22,184,212,.09)}.form-grid textarea{min-height:118px;resize:vertical}.form-grid .wide{grid-column:1/-1}
.matrix-grid,.ote-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.matrix-card,.ote-grid article,.tool-card{padding:16px}.matrix-card>span,.ote-grid article>span,.tool-card>span{font-family:"JetBrains Mono";font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#788392}.matrix-card h3,.ote-grid h3,.tool-card h3{font-size:15px;margin:8px 0}.matrix-card p,.ote-grid p,.tool-card p{font-size:12px;line-height:1.5;color:#687386}.text-action{border:0;background:transparent;padding:0;margin-top:8px;font-size:11px;font-weight:600;color:#2f6c77;cursor:pointer}
.architecture-board{height:min(640px,calc(100dvh - 180px));min-height:440px;position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-1);overflow:hidden;background-image:radial-gradient(#d7dce2 .8px,transparent .8px);background-size:18px 18px}.arch-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:92px;border-radius:14px;background:#111318;color:#fff;display:grid;place-items:center;font-weight:600;box-shadow:var(--shadow-2)}.architecture-board .n{position:absolute;padding:10px 14px;border:1px solid #dfe4e9;border-radius:10px;background:#fff;box-shadow:var(--shadow-1);font-size:11px;font-weight:600}.n1{left:12%;top:16%}.n2{right:14%;top:16%}.n3{left:18%;top:48%}.n4{right:18%;top:48%}.n5{left:12%;bottom:16%}.n6{right:12%;bottom:16%}.n7{left:45%;top:14%}.n8{left:45%;bottom:14%}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.kanban-column{padding:11px;background:#f8f9fb;min-height:420px}.kanban-column header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kanban-column h3{font-size:12px;margin:0}.kanban-column header span{font-family:"JetBrains Mono";font-size:9px;color:#8d96a3}.task{padding:12px;background:#fff;border:1px solid #e5e8ec;border-radius:10px;margin-bottom:8px;box-shadow:0 1px 2px rgba(16,24,40,.025)}.task strong,.task small{display:block}.task strong{font-size:11px}.task small{font-size:9px;color:#8a93a1;margin-top:6px}
.sidebar-backdrop{position:fixed;inset:0;z-index:35;background:rgba(6,10,16,.4);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .22s var(--spring)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}
.command-palette{position:fixed;inset:0;z-index:70;background:rgba(11,15,22,.34);backdrop-filter:blur(7px);display:grid;place-items:start center;padding-top:12vh}.command-palette[hidden]{display:none}.command-dialog{width:min(620px,calc(100vw - 28px));padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.45);box-shadow:0 28px 80px rgba(16,24,40,.24);background:rgba(255,255,255,.86);backdrop-filter:blur(24px) saturate(180%)}.command-dialog input{width:100%;border:0;border-bottom:1px solid #e5e8ec;background:transparent;padding:14px 12px;font-size:14px;outline:none}.command-results{padding:6px}.command-results button{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:9px;color:#4c5665;cursor:pointer}.command-results button:hover{background:#f2f4f6;color:#111318}
@media(max-width:1180px){.workspace{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,1fr)}.journey{grid-template-columns:repeat(4,1fr)}}
@media(max-width:880px){
 body{overflow:auto}.shell,.shell.sidebar-collapsed{grid-template-columns:1fr;height:auto;min-height:100dvh}
 .sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,310px);height:100dvh;transform:translateX(-105%);transition:transform .3s var(--spring);box-shadow:0 30px 80px rgba(0,0,0,.28)}.sidebar.open{transform:none}
 .collapse-btn{display:none}.close-btn,.mobile-menu{display:grid}.main{height:auto;min-height:100dvh}
 .topbar{height:auto;min-height:62px;padding:10px 12px;flex-wrap:wrap}.top-title{flex:1}.search-trigger{order:5;width:100%;max-width:none;margin:0}.top-actions{display:none}
 .workspace,.content-page{padding:14px}.right-rail{grid-template-columns:1fr}.metric-grid,.matrix-grid,.ote-grid,.tool-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.journey{grid-template-columns:repeat(2,1fr)}
 .page-heading{align-items:flex-start}.page-heading h1,.page-title h1{font-size:28px}.health-card{min-width:112px}.architecture-board{min-height:520px}
}
@media(max-width:560px){
 .workspace,.content-page{padding:10px}.page-heading{display:grid}.health-card{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px}.metric-card strong{font-size:23px}
 .journey{grid-template-columns:1fr}.surface{padding:12px}.top-title strong{font-size:12px}.search-trigger span:nth-child(2){font-size:11px}.search-trigger kbd{display:none}
 .btn,.nav-item,.client-context,.user-card,input,select,textarea{min-height:48px}.architecture-board .n{font-size:10px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* GerenciaBH parity pass: exact shell proportions, light/dark theme and restrained 3D depth */
:root{
  --sidebar-expanded:16rem;
  --sidebar-icon:3rem;
  --sidebar-mobile:18rem;
  --topbar-h:4rem;
}
:root[data-theme="dark"]{
  --bg:#080a0d;--paper:#12161b;--ink:#f1f5f9;--muted:#aebbc8;--line:#252d36;
  --sidebar:#0c0f13;--sidebar-2:#151a20;--sidebar-text:#f1f5f9;--sidebar-muted:#7f8b98;
  --accent:#1cc6ed;--accent-soft:rgba(28,198,237,.12);
  --shadow-1:0 1px 2px rgba(0,0,0,.44),0 14px 34px rgba(0,0,0,.18);
  --shadow-2:0 20px 48px rgba(0,0,0,.28);
  color-scheme:dark;
}
:root[data-theme="dark"] body,:root[data-theme="dark"] .main{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .topbar{background:rgba(18,22,27,.86);border-color:var(--line)}
:root[data-theme="dark"] .surface,:root[data-theme="dark"] .metric-card,:root[data-theme="dark"] .rail-card,:root[data-theme="dark"] .advisor,:root[data-theme="dark"] .matrix-card,:root[data-theme="dark"] .ote-grid article,:root[data-theme="dark"] .tool-card,:root[data-theme="dark"] .kanban-column,:root[data-theme="dark"] .health-card{background:var(--paper);border-color:var(--line)}
:root[data-theme="dark"] .journey-step,:root[data-theme="dark"] .task,:root[data-theme="dark"] .form-grid input,:root[data-theme="dark"] .form-grid textarea,:root[data-theme="dark"] .form-grid select{background:#0d1116;border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] .data-table,:root[data-theme="dark"] .data-table th,:root[data-theme="dark"] .architecture-board{background:#0d1116;color:var(--ink)}
:root[data-theme="dark"] .data-table th,:root[data-theme="dark"] .data-table td{border-color:var(--line)}
:root[data-theme="dark"] .data-table tbody tr:hover td{background:#151a20}
:root[data-theme="dark"] .search-trigger{background:#0d1116;border-color:var(--line)}
.shell{grid-template-columns:var(--sidebar-expanded) minmax(0,1fr)}
.shell.sidebar-collapsed{grid-template-columns:var(--sidebar-icon) minmax(0,1fr)}
.sidebar-header,.topbar{height:var(--topbar-h)}
.brand-mark{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fafc,#d7e2ea);box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.9);perspective:600px;transform-style:preserve-3d;transition:transform .28s var(--spring),box-shadow .28s var(--spring)}
.brand-mark svg{width:26px;height:26px;fill:#111318;stroke:#111318;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:translateZ(8px)}
.brand-mark .brand-cut{fill:none;stroke:#f8fafc;stroke-width:3}
.brand-mark:after{content:"";position:absolute;inset:-30% -70%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);transform:translateX(-45%) rotate(8deg);transition:transform .55s ease}
.brand:hover .brand-mark:after{transform:translateX(45%) rotate(8deg)}
.nav-scroll{perspective:1200px}.nav-item{transform-style:preserve-3d}.nav-item:hover{transform:translateX(1px) translateZ(3px)}
.nav-item:after{content:"";position:absolute;inset:1px;border-radius:10px;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.05) 46%,transparent 64%);transform:translateX(-90%);transition:transform .48s ease}.nav-item:hover:after{transform:translateX(90%)}
.theme-toggle{width:40px;height:40px;border:1px solid #dfe3e8;border-radius:11px;background:#fff;color:#596273;display:grid;place-items:center;cursor:pointer;transition:.16s var(--spring)}
.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent) 46%,#dfe3e8);background:color-mix(in srgb,var(--accent) 7%,#fff)}
.theme-toggle svg{grid-area:1/1;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;transition:opacity .18s,transform .24s var(--spring)}
.theme-moon{opacity:0;transform:scale(.7) rotate(-20deg)}
:root[data-theme="dark"] .theme-toggle{background:#151a20;color:#dce7ef;border-color:#252d36}
:root[data-theme="dark"] .theme-sun{opacity:0;transform:scale(.7) rotate(20deg)}
:root[data-theme="dark"] .theme-moon{opacity:1;transform:none}
.tool-grid{perspective:1200px}.tool-card{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .22s var(--spring),box-shadow .22s,border-color .22s}
.tool-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 25%,rgba(255,255,255,.20) 45%,transparent 62%);transform:translateX(-95%);transition:transform .55s ease}
.tool-card:hover:before{transform:translateX(95%)}.tool-card:hover{border-color:color-mix(in srgb,var(--accent) 26%,var(--line));box-shadow:var(--shadow-2)}
@media(max-width:880px){
  .sidebar{width:min(var(--sidebar-mobile),88vw);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .topbar{padding-top:max(10px,env(safe-area-inset-top));min-height:calc(var(--topbar-h) + env(safe-area-inset-top))}
  .content-page,.workspace{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
}
@media(max-width:560px){
  .metric-grid{grid-template-columns:1fr 1fr}
  .right-rail{display:grid;grid-template-columns:1fr}
  .page-heading h1,.page-title h1{font-size:clamp(26px,8vw,32px)}
  .topbar{gap:8px}.theme-toggle{display:none}
}
@media(prefers-reduced-motion:reduce){.brand-mark,.brand-mark:after,.nav-item,.nav-item:after,.tool-card,.tool-card:before{transition:none!important;transform:none!important}}

/* LangGraph visual orchestration */
.agentgraph-layout{display:grid;grid-template-columns:minmax(0,1fr)320px;gap:14px}
.agentgraph-canvas,.graph-inspector{min-width:0}
.graph-stage{position:relative;height:560px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:
radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 30%),
linear-gradient(90deg,color-mix(in srgb,var(--line) 52%,transparent) 1px,transparent 1px),
linear-gradient(180deg,color-mix(in srgb,var(--line) 52%,transparent) 1px,transparent 1px),
color-mix(in srgb,var(--paper) 96%,var(--bg));
background-size:auto,28px 28px,28px 28px,auto}
.graph-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.edge{fill:none;stroke:color-mix(in srgb,var(--muted) 34%,transparent);stroke-width:2;vector-effect:non-scaling-stroke}
.edge.active{stroke:color-mix(in srgb,var(--accent) 74%,transparent);stroke-dasharray:8 8;animation:edgeFlow 1.7s linear infinite}
@keyframes edgeFlow{to{stroke-dashoffset:-32}}
.graph-node{position:absolute;transform:translate(-50%,-50%);width:150px;min-height:66px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);display:flex;align-items:center;gap:10px;padding:10px;text-align:left;box-shadow:var(--shadow-1);cursor:pointer;transition:transform .18s var(--spring),box-shadow .18s,border-color .18s}
.graph-node:hover{transform:translate(-50%,-50%) translateY(-2px);box-shadow:var(--shadow-2);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.graph-node.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent),var(--shadow-2)}
.graph-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 88%,var(--ink));font-family:"JetBrains Mono";font-size:9px;font-weight:600}
.graph-node.router .graph-icon{background:rgba(47,125,246,.10);color:#2f7df6}.graph-node.human .graph-icon{background:rgba(90,167,255,.10);color:#5aa7ff}.graph-node.input .graph-icon{background:rgba(16,191,255,.10);color:#10bfff}
.graph-node strong,.graph-node small{display:block}.graph-node strong{font-size:11px}.graph-node small{font-size:9px;color:var(--muted);margin-top:3px}
.graph-live{font-family:"JetBrains Mono";font-size:9px;color:#10bfff;display:inline-flex;align-items:center;gap:6px}.graph-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#10bfff;box-shadow:0 0 0 5px rgba(16,191,255,.08)}
.graph-inspector{padding:16px}.graph-inspector h3{margin:6px 0 8px;font-size:17px}.graph-inspector>p{font-size:12px;line-height:1.55;color:var(--muted)}
.graph-inspector dl{margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.graph-inspector dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:10px}.graph-inspector dt{color:var(--muted)}.graph-inspector dd{margin:0;font-weight:600;text-align:right}
.trace-list{display:grid;gap:7px}.trace-list>div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--paper) 97%,var(--bg))}.trace-list b{font-family:"JetBrains Mono";font-size:9px;color:var(--accent)}.trace-list span{font-size:10px}.trace-list em{font-style:normal;font-family:"JetBrains Mono";font-size:8px;color:var(--muted)}
@media(max-width:1080px){.agentgraph-layout{grid-template-columns:1fr}.graph-inspector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.graph-inspector .trace-list{grid-column:1/-1}}
@media(max-width:720px){.graph-stage{height:520px;overflow:auto;min-width:760px}.agentgraph-canvas{overflow:auto}.graph-inspector{grid-template-columns:1fr}.graph-inspector .trace-list{grid-column:auto}.graph-node{width:138px}.edge.active{animation:none}}
@media(prefers-reduced-motion:reduce){.edge.active{animation:none}.graph-node{transition:none}}

/* Interactive process studio + GerenciaBH-style drag board */
.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-copy small{display:none}
.sidebar{overflow:visible}.nav-scroll{overflow-y:auto;overflow-x:hidden}
.shell.sidebar-collapsed .sidebar-header{padding:10px 5px;justify-content:center}.shell.sidebar-collapsed .brand{justify-content:center}.shell.sidebar-collapsed .brand-mark{width:36px;height:36px}
.shell.sidebar-collapsed .collapse-btn{position:absolute;right:-11px;top:72px;width:23px;height:34px;border-radius:9px;z-index:45;background:var(--sidebar-2)}
.shell.sidebar-collapsed .client-context{margin:8px;padding:0;width:32px;height:38px;justify-content:center}.shell.sidebar-collapsed .client-avatar{width:30px;height:30px}
.shell.sidebar-collapsed .nav-scroll{padding-left:4px;padding-right:4px}.shell.sidebar-collapsed .nav-item{width:40px;margin:0 auto;padding:6px}.shell.sidebar-collapsed .nav-item:before{left:0}
.studio-page{padding:18px 20px 20px;max-width:1800px;margin:0 auto}.compact-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.studio-actions{display:flex;gap:8px}
.flow-studio{display:grid;grid-template-columns:176px minmax(0,1fr)260px;gap:10px;height:calc(100dvh - 170px);min-height:570px;transition:.2s var(--spring)}
.flow-studio.fullscreen{position:fixed;inset:0;z-index:90;height:100dvh;background:var(--bg);padding:10px;grid-template-columns:176px minmax(0,1fr)260px}
.flow-library,.flow-inspector{padding:12px;overflow:auto}.flow-editor{padding:0;overflow:hidden;display:grid;grid-template-rows:52px minmax(0,1fr)32px}
.flow-panel-title{padding:3px 3px 10px;border-bottom:1px solid var(--line);margin-bottom:9px}.flow-panel-title strong,.flow-panel-title small{display:block}.flow-panel-title strong{font-size:12px}.flow-panel-title small{font-size:9px;color:var(--muted);margin-top:3px}
.flow-template{width:100%;min-height:44px;margin:5px 0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);display:flex;align-items:center;gap:9px;padding:8px 9px;text-align:left;cursor:grab;transition:.15s var(--spring)}
.flow-template:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:var(--shadow-1)}.flow-template:active{cursor:grabbing;transform:scale(.985)}
.flow-template span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:11px}.flow-template strong{font-size:10px}
.flow-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent)}
.flow-toolbar>span b,.flow-toolbar>span small{display:block}.flow-toolbar b{font-size:11px}.flow-toolbar small{font-size:9px;color:var(--muted);margin-top:2px}.flow-toolbar>div{display:flex;gap:5px}
.canvas-tool{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);cursor:pointer}.canvas-tool:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}
.flow-viewport{position:relative;overflow:hidden;cursor:grab;touch-action:none;background:color-mix(in srgb,var(--bg) 74%,var(--paper));user-select:none}
.flow-viewport.panning{cursor:grabbing}.flow-world{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;background-image:radial-gradient(color-mix(in srgb,var(--muted) 25%,transparent) .9px,transparent .9px);background-size:20px 20px}
.flow-edges{position:absolute;inset:0;width:1600px;height:900px;overflow:visible;pointer-events:none}.flow-edge{fill:none;stroke:color-mix(in srgb,var(--muted) 50%,transparent);stroke-width:1.7;vector-effect:non-scaling-stroke}.flow-edge.connected{stroke:color-mix(in srgb,var(--accent) 66%,transparent)}
.flow-node{--node:#64748b;position:absolute;width:188px;min-height:72px;border:1px solid color-mix(in srgb,var(--node) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--paper) 97%,var(--node) 3%);box-shadow:0 8px 20px rgba(16,24,40,.08);display:flex;align-items:center;gap:10px;padding:12px 17px;cursor:grab;touch-action:none;transform:translateZ(0);transition:box-shadow .15s,border-color .15s}
.flow-node:hover,.flow-node.selected{border-color:color-mix(in srgb,var(--node) 70%,var(--line));box-shadow:0 14px 28px rgba(16,24,40,.12)}.flow-node.dragging{cursor:grabbing;box-shadow:0 22px 44px rgba(16,24,40,.18);z-index:8}
.kind-start{--node:#10bfff}.kind-end{--node:#64748b}.kind-process{--node:#0077ff}.kind-decision{--node:#5aa7ff}.kind-agent{--node:#2563eb}.kind-human{--node:#38bdf8}.kind-data{--node:#0ea5e9}
.flow-node-icon{width:33px;height:33px;border-radius:10px;background:color-mix(in srgb,var(--node) 12%,transparent);border:1px solid color-mix(in srgb,var(--node) 24%,transparent);flex:none}
.flow-node-copy{min-width:0}.flow-node-copy strong,.flow-node-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-node-copy strong{font-size:11px}.flow-node-copy small{font-size:9px;color:var(--muted);margin-top:4px}
.flow-handle{position:absolute;width:13px;height:13px;border-radius:50%;border:2px solid var(--paper);background:var(--node);box-shadow:0 0 0 1px color-mix(in srgb,var(--node) 50%,var(--line));cursor:crosshair;padding:0}.flow-handle.input{left:-7px;top:50%;transform:translateY(-50%)}.flow-handle.output{right:-7px;top:50%;transform:translateY(-50%)}.flow-node.link-source{outline:3px solid color-mix(in srgb,var(--accent) 18%,transparent);outline-offset:4px}
.flow-status{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid var(--line);font-family:"JetBrains Mono";font-size:8px;color:var(--muted)}
.flow-inspector label{display:grid;gap:5px;margin:11px 0;font-family:"JetBrains Mono";font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.flow-inspector input,.flow-inspector textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:9px;font-family:"Inter Tight";font-size:11px;text-transform:none;letter-spacing:0}.flow-inspector textarea{min-height:78px;resize:vertical}.flow-inspector input:disabled,.flow-inspector textarea:disabled{opacity:.55}
.inspector-meta{display:flex;justify-content:space-between;gap:10px;margin:14px 0;padding:9px;border:1px solid var(--line);border-radius:9px;font-size:9px;color:var(--muted)}.inspector-meta code{max-width:130px;overflow:hidden;text-overflow:ellipsis}.btn.danger{border-color:rgba(216,74,99,.25);color:#c63852;background:rgba(216,74,99,.06)}
.kanban-page{max-width:none}.board-tip{font-family:"JetBrains Mono";font-size:9px;color:var(--muted)}
.kanban-scroll{height:clamp(30rem,70dvh,58rem);min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 12px;cursor:grab;touch-action:none;scrollbar-width:thin}.kanban-scroll.panning{cursor:grabbing;user-select:none}
.kanban-board{display:flex;gap:12px;height:100%;width:max-content;min-width:100%}.kanban-column{width:21rem;max-width:82vw;height:100%;flex:none;display:flex;flex-direction:column;padding:0;background:color-mix(in srgb,var(--bg) 70%,var(--paper));scroll-snap-align:start;border-top:3px solid var(--lane-color);transition:opacity .16s,transform .16s}
.kanban-column.column-dragging{opacity:.28}.kanban-column-head{display:flex;align-items:center;gap:8px;padding:11px 10px 9px;border-bottom:1px solid var(--line);background:var(--paper);border-radius:11px 11px 0 0}.column-grip{width:28px;height:32px;border:0;background:transparent;color:var(--muted);cursor:grab;font-size:15px}.column-grip:active{cursor:grabbing}.kanban-column-head>div{min-width:0;flex:1}.kanban-column-head strong,.kanban-column-head small{display:block}.kanban-column-head strong{font-size:11px}.kanban-column-head small{font-size:9px;color:var(--muted);margin-top:2px}.lane-dot{width:8px;height:8px;border-radius:50%;background:var(--lane-color)}
.kanban-dropzone{flex:1;min-height:0;overflow-y:auto;padding:8px;transition:background .15s,border-color .15s}.kanban-dropzone.drop-target{background:color-mix(in srgb,var(--accent) 7%,transparent)}.empty-lane{padding:30px 12px;text-align:center;font-size:10px;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.kanban-dropzone:has(.task) .empty-lane{display:none}
.task{position:relative;margin:0 0 8px;padding:0 11px 11px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,.04);cursor:grab;touch-action:none;transition:border-color .15s,box-shadow .15s}.task:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 5px 14px rgba(16,24,40,.07)}.task:active{cursor:grabbing}.task-bar{height:2px;margin:0 -11px 9px;border-radius:10px 10px 0 0;background:var(--lane-color)}.task-head{display:flex;align-items:flex-start;gap:7px}.task-grip{color:var(--muted);font-size:12px;line-height:1.2}.task strong{font-size:11px;line-height:1.35}.task>small{display:block;margin:7px 0 0 19px;font-size:9px;color:var(--muted)}.task.drag-origin{opacity:.24;pointer-events:none}
.drag-ghost{position:fixed!important;z-index:200!important;width:300px!important;max-width:74vw!important;pointer-events:none!important;opacity:.95!important;transform:rotate(1.2deg)!important;box-shadow:0 24px 60px rgba(16,24,40,.22)!important}
.column-ghost{position:fixed;z-index:199;width:300px;pointer-events:none;opacity:.9;box-shadow:0 24px 60px rgba(16,24,40,.22)}
@media(max-width:1120px){.flow-studio{grid-template-columns:150px minmax(0,1fr)}.flow-inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flow-inspector .flow-panel-title,.flow-inspector .inspector-meta,.flow-inspector .btn{grid-column:1/-1}.flow-inspector label{margin:0}.flow-studio{height:auto}.flow-editor{height:620px}}
@media(max-width:760px){.studio-page{padding:10px}.compact-title{align-items:flex-start}.studio-actions{display:none}.flow-studio{grid-template-columns:1fr}.flow-library{display:flex;gap:7px;overflow-x:auto;white-space:nowrap}.flow-library .flow-panel-title{display:none}.flow-template{width:auto;min-width:104px;margin:0}.flow-editor{height:64dvh;min-height:480px}.flow-inspector{grid-template-columns:1fr}.flow-inspector .flow-panel-title,.flow-inspector .inspector-meta,.flow-inspector .btn{grid-column:auto}.kanban-column{width:min(82vw,21rem)}}
@media(prefers-reduced-motion:reduce){.flow-node,.flow-template,.kanban-column,.task{transition:none}.drag-ghost{transform:none!important}}

/* Visual QA pass after rendered screenshots */
.flow-studio{grid-template-columns:150px minmax(0,1fr)230px}
.kanban-scroll{height:clamp(24rem,62dvh,50rem)}
@media(max-width:880px){
  .topbar{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:8px 10px}
  .mobile-menu{grid-column:1;grid-row:1}
  .top-title{grid-column:2;grid-row:1;min-width:0}
  .search-trigger{grid-column:1/-1;grid-row:2;order:initial;width:100%;max-width:none}
  .top-actions{display:none}
}
@media(max-width:560px){
  .topbar{padding:8px 10px}
  .top-title small{font-size:9px}.top-title strong{font-size:12px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .metric-card{min-width:0}.metric-card>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Final rendered-QA polish */
:root[data-theme="dark"] .data-table td{color:#9ca9b7}
:root[data-theme="dark"] .data-table td strong{color:#eef4f8}
:root[data-theme="dark"] .rail-card li,:root[data-theme="dark"] .advisor p,:root[data-theme="dark"] .progress>span{color:#93a1b0}
:root[data-theme="dark"] .btn.secondary,:root[data-theme="dark"] .btn.quiet{background:#151a20;color:#dce7ef;border-color:#2a323b}
:root[data-theme="dark"] .btn.primary{background:#eaf6f9;color:#071016;border-color:#eaf6f9}
@media(max-width:560px){
  .page-heading h1{max-width:100%;overflow-wrap:normal;font-size:28px;line-height:1.02}
  .page-heading h1 em{display:block;margin-top:2px}
}


/* Process Studio — Miro-style contextual flow building */
.flow-studio{grid-template-columns:132px minmax(0,1fr)220px}
.flow-library{padding:10px}
.flow-template{min-height:40px;padding:7px 8px}
.flow-template span{width:25px;height:25px}
.flow-template strong{font-size:9.5px}
.flow-edge{marker-end:url(#flow-arrow)}
.flow-arrow-head{fill:var(--accent)}
.flow-node.selected{
  z-index:7;
  box-shadow:
    0 0 0 2px color-mix(in srgb,var(--node) 18%,transparent),
    0 18px 34px rgba(16,24,40,.14)
}
.flow-context-toolbar{
  position:absolute;
  z-index:35;
  display:flex;
  align-items:center;
  gap:6px;
  max-width:calc(100% - 16px);
  padding:5px;
  border:1px solid color-mix(in srgb,var(--line) 82%,var(--accent) 18%);
  border-radius:12px;
  background:color-mix(in srgb,var(--paper) 94%,transparent);
  backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 14px 34px rgba(16,24,40,.16);
  animation:flowToolbarIn .14s var(--spring)
}
.flow-context-toolbar[hidden]{display:none}
@keyframes flowToolbarIn{
  from{opacity:0;transform:translateY(3px) scale(.98)}
  to{opacity:1;transform:none}
}
.flow-context-primary{
  display:flex;
  align-items:center;
  gap:3px
}
.flow-context-toolbar button{
  min-height:32px;
  border:0;
  border-radius:8px;
  padding:0 9px;
  background:transparent;
  color:var(--ink);
  font-size:9px;
  font-weight:650;
  white-space:nowrap;
  cursor:pointer;
  transition:background .14s,color .14s,transform .08s
}
.flow-context-toolbar button:hover{
  background:var(--accent-soft);
  color:color-mix(in srgb,var(--accent) 82%,var(--ink))
}
.flow-context-toolbar button:active{transform:scale(.97)}
.flow-context-toolbar button span{
  display:inline-grid;
  place-items:center;
  margin-right:3px;
  color:var(--accent)
}
.flow-connect-action{
  border-left:1px solid var(--line)!important;
  border-radius:0 8px 8px 0!important;
  padding-left:11px!important
}
.flow-connect-hint{
  position:absolute;
  left:50%;
  top:12px;
  z-index:34;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--paper) 94%,transparent);
  backdrop-filter:blur(16px);
  box-shadow:0 8px 20px rgba(16,24,40,.10);
  pointer-events:none
}
.flow-connect-hint[hidden]{display:none}
.flow-connect-hint strong{
  font-size:9px;
  color:var(--accent)
}
.flow-connect-hint span{
  font-size:8px;
  color:var(--muted)
}
.flow-connect-mode{cursor:crosshair}
.flow-connect-mode .flow-node:not(.link-source){
  cursor:crosshair;
  box-shadow:
    0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent),
    0 8px 20px rgba(16,24,40,.08)
}
.flow-connect-mode .flow-node:not(.link-source):hover{
  border-color:var(--accent);
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent),
    0 14px 28px rgba(16,24,40,.12)
}
.flow-connect-mode .link-source{
  outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);
  outline-offset:5px
}
:root[data-theme="dark"] .flow-context-toolbar,
:root[data-theme="dark"] .flow-connect-hint{
  background:rgba(18,22,27,.91);
  border-color:#2a3540
}
:root[data-theme="dark"] .flow-context-toolbar button{color:#dce7ef}
@media(max-width:1120px){
  .flow-studio{grid-template-columns:120px minmax(0,1fr)}
}
@media(max-width:760px){
  .flow-context-toolbar{
    gap:3px;
    padding:4px;
    max-width:calc(100% - 12px)
  }
  .flow-context-toolbar button{
    min-height:34px;
    padding:0 7px;
    font-size:8px
  }
  .flow-connect-action{padding-left:8px!important}
  .flow-connect-hint{
    top:8px;
    max-width:calc(100% - 16px)
  }
  .flow-connect-hint span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .flow-context-toolbar{animation:none}
}

/* OTE real data + derived orchestration */
.flow-inspector{max-height:100%;overflow-y:auto}
.flow-inspector select{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:9px;font-family:"Inter Tight";font-size:11px}
.flow-inspector select:disabled{opacity:.55}
.approval-check{display:flex!important;grid-template-columns:18px 1fr!important;align-items:center;gap:8px!important;padding:9px;border:1px solid var(--line);border-radius:9px;text-transform:none!important;letter-spacing:0!important;font-family:"Inter Tight"!important}
.approval-check input{width:16px!important;height:16px;margin:0}
.approval-check span{font-size:10px;color:var(--ink)}
.inspector-sync{display:flex;align-items:center;gap:7px;padding:9px 2px;font-size:9px;color:var(--muted)}
.inspector-sync>span,.orchestration-state>span{width:7px;height:7px;border-radius:50%;background:#10bfff;box-shadow:0 0 0 5px rgba(16,191,255,.08)}
.inspector-sync.syncing>span{background:var(--amber);box-shadow:0 0 0 5px rgba(183,121,31,.08)}
.inspector-sync.error>span{background:var(--red);box-shadow:0 0 0 5px rgba(216,74,99,.08)}
.orchestration-page{max-width:1700px}
.orchestration-state{display:flex;align-items:center;gap:8px;font-family:"JetBrains Mono";font-size:9px;color:var(--muted);padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.orchestration-stage{height:620px;overflow:auto;cursor:default}
.orchestration-world{position:relative;width:1500px;height:850px;transform-origin:0 0;background-image:radial-gradient(color-mix(in srgb,var(--muted) 18%,transparent) .8px,transparent .8px);background-size:22px 22px}
.orchestration-lines{position:absolute;inset:0;width:1500px;height:850px;overflow:visible;pointer-events:none}
.orchestration-world .graph-node{width:176px;min-height:68px}
.orchestration-world .graph-node.agent{border-color:color-mix(in srgb,#2563eb 45%,var(--line))}
.orchestration-world .graph-node.hybrid{border-color:color-mix(in srgb,#0ea5e9 50%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 95%,#0ea5e9 5%),var(--paper))}
.orchestration-world .graph-node.human{border-color:color-mix(in srgb,#93c5fd 38%,var(--line))}
.orchestration-world .graph-node.decision{border-color:color-mix(in srgb,#60a5fa 45%,var(--line))}
.orchestration-world .graph-node.start{border-color:color-mix(in srgb,#38bdf8 45%,var(--line))}
.orchestration-world .graph-node.end{border-color:color-mix(in srgb,#64748b 45%,var(--line))}
.orchestration-trigger{padding:12px;border:1px solid var(--line);border-radius:10px;margin:12px 0;background:color-mix(in srgb,var(--paper) 97%,var(--bg))}
.orchestration-trigger p{margin:5px 0 0!important;font-size:11px!important}
.graph-inspector dl{max-height:330px;overflow:auto}
@media(max-width:1120px){.flow-inspector{max-height:none}.orchestration-stage{height:560px}}
@media(max-width:720px){.orchestration-stage{height:60dvh}.orchestration-world{width:1300px;height:760px}.orchestration-lines{width:1300px;height:760px}}

/* Blue enterprise mobile hardening */
:root[data-theme="dark"] .topbar .icon-btn{
  background:#0b1017;
  color:#dce8f3;
  border-color:#253443
}
:root[data-theme="dark"] .topbar .icon-btn:hover{
  background:#101a24;
  color:#65d5ff;
  border-color:rgba(16,191,255,.24)
}
@media(max-width:760px){
  .flow-studio,
  .flow-studio.fullscreen{
    grid-template-columns:minmax(0,1fr);
    height:auto;
    min-height:0
  }
  .flow-library{
    width:100%;
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:10px;
    white-space:nowrap
  }
  .flow-library .flow-panel-title{display:none}
  .flow-template{
    width:auto;
    min-width:112px;
    flex:0 0 auto;
    margin:0
  }
  .flow-editor{
    width:100%;
    height:66dvh;
    min-height:500px
  }
  .flow-inspector{
    grid-column:1;
    width:100%;
    max-height:none;
    display:grid;
    grid-template-columns:1fr;
    gap:8px
  }
  .flow-inspector .flow-panel-title,
  .flow-inspector .inspector-meta,
  .flow-inspector .btn{grid-column:auto}
  .flow-toolbar{min-height:58px}
  .flow-toolbar small{max-width:180px}
}

.flow-handle:before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%
}
@media(max-width:760px){
  .page-heading h1 em{
    display:block;
    white-space:nowrap;
    font-size:clamp(23px,7vw,28px)
  }
}