:root{--blue:#315fe9;--blue-soft:#edf2ff;--ink:#1c2940;--muted:#7a8598;--line:#e6eaf1;--canvas:#f4f6fa;--green:#249d76;--radius:10px;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #90acff;outline-offset:2px}
[hidden]{display:none!important}
.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 16px 22px;z-index:20}
.brand{display:flex;gap:11px;align-items:center;padding:0 8px;font-weight:700;font-size:18px;letter-spacing:.3px}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:white;background:var(--blue);border-radius:11px;font-size:23px;box-shadow:0 4px 10px #315fe923}
.brand small{display:block;color:#949dad;font-size:10px;font-weight:400;letter-spacing:1px;margin-top:5px}
.company-box{display:flex;gap:10px;align-items:center;margin:28px 4px 26px;padding:13px 9px;background:#f8f9fc;border:1px solid #edf0f5;border-radius:8px}
.company-avatar{width:30px;height:30px;background:#e9eeff;border-radius:7px;color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:700}
.company-box strong{font-size:12px;font-weight:600}
.company-box small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.local-dot{width:6px;height:6px;border-radius:50%;background:#adb6c8;margin-left:auto}
.nav-label{font-size:10px;letter-spacing:1px;color:#9aa3b2;margin:0 14px 12px}
.nav-item{border:0;background:transparent;width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:13px 14px;color:#69758a;border-radius:7px;font-size:13px}
.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:600}
.nav-icon{font-size:18px;line-height:1}
.nav-arrow{margin-left:auto;font-size:17px}
.system-label{margin-top:30px}
.nav-item:hover{background:#f3f6fc}
.sidebar-foot{margin-top:auto;padding:20px 10px 0;border-top:1px solid var(--line);font-size:10px;color:#9aa4b4}
.sidebar-foot p{line-height:1.8}
.sidebar-foot a{color:#7e8a9e}
.local-label{color:#758399;font-size:11px}
.local-label i{display:inline-block;width:6px;height:6px;background:#90a3c1;margin-right:6px;border-radius:50%}
.workspace{margin-left:220px;min-height:100vh;display:flex;flex-direction:column}
.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;background:#ffffffea;border-bottom:1px solid var(--line);padding:0 32px}
.breadcrumb{font-size:12px;color:#8791a3}
.breadcrumb span{padding:0 12px;color:#c7cdd8}
.breadcrumb strong{color:#455169;font-weight:500}
.topbar-right{display:flex;gap:10px;align-items:center;font-size:12px;color:#647187}
.environment-badge{font-size:10px;border:1px solid #e2e7f1;background:#f7f9fc;color:#8390a4;padding:4px 8px;border-radius:4px;margin-right:10px}
.environment-badge.demo{color:#af751b;background:#fff6df;border-color:#f3dfb2}
.version-badge{font-size:10px;border:1px solid #e2e7f1;background:#f7f9fc;color:#8390a4;padding:4px 8px;border-radius:4px;margin-right:10px;font-variant-numeric:tabular-nums}
.user-avatar{height:27px;width:27px;border-radius:50%;background:#e9effa;display:grid;place-items:center;color:#697f9c;font-size:11px}
main{padding:32px;max-width:1800px;width:100%;margin:0 auto;flex:1}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.eyebrow{font-size:10px;color:#8d98ab;letter-spacing:1.8px;margin-bottom:8px}
h1{font-size:25px;letter-spacing:.4px;line-height:1.4;margin:0;font-weight:650}
.page-heading p{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.7}
.heading-actions{display:flex;gap:10px}
.button{border-radius:6px;min-height:35px;padding:8px 14px;font-size:12px;border:1px solid transparent;white-space:nowrap}
.button.primary{background:var(--blue);color:white;box-shadow:0 2px 3px #315fe911}
.button.primary:hover:not(:disabled){background:#224ed1}
.button.secondary{background:white;border-color:#dce2ec;color:#536178}
.button.secondary:hover:not(:disabled){background:#f7f9ff}
.button span{font-size:16px}
.notice{display:flex;align-items:center;gap:12px;background:#eef3ff;border:1px solid #e0e8fc;color:#667baf;border-radius:7px;padding:13px 16px;font-size:11px;line-height:1.7;margin-bottom:22px}
.notice strong{font-weight:600;color:#3e5d9c;white-space:nowrap}
.notice.demo{background:#fff9ed;border-color:#f3e8cc;color:#947740}
.notice.demo strong{color:#a17a28}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.metric{background:#fff;border:1px solid var(--line);padding:20px 22px 17px;border-radius:var(--radius);position:relative}
.metric-label{font-size:11px;color:#7d899c}
.metric-value{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:29px;font-weight:600;margin:12px 0 7px;letter-spacing:-.7px}
.metric-value small{font-size:11px;font-weight:400;margin-left:6px;color:#8b96a8;letter-spacing:0}
.metric-note{font-size:10px;color:#a0a9b8}
.metric-symbol{position:absolute;right:19px;top:19px;background:#f2f5fc;color:#9aadd2;border-radius:6px;width:28px;height:28px;display:grid;place-items:center;font-size:15px}
.flow-strip{display:flex;align-items:center;gap:20px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:24px;font-size:11px}
.flow-title{color:#8b97aa;padding-right:18px;border-right:1px solid var(--line)}
.flow-strip button{font-size:11px;border:0;background:transparent;color:#6c7a91;padding:0;display:flex;align-items:center;gap:7px}
.flow-strip i{height:6px;width:6px;display:inline-block;border-radius:50%;background:#c5cddc}
.flow-strip i.connected{background:var(--green)}
.flow-strip button span{margin-left:18px;color:#b5bdce}
.flow-strip .flow-manage{margin-left:auto;color:#6686c8}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 22px;gap:28px;overflow:auto}
.tab{position:relative;white-space:nowrap;border:0;background:transparent;color:#8490a3;padding:19px 0 18px;font-size:12px}
.tab.active{color:var(--blue);font-weight:600}
.tab.active:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:0;left:0;right:0}
.filter-bar{display:flex;gap:11px;align-items:center;padding:21px 22px}
.search-box{display:flex;gap:7px;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:5px;padding:0 10px;color:#9da9ba;background:#fff;max-width:280px;flex:1}
.search-box span{font-size:20px}
.search-box input{border:0;outline:none;background:transparent;min-width:0;width:100%;font-size:11px;color:#536178;padding:8px 0}
.search-box input::placeholder{color:#a9b1bf}
select{border:1px solid var(--line);background:white;border-radius:5px;font-size:11px;color:#7c889b;height:34px;max-width:220px;padding:0 28px 0 12px}
.text-button{background:transparent;border:0;font-size:11px;color:#7e91b9;padding:6px}
.filter-tip{font-size:10px;color:#9ca6b6;margin-left:auto;white-space:nowrap}
.table-scroll{overflow:auto}
table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
th{background:#f8f9fc;color:#8590a3;font-size:10px;font-weight:500;padding:13px 16px;border-block:1px solid #f0f2f7}
th:first-child,td:first-child{padding-left:23px}
td{font-size:11px;color:#5a677c;padding:17px 16px;border-bottom:1px solid #f0f2f7}
tbody tr:hover{background:#fafbfe}
.number{text-align:right;font-variant-numeric:tabular-nums}
.order-link{background:transparent;border:0;color:#476fbf;padding:0;font-size:11px}
.sub-line{display:block;font-size:10px;color:#a1aabd;margin-top:6px}
.status{display:inline-block;font-size:10px;padding:4px 7px;border-radius:4px;background:#f2f4f8;color:#7d8b9f}
.status.green{background:#e9f7f1;color:#409a78}
.status.blue{background:#eef3ff;color:#6d89c3}
.status.amber{background:#fff4de;color:#b28d42}
.empty-state{text-align:center;padding:58px 25px 62px;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.empty-symbol{width:49px;height:49px;border:1px solid #e2e8f3;border-radius:13px;display:grid;place-items:center;font-size:24px;color:#a8b9d6;background:#f7f9fd;margin-bottom:18px}
.empty-state h3{font-size:14px;font-weight:500;color:#65758d;margin:0 0 11px}
.empty-state p{font-size:11px;color:#99a4b6;max-width:460px;line-height:1.9;margin:0}
.empty-state button{margin-top:20px}
.data-footer{display:flex;justify-content:space-between;padding:13px 22px;font-size:10px;color:#a0a9b8;border-top:1px solid #edf0f5}
.storage-note{font-size:10px;color:#a0a9b7;line-height:1.8;margin:16px 2px}
.workspace-footer{padding:20px 32px;display:flex;justify-content:space-between;font-size:10px;color:#a1aaba}
.workspace-footer b{font-weight:400;padding:0 5px}
.section-intro{padding:22px 24px 18px}
h2{font-size:15px;font-weight:600;margin:0}
.section-intro p{font-size:11px;color:#929db0;line-height:1.8;margin:8px 0 0}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 24px 24px}
.feature-step{padding:20px;border:1px solid var(--line);border-radius:8px}
.feature-step span{font-family:Arial,sans-serif;color:#bdc9df;font-size:20px}
.feature-step h3{font-size:12px;font-weight:500;margin:13px 0 9px}
.feature-step p{font-size:11px;color:#98a3b5;line-height:1.8;margin:0}
.feature-blocked{margin:0 24px 25px;padding:15px;background:#fafbfe;border:1px dashed #dde4f0;border-radius:6px;font-size:11px;line-height:1.9;color:#8995a8}
.connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}
.connector-card{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;display:flex;flex-direction:column}
.connector-label{font-size:10px;letter-spacing:1px;color:#9aa7bc;margin-bottom:17px}
.connector-card h2{font-size:17px;line-height:1.5}
.connector-card .connector-name{font-size:12px;color:#7e8ea7;margin:12px 0 18px;line-height:1.8}
.connector-status{font-size:10px;color:#9ba6b6;background:#f2f4f8;padding:5px 8px;align-self:flex-start;border-radius:4px;margin-bottom:18px}
.connector-status.connected{background:#eaf7f1;color:#429a7a}
.connector-card p{font-size:11px;color:#99a4b5;line-height:1.9}
.connector-card button{margin-top:auto;align-self:flex-start}
.capability-panel{margin-bottom:20px}
.gap-row{display:flex;gap:15px;padding:16px 24px;border-top:1px solid #f0f2f6;align-items:flex-start}
.gap-indicator{background:#fff4dd;color:#b19451;font-size:10px;padding:3px 6px;border-radius:3px;white-space:nowrap}
.gap-row p{font-size:11px;color:#7d8a9f;margin:1px 0;line-height:1.8}
.architecture-panel{padding:25px}
.architecture-panel>p{font-size:12px;color:#758aa9;line-height:2;margin:13px 0 20px}
.architecture-details{display:flex;gap:15px;flex-wrap:wrap}
.architecture-details span,.scope-tags span{font-size:11px;background:#f4f7fd;color:#8193af;border:1px solid #e7edf7;padding:7px 11px;border-radius:5px}
.settings-panel{padding:27px;margin-bottom:22px}
.settings-panel dl{display:grid;grid-template-columns:150px 1fr;gap:22px;font-size:12px;margin-top:30px}
.settings-panel dt{color:#9aa5b5}
.settings-panel dd{margin:0;color:#62738b;line-height:1.7}
.settings-panel>p{font-size:11px;color:#929eb0;line-height:1.9}
.settings-footnote{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}
.scope-tags{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}
.drawer-backdrop{position:fixed;inset:0;background:#16223d40;z-index:50}
.detail-drawer{position:fixed;inset:0 0 0 auto;width:min(700px,93vw);background:white;z-index:51;box-shadow:-6px 0 30px #1723391f;overflow:auto}
.drawer-head,.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line)}
.drawer-head small,.dialog-head small{font-size:10px;color:#93a1b8;display:block;margin-bottom:9px}
.drawer-head h2{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:19px}
.icon-button{border:0;background:transparent;color:#8a98ae;font-size:25px;width:35px;height:35px}
.drawer-section{padding:23px 28px;border-bottom:1px solid var(--line)}
.drawer-section h3{font-size:12px;font-weight:600;margin:0 0 17px}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 18px}
.detail-grid label{display:block;font-size:10px;color:#9ca6b6;margin-bottom:9px}
.detail-grid strong{font-size:12px;font-weight:500}
.detail-table{white-space:normal}
.detail-table th,.detail-table td{padding:12px 9px;font-size:10px}
.detail-table th:first-child,.detail-table td:first-child{padding-left:0}
.demo-label{color:#af8a3f;font-size:10px;margin-bottom:17px;line-height:1.8}
.record{padding:12px 0;border-bottom:1px solid #f0f2f6;font-size:11px;color:#7e8ca2;line-height:1.9}
.record:last-child{border:0}
.note-input{width:100%;min-height:85px;padding:12px;border:1px solid #dfe5ef;border-radius:5px;resize:vertical;font-size:12px;color:#4a5d7c;line-height:1.8}
.note-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px}
.note-actions p{font-size:10px;color:#9ca7b8;line-height:1.8;margin:0;max-width:300px}
.preview-dialog{border:0;border-radius:12px;width:min(560px,92vw);padding:0;box-shadow:0 20px 80px #1522434d;max-height:88vh;overflow:auto;color:var(--ink)}
.preview-dialog::backdrop{background:#172b4e5c}
.preview-body-inner{padding:24px 28px}
.preview-body-inner>p{font-size:12px;color:#8392aa;line-height:1.9}
.preview-changes{background:#f7f9fc;border:1px solid var(--line);padding:15px;border-radius:7px;margin:18px 0;font-size:12px;color:#6b7d99;line-height:2;overflow-wrap:anywhere}
.check-row{font-size:11px;color:#7d8eaa;line-height:1.9;display:flex;gap:10px;padding:7px 0}
.check-icon{color:var(--green)}
.check-icon.failed{color:#cb7a65}
.preview-meta{margin-top:16px;font-size:10px;color:#9aa6b9;line-height:1.9}
.dialog-actions{padding:17px 28px;background:#fafbfe;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}
.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#243754;color:white;border-radius:7px;box-shadow:0 5px 20px #14233d30;z-index:100;font-size:12px;max-width:90vw;line-height:1.8}
.toast.error{background:#985d50}
.operation-row{padding:19px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}
.operation-row h3{font-size:12px;margin:0 0 8px;font-weight:500}
.operation-row p{font-size:10px;color:#99a5b8;line-height:1.8;margin:0}
.operation-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.operation-empty{padding:60px;text-align:center;color:#a0aabd;font-size:12px}
.inline-error{color:#be7464;font-size:11px;line-height:1.9;padding:20px}
.mobile-brand{display:none}
@media(min-width:1600px){main{padding:38px 42px}
.topbar{padding:0 42px}
.metric{padding:24px}
.empty-state{min-height:320px}}
@media(max-width:1150px){.sidebar{width:185px;padding-inline:10px}
.workspace{margin-left:185px}
main{padding:25px 20px}
.topbar{padding:0 20px}
.brand{font-size:16px;gap:8px}
.brand small{font-size:9px;letter-spacing:.2px}
.brand-mark{width:32px;height:34px;font-size:20px}
.flow-strip{gap:12px}
.flow-strip button span{margin-left:5px}
.connector-card{padding:19px}
.filter-bar{flex-wrap:wrap}
.filter-tip{margin-left:0}
.tabs{gap:23px}
.metric{padding:18px 15px}
.metric-symbol{right:12px}
.metric-value{font-size:26px}}
@media(max-width:800px){.sidebar{width:65px;padding:20px 8px}
.brand{padding:0;justify-content:center}
.brand>span:last-child,.company-box,.nav-label,.nav-arrow,.sidebar-foot{display:none}
.nav-item{font-size:0;padding:15px;justify-content:center;gap:0;margin-top:12px}
.nav-icon{font-size:20px}
.sidebar nav{margin-top:30px}
.workspace{margin-left:65px}
.topbar{height:58px;padding:0 18px}
.breadcrumb{font-size:10px}
.breadcrumb span{padding:0 6px}
.topbar-right{gap:6px}
.environment-badge{margin:0;font-size:9px}
.version-badge{margin:0;font-size:9px;margin-right:8px}
.user-avatar,#actor-name{display:none}
main{padding:23px 16px}
.page-heading{align-items:flex-start;gap:15px;flex-direction:column}
.page-heading h1{font-size:23px}
.heading-actions{align-self:flex-end;margin-top:-4px}
.notice{align-items:flex-start;flex-direction:column;gap:5px;font-size:10px;padding:12px}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metric{padding:16px}
.metric-value{font-size:24px}
.flow-strip{flex-wrap:wrap;gap:13px;padding:13px}
.flow-title{display:none}
.flow-strip .flow-manage{width:100%;margin-left:0;padding-top:3px}
.flow-strip button{font-size:10px}
.tabs{gap:23px;padding:0 16px}
.tab{font-size:11px;padding-block:17px}
.filter-bar{padding:16px;gap:8px}
.search-box{max-width:none;flex-basis:100%}
.filter-bar select{font-size:10px;max-width:48%;height:31px}
.filter-tip{width:100%}
.empty-state{padding:45px 20px;min-height:270px}
.data-footer{gap:10px;flex-direction:column;padding:13px 16px}
.connector-grid{grid-template-columns:1fr}
.connector-card{padding:22px}
.connector-card p{margin-top:0}
.feature-list{grid-template-columns:1fr;padding:0 17px 17px}
.feature-step{padding:16px}
.feature-step span{font-size:16px}
.feature-step h3{display:inline;margin-left:10px}
.feature-step p{margin-top:10px}
.feature-blocked{margin:0 17px 20px}
.workspace-footer{padding:20px 16px;flex-direction:column;gap:8px;font-size:9px}
.settings-panel{padding:22px 18px}
.settings-panel dl{grid-template-columns:90px 1fr;gap:20px 10px;font-size:11px}
.detail-drawer{width:94vw}
.drawer-section{padding:20px}
.drawer-head{padding:20px}
.detail-grid{gap:20px 12px}
.detail-grid strong{font-size:11px}
.note-actions{align-items:flex-start;flex-direction:column}
.note-actions .button{align-self:flex-end}
.operation-row{align-items:flex-start;flex-direction:column}
.operation-actions{align-self:flex-end}
.architecture-details{gap:8px}
.architecture-details span{font-size:10px}}
@media(max-width:1400px){.filter-bar{flex-wrap:wrap}}
th,td{font-size:12px}
.button,.tab{font-size:13px}
.notice,.metric-label,.empty-state p,.connector-card p{font-size:12px}
.metric-note,.data-footer,.storage-note{font-size:11px}
.operation-proof{font-size:11px;color:#8493aa;line-height:1.9;margin-top:10px;overflow-wrap:anywhere}
.operation-proof summary{cursor:pointer;color:#7290bd}
.operation-proof p{margin-top:8px}
.filter-tip{font-size:11px}
@media(max-width:800px){.button,.tab{font-size:12px}
.notice,.empty-state p{font-size:11px}}
.connector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.connector-grid{grid-template-columns:1fr}
.flow-strip button[data-connector-role='operation']{flex-wrap:wrap;text-align:left;line-height:1.8}}
.preview-decision{font-size:16px;margin:20px 0 12px}
.preview-section-title{font-size:13px;margin:20px 0 8px}
.preview-blocked{padding:13px 15px;border:1px solid #f1d3c8;background:#fff7f3;color:#ad6d58;border-radius:6px;font-size:12px}
.preview-blocked p{font-size:11px;line-height:1.9;margin:6px 0}
.connection-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.connection-row{padding:16px 24px;border-top:1px solid var(--line);font-size:12px}
.connection-row strong{display:inline-block;margin-right:10px;font-weight:500}
.connection-row p,.connection-empty{font-size:11px;color:#8c9bb0;line-height:1.9}
.connection-empty{padding:16px 24px 25px}
.requirement-row{display:flex;align-items:center;gap:16px;padding:18px 24px;border-top:1px solid var(--line)}
.requirement-main{flex:1}
.requirement-main h3{font-size:12px;font-weight:500;margin:0 0 8px}
.requirement-main p{font-size:11px;line-height:1.8;color:#929fb3;margin:0}
.requirement-kind{font-size:10px;background:#f3efff;color:#8c7bae;border-radius:3px;padding:3px 6px;margin-left:7px}
.requirement-kind.enterprise{background:#edf4ff;color:#6987b8}
.requirement-row>.connector-status{margin:0;align-self:center;white-space:nowrap}
.connector-capabilities{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 17px}
.connector-capabilities span{font-size:10px;background:#f5f7fb;color:#92a0b6;border-radius:3px;padding:4px 7px}
.connector-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}
.catalog-intro{padding-left:2px}
@media(max-width:800px){.connection-sections{grid-template-columns:1fr;gap:0}
.requirement-row{flex-wrap:wrap;padding:17px}
.requirement-main{min-width:100%}
.requirement-row>.connector-status{margin-right:auto}
.connector-grid{grid-template-columns:1fr}}
.workspace-flow-connections{display:flex;gap:18px;flex-wrap:wrap}
.workspace-flow-connections button{line-height:1.8}
@media(max-width:800px){.workspace-flow-connections{gap:8px;flex-direction:column}
.flow-strip .flow-manage{width:auto;margin-left:auto}
.flow-title{display:block;white-space:nowrap}}
.execution-effects{display:grid;gap:12px;margin:12px 0 20px}
.execution-effect-item{border:1px solid #e0e8f4;border-radius:7px;padding:13px 15px;background:#f8fbff}
.execution-effect-item>strong{font-size:11px;font-weight:500;color:#718cac;line-height:1.8}
.execution-effect-fields>div{margin-top:10px}
.execution-effect-fields span{font-size:10px;color:#97a8bf}
.execution-effect-fields p{margin:5px 0 0;font-size:12px;color:#7186a4;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
:root{--execution-bg:#dce7f5;--execution-hover-bg:#cadcf1;--execution-border:#8fa8c7;--execution-text:#31567e}
.button.primary:not(.execution-action){background:#fff;border-color:#dce4ef;color:#6e83a2;box-shadow:none}
.button.primary:not(.execution-action):hover:not(:disabled){background:#f7f9fd}
.button.execution-action,.text-button.execution-action{background:var(--execution-bg);border:1px solid var(--execution-border);color:var(--execution-text);font-weight:500;box-shadow:none}
.button.execution-action:hover:not(:disabled),.text-button.execution-action:hover:not(:disabled){background:var(--execution-hover-bg);border-color:#6f91b7;color:#26496f}
.button.execution-action:focus-visible,.text-button.execution-action:focus-visible{outline:2px solid #8ba4c0;outline-offset:2px}
.button.execution-action:disabled,.text-button.execution-action:disabled{background:#f7f9fc;border-color:#e0e6ee;color:#a0adbf;opacity:1}
.business-page-actions{position:sticky;top:10px;z-index:15;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 15px;background:#fff;border:1px solid #dce6f6;border-radius:8px;box-shadow:0 5px 16px #3551800a;margin-bottom:12px}
.business-page-actions .button{font-size:11px;min-height:33px;padding:7px 11px}
.business-page-actions .prepayment-main-action{font-size:12px;font-weight:500;padding-inline:15px}
.business-page-actions>span{font-size:10px;line-height:1.8;color:#9aaac1;margin-left:auto}
.business-row-actions .row-primary-action{font-size:10px;padding:5px 8px;min-height:27px}
.row-more-business{flex-basis:100%;font-size:10px}
.row-more-business>summary{display:inline-block;padding:3px 8px;font-size:10px}
.row-more-business>div{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px}
.row-more-business>div>.button{font-size:10px;padding:5px 7px;min-height:26px}
.workflow-scope{display:flex;flex-direction:column;gap:6px;padding:15px 25px;background:#f7faff;border-bottom:1px solid #e7eef8;font-size:10px;color:#9aabc2;line-height:1.8}
.workflow-scope strong{font-size:11px;font-weight:500;color:#718db5}
.workflow-steps{display:flex;gap:22px;padding:20px 25px 0;margin:0;list-style:none;flex-wrap:wrap}
.workflow-steps li{display:flex;align-items:center;gap:8px;font-size:11px;color:#a6b2c3}
.workflow-steps li>span{height:23px;width:23px;border-radius:50%;display:grid;place-items:center;background:#f0f3f8;color:#9cacbf;font-size:10px}
.workflow-steps li.current{color:#6085bf}
.workflow-steps li.current>span{background:#e9f0ff;color:#557ac1}
.workflow-section{padding:23px 25px}
.workflow-section h3{font-size:13px;color:#667e9f;font-weight:500;margin:0 0 13px}
.workflow-section h3:not(:first-child){margin-top:25px}
.workflow-help{font-size:11px;color:#98a9bf;line-height:1.9;margin:0 0 16px}
.workflow-ratio,.workflow-local-tools,.workflow-disabled-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 20px;font-size:10px;color:#9cacc3}
.workflow-ratio label{display:flex;align-items:center;gap:9px}
.workflow-ratio input{width:100px}
.workflow-ratio>.button,.workflow-local-tools>.button,.workflow-disabled-tools>.button{font-size:10px;min-height:29px;padding:6px 10px}
.workflow-table{white-space:normal;min-width:650px}
.workflow-table th{font-size:10px;color:#879bb8;padding:12px}
.workflow-table td{font-size:11px;vertical-align:top;line-height:1.9;padding:15px 12px}
.workflow-table th:first-child,.workflow-table td:first-child{padding-left:13px}
.workflow-table input,.workflow-table select,.workflow-ratio input,.workflow-wide-label textarea,.workflow-group-card select{border:1px solid #dce5f3;border-radius:5px;padding:9px 10px;color:#6883a8;background:#fff;font-size:11px;max-width:100%}
.workflow-table input:disabled,.workflow-ratio input:disabled{background:#f7f9fc;color:#aeb7c5}
.workflow-money-input{width:175px}
.workflow-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.workflow-group-card{padding:17px;border:1px solid #e0e8f3;border-radius:8px;background:#fcfdff;min-width:0}
.workflow-group-card h4{font-size:12px;font-weight:500;color:#6c86a9;margin:0 0 10px;line-height:1.8;overflow-wrap:anywhere}
.workflow-group-card p,.workflow-group-pos{display:block;font-size:10px;color:#a1adc0;line-height:1.9;margin:0 0 8px;overflow-wrap:anywhere}
.workflow-group-subtotal{font-size:11px;color:#8da0b9;line-height:1.9;margin:12px 0 15px}
.workflow-group-subtotal strong{font-weight:500;color:#6e8caf}
.workflow-group-card label,.workflow-wide-label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#8da2bf}
.workflow-group-card select{max-width:100%;width:100%}
.workflow-wide-label{margin-top:22px}
.workflow-wide-label textarea{width:100%;resize:vertical;line-height:1.9}
.workflow-attachment-placeholder{border:1px dashed #e0e7f1;border-radius:6px;padding:14px 16px;background:#fafbfd;margin-top:19px;font-size:11px;color:#98a9c0;line-height:1.8}
.workflow-attachment-placeholder strong{font-weight:500}
.workflow-attachment-placeholder p{font-size:10px;margin:7px 0 0;color:#aab4c3}
.workflow-information-only{border:1px solid #dbe6f7;border-radius:7px;background:#f2f7ff;padding:15px;color:#859fc4;margin-bottom:20px}
.workflow-information-only strong{font-size:12px;font-weight:500;color:#6c8cb8}
.workflow-information-only p{font-size:11px;line-height:1.9;margin:8px 0 0}
.workflow-local-totals{border:1px solid #e6edf7;background:#f8fbff;border-radius:7px;padding:14px 17px;margin-top:20px}
.workflow-local-totals p{font-size:11px;color:#899fbe;line-height:1.9;margin:5px 0;overflow-wrap:anywhere}
.workflow-local-totals strong{font-weight:500;color:#6988b1}
.workflow-local-totals small{display:block;font-size:10px;line-height:1.9;color:#a4b1c4;margin-top:10px}
.workflow-blockers{padding:16px 18px;background:#fffcf6;border:1px solid #eee3cf;border-radius:7px;margin-top:20px}
.workflow-blockers h3{font-size:12px;color:#a18c67;margin:0 0 9px}
.workflow-blockers ul{font-size:11px;line-height:1.9;color:#af9b7b;padding-left:17px;margin:0}
.workflow-local-review,.workflow-feedback{font-size:11px;line-height:1.9;color:#8da3c0}
.workflow-local-review{margin:17px 0 0}
.workflow-feedback{margin:0 25px 15px;white-space:pre-wrap;overflow-wrap:anywhere}
.workflow-feedback:empty{display:none}
.workflow-selected-pos{font-size:11px;color:#8fa5c3;line-height:1.9;margin:17px 25px 0;overflow-wrap:anywhere}
.workflow-draft-output,.workflow-original-remark{padding:14px;background:#f8faff;border:1px solid #e4ebf6;border-radius:6px;font-size:11px;color:#8ea2bf;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.association-table input{min-width:125px;width:100%}
.association-table select{min-width:150px}
.workflow-required-stages{list-style:none;padding:0;border:1px solid #e6edf6;border-radius:7px;margin:20px 0}
.workflow-required-stages li{display:flex;gap:14px;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf1f6;font-size:11px;line-height:1.8;color:#8b9fba}
.workflow-required-stages li:last-child{border:0}
.workflow-required-stages b{font-size:10px;font-weight:400;color:#b09e81;white-space:nowrap}
.execution-identity{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;font-size:10px;color:#91a3bd;line-height:1.9;margin:17px 0;overflow-wrap:anywhere}
@media(max-width:1000px){.business-page-actions>span{flex-basis:100%;margin-left:0}
.workflow-group-grid{grid-template-columns:1fr}
.business-page-actions{top:0}
.business-page-actions .prepayment-main-action{font-size:11px}
.execution-identity{grid-template-columns:1fr}}
@media(max-width:800px){.business-page-actions{padding:10px;gap:7px}
.business-page-actions .button{font-size:10px;min-height:29px;padding:6px 8px}
.business-page-actions>.prepayment-main-action{flex:1;font-size:11px}
.business-page-actions>span{font-size:9px}
.workflow-section{padding:19px 17px}
.workflow-scope{padding:13px 17px}
.workflow-steps{gap:13px;padding:17px 17px 0}
.workflow-steps li{font-size:10px}
.workflow-feedback{margin-inline:17px}
.workflow-selected-pos{margin-inline:17px}
.workflow-required-stages li{flex-direction:column;gap:5px}
.workflow-group-card{padding:15px}
.workflow-table td{font-size:10px}}
.status-chip-count{display:inline-block;margin-left:7px;padding:0 5px;min-width:20px;border-radius:4px;background:#f0f3f8;color:inherit;font-size:inherit;line-height:inherit;font-variant-numeric:tabular-nums;font-weight:600;text-align:center}
.status-chip.active .status-chip-count{background:#dfe9fe;color:#426fbf}
.status-chip:disabled .status-chip-count{background:#f1f3f6;color:#a7b0bd}
.status-count-explanation{font-size:11px;line-height:1.8;color:#98a8bf;margin:6px 0 2px;padding-top:6px;border-top:1px solid #f0f3f8}
.status-chip{font-size:11px;line-height:16px;min-height:24px;padding:3px 11px;background:#fff;border:1px solid #e3eaf4;border-radius:5px;color:#8396b2;white-space:nowrap}
.status-chip:hover:not(:disabled){border-color:#b8c9ee;color:#537bc7;background:#f7f9ff}
.status-chip.active{background:#edf3ff;border-color:#c5d5f6;color:#3d6fd3;font-weight:500}
.status-chip:disabled{opacity:1;color:#a5afbd;border-color:#e9edf3;background:#fafbfd;cursor:not-allowed}
.status-chip.active:disabled{color:#8197bc;border-color:#dce5f4;background:#f2f6fd}
.status-data-pending,.status-filter-note{font-size:10px;line-height:1.8;color:#a2afc0;white-space:nowrap}
.settlement-status-row{border-top:1px dashed #edf0f5;margin-top:2px;padding-top:4px}
.settlement-status-row .status-data-pending{color:#a6aebc}
.result-summary-scope{color:#a2afc1}
.result-summary-item{white-space:nowrap}
.result-summary-item strong{font-weight:500;color:#778fac;font-size:11px;margin-left:2px}
.result-summary-item small{font-size:10px;margin-left:4px;color:#a0adbf}
@media(max-width:1150px){.status-data-pending,.status-filter-note{grid-column:2;white-space:normal;margin-top:-3px}
.status-chip{padding-inline:9px}}
@media(max-width:800px){.status-chip{font-size:10px;min-height:24px;padding:3px 8px}
.status-data-pending,.status-filter-note{font-size:9px;line-height:1.7}
.result-summary-scope{flex-basis:100%}}
.shared-query-panel{margin-bottom:19px}
.shared-query-panel .filter-bar{margin:0;padding:17px 20px}
.business-po-identity{width:205px;min-width:180px}
.business-po-identity>.order-link{font-size:12px;font-weight:600}
.business-po-identity>strong{display:block;font-size:11px;font-weight:500;color:#7e90aa;margin:8px 0}
.business-po-identity>span:not(.status),.business-po-identity>small{display:block;font-size:10px;color:#a0acc0;margin-top:5px}
.business-po-identity>.status{margin-top:8px;font-size:9px}
.business-value-note{color:#a2aec1;font-size:10px;margin:11px 0 0}
.business-review-reasons{padding-left:15px;margin:0;color:#99a8bd;font-size:10px;line-height:1.9;min-width:230px}
.business-review-reasons li+li{margin-top:5px}
.business-row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.business-row-actions .text-button{padding:3px 0;font-size:10px}
.conditions-body{padding:21px 26px}
.conditions-information-only{border:1px solid #dfe7f4;background:#f3f7ff;border-radius:7px;padding:14px 16px;color:#7c93b4}
.conditions-information-only strong{font-size:12px;font-weight:500;color:#6480a9}
.conditions-information-only p{font-size:11px;line-height:1.9;margin:8px 0 0}
.conditions-body>.table-scroll{margin-top:20px}
.conditions-body td{white-space:normal;vertical-align:top;line-height:1.8;font-size:11px}
.conditions-body th{font-size:10px}
.conditions-missing{padding:17px;background:#fcfbf8;border:1px solid #eee6d8;border-radius:6px;margin-top:20px}
.conditions-missing h3{font-size:12px;color:#9e8d70;font-weight:500;margin:0 0 10px}
.conditions-missing ul{font-size:11px;line-height:1.9;color:#aa9b83;padding-left:17px;margin:0}
.conditions-missing p{font-size:10px;color:#a5aebe;line-height:1.9;margin:13px 0 0}
.whole-order-scope{font-size:10px;line-height:1.9;color:#92a3bc;background:#f6f8fc;border:1px solid #e8edf5;border-radius:5px;padding:11px 13px;margin:0 0 22px}
.compact-source-name{color:#7e96b8}
.compact-completeness{color:#a4977e}
.compact-source-more{margin-left:auto;color:#829bc0;white-space:nowrap}
@media(max-width:800px){.shared-query-panel .filter-bar{padding:14px}
.conditions-body{padding:16px}
.conditions-missing{padding:14px}
.compact-source-more{width:100%;margin-left:0}}
.header-conflict{color:#b3976f}
.metric-value.metric-pending{font-size:23px;color:#9aaac2;font-weight:500}
.amount-unavailable{color:#a0acbd}
.financial-placeholder{margin:0 24px 23px;border:1px solid #e6ebf3;border-radius:8px;overflow:hidden}
.financial-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px}
.financial-section-heading h3{font-size:12px;font-weight:500;margin:0;color:#7085a4}
.financial-empty{font-size:11px;color:#9eacc0;text-align:center;padding:29px 20px!important;white-space:normal;line-height:1.9}
.financial-source{font-size:10px;color:#a4aec0;line-height:1.9;margin:0;padding:12px 17px;background:#fafbfe;border-top:1px solid #eef1f6}
.live-operation-block{padding:17px 19px;background:#fafbfe;border:1px dashed #dce4f1;border-radius:7px;margin:0 24px 24px;color:#8c9cb3}
.live-operation-block strong{font-size:12px;font-weight:500;color:#7b8fae}
.live-operation-block p{font-size:11px;line-height:1.9;margin:9px 0 13px}
.live-operation-block .button{font-size:11px}
.feature-provenance{padding:20px 24px 22px;border-top:1px solid #edf1f6;margin-top:8px}
.drawer-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.drawer-section-heading h3{margin:0}
.drawer-section .financial-empty{padding:20px 10px!important}
.drawer-section .table-scroll{margin-top:3px}
@media(max-width:800px){.financial-placeholder{margin:0 16px 18px}
.live-operation-block{margin:0 16px 19px;padding:15px}
.feature-provenance{padding:17px}
.financial-empty{padding:24px 15px!important}}
.design-flow-description{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:#fff;border:1px solid #e4eaf4;border-radius:8px;padding:19px 20px;margin-bottom:18px}
.design-flow-description>div>span{font-size:11px;color:#a7b6cf;margin-right:9px}
.design-flow-description strong{font-size:12px;color:#6d82a3;font-weight:500}
.design-flow-description p{font-size:10px;color:#9aa8bc;line-height:1.9;margin:9px 0 0}
.design-flow-description .design-draft-note{grid-column:1/-1;border-top:1px solid #edf1f6;padding-top:12px;margin:0;color:#ad956a}
.requirement-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.requirement-actions .personal-auth-pending{font-size:10px;padding:5px 9px;min-height:28px}
.ownership-options label:has(input:disabled){opacity:.6;cursor:not-allowed}
@media(max-width:1200px){.design-flow-description{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.design-flow-description{grid-template-columns:1fr;gap:13px;padding:16px}
.design-flow-description p{margin-top:5px}
.requirement-actions{flex-direction:row;align-items:center;flex-wrap:wrap}}
.market-tabs{display:flex;gap:26px;border-bottom:1px solid #dfe5ef;margin:-4px 0 24px}
.market-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#8592a7;font-size:13px;padding:13px 2px 15px}
.market-tabs button.active{color:var(--blue);font-weight:600;border-bottom-color:var(--blue)}
.market-policy{display:flex;align-items:center;gap:12px;padding:14px 17px;background:#edf3ff;border:1px solid #dfe8fb;border-radius:8px;margin-bottom:15px}
.policy-symbol{height:30px;width:30px;flex-shrink:0;background:#fff;border-radius:8px;color:#7492cd;display:grid;place-items:center;font-size:21px}
.market-policy p{margin:0;color:#7d8eaa;line-height:1.8;font-size:11px}
.market-policy strong{color:#5172ac;margin-right:10px;font-weight:600}
.sync-panel{border:1px solid #e2e7ef;border-radius:8px;background:#fff;margin-bottom:29px}
.sync-panel summary{padding:13px 16px;display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:11px;color:#8091a8;cursor:pointer;list-style:none}
.sync-panel summary::-webkit-details-marker{display:none}
.sync-panel[open] summary{border-bottom:1px solid var(--line)}
.sync-details-label{color:#7892ba;white-space:nowrap;font-size:10px}
.sync-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 24px;margin:0;padding:19px 20px}
.sync-detail-grid>div{min-width:0}
.sync-detail-grid dt{font-size:10px;color:#a1aabd;margin-bottom:7px}
.sync-detail-grid dd{font-size:11px;color:#708099;margin:0;line-height:1.8;overflow-wrap:anywhere}
.sync-detail-grid .sync-source{grid-column:1/-1}
.sync-note{font-size:10px;color:#9ca8ba;line-height:1.8;margin:0;padding:0 20px 17px}
.market-error{font-size:11px;color:#af7856;background:#fff7e9;border:1px solid #f0dfc1;border-radius:7px;padding:13px 16px;line-height:1.8;margin:-13px 0 23px;overflow-wrap:anywhere}
.market-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 1px 14px}
.market-section-heading h2{font-size:14px;color:#435671;font-weight:600}
.market-section-heading>span{font-size:10px;color:#9aa6b7}
.catalog-count{font-size:10px;color:#8ca0bf;background:#e9eef8;border-radius:4px;vertical-align:middle;padding:2px 6px;margin-left:4px;font-weight:400}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.market-card{background:#fff;border:1px solid #e7ebf2;border-radius:11px;min-width:0;position:relative;box-shadow:0 3px 12px #20334e03;transition:border-color .15s,box-shadow .15s}
.market-card:hover{border-color:#c6d5ef;box-shadow:0 4px 16px #324d7e0a}
.market-card-open{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:0;padding:17px 15px 13px;text-align:left;min-height:89px}
.market-icon{height:39px;width:39px;min-width:39px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#f0f5ff,#e0eaff);color:#6e8fc8;font-weight:650;font-size:19px;line-height:1}
.market-icon img{width:100%;height:100%;object-fit:contain;background:white}
.market-card:nth-child(3n+2) .market-icon{background:linear-gradient(135deg,#f1f9f4,#dfefe7);color:#76a48b}
.market-card:nth-child(3n) .market-icon{background:linear-gradient(135deg,#fcf6ed,#f2e5ce);color:#b99a68}
.market-card-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}
.market-card-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#344960;font-weight:600;line-height:1.5}
.market-card-copy>span{font-size:10px;color:#99a5b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.market-add{border-radius:5px;display:grid;place-items:center;color:#8fa0b6;background:#eef2f8;height:23px;width:23px;min-width:23px;font-size:18px;align-self:flex-start;margin-top:1px}
.market-card:hover .market-add{background:#e7eeff;color:var(--blue)}
.market-card-foot{display:flex;justify-content:space-between;gap:5px;padding:0 15px 12px;color:#a5afbe;font-size:9px;line-height:1.5}
.market-card-foot>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-card-foot>span:last-child{white-space:nowrap;color:#98a5b9}
.market-all{margin-top:28px}
.market-filter-bar{display:flex;gap:9px;align-items:center;padding:16px;background:white;border:1px solid #e6ebf4;border-radius:8px}
.market-filter-bar .search-box{max-width:none;min-width:160px}
.market-filter-bar select{max-width:170px;color:#8190a6}
.market-result-count{font-size:10px;color:#9aa8ba;margin:16px 2px 12px}
.market-empty{background:#fff;border:1px dashed #dce4f0;border-radius:8px;color:#94a2b8;padding:45px 20px;text-align:center;font-size:12px;line-height:1.9}
.market-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:26px 0 15px}
.market-pagination>span{font-size:11px;color:#91a0b6}
.market-pagination .button{font-size:11px;min-height:31px;padding:6px 13px}
.market-detail-heading{display:flex;align-items:center;gap:14px;margin-bottom:25px}
.market-detail-heading p{font-size:12px;color:#8495ac;line-height:1.9;margin:0;overflow-wrap:anywhere}
.market-detail-heading .market-icon{height:46px;width:46px;min-width:46px;font-size:23px}
.connector-status-list{display:grid;grid-template-columns:95px minmax(0,1fr);margin:0;gap:16px;font-size:11px;line-height:1.8}
.connector-status-list dt{color:#a0aabd}
.connector-status-list dd{margin:0;color:#71839e;overflow-wrap:anywhere}
.ownership-options{display:grid;gap:12px}
.ownership-options label{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #e2e8f2;border-radius:7px;cursor:pointer}
.ownership-options label:has(input:checked){background:#f5f8ff;border-color:#bfcfed}
.ownership-options input{margin-top:3px;accent-color:var(--blue)}
.ownership-options strong{display:block;font-size:12px;font-weight:500;color:#677d9f}
.ownership-options small{display:block;font-size:10px;color:#96a4b9;line-height:1.8;margin-top:6px}
.form-hint{font-size:11px;line-height:1.9;color:#93a1b7;margin:15px 0}
.configuration-blocker{border-radius:6px;border:1px solid #eedfc6;background:#fffbf4;padding:12px 14px;color:#a48c62;line-height:1.9;font-size:11px}
.form-feedback{font-size:11px;color:#728ab1;line-height:1.9;min-height:8px;overflow-wrap:anywhere}
.connector-form-body{padding:12px 28px 20px}
.connector-form-body>label,.form-columns>label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#7b8ca4;margin-top:17px}
.connector-form-body input,.connector-form-body textarea{background:#fff;border:1px solid #dfe5f0;border-radius:5px;padding:10px;color:#5f7392;font-size:12px;min-width:0;width:100%}
.connector-form-body input:focus,.connector-form-body textarea:focus{outline:2px solid #e4ecff;border-color:#99b3ea}
.connector-form-body small{font-size:10px;color:#a5afbf;line-height:1.7}
.connector-form-body textarea{resize:vertical;line-height:1.8}
.connector-form-body select{max-width:none;width:100%}
.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.connector-dialog{width:min(590px,92vw)}
@media(min-width:1600px){.market-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.market-filter-bar{flex-wrap:wrap}
.market-filter-bar .search-box{flex-basis:100%}
.market-filter-bar select{flex:1;max-width:none;min-width:120px}
.sync-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.market-card-open{padding:13px 11px 10px;gap:8px;min-height:79px}
.market-icon{height:31px;width:31px;min-width:31px;border-radius:8px;font-size:15px}
.market-card-copy strong{font-size:11px}
.market-card-copy>span{font-size:9px}
.market-add{width:19px;min-width:19px;height:19px;font-size:16px}
.market-card-foot{padding:0 11px 10px;font-size:8px}
.market-tabs{gap:22px;margin-bottom:20px}
.market-tabs button{font-size:12px}
.market-policy{padding:12px}
.market-policy p{font-size:10px}
.policy-symbol{display:none}
.market-section-heading>span{font-size:9px}
.market-filter-bar{padding:12px;gap:8px}
.market-filter-bar select{font-size:10px;min-width:95px;padding-inline:8px}
.sync-panel summary{font-size:10px;padding:12px;align-items:flex-start;line-height:1.8}
.sync-detail-grid{padding:15px;gap:16px}
.sync-detail-grid dd{font-size:10px}
.sync-note{padding:0 15px 15px}
.market-pagination{gap:12px}
.connector-form-body{padding:8px 20px 18px}}
@media(max-width:480px){.market-grid{grid-template-columns:1fr}
.market-card-open{min-height:75px}
.market-card-copy strong{font-size:12px}
.market-card-copy>span{font-size:10px}
.market-icon{height:36px;width:36px;min-width:36px}
.market-card-foot{font-size:9px}
.market-section-heading>span{display:none}
.sync-detail-grid{grid-template-columns:1fr}
.form-columns{grid-template-columns:1fr;gap:0}
.market-filter-bar select{flex-basis:calc(50% - 8px)}
.sync-details-label{font-size:9px}
.connector-status-list{grid-template-columns:75px minmax(0,1fr);gap:13px}}
.business-context-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.business-context-actions>.business-context-action{font-size:10px;line-height:1.5;min-height:27px;padding:5px 8px;white-space:nowrap}
@media(max-width:800px){.business-context-actions{gap:5px}
.business-context-actions>.business-context-action{font-size:10px;padding:5px 7px}}
.task-rule-form{padding:24px;margin-bottom:20px}.task-rule-form h2{font-size:17px;margin:0 0 20px}.task-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.task-form-grid label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.task-form-grid input,.task-form-grid select{min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.task-help,.task-feedback,.task-empty{padding:16px 24px;font-size:12px;line-height:1.9;color:var(--muted)}.task-help{padding:12px 0}.task-enable{display:flex;gap:8px;align-items:center;font-size:13px;margin:10px 0 20px}.task-run-detail{padding:0 24px 20px;font-size:12px;line-height:1.9}.task-run-detail:empty{display:none}.task-run-detail dl{display:grid;grid-template-columns:110px 1fr;gap:8px}.task-run-detail dd{margin:0;overflow-wrap:anywhere}.task-run-detail dt{color:var(--muted)}@media(max-width:700px){.task-form-grid{grid-template-columns:1fr}}
.market-card.workspace-referenced{border-color:#b8c9fc}.market-reference{padding:9px 11px 11px;border-top:1px solid #edf0f6;display:grid;gap:6px;font-size:10px;line-height:1.5}.market-reference-badge{justify-self:start;padding:2px 6px;border-radius:4px;background:#eef3ff;color:#315fe9;font-weight:600}.market-reference-names{color:#6c7c94;overflow-wrap:anywhere}.market-reference.reserved .market-reference-badge{background:#f3f4f7;color:#7c8797}.market-reference.empty{color:#a4aebd;font-size:10px}
.market-reference{position:relative;cursor:help;border-radius:0 0 10px 10px}.market-reference.empty{cursor:default}.market-reference-tooltip{display:none;position:absolute;bottom:calc(100% + 7px);left:8px;width:max-content;max-width:min(360px,calc(100vw - 50px));padding:10px 13px;border-radius:7px;background:#263b59;color:#fff;box-shadow:0 6px 20px #20334e26;font-size:12px;line-height:1.8;pointer-events:none;z-index:20;overflow-wrap:anywhere}.market-reference:hover .market-reference-tooltip,.market-reference:focus .market-reference-tooltip{display:grid;gap:3px}.market-card:has(.market-reference:hover),.market-card:has(.market-reference:focus){z-index:21}.market-reference:focus-visible{outline:2px solid #7698fb;outline-offset:2px}

/* Shared compact context, always before business filters and data. */
.workspace-context{margin-bottom:12px;padding:10px 16px 6px;background:#fff;border:1px solid var(--line);border-radius:8px}
.workspace-context-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:34px}
.workspace-context-heading h1{font-size:20px;line-height:1.4;letter-spacing:0}
.workspace-context-heading .heading-actions{margin-left:auto;gap:8px}
.workspace-context-heading .button{min-height:30px;font-size:11px;padding:5px 11px}
.workspace-context-state{font-size:10px;color:#637ba5;background:#f0f5ff;border-radius:4px;padding:3px 7px;line-height:1.6;overflow-wrap:anywhere}
.workspace-context-state.demo{background:#fff6df;color:#a17a28}
.workspace-context-state strong{font-weight:500}.workspace-context-state span{margin-left:8px}
.workspace-context-meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:6px 0;font-size:10px;color:#7c8ca5}
.workspace-context .workspace-flow-connections{gap:7px 18px;flex-direction:row}
.workspace-context .workspace-flow-connections button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;font-size:10px;color:#6f83a1}
.workspace-context .workspace-flow-connections i{width:6px;height:6px;border-radius:50%;background:#c5cddc;flex-shrink:0}
.workspace-context .workspace-flow-connections i.connected{background:var(--green)}
.workspace-context-meta>.text-button{font-size:10px;padding:2px 0}
.workspace-context-help{position:relative;margin-left:auto}.workspace-context-help>summary{cursor:pointer;list-style:none;color:#7e91af;line-height:1.8}
.workspace-context-help>summary::-webkit-details-marker{display:none}
.workspace-context-help>div{position:absolute;right:0;top:calc(100% + 6px);width:min(520px,calc(100vw - 60px));padding:14px 17px;z-index:25;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 8px 28px #20334e18;max-height:60vh;overflow:auto}
.workspace-context-help p{font-size:11px;line-height:1.8;margin:0 0 8px;overflow-wrap:anywhere}.workspace-context-help p:last-child{margin-bottom:0}
.workspace-context-source{border-top:1px solid #edf1f6;font-size:10px;color:#8a9bb4}
.workspace-context-source>details>summary{display:flex;gap:4px 16px;align-items:center;flex-wrap:wrap;list-style:none;padding:5px 0;line-height:1.8;cursor:pointer}
.workspace-context-source>details>summary::-webkit-details-marker{display:none}
.workspace-context-demo-source{padding:5px 0;line-height:1.8;color:#a18d68}
.workspace-cache-summary{color:#91a0b4}
@media(max-width:800px){.workspace-context{padding:9px 12px 5px}.workspace-context-heading{gap:6px 9px}.workspace-context-heading h1{font-size:18px}.workspace-context-heading .heading-actions{width:100%;margin:0}.workspace-context-meta{gap:6px 12px}.workspace-context .workspace-flow-connections{gap:6px 12px}.workspace-context-source>details>summary{gap:3px 12px}}

.workspace-context-info>summary{font-size:11px;color:#7f90a8;text-align:right;cursor:pointer;list-style:none;line-height:1.6;padding:2px 0}
.workspace-context-info>summary::-webkit-details-marker{display:none}
.workspace-context-info-body{margin-top:8px;border-top:1px solid #edf1f6;padding-top:6px}
.workspace-context-description{font-size:11px;line-height:1.8;color:#7f91a9;margin:5px 0 9px;overflow-wrap:anywhere}
.workspace-context-alert{font-size:12px;line-height:1.8;padding:7px 10px;background:#fff7eb;border:1px solid #f2e3ca;border-radius:5px;color:#a36e29;margin:7px 0 2px;overflow-wrap:anywhere}

.workspace-connection-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px 22px;padding:7px 0 3px}
.workspace-connection-item{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;line-height:1.7}
.workspace-connection-kind{font-size:10px;padding:1px 5px;border-radius:3px;background:#eef3ff;color:#627ca5;white-space:nowrap}
.workspace-connection-kind.personal{background:#f0f7f3;color:#5c8c74}
.workspace-connection-name{border:0;background:transparent;padding:0;font-size:11px;color:#506582;line-height:1.7;text-align:left}
.workspace-connection-state{font-size:10px;white-space:nowrap;color:#a07943}
.workspace-connection-state.ready{color:#29966f}
.workspace-connection-identity{color:var(--ink);overflow-wrap:anywhere;min-width:0}
.workspace-connection-time{font-size:10px;color:#8393aa;overflow-wrap:anywhere}
.workspace-connection-item .workspace-personal-connect{min-height:26px;padding:3px 8px;font-size:11px;color:#315fe9;border-color:#cedbfc}
@media(max-width:800px){.workspace-connection-strip{gap:9px}.workspace-connection-item{width:100%;gap:5px 7px}.workspace-connection-time{font-size:10px}.workspace-connection-item .workspace-personal-connect{margin-left:auto}}
.workspace-connection-dialog{width:min(420px,calc(100vw - 32px));border:1px solid #dde5f0;border-radius:10px;padding:18px 20px;color:#506582;box-shadow:0 15px 60px #23365322}
.workspace-connection-dialog::backdrop{background:#23365333}.workspace-connection-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.workspace-connection-dialog h2{font-size:16px;line-height:1.6;margin:0}.workspace-connection-dialog-state{display:flex;gap:14px;font-size:12px;color:#8a98ac}.workspace-connection-dialog-state strong{font-weight:500;color:#a07943}.workspace-connection-dialog p{font-size:12px;line-height:1.8;margin:14px 0}.workspace-connection-dialog>.button,.workspace-connection-dialog-body .button{font-size:12px}

/* Optional common query block: categories, search and matching summary share one card. */
.workspace-query-block{background:#fff;border:1px solid #e3e9f3;border-radius:8px;margin:0 0 12px;overflow:hidden}
.workspace-query-block>.workspace-query-categories{background:transparent;border:0;border-radius:0;padding:5px 16px;margin:0}
.workspace-query-block>.workspace-query-search{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;padding:7px 16px;margin:0;border:0;border-top:1px solid #edf1f6;background:transparent;border-radius:0}
.workspace-query-block>.workspace-query-summary{display:flex;align-items:center;flex-wrap:wrap;gap:5px 18px;margin:0;padding:5px 16px;border-top:1px solid #edf1f6;background:#fafbfe;font-size:10px;line-height:1.8;color:#8b9bb2}
.workspace-query-block>.workspace-query-categories:empty,.workspace-query-block>.workspace-query-search:empty,.workspace-query-block>.workspace-query-summary:empty{display:none}
@media(max-width:800px){.workspace-query-block>.workspace-query-categories{padding:5px 12px}.workspace-query-block>.workspace-query-search{padding:7px 12px}.workspace-query-block>.workspace-query-summary{padding:5px 12px;gap:4px 12px}}
.workspace-query-categories .workspace-query-category-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;min-height:24px;padding:1px 0;margin:0;border:0;align-items:center}
.workspace-query-categories .workspace-query-options{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:4px}
.workspace-query-categories .status-chip{min-height:22px;padding:1px 8px;line-height:18px}
.workspace-query-categories .workspace-query-category-label{margin:0;padding:0;font-size:11px;font-weight:500;line-height:1.7;color:#7b8fae}
@media(max-width:800px){.workspace-query-categories .workspace-query-category-row{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:5px}.workspace-query-categories .status-chip{font-size:10px;padding-inline:6px}.workspace-query-categories .workspace-query-category-label{font-size:10px;padding-top:2px}}

.workspace-list-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;min-height:48px;border-bottom:1px solid #e8edf5;flex-wrap:nowrap}
.workspace-list-toolbar h2{font-size:14px;margin:0;line-height:1.6;white-space:nowrap;color:#304d70}
.workspace-list-selection{font-size:11px;white-space:nowrap;color:#7d8fa8}
.workspace-list-actions{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;white-space:nowrap}
.workspace-list-actions>.button{font-size:11px;min-height:29px;padding:5px 10px}
.workspace-list-actions>.text-button{font-size:11px;padding:3px 0}
.workspace-list-pagination-slot{margin-left:auto;min-width:0}
.workspace-pagination{display:flex;align-items:center;gap:7px;font-size:11px;color:#7f91ab;white-space:nowrap}
.workspace-pagination>.button{font-size:15px;line-height:1;min-height:28px;min-width:27px;padding:4px 7px}
.workspace-pagination>select{height:28px;padding:3px 6px;border:1px solid #dce4ef;border-radius:5px;font-size:11px;color:#6d83a1;background:#fff;min-width:84px}
.workspace-list-notice{font-size:11px;line-height:1.8;color:#a58254;padding:7px 16px;margin:0;border-bottom:1px solid #edf1f6}
.workspace-list-notice:empty{display:none}
@media(max-width:1100px){.workspace-list-toolbar{flex-wrap:wrap;gap:7px 10px}}
@media(max-width:800px){.workspace-list-toolbar{padding:9px 12px}.workspace-list-pagination-slot{width:100%;margin-left:0}.workspace-pagination{justify-content:flex-end}.workspace-list-actions{gap:8px}.workspace-list-actions>.button{padding:4px 7px}.workspace-list-notice{padding:6px 12px}}

.connector-enabled{border-color:#a9c6bf}.connector-enabled .market-add{background:#edf6f2;color:#3f7a67}.connector-enabled .market-card-foot>span:last-child{color:#3f7a67}
.connector-setup-form{display:grid;gap:12px}.connector-setup-form>label{display:grid;gap:7px;font-size:12px;color:#617896}.connector-setup-form select,.connector-setup-form input{width:100%;min-width:0;height:34px;border:1px solid #dce4ef;border-radius:5px;background:#fff;color:#435d7e;padding:4px 9px}.connector-setup-form .form-hint{margin:0}.connector-setup-form .heading-actions{justify-content:flex-start}

.version-badge{cursor:pointer;font-family:inherit;line-height:1.2}
.version-badge:hover{border-color:#c3cddf;color:#5f6b80;background:#eef2f8}
.version-badge:focus-visible{outline:2px solid #85b7eb;outline-offset:1px}
.release-note{border:1px solid #e6ebf3;border-radius:8px;padding:10px 12px;margin-bottom:10px;background:#fff}
.release-note.current{border-color:#b5d4f4;background:#f7fbff}
.release-note-head{display:flex;align-items:baseline;gap:8px;font-size:13px;color:#2c2c2a}
.release-note-head strong{font-weight:500}
.release-note-head span{font-size:12px;color:#8390a4}
.release-note-head em{font-style:normal;font-size:11px;color:#185fa5;border:1px solid #b5d4f4;border-radius:4px;padding:1px 5px}
.release-note p{margin:6px 0 4px;font-size:12px;color:#5f6b80}
.release-note ul{margin:0;padding-left:18px}
.release-note li{font-size:12px;line-height:1.7;color:#444441}