.quick-client-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:-14px;font-size:12px;color:#68805a;font-weight:650}.quick-client-heading>.btn{color:#2d6142;background:#eff6e7;border-color:#dce9d1;font-size:11px;min-height:36px;padding:8px 11px}.quick-client-heading .icon{width:15px;height:15px}.field-order-sync{margin:10px 0 -3px}.field-order-sync:empty{display:none}.field-success .card .pill{margin:5px 4px}.field-client-main .pill{margin-top:7px;font-size:8px}.table-wrap td>.pill+.pill{margin-left:5px}.detail-title-row{flex-wrap:wrap;gap:7px}.connection-pill{display:flex;align-items:center;gap:7px;background:#f6faf0;border:1px solid #dce9d1;color:#5c7d46;border-radius:8px;padding:8px 10px;font-size:10px;white-space:nowrap;min-height:34px}.connection-pill>i,.connection-state>i,.account-connection>i{width:7px;height:7px;border-radius:50%;background:#7da152;display:inline-block;flex-shrink:0}.connection-pill.offline{background:#fff7e8;border-color:#eadabd;color:#a07839}.connection-pill.offline>i,.connection-state.offline>i,.account-connection>i.offline{background:#c29a51}.connection-pill>b{display:grid;place-items:center;min-width:18px;height:18px;border-radius:5px;background:#f0dba8;font-size:9px;color:#8d6b2c;padding:0 4px}.seller-mode .topbar .connection-pill{margin-left:auto}.seller-mode .topbar .experience-switch{margin-left:0}.seller-mode .topbar{gap:9px}.connection-banner{display:flex;align-items:center;gap:13px;padding:14px 17px;margin-bottom:18px;background:#f1f7e8;border:1px solid #dce8cf;border-radius:12px;color:#718a58;flex-shrink:0}.connection-banner.offline{background:#fff7e7;border-color:#edddbb;color:#a4874a}.connection-symbol{display:grid;place-items:center;width:35px;height:35px;background:#fff;border-radius:9px;flex-shrink:0}.connection-banner>div{flex:1;min-width:0}.connection-banner strong{font-size:12px;display:block;color:#5c7847}.connection-banner.offline strong{color:#8d6e31}.connection-banner p{font-size:10px;line-height:1.8;margin-top:3px}.connection-banner .btn{background:#fff;color:#7c8e67;border-color:#e0e7d6;font-size:10px;white-space:nowrap}.chat-workspace #main.inbox-page>.connection-banner{margin:0;min-height:0;padding:8px 12px;border-radius:8px}.chat-workspace .connection-banner p{font-size:8px}.chat-workspace .connection-banner strong{font-size:10px}.chat-workspace .connection-symbol{width:28px;height:28px}.connection-state{display:flex;align-items:center;gap:12px;border:1px solid #dce6d3;background:#f8fbf4;padding:18px;border-radius:12px;margin-bottom:20px}.connection-state.offline{border-color:#eeddbb;background:#fff9ed}.connection-state>i{width:11px;height:11px}.connection-state>div{flex:1}.connection-state strong{font-size:16px;display:block}.connection-state small{font-size:10px;margin-top:4px;line-height:1.8}.connection-state>.pill{font-size:9px}.connection-demo-control{display:flex;gap:18px;align-items:center;padding-bottom:22px;border-bottom:1px solid #e6ecde;margin-bottom:20px}.connection-demo-control>span{flex:1}.connection-demo-control strong{font-size:12px;display:block;color:#5d774b}.connection-demo-control small{font-size:10px;line-height:1.9;margin-top:7px;color:#90a07f}.connection-demo-control .btn{font-size:10px;min-width:135px}.device-cache-state{display:flex;align-items:flex-start;gap:9px;padding:13px;background:#f1f6e9;border-radius:9px;color:#8b9d74;font-size:10px;line-height:1.9;margin-bottom:12px}.device-cache-state>svg{width:16px;height:16px;margin-top:3px}.connection-panel>.muted-note{font-size:10px;line-height:1.9;margin:12px 0 22px}.connection-panel>.section-heading{margin:24px 0 14px}.connection-panel>.section-heading>h3{font-size:14px}.outbox-row{border:1px solid #e0e8d6;border-radius:11px;margin:12px 0;overflow:hidden}.outbox-row>div{display:flex;align-items:center;gap:10px;padding:15px}.outbox-row>div>span:first-child{display:grid;place-items:center;width:32px;height:32px;background:#f0f5e8;border-radius:8px;color:#7c965e;flex-shrink:0}.outbox-row>div>div{flex:1;min-width:0}.outbox-row strong{font-size:12px;display:block;color:#516b41}.outbox-row small{font-size:9px;line-height:1.8;margin-top:5px}.outbox-row .pill{font-size:8px}.outbox-row>footer{display:flex;justify-content:space-between;align-items:center;margin:0;padding:9px 14px;border-top:1px solid #e6eddd;background:#fcfdf9;font-size:9px}.outbox-row .btn.small{font-size:9px;padding:6px 9px;min-height:0}.outbox-error{background:#fff5ee;padding:12px 15px;color:#a1795d;font-size:10px;line-height:1.9}.outbox-actions{display:flex;justify-content:flex-end;padding-top:17px}.connection-panel .empty{padding:30px 15px;font-size:11px}
.account-identity{display:flex;gap:22px;align-items:center;padding:26px;margin-bottom:24px}.account-identity>div{flex:1}.account-identity .eyebrow{font-size:8px;letter-spacing:1px;color:#95a97a;margin-bottom:7px}.account-identity h2{font-size:24px;color:#38573a}.account-identity p{font-size:11px;color:#859775;margin:8px 0 12px}.account-identity .pill{font-size:9px}.account-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:24px;align-items:start;margin:24px 0}.account-form{display:grid;gap:20px;padding:0 25px 25px}.account-form .field{font-size:11px}.account-form .field>small{font-size:9px;line-height:1.8;font-weight:400}.account-form .field input{min-height:43px}.account-form input[readonly]{background:#f5f8f1;color:#8b9d78;border-color:#e3ead9}.account-form .btn{justify-self:start}.account-saved{font-size:9px;line-height:1.8;color:#9ba98c}.account-side{display:grid;gap:21px}.account-assignment,.account-device,.account-role,.account-activity{padding:24px}.account-assignment>h2,.account-device>h2,.account-role>h2,.account-activity>h2{font-size:15px;margin-bottom:20px}.account-assignment>div{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #e8eedf;padding:11px 0}.account-assignment>div:last-child{border-bottom:0;padding-bottom:0}.account-assignment small{font-size:10px}.account-assignment strong{font-size:11px;color:#60794c;text-align:right;max-width:220px}.account-connection{display:flex;align-items:center;gap:8px;color:#729153;font-size:12px}.account-device>p,.account-role>p,.account-activity>p{font-size:11px;color:#8c9d7c;line-height:1.9;margin:13px 0 18px}.account-device>.btn{font-size:10px}.account-device>small{font-size:9px;margin-top:15px;line-height:1.8;color:#9eac8d}.account-role>small{font-size:10px;line-height:1.9;color:#97a686;margin:14px 0}.account-role>small.account-auth-note{font-size:9px;border-top:1px solid #e4ecda;padding-top:15px;margin:20px 0 0}.account-activity>div{display:flex;gap:10px;border-bottom:1px solid #e8eddf;padding:13px 0}.account-activity>div>svg{width:15px;height:15px;margin-top:2px;color:#a1b58b}.account-activity>div strong{font-size:10px;color:#738b5c;line-height:1.8;display:block;font-weight:550}.account-activity>div small{font-size:9px;margin-top:5px}.account-activity>div:last-child{border-bottom:0}.seller-mode .account-grid{grid-template-columns:1fr}.seller-mode .account-identity{padding:23px;align-items:flex-start}.seller-mode .account-identity h2{font-size:23px}.seller-mode .account-identity>.avatar{width:54px;height:54px;font-size:18px;flex-shrink:0}.seller-mode .account-identity .actions{gap:6px}.seller-mode .account-form .field{font-size:12px}.seller-mode .account-form .field>small{font-size:10px}.seller-mode .account-form input{font-size:14px}.seller-mode .account-form>.btn{min-height:46px;width:100%;justify-content:center}.seller-mode .account-form .form-grid{grid-template-columns:1fr}.seller-mode .account-form .form-grid>.field{margin:0}.seller-mode .account-saved{font-size:10px}
.integration-demo-note{display:flex;align-items:center;gap:12px;background:#f4f8ee;border:1px solid #dde8cf;padding:15px 18px;border-radius:11px;margin-bottom:22px;color:#8c9e75;font-size:10px;line-height:1.8}.integration-demo-note>span{flex:1}.integration-demo-note strong{color:#637c4b}.integration-demo-note>svg{width:17px;height:17px;color:#89a16b}.integration-demo-note>.pill{font-size:8px;flex:0 0 auto;white-space:nowrap}.integration-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid #dee8d3;padding-bottom:12px;margin-bottom:21px}.integration-tabs .btn{background:none;border:1px solid transparent;color:#91a47c;font-size:11px}.integration-tabs .btn.active{background:#edf5e3;border-color:#dae8ca;color:#436b3f}.integration-tabs .btn:last-child{margin-left:auto;border-color:#dee8d3;background:#fff}.monitor-toolbar{align-items:center}.monitor-toolbar>.search{flex:1;min-width:190px;max-width:360px}.monitor-toolbar .actions>.ts-wrapper{width:135px}.monitor-table{min-width:850px}.monitor-table th{font-size:8px;padding:14px 12px}.monitor-table td{font-size:10px;padding:17px 12px}.monitor-table td>small{font-size:8px;line-height:1.8;margin-top:5px}.monitor-table td:nth-child(3){max-width:275px}.monitor-table code{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#98a589;margin-top:5px;max-width:270px}.monitor-table td strong{font-size:11px}.monitor-table .pill{font-size:8px}.monitor-table .btn{font-size:9px;white-space:nowrap}.interface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.interface-card{padding:23px}.interface-card>div{display:flex;gap:8px;margin-bottom:16px}.interface-card h2{font-size:16px;color:#4c6d41}.interface-card p{font-size:11px;line-height:1.9;color:#91a37b;margin:10px 0 16px}.interface-card code{display:block;background:#f5f9ef;border:1px solid #e3ecd8;border-radius:7px;padding:11px;font-size:10px;color:#698951;overflow-wrap:anywhere;line-height:1.8}.interface-card>small{font-size:9px;margin:12px 0 17px;color:#a2b08e}.interface-card>.btn{font-size:10px}.interface-passive{font-size:10px;color:#9aaa86;display:block;border-top:1px solid #e8eedf;padding-top:15px}.api-endpoint{display:flex;gap:12px;align-items:center;padding:15px;background:#eff5e7;border:1px solid #dce8cf;border-radius:9px;margin:20px 0}.api-endpoint>b{font-size:10px;color:#4e7945}.api-endpoint>code{font-size:11px;color:#6e8758;overflow-wrap:anywhere;min-width:0}.api-detail .detail-grid{gap:18px 20px;margin-bottom:24px}.api-detail .detail-grid strong{font-size:10px;overflow-wrap:anywhere}.api-detail .detail-grid small{font-size:9px}.api-detail-tabs{display:flex;gap:6px;border-bottom:1px solid #dfe8d4;padding-bottom:10px;margin-bottom:18px}.api-detail-tabs>button{border:1px solid transparent;background:none;padding:8px 12px;border-radius:7px;font-size:11px;color:#8e9f79}.api-detail-tabs>button.active{background:#edf6e3;border-color:#dfeace;color:#537d42}.api-payload-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.api-payload-label>strong{font-size:11px;color:#789363}.api-payload-label>span{font-size:9px;color:#a5b496}.api-json,.api-attempts pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f0;border:1px solid #e0e9d5;border-radius:10px;padding:17px;color:#65814e;font:10px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0 0 20px}.api-detail>.notice{font-size:10px;line-height:1.9}.api-attempts>article{border:1px solid #e0e8d6;border-radius:10px;margin-bottom:15px;padding:16px}.api-attempts>article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.api-attempts strong{font-size:12px;color:#6a8553}.api-attempts p{font-size:9px;color:#96a784;margin:10px 0 14px}.api-attempts pre{font-size:9px;margin:0;padding:12px}
@media(max-width:1100px){.monitor-toolbar{flex-wrap:wrap}.monitor-toolbar>.search{max-width:none;min-width:220px}.monitor-toolbar .actions{flex-wrap:wrap}.monitor-toolbar .actions>.ts-wrapper{width:125px}.account-grid{gap:18px}}
@media(max-width:800px){.account-grid{grid-template-columns:1fr}.interface-grid{grid-template-columns:1fr}.integration-demo-note{align-items:flex-start;flex-wrap:wrap}.integration-demo-note>.pill{margin-left:29px}.integration-tabs{flex-wrap:wrap}.integration-tabs .btn{font-size:10px}.integration-tabs .btn:last-child{margin-left:0}.monitor-toolbar .actions>.ts-wrapper{flex:1;min-width:115px;width:auto}.monitor-toolbar .actions{width:100%}.monitor-toolbar>.search{width:100%}.connection-demo-control{align-items:stretch;flex-direction:column;gap:15px}.connection-demo-control>.btn{align-self:flex-start}.connection-banner{padding:12px;gap:10px}.connection-banner p{font-size:9px}.connection-banner>.btn{padding:8px 10px;font-size:9px}.account-identity{padding:23px;gap:17px}.account-identity h2{font-size:22px}}
@media(max-width:480px){.seller-mode .topbar>.connection-pill{padding:8px;min-width:30px;min-height:33px;gap:4px;border-radius:8px}.seller-mode .connection-pill>span{display:none}.seller-mode .connection-pill>b{font-size:8px;min-width:14px;height:15px}.seller-mode .topbar>.experience-switch{padding:8px;gap:5px;max-width:116px;font-size:8px}.seller-mode .topbar .field-brand{flex-shrink:0;gap:7px}.seller-mode .field-brand>span{font-size:12px}.seller-mode .field-brand small{font-size:9px}.seller-mode .field-brand img{width:31px}.seller-mode .topbar{gap:7px}.quick-client-heading{font-size:11px;gap:8px;margin-bottom:-13px}.quick-client-heading>.btn{font-size:10px;padding:8px 9px;min-height:37px}.quick-client-heading .icon{width:13px;height:13px}.connection-banner{align-items:flex-start;flex-wrap:wrap;gap:9px}.connection-banner .connection-symbol{width:29px;height:29px}.connection-banner>div{flex:1;min-width:200px}.connection-banner>div>strong{font-size:11px}.connection-banner>div>p{font-size:9px}.connection-banner>.btn{margin-left:38px;min-height:32px;font-size:9px}.chat-workspace .connection-banner{flex-wrap:nowrap;align-items:center}.chat-workspace .connection-banner .connection-symbol{display:none}.chat-workspace .connection-banner>div{min-width:0}.chat-workspace .connection-banner>.btn{margin-left:0;padding:6px 8px;min-height:30px}.chat-workspace .connection-banner p{display:none}.chat-workspace .connection-banner strong{font-size:9px}.connection-state{padding:15px;flex-wrap:wrap;gap:10px}.connection-state>.pill{margin-left:21px}.connection-state strong{font-size:15px}.connection-state small{font-size:9px}.outbox-row>div{gap:8px;padding:13px;flex-wrap:wrap}.outbox-row>div>.pill{margin-left:40px}.outbox-row strong{font-size:12px}.outbox-row small{font-size:9px}.outbox-actions>.btn{width:100%;justify-content:center}.account-identity{gap:13px;padding:20px}.account-identity h2{font-size:21px}.account-identity .avatar.xl{width:49px;height:49px;font-size:17px;flex-shrink:0}.account-identity p{font-size:10px;line-height:1.8}.account-identity .pill{font-size:8px}.account-form{padding:0 20px 22px}.account-side{gap:18px}.account-assignment,.account-device,.account-role,.account-activity{padding:21px}.account-grid{gap:18px;margin:20px 0}.account-assignment strong{font-size:11px}.account-device>p,.account-role>p{font-size:11px}.account-form .form-grid{grid-template-columns:1fr;gap:18px}.api-json{font-size:10px;padding:13px}.api-detail .detail-grid{gap:16px}.api-endpoint{padding:12px;gap:9px}.api-endpoint>code{font-size:10px}.interface-card{padding:20px}.interface-card code{font-size:9px}.integration-tabs .btn{font-size:9px;padding:9px 10px}.integration-demo-note{font-size:9px}.monitor-toolbar .actions{gap:7px}.monitor-toolbar .actions>.ts-wrapper{min-width:100px}.monitor-toolbar .ts-control>.item{font-size:10px}.api-attempts>article{padding:13px}}