/* Focused workspace polish for the channel center and infinite canvas. */
.operations-view{height:calc(100vh - 96px);overflow:hidden}
#channelsCenter.operations-view{overflow:auto}
.channel-shell{min-height:100%;display:flex;flex-direction:column;gap:16px;min-width:0}
.channel-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 2px 12px;border-bottom:1px solid #e6eaf0}
.channel-page-head h2{margin:3px 0 5px;font-size:25px;line-height:1.25;color:#182230}
.channel-page-head p:not(.eyebrow){margin:0;color:#667085;font-size:14px}
.channel-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.channel-summary{color:#667085;font-size:13px;font-weight:700;white-space:nowrap}
.icon-text-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border-radius:7px;box-shadow:none}
.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start;overflow:auto;padding:2px 2px 12px}
.channel-card{min-height:144px;display:flex;flex-direction:column;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.035)}
.channel-card header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:11px}
.channel-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#eff6ff;color:#2563eb;font-size:16px;font-weight:900}
.channel-logo.weixin{background:#ecfdf3;color:#067647}.channel-logo.feishu{background:#f0f5ff;color:#3867d6}.channel-logo.dingtalk{background:#eff6ff;color:#1677ff}.channel-logo.wecom{background:#eef4ff;color:#3b73e0}
.channel-card h3{margin:1px 0 5px;font-size:16px;line-height:1.35;color:#182230}.channel-card header p{margin:0;color:#667085;font-size:13px;line-height:1.55}
.channel-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:12px;font-weight:750;white-space:nowrap}
.channel-status.pending{background:#eff6ff;color:#2563eb}.channel-status.connected{background:#ecfdf3;color:#067647}
.channel-meta{margin:11px 0 10px;padding-top:9px;border-top:1px solid #f0f2f5;color:#667085;font-size:12px;line-height:1.45}
.channel-card footer{display:flex;align-items:center;gap:8px;margin-top:auto}.channel-card footer>button{min-height:34px;padding:7px 12px;border-radius:7px;font-size:13px}.channel-card footer .ghost{box-shadow:none}.channel-more{width:34px;min-width:34px;min-height:34px!important;margin-left:auto;padding:0!important;background:#fff!important;color:#667085!important;border:1px solid #e2e8f0!important;border-radius:7px!important;font-size:17px!important;letter-spacing:0!important;box-shadow:none!important}
.channel-qr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-3px 0 14px;padding:8px 10px;border:1px solid #e8edf4;border-radius:7px;background:#f8fafc}.channel-qr code{min-width:0;overflow:hidden;color:#475467;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.channel-qr .ghost{min-height:29px;padding:4px 8px;border-radius:6px;font-size:12px;box-shadow:none}
.canvas-layout{height:calc(100vh - 96px);display:flex;flex-direction:column;min-height:0;border:1px solid #dfe6ee;border-radius:8px;overflow:hidden;background:#fff}
.canvas-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-bottom:1px solid #e6eaf0;background:#fff}
.canvas-flow{display:flex;align-items:center;gap:10px;min-width:0;color:#667085;font-size:13px;font-weight:700}.canvas-flow span{white-space:nowrap}.canvas-flow i{font-style:normal;color:#98a2b3}.canvas-flow span:first-child{color:#344054}
.canvas-toolbar-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.canvas-toolbar-actions button{min-height:34px;padding:7px 11px;border-radius:7px;font-size:13px;box-shadow:none}.canvas-toolbar-actions button:disabled{cursor:not-allowed;opacity:.48}.icon-only{width:34px;min-width:34px;padding:0!important;font-size:18px!important}.canvas-zoom-label{width:43px;color:#667085;font-size:12px;font-weight:700;text-align:center}
.canvas-board{position:relative;flex:1;min-height:0;overflow:auto;background-color:#fbfcfe;background-image:radial-gradient(#cbd5e1 .75px,transparent .75px);background-size:18px 18px}.canvas-stage{position:relative;width:960px;height:620px;transform:scale(var(--canvas-zoom));transform-origin:0 0}.canvas-node{position:absolute;width:205px;min-height:110px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:9px;padding:15px;border:1px solid #dce4ed;border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.07)}.canvas-node:hover{border-color:#f6b48d;box-shadow:0 10px 25px rgba(194,65,12,.11)}.canvas-node-index{grid-row:1 / span 2;align-self:start;display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:#fff3e8;color:#c2410c;font-size:11px;font-weight:900}.canvas-node b{align-self:end;color:#182230;font-size:14px}.canvas-node small{grid-column:2;color:#667085;font-size:12px;line-height:1.45}.canvas-node i{position:absolute;top:12px;right:12px;color:#98a2b3;font-size:14px;font-style:normal;letter-spacing:1px}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.canvas-empty-mark{width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px;border:1px solid #dce4ed;border-radius:9px;background:#fff;color:#c2410c;font-size:22px;font-weight:800}.canvas-empty h2{margin:0;color:#182230;font-size:20px}.canvas-empty p{max-width:430px;margin:8px 0 16px;color:#667085;font-size:14px;line-height:1.65}.canvas-empty button{min-height:38px;padding:8px 14px;border-radius:7px;font-size:13px}.canvas-template-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.canvas-template-list span{padding:5px 9px;border:1px solid #e2e8f0;border-radius:999px;background:rgba(255,255,255,.86);color:#667085;font-size:12px}
@media(max-width:1080px){.channel-grid{grid-template-columns:1fr}.channel-card{min-height:174px}.canvas-flow{display:none}}
@media(max-width:720px){.operations-view{height:auto;overflow:visible}.channel-page-head{align-items:flex-start;flex-direction:column}.channel-head-actions{width:100%;justify-content:space-between}.canvas-layout{height:620px}.canvas-toolbar{height:auto;min-height:58px;align-items:flex-end;flex-direction:column;padding:10px}.canvas-toolbar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.canvas-stage{width:820px}.channel-card header{grid-template-columns:40px minmax(0,1fr)}.channel-status{grid-column:2;justify-self:start}}