/* Both experiences share app.css navigation and layout; Basic styles only page content. */
.experience-switch{display:flex;align-items:center;gap:2px;border:1px solid #e2e7eb;border-radius:7px;padding:3px;background:#f6f8f9}.experience-switch button{background:transparent;border-radius:5px;padding:7px 12px;color:#879198;font-size:11px;font-weight:500}.experience-switch button[aria-pressed="true"]{background:#fff;color:#466f7c;box-shadow:0 1px 4px #21364613}:is(.basic-dashboard,.basic-workspace) .btn{font-size:12px;padding:10px 15px;min-height:41px;border-color:#dfe5e8!important;border-radius:7px;color:#5d6b75;box-shadow:none}:is(.basic-dashboard,.basic-workspace) .btn.primary,.flow-app[data-experience="basic"] .modal .btn.primary{background:#4e8796;color:#fff;border-color:#4e8796!important}:is(.basic-dashboard,.basic-workspace) .btn.primary:hover,.flow-app[data-experience="basic"] .modal .btn.primary:hover{background:#407684}:is(.basic-dashboard,.basic-workspace) .btn.purple{background:#fff;color:#7e7e91;border-color:#e6e4ed!important}:is(.basic-dashboard,.basic-workspace) .text-button{color:#638d9a;font-size:12px;font-weight:450}:is(.basic-dashboard,.basic-workspace) .icon-button{color:#98a4ac}:is(.basic-dashboard,.basic-workspace) .icon-button:hover{background:#f0f5f6;color:#5d8996}.basic-dashboard.dashboard-content{background:transparent}.basic-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:45px}.basic-overline{display:block;font-size:9px;letter-spacing:.14em;color:#9aa6ad;margin-bottom:14px}.basic-welcome h1{font-size:34px;font-weight:450;letter-spacing:-1.2px;color:#454d55}.basic-welcome p{font-size:14px;color:#8c979f;margin-top:13px}.basic-dashboard .section-toolbar{margin-bottom:20px}.basic-dashboard h2{font-size:19px;font-weight:500;letter-spacing:-.4px}.basic-count{font-size:12px;color:#a3adb4;font-weight:400;margin-left:6px}.basic-dashboard .search-box input{border-color:#e6eaee;background:#fff;font-size:11px;max-width:215px;height:37px;padding-left:33px}.basic-dashboard .flow-grid{gap:21px}.basic-dashboard .flow-card{border:1px solid #e4e9ec;border-radius:10px;box-shadow:none;background:white}.basic-dashboard .flow-card:hover{border-color:#a3c3cc;box-shadow:0 5px 20px #45636e08}.basic-dashboard .flow-thumbnail{height:206px;background:#fff;border-bottom:0}.basic-dashboard .demo-chip{background:#f6f8f8;color:#9aa5ac;border-color:#eef1f2;border-radius:4px;font-size:8px;letter-spacing:.03em;left:16px;top:14px}.basic-dashboard .thumbnail-map{inset:35px 5px 0}.basic-dashboard .card-content{padding:6px 20px 15px}.basic-dashboard .card-title-line>a{font-size:14px;font-weight:500;color:#4f5962}.basic-dashboard .flow-description{font-size:11px;color:#98a1a8;line-height:1.8;margin:7px 0 12px!important;min-height:40px}.basic-dashboard .flow-meta{display:none}.basic-dashboard .card-footer{margin-top:13px;font-size:10px;border-color:#f0f2f3;color:#a3adb4}.basic-dashboard .card-footer .icon-button{width:29px;height:29px}.basic-start{margin-top:46px;padding-top:29px;border-top:1px solid #edf0f2;scroll-margin-top:24px}.basic-start>div>p{font-size:12px;color:#97a0a7;margin-top:10px}.basic-start .template-grid{margin-top:23px;gap:13px}.basic-start .template-card{display:flex;align-items:center;gap:12px;min-height:82px;padding:19px 15px;border:1px solid #e7ecee!important;border-radius:8px;background:#fff}.basic-start .template-card:hover{border-color:#aec8cf!important;background:#fcfefe}.basic-start .template-icon{background:#f0f7f7!important;color:#6797a3!important;width:31px;height:32px;border-radius:50%;flex-shrink:0}.basic-start .template-card h3{font-size:11px;font-weight:450;margin:0;line-height:1.5}.basic-start .template-card>.ui-icon{color:#abbac1;margin-left:auto;width:13px}.basic-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a4adb4;font-size:10px;margin-top:38px;padding:22px 0;border-top:1px solid #f0f2f3}.basic-bottom .text-button{font-size:11px}.basic-workspace{max-width:1320px;margin:0 auto;padding:30px 32px 20px}.basic-map-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.basic-title-line{display:flex;align-items:center;gap:10px}.basic-title-line h1{font-size:27px;font-weight:450;letter-spacing:-.8px;color:#4c545c}.basic-map-heading>div>p{font-size:12px;color:#9aa2a9;margin-top:9px;max-width:640px;line-height:1.75}.basic-map-heading .save-status{font-size:9px;color:#9aaba4;margin-top:10px;gap:5px}.basic-map-heading .save-status .ui-icon{width:11px!important}.basic-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.basic-actions>.icon-button{margin-left:1px}.basic-network{border:1px solid #e5e9ec;border-radius:12px;background:#fff;overflow:hidden}.basic-network-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px 0}.basic-network-top h2{font-size:23px;font-weight:400;letter-spacing:-.5px;color:#56616a;display:flex;align-items:center;gap:13px}.basic-summary-dot{display:inline-block;width:13px;height:13px;background:#83a9af;border-radius:50%;flex:none}.basic-network-top p{font-size:12px;color:#9a9fa4;margin:8px 0 0 26px}.basic-journey-toggle{display:flex;align-items:center;gap:8px;color:#81949c;background:#f7fafb;padding:9px 12px;border:1px solid #eaf0f2!important;border-radius:6px;font-size:11px}.basic-journey-toggle:hover,.basic-journey-toggle[aria-pressed="true"]{color:#487f8e;background:#edf6f7;border-color:#cce0e4!important}.basic-network-body{position:relative;display:flex}.basic-canvas{position:relative;min-width:0;flex:1;overflow:hidden}.basic-canvas .main-map{height:min(56vh,530px);min-height:430px;width:100%;flex:none}.basic-map-tools{display:flex;gap:3px;align-items:center;position:absolute;left:21px;bottom:17px;z-index:2;background:#fff;border-radius:7px;border:1px solid #eef1f3;padding:3px}.basic-map-tools .icon-button{width:29px;height:29px}.basic-fit{font-size:10px;display:flex;align-items:center;gap:6px;background:#fff;color:#91a0a9;padding:7px 9px;border-left:1px solid #eef1f3!important;margin-left:4px}.basic-fit .ui-icon{width:14px}.basic-map-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 25px;border-top:1px solid #f0f2f4;color:#a2aab0;font-size:10px;line-height:1.6}.basic-map-foot>span:first-child{display:flex;align-items:center;gap:6px}.basic-map-foot .dot.demo{background:#a6bac5}.basic-foot-separator{margin:0 2px;color:#bcc3c8}.basic-workspace-help{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 5px;color:#9eaaae;font-size:11px}.basic-workspace-help>span{display:flex;align-items:center;gap:8px}.basic-workspace-help .ui-icon{width:14px}.basic-inspector{width:310px;flex-shrink:0;border-left:1px solid #edf0f2;margin-top:20px;padding:7px 23px 23px;max-height:590px;overflow:auto;background:#fff}.basic-inspector-top{display:flex;align-items:center;justify-content:space-between;color:#a3adb4;font-size:8px;letter-spacing:.1em;margin-bottom:14px}.basic-inspector-icon{width:48px;height:48px;display:grid;place-items:center;color:#6d9da9;background:#f1f7f8;border-radius:50%;margin-bottom:14px}.basic-inspector-icon .ui-icon{width:25px;height:25px}.basic-inspector h2{font-size:20px;font-weight:450;letter-spacing:-.4px;line-height:1.35;overflow-wrap:anywhere;color:#55626c}.basic-inspector .basic-inspector-role{font-size:11px;color:#a4adb3;margin-top:5px}.basic-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#7d8e95;margin-top:14px}.basic-status>span{color:#a5afb5}.basic-explanation{font-size:12px;line-height:1.8;color:#8b969d;margin:18px 0 21px!important;white-space:pre-wrap;overflow-wrap:anywhere}.basic-fact{margin-top:17px}.basic-fact>span{display:block;font-size:10px;color:#9ba9b1;margin-bottom:5px}.basic-fact p{font-size:11px;color:#73848e;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.basic-connections{display:flex;flex-direction:column;gap:5px}.basic-connections button{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#72909a;background:#f8fbfb;border:1px solid #edf2f3!important;border-radius:5px;padding:9px 10px;text-align:left}.basic-connections .ui-icon{width:12px}.basic-no-links{font-size:11px;color:#a5b0b7;margin-top:16px!important}.basic-more{padding-top:15px;margin-top:18px;border-top:1px solid #edf1f3}.basic-more summary{font-size:11px;color:#8a9aa2;cursor:pointer}.basic-trust-note{font-size:9px;color:#aab2b8;line-height:1.8;margin-top:21px!important}.basic-inspector-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:19px}.basic-inspector-actions .btn{padding:9px 10px;font-size:11px}.basic-inspector-actions>.text-button{align-self:center;margin-top:6px;font-size:10px}.flow-app[data-experience="basic"] .modal h2{font-weight:450;letter-spacing:-.6px}.flow-app[data-experience="basic"] .modal label{font-size:12px;color:#87959c}.flow-app[data-experience="basic"] .modal input,.flow-app[data-experience="basic"] .modal select,.flow-app[data-experience="basic"] .modal textarea{font-size:12px;padding:11px 12px;border-color:#e0e7eb;color:#59717c}.flow-app[data-experience="basic"] .modal .field-help{font-size:10px;color:#a1abb2}.flow-app[data-experience="basic"] .modal .btn{font-size:12px}.basic-canvas .journey-card{top:17px;left:24px;max-width:450px;border-color:#d8e8eb;box-shadow:0 4px 14px #40616b09}.basic-canvas:has(.journey-card) .main-map{padding-top:0;min-height:560px;height:65vh}.basic-canvas .journey-card .eyebrow-small{color:#80a6b0}.basic-canvas .journey-card .btn.purple{background:#f1f8f8;color:#65909b;border-color:#dfecee!important}.basic-map-surface{background:#fff;position:relative;overflow:hidden}.basic-map{display:block;width:100%;height:100%;max-width:none;user-select:none;touch-action:pan-y;font-family:Inter,Segoe UI,Arial,sans-serif}.basic-map-world{cursor:grab}.basic-node{cursor:pointer;outline:none}.basic-node-disc{fill:white;stroke:#c9d0d4;stroke-width:1.7;filter:drop-shadow(0 2px 3px #1f36451b)}.basic-node-glow{fill:#e5f7fb;opacity:0;filter:blur(5px)}.basic-node.is-selected .basic-node-disc,.basic-node:focus-visible .basic-node-disc{stroke:#8ed7e9;stroke-width:2.5}.basic-node.is-selected .basic-node-glow,.basic-node:focus-visible .basic-node-glow{opacity:1}.basic-node:hover .basic-node-disc{stroke:#93bdc7}.basic-node-label{font-size:14px;fill:#75818b;font-weight:400}.basic-node-role{font-size:11px;fill:#8296a0}.basic-node-status{font-size:9.5px;fill:#a4afb7}.basic-node-note{font-size:9px;fill:#829aa2}.basic-edge{cursor:pointer;outline:none}.basic-edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke}.basic-edge-base{fill:none;stroke:#e8edf1;stroke-width:6;pointer-events:none}.basic-edge-line{fill:none;stroke:#c4d0d8;stroke-width:1.4;pointer-events:none}.basic-edge:hover .basic-edge-line,.basic-edge:focus-visible .basic-edge-line,.basic-edge.is-selected .basic-edge-line{stroke:#82bccb;stroke-width:2.3}.basic-edge-text{pointer-events:none}.basic-edge-text rect{fill:white;stroke:#e2ecef;stroke-width:.8}.basic-edge-text text{font-size:10px;fill:#88a1ab}.basic-node.is-muted,.basic-edge.is-muted{opacity:.26}.is-compact .basic-node-label{font-size:15px}.is-compact .basic-map{pointer-events:none}.is-compact .basic-node-disc{filter:none}.is-compact .basic-edge-line{stroke-width:2}.basic-form-note{background:#f7fafb;padding:12px;border-radius:6px;font-size:11px;color:#9aaab2;margin:15px 0!important}
@media(min-width:1450px){.basic-canvas .main-map{min-height:480px}.basic-dashboard .flow-thumbnail{height:220px}}
@media(max-width:1050px){.basic-workspace{padding:25px 23px}.basic-map-heading{align-items:flex-start}.basic-title-line h1{font-size:25px}.basic-actions{flex-wrap:wrap;justify-content:flex-end}.basic-network-top{padding:23px 23px 0}.basic-network-top h2{font-size:21px}.basic-dashboard .flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-start .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-inspector{width:285px;padding-inline:20px}.basic-map-foot{font-size:9px}.basic-bottom>span{display:none}}
@media(max-width:780px){.basic-network-body.has-inspector{display:block}.basic-inspector{width:100%;border-left:0;border-top:1px solid #e6ecee;max-height:none;padding:21px 25px;margin-top:0}.basic-inspector-top{margin-bottom:6px}.basic-inspector-icon{float:left;margin-right:15px;margin-bottom:15px}.basic-inspector h2{padding-top:4px}.basic-explanation{clear:both}.basic-inspector-actions{flex-direction:row;flex-wrap:wrap}.basic-inspector-actions .text-button{padding:6px}.basic-network-top{align-items:flex-start}.basic-network-top h2{font-size:20px}.basic-network-top p{font-size:11px}.basic-journey-toggle{font-size:10px;white-space:nowrap;padding:9px}.basic-map-heading{flex-direction:column;gap:17px}.basic-map-heading>div>p{max-width:100%}.basic-actions{justify-content:flex-start}.basic-workspace-help{align-items:flex-start}.basic-workspace-help .text-button{white-space:nowrap;font-size:10px}.basic-canvas .main-map{min-height:370px;height:46vh}.basic-map-foot{flex-direction:column;align-items:flex-start;gap:5px}}
@media(max-width:600px){.experience-switch button{font-size:10px;padding:6px 9px}.basic-dashboard.dashboard-content{padding:29px 20px 20px}.basic-welcome{align-items:flex-start;margin-bottom:30px;gap:18px}.basic-overline{font-size:8px;letter-spacing:.09em;margin-bottom:13px}.basic-welcome h1{font-size:27px;line-height:1.2}.basic-welcome p{font-size:12px;line-height:1.8;margin-top:10px;max-width:200px}.basic-welcome>.btn{font-size:10px;padding:9px 11px;min-height:36px;margin-top:26px}.basic-welcome>.btn .ui-icon{width:14px}.basic-dashboard .section-toolbar{flex-wrap:wrap;gap:15px;margin-bottom:15px}.basic-dashboard .search-box{flex:none;width:100%}.basic-dashboard .search-box input{max-width:none}.basic-dashboard .flow-grid{grid-template-columns:1fr;gap:17px}.basic-dashboard .flow-thumbnail{height:190px}.basic-dashboard .card-content{padding:4px 19px 14px}.basic-dashboard .flow-description{min-height:0;font-size:12px}.basic-start{margin-top:33px;padding-top:25px}.basic-start h2{font-size:19px}.basic-start .template-grid{gap:10px}.basic-start .template-card{min-height:115px;align-items:flex-start;position:relative;flex-direction:column;padding:15px}.basic-start .template-card>.ui-icon{position:absolute;right:13px;top:19px}.basic-start .template-card h3{font-size:12px}.basic-bottom{gap:13px;flex-wrap:wrap;margin-top:26px}.basic-bottom .text-button{font-size:11px}.basic-workspace{padding:24px 17px 18px}.basic-title-line h1{font-size:25px}.basic-title-line{align-items:flex-start}.basic-map-heading{margin-bottom:21px}.basic-map-heading p{font-size:11px}.basic-actions{gap:7px}.basic-actions .btn{font-size:11px;padding:8px 11px;min-height:37px}.basic-network{border-radius:9px}.basic-network-top{padding:21px 18px 5px;flex-direction:column;gap:14px}.basic-network-top h2{font-size:20px}.basic-summary-dot{width:10px;height:10px}.basic-network-top p{margin-left:23px;font-size:11px}.basic-journey-toggle{margin-left:23px;padding:7px 9px;font-size:10px}.basic-canvas .main-map{height:44vh;min-height:330px}.basic-map-tools{left:13px;bottom:12px;padding:2px}.basic-map-tools .icon-button{width:27px;height:27px}.basic-map-foot{padding:13px 17px;font-size:9px;gap:5px}.basic-map-foot>span:first-child{flex-wrap:wrap;gap:5px}.basic-workspace-help{flex-direction:column;gap:13px;font-size:10px;padding:17px 1px}.basic-workspace-help .text-button{font-size:11px}.basic-inspector{padding:18px}.basic-canvas .journey-card{top:11px;left:13px;right:13px;padding:14px}.basic-canvas:has(.journey-card) .main-map{padding-top:0;min-height:590px}.basic-inspector-actions{flex-direction:column}.basic-inspector-actions .btn{font-size:12px}.basic-inspector-actions>.text-button{align-self:center}}
@media(max-width:600px){}
.is-journey .basic-edge-line{stroke:#91b6c2;stroke-width:1.8}
@media(max-width:600px){.basic-edge-text{display:none}}
@media(prefers-reduced-motion:reduce){.basic-node-glow{filter:none}}