.wn-workspace{--wn-line:#e6eaf0;--wn-blue:#225ce6;--wn-muted:#66758a;color:#233047;max-width:1800px;margin:auto;font-size:14px}
.wn-workspace *{box-sizing:border-box;min-width:0}.wn-workspace button,.wn-workspace input,.wn-workspace select{font:inherit}.wn-workspace button{cursor:pointer;border:1px solid var(--wn-line);border-radius:6px;background:#fff;color:#35445c;min-height:36px;padding:7px 12px;box-shadow:none}.wn-workspace button:hover{background:#f3f6fc;border-color:#bed0ef}.wn-workspace button:focus-visible,.wn-workspace input:focus-visible{outline:2px solid #225ce6;outline-offset:2px}.wn-workspace button:disabled{opacity:.5;cursor:not-allowed}.wn-workspace .wn-primary{background:#225ce6;color:#fff;border-color:#225ce6}.wn-workspace .wn-primary:hover{background:#164bc7}.wn-workspace .wn-danger{color:#b74646}.wn-workspace input[type=search],.wn-workspace select{height:38px;border:1px solid #dce2eb;border-radius:6px;background:#fff;padding:8px 12px;color:#24314a}.wn-workspace h2{font-size:16px;margin:0;line-height:1.5}.wn-workspace small,.wn-muted{color:var(--wn-muted);font-size:12px}.wn-nav{display:flex;align-items:center;gap:26px;border-bottom:1px solid #dfe5ed;margin-bottom:22px;padding:0 0 10px}.wn-nav button{border:0;border-radius:0;background:transparent;font-weight:600;padding:10px 2px;position:relative}.wn-nav button.active{color:var(--wn-blue)}.wn-nav button.active:after{content:'';position:absolute;height:3px;border-radius:2px;background:var(--wn-blue);bottom:-11px;left:0;right:0}.wn-nav .wn-refresh{margin-left:auto;border:1px solid var(--wn-line);border-radius:6px;padding:7px 14px;background:white}.wn-panel{background:white;border:1px solid var(--wn-line);border-radius:8px;overflow:hidden}.wn-binding-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.wn-toolbar{display:flex;align-items:center;gap:12px;padding:18px 20px;flex-wrap:wrap;border-bottom:1px solid var(--wn-line)}.wn-toolbar>input{margin-left:auto;width:230px;max-width:100%}.wn-filters{display:flex;gap:5px;flex-wrap:wrap}.wn-filters button{border-color:transparent;background:transparent;color:#657287}.wn-filters button.active{color:#1546b1;background:#edf3ff;border-color:#d5e2ff}.wn-filters b{font-size:12px;margin-left:8px;font-weight:600}.wn-table-head,.wn-customer{display:grid!important;grid-template-columns:minmax(140px,1.05fr) minmax(140px,1.3fr) 78px 48px;gap:20px;align-items:center;text-align:left}.wn-table-head{padding:12px 20px;background:#f8fafc;font-size:12px;color:#758095;border-bottom:1px solid var(--wn-line)}.wn-workspace .wn-customer{width:100%;padding:17px 20px;border:0;border-bottom:1px solid #edf0f5;border-radius:0;min-height:80px}.wn-workspace .wn-customer.selected{background:#eff5ff;box-shadow:inset 3px 0 #225ce6}.wn-name{display:grid;gap:6px;overflow-wrap:anywhere}.wn-name strong{font-size:14px;font-weight:650}.wn-targets{display:flex;gap:5px;flex-wrap:wrap;font-size:12px;overflow-wrap:anywhere}.wn-targets>span:not(.wn-muted){background:#f1f4f8;color:#4b5e79;padding:4px 8px;border-radius:4px}.wn-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;width:fit-content;white-space:normal;line-height:1.45}.wn-status.bound{color:#15764c;background:#eaf7ef}.wn-status.unbound{color:#b0600a;background:#fff2df}.wn-status.warning{color:#a24f13;background:#fff2e4}.wn-status.neutral{color:#68788e;background:#f1f4f8}.wn-row-action{font-size:12px;color:#225ce6;white-space:nowrap}.wn-list-foot{padding:12px 20px;color:#7a8698;font-size:12px}.wn-editor{position:sticky;top:16px}.wn-editor-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--wn-line);gap:10px}.wn-editor-head h2{margin-top:5px;overflow-wrap:anywhere;font-size:18px}.wn-editor-head button{border:0;font-size:24px;padding:0;width:32px}.wn-editor-tools{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px;gap:8px}.wn-editor-tools strong{font-size:13px}.wn-editor-tools strong span{color:#73829a;margin-left:6px}.wn-editor-tools button{font-size:12px;border:0;color:#225ce6;padding:4px}.wn-workspace .wn-picker-search{margin:0 20px 12px;width:calc(100% - 40px)}.wn-options{max-height:440px;overflow:auto;padding:0 12px 12px}.wn-option{display:flex;gap:10px;align-items:flex-start;padding:12px 8px;border-radius:6px;cursor:pointer}.wn-option.checked{background:#f0f5ff}.wn-option:hover{background:#f5f7fb}.wn-option input{width:17px;height:17px;margin:2px 0 0;accent-color:#225ce6;flex-shrink:0}.wn-option>span{display:grid;gap:5px;overflow-wrap:anywhere}.wn-option strong{font-size:13px}.wn-option .wn-status{font-size:11px;padding:2px 5px}.wn-editor-footer{padding:16px 20px;display:grid;gap:12px;border-top:1px solid var(--wn-line)}.wn-editor-footer>span{font-size:12px;color:#775431;overflow-wrap:anywhere}.wn-empty{padding:48px 20px;text-align:center;color:#79869b}.wn-editor-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:13px}.wn-editor-empty strong{color:#4d5c73;font-size:16px}.wn-empty-icon{width:48px;height:48px;background:#eff4fc;color:#6183bd;border-radius:12px;font-size:28px}.wn-alert{padding:10px 20px;background:#fff6e9;color:#a75c15;font-size:12px}.wn-sync-status{padding:12px 20px;color:#718096;font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wn-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 20px 20px}.wn-group{padding:18px;border:1px solid var(--wn-line);border-radius:7px;display:flex;flex-direction:column;gap:14px}.wn-group header{display:flex;gap:10px;align-items:center}.wn-group header>div{flex:1;overflow-wrap:anywhere}.wn-group h2{font-size:14px}.wn-group-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;background:#edf3ff;color:#3962a5;font-size:14px}.wn-group-users{display:flex;flex-wrap:wrap;gap:6px;flex:1;align-content:start}.wn-group-users button{font-size:12px;min-height:28px;padding:4px 8px;background:#f6f8fb}.wn-group footer{display:flex;gap:6px;align-items:center;flex-wrap:wrap;border-top:1px solid #edf0f5;padding-top:12px}.wn-group footer>span{margin-right:auto;font-size:12px;color:#7a879a}.wn-group footer button{border:0;font-size:12px;min-height:30px;padding:4px 6px;color:#225ce6}.wn-group footer .wn-danger{color:#b74646}.wn-discovered{margin-top:20px;padding:20px}.wn-discovered h2{margin-bottom:16px}.wn-discovered h2 span{font-size:13px;color:#7a879a}.wn-discovered-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wn-discovered-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--wn-line);padding:12px 0}.wn-discovered-grid strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.wn-discovered-grid button{flex-shrink:0;font-size:12px}.wn-history article{display:grid;grid-template-columns:1fr auto 160px;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--wn-line)}.wn-history article>div{display:grid;gap:7px;overflow-wrap:anywhere}.wn-history time{font-size:12px;color:#78859a;text-align:right}.wn-history p{grid-column:1/-1;margin:0;color:#ad4d31;font-size:12px;overflow-wrap:anywhere}.wn-channels article{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--wn-line)}.wn-channels article>div{display:flex;align-items:center;gap:20px}
@media(min-width:1650px){.wn-binding-layout{grid-template-columns:minmax(0,1fr) 390px}.wn-options{max-height:560px}}
@media(max-width:1100px){.wn-binding-layout{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.wn-table-head,.wn-customer{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) 70px;gap:10px}.wn-table-head>span:last-child,.wn-row-action{display:none}.wn-workspace .wn-customer{padding:14px}.wn-group-grid,.wn-discovered-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.wn-binding-layout{grid-template-columns:1fr}.wn-editor{position:static;grid-row:1}.wn-editor-empty{display:none}.wn-editor:has(.wn-editor-empty){display:none}.wn-options{max-height:280px}.wn-nav{gap:18px;overflow:auto}.wn-nav button{white-space:nowrap;font-size:12px}.wn-toolbar{padding:14px;gap:10px}.wn-toolbar>input{width:100%}.wn-group-grid,.wn-discovered-grid{grid-template-columns:1fr}.wn-table-head{padding:12px 14px}.wn-history article{grid-template-columns:1fr auto}.wn-history time{grid-column:1/-1;text-align:left}.wn-channels article{padding:18px}.wn-channels article>div{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.wn-workspace *{scroll-behavior:auto;transition:none}}
/* Keep both working areas in view; the customer list owns its long scroll. */
@media(min-width:801px){.wn-rows{max-height:calc(100vh - 345px);min-height:220px;overflow:auto;scrollbar-gutter:stable}.wn-options{max-height:calc(100vh - 410px);min-height:150px}}
.wn-workspace .wn-customer{min-height:70px;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #edf0f5!important}.wn-workspace .wn-customer.selected{box-shadow:none;background:#edf4ff}
.workspace[data-view="wecomNotifications"] .page-header-actions{display:none}

.wn-erp-group{border-bottom:1px solid #e6eaf0}.wn-erp-group>summary{display:flex;align-items:center;gap:12px;padding:17px 20px;background:#f4f7fc;cursor:pointer;list-style:none;flex-wrap:wrap}.wn-erp-group>summary::-webkit-details-marker{display:none}.wn-erp-group>summary>strong{font-size:14px}.wn-erp-group>summary>span:not(.wn-status):not(.wn-erp-chevron){color:#718096;font-size:12px}.wn-erp-chevron{font-size:22px;line-height:16px;color:#536984;transition:transform .15s}.wn-erp-group[open]>summary .wn-erp-chevron{transform:rotate(90deg)}.wn-erp-group>summary:focus-visible{outline:2px solid #225ce6;outline-offset:-2px}.wn-erp-children .wn-customer{padding-left:30px}.wn-erp-group>summary .wn-status{font-size:11px}@media(max-width:800px){.wn-erp-group>summary{padding:14px;gap:8px}.wn-erp-children .wn-customer{padding-left:18px}}