:root{--bg:#eff1f4;--text:#252a35;--muted:#7a818e;--muted2:#a1a6b0;--panel:rgba(255,255,255,.55);--panel-solid:#f7f8fb;--edge:rgba(255,255,255,.88);--line:rgba(93,108,138,.1);--accent:#7770dc;--accent-text:#655bd1;--mint:#e0f5eb;--mint-text:#3e9079;--shadow:0 10px 36px -18px rgba(51,64,96,.17),inset 0 1px 0 rgba(255,255,255,.9);--input:rgba(255,255,255,.48);--button:#2d333e;--on-button:#fff;--graph-dot:rgba(111,125,150,.2);--soft-violet:rgba(145,128,232,.10);--white:#fff;--hover:rgba(255,255,255,.55)}
[data-theme=dark]{--bg:#11141c;--text:#e8ebf5;--muted:#979eb1;--muted2:#68738a;--panel:rgba(35,41,57,.55);--panel-solid:#1d2330;--edge:rgba(184,197,231,.11);--line:rgba(158,177,214,.1);--accent:#aca4ff;--accent-text:#b5adff;--mint:rgba(71,159,127,.14);--mint-text:#8ad3b8;--shadow:0 12px 32px -16px #0006,inset 0 1px 0 rgba(255,255,255,.04);--input:rgba(15,20,32,.28);--button:#e2e4f7;--on-button:#28293b;--graph-dot:rgba(146,164,198,.15);--soft-violet:rgba(158,140,244,.12);--white:#242b3b;--hover:rgba(157,171,205,.07)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8b82e9;outline-offset:4px}button:disabled{opacity:.4;cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}button svg{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:clamp(36px,3.7vw,56px);line-height:1.13;font-weight:500;letter-spacing:-2.6px}h1 span{color:var(--muted)}h2{font-size:20px;font-weight:600;letter-spacing:-.65px}h3{font-size:16px;letter-spacing:-.35px;font-weight:650}.ambient{position:fixed;z-index:-2;border-radius:50%;pointer-events:none;filter:blur(75px);opacity:.47}.ambient-one{width:600px;height:530px;right:-120px;top:100px;background:radial-gradient(ellipse,#c5c9ee 10%,#d1f3ec 60%,transparent 72%)}.ambient-two{width:500px;height:350px;left:20%;bottom:-190px;background:#d6cee9}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=dark] .ambient{opacity:.11}
.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(245,247,250,.12);backdrop-filter:blur(20px)}.brand{display:flex;gap:13px;align-items:center;font-size:21px;font-weight:750;letter-spacing:2.7px}.brand-sub{display:block;font-family:'DM Sans',sans-serif;font-size:8px;font-weight:500;letter-spacing:2.1px;margin-top:3px;color:var(--muted)}.brand-mark{height:36px;width:36px;position:relative;transform:rotate(-30deg);display:block}.brand-mark i{display:block;position:absolute;border:1.5px solid var(--text);border-radius:50%;width:32px;height:19px;top:8px;left:2px}.brand-mark i:nth-child(2){transform:rotate(60deg)}.brand-mark i:nth-child(3){transform:rotate(120deg)}.workspace-switch{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-left:55px}.workspace-symbol{display:grid;place-items:center;height:25px;width:25px;border:1px solid var(--edge);border-radius:8px;color:var(--text);font-family:Manrope;font-weight:700;background:var(--panel)}.demo-tag{border:1px solid var(--line);border-radius:5px;font-size:9px;padding:3px 5px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:17px}.search-trigger{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.search-trigger svg{width:16px}.search-trigger kbd{font-size:10px;color:var(--muted2);background:var(--input);padding:4px 6px;border-radius:4px;border:1px solid var(--edge);margin-left:25px}.top-divider{height:23px;border-left:1px solid var(--line)}.icon-button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--muted)}.icon-button:hover{background:var(--hover)}.icon-button svg{width:18px}.user-avatar{height:34px;width:34px;background:linear-gradient(135deg,#cedbd2,#b7b9d4);color:#42495b;border:2px solid var(--edge);border-radius:50%;font-size:10px;font-weight:700}.side-rail{position:fixed;top:91px;bottom:0;left:0;width:91px;border-right:1px solid var(--line);z-index:15;display:flex;align-items:center;flex-direction:column;padding-top:34px}.rail-label{font-size:8px;letter-spacing:1.8px;color:var(--muted2);writing-mode:vertical-rl;margin-bottom:30px}.dock{border:1px solid var(--edge);border-radius:23px;padding:8px 6px;display:flex;flex-direction:column;gap:7px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(25px)}.dock-item{position:relative;width:43px;height:44px;border-radius:15px;display:grid;place-items:center;color:var(--muted);transition:transform .25s,background .25s,color .25s}.dock-item:hover{transform:scale(1.15);background:var(--hover);color:var(--text)}.dock-item.active{background:var(--white);box-shadow:0 3px 10px #303b5c0a;color:var(--accent-text)}.dock-item.active i{width:3px;height:13px;background:var(--accent);border-radius:4px;position:absolute;left:-12px}.dock-item svg{width:20px;height:20px}.dock-tooltip{position:absolute;left:58px;top:8px;white-space:nowrap;background:var(--panel-solid);border:1px solid var(--edge);padding:8px 12px;border-radius:10px;font-size:11px;opacity:0;visibility:hidden;box-shadow:var(--shadow);transition:opacity .2s;pointer-events:none}.dock-item:hover .dock-tooltip,.dock-item:focus-visible .dock-tooltip{opacity:1;visibility:visible}.dock-divider{height:1px;background:var(--line);margin:3px 9px}.rail-bottom{margin-top:auto;margin-bottom:30px;color:var(--muted)}
main{margin-left:91px;padding:29px 43px 20px;max-width:1700px}.page-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:10px}.breadcrumb svg{width:13px;color:var(--muted2)}.breadcrumb strong{color:var(--text);font-weight:500}.live-state{display:flex;align-items:center;gap:7px;font-size:10px}.status-dot{height:5px;width:5px;background:#74b99f;border-radius:50%;box-shadow:0 0 0 4px #7fc3a80c}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:var(--muted);margin-bottom:15px;display:flex;align-items:center;gap:8px}.eyebrow-line{width:23px;height:1px;background:var(--muted2)}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:238px;align-items:center;margin-bottom:25px;gap:20px}.hero-description{margin-top:17px;max-width:375px;line-height:1.7;color:var(--muted);font-size:12px}.hero-description span{color:var(--text)}.hero-visual{height:245px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:330px;height:290px;top:-29px;right:calc(50% - 165px);pointer-events:none}.orb-fallback{background:radial-gradient(circle at 33% 25%,#fff9,transparent 20%),radial-gradient(circle at 30% 60%,#9bd6caaa,transparent 50%),radial-gradient(circle at 70% 30%,#aaa1e6cc,transparent 55%);border-radius:50%;box-shadow:inset -6px -8px 30px #fff7;transform:scale(.6)}.orb-core{font-size:9px;letter-spacing:3px;position:absolute;top:99px;left:50%;transform:translateX(-50%);color:#596879;pointer-events:none}[data-theme=dark] .orb-core{color:#c9d9ee}.orbit-card{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--panel);border:1px solid var(--edge);backdrop-filter:blur(12px);border-radius:13px;box-shadow:var(--shadow);font-size:10px;animation:float 6s ease-in-out infinite}.orbit-card svg{width:16px;color:var(--muted)}.orbit-card span small{display:block;margin-top:3px;font-size:8px;color:var(--muted)}.orbit-card.one{left:0;top:21px;transform:rotate(-5deg)}.orbit-card.two{right:0;top:57px;animation-delay:-2s;transform:rotate(5deg)}.orbit-card.three{left:27px;bottom:24px;animation-delay:-4s}.orbit-card .tiny-check{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--mint-text);margin-left:8px}.orbit-card .tiny-check svg{width:9px}.orb-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:8px;color:var(--muted);letter-spacing:1px;white-space:nowrap}.hero-metrics{display:flex;gap:25px;margin-top:24px}.hero-metrics>span{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:6px}.hero-metrics b{font-size:11px;font-weight:600;color:var(--text)}.hero-metrics>span+span{border-left:1px solid var(--line);padding-left:24px}.hero-metrics svg{width:12px;color:var(--mint-text)}
.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.section-heading{display:flex;align-items:center;gap:12px}.count-pill{font-size:10px;background:var(--input);border:1px solid var(--edge);padding:4px 7px;border-radius:6px;color:var(--muted)}.toolbar-actions{display:flex;align-items:center;gap:13px}.segmented{display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--input)}.segmented button{border-radius:7px;font-size:10px;padding:7px 12px;color:var(--muted);transition:background .2s}.segmented button.active{background:var(--white);color:var(--text);box-shadow:0 2px 5px #2f3c5808}.button{font-size:11px;padding:11px 15px;border:1px solid var(--edge);border-radius:10px;display:inline-flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #303b5c12}.button svg{width:14px;height:14px}.button.primary{background:var(--button);color:var(--on-button);border-color:transparent}.button.secondary{background:var(--panel);color:var(--text)}.button.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.button.small{font-size:10px;padding:8px 10px}.button.violet{color:var(--accent-text);background:var(--soft-violet);border-color:transparent}.button.danger{color:#ba6571;background:rgba(211,103,121,.08);border-color:transparent}.cards-grid{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:16px}.glass-card{position:relative;background:var(--panel);border:1px solid var(--edge);border-radius:21px;box-shadow:var(--shadow);backdrop-filter:blur(22px);overflow:hidden}.spotlight:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(151,133,238,.13),transparent 60%);transition:opacity .3s}.spotlight:hover:before{opacity:1}.spotlight:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .3s}.spotlight:hover:after{box-shadow:inset 0 0 0 1px rgba(161,145,236,.2)}.integration-card{padding:23px 23px 0;min-height:311px;display:flex;flex-direction:column}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.provider-title{display:flex;gap:12px;align-items:center}.provider-title p{font-size:9px;color:var(--muted);margin-top:5px}.provider-icon{width:39px;height:39px;display:grid;place-items:center;background:var(--white);border:1px solid var(--edge);box-shadow:0 2px 8px #45507006;border-radius:12px}.provider-icon svg{width:21px;height:21px}.google-g{font-family:Arial;font-size:24px;font-weight:650;background:conic-gradient(#4285f4 0deg 85deg,#34a853 85deg 155deg,#fbbc05 155deg 215deg,#ea4335 215deg 282deg,#4285f4 282deg);-webkit-background-clip:text;background-clip:text;color:transparent}.calendar-icon{color:#7f8ee0}.close-logo{font-size:24px;font-family:Manrope;font-weight:800;letter-spacing:-3px;color:#3f4654}.close-logo em{font-style:normal;color:#7984d4}.more{color:var(--muted);width:20px;height:25px;position:relative;z-index:2}.status-pill{font-size:8px;letter-spacing:.15px;background:var(--mint);color:var(--mint-text);padding:5px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.status-pill i{width:4px;height:4px;background:currentColor;border-radius:50%}.status-pill.paused{background:var(--soft-violet);color:var(--accent-text)}.resource-list{display:flex;flex-direction:column;gap:2px}.resource-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.resource-icon{width:27px;height:29px;border-radius:8px;background:var(--input);display:grid;place-items:center;flex-shrink:0;color:var(--muted)}.resource-icon svg{width:14px;height:14px}.resource-text{flex:1;min-width:0}.resource-text strong{font-size:10px;font-weight:500;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resource-text small{color:var(--muted);font-size:8px;display:block;margin-top:4px}.resource-row>.status-pill{font-size:7px}.toggle{width:28px;height:16px;border-radius:20px;background:#c5c9d3;padding:2px;position:relative;flex-shrink:0;transition:background .2s}.toggle:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .2s}.toggle.on{background:#9390ce}.toggle.on:after{transform:translateX(12px)}.calendar-dot{height:7px;width:7px;border-radius:2px;flex-shrink:0}.calendar-row{padding:10px 0}.card-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 0;margin-top:auto;color:var(--muted);font-size:9px;gap:4px}.card-footer button{display:flex;align-items:center;gap:6px;font-size:9px}.card-footer button svg{width:12px;height:12px}.card-footer button:hover{color:var(--accent-text)}.crm-workspace{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--input);margin:0 0 14px;display:flex;align-items:center;gap:10px}.crm-workspace>span{font-family:Manrope;font-weight:600;background:var(--soft-violet);border-radius:9px;width:32px;height:32px;display:grid;place-items:center;color:var(--accent-text)}.crm-workspace strong{font-size:11px;font-weight:500}.crm-workspace small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.crm-stats{display:flex;gap:0;margin-bottom:15px}.crm-stats>div{flex:1}.crm-stats>div+div{padding-left:15px;border-left:1px solid var(--line)}.crm-stats b{font-size:20px;font-weight:500;letter-spacing:-.7px}.crm-stats span{display:block;font-size:8px;color:var(--muted);margin-top:5px}.crm-sync{font-size:8px;color:var(--muted);display:flex;gap:5px;align-items:center;margin-bottom:12px}.crm-sync svg{width:10px;height:10px;color:var(--mint-text)}.bottom-grid{display:grid;grid-template-columns:1.52fr 1fr;gap:16px;margin-top:17px}.context-banner{display:flex;align-items:center;gap:19px;padding:20px 23px;background:linear-gradient(110deg,rgba(204,216,244,.32),rgba(226,215,246,.35),rgba(218,239,233,.4))}.context-badge{width:43px;height:43px;border-radius:14px;background:linear-gradient(140deg,#fbfbff99,#bab1e955);box-shadow:inset 0 0 0 1px #ffffff90;display:grid;place-items:center;color:var(--accent-text);flex-shrink:0}.context-badge svg{width:22px}.context-banner h3{font-size:13px}.context-banner p{font-size:9px;color:var(--muted);line-height:1.6;margin-top:5px}.context-banner .icon-button{margin-left:auto;flex-shrink:0}.more-connections{display:flex;align-items:center;padding:20px 23px;justify-content:space-between;gap:12px}.more-connections h3{font-size:12px}.more-connections p{font-size:9px;color:var(--muted);margin-top:5px}.mini-providers{display:flex}.mini-provider{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--white);border:1px solid var(--edge);margin-left:-7px;box-shadow:-3px 0 10px #303b5c05}.mini-provider svg{width:15px}.ms-logo{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:14px;height:14px}.ms-logo i{background:#f35325}.ms-logo i:nth-child(2){background:#81bc06}.ms-logo i:nth-child(3){background:#05a6f0}.ms-logo i:nth-child(4){background:#ffba08}.page-footer{margin-top:23px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted2)}.page-footer span{display:flex;align-items:center;gap:6px}.page-footer svg{width:10px;height:10px}.page-footer button{font-size:8px;color:var(--muted)}.page-footer button:hover{color:var(--text)}
.cluster-hero{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 27px}.cluster-hero h1{font-size:43px;line-height:1.15}.cluster-hero p{font-size:12px;color:var(--muted);margin-top:12px}.cluster-hero .eyebrow{margin-bottom:12px}.cluster-summary{display:flex;gap:22px;padding-bottom:6px}.cluster-summary strong{font-size:25px;font-family:Manrope;letter-spacing:-1px;font-weight:500}.cluster-summary small{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.cluster-summary>div+div{padding-left:22px;border-left:1px solid var(--line)}.cluster-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.cluster-tools{display:flex;gap:9px;align-items:center}.graph-search{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--input);border:1px solid var(--edge);border-radius:11px;width:240px}.graph-search svg{width:14px;color:var(--muted)}.graph-search input{width:100%;border:0;outline:0;background:none;font-size:10px;color:var(--text)}.graph-search input::placeholder{color:var(--muted)}.filter-select{padding:10px 12px;border-radius:10px;background:var(--input);border:1px solid var(--edge);color:var(--muted);font-size:10px;max-width:165px}.review-button{display:flex;align-items:center;gap:6px;border-radius:10px;background:rgba(202,164,100,.1);border:1px solid rgba(202,164,100,.1);color:#a48a58;padding:10px 12px;font-size:10px}.review-button svg{width:13px}.graph-shell{display:grid;grid-template-columns:minmax(0,1fr) 286px;min-height:463px}.graph-main{position:relative;min-width:0;overflow:hidden;background-image:radial-gradient(var(--graph-dot) .75px,transparent .75px);background-size:17px 17px}.graph-topline{display:flex;align-items:center;justify-content:space-between;position:absolute;top:17px;left:20px;right:20px;font-size:9px;color:var(--muted);z-index:3}.graph-title{display:flex;gap:7px;align-items:center}.graph-title>span{height:5px;width:5px;background:var(--accent);border-radius:50%}.graph-controls{display:flex;padding:3px;border:1px solid var(--edge);border-radius:8px;background:var(--panel);backdrop-filter:blur(10px)}.graph-controls button{height:23px;width:25px;display:grid;place-items:center;color:var(--muted)}.graph-controls svg{height:12px;width:12px}.graph-viewport{width:100%;height:420px;position:relative;margin-top:24px;overflow:hidden}.graph-canvas{width:800px;height:430px;transform-origin:center center;position:absolute;left:50%;top:48%;translate:-50% -50%;transition:transform .35s}.graph-svg{position:absolute;inset:0;width:800px;height:430px;overflow:visible}.graph-svg path{fill:none;stroke:#a9b8c8;stroke-width:1;opacity:.5}.graph-svg path.violet{stroke:#a095d5}.graph-svg path.mint{stroke:#8dbeb4}.graph-svg path.dashed{stroke-dasharray:4 5;stroke:#bf9e61;opacity:.8}.graph-svg text{fill:var(--muted2);font-size:8px;stroke:none}.node{position:absolute;text-align:left;border:1px solid var(--edge);background:var(--panel-solid);box-shadow:0 6px 17px -9px #46527828;border-radius:13px;padding:11px;z-index:2;transition:opacity .25s,transform .25s,box-shadow .25s,outline .2s;min-width:0}.node:hover{transform:translateY(-3px);box-shadow:0 10px 24px -8px #6068a52b}.node.selected{outline:1px solid #aaa1df;box-shadow:0 0 0 4px #a49ddd12}.node.dimmed{opacity:.2}.node.company{width:160px;background:linear-gradient(120deg,var(--panel-solid),var(--mint));padding:13px}.node.company.violet{background:linear-gradient(120deg,var(--panel-solid),var(--soft-violet))}.node-type{font-size:7px;letter-spacing:1.3px;color:var(--muted);margin-bottom:9px;display:block}.node-title{display:flex;gap:8px;align-items:center}.node strong{font-size:10px;font-weight:550;display:block}.node small{font-size:7px;color:var(--muted);display:block;margin-top:4px}.company-avatar{width:27px;height:27px;border:1px solid var(--edge);border-radius:9px;background:var(--panel);display:grid;place-items:center;font-size:15px;font-family:Manrope;color:var(--mint-text)}.violet .company-avatar{color:var(--accent-text)}.node.person{width:147px;padding:10px;display:flex;gap:8px;align-items:center}.person-avatar{height:28px;width:28px;display:grid;place-items:center;font-size:8px;background:linear-gradient(140deg,#e6dfcf,#c6b8ab);color:#6b615b;border-radius:50%;flex-shrink:0;border:1px solid #fff8}.person-avatar.lilac{background:linear-gradient(140deg,#ddd8ef,#bdb8dc);color:#6a5d8a}.person-avatar.mint{background:linear-gradient(140deg,#dbebe0,#a6c2b7);color:#4d6e60}.node.channel{padding:8px 10px;border-radius:9px;font-size:8px;display:flex;gap:7px;align-items:center;width:171px;color:var(--muted)}.node.channel svg{width:11px;height:11px}.node.project{width:143px;padding:11px;background:var(--panel-solid)}.project-line{height:3px;background:#b9b0e8;border-radius:3px;width:21px;margin-bottom:8px}.project-line.green{background:#9acbb9}.node.pending{border-style:dashed;border-color:#c6ad78}.graph-legend{display:flex;gap:15px;align-items:center;position:absolute;bottom:17px;left:20px;color:var(--muted);font-size:8px}.graph-legend span{display:flex;gap:5px;align-items:center}.legend-dot{height:6px;width:6px;border-radius:2px;background:#b1d1c6}.legend-dot.person{border-radius:50%;background:#c6bcb0}.legend-dot.project{background:#b8addd}.legend-line{width:14px;border-top:1px dashed #bca16b}.details-panel{border-left:1px solid var(--line);padding:22px 21px;position:relative;background:var(--input);min-height:463px}.detail-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-bottom:21px}.detail-label svg{width:12px}.detail-avatar{height:46px;width:46px;font-size:13px;margin-bottom:12px;border-radius:16px}.detail-name{font-size:19px;letter-spacing:-.5px}.detail-role{font-size:9px;color:var(--muted);margin-top:5px}.detail-section{margin-top:23px}.detail-section-title{color:var(--muted);font-size:8px;letter-spacing:1px;margin-bottom:10px;display:flex;justify-content:space-between}.detail-channel{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:9px;color:var(--text);overflow-wrap:anywhere}.detail-channel svg{height:12px;width:12px;color:var(--muted);flex-shrink:0}.source-chip{font-size:6px;color:var(--muted);border:1px solid var(--line);padding:3px 4px;border-radius:4px;margin-left:auto;white-space:nowrap}.detail-relation{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--edge);padding:9px;border-radius:9px;margin-top:7px;font-size:9px}.detail-relation svg{width:13px;color:var(--muted)}.detail-relation small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.detail-footer{margin-top:18px}.detail-footer .button{width:100%}.cluster-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:9px;color:var(--muted)}.cluster-bottom>span{display:flex;align-items:center;gap:6px}.cluster-bottom svg{width:12px;color:var(--accent-text)}.empty-state{padding:50px 20px;display:grid;place-items:center;gap:15px;color:var(--muted);font-size:12px}.list-view{padding:55px 22px 22px;min-height:440px}.contact-table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}.contact-table th{font-size:8px;font-weight:500;letter-spacing:.7px;color:var(--muted);padding:10px;border-bottom:1px solid var(--line)}.contact-table td{padding:17px 10px;border-bottom:1px solid var(--line);font-size:9px}.contact-table tr{cursor:pointer}.contact-table tbody tr:hover{background:var(--hover)}.table-person{display:flex;gap:9px;align-items:center}.table-person strong{display:block;font-weight:500}.table-person small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.table-chip{background:var(--soft-violet);color:var(--accent-text);padding:5px 7px;border-radius:5px;white-space:nowrap;display:inline-block;margin:2px}
.overlay{position:fixed;inset:0;background:rgba(32,39,58,.24);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s}.modal{width:550px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--panel-solid);border:1px solid var(--edge);border-radius:26px;padding:29px;box-shadow:0 30px 100px #17223833;position:relative;animation:modalIn .25s}.modal.wide{width:650px}.modal-close{position:absolute;right:19px;top:18px}.modal h2{font-size:25px;letter-spacing:-.9px;padding-right:25px}.modal-description{color:var(--muted);font-size:11px;line-height:1.7;margin-top:10px;margin-bottom:23px}.stepper{display:flex;align-items:center;margin:26px 0 29px}.step{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);white-space:nowrap}.step b{font-weight:500;width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:9px}.step.active{color:var(--accent-text)}.step.active b{background:var(--soft-violet);border-color:var(--accent)}.step.done b{background:var(--mint);color:var(--mint-text)}.step-line{height:1px;flex:1;background:var(--line);margin:0 12px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-choice{border:1px solid var(--line);padding:18px 15px;border-radius:13px;text-align:left;display:flex;gap:12px;align-items:center;background:var(--input);transition:border-color .2s,background .2s}.provider-choice:hover,.provider-choice.selected{border-color:var(--accent);background:var(--soft-violet)}.provider-choice strong{display:block;font-size:11px;font-weight:500}.provider-choice small{display:block;margin-top:5px;font-size:8px;color:var(--muted)}.form-label{display:block;margin-top:17px;font-size:10px;color:var(--muted)}.form-label input,.form-label select,.modal-search{display:block;margin-top:8px;width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--input);color:var(--text);outline:none;font-size:12px}.form-label input:focus,.modal-search:focus{border-color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.demo-note{display:flex;align-items:flex-start;gap:8px;background:var(--soft-violet);border-radius:10px;padding:12px;color:var(--accent-text);font-size:9px;line-height:1.65;margin-top:19px}.demo-note svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}.permission-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.permission-row>div{flex:1}.permission-row strong{font-size:11px;font-weight:500}.permission-row small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.success-icon{height:60px;width:60px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--mint-text);margin:15px auto 20px}.success-icon svg{width:26px;height:26px}.success-content{text-align:center}.success-content h2{padding:0}.success-content p{color:var(--muted);font-size:12px;line-height:1.7;margin-top:12px}.review-card{border:1px solid var(--line);border-radius:15px;padding:18px;margin-top:13px;background:var(--input)}.review-title{font-size:12px;font-weight:550;display:flex;gap:8px;align-items:center}.review-title svg{width:15px;color:#bba069}.review-card p{color:var(--muted);font-size:10px;line-height:1.7;margin-top:10px}.review-connection{padding:12px 0;font-size:10px;display:flex;gap:10px;align-items:center;color:var(--accent-text)}.review-connection svg{width:15px}.review-actions{display:flex;gap:7px;justify-content:flex-end}.guide-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.guide-item>span{height:30px;width:30px;display:grid;place-items:center;border-radius:10px;background:var(--soft-violet);color:var(--accent-text);font-size:11px;flex-shrink:0}.guide-item strong{font-size:12px;font-weight:550}.guide-item p{margin-top:6px;font-size:10px;color:var(--muted);line-height:1.6}.search-result{width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);border-radius:8px}.search-result:hover{background:var(--soft-violet)}.search-result strong{display:block;font-size:11px;font-weight:500}.search-result small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.search-result>svg{color:var(--muted);width:17px}.error-message{color:#b96772;font-size:10px;margin-top:9px;min-height:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px);padding:13px 17px;background:var(--panel-solid);border:1px solid var(--edge);border-radius:12px;box-shadow:0 8px 35px #27304825;color:var(--text);font-size:11px;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;display:flex;gap:15px;align-items:center}#toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}#toast svg{width:15px;color:var(--mint-text)}#toast button{font-size:10px;color:var(--accent-text);text-decoration:underline}.full-width{width:100%}.mt{margin-top:13px}.subtle{color:var(--muted)}.only-mobile{display:none}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-enter{animation:modalIn .35s}
@media(min-width:1650px){main{margin-left:110px;padding:35px 65px}.hero{min-height:280px}.hero-visual{height:260px}.integration-card{min-height:340px}.graph-shell{min-height:530px}.graph-viewport{height:490px}.details-panel{padding:30px}.cluster-hero h1{font-size:50px}}
@media(max-width:1180px){main{padding:26px 25px}.hero h1{font-size:44px}.hero-visual{scale:.9}.orbit-card.one{left:-15px}.orbit-card.two{right:-10px}.integration-card{padding:20px 16px 0}.resource-row{gap:6px}.resource-text strong{font-size:9px}.cards-grid{gap:12px}.graph-shell{grid-template-columns:minmax(0,1fr) 245px}.details-panel{padding:20px 16px}.graph-canvas{scale:.82}.cluster-summary{gap:15px}.cluster-summary>div+div{padding-left:15px}.cluster-summary strong{font-size:22px}.cluster-hero h1{font-size:36px}.graph-search{width:190px}.cluster-tools{gap:7px}.button{padding:10px 12px}.filter-select{max-width:135px}.cluster-tools .segmented button{padding:7px 9px}}
@media(max-width:960px){.workspace-switch{display:none}.side-rail{width:75px}.topbar{padding:0 25px}main{margin-left:75px}.hero{grid-template-columns:1.1fr .9fr}.hero-visual{scale:.8}.hero h1{font-size:40px}.hero-metrics{gap:14px}.hero-metrics>span+span{padding-left:14px}.cards-grid{grid-template-columns:1fr 1fr}.integration-card.crm-card{grid-column:1/-1;min-height:200px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.integration-card.crm-card .card-heading{grid-column:1/-1;margin-bottom:10px}.integration-card.crm-card .card-footer{grid-column:1/-1}.crm-stats{align-items:center}.crm-sync{display:none}.bottom-grid{grid-template-columns:1fr}.more-connections{padding:16px 20px}.cluster-hero{align-items:center}.cluster-summary{display:none}.cluster-toolbar{align-items:flex-start}.cluster-tools{flex-wrap:wrap}.graph-shell{grid-template-columns:minmax(0,1fr) 225px}.graph-canvas{scale:.64}.graph-main{min-height:450px}.details-panel{padding:18px 14px}.detail-name{font-size:17px}.detail-channel{font-size:8px}.source-chip{display:none}.graph-search{width:185px}.section-toolbar .segmented button{padding:7px 9px}.hero-metrics>span{font-size:9px}.graph-legend{gap:10px;font-size:7px}.cluster-toolbar>.button{font-size:0;width:36px;padding:10px;flex-shrink:0}.cluster-toolbar>.button svg{font-size:14px}}
@media(max-width:700px){.topbar{height:76px;padding:0 19px}.brand{font-size:18px;gap:9px}.brand-mark{scale:.85}.brand-sub{font-size:6px}.top-actions{gap:9px}.top-divider,.search-trigger span:not([data-icon]),.search-trigger kbd{display:none}.search-trigger{padding:6px}.side-rail{top:auto;bottom:18px;left:50%;transform:translateX(-50%);height:auto;width:auto;border:0;padding:0;background:none}.rail-label,.rail-bottom{display:none}.dock{flex-direction:row;padding:7px;gap:6px;border-radius:23px;box-shadow:0 7px 30px #303b5c1a;background:var(--panel-solid)}.dock-item{height:43px;width:47px}.dock-divider{height:26px;width:1px;margin:9px 3px}.dock-item.active i{left:50%;bottom:-11px;top:auto;height:3px;width:12px;transform:translateX(-50%)}.dock-tooltip{display:none}main{margin:0;padding:22px 19px 100px}.page-top{margin-bottom:24px}.live-state{font-size:8px}.hero{display:block;margin-bottom:25px;min-height:0;position:relative}.hero h1{font-size:42px;letter-spacing:-2px;max-width:360px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-description{max-width:300px;font-size:11px}.hero-visual{height:210px;scale:1;margin:20px auto 0;max-width:355px}.orb{width:300px;height:265px;right:calc(50% - 150px);top:-24px}.orb-core{top:91px}.orbit-card.one{left:0;top:17px}.orbit-card.two{right:0;top:57px}.orbit-card.three{left:20px;bottom:17px}.orb-caption{bottom:0;font-size:7px}.hero-metrics{margin-top:20px;gap:15px}.hero-metrics>span+span{padding-left:15px}.hero-metrics>span{font-size:9px}.hero-metrics b{font-size:10px}.section-toolbar{flex-wrap:wrap;gap:13px;margin-bottom:14px}.section-toolbar h2{font-size:18px}.toolbar-actions{width:100%;justify-content:space-between}.toolbar-actions .button{font-size:9px;padding:10px}.cards-grid{grid-template-columns:1fr;gap:13px}.integration-card{min-height:300px;padding:21px 22px 0}.integration-card.crm-card{display:flex;grid-column:auto;min-height:310px}.integration-card .resource-text strong{font-size:11px}.resource-row{gap:10px}.resource-row>.status-pill{font-size:8px}.provider-title h3{font-size:16px}.provider-title p{font-size:10px}.resource-text small{font-size:9px}.card-footer{font-size:10px}.card-footer button{font-size:10px}.crm-sync{display:flex}.crm-stats{align-items:initial}.bottom-grid{margin-top:13px;gap:13px}.context-banner{padding:19px;gap:13px}.context-banner h3{font-size:12px}.context-banner p{font-size:9px}.context-banner .context-badge{height:35px;width:35px}.page-footer{gap:15px;font-size:7px;line-height:1.5}.page-footer button{font-size:7px}.cluster-hero{margin-top:30px;display:block;margin-bottom:24px}.cluster-hero h1{font-size:37px;letter-spacing:-1.8px}.cluster-hero p{font-size:11px;max-width:310px;line-height:1.7}.cluster-toolbar{gap:8px;align-items:flex-start}.cluster-tools{gap:7px}.graph-search{width:calc(100vw - 90px);order:0}.filter-select{max-width:none;flex:1;order:2}.review-button{order:3;font-size:9px;padding:10px}.cluster-tools .segmented{order:1}.cluster-toolbar>.button{margin-top:0}.graph-shell{grid-template-columns:1fr;border-radius:18px}.graph-main{min-height:420px}.graph-viewport{height:400px}.graph-canvas{scale:.54;left:50%;top:50%}.details-panel{border-left:0;border-top:1px solid var(--line);padding:21px;min-height:0;display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.detail-label{grid-column:1/-1;margin-bottom:16px}.detail-avatar{grid-row:2/4;margin:0 0 14px;width:40px;height:40px;grid-column:1}.detail-name{grid-column:1/-1;margin-top:0}.detail-role{grid-column:1/-1}.detail-section{margin-top:20px}.detail-section:first-of-type{grid-column:1/-1}.detail-channel{font-size:10px}.detail-footer{grid-column:1/-1}.cluster-bottom{align-items:flex-start;gap:15px;font-size:8px;line-height:1.6}.cluster-bottom>span{align-items:flex-start}.graph-legend{font-size:8px;gap:13px}.graph-topline{font-size:8px}.contact-table th:nth-child(3),.contact-table td:nth-child(3){display:none}.contact-table td{padding:15px 6px;font-size:8px}.list-view{padding:55px 10px 20px}.table-chip{font-size:7px}.table-person{gap:5px}.table-person .person-avatar{width:23px;height:23px;font-size:7px}.table-person small{font-size:7px}.modal{padding:25px 21px;border-radius:21px;max-height:calc(100dvh - 32px)}.overlay{padding:16px}.modal h2{font-size:23px}.step{font-size:8px;gap:5px}.step-line{margin:0 7px}.provider-choice{padding:13px 11px;gap:9px}.provider-choice strong{font-size:10px}.provider-choice .provider-icon{width:29px;height:32px;border-radius:9px}.provider-choice .google-g{font-size:21px}.provider-choice small{font-size:7px}.form-grid{grid-template-columns:1fr;gap:0}.modal-footer .button{font-size:10px}#toast{max-width:calc(100vw - 32px);width:max-content;bottom:91px;font-size:10px}.only-mobile{display:block}.page-footer{margin-top:23px}.cluster-hero .eyebrow{margin-bottom:11px}}
.jarvis-orb-fallback{background:radial-gradient(circle at 33% 25%,#fff9,transparent 20%),radial-gradient(circle at 30% 60%,#9bd6caaa,transparent 50%),radial-gradient(circle at 70% 30%,#aaa1e6cc,transparent 55%);border-radius:50%;box-shadow:inset -6px -8px 30px #fff7;transform:scale(.6)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep relationships readable in tablet and mobile layouts. */
@media(min-width:701px) and (max-width:960px){.graph-shell{grid-template-columns:1fr}.graph-canvas{scale:.9}.details-panel{border-left:0;border-top:1px solid var(--line);min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px;padding:22px}.detail-label{grid-column:1/-1;margin-bottom:15px}.detail-avatar{grid-column:1;grid-row:2/4;margin-bottom:12px}.detail-name{grid-column:1/-1}.detail-role{grid-column:1/-1}.detail-section{margin-top:18px}.detail-footer{grid-column:1/-1;max-width:250px}.detail-channel{font-size:9px}.graph-viewport{height:420px}}
@media(max-width:700px){.graph-viewport{overflow-x:auto;overflow-y:hidden}.graph-canvas{scale:1;left:0;top:0;translate:0 0;transform-origin:left top}.graph-viewport:after{content:'← Zum Erkunden seitlich wischen →';position:sticky;top:375px;left:20px;font-size:8px;color:var(--muted);background:var(--panel-solid);padding:7px 10px;border-radius:6px}.graph-legend{bottom:8px}.node.channel{font-size:9px}.contact-table th:nth-child(3),.contact-table td:nth-child(3){display:none}}

/* Relationship focus: retain the graph geometry while light traces its context. */
.graph-canvas .node {
  transition: opacity 220ms ease, filter 220ms ease, box-shadow 220ms ease,
    outline-color 220ms ease, border-color 220ms ease, background 220ms ease,
    transform 220ms ease;
}
.graph-canvas .graph-svg path {
  transition: opacity 220ms ease, stroke 220ms ease, stroke-width 220ms ease,
    filter 220ms ease;
}
.graph-canvas .graph-svg text { transition: opacity 220ms ease; }
.graph-canvas.has-focus .node.is-unrelated {
  opacity: .17;
  filter: saturate(.55);
}
.graph-canvas.has-focus .node.is-related {
  opacity: 1;
  filter: saturate(1);
  border-color: rgba(146, 134, 225, .43);
  box-shadow: 0 7px 23px -11px rgba(91, 77, 161, .28),
    0 0 0 1px rgba(177, 167, 245, .10), inset 0 1px 0 rgba(255, 255, 255, .96);
}
.graph-canvas.has-focus .node.is-focus {
  opacity: 1;
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-color: rgba(255, 255, 255, .98);
  background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(246, 244, 255, .94));
  box-shadow: 0 0 0 6px rgba(130, 113, 223, .09),
    0 10px 30px -10px rgba(105, 86, 183, .30), inset 0 1px 0 #fff;
}
.graph-canvas.has-focus .graph-svg path.is-unrelated { opacity: .08; }
.graph-canvas.has-focus .graph-svg path.is-related {
  stroke: var(--accent);
  stroke-width: 1.9;
  opacity: 1;
  filter: drop-shadow(0 0 3px rgba(131, 114, 222, .27));
}
.graph-canvas.has-focus .graph-svg text.is-unrelated { opacity: .1; }
.graph-canvas.has-focus .graph-svg text.is-related { opacity: 1; }
/* Search dimming remains authoritative, including inside the focused neighborhood. */
.graph-canvas.has-focus .node.dimmed.is-related,
.graph-canvas.has-focus .node.dimmed.is-focus { opacity: .2; filter: saturate(.55); }
[data-theme=dark] .graph-canvas.has-focus .node.is-related {
  border-color: rgba(181, 170, 255, .36);
  box-shadow: 0 7px 24px -11px rgba(0, 0, 0, .40),
    0 0 0 1px rgba(172, 158, 255, .07), inset 0 1px 0 rgba(224, 218, 255, .10);
}
[data-theme=dark] .graph-canvas.has-focus .node.is-focus {
  border-color: rgba(213, 205, 255, .32);
  background: linear-gradient(135deg, rgba(56, 54, 77, .98), rgba(35, 39, 57, .98));
  box-shadow: 0 0 0 6px rgba(172, 158, 255, .08),
    0 10px 30px -10px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(237, 232, 255, .16);
}
[data-theme=dark] .graph-canvas.has-focus .graph-svg path.is-related {
  filter: drop-shadow(0 0 3px rgba(170, 151, 255, .30));
}
@media (prefers-reduced-motion: reduce) {
  .graph-canvas .node, .graph-canvas .graph-svg path, .graph-canvas .graph-svg text {
    transition: none !important;
  }
}

/* Compact configuration layout. */
.compact-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.compact-heading h1 {
  margin: 24px 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -1.2px;
}
.status-widgets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 30px;
}
.status-widget {
  min-width: 0;
  min-height: 120px;
  padding: 20px;
  text-align: left;
}
.widget-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 10px;
}
.widget-label svg { width: 16px; height: 16px; flex-shrink: 0; }
.status-widget > strong {
  display: block;
  margin: 16px 0;
  color: var(--text);
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.7px;
}
.status-widget > strong small {
  display: inline;
  margin-left: 7px;
  color: var(--muted);
  font-family: 'DM Sans', sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
}
.widget-foot {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
}
.widget-foot > span:last-child {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.widget-foot svg { width: 12px; height: 12px; flex-shrink: 0; }
.widget-foot .status-dot { flex-shrink: 0; }
.compact-counts {
  display: flex;
  align-items: baseline;
  gap: 20px;
  color: var(--muted);
  font-size: 11px;
}
.compact-counts > span { white-space: nowrap; }
.compact-counts b {
  margin-right: 4px;
  color: var(--text);
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.5px;
}
.utility-grid { grid-template-columns: 1.2fr 1fr; }
.utility-card { min-width: 0; padding: 20px; }
.utility-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.utility-title h3 { font-size: 13px; font-weight: 500; letter-spacing: -.2px; }
.activity-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  font-size: 10px;
  line-height: 1.5;
}
.activity-row:last-child { border-bottom: 0; }
.activity-row time {
  flex-shrink: 0;
  margin-left: auto;
  color: var(--muted);
  font-size: 8px;
}
.activity-dot {
  width: 5px;
  height: 5px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #7bbba3;
}
.assignment-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
.assignment-preview strong { font-size: 12px; font-weight: 500; }
.assignment-preview p { margin-top: 6px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.assignment-preview > .button { flex-shrink: 0; margin-left: auto; }
.button svg { flex-shrink: 0; }
@media (max-width: 960px) {
  .status-widgets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .compact-heading { flex-direction: column; align-items: flex-start; gap: 0; }
  .compact-heading h1 { margin: 18px 0 22px; font-size: 27px; letter-spacing: -.9px; }
  .compact-counts { flex-wrap: wrap; gap: 14px; margin: -4px 0 23px; font-size: 10px; }
  .compact-counts b { font-size: 17px; }
  .status-widgets { gap: 10px; margin-bottom: 25px; }
  .status-widget { padding: 16px; }
  .status-widget > strong { font-size: 20px; letter-spacing: -.5px; }
  .widget-foot { gap: 5px; font-size: 9px; }
  .widget-foot > span:last-child { gap: 3px; }
  .utility-grid { grid-template-columns: 1fr; }
  .utility-card { padding: 18px; }
  .cluster-toolbar > .button { gap: 0; }
}

/* Workbench, expandable canvas and customer overview. */
.page-enter{animation:none}.account-provider .google-g{font-size:20px}.cluster-action-buttons{display:flex;gap:8px;flex-shrink:0}.graph-viewport{cursor:grab;touch-action:none;overflow:hidden;height:510px}.graph-viewport.dragging{cursor:grabbing}.graph-viewport.dragging .graph-canvas{transition:none;pointer-events:none}.graph-canvas{scale:1;transition:none}.graph-svg{pointer-events:none}.graph-svg .proposal-edge{pointer-events:stroke;cursor:pointer}.node{cursor:pointer}.node.person{min-height:54px}.node strong{font-size:11px}.node small{font-size:9px}.node.channel{font-size:10px}.node.channel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node .person-avatar{width:33px;height:33px;font-size:10px}.node.company .node-type{font-size:8px}.graph-shell{min-height:565px}.details-panel{min-height:565px}.zoom-label{font-size:8px;color:var(--muted);align-self:center;padding:0 5px}.company-overview{padding:60px 20px 50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:13px;max-height:560px;overflow:auto}.company-overview-card{padding:18px;text-align:left;border-radius:16px}.company-overview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.company-overview-top>svg{width:13px;color:var(--muted)}.company-overview-card>strong{display:block;font-size:12px;font-weight:550}.company-overview-card>small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.overview-counts{display:flex;gap:15px;font-size:9px;color:var(--muted);margin-top:17px}.overview-avatars{display:flex;align-items:center;margin-top:17px;padding-left:4px}.overview-avatars .person-avatar{width:23px;height:23px;border:2px solid var(--panel-solid);margin-left:-4px;font-size:6px;font-style:normal}.overview-avatars>span{font-size:8px;color:var(--muted);margin-left:7px}.list-pagination{display:flex;gap:8px;align-items:center;margin-top:17px;font-size:9px;color:var(--muted)}.list-pagination>span{margin-right:auto}.list-view{max-height:560px;overflow:auto;padding-bottom:45px}.cluster-workbench.expanded{position:fixed;inset:0;z-index:70;background:var(--bg);padding:22px 26px;display:flex;flex-direction:column;gap:0}.cluster-workbench.expanded .cluster-toolbar{flex-shrink:0}.cluster-workbench.expanded .graph-shell{flex:1;min-height:0;overflow:hidden}.cluster-workbench.expanded .graph-main{display:flex;flex-direction:column;min-height:0}.cluster-workbench.expanded #graph-content{height:100%;min-height:0}.cluster-workbench.expanded .graph-viewport{height:calc(100% - 20px);margin-top:20px}.cluster-workbench.expanded .details-panel{overflow:auto;min-height:0}.cluster-workbench.expanded .cluster-bottom{flex-shrink:0}.cluster-workbench.expanded .company-overview{max-height:100%;height:100%;align-content:start}.cluster-workbench.expanded .list-view{max-height:100%;height:100%}.cluster-workbench.expanded .graph-canvas{scale:1}.workbench-expanded .side-rail{visibility:hidden}.proposal-line{stroke:#c59a4e!important;stroke-width:2!important;stroke-dasharray:6 5!important;opacity:.9!important;filter:drop-shadow(0 0 3px #d9af6333);animation:proposalFlow 2.8s linear infinite}.proposal-hit{fill:none!important;stroke:transparent!important;stroke-width:18px!important;pointer-events:stroke}.proposal-badge{position:absolute;right:9px;top:-9px;font-size:7px!important;background:#f3e4c6;color:#947036;border:1px solid #d2ad68;border-radius:5px;padding:3px 5px;letter-spacing:.2px}.node.pending{border:1px dashed #c69d54!important;background:linear-gradient(120deg,var(--panel-solid),#d7ad5220)}.proposal-legend{display:flex;gap:6px;align-items:center;color:#a9874b;font-size:8px}.proposal-legend svg{width:10px;height:10px}.proposal-legend .legend-line{width:18px;border-top:2px dashed #c59a4e}.graph-canvas.has-focus .graph-svg path.proposal-line.is-unrelated{opacity:.25!important}.graph-canvas.has-focus .graph-svg path.proposal-line.is-related{opacity:1!important;stroke-width:2.5px!important}.graph-canvas.has-focus .node.selected:not(.is-focus){outline:0}.graph-viewport:after{display:none}[data-theme=dark] .proposal-badge{background:#423722;color:#e5c78d;border-color:#8d703e}
@keyframes proposalFlow{to{stroke-dashoffset:-22}}
@media(max-width:1100px){.cluster-toolbar{flex-wrap:wrap}.cluster-tools{flex-wrap:wrap}.cluster-action-buttons{margin-left:auto}.graph-search{width:220px}}
@media(max-width:960px){.graph-shell{min-height:0}.details-panel{min-height:0}.graph-main{min-height:565px}.cluster-workbench.expanded .graph-shell{grid-template-columns:minmax(0,1fr) 260px}.cluster-workbench.expanded .details-panel{display:block;border-top:0;border-left:1px solid var(--line)}.cluster-workbench.expanded .graph-main{min-height:0}.cluster-workbench.expanded{padding:16px}}
@media(max-width:700px){.cluster-action-buttons{margin:0;width:100%;justify-content:flex-end}.cluster-action-buttons .button{font-size:10px;padding:9px 11px}.graph-main{min-height:505px}.graph-viewport{height:460px}.company-overview{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));padding:55px 13px 42px}.company-overview-card{padding:15px}.cluster-workbench.expanded{padding:12px}.cluster-workbench.expanded .graph-shell{display:block}.cluster-workbench.expanded .graph-main{height:100%}.cluster-workbench.expanded .details-panel{display:none}.cluster-workbench.expanded .cluster-bottom{font-size:8px}.cluster-workbench.expanded .graph-shell{min-height:0}.graph-search{width:100%}.cluster-tools{width:100%}.cluster-toolbar{gap:8px}.node.channel{font-size:10px}.details-panel{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.proposal-line{animation:none}}

.graph-viewport.space-pan,.graph-viewport.space-pan .node{cursor:grab}.graph-viewport.space-pan.dragging,.graph-viewport.space-pan.dragging .node{cursor:grabbing}

.details-panel{max-height:565px;overflow:auto}.cluster-workbench.expanded .details-panel{max-height:none;height:100%}.node .proposal-badge{overflow:visible;white-space:nowrap}.modal-footer{flex-wrap:wrap}.status-widget>strong{font-size:23px}
/* Consistent line weights, restrained focus and proposal styling. */
.graph-svg path:not(.proposal-hit){vector-effect:non-scaling-stroke;stroke-width:1.05;stroke-linecap:round}.graph-canvas.has-focus .graph-svg path.is-related:not(.proposal-line){stroke-width:1.35;filter:none;opacity:.9}.proposal-line,.graph-canvas.has-focus .graph-svg path.proposal-line.is-related{stroke:#b59a70!important;stroke-width:1.35px!important;stroke-dasharray:4 6!important;filter:none!important;opacity:.85!important;animation:none}.graph-canvas.has-focus .graph-svg path.proposal-line.is-unrelated{opacity:.22!important}.graph-canvas.has-focus .node.is-related:not(.is-focus){outline:0;border-color:rgba(146,133,205,.27);box-shadow:0 6px 18px -13px #62608232}.graph-canvas.has-focus .node.is-focus{outline:1px solid rgba(143,128,214,.65);outline-offset:2px;box-shadow:0 0 0 4px rgba(144,129,216,.045),0 8px 25px -17px #66609444}.graph-canvas.has-focus .node.channel.is-related{border-color:rgba(146,133,205,.25);box-shadow:0 4px 12px -11px #66609433}.node.pending{border:1px dashed #bca47e!important;background:var(--panel-solid)}.proposal-badge{background:var(--panel-solid);color:#aa8e62;border:1px solid #bdab8c80;box-shadow:none;padding:2px 5px;top:-8px;font-size:6.5px!important;border-radius:4px;letter-spacing:.15px}.proposal-legend{color:#a18b68}.proposal-legend .legend-line{border-top-width:1px;border-color:#b59a70}.glass-card{box-shadow:0 8px 30px -22px #3f496a25,inset 0 1px 0 #ffffff50}[data-theme=dark] .graph-canvas.has-focus .node.is-related:not(.is-focus){border-color:rgba(172,158,233,.25);box-shadow:0 5px 20px -15px #0006}[data-theme=dark] .graph-canvas.has-focus .node.is-focus{outline-color:rgba(180,167,243,.65);box-shadow:0 0 0 4px #a59ad00b}[data-theme=dark] .proposal-badge{background:#262a34;border-color:#a08c6455;color:#c8b691}

/* Readable account, calendar, and detail typography without scaling the canvas. */
.integration-card .provider-title h3 { font-size: 18px; line-height: 1.3; }
.integration-card .provider-title p { font-size: 12px; line-height: 1.45; }
.integration-card .resource-text strong {
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}
.integration-card .resource-text small { font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.integration-card .status-pill { font-size: 11px; line-height: 1.3; padding: 6px 8px; }
.integration-card .card-footer { font-size: 12px; line-height: 1.5; }
.integration-card .card-footer button { font-size: 12px; line-height: 1.4; }
.section-toolbar h2 { font-size: 20px; }
.count-pill { font-size: 11px; line-height: 1.4; }
.button,
.button.small,
.toolbar-actions .button,
.cluster-action-buttons .button,
.modal-footer .button { font-size: 12px; }
.segmented button { font-size: 12px; }
.crm-workspace strong { font-size: 14px; line-height: 1.4; }
.crm-workspace small { font-size: 12px; line-height: 1.45; }
.crm-stats span { font-size: 12px; line-height: 1.4; }
.crm-sync { font-size: 11px; line-height: 1.5; }
.widget-label { font-size: 12px; }
.status-widget > strong small { font-size: 12px; }
.widget-foot { font-size: 11px; line-height: 1.5; }
.utility-title h3 { font-size: 16px; }
.activity-row { font-size: 12px; line-height: 1.5; }
.activity-row time { font-size: 11px; }
.assignment-preview strong { font-size: 14px; }
.assignment-preview p { font-size: 12px; line-height: 1.5; }
.live-state { font-size: 11px; }
.page-footer,
.page-footer button { font-size: 11px; line-height: 1.5; }
.details-panel .detail-label { font-size: 11px; letter-spacing: 1px; line-height: 1.5; }
.details-panel .detail-name { font-size: 20px; line-height: 1.3; }
.details-panel .detail-role { font-size: 12px; line-height: 1.5; }
.details-panel .detail-section-title { font-size: 11px; line-height: 1.5; letter-spacing: .7px; }
.details-panel .detail-channel { font-size: 13px; line-height: 1.5; }
.details-panel .source-chip { font-size: 11px; line-height: 1.2; padding: 3px 5px; }
.details-panel .detail-relation { font-size: 13px; line-height: 1.45; }
.details-panel .detail-relation small { font-size: 11px; line-height: 1.45; }
.contact-table th { font-size: 11px; line-height: 1.4; }
.contact-table td { font-size: 12px; line-height: 1.5; }
.table-person small { font-size: 11px; line-height: 1.45; }
.table-chip { font-size: 11px; line-height: 1.4; }
.list-pagination { font-size: 12px; }
.company-overview-card > strong { font-size: 14px; line-height: 1.4; }
.company-overview-card > small { font-size: 12px; line-height: 1.45; }
.overview-counts { flex-wrap: wrap; gap: 6px 12px; font-size: 11px; line-height: 1.4; }
.modal-description { font-size: 13px; line-height: 1.65; }
.form-label { font-size: 12px; line-height: 1.5; }
.form-label input,
.form-label select,
.modal-search { font-size: 14px; line-height: 1.45; }
.permission-row strong { font-size: 13px; line-height: 1.45; }
.permission-row small { font-size: 12px; line-height: 1.5; }
.demo-note { font-size: 11px; line-height: 1.6; }
.review-title { font-size: 14px; line-height: 1.45; }
.review-card p { font-size: 12px; line-height: 1.6; }
.review-connection { font-size: 12px; line-height: 1.5; flex-wrap: wrap; }
.search-result strong { font-size: 14px; line-height: 1.4; }
.search-result small { font-size: 12px; line-height: 1.45; }
@media (max-width: 700px) {
  .section-toolbar h2 { font-size: 18px; }
  .toolbar-actions { gap: 8px; flex-wrap: wrap; }
  .toolbar-actions > .button { margin-left: auto; }
  .toolbar-actions .button { font-size: 11px; }
  .section-toolbar .segmented button { padding: 7px 8px; font-size: 11px; white-space: nowrap; }
  .widget-foot { font-size: 11px; flex-wrap: wrap; }
  .assignment-preview { flex-wrap: wrap; }
  .activity-row { align-items: flex-start; }
}