/* Folder browser, client setup, executions, and credential reference screens. */
.library-view,.clients-view,.credentials-view,.executions-view{flex:1;min-height:0;overflow:auto;background:var(--page-bg);padding:34px 36px 24px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-eyebrow{display:block;font-size:11px;font-weight:650;letter-spacing:1.3px;color:var(--brand-muted);margin-bottom:10px}.page-heading h1{font-size:28px;letter-spacing:-.9px}.page-heading p{font-size:14px;line-height:1.7;color:#7f8799;margin:9px 0 0}.page-actions{display:flex;gap:10px}.page-heading .button{font-size:13px;padding:11px 15px}.text-button{display:inline-flex;gap:6px;align-items:center;color:var(--accent-text);font-size:12px;padding:3px 0}.text-button svg{width:14px;height:14px}.text-button:hover{color:var(--accent-text)}.folder-breadcrumb{display:flex;align-items:center;gap:9px;padding:0 0 20px;border-bottom:1px solid #e5e8ef;flex-wrap:wrap}.folder-breadcrumb>button{display:flex;align-items:center;gap:7px;font-size:12px;color:#8a91a3;padding:3px 0}.folder-breadcrumb>button[aria-current]{color:var(--brand-ink);font-weight:600}.folder-breadcrumb>button:hover{color:var(--accent)}.folder-breadcrumb svg{width:13px;height:13px;color:#a3aab9}.folder-rename{margin-left:auto}.browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px 0}.browser-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e4ed;border-radius:7px;padding:11px 13px;width:320px;max-width:100%;color:#979fb0}.browser-search input{font-size:13px;background:none;border:none;outline:none;min-width:0;width:100%;color:#535d72}.browser-search input:focus{outline:none}.browser-search:focus-within{outline:2px solid var(--accent)}.browser-search svg{width:16px;height:16px}.sort-label{display:flex;gap:9px;align-items:center;color:#9a9fb0;font-size:12px;white-space:nowrap}.sort-label select{border:1px solid #e2e5ed;border-radius:6px;background:white;color:#747d92;padding:9px 12px;font-size:12px}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 15px}.section-title-row h2{font-size:15px;font-family:inherit;letter-spacing:0;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;color:#565e73}.section-title-row h2>span{background:#eceef5;border:1px solid #e4e6ef;color:#9a9fb0;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:500}.section-title-row>span{font-size:12px;color:#989faf}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.folder-card{text-align:left;background:white;border:1px solid #e1e4ed;border-radius:11px;padding:21px;min-width:0;transition:border-color .15s,box-shadow .15s}.folder-card:hover{border-color:var(--brand-pink);box-shadow:0 5px 18px #4245650b}.folder-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.folder-card-top>i{color:#b6bbc7}.folder-card-top>i svg{width:16px}.folder-art{display:inline-flex;align-items:center;justify-content:center;width:45px;height:38px;background:var(--accent-faint);color:var(--brand-pink);border-radius:8px}.folder-art svg{width:26px;height:26px;stroke-width:1.4}.folder-card>strong{display:block;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;color:#4b5368;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-counts{display:block;color:#a0a6b6;font-size:12px;margin:9px 0 20px}.folder-card-bottom{display:flex;border-top:1px solid #edf0f6;padding-top:14px;min-height:38px;align-items:center}.folder-purpose{font-size:12px;color:#a0a6b4}.target-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap;border-radius:5px;padding:5px 7px;line-height:1.2;max-width:100%}.target-badge svg{height:13px;width:13px}.target-badge.office{background:#edf3f9;color:#7389a4}.target-badge.hosted{background:var(--accent-light);color:var(--accent-text)}.target-badge.unassigned{background:#f1f3f7;color:#929bab}.folder-client-strip{display:flex;gap:13px;align-items:center;padding:18px;margin-top:22px;background:#fff;border:1px solid #e4e7ef;border-radius:9px}.client-strip-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--accent-faint);color:var(--brand-muted);flex-shrink:0}.folder-client-strip>div{flex:1}.folder-client-strip strong{display:block;font-size:13px;font-weight:600;color:#596378}.folder-client-strip>div>span{display:block;font-size:12px;color:#959cac;margin-top:5px;line-height:1.5}.folder-client-strip>.target-badge{margin-right:10px}.files-title{margin-top:32px}.table-container{overflow-x:auto;border:1px solid #e3e6ee;border-radius:9px;background:white}.workspace-table{border-collapse:collapse;width:100%;text-align:left;min-width:650px}.workspace-table th{font-size:11px;font-weight:500;color:#969dad;background:#fcfcfe;padding:13px 18px;border-bottom:1px solid #e9ebf3;white-space:nowrap}.workspace-table td{padding:18px;font-size:12px;color:#8b93a5;border-bottom:1px solid #eef0f5}.workspace-table tbody tr:last-child td{border-bottom:none}.workspace-table tbody tr:hover{background:var(--accent-faint)}.workflow-file{display:flex;align-items:center;gap:12px;text-align:left;padding:0;max-width:100%}.workflow-file strong{display:block;font-size:13px;font-weight:550;color:#555e73}.workflow-file:hover strong{color:var(--accent)}.workflow-file small{display:block;font-size:11px;color:#a0a6b6;margin-top:6px;line-height:1.5}.file-icon{display:flex;align-items:center;justify-content:center;width:34px;height:37px;border:1px solid var(--accent-light);border-radius:7px;background:var(--accent-faint);color:var(--accent-text);flex-shrink:0}.file-icon svg{width:16px;height:16px}.file-icon.database{border-color:#e0e8f3;background:#f1f5fb;color:#7e98b7}.file-icon.email{border-color:#f0e1e5;background:#fbf3f5;color:#bd96a0}.status-pill{font-size:11px;border-radius:5px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.status-pill.draft{color:var(--brand-muted);background:var(--accent-light);border:1px solid var(--accent-light)}.status-pill.success{background:#edf5f1;color:#6f9583;border:1px solid #e0ede6}.status-pill.error{background:#fbf0f1;color:#ba8491;border:1px solid #f2e1e5}.folder-empty-inline{grid-column:1/-1;border:1px dashed #e1e4ed;border-radius:8px;padding:22px;display:flex;align-items:center;gap:10px;color:#a4aabb;font-size:12px}.folder-empty-inline>.text-button{margin-left:auto}.files-empty{border:1px solid #e4e7f0;background:white;border-radius:9px;display:flex;align-items:center;gap:14px;padding:26px;color:var(--accent-text)}.files-empty>svg{width:24px;height:24px}.files-empty strong{font-size:13px;color:#7a8295;font-weight:500}.files-empty p{font-size:12px;color:#a1a7b6;margin:6px 0 0}.files-empty .button{margin-left:auto;font-size:12px}.workspace-footnote{display:flex;align-items:center;gap:8px;font-size:12px;color:#a0a6b5;line-height:1.8;margin-top:27px;flex-wrap:wrap}.workspace-footnote>svg{width:14px;height:14px;flex-shrink:0}.workspace-footnote>.text-button{margin-left:auto;font-size:12px;white-space:nowrap}.folder-nav-item{gap:9px;font-size:12px}.folder-nav-item i svg{width:14px;height:14px}.sidebar-mode{margin-left:auto;color:#777d94}.sidebar-mode svg{width:12px;height:12px}.editor-folder-line{display:flex;align-items:center;gap:15px;margin-bottom:13px;flex-wrap:wrap}.editor-folder-line .text-button{font-size:11px;color:#a4a8b5}.editor-folder-line .text-button svg{transform:rotate(180deg);width:12px}.run-target-button{padding:0}.run-target-button .target-badge{font-size:10px;padding:3px 6px}.workflow-heading{padding-top:20px;padding-bottom:20px}.step-library-count{padding:1px 5px;border-radius:4px;background:var(--accent-light);color:var(--accent-text);font-size:10px;margin-left:3px}.library-total{font-size:11px;font-weight:500;color:var(--brand-muted);background:var(--accent-faint);padding:4px 7px;border-radius:5px;margin-left:7px;font-family:'DM Sans',sans-serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.deployment-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 35px}.deployment-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:26px;border:1px solid #e0e5ef;border-radius:12px;background:linear-gradient(150deg,#fff,#f8fafd);transition:border-color .15s,box-shadow .15s}.deployment-option.hosted{background:linear-gradient(150deg,#fff,var(--accent-faint));border-color:var(--accent-light)}.deployment-option:hover{border-color:var(--accent-text);box-shadow:0 6px 20px var(--accent-ring)}.deployment-option-icon{display:grid;place-items:center;width:44px;height:44px;background:#edf2f8;border:1px solid #e1e8f1;border-radius:10px;color:#7891ae;margin-bottom:22px}.hosted .deployment-option-icon{background:var(--accent-light);border-color:var(--accent-light);color:var(--accent-text)}.deployment-option-icon svg{width:22px;height:22px}.option-kicker{font-size:10px;letter-spacing:1px;color:#929daf;font-weight:600}.deployment-option h2{font-size:21px;letter-spacing:-.5px;margin:8px 0 12px;color:#4f5870}.deployment-option p{font-size:14px;color:#8c95a7;line-height:1.8;max-width:390px;margin:0}.deployment-option ul{list-style:none;margin:22px 0;padding:0;display:grid;gap:12px}.deployment-option li{display:flex;align-items:center;gap:8px;font-size:12px;color:#8893a6}.deployment-option li svg{width:13px;height:13px;color:#9aa9ba}.option-action{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;color:#8194b0;border-top:1px solid #e5eaf2;padding-top:18px;margin-top:auto}.hosted .option-action{color:var(--accent-text);border-color:var(--accent-light)}.option-action svg{width:16px}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-card{background:white;border:1px solid #e2e6ef;border-radius:10px;padding:22px;min-width:0}.client-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.client-card-heading>div{min-width:0}.client-card-heading h3{font-size:15px;font-weight:600;margin:0;color:#596176;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-card-heading small{font-size:11px;color:#a5aabb;display:block;margin-top:5px}.client-card-heading>.status-pill{margin-left:auto}.client-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:#edf3fa;color:#879db8;flex-shrink:0}.client-avatar.hosted{background:var(--accent-light);color:var(--accent-text)}.client-avatar svg{width:19px;height:19px}.client-card dl{margin:18px 0 23px}.client-card dl>div{display:flex;justify-content:space-between;gap:20px;margin:13px 0;font-size:12px}.client-card dt{color:#a2a9b7}.client-card dd{margin:0;color:#7e889d;text-align:right;overflow-wrap:anywhere}.client-card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8ebf2;padding-top:17px;gap:10px}.client-card-actions .button{font-size:12px;padding:8px 13px}.setup-dialog{width:min(590px,calc(100vw - 32px))}.setup-form{font-size:14px}.mode-selector{border:0;padding:0;margin:20px 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-selector legend{font-size:12px;font-weight:550;color:#7b859a;margin-bottom:10px}.mode-selector label{position:relative;cursor:pointer}.mode-selector input{position:absolute;right:12px;top:11px;accent-color:var(--accent);width:14px;height:14px}.mode-selector label>span{display:block;border:1px solid #e3e5ed;border-radius:8px;padding:15px 12px}.mode-selector input:checked+span{border-color:var(--accent-text);background:var(--accent-faint);box-shadow:0 0 0 2px var(--accent-ring)}.mode-selector label>span>svg{width:20px;height:20px;color:var(--brand-muted);margin-bottom:12px}.mode-selector strong{display:block;font-size:13px;font-weight:600;color:#74788e;margin-bottom:5px}.mode-selector small{font-size:11px;color:#a7a9b6}.setup-field{display:flex;flex-direction:column;gap:9px;color:#788297;font-size:12px;margin-bottom:20px}.setup-field input,.setup-field select,.setup-field textarea{border:1px solid #e1e5ee;border-radius:7px;padding:11px 12px;min-width:0;width:100%;font:inherit;font-size:13px;color:#646f85;background:white}.setup-field textarea{resize:vertical}.setup-field input:disabled{background:var(--page-bg);border-style:dashed;color:#a6aaba;cursor:not-allowed}.setup-field small{font-size:11px;line-height:1.7;color:#a4a9b8}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full-width{grid-column:1/-1}.setup-description{font-size:12px;line-height:1.8;color:#9ba2b4;margin:0 0 17px}.setup-draft-note{display:flex;gap:8px;padding:12px;border:1px solid var(--accent-light);border-radius:7px;background:var(--accent-faint);color:var(--brand-muted);font-size:11px;line-height:1.8;margin:13px 0}.setup-draft-note svg{width:14px;height:14px;margin-top:3px;flex-shrink:0}.form-error{font-size:12px;line-height:1.6;color:#be7b8b;margin-top:12px}.form-error:empty{display:none}.credential-info{display:flex;align-items:center;gap:15px;border:1px solid var(--accent-border);border-radius:10px;padding:21px;background:var(--accent-faint);margin-bottom:26px}.credential-info>span:first-child{display:grid;place-items:center;width:42px;height:42px;color:var(--accent-text);background:var(--accent-light);border-radius:10px;flex-shrink:0}.credential-info>span:first-child svg{width:20px}.credential-info strong{font-size:14px;color:var(--brand-muted);font-weight:550}.credential-info p{font-size:12px;line-height:1.8;color:var(--brand-muted);margin:6px 0 0}.credential-info>.status-pill{margin-left:auto}.result-count{font-size:12px;color:#9da5b6;white-space:nowrap}.empty-table-cell{text-align:center;padding:38px!important}.credentials-table{min-width:750px}.credentials-table td:first-child{width:40%}.credentials-table .workflow-file small{max-width:270px}.page-demo-label{display:flex;align-items:center;gap:7px;color:var(--brand-muted);font-size:12px;padding:8px 11px;border-radius:6px;background:var(--accent-light);border:1px solid var(--accent-light);white-space:nowrap}.page-demo-label svg{width:14px;height:14px}.execution-stats{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid #e2e6ef;border-radius:10px;margin:10px 0 30px;padding:24px 0}.execution-stats>div{padding:0 25px;border-right:1px solid #e9ecf3}.execution-stats>div:last-child{border:0}.execution-stats span{display:block;font-size:12px;color:#8994a7}.execution-stats strong{display:block;font-family:Manrope,sans-serif;font-size:31px;font-weight:700;margin:8px 0;color:#6b768d}.execution-stats small{font-size:11px;color:#acb2bf}.execution-stats .success-text{color:#83a594}.execution-stats .error-text{color:#c498a5}.execution-filters{display:flex;gap:4px;padding:4px;background:#eef0f6;border:1px solid #e5e8f0;border-radius:7px}.execution-filters button{padding:7px 12px;border-radius:5px;font-size:12px;color:#929aad}.execution-filters button.selected{background:#fff;box-shadow:0 1px 3px #2025380b;color:var(--brand-muted)}.execution-table{min-width:770px}.execution-state-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eff6f3;color:#80a591;flex-shrink:0}.execution-state-icon.error{background:#faf0f3;color:#c096a2}.execution-state-icon svg{width:14px;height:14px}.source-badge{font-size:10px;padding:4px 6px;border:1px solid #e7e9f0;border-radius:4px;color:#a7aabc;background:#fafbfc}.execution-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #e9ecf2}.execution-detail-summary h3{font-size:15px;color:#69748a;font-weight:600;margin:0}.execution-detail-summary p{font-size:11px;color:#a4aabd;margin:7px 0 0}.execution-timeline{list-style:none;padding:0;margin:0}.execution-timeline li{display:flex;gap:12px;position:relative;padding-bottom:24px}.execution-timeline li:before{content:'';position:absolute;left:12px;top:24px;bottom:0;border-left:1px solid #e0e9e4}.execution-timeline li:last-child:before{display:none}.timeline-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef5f1;color:#85a691;flex-shrink:0}.timeline-icon svg{width:12px;height:12px}.has-error .timeline-icon{background:#f9eff2;color:#bd8c99}.execution-timeline strong{font-size:13px;font-weight:550;color:#747e92;display:block;padding-top:3px}.execution-timeline p{font-size:12px;line-height:1.8;color:#9ea6b7;margin:5px 0 0}.timeline-index{margin-left:auto;font-size:10px;color:#c1c5d0;padding-top:6px}.error-guidance{font-size:11px;line-height:1.8;background:#fbf4f6;color:#b798a2;border:1px solid #f0e3e8;padding:10px;border-radius:5px;margin-top:10px}.app-shell .workspace-picker small{font-size:11px}.app-shell .profile small{font-size:11px}.app-shell .sidebar-section-label{white-space:nowrap}.credentials-view .button,.executions-view .button{font-size:13px}
@media(min-width:1600px){.library-view,.clients-view,.credentials-view,.executions-view{padding:40px 48px}.folder-card{padding:26px}.folder-card>strong{font-size:18px}.folder-counts{font-size:13px}.deployment-option{padding:30px}.page-heading h1{font-size:30px}.workspace-table td{padding:20px}.workflow-file strong{font-size:14px}}
@media(max-width:1250px){.library-view,.clients-view,.credentials-view,.executions-view{padding:28px}.folder-card{padding:18px}.folder-card>strong{font-size:15px}.folder-card .target-badge{font-size:10px}.folder-client-strip>.target-badge{display:none}.deployment-option{padding:22px}.client-card{padding:18px}.page-heading h1{font-size:26px}}
@media(max-width:900px){.page-heading{flex-wrap:wrap;gap:18px}.page-actions{margin-left:auto}.page-heading h1{font-size:25px}.folder-grid{gap:12px}.folder-card{padding:15px}.folder-card>strong{font-size:14px}.folder-counts{font-size:11px}.folder-card .target-badge{font-size:10px;padding:4px}.folder-card .target-badge svg{width:11px}.deployment-options{gap:15px}.deployment-option p{font-size:13px}.deployment-option h2{font-size:20px}.deployment-option li{font-size:11px}.client-grid{gap:12px}.section-title-row>span{font-size:11px}.execution-stats>div{padding:0 18px}.execution-stats small{font-size:10px}.workspace-footnote{font-size:11px}.editor-folder-line .text-button{font-size:10px}.workflow-heading{padding-top:16px;padding-bottom:16px}.workflow-heading .title-line{margin-top:4px}}
@media(max-width:620px){.library-view,.clients-view,.credentials-view,.executions-view{padding:24px 17px}.page-eyebrow{font-size:9px;letter-spacing:1px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.page-actions{width:100%;margin:0}.page-actions>.button{flex:1;font-size:12px;padding:10px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.folder-card{padding:17px 13px}.folder-card>strong{font-size:14px}.folder-card-top{margin-bottom:15px}.folder-card .folder-art{width:37px;height:32px}.folder-art svg{width:22px;height:22px}.folder-counts{font-size:11px;margin-bottom:16px}.folder-card-bottom{padding-top:11px}.folder-card .target-badge{font-size:9px;white-space:normal;line-height:1.5}.folder-purpose{font-size:10px;line-height:1.5}.browser-toolbar{gap:10px;flex-wrap:wrap;margin:22px 0}.browser-search{width:100%;padding:10px 12px}.sort-label{margin-left:auto;font-size:11px}.sort-label select{font-size:11px;padding:7px}.section-title-row>span{display:none}.section-title-row h2{font-size:14px}.folder-client-strip{align-items:flex-start;gap:10px;flex-wrap:wrap;padding:15px}.folder-client-strip>div{flex-basis:calc(100% - 50px)}.folder-client-strip>.text-button{margin-left:46px}.folder-client-strip>div>span{font-size:11px}.files-empty{padding:20px 16px;flex-wrap:wrap}.files-empty>div{flex:1;min-width:170px}.files-empty strong{font-size:12px}.files-empty p{font-size:11px}.files-empty>.button{margin-left:37px}.folder-empty-inline{padding:18px 13px;flex-wrap:wrap;font-size:11px}.folder-empty-inline .text-button{font-size:11px}.workspace-footnote>.text-button{margin-left:22px}.deployment-options{grid-template-columns:1fr}.deployment-option{padding:23px}.deployment-option p{font-size:14px}.deployment-option li{font-size:12px}.client-grid{grid-template-columns:1fr}.client-card{padding:20px}.mode-selector{gap:9px}.mode-selector strong{font-size:12px}.mode-selector small{font-size:10px}.mode-selector label>span{padding:13px 10px}.setup-grid{grid-template-columns:1fr;gap:0}.setup-field{font-size:12px}.setup-field input,.setup-field select,.setup-field textarea{font-size:14px}.credential-info{padding:17px;gap:12px;align-items:flex-start}.credential-info>.status-pill{display:none}.credential-info strong{font-size:13px;line-height:1.6}.credential-info p{font-size:11px}.credential-info>span:first-child{width:32px;height:32px}.result-count{font-size:11px}.execution-stats{padding:18px 0}.execution-stats>div{padding:0 12px}.execution-stats span{font-size:10px}.execution-stats strong{font-size:26px}.execution-stats small{display:none}.execution-filters{width:100%;justify-content:space-between;gap:0}.execution-filters button{padding:7px 9px;font-size:11px}.page-demo-label{font-size:11px}.editor-folder-line{gap:7px;margin-bottom:10px}.run-target-button .target-badge{font-size:9px}.editor-folder-line .text-button{max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.workflow-heading .title-line{margin-top:0}.library-total{font-size:10px}.step-library-count{font-size:9px}.breadcrumb>span:first-of-type{display:inline!important}.breadcrumb>span:nth-of-type(2),.breadcrumb>i,.breadcrumb strong{display:none!important}.topbar .breadcrumb{font-size:12px}.execution-detail-summary h3{font-size:14px}}
