:root{--ink: #0b1220;--navy: #07111f;--navy-2: #0d1b2e;--muted: #526175;--soft: #6d7b8f;--subtle: #e8eef8;--line: #cbd7e6;--paper: #ffffff;--paper-2: #f7faff;--app-bg: #eef3f9;--accent: #2f80ed;--green: #0f766e;--orange: #b7791f;--red: #d14343;--shadow: 0 18px 48px rgba(10, 26, 46, .11);--radius-control: 8px;--radius-panel: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--control-height-sm: 28px;--control-height-md: 36px;--control-height-lg: 38px;--motion-fast-duration: .16s;--motion-modal-duration: .18s;--ease-standard: ease;--ease-enter: cubic-bezier(.22, 1, .36, 1);--ease-block-enter: cubic-bezier(.2, .82, .2, 1);--flow-dot-size: 36px;--flow-dot-radius: 18px;--z-modal: 60;--z-field-modal: 72;--z-toast: 80;--z-critical-modal: 82;font-family:Space Grotesk,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;color:var(--ink);background:var(--app-bg)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh;background:var(--app-bg)}#root{min-height:100vh}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:focus-visible{outline:2px solid rgba(47,128,237,.42);outline-offset:2px}@keyframes block-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-mark-hop{0%,to{transform:translateY(0) scale(1)}42%{transform:translateY(-5px) scale(1)}72%{transform:translateY(-2px) scale(1)}}@keyframes modal-backdrop-in{0%{background-color:#07111f00}to{background-color:#07111f52}}@keyframes modal-backdrop-out{0%{background-color:#07111f52}to{background-color:#07111f00}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-panel-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.99)}}.app-shell{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.sidebar{position:sticky;top:0;z-index:30;height:100vh;display:flex;flex-direction:column;gap:20px;padding:22px 18px;background:var(--app-bg);transition:padding .18s ease,width .18s ease}.sidebar-brand{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:44px}.brand-mark{appearance:none;display:grid;width:38px;height:38px;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:inherit;overflow:visible;transform:translateY(0) scale(1);transform-origin:center;transition:transform .14s ease;will-change:transform}.brand-mark img{display:block;width:80%;height:80%;object-fit:contain;pointer-events:none}.brand-mark:hover{animation:brand-mark-hop .42s cubic-bezier(.2,.8,.2,1) both}.brand-mark:active{animation:none;transform:scale(1.1);transition-duration:80ms}.sidebar-brand strong{display:block;font-size:15px;line-height:1.35}.sidebar-collapse-toggle{display:grid}.nav-list,.nav-children{display:grid;gap:8px}.nav-item,.nav-children button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:1px solid transparent;border-radius:8px;color:var(--ink);background:transparent;text-align:left}.nav-item{padding:0 12px}.nav-children{margin:4px 0 8px 30px;padding-left:12px;border-left:1px solid var(--line)}.nav-children button{padding:0 10px;font-size:13px}.nav-item:hover,.nav-children button:hover{background:#ffffff85}.nav-item.active,.nav-children button.active{border-color:#2f80ed47;background:var(--paper)}.nav-parent{justify-content:flex-start}.nav-chevron{margin-left:auto;color:var(--muted)}@media(min-width:981px){.detail-surface{height:calc(100vh - 74px);min-height:calc(100vh - 74px);max-height:calc(100vh - 74px)}.app-shell.is-sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar.is-collapsed{align-items:center;gap:16px;padding:18px 12px}.sidebar.is-collapsed .sidebar-brand{grid-template-columns:38px;justify-content:center;justify-items:center;gap:8px;width:100%}.sidebar.is-collapsed .sidebar-brand>div:not(.brand-mark),.sidebar.is-collapsed .nav-item span,.sidebar.is-collapsed .nav-chevron,.sidebar.is-collapsed .nav-children{display:none}.sidebar.is-collapsed .nav-list,.sidebar.is-collapsed .nav-group{width:100%}.sidebar.is-collapsed .nav-item{justify-content:center;width:42px;min-height:42px;margin:0 auto;padding:0}.sidebar.is-collapsed .sidebar-collapse-toggle{width:38px;height:38px}}.main-area{min-width:0;min-height:100vh;display:flex;flex-direction:column;padding:18px 20px 0 0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:0 4px 12px 0;background:#eef3f9d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-title,.topbar-actions,.user-chip{display:flex;align-items:center;gap:8px}.topbar-title{color:var(--muted);font-size:13px;font-weight:700}.topbar-actions{justify-content:flex-end}.user-chip{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:13px;font-weight:800;white-space:nowrap}.page-surface{flex:1 1 auto;display:flex;flex-direction:column;min-height:calc(100vh - 92px);border:1px solid var(--line);border-radius:8px 0 0;background:#ffffffc7;overflow:hidden}.page-stack{flex:1 1 auto;display:grid;gap:0;min-height:0}.page-stack>*{animation:block-enter .42s cubic-bezier(.2,.82,.2,1) both;padding:20px 22px}.page-stack>*:nth-child(1){animation-delay:20ms}.page-stack>*:nth-child(2){animation-delay:90ms}.page-stack>*:nth-child(3){animation-delay:.16s}.page-stack>*:nth-child(4){animation-delay:.23s}.page-stack>*:nth-child(5){animation-delay:.3s}.page-stack>*:nth-child(6){animation-delay:.37s}.page-stack>*:nth-child(7){animation-delay:.44s}.page-stack>*:nth-child(n+8){animation-delay:.51s}.page-stack>*+*{border-top:1px solid var(--subtle)}.node-detail-surface .page-stack{align-content:start;grid-auto-rows:max-content}.detail-surface .page-stack{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.breadcrumb-line{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px;color:var(--soft);font-size:12px;font-weight:800}.detail-hero h1{margin:0;font-size:31px;line-height:1.14}.request-name{margin-top:9px;color:var(--muted);font-size:14px;font-weight:700;line-height:1.45}.home-stack>*,.dashboard-stack>*,.operations-stack>*{padding:18px}.home-surface .page-stack,.dashboard-surface .page-stack,.operations-surface .page-stack,.my-workflow-surface .page-stack{align-content:start;grid-auto-rows:max-content}.home-section,.home-lists-grid,.dashboard-hero,.dashboard-stats-block,.dashboard-panels-grid,.operations-hero,.operations-list-block{justify-self:stretch;width:100%}.home-section{display:grid;gap:14px}.home-section-header,.section-kicker{display:flex;align-items:center;gap:8px}.home-section-header{justify-content:space-between;min-width:0}.section-kicker{color:var(--ink);font-size:14px;font-weight:900}.section-kicker svg{color:var(--accent);fill:#2f80ed2e}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:8px;background:var(--subtle)}.template-grid:after{content:"";display:none;min-height:86px;background:var(--paper);pointer-events:none}.template-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;justify-items:start;min-height:86px;gap:12px;border:0;border-radius:0;color:var(--ink);background:var(--paper);padding:14px 18px;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.template-card:hover,.workflow-summary-row:hover,.todo-row:hover,.my-task-row:hover{transform:translateY(-1px)}.template-icon,.todo-icon{display:grid;place-items:center;border:1px solid rgba(47,128,237,.16);border-radius:8px;color:var(--accent);background:#eef6ff}.template-icon{width:38px;height:38px}.todo-icon{width:42px;height:42px}.template-copy{display:grid;min-width:0;gap:5px}.template-card strong{min-width:0;overflow:hidden;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.template-card small{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.dashboard-stats-block{display:grid;gap:14px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:visible;border-radius:0;background:transparent}.stat-card{display:grid;gap:8px;border:0;border-radius:0;background:var(--paper);padding:14px}.stat-card+.stat-card{border-left:1px solid var(--subtle)}.stat-card span,.stat-card small{color:var(--muted);font-size:12px;font-weight:800}.stat-card strong{font-size:24px;line-height:1}.home-lists-grid,.dashboard-panels-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.placeholder-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(47,128,237,.16);border-radius:8px;color:var(--accent);background:#eef6ff}.placeholder-row strong{display:block;margin-bottom:5px;font-size:14px;line-height:1.35}.placeholder-row small{display:block;color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}.placeholder-row p{margin:6px 0 0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.55}.operations-list-block{display:grid;gap:14px}.placeholder-row-list{display:grid;gap:0}.placeholder-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;background:var(--paper);padding:13px 14px}.placeholder-row+.placeholder-row{border-top:1px solid var(--subtle)}.placeholder-row-main{min-width:0}.permission-matrix{display:grid;gap:0}.permission-matrix-row{display:grid;grid-template-columns:1.1fr repeat(3,minmax(0,1fr));gap:12px;align-items:center;background:var(--paper);padding:13px 14px;font-size:13px;font-weight:800}.permission-matrix-row+.permission-matrix-row{border-top:1px solid var(--subtle)}.permission-matrix-row span{min-width:0;color:var(--muted)}.permission-matrix-head{color:var(--muted);font-size:12px;font-weight:900}.home-list-panel,.dashboard-list-panel{display:grid;gap:14px}.workflow-row-list,.todo-list,.my-task-list{display:grid;gap:0}.workflow-summary-row,.todo-row,.my-task-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;border:0;border-radius:0;color:var(--ink);background:var(--paper);padding:11px 12px;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.workflow-summary-row+.workflow-summary-row,.todo-row+.todo-row,.my-task-row+.my-task-row{border-top:1px solid var(--subtle)}.workflow-summary-main,.todo-row span:nth-child(2),.my-task-main{display:grid;min-width:0;gap:5px}.workflow-summary-main strong,.todo-row strong,.my-task-main strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.workflow-summary-main small,.todo-row small,.my-task-main small{color:var(--muted);font-size:12px}.compact-page-hero h1{font-size:28px}.task-status-tabs,.status-tab-bar{display:flex;flex-wrap:wrap;gap:8px}.status-tab-bar.is-preview{gap:6px;min-width:0}.task-status-tabs button,.status-tab-bar button{display:inline-flex;align-items:center;gap:7px;min-height:36px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--paper);padding:0 12px;font-size:13px;font-weight:900}.task-status-tabs button.active,.status-tab-bar button.active{border-color:#2f80ed59;color:var(--accent);background:#2f80ed14}.status-tab-bar.is-preview button{min-height:28px;border-radius:7px;padding:0 9px;font-size:12px;line-height:1}.status-tab-bar.is-preview svg{width:13px;height:13px}.status-tab-bar.is-side{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.status-step-dots{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.status-step-dots::-webkit-scrollbar{display:none}.status-tab-bar.is-side .status-step-button{flex:0 0 22px;justify-content:center;width:22px;height:22px;min-height:22px;border-radius:var(--radius-pill);padding:0;font-size:11px;line-height:1}.status-tab-bar.is-side .status-step-button.active{border-color:#2f80ed73;color:#fff;background:var(--accent)}.status-current-field{display:inline-flex;align-items:center;justify-content:center;min-width:66px;min-height:28px;border:1px solid rgba(47,128,237,.22);border-radius:8px;color:var(--accent);background:#2f80ed14;padding:0 10px;font-size:12px;font-weight:900;white-space:nowrap}.node-detail-mode-tabs{display:flex;flex-wrap:wrap;gap:8px}.node-detail-mode-tabs button{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--paper);padding:0 12px;text-align:left}.node-detail-mode-tabs button.active{border-color:#2f80ed59;color:var(--accent);background:#2f80ed14}.node-detail-mode-tabs button>span{display:grid;gap:2px;min-width:0}.node-detail-mode-tabs strong{font-size:13px;line-height:1.2}.node-detail-mode-tabs small{color:var(--muted);font-size:11px;font-weight:800;line-height:1.2}.my-task-row{grid-template-columns:42px minmax(0,1fr) auto;padding:13px}.my-task-meta{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.node-detail-hero{display:grid;align-items:start;gap:10px}.node-detail-title h1{margin:0;font-size:29px;line-height:1.16}.node-detail-hero-action{align-self:start;justify-self:end}main.main-area>.node-detail-surface>.page-stack>.node-detail-hero{padding-top:16px;padding-bottom:16px}.back-button{align-self:start;width:fit-content;min-height:36px}.status-summary-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;border:0;border-radius:8px;background:#2f80ed14;padding:16px}.status-summary-card h2{margin:0 0 5px;font-size:18px}.status-summary-card p{margin:0;color:var(--muted);font-size:14px;font-weight:700;line-height:1.55}.status-summary-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:var(--accent);background:var(--paper)}.status-summary-card.rejected{background:#d1434314}.status-summary-card.rejected .status-summary-icon{color:var(--red)}.status-summary-card.done{background:#0f766e14}.status-summary-card.done .status-summary-icon{color:var(--green)}.status-summary-card.stopped{background:var(--paper-2)}.node-detail-body-grid{display:grid;gap:22px;align-items:start;min-width:0}.node-detail-body-grid.has-side-column{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.node-detail-body-grid.is-single-column{grid-template-columns:minmax(0,1fr)}.node-detail-main-column{display:grid;gap:0;min-width:0}.node-detail-side-column{display:grid;align-content:start;gap:16px;min-width:0;padding-left:22px;border-left:1px solid var(--subtle)}.node-detail-side-section{display:grid;gap:12px;min-width:0}.node-detail-side-column .status-summary-card{grid-template-columns:36px minmax(0,1fr);padding:14px}.node-detail-side-column .status-summary-icon{width:34px;height:34px}.node-detail-side-column .status-summary-card h2{font-size:16px}.node-detail-side-column .status-summary-card p{font-size:12px;line-height:1.55}.workflow-step-rail-section{padding-top:2px}.side-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.side-section-heading h2{margin:0;font-size:16px}.workflow-step-rail{display:grid;gap:0}.workflow-step-rail-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,auto);gap:12px;align-items:center;min-width:0;padding:12px 0}.workflow-step-rail-row:not(:last-child):after{position:absolute;top:38px;bottom:-13px;left:13px;z-index:0;width:2px;border-radius:999px;background:#dce7f5;content:""}.workflow-step-rail-row.is-done:not(:last-child):after{background:var(--accent)}.workflow-step-rail-row+.workflow-step-rail-row:before{position:absolute;top:0;right:0;left:38px;z-index:0;height:1px;background:var(--subtle);content:""}.workflow-step-main{position:relative;z-index:1;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.workflow-step-index{position:relative;z-index:1;display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--paper);font-size:12px;font-weight:900}.workflow-step-copy{display:grid;gap:3px;min-width:0}.workflow-step-copy strong{min-width:0;overflow:hidden;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.workflow-step-copy small{color:var(--muted);font-size:12px;font-weight:800}.workflow-step-plan{display:grid;justify-items:end;gap:3px;color:var(--muted);text-align:right}.workflow-step-plan small{font-size:11px;font-weight:800}.workflow-step-plan strong{color:var(--ink);font-size:12px;white-space:nowrap}.workflow-step-rail-row.is-done .workflow-step-index,.workflow-step-rail-row.is-current .workflow-step-index{border-color:#2f80ed6b;color:#fff;background:var(--accent)}.workflow-step-rail-row.is-rejected .workflow-step-index{border-color:#d143435c;color:#fff;background:var(--red)}.workflow-step-rail-row.is-current .workflow-step-plan strong{color:var(--accent)}.workflow-step-rail-row.is-rejected .workflow-step-plan strong{color:var(--red)}.create-demand-form,.node-field-config-form{display:grid;gap:0}.form-panel{animation:block-enter .36s cubic-bezier(.2,.82,.2,1) both;display:grid;gap:12px;border:0;border-radius:0;background:transparent;padding:16px}.form-panel:nth-child(1){animation-delay:.22s}.form-panel:nth-child(2){animation-delay:.28s}.form-panel:nth-child(3){animation-delay:.34s}.form-panel:nth-child(4){animation-delay:.4s}.form-panel:nth-child(5){animation-delay:.46s}.form-panel+.form-panel{border-top:1px solid var(--subtle)}.form-panel-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.form-panel-heading h2{display:inline-flex;align-items:center;gap:6px;margin:0;min-width:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.form-panel-heading h2 span{color:var(--accent)}.form-panel-heading small{border-radius:6px;color:var(--muted);background:#eef6ff;padding:4px 8px;font-size:12px;font-weight:800}.form-panel-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-config-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;font-weight:800;line-height:1.5}.full-span,.segmented-control,.inline-form-row,.selected-strip,.channel-edit-list,.mini-flow-card{grid-column:1 / -1}.form-field{display:grid;min-width:0;gap:7px}.form-field span{font-size:12px;font-weight:900}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;padding:10px 11px;font-size:13px}.form-field textarea{resize:vertical}.upload-button{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);background:var(--paper);padding:0 12px;font-size:13px;font-weight:900}.segmented-control,.inline-form-row{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.segmented-control button{display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);padding:0 12px;font-size:13px;font-weight:900}.segmented-control button.active{color:#fff;border-color:var(--accent);background:var(--accent)}.inline-form-row .form-field{flex:1 1 220px}.short-field{max-width:130px}.compact-action{min-width:88px}.selected-strip,.channel-edit-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:8px;background:var(--paper-2);padding:10px 12px}.selected-strip{color:var(--ink)}.selected-strip span,.channel-edit-row small{color:var(--muted);font-size:12px;font-weight:900}.channel-edit-list{display:grid;gap:0}.channel-edit-row{grid-template-columns:90px minmax(0,1fr) 52px;border-radius:0;background:transparent}.channel-edit-row+.channel-edit-row{border-top:1px solid var(--subtle)}.channel-edit-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.mini-flow-card{display:grid;gap:14px;min-width:0;padding-top:8px}.mini-flow-card h3{margin:0;font-size:14px}.ds-flow-timeline,.mini-flow,.status-flow{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}.mini-flow-node,.status-flow-node{display:grid;justify-items:center;gap:7px;min-width:110px;text-align:center}.mini-flow{grid-template-columns:repeat(var(--mini-flow-step-count),minmax(112px,1fr));gap:0;padding:0 8px 4px}.mini-flow-node{position:relative;z-index:0;min-width:112px}.mini-flow-node:not(:last-child):after{position:absolute;top:var(--flow-dot-radius);left:calc(50% + var(--flow-dot-radius));z-index:-1;width:calc(100% - var(--flow-dot-size));height:1px;background:var(--line);content:""}.mini-flow-dot,.status-flow-dot{display:grid;width:var(--flow-dot-size);height:var(--flow-dot-size);place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--paper);font-size:13px;font-weight:900}.mini-flow-dot.success,.status-flow-dot.success{border-color:#0f766e57;color:#fff;background:#22c55e}.mini-flow-dot.info,.status-flow-dot.info{border-color:#2f80ed57;color:#fff;background:var(--accent)}.mini-flow-node strong,.status-flow-node strong{font-size:13px}.mini-flow-node small,.status-flow-node small{color:var(--muted);font-size:12px}.status-flow.workflow-node-flow{grid-template-columns:repeat(var(--workflow-step-count),minmax(124px,1fr));gap:0;padding:0 8px 4px}.workflow-node-step{position:relative;min-width:124px;z-index:0}.workflow-node-step:not(:last-child):after{position:absolute;top:var(--flow-dot-radius);left:calc(50% + var(--flow-dot-radius));right:calc(-50% + var(--flow-dot-radius));height:2px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#2f80ed94,#2f80ed4d);content:"";z-index:0}.workflow-node-step .status-flow-dot,.workflow-node-step strong,.workflow-node-step small{position:relative;z-index:1}.workflow-node-step .status-flow-dot{box-shadow:0 0 0 4px var(--paper)}.node-status-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.definition-list,.estimate-list{display:grid;gap:0}.definition-list div,.estimate-list div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--subtle)}.definition-list div:last-child,.estimate-list div:last-child{border-bottom:0}.definition-list span,.estimate-list span{color:var(--muted);font-size:13px;font-weight:800}.definition-list strong,.estimate-list strong{min-width:0;font-size:14px;line-height:1.45;text-align:right}.initiator-line{display:grid;grid-template-columns:18px auto minmax(0,1fr);align-items:center;gap:8px;margin-top:16px;color:var(--muted);font-size:13px}.initiator-line svg{color:var(--accent)}.initiator-line strong{color:var(--ink)}.status-flow{grid-template-columns:repeat(6,minmax(112px,1fr))}.progress-note-box{display:grid;gap:6px;border-radius:8px;background:var(--paper-2);padding:14px}.progress-note-box p{margin:0;color:var(--muted);font-size:14px;font-weight:800;line-height:1.5}.detail-actions{display:flex;justify-content:flex-start;gap:10px}.danger-button{border:1px solid rgba(209,67,67,.35);color:#fff;background:var(--red)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.workflow-template-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1px;align-items:stretch;background:var(--subtle);padding:0;height:100%;min-height:0;overflow:hidden}.template-library-panel,.workflow-template-editor{min-width:0;min-height:0;background:#ffffffb8;padding:18px}.template-library-panel{display:grid;align-content:start;gap:14px}.template-library-header,.template-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-library-header h2,.template-editor-header h2{margin:0;font-size:18px;line-height:1.3}.template-library-list{display:grid;gap:8px}.template-library-row{display:grid;gap:8px;border:1px solid transparent;border-radius:8px;background:transparent;padding:8px}.template-library-row.active{border-color:#2f80ed57;background:#f5f9ff}.template-library-row:focus-visible{outline:2px solid rgba(47,128,237,.42);outline-offset:2px}.template-select-button{display:grid;gap:5px;width:100%;min-width:0;border:0;color:var(--ink);background:transparent;padding:0;text-align:left}.template-select-button strong,.template-select-button small,.template-select-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-select-button strong{font-size:14px}.template-select-button small,.template-select-button span{color:var(--muted);font-size:12px;font-weight:800}.template-row-actions{display:flex;gap:6px;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .16s ease,transform .16s ease}.template-library-row:hover .template-row-actions,.template-library-row:focus-within .template-row-actions,.template-library-row.active .template-row-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.template-row-actions .icon-button{width:30px;height:30px}.danger-icon-button{color:var(--red)}.template-rename-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.template-rename-form input{min-width:0;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:0 10px;font-size:13px;font-weight:800}.mini-button{min-height:34px;padding:0 10px;font-size:12px}.workflow-template-editor{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;overflow:hidden}.template-editor-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;color:var(--muted);font-size:12px;font-weight:800}.template-editor-meta span+span:before{margin-right:8px;content:"/";color:var(--line)}.template-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.graph-panel{display:grid;grid-template-rows:minmax(0,1fr);height:100%;min-height:560px;overflow:hidden}.graph-panel.has-graph-header{grid-template-rows:auto minmax(0,1fr);gap:14px}.graph-header{display:flex;align-items:flex-start;justify-content:flex-end;gap:16px}.graph-connect-hint{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid rgba(47,128,237,.24);border-radius:8px;color:var(--accent);background:#2f80ed12;padding:0 11px;font-size:12px;font-weight:900;white-space:nowrap}.graph-connect-hint button{min-height:26px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);padding:0 8px;font-size:12px;font-weight:900}.graph-canvas-shell{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:8px;background:linear-gradient(rgba(203,215,230,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(203,215,230,.34) 1px,transparent 1px),var(--paper-2);background-size:28px 28px}.graph-canvas-scroll{position:relative;width:100%;height:100%;min-height:0;overflow:auto;border:0;border-radius:inherit;background:linear-gradient(rgba(203,215,230,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(203,215,230,.34) 1px,transparent 1px),var(--paper-2);background-size:28px 28px;cursor:grab;-ms-overflow-style:none;overscroll-behavior:contain;scrollbar-width:none;touch-action:none}.graph-canvas-scroll::-webkit-scrollbar{display:none}.graph-canvas-scroll.is-panning{cursor:grabbing}.graph-toolbar-layer{position:absolute;inset:0;z-index:30;overflow:hidden;border-radius:inherit;pointer-events:none}.graph-canvas-stage{position:relative}.graph-canvas{position:relative;background:linear-gradient(rgba(203,215,230,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(203,215,230,.34) 1px,transparent 1px),var(--paper-2);background-size:28px 28px;transform-origin:left top}.graph-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.graph-edge-line{fill:none;stroke:#2f80ed6b;stroke-linejoin:round;stroke-width:2;marker-start:url(#graph-terminal-start);marker-end:url(#graph-terminal-end)}.graph-edge-hit{fill:none;stroke:transparent;stroke-linejoin:round;stroke-width:24;pointer-events:stroke}.graph-edge.active .graph-edge-line{stroke:#2f80eda3;stroke-width:2;filter:drop-shadow(0 0 5px rgba(47,128,237,.22))}.graph-edge-preview{fill:none;stroke:var(--accent);stroke-dasharray:8 7;stroke-linecap:butt;stroke-linejoin:round;stroke-width:2;marker-start:url(#graph-terminal-start);marker-end:url(#graph-terminal-end);opacity:.74;pointer-events:none}.graph-edge-preview.is-valid{stroke-dasharray:none;opacity:1}.graph-edge-flow{fill:none;stroke:url(#graph-flow-sheen);stroke-dasharray:.18 .82;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.8;filter:drop-shadow(0 0 7px rgba(47,128,237,.22));opacity:.78;pointer-events:none;animation:graph-edge-flow-sheen 6.2s cubic-bezier(.48,0,.22,1) infinite}@keyframes graph-edge-flow-sheen{0%{stroke-dashoffset:1.08;opacity:0}14%{opacity:.62}72%{opacity:.78}to{stroke-dashoffset:-.18;opacity:0}}.graph-edge-remove{position:absolute;z-index:3;display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(209,67,67,.36);border-radius:50%;color:var(--red);background:var(--paper);box-shadow:0 8px 20px #0a1a2e24;padding:0;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9);transition:opacity .16s ease,transform .16s ease,border-color .16s ease,background .16s ease}.graph-edge-remove.is-visible,.graph-edge-remove:focus-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.graph-edge-remove:hover{border-color:#d143439e;background:#fff5f5}.graph-edge-remove svg{display:block}.graph-view-toolbar{position:absolute;top:12px;left:12px;z-index:1;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;width:max-content;max-width:calc(100% - 24px);margin:0;transform:none;pointer-events:auto}.graph-view-toolbar .icon-button{width:34px;height:34px;color:var(--accent);background:#ffffffeb;box-shadow:0 8px 20px #0a1a2e1f}.graph-zoom-controls{display:inline-flex;align-items:center;overflow:hidden;height:34px;border:1px solid rgba(47,128,237,.24);border-radius:8px;background:#fffffff0;box-shadow:0 8px 20px #0a1a2e1f}.graph-zoom-button,.graph-zoom-reset{display:grid;height:100%;min-width:34px;place-items:center;border:0;border-radius:0;color:var(--accent);background:transparent;padding:0;font-size:12px;font-weight:900}.graph-zoom-button+.graph-zoom-reset,.graph-zoom-reset+.graph-zoom-button{border-left:1px solid rgba(47,128,237,.16)}.graph-zoom-reset{min-width:50px;padding:0 9px;color:var(--ink)}.graph-zoom-button:hover,.graph-zoom-reset:hover{background:#f2f8ff}.graph-toolbar-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-width:92px;border:1px solid rgba(47,128,237,.24);border-radius:8px;color:var(--accent);background:#fffffff0;box-shadow:0 8px 20px #0a1a2e1f;padding:0 11px;font-size:12px;font-weight:900;white-space:nowrap}.graph-toolbar-action:hover{border-color:#2f80ed6b;background:#f2f8ff}.danger-toolbar-action{border-color:#d143433d;color:var(--red)}.danger-toolbar-action:hover{border-color:#d1434370;background:#fff5f5}.graph-toolbar-action svg{flex:0 0 auto}#graph-terminal-start path,#graph-terminal-end path{fill:var(--accent)}.graph-node-card{position:absolute;z-index:2;display:flex;flex-direction:column;gap:12px;width:218px;min-height:142px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);box-shadow:0 12px 30px #0a1a2e14;padding:12px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.graph-node-card:hover,.graph-node-card.active,.graph-node-card.connect-target{border-color:#2f80ed80;box-shadow:0 16px 36px #2f80ed21}.graph-node-card:focus-visible{outline:2px solid rgba(47,128,237,.58);outline-offset:3px}.graph-node-card.active{transform:translateY(-1px)}.graph-node-card.connect-source{border-color:var(--orange);box-shadow:0 16px 36px #b7791f2e}.graph-node-card.is-dragging{z-index:4;cursor:grabbing;box-shadow:0 20px 44px #0a1a2e29;will-change:left,top,transform}.graph-node-card.is-settling{z-index:4;box-shadow:0 18px 42px #0a1a2e24;will-change:left,top,transform}.graph-node-card.connect-target{outline:2px dashed rgba(47,128,237,.3);outline-offset:3px}.graph-node-card.connect-drop-target{border-color:var(--accent);outline-color:#2f80ed94;box-shadow:0 18px 40px #2f80ed33}.graph-node-actions{position:absolute;right:10px;top:10px;z-index:5;display:flex;align-items:center;gap:6px;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.graph-node-action-button{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(47,128,237,.34);border-radius:8px;color:var(--accent);background:var(--paper);box-shadow:0 8px 18px #0a1a2e1a;padding:0;cursor:pointer}.quick-connect-action{cursor:crosshair}.edit-node-action{border-color:#2f80ed6b}.danger-node-action{border-color:#d1434352;color:var(--red)}.graph-node-card:hover .graph-node-actions,.graph-node-card:focus-within .graph-node-actions,.graph-node-card.active .graph-node-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.graph-node-action-button:hover{background:#f2f8ff}.danger-node-action:hover{background:#fff5f5}.graph-node-top{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding-right:66px}.graph-node-card.active .graph-node-top{padding-right:100px}.graph-node-top strong,.graph-node-top small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-node-top strong{font-size:14px}.graph-node-top small{margin-top:4px;color:var(--muted);font-size:12px}.graph-node-bottom{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:8px;margin-top:auto}.graph-node-fields{display:flex;min-width:0;flex-wrap:wrap;gap:5px}.graph-node-fields span{min-height:22px;border:1px solid rgba(47,128,237,.18);border-radius:6px;color:#28415f;background:#f5f9ff;padding:3px 6px;font-size:11px;font-weight:900;line-height:1.2;overflow-wrap:anywhere;white-space:normal}.detail-layout{display:grid;grid-template-columns:310px minmax(0,1fr) 360px;gap:14px;align-items:start}.panel{min-width:0;border:0;border-radius:0;background:transparent;padding:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.compact-heading{margin-bottom:12px}.panel-heading h2,.node-panel-header h2{margin:0;font-size:19px;line-height:1.3}.node-list{display:grid;gap:0}.node-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;width:100%;min-width:0;padding:11px;border:0;border-radius:0;color:var(--ink);background:transparent;text-align:left}.node-row+.node-row{border-top:1px solid var(--subtle)}.node-row:hover,.node-row.active{background:#fff}.node-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(47,128,237,.2);border-radius:8px;color:var(--accent);background:#eef6ff}.node-row-body,.node-row-title{min-width:0;display:grid;gap:6px}.node-row-title{grid-template-columns:minmax(0,1fr) auto;align-items:center}.node-row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.node-row small{color:var(--muted);font-size:12px;line-height:1.35}.mini-progress{height:5px;overflow:hidden;border-radius:999px;background:#e1e9f4}.mini-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.current-node-panel{display:grid;gap:16px}.node-panel-header{display:flex;justify-content:space-between;gap:16px}.node-panel-fields{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.node-panel-fields span{min-height:24px;padding:4px 8px;border:1px solid rgba(47,128,237,.18);border-radius:6px;color:var(--accent);background:#2f80ed12;font-size:12px;font-weight:800;line-height:1.2}.sheet-label{display:inline-block;margin-bottom:6px;color:var(--accent);font-size:12px;font-weight:900}.node-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:8px;background:var(--subtle)}.info-block{display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px 8px;padding:11px;border:0;border-radius:0;background:var(--paper-2)}.info-block svg{grid-row:span 2;margin-top:2px;color:var(--accent)}.info-block span{color:var(--muted);font-size:12px}.info-block strong{overflow:hidden;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.node-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:8px;background:var(--subtle)}.info-list-card{min-width:0;padding:13px;border:0;border-radius:0;background:var(--paper-2)}.info-list-card h3{margin:0 0 10px;font-size:14px}.info-list-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.info-list-card li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;color:var(--ink);font-size:12px;line-height:1.5}.info-list-card svg{margin-top:2px;color:var(--green)}.field-section{display:grid;gap:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h3{margin:0;font-size:16px}.inline-link{display:inline-flex;align-items:center;gap:6px;border:0;color:var(--accent);background:transparent;font-size:13px;font-weight:900}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:8px;background:var(--subtle)}.field-tile{min-width:0;display:grid;gap:9px;padding:13px;border:0;border-radius:0;background:#fff}.field-tile.locked{background:#f5f8fc}.field-tile div{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-tile strong{min-width:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.field-tile p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.node-field-manager{display:grid;gap:12px}.node-field-manager .compact-heading p{margin:4px 0 0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}.editable-field-list{display:grid;gap:1px;overflow:hidden;border-radius:8px;background:var(--subtle)}.editable-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;background:var(--paper-2);padding:10px 12px}.editable-field-row strong,.editable-field-row small{display:block;min-width:0;overflow-wrap:anywhere;white-space:normal}.editable-field-row strong{font-size:13px}.editable-field-row small{margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.editable-field-row .icon-button{width:30px;height:30px;color:var(--red)}.empty-inline-state{color:var(--muted);background:var(--paper-2);padding:14px;font-size:13px;font-weight:800}.side-column{display:grid;gap:0}.side-column>.panel+.panel{border-top:1px solid var(--subtle)}.system-list,.output-list{display:grid;gap:0}.system-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:0;border-radius:0;background:transparent}.system-row+.system-row{border-top:1px solid var(--subtle)}.system-row svg{color:var(--accent)}.system-row strong{font-size:13px}.output-list div{display:grid;grid-template-columns:minmax(0,80px) minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:0;border-radius:0}.output-list div+div{border-top:1px solid var(--subtle)}.output-list span{color:var(--muted);font-size:12px}.output-list strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.simple-data-table{width:100%;border-collapse:collapse;font-size:13px}.simple-data-table th,.simple-data-table td{padding:12px 11px;border-bottom:1px solid var(--subtle);text-align:left;vertical-align:top}.simple-data-table th{color:var(--muted);background:var(--paper-2);font-size:12px;font-weight:900}.simple-data-table tr{cursor:pointer}.simple-data-table tr:hover,.simple-data-table tr.selected-row{background:#2f80ed0f}.simple-data-table strong,.simple-data-table small{display:block}.simple-data-table small{margin-top:4px;color:var(--muted);font-size:12px}.table-wrap{width:100%;overflow-x:auto}.primary-button,.ghost-button,.danger-button,.icon-button{border-radius:var(--radius-control);transition:transform var(--motion-fast-duration) var(--ease-standard),border-color var(--motion-fast-duration) var(--ease-standard),background var(--motion-fast-duration) var(--ease-standard),opacity var(--motion-fast-duration) var(--ease-standard)}.primary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height-lg);padding:0 14px;border:1px solid transparent;font-size:13px;font-weight:900;white-space:nowrap}.primary-button{color:#fff;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 58%,var(--accent) 160%)}.ghost-button{border-color:var(--line);color:var(--ink);background:var(--paper)}.icon-button{display:inline-grid;width:var(--control-height-md);height:var(--control-height-md);place-items:center;border:1px solid var(--line);color:var(--ink);background:var(--paper)}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.icon-button:hover,.node-row:hover{transform:translateY(-1px)}.primary-button:active,.ghost-button:active,.danger-button:active,.icon-button:active{transform:translateY(0) scale(.99)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.form-actions{display:flex;justify-content:flex-end;gap:10px}.status-tag{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border:1px solid;border-radius:var(--radius-pill);font-size:12px;font-weight:900;white-space:nowrap}.status-tag.info{border-color:#2f80ed47;color:var(--accent);background:#2f80ed14}.status-tag.warning{border-color:#b7791f52;color:var(--orange);background:#b7791f1a}.status-tag.success{border-color:#0f766e52;color:var(--green);background:#0f766e14}.status-tag.danger{border-color:#d1434352;color:var(--red);background:#d1434314}.status-tag.neutral{border-color:var(--line);color:var(--muted);background:var(--paper-2)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:20px;background:#07111f52}.compare-modal{position:relative;width:min(720px,100%);max-height:min(720px,88vh);overflow:auto;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--paper);box-shadow:var(--shadow);padding:22px}.node-delete-backdrop{z-index:var(--z-critical-modal);animation:modal-backdrop-in var(--motion-modal-duration) ease-out both}.node-delete-backdrop.is-closing{pointer-events:none;animation:modal-backdrop-out var(--motion-modal-duration) ease-in both}.node-delete-modal{display:grid;gap:14px;width:min(420px,100%);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--paper);box-shadow:var(--shadow);padding:22px;transform-origin:50% 46%;animation:modal-panel-in var(--motion-modal-duration) var(--ease-enter) both}.node-delete-backdrop.is-closing .node-delete-modal{animation:modal-panel-out var(--motion-modal-duration) ease-in both}.node-delete-modal h2{margin:0;font-size:20px;line-height:1.3}.node-delete-modal p{margin:0;color:var(--muted);font-size:14px;font-weight:800;line-height:1.6}.node-detail-modal-backdrop{padding:24px;animation:modal-backdrop-in var(--motion-modal-duration) ease-out both}.node-detail-modal-backdrop.is-closing{pointer-events:none;animation:modal-backdrop-out var(--motion-modal-duration) ease-in both}.node-detail-modal-frame{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;width:min(1040px,calc(100vw - 48px));max-height:min(1000px,calc(100vh - 48px));min-height:0}.node-detail-preview-strip{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:fit-content;max-width:100%;min-width:0;border:1px solid rgba(203,215,230,.76);border-radius:var(--radius-panel);background:#ffffffdb;box-shadow:0 10px 30px #0a1a2e1a;padding:6px;animation:modal-panel-in var(--motion-modal-duration) var(--ease-enter) both}.node-detail-preview-strip>span{flex:0 0 auto;color:var(--muted);padding:0 4px;font-size:12px;font-weight:900;line-height:1}.node-detail-modal-backdrop.is-closing .node-detail-preview-strip{animation:modal-panel-out var(--motion-modal-duration) ease-in both}.node-detail-modal{position:relative;width:100%;max-height:100%;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--paper);box-shadow:var(--shadow);transform-origin:50% 44%;animation:modal-panel-in var(--motion-modal-duration) var(--ease-enter) both}.node-detail-modal-backdrop.is-closing .node-detail-modal{animation:modal-panel-out var(--motion-modal-duration) ease-in both}.node-detail-modal-complete{min-height:36px;padding:0 14px}.node-detail-modal .node-detail-surface{min-height:0;border:0;border-radius:8px;background:var(--paper);overflow:visible}.node-detail-modal .node-detail-hero{position:sticky;top:0;z-index:8;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid var(--subtle);background:#fffffff5;padding-right:22px;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px)}.node-detail-modal .node-detail-title{min-width:0}.node-detail-modal .node-detail-hero-action{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end}.field-picker-backdrop{position:fixed;inset:0;z-index:var(--z-field-modal);display:grid;place-items:center;padding:24px;background:#07111f33;animation:modal-backdrop-in var(--motion-modal-duration) ease-out both}.field-picker-modal{position:relative;width:min(520px,calc(100vw - 40px));max-height:min(680px,calc(100vh - 48px));overflow:auto;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--paper);box-shadow:var(--shadow);padding:20px;transform-origin:50% 48%;animation:modal-panel-in var(--motion-modal-duration) var(--ease-enter) both}.field-picker-modal h2{margin:0 40px 16px 0;font-size:20px}.field-option-list{display:grid;gap:8px}.field-option-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:54px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper-2);padding:10px 12px;text-align:left}.field-option-row:hover{border-color:#2f80ed57;background:#f2f8ff}.field-option-row strong,.field-option-row small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-option-row strong{font-size:13px}.field-option-row small{margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.field-option-row svg{color:var(--accent)}.compare-modal h2{margin:0;font-size:22px}.sheet-close{position:absolute;top:14px;right:14px}.compare-grid{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.compare-grid>*{min-width:0;padding:11px 12px;border-bottom:1px solid var(--subtle);font-size:13px;line-height:1.5}.compare-grid>strong{color:var(--muted);background:var(--paper-2)}.toast{position:fixed;right:24px;bottom:24px;z-index:var(--z-toast);display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(15,118,110,.24);border-radius:var(--radius-panel);color:var(--green);background:#fff;box-shadow:var(--shadow);font-size:13px;font-weight:900}.mobile-nav-trigger,.sidebar-close,.nav-scrim{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.graph-edge-flow{animation:none!important;stroke-dasharray:none;stroke-dashoffset:0;opacity:.46}.brand-mark:hover{transform:translateY(-2px) scale(1)}.brand-mark:active{transform:scale(1.06)}}@media(max-width:1280px){.detail-layout{grid-template-columns:270px minmax(0,1fr)}.node-detail-body-grid.has-side-column{grid-template-columns:minmax(0,1fr) minmax(288px,320px);gap:18px}.node-detail-side-column{padding-left:18px}.workflow-template-workspace{grid-template-columns:280px minmax(0,1fr)}.side-column{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:981px)and (max-width:1280px){.template-grid:after{display:block}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translate(-100%);width:min(288px,calc(100vw - 56px));transition:transform .18s ease}.sidebar-collapse-toggle{display:none}.sidebar.is-open{transform:translate(0)}.sidebar-close,.mobile-nav-trigger,.nav-scrim{display:grid}.mobile-nav-trigger{position:fixed;left:14px;top:14px;z-index:45;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.nav-scrim{position:fixed;inset:0;z-index:25;border:0;background:#07111f33}.main-area{padding:14px 12px 0}.topbar{padding-left:48px}.page-surface{border-radius:8px}.detail-hero,.node-panel-header{display:grid}.hero-actions{justify-content:flex-start}.detail-layout,.workflow-template-workspace,.side-column,.home-lists-grid,.dashboard-panels-grid,.node-status-grid{grid-template-columns:1fr}.template-library-panel,.workflow-template-editor{padding:16px}.template-grid,.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card+.stat-card{border-left:0}.stat-card:nth-child(2n){border-left:1px solid var(--subtle)}.stat-card:nth-child(n+3){border-top:1px solid var(--subtle)}.graph-header{display:grid}.graph-connect-hint{width:100%;justify-content:flex-start;flex-wrap:wrap;white-space:normal;padding:8px 10px}.node-summary-grid,.node-content-grid,.field-grid,.form-panel-body{grid-template-columns:1fr}.inline-form-row{display:grid}.short-field{max-width:none}}@media(max-width:720px){.page-stack>*{padding:16px}.detail-hero h1{font-size:24px}.node-detail-title h1{font-size:23px}.topbar-actions{gap:6px}.user-chip span{display:none}.hero-actions,.form-actions,.detail-actions{width:100%}.node-detail-body-grid.has-side-column{grid-template-columns:minmax(0,1fr)}.node-detail-side-column{order:-1;padding-left:0;padding-bottom:16px;border-left:0;border-bottom:1px solid var(--subtle)}.hero-actions .primary-button,.hero-actions .ghost-button,.form-actions .primary-button,.form-actions .ghost-button,.detail-actions .primary-button,.detail-actions .ghost-button,.detail-actions .danger-button{flex:1 1 140px}.home-stack>*,.dashboard-stack>*,.operations-stack>*,.home-section{padding:14px}.template-grid,.dashboard-stats{grid-template-columns:1fr}.stat-card:nth-child(2n){border-left:0}.stat-card:nth-child(n+2){border-top:1px solid var(--subtle)}.template-card{min-height:78px;padding:12px 16px}.template-grid:after{min-height:78px}.placeholder-row{grid-template-columns:38px minmax(0,1fr);align-items:flex-start}.placeholder-row .status-tag{grid-column:2;justify-self:flex-start}.permission-matrix-head{display:none}.permission-matrix-row{grid-template-columns:1fr;gap:6px}.home-section-header{align-items:flex-start}.workflow-summary-row,.todo-row,.my-task-row{grid-template-columns:38px minmax(0,1fr)}.workflow-summary-row .status-tag,.todo-row .status-tag,.my-task-meta{grid-column:2;justify-self:start}.status-tab-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.status-tab-bar button{flex:0 0 auto}.node-detail-mode-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.node-detail-mode-tabs button{flex:0 0 auto}.status-summary-card{grid-template-columns:1fr}.template-library-header,.template-editor-header{display:grid}.template-rename-form{grid-template-columns:1fr}.editable-field-row{grid-template-columns:minmax(0,1fr) auto}.editable-field-row .icon-button{grid-column:2}.node-detail-modal-backdrop{padding:12px}.node-detail-modal-frame{width:100%;max-height:calc(100vh - 24px)}.node-detail-preview-strip{width:100%;overflow-x:auto}.node-detail-preview-strip .status-tab-bar{padding-bottom:0}.node-detail-modal{max-height:100%}.node-detail-modal .node-detail-hero{grid-template-columns:minmax(0,1fr) auto;padding-right:16px}.node-detail-modal-complete{min-height:34px;padding:0 12px}.definition-list div,.estimate-list div{grid-template-columns:1fr}.definition-list strong,.estimate-list strong{text-align:left}.channel-edit-row{grid-template-columns:76px minmax(0,1fr) 44px}.simple-data-table,.simple-data-table thead,.simple-data-table tbody,.simple-data-table th,.simple-data-table td,.simple-data-table tr{display:block}.simple-data-table thead{display:none}.simple-data-table tr{padding:10px;border:0;border-radius:8px;margin-bottom:10px;background:var(--paper)}.simple-data-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--subtle)}.simple-data-table td:last-child{border-bottom:0}.simple-data-table td:before{color:var(--muted);font-size:12px;font-weight:900;content:attr(data-label)}.compare-grid{grid-template-columns:1fr}}