.browser-notification-control[data-v-31e41c73]{gap:var(--jf-space-2,.5rem);padding:var(--jf-space-3,.75rem);background:#f8faff;border-bottom:1px solid #e8edf5;font-size:.75rem;line-height:1.5;display:grid}.browser-notification-control>button[data-v-31e41c73]{color:#2366c8;width:100%;min-height:2rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbdcf9;border-radius:.5rem;padding:.375rem .625rem;font-weight:600}.browser-notification-control>button[data-v-31e41c73]:disabled{cursor:default;opacity:.65}.browser-notification-control>button[data-v-31e41c73]:focus-visible{outline-offset:2px;outline:2px solid #2366c8}.browser-notification-control>p[data-v-31e41c73]{color:#6a7a91;overflow-wrap:anywhere;margin:0;font-size:.6875rem}.jf-order-copy[data-v-784a7982]{font:inherit;display:inline}.jf-order-copy-icon[data-v-784a7982]{vertical-align:-2px;color:#1755ff;margin-left:7px;display:inline-block}.jf-order-number[data-v-784a7982]{color:#26384e;min-width:0;height:auto;min-height:0;font:inherit;letter-spacing:.01em;white-space:inherit;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;box-shadow:none;background:#e9eef4;border:0;border-radius:.16rem;margin:0;padding:.08rem .32rem;font-size:.72rem;font-weight:650;line-height:1.5;display:inline}button.jf-order-number[data-v-784a7982]{cursor:copy}button.jf-order-number[data-v-784a7982]:hover{color:#175fc1;background:#dfeaf7}button.jf-order-number[data-v-784a7982]:focus-visible{outline-offset:2px;outline:2px solid #1769ed}button.jf-order-number[data-v-784a7982]:active{transform:none}.jf-copy-feedback[data-v-784a7982]{z-index:10000;color:#fff;pointer-events:none;background:#26384e;border:1px solid #475569;border-radius:8px;max-width:calc(100vw - 32px);padding:10px 16px;font:13px/1.5 system-ui,sans-serif;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #10203020}.brand-mark[data-v-77c54d59]{color:#fff;background:linear-gradient(145deg,#1b8fff 0%,#1557e8 72%,#123fbd 100%);border-radius:31%;flex:none;place-items:center;font-weight:760;line-height:1;display:inline-grid;box-shadow:0 7px 18px #1865e838}.brand-mark--inverted[data-v-77c54d59]{box-shadow:none;color:#165de8;background:#fff}.brand-mark__letters[data-v-77c54d59]{letter-spacing:-.055em;font-size:.7em;font-weight:850}.jf-amount{font-variant-numeric:tabular-nums}.jf-amount--in{color:#c62828!important}.jf-amount--out{color:#087f5b!important}.jf-state{font-style:normal;font-weight:650}.jf-state--success{color:#087f5b!important}.jf-state--processing{color:#175fc1!important}.jf-state--pending{color:#956000!important}.jf-state--disputed,.jf-state--failed{color:#c62828!important}.jf-state--cancelled{color:#596579!important}.jf-state--expired{color:#8052b8!important}.jf-amount,.jf-state{line-height:inherit;font-size:inherit!important}.portal-balances .jf-amount--in,.merchant-balances .jf-amount--in{color:#ff7a85!important}.portal-balances .jf-amount--out,.merchant-balances .jf-amount--out{color:#34d399!important}:is(.status-pill:has(>.jf-state--success),.merchant-status:has(>.jf-state--success),.status:has(>.jf-state--success)){background:#e7f6ef}:is(.status-pill:has(>.jf-state--processing),.merchant-status:has(>.jf-state--processing),.status:has(>.jf-state--processing)){background:#eaf2ff}:is(.status-pill:has(>.jf-state--pending),.merchant-status:has(>.jf-state--pending),.status:has(>.jf-state--pending)){background:#fff4d6}:is(.status-pill:has(>.jf-state--disputed),.merchant-status:has(>.jf-state--disputed),.status:has(>.jf-state--disputed)),:is(.status-pill:has(>.jf-state--failed),.merchant-status:has(>.jf-state--failed),.status:has(>.jf-state--failed)){background:#fdecee}:is(.status-pill:has(>.jf-state--cancelled),.merchant-status:has(>.jf-state--cancelled),.status:has(>.jf-state--cancelled)){background:#edf0f5}:is(.status-pill:has(>.jf-state--expired),.merchant-status:has(>.jf-state--expired),.status:has(>.jf-state--expired)){background:#f2ecfa}.support-order-card[data-v-d9148bcc]{color:#172033;background:#fff;border:.0625rem solid #dce4ff;border-radius:.75rem;width:min(24rem,100%);padding:.875rem}.support-order-card header[data-v-d9148bcc],.support-order-card footer[data-v-d9148bcc]{align-items:center;gap:.625rem;display:flex}.support-order-card__icon[data-v-d9148bcc]{color:#3455f5;background:#eef2ff;border-radius:.625rem;place-items:center;width:2rem;height:2rem;display:grid}.support-order-card header strong[data-v-d9148bcc]{flex:1}.support-order-card header em[data-v-d9148bcc]{color:#3455f5;font-size:.8125rem;font-style:normal;font-weight:600}.support-order-card>b[data-v-d9148bcc]{margin:.75rem 0 .5rem;font-size:1.125rem;display:block}.support-order-card footer[data-v-d9148bcc]{color:#7d879c;flex-wrap:wrap;justify-content:space-between;font-size:.75rem}.support-order-card time[data-v-d9148bcc]{color:#98a3b5;text-align:right;margin-top:.375rem;font-size:.6875rem;display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--jf-text-xs:.75rem;--jf-text-sm:.8125rem;--jf-text-md:.875rem;--jf-text-lg:1rem;--jf-text-xl:1.25rem;--jf-text-2xl:1.5rem;--jf-space-1:.25rem;--jf-space-2:.5rem;--jf-space-3:.75rem;--jf-space-4:1rem;--jf-space-5:1.25rem;--jf-space-6:1.5rem;--jf-control-sm:2.25rem;--jf-control-md:2.75rem;--jf-control-lg:3.125rem;--jf-blue:#1769ed;--jf-blue-strong:#0f50ce;--jf-blue-soft:#edf5ff;--jf-cyan:#5fc3f4;--jf-ink:#101828;--jf-body:#4f5f73;--jf-muted:#8491a4;--jf-line:#cfd8e4;--jf-line-soft:#e9eef5;--jf-canvas:#f3f6fa;--jf-surface:#fff;--jf-success:#13b887;--jf-warning:#f3a43b;--jf-danger:#e95465;--jf-sidebar:#101929;--jf-radius-sm:.5rem;--jf-radius-md:.75rem;--jf-radius-lg:1.125rem;--jf-radius-xl:1.5rem;--jf-shadow-soft:0 8px 28px #19396012;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}html{font-size:16px}html,body,#app{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px;min-height:100%;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.tabular{font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body,#app{width:100%;min-width:1180px;height:100%;margin:0}body{color:var(--jf-ink);background:#eef2f7;font:12px/1.45 Inter,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.support-login{background:#fff;grid-template-columns:minmax(560px,1.2fr) minmax(420px,.8fr);min-height:100vh;display:grid}.support-login__brand{color:#fff;background:radial-gradient(circle at 80% 15%,#398fff47,#0000 25%),linear-gradient(145deg,#0b1829,#14345e 70%,#1850a4);flex-direction:column;padding:50px 60px;display:flex}.support-brand{align-items:center;gap:12px;display:flex}.support-brand p{gap:2px;margin:0;display:grid}.support-brand strong{font-size:20px}.support-brand span{color:#8da9cc;letter-spacing:.12em;font-size:10px}.support-login__claim{max-width:650px;margin:auto 0}.support-login__claim>svg{color:#6cbcff}.support-login__claim h1{letter-spacing:-.04em;margin:22px 0 14px;font-size:clamp(40px,4vw,58px);font-weight:450}.support-login__claim p{color:#b1bfd2;max-width:560px;font-size:14px;line-height:1.8}.support-login__brand>small{color:#6f8caf}.support-login__form{place-items:center;padding:52px;display:grid}.support-login__form form{gap:16px;width:min(100%,390px);display:grid}.login-symbol{background:var(--jf-blue-soft);width:45px;height:45px;color:var(--jf-blue);border-radius:12px;place-items:center;display:grid}.support-login__form h2{margin:3px 0 -10px;font-size:25px}.support-login__form form>p:not(.support-error){color:var(--jf-muted);margin:0 0 6px}.support-login__form label{color:var(--jf-body);gap:7px;display:grid}.support-login__form label div{border:1px solid var(--jf-line);height:44px;color:var(--jf-muted);border-radius:7px;align-items:center;gap:8px;padding:0 12px;display:flex}.support-login__form input{border:0;outline:0;width:100%;height:100%}.support-login__form form>button{background:var(--jf-blue);color:#fff;border:0;border-radius:6px;height:44px;font-weight:650}.support-login__form form>button:disabled{opacity:.5}.support-login__form form>small{color:var(--jf-muted);text-align:center}.support-error{color:var(--jf-danger);background:#fff0f2;border-radius:7px;margin:0;padding:10px 12px}.support-workbench{background:#edf1f6;grid-template-columns:64px 178px 310px minmax(410px,1fr) 228px;width:100vw;height:100vh;display:grid}.support-chat-panel.is-empty{grid-column:4/-1}.support-rail{color:#fff;background:#0c223a;flex-direction:column;align-items:center;padding:13px 0 12px;display:flex}.support-rail nav{gap:8px;margin-top:36px;display:grid}.support-rail>div{gap:7px;margin-top:auto;display:grid}.support-rail button{color:#8199b4;background:0 0;border:0;border-radius:7px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.support-rail button svg{width:19px}.support-rail button:hover,.support-rail button.active{color:#63b9ff;background:#173b61;box-shadow:inset 3px 0 #35a8ef}.support-rail-unread-badge{color:#fff;background:#f04455;border:2px solid #0c223a;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:-4px;right:-5px}.support-groups{background:#fff;border-right:1px solid #dfe5ed;flex-direction:column;min-width:0;padding:16px 11px 12px;display:flex}.support-groups>header{border-bottom:1px solid var(--jf-line-soft);padding:0 6px 18px}.support-groups>header>div{align-items:center;gap:7px;display:flex}.support-groups>header i{background:#f0a637;border-radius:50%;width:8px;height:8px}.support-groups>header i.online{background:var(--jf-success);box-shadow:0 0 0 4px #13b8871a}.support-groups>header small{color:var(--jf-muted);margin:4px 0 0 15px;font-size:9px;display:block}.support-groups h2{margin:20px 7px 10px;font-size:15px}.support-groups>button{color:#516175;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;height:40px;padding:0 9px;display:grid}.support-groups>button svg{width:16px}.support-groups>button b{color:#768397;background:#edf2f7;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:grid}.support-groups>button.active{color:var(--jf-blue);background:#eaf4ff}.support-groups>button.active b{color:var(--jf-blue);background:#fff}.group-divider{background:var(--jf-line-soft);height:1px;margin:16px 7px}.support-groups>p{gap:4px;margin:0;padding:0 7px;display:grid}.support-groups>p span{color:#526177}.support-groups>p small{color:var(--jf-muted);font-size:8px;line-height:1.6}.support-groups>footer{background:#f5f8fb;border-radius:8px;grid-template-columns:auto 1fr;gap:2px 7px;margin-top:auto;padding:13px 9px;display:grid}.support-groups>footer strong{color:var(--jf-blue);grid-row:1/3;font-size:23px}.support-groups>footer span{color:#58687c}.support-groups>footer small{color:var(--jf-muted);font-size:8px}.support-audit-scope{color:var(--jf-blue);background:#f3f8ff;border:1px solid #cfe1f7;border-radius:8px;grid-template-columns:22px 1fr;gap:3px 7px;margin:0 4px;padding:12px 10px;display:grid}.support-audit-scope svg{grid-row:1/3;align-self:center}.support-audit-scope strong{color:#2e4662}.support-audit-scope span{color:#738398;font-size:9px;line-height:1.5}.support-conversation-list{background:#f9fbfd;border-right:1px solid #dfe5ed;min-width:0}.support-conversation-list>header{background:#fff;border-bottom:1px solid #e1e7ef;gap:10px;height:94px;padding:15px 13px 11px;display:grid}.support-conversation-list>header>div{justify-content:space-between;align-items:center;display:flex}.support-conversation-list>header strong{font-size:14px}.support-conversation-list>header button{width:28px;height:28px;color:var(--jf-muted);background:#f1f4f8;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.support-conversation-list label{border:1px solid var(--jf-line);height:33px;color:var(--jf-muted);border-radius:6px;align-items:center;gap:6px;padding:0 9px;display:flex}.support-conversation-list input{background:0 0;border:0;outline:0;width:100%}.conversation-scroll{height:calc(100vh - 94px);overflow-y:auto}.conversation-scroll>button{width:100%;min-height:88px;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #e7ecf2;grid-template-columns:38px 1fr;gap:9px;padding:13px 12px;display:grid}.conversation-scroll>button:hover,.conversation-scroll>button.active{background:#edf6ff}.conversation-scroll>button.active{box-shadow:inset 3px 0 var(--jf-blue)}.conversation-scroll>button.conversation-load-more{min-height:38px;color:var(--jf-blue);text-align:center;padding:10px 12px;display:block}.conversation-avatar{color:#1762ba;background:linear-gradient(145deg,#d9ebff,#c7ddff);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.conversation-scroll button>div{min-width:0}.conversation-scroll button p{justify-content:space-between;margin:0;display:flex}.conversation-scroll button time{color:#98a4b3;font-size:8px}.conversation-scroll button>div>span{color:#657489;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:10px;display:block;overflow:hidden}.conversation-scroll button small{color:#9ca7b5;margin-top:5px;font-size:8px;display:block}.support-empty{color:#a2adbb;place-items:center;gap:9px;padding:70px 10px;display:grid}.conversation-scroll>button.conversation-load-more:disabled{cursor:wait;opacity:.6}.support-chat-panel{background:#f4f6f9;grid-template-rows:58px minmax(0,1fr) auto;min-width:0;height:100vh;min-height:0;display:grid;overflow:hidden}.support-chat-header{background:#fff;border-bottom:1px solid #e0e6ed;align-items:center;gap:7px;padding:0 15px;display:flex}.support-chat-header>div{gap:3px;margin-right:auto;display:grid}.support-chat-header>div span{color:var(--jf-muted);font-size:9px}.support-chat-header>button{border:1px solid var(--jf-line);color:#627186;background:#fff;border-radius:6px;align-items:center;gap:4px;height:30px;padding:0 10px;display:flex}.workbench-message-stage{min-height:0;position:relative;overflow:hidden}.workbench-messages{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:20px 22px 28px;overflow-y:auto}.message-load-earlier{border:1px solid var(--jf-line);height:28px;color:var(--jf-blue);background:#fff;border-radius:14px;margin:0 auto 10px;padding:0 14px;display:block}.message-load-earlier:disabled{opacity:.55}.message-scroll-bottom{width:38px;height:38px;color:var(--jf-blue);z-index:2;background:#fff;border:1px solid #c9dcfb;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:18px;right:24px;box-shadow:0 6px 18px #1769ed33}.message-scroll-bottom:hover{background:#f3f8ff}.message-date{color:#9aa6b4;text-align:center;margin-bottom:20px;font-size:9px}.workbench-messages article{align-items:flex-start;gap:8px;margin-bottom:15px;display:flex}.workbench-messages article.agent-message{justify-content:flex-end}.workbench-messages article>span{width:31px;height:31px;color:var(--jf-blue);background:#dcecff;border-radius:50%;flex:none;place-items:center;display:grid}.workbench-messages article>div{gap:4px;max-width:72%;display:grid}.workbench-messages article p{border:1px solid var(--jf-line-soft);color:#2d3b4d;overflow-wrap:anywhere;background:#fff;border-radius:3px 10px 10px;margin:0;padding:9px 11px;line-height:1.55}.workbench-messages article.agent-message p{background:#eaf4ff;border-color:#cfe3fa;border-radius:10px 3px 10px 10px}.workbench-messages article p.recalled{color:#8995a4;background:#eef1f5;border-style:dashed;font-style:italic}.workbench-messages article small{color:#9ca7b4;align-items:center;gap:4px;font-size:8px;display:flex}.workbench-messages article.agent-message small{justify-content:flex-end}.workbench-messages article small button{color:var(--jf-blue);background:0 0;border:0;padding:0;font-size:8px}.workbench-messages .agent-avatar{color:#fff;background:#1769ed}.support-chat-header>button.is-danger{color:#d2495b;background:#fff5f6;border-color:#f3c9cf}.workbench-composer{background:#fff;border-top:1px solid #dde4ec;grid-template-rows:27px 1fr 28px;min-height:156px;padding:10px 13px 11px;display:grid;position:relative}.composer-tools{color:#8a96a6;justify-content:space-between;font-size:8px;display:flex}.composer-tools button{color:#64748a;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:flex}.workbench-composer textarea{color:#263649;resize:none;border:0;outline:0;width:100%;min-height:60px;padding:7px 5px;line-height:1.55}.composer-footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.composer-footer small{color:var(--jf-muted);font-size:8px}.composer-footer button{background:var(--jf-blue);color:#fff;border:0;border-radius:5px;align-items:center;gap:5px;height:28px;padding:0 13px;display:flex}.composer-footer button:disabled{opacity:.45}.workbench-emoji{z-index:4;border:1px solid var(--jf-line);background:#fff;border-radius:8px;grid-template-columns:repeat(8,minmax(42px,1fr));gap:5px;width:min(430px,100% - 24px);max-height:250px;padding:9px;display:grid;position:absolute;bottom:150px;left:12px;overflow-y:auto;box-shadow:0 12px 30px #142b4826}.workbench-emoji button{overflow-wrap:anywhere;background:#f5f7fa;border:0;border-radius:6px;min-height:34px;padding:4px}.no-conversation{color:#91a0b2;grid-row:1/-1;place-content:center;justify-items:center;display:grid}.no-conversation svg{color:#6baef0}.no-conversation h2{color:#405169;margin:17px 0 7px;font-size:18px}.no-conversation p{margin:0}.support-user-detail{background:#fff;border-left:1px solid #dfe5ed;min-width:0;min-height:0;overflow-y:auto}.support-user-detail>header{border-bottom:1px solid var(--jf-line-soft);justify-content:space-between;align-items:center;height:50px;padding:0 15px;display:flex}.support-user-detail>header span{color:var(--jf-muted);font-size:8px}.detail-person{border-bottom:1px solid var(--jf-line-soft);justify-items:center;padding:24px 15px 19px;display:grid}.detail-person>span{color:#1762ba;background:linear-gradient(145deg,#d7eaff,#bdd9ff);border-radius:50%;place-items:center;width:54px;height:54px;font-size:20px;font-weight:700;display:grid}.detail-person h3{margin:10px 0 2px}.detail-person p{color:var(--jf-muted);margin:0;font-size:9px}.support-user-detail section{border-bottom:1px solid var(--jf-line-soft);padding:15px}.support-user-detail h4{color:#42536a;margin:0 0 12px}.support-user-detail section>p{justify-content:space-between;gap:10px;margin:9px 0;display:flex}.support-user-detail section>p span{color:var(--jf-muted)}.support-user-detail section>p strong{text-align:right;overflow-wrap:anywhere;max-width:145px;font-size:9px}.workbench-error{z-index:120;color:#bc3e51;background:#fff0f2;border:1px solid #ffd1d8;border-radius:7px;align-items:center;gap:8px;max-width:460px;padding:11px 14px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 25px #3c141e1f}.workbench-error button{color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.support-modal-backdrop{z-index:90;background:#0b192b6b;place-items:center;display:grid;position:fixed;inset:0}.support-transfer-modal{background:#fff;border-radius:9px;gap:14px;width:430px;padding:18px;display:grid;box-shadow:0 24px 70px #05142840}.support-transfer-modal>header{justify-content:space-between;align-items:center;display:flex}.support-transfer-modal>header>div{gap:3px;display:grid}.support-transfer-modal>header span{color:var(--jf-muted);font-size:9px}.support-transfer-modal>header button{background:#f2f4f7;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.support-transfer-modal label{color:#58687b;gap:6px;display:grid}.support-transfer-modal select,.support-transfer-modal textarea{border:1px solid var(--jf-line);resize:vertical;background:#fbfcfe;border-radius:6px;outline:0;width:100%;padding:9px 10px}.support-transfer-modal footer{justify-content:flex-end;gap:8px;display:flex}.support-transfer-modal footer button{border:1px solid var(--jf-line);background:#fff;border-radius:6px;height:34px;padding:0 14px}.support-transfer-modal footer button:last-child{border-color:var(--jf-blue);background:var(--jf-blue);color:#fff}.support-transfer-modal footer button.danger-action{background:#d94d60;border-color:#d94d60}.transfer-unavailable{color:#8a6a2d;background:#fff9ed;border:1px solid #f0d6a8;border-radius:6px;margin:-4px 0 0;padding:10px 12px}.support-module-page{background:#f3f6fa;grid-column:2/-1;min-width:0;overflow-y:auto}.support-module-header{z-index:3;background:#fff;border-bottom:1px solid #dde4ed;justify-content:space-between;align-items:center;height:70px;padding:0 22px;display:flex;position:sticky;top:0}.support-module-header>div{gap:3px;display:grid}.support-module-header strong{font-size:17px}.support-module-header span{color:var(--jf-muted);font-size:10px}.support-module-header>button{border:1px solid var(--jf-line);color:#5c6b7d;background:#fff;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;display:flex}.support-notification-list{gap:10px;padding:20px;display:grid}.support-notification-list article{background:#fff;border:1px solid #e0e6ee;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:14px 16px;display:grid}.support-notification-list article>svg{width:34px;height:34px;color:var(--jf-blue);background:#eaf4ff;border-radius:8px;padding:8px}.support-notification-list article.is-warning>svg{color:#d88a13;background:#fff5dd}.support-notification-list article div{min-width:0}.support-notification-list article strong{color:#2b3b50}.support-notification-list article p{color:var(--jf-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.support-notification-list article button{height:30px;color:var(--jf-blue);background:#f4f9ff;border:1px solid #bdd9fb;border-radius:6px;padding:0 11px}.support-module-empty{color:#97a4b4;place-content:center;justify-items:center;gap:10px;min-height:260px;margin:0;display:grid}.support-module-empty svg{color:#76afe9;width:34px;height:34px}.support-statistics{padding:20px}.support-metric-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;display:grid}.support-metric-grid article{background:#fff;border:1px solid #e0e6ee;border-radius:8px;align-content:center;gap:7px;min-height:126px;padding:17px;display:grid}.support-metric-grid article span{color:#657489}.support-metric-grid article strong{color:#1769ed;font-size:30px;line-height:1}.support-metric-grid article small{color:#9aa5b2}.support-stat-note{background:#f8fbff;border:1px solid #dce7f5;border-radius:8px;margin-top:14px;padding:16px 18px}.support-stat-note p{color:#718096;margin:6px 0 0}.support-agent-table{padding:20px}.support-agent-table table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e0e6ee;border-radius:8px;width:100%;overflow:hidden}.support-agent-table th,.support-agent-table td{text-align:left;border-bottom:1px solid #edf1f5;height:48px;padding:0 14px}.support-agent-table th{color:#718095;background:#f6f8fb;height:42px;font-weight:600}.support-agent-table tr:last-child td{border-bottom:0}.support-agent-table td:first-child{align-content:center;gap:2px;display:grid}.support-agent-table td:first-child small{color:#95a1b0}.agent-presence{color:#99a4b1;align-items:center;gap:5px;display:inline-flex}.agent-presence:before{content:"";background:#adb7c3;border-radius:50%;width:7px;height:7px}.agent-presence.online{color:#13956f}.agent-presence.online:before{background:#13b887;box-shadow:0 0 0 3px #13b8871f}.support-settings-panel{gap:12px;max-width:850px;padding:20px;display:grid}.support-settings-panel section{background:#fff;border:1px solid #e0e6ee;border-radius:8px;padding:18px}.support-settings-panel h3{margin:0 0 13px;font-size:14px}.support-settings-panel dl{margin:0}.support-settings-panel dl div{border-top:1px solid #edf1f5;grid-template-columns:170px 1fr;align-items:center;min-height:38px;display:grid}.support-settings-panel dl div:first-child{border-top:0}.support-settings-panel dt{color:#768397}.support-settings-panel dd{color:#2f4055;margin:0;font-weight:600}.support-settings-panel section>p{color:#6d7c8f;margin:0;line-height:1.8}.settings-actions{gap:8px;margin-top:14px;display:flex}.settings-actions button{border:1px solid var(--jf-line);color:#53647a;background:#fff;border-radius:6px;height:32px;padding:0 12px}.settings-actions button.primary{border-color:var(--jf-blue);background:var(--jf-blue);color:#fff}.support-own-profile{grid-template-columns:10rem minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.support-profile-avatar-block{flex-direction:column;align-items:center;gap:.625rem;display:flex}.support-profile-avatar{width:6rem;height:6rem;color:var(--jf-blue);background:#d9eaff;border-radius:50%;place-items:center;font-size:2rem;font-weight:700;display:grid;overflow:hidden}.support-profile-avatar img{object-fit:cover;width:100%;height:100%}.support-profile-avatar-block button{border:1px solid var(--jf-line);min-height:2.5rem;color:var(--jf-blue);background:#fff;border-radius:.5rem;align-items:center;gap:.375rem;padding:0 .875rem;display:inline-flex}.support-profile-avatar-block small{color:#8794a6;text-align:center;line-height:1.5}.support-profile-fields{gap:.875rem;max-width:32rem;display:grid}.support-profile-fields label{color:#68778b;grid-template-columns:7rem minmax(0,1fr);align-items:center;display:grid}.support-profile-fields input{border:1px solid var(--jf-line);color:#243348;background:#fff;border-radius:.5rem;min-width:0;min-height:2.5rem;padding:0 .75rem}.support-profile-fields input[readonly]{color:#65758a;background:#f5f7fa}.support-profile-fields button{border:0;border-radius:.5rem;justify-self:end;min-height:2.5rem;padding:0 1rem}.support-profile-fields button.primary{background:var(--jf-blue);color:#fff}.support-profile-fields p{color:#8794a6;text-align:right;margin:0;font-size:.8125rem}.support-upload-backdrop{z-index:150;cursor:wait}.support-upload-progress{color:#26384e;background:#fff;border-radius:.875rem;justify-items:center;gap:.75rem;width:min(25rem,100vw - 2rem);padding:1.5rem;display:grid;box-shadow:0 1.5rem 4rem #0a1e3c3d}.support-upload-progress>svg{color:var(--jf-blue)}.support-upload-progress>strong{font-size:1.125rem}.support-upload-progress>span,.support-upload-progress>small{color:#718096;text-align:center}.support-upload-progress>b{color:var(--jf-blue);font-size:1rem}.support-upload-progress-track{background:#e9eef5;border-radius:.3125rem;width:100%;height:.625rem;overflow:hidden}.support-upload-progress-track>i{border-radius:inherit;background:linear-gradient(90deg,#1769ed,#3156ff);height:100%;transition:width .16s;display:block}@media (width<=48rem){.support-own-profile{grid-template-columns:1fr}.support-profile-fields{max-width:none}.support-profile-fields label{grid-template-columns:6.5rem minmax(0,1fr)}}.composer-tool-actions{gap:14px;display:flex}.workbench-quick-replies{z-index:4;border:1px solid var(--jf-line);background:#fff;border-radius:8px;gap:5px;width:330px;max-height:310px;padding:8px;display:grid;position:absolute;bottom:150px;left:70px;overflow-y:auto;box-shadow:0 12px 30px #142b4826}.workbench-quick-replies header{justify-content:space-between;align-items:center;padding:4px 5px 7px;display:flex}.workbench-quick-replies header small{color:var(--jf-muted)}.workbench-quick-replies>button{color:#314258;text-align:left;background:#f6f8fb;border:0;border-radius:6px;gap:3px;width:100%;padding:8px;display:grid}.workbench-quick-replies>button:hover{background:#eaf4ff}.workbench-quick-replies>button span{color:#6e7d90;font-size:9px;line-height:1.5}.workbench-quick-replies>p{color:var(--jf-muted);text-align:center;margin:12px}.quick-reply-pagination{color:#718096;justify-content:space-between;align-items:center;padding:5px 4px 1px;font-size:10px;display:flex}.quick-reply-pagination button{color:#38506c;background:#fff;border:1px solid #d9e1eb;border-radius:5px;place-items:center;width:28px;height:28px;padding:0;display:grid}.quick-reply-pagination button:disabled{opacity:.4}.history-readonly{color:#1769ed;background:#eef6ff;border:1px solid #c8ddf7;border-radius:14px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:9px;display:inline-flex}.satisfaction-record{background:#fff;border:1px solid #d7e3f2;border-radius:9px;width:min(420px,100% - 30px);margin:22px auto 4px;padding:12px 14px;box-shadow:0 4px 14px #2240640f}.satisfaction-record header{color:#2d4058;justify-content:space-between;align-items:center;gap:12px;display:flex}.satisfaction-record header span{color:#d99016;font-weight:700}.satisfaction-record.is-pending{background:#fffdf7;border-color:#eadcb9}.satisfaction-record.is-pending header span{color:#a87817}.satisfaction-stars{color:#f2a61e;letter-spacing:2px;margin-top:7px;font-size:16px}.satisfaction-record p{color:#536276!important;background:#f6f8fb!important;border:0!important;border-radius:6px!important;margin:9px 0 0!important;padding:8px 10px!important}.satisfaction-record time{color:#98a4b3;text-align:right;margin-top:8px;font-size:8px;display:block}@media (width<=1450px){.support-workbench{grid-template-columns:58px 160px 280px minmax(390px,1fr) 216px}}.support-rail-avatar{color:#7fc4ff;background:#173b61;border:.125rem solid #ffffff29;border-radius:50%;flex:none;place-items:center;width:2.375rem;height:2.375rem;display:grid;overflow:hidden}.support-rail-avatar img,.message-avatar img,.detail-person>span img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.workbench-messages .message-avatar,.detail-person>span{overflow:hidden}.support-case-workspace{background:#f3f6fa;grid-column:2/-1;grid-template-rows:70px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.case-header-actions{gap:8px!important;display:flex!important}.case-header-actions button.primary{border-color:var(--jf-blue);background:var(--jf-blue);color:#fff}.case-header-actions button:disabled{cursor:not-allowed;opacity:.45}.case-layout{min-height:0;display:block;overflow:hidden}.case-list-panel{background:#fff;grid-template-rows:58px minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.case-list-panel>label{border:1px solid var(--jf-line);height:34px;color:var(--jf-muted);border-radius:6px;align-items:center;gap:7px;margin:12px;padding:0 10px;display:flex}.case-list-panel>label input{background:0 0;border:0;outline:0;flex:1;min-width:0}.case-list-scroll{border-top:1px solid #edf1f5;min-height:0;overflow-y:auto}.case-list-scroll>button{color:#34465c;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;gap:6px;width:100%;min-height:96px;padding:14px;display:grid}.case-list-scroll>button:hover,.case-list-scroll>button.active{background:#f1f7ff}.case-list-scroll>button.active{box-shadow:inset 3px 0 var(--jf-blue)}.case-list-scroll>button>div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.case-list-scroll>button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.case-list-scroll>button p{color:#738198;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.case-list-scroll>button small{color:#96a1af;font-size:8px}.case-list-scroll>button.case-load-more{min-height:40px;color:var(--jf-blue);text-align:center;padding:10px 14px}.case-history-more{width:100%;min-height:34px;color:var(--jf-blue);text-align:center;background:#f7fbff;border:1px dashed #b9cce2;border-radius:6px;margin:0 0 10px}.case-status{color:#1769ed;background:#eaf4ff;border-radius:11px;flex:none;align-items:center;min-height:22px;padding:0 8px;font-size:8px;display:inline-flex}.case-status[data-status=WAITING_USER],.case-status[data-status=WAITING_EXTERNAL]{color:#b87713;background:#fff5dd}.case-status[data-status=ESCALATED]{color:#c64055;background:#fff0f2}.case-status[data-status=RESOLVED],.case-status[data-status=CLOSED]{color:#128263;background:#e8f8f2}.case-status.large{min-height:28px;padding:0 11px;font-size:9px}.case-detail-backdrop{padding:20px}.case-detail-panel{background:#f3f6fa;border-radius:10px;width:min(1100px,100vw - 40px);min-width:0;max-height:calc(100vh - 40px);padding:18px;overflow-y:auto;box-shadow:0 24px 70px #05142840}.case-detail-panel>header{background:#fff;border:1px solid #e0e6ee;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;display:flex}.case-detail-panel>header>div{min-width:0}.case-detail-panel>header span{color:#738198;font-size:9px}.case-detail-panel>header h2{color:#26384e;margin:5px 0;font-size:19px}.case-detail-panel>header p{color:#7f8c9e;margin:0}.case-detail-heading-actions{align-items:center;gap:8px;display:flex}.case-detail-heading-actions>button{color:#63748a;background:#f1f4f8;border:0;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;display:grid}.case-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.case-metrics section{background:#fff;border:1px solid #e0e6ee;border-radius:8px;align-content:center;gap:4px;min-width:0;min-height:104px;padding:14px 14px 14px 48px;display:grid;position:relative}.case-metrics section>svg{width:24px;height:24px;color:var(--jf-blue);background:#eaf4ff;border-radius:6px;padding:5px;position:absolute;top:16px;left:14px}.case-metrics section span,.case-metrics section small{color:#8a97a8;font-size:8px}.case-metrics section strong{overflow-wrap:anywhere;color:#32445a}.case-actions{background:#fff;border:1px solid #e0e6ee;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:13px 15px;display:flex}.case-actions>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.case-actions button{color:#44627f;background:#f7fbff;border:1px solid #c9d9ec;border-radius:6px;min-height:30px;padding:0 10px}.case-actions button.danger{color:#c83f53;background:#fff5f6;border-color:#f0c1c8}.case-actions button.success{color:#128263;background:#effaf6;border-color:#afe1cf}.case-lower-grid{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:12px;margin-top:12px;display:grid}.case-links,.case-timeline{background:#fff;border:1px solid #e0e6ee;border-radius:8px;padding:15px}.case-links h3,.case-timeline h3{color:#34465c;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;display:flex}.case-links h3 svg,.case-timeline h3 svg{width:16px}.case-links h3 small{color:#8c98a7;margin-left:auto}.case-links article{border-top:1px solid #edf1f5;grid-template-columns:minmax(90px,auto) minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:54px;padding:8px;display:grid}.case-links article>div{gap:2px;display:grid}.case-links article span{color:#929dab;font-size:8px}.case-links article code{color:#4d5e72;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.case-links>p{color:#98a3b1;text-align:center}.case-timeline article{grid-template-columns:1fr;min-height:66px;padding:0 0 14px 21px;display:grid;position:relative}.case-timeline article i{background:#fff;border:2px solid #8ebcf1;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:3px}.case-timeline article:not(:last-child):before{content:"";background:#dce6f2;width:1px;position:absolute;top:13px;bottom:-4px;left:7px}.case-timeline article p{color:#5f6f82;margin:4px 0;line-height:1.5}.case-timeline article small{color:#9aa5b2;font-size:8px}.case-resolution{background:#f1fbf7;border:1px solid #bde5d6;border-radius:8px;gap:10px;margin-top:12px;padding:14px;display:flex}.case-resolution>svg{color:#13956f}.case-resolution p{color:#536b61;white-space:pre-wrap;margin:4px 0 0}.case-detail-empty{color:#96a3b3;place-content:center;justify-items:center;display:grid}.case-detail-empty svg{color:#82b3e8;width:52px;height:52px}.case-detail-empty h2{color:#42556d;margin:16px 0 6px}.case-detail-empty p{margin:0}.case-modal{max-height:calc(100vh - 40px);overflow-y:auto}.support-transfer-modal input{border:1px solid var(--jf-line);background:#fbfcfe;border-radius:6px;outline:0;width:100%;padding:9px 10px}.case-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.conversation-unread-badge{color:#fff;background:#f04455;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:10px;line-height:1;display:inline-grid}.message-context-dismiss{z-index:108;background:0 0;border:0;width:100%;height:100%;position:fixed;inset:0}.message-context-menu{z-index:109;border:1px solid var(--jf-line);background:#fff;border-radius:8px;min-width:180px;padding:6px;position:fixed;box-shadow:0 12px 34px #142b482e}.message-context-menu button{color:#334155;text-align:left;background:#fff;border:0;border-radius:5px;width:100%;min-height:34px;padding:0 10px}.message-context-menu button:hover:not(:disabled){color:var(--jf-blue);background:#eef5ff}.message-context-menu button:disabled{color:#a8b0bb;cursor:not-allowed}.support-config-grid{grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:16px;min-height:0;padding:20px;display:grid;overflow-y:auto}.support-config-list,.support-config-form,.support-agent-create{background:#fff;border:1px solid #e0e6ee;border-radius:10px;padding:18px}.support-config-list{align-content:start;gap:8px;display:grid}.support-config-list>header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.support-config-list>header button,.support-config-form>button,.support-agent-create>button{background:var(--jf-blue);color:#fff;border:0;border-radius:6px;min-height:36px;padding:0 15px}.support-config-list>button{color:#334155;text-align:left;background:#f8fafc;border:1px solid #e5eaf0;border-radius:8px;gap:5px;width:100%;padding:12px;display:grid}.support-config-list>button.active{background:#eef6ff;border-color:#8abcf8}.support-config-list>button span{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.support-config-list>button small{color:#94a3b8}.idle-policy-summary article{background:#f8fafc;border:1px solid #e5eaf0;border-radius:8px;gap:6px;padding:14px;display:grid}.idle-policy-summary article strong{color:#24364d}.idle-policy-summary article span{color:#64748b;line-height:1.6}.support-config-full{min-height:0;padding:20px;overflow-y:auto}.support-config-list--full{min-height:calc(100% - 2px)}.support-config-pagination{color:#728197;border-top:1px solid #e7ebf1;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.support-config-pagination div{align-items:center;gap:8px;display:flex}.support-config-pagination button{color:#3c5069;background:#fff;border:1px solid #d7e0eb;border-radius:6px;min-height:32px;padding:0 12px}.support-config-pagination button:disabled{opacity:.42}.support-config-pagination strong{color:#334155;text-align:center;min-width:56px}.support-config-modal{width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.support-config-modal input{box-sizing:border-box;border:1px solid var(--jf-line);width:100%;font:inherit;border-radius:6px;padding:9px 10px}.support-config-modal label small{color:#8997aa;text-align:right}.support-user-remark>header{justify-content:space-between;align-items:center;display:flex}.support-user-remark>header h4{margin:0}.support-user-remark>header button{color:#1f6feb;background:#f4f8ff;border:1px solid #b8cdf0;border-radius:5px;min-height:28px;padding:0 10px}.support-user-remark>p{color:#34465d;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:10px 0 6px!important;display:block!important}.support-user-remark>p.empty{color:#94a3b8}.support-user-remark>small{color:#94a3b8;font-size:8px;display:block}.idle-policy-workspace{grid-template-columns:minmax(400px,1.15fr) minmax(340px,.85fr);gap:16px;min-height:0;padding:18px;display:grid;overflow-y:auto}.idle-policy-editor-column{align-content:start;gap:14px;display:grid}.idle-rule-plain-language,.idle-phone-preview{background:#fff;border:1px solid #e0e6ee;border-radius:10px;padding:18px}.idle-rule-plain-language>header,.idle-phone-preview>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.idle-rule-plain-language>header span,.idle-phone-preview>header span{color:#7b899b;font-size:9px}.idle-rule-plain-language ol{counter-reset:idle-step;gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.idle-rule-plain-language li{counter-increment:idle-step;background:#f8fafd;border:1px solid #e5ebf3;border-radius:8px;gap:4px;padding:12px 12px 12px 48px;display:grid;position:relative}.idle-rule-plain-language li:before{color:#1f6feb;content:counter(idle-step);background:#e7f0ff;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:700;display:grid;position:absolute;top:12px;left:12px}.idle-rule-plain-language li span,.idle-rule-boundaries p{color:#627287;margin:0;line-height:1.55}.idle-rule-boundaries{background:#f5f9ff;border-left:3px solid #62a1f0;gap:7px;padding:12px;display:grid}.idle-policy-form{box-shadow:none}.idle-policy-form label small{color:#8b98aa;line-height:1.5}.idle-phone-preview>header button{color:#51657d;background:#fff;border:1px solid #d7e0eb;border-radius:6px;min-height:30px;padding:0 10px}.idle-phone-shell{background:#f4f6fa;border:8px solid #27364a;border-radius:28px;width:min(330px,100%);min-height:520px;margin:18px auto;overflow:hidden;box-shadow:0 16px 35px #23364d2e}.idle-phone-bar{background:#fff;border-bottom:1px solid #e4e8ef;grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;padding:0 14px;display:grid}.idle-phone-bar svg:last-child{justify-self:end}.idle-phone-chat{flex-direction:column;align-items:flex-start;gap:10px;min-height:400px;padding:16px;display:flex}.idle-phone-chat>small{color:#91a0b3;align-self:center}.idle-phone-chat p{border-radius:12px;max-width:82%;margin:0;padding:10px 12px;line-height:1.55}.idle-phone-chat .agent{color:#34465b;background:#fff}.idle-phone-chat .member{color:#fff;background:#3157f5;align-self:flex-end}.idle-countdown-card{color:#946200;background:#fff7e8;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:80%;margin:8px auto;padding:12px;display:grid}.idle-phone-chat small.closed{color:#65758b;background:#e8edf4;border-radius:99px;padding:5px 10px}.idle-phone-composer{color:#9aa5b4;background:#fff;border-top:1px solid #e5e9ef;justify-content:space-between;align-items:center;min-height:54px;padding:0 12px;display:flex}.idle-phone-composer b{color:#fff;background:#3157f5;border-radius:99px;padding:7px 11px}.idle-phone-composer.disabled b{background:#c5ccd7}.idle-preview-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.idle-preview-actions button{color:#405674;background:#fff;border:1px solid #cad6e6;border-radius:7px;min-height:38px;padding:6px 9px}.idle-preview-actions button.active{color:#1f6feb;background:#edf4ff;border-color:#6aa1f5}.idle-preview-actions button:disabled{opacity:.5}.support-config-form,.support-agent-create{align-content:start;gap:13px;display:grid}.support-config-form label,.support-agent-create label{color:#526174;gap:6px;display:grid}.support-config-form input,.support-config-form textarea,.support-agent-create input,.support-agent-create select{border:1px solid var(--jf-line);resize:vertical;background:#fbfcfe;border-radius:6px;outline:0;width:100%;min-height:38px;padding:8px 10px}.support-config-form .support-switch{align-items:center;gap:8px;display:flex}.support-config-form .support-switch input{width:18px;min-height:18px}.support-agent-create{grid-template-columns:repeat(2,minmax(220px,1fr));margin:18px 20px}.support-agent-create h3{grid-column:1/-1}.support-agent-create>button{align-self:end}@media (width<=1100px){.support-config-grid,.support-agent-create{grid-template-columns:1fr}.workbench-emoji{grid-template-columns:repeat(6,minmax(42px,1fr))}}@media (width<=1180px){.idle-policy-workspace{grid-template-columns:1fr}.idle-phone-preview{min-height:auto}}.support-hidden-input{display:none}.composer-tool-actions{align-items:center;gap:13px;display:flex}.composer-tool-actions button:disabled{cursor:wait;opacity:.5}.composer-attachments{align-items:center;gap:6px;min-width:0;padding:4px 0;display:flex;overflow-x:auto}.composer-attachments>span,.composer-attachments>button{color:#52677f;white-space:nowrap;background:#f7faff;border:1px solid #dce5ef;border-radius:6px;align-items:center;gap:5px;min-height:27px;padding:3px 8px;display:flex}.composer-attachments>button{text-overflow:ellipsis;max-width:210px;overflow:hidden}.message-attachments{gap:.3125rem;min-width:11.875rem;max-width:18rem;display:grid}.message-file-attachment{color:#40546d;text-align:left;background:#fff;border:.0625rem solid #d9e4f0;border-radius:.5rem;grid-template-columns:1.375rem minmax(0,1fr) 1rem;align-items:center;gap:.4375rem;min-height:2.875rem;padding:.4375rem .5625rem;display:grid}.message-file-attachment span{gap:.125rem;display:grid}.message-file-attachment small{font-size:.5rem}.message-image-attachment,.message-video-attachment{background:#edf2f7;border:.0625rem solid #d9e4f0;border-radius:.625rem;width:fit-content;max-width:min(16rem,100%);margin:0;position:relative;overflow:hidden;box-shadow:0 .1875rem .75rem #1c3b5c14}.message-image-preview-button{cursor:zoom-in;background:#edf2f7;border:0;width:100%;padding:0;display:block}.message-image-preview-button img{object-fit:contain;background:#edf2f7;width:auto;max-width:16rem;height:auto;max-height:17.5rem;display:block}.message-video-preview-button{color:#fff;cursor:pointer;background:#111827;border:0;width:min(16rem,100%);min-width:11.875rem;padding:0;display:block;position:relative;overflow:hidden}.message-video-preview-button video{aspect-ratio:16/9;object-fit:contain;pointer-events:none;background:#111827;width:100%;max-height:17.5rem;display:block}.message-video-play{filter:drop-shadow(0 .125rem .25rem #00000073);background:#00000047;border:.125rem solid #fff;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-video-play svg{margin-left:.125rem}.message-video-preview-button>small{color:#fff;text-shadow:0 .0625rem .25rem #000;font-size:.6875rem;line-height:1;position:absolute;bottom:.3125rem;right:.4375rem}.message-image-placeholder{color:#7b899a;background:#edf2f7;place-content:center;justify-items:center;gap:.5rem;min-height:9rem;padding:1rem;display:grid}.message-image-placeholder.is-error{color:#65758a}.message-image-placeholder button{min-height:1.75rem;color:var(--jf-blue);background:#fff;border:.0625rem solid #bfd2ea;border-radius:.875rem;padding:0 .75rem}.message-image-attachment figcaption{color:#8794a5;justify-content:space-between;align-items:center;min-height:2rem;padding:0 .5rem 0 .625rem;font-size:.5625rem;display:flex}.message-image-attachment figcaption button{color:#64778f;background:0 0;border:0;border-radius:.375rem;place-items:center;width:1.75rem;height:1.75rem;padding:0;display:grid}.message-image-attachment figcaption button:hover{color:var(--jf-blue);background:#eef5ff}.message-image-preview-backdrop{z-index:140;padding:1.5rem}.message-image-preview-dialog{background:#fff;border-radius:.75rem;grid-template-rows:3.25rem minmax(0,1fr) 3.25rem;width:min(64rem,100vw - 3rem);height:min(52rem,100vh - 3rem);display:grid;overflow:hidden;box-shadow:0 1.5rem 4.375rem #0514284d}.message-image-preview-dialog header,.message-image-preview-dialog footer{justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex}.message-image-preview-dialog header{border-bottom:.0625rem solid var(--jf-line-soft)}.message-image-preview-dialog footer{border-top:.0625rem solid var(--jf-line-soft);color:var(--jf-muted);font-size:.6875rem}.message-image-preview-dialog header button{color:#526176;background:#f2f4f7;border:0;border-radius:.375rem;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.message-image-preview-dialog>img,.message-image-preview-dialog>video{object-fit:contain;background:#111827;width:100%;height:100%;min-height:0;padding:1rem}.message-image-preview-dialog footer button{height:2rem;color:var(--jf-blue);background:#fff;border:.0625rem solid #bfd2ea;border-radius:.375rem;align-items:center;gap:.375rem;padding:0 .75rem;display:flex}.case-evidence-panel{background:#fff;border:1px solid #e0e6ee;border-radius:8px;margin-top:12px;padding:15px}.case-evidence-panel>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.case-evidence-panel h3{color:#34465c;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.case-evidence-panel h3 small{color:#8795a7}.case-evidence-panel header p{color:#8795a7;margin:4px 0 0;font-size:9px}.case-evidence-panel header button{color:#2569b5;background:#f4f9ff;border:1px solid #bcd6f2;border-radius:6px;align-items:center;gap:5px;min-height:31px;padding:0 10px;display:flex}.case-evidence-panel>label{color:#607087;gap:5px;max-width:520px;margin:12px 0;font-size:9px;display:grid}.case-evidence-panel>label input{border:1px solid #dce3ec;border-radius:6px;height:34px;padding:0 10px}.case-evidence-list{gap:7px;display:grid}.case-evidence-list>button{color:#43566e;text-align:left;background:#fafcfe;border:1px solid #e4eaf1;border-radius:7px;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;min-height:50px;padding:8px 10px;display:grid}.case-evidence-list>button>span:first-child{gap:3px;display:grid}.case-evidence-list>button small,.case-evidence-list>button>span:nth-child(2){color:#8c99a9;font-size:8px}.case-evidence-list>p{color:#97a3b1;text-align:center}.case-evidence-list>button.case-history-more{min-height:34px;color:var(--jf-blue);text-align:center;background:#f7fbff;border-style:dashed;border-color:#b9cce2;display:block}.support-conversation-list>header{height:97px}.support-conversation-list label,.case-list-panel>label{background:#fff;border-color:#cfd8e4;border-radius:6px;height:36px;padding:0 10px}.support-conversation-list label:focus-within,.case-list-panel>label:focus-within{border-color:#7aa7e8;box-shadow:0 0 0 3px #1f6feb1f}.support-conversation-list input,.case-list-panel>label input{color:#172033;font-size:13px}.support-conversation-list input::placeholder,.case-list-panel>label input::placeholder{color:#9aa6b5}.conversation-scroll{height:calc(100vh - 97px)}.case-evidence-panel>label{color:#637083;gap:6px;font-size:12px}.case-evidence-panel>label input{color:#172033;background:#fff;border-color:#cfd8e4;border-radius:6px;outline:0;height:36px;padding:0 10px;font-size:13px}.case-evidence-panel>label input:focus{border-color:#7aa7e8;box-shadow:0 0 0 3px #1f6feb1f}.is-spinning{animation:.9s linear infinite support-spin}@keyframes support-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.case-lower-grid,.case-metrics{grid-template-columns:1fr}}.order-reference-stack{gap:.2rem;min-width:0;display:grid}.order-reference-stack>span{color:#40536d;align-items:baseline;gap:.35rem;min-width:0;display:flex}.order-reference-stack em{color:#40536d;flex:none;font-style:normal}.order-reference-stack code{overflow-wrap:anywhere;color:#2f3948;background:#e8edf3;border-radius:.15rem;padding:.08rem .28rem;font-family:inherit;font-weight:700}.support-welcome-preview-panel>p{color:var(--jf-muted);margin:.75rem 1rem 1rem;line-height:1.55}.support-welcome-preview-panel>header span{color:var(--jf-muted);font-size:.75rem}.support-welcome-phone{min-height:32.5rem}.support-welcome-phone-chat{min-height:25rem}.support-welcome-preview{border:1px solid var(--jf-line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:1rem;max-width:82%;margin:0;padding:1rem 1.125rem;line-height:1.65}.support-welcome-faq-card{color:#34465b;background:#fff;border-radius:.75rem;gap:.5rem;width:86%;padding:.75rem;display:grid}.support-welcome-faq-card>strong{font-size:.75rem}.support-welcome-faq-card>span{color:#3157f5;border:1px solid #d8e1ed;border-radius:.5rem;justify-content:space-between;align-items:center;min-height:2.25rem;padding:0 .625rem;display:flex}.support-welcome-phone-composer b{text-align:center;min-width:6.25rem}.support-welcome-preview .bold{font-weight:700}.support-welcome-preview .blink{animation:1.2s step-end infinite support-welcome-blink}.support-welcome-preview .link{text-underline-offset:.15em;text-decoration:underline}.support-welcome-editor fieldset{border:1px solid var(--jf-line);border-radius:.75rem;gap:.75rem;margin:0;padding:1rem;display:grid}.support-welcome-editor legend{padding:0 .375rem;font-weight:700}.support-welcome-format-row{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.support-welcome-format-row>label{width:auto}.support-welcome-format-row input[type=color]{width:4rem;min-height:2.5rem;padding:.25rem}@keyframes support-welcome-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.support-welcome-preview .blink{animation:none}}.support-rail>.support-presence-control{margin-top:0;display:block;position:relative}.support-presence-menu{z-index:30;border:1px solid var(--jf-line);background:#fff;border-radius:.6rem;gap:.25rem;width:8.5rem;padding:.4rem;display:grid;position:absolute;top:0;left:3.25rem;box-shadow:0 .75rem 2rem #0b192b2e}.support-presence-menu button{color:#253248;white-space:nowrap;background:0 0;border:0;border-radius:.4rem;justify-content:flex-start;align-items:center;gap:.55rem;width:100%;height:2.15rem;padding:0 .65rem;font-size:.82rem;display:flex}.support-presence-menu button:hover,.support-presence-menu button.active{color:var(--jf-blue);background:#eef5ff}.support-presence-menu i,.support-groups>header i{background:#98a5b7;border-radius:50%;flex:none;width:.55rem;height:.55rem}.support-presence-menu i.online,.support-groups>header i.online{background:#24bf8b}.support-presence-menu i.busy,.support-groups>header i.busy{background:#f59e0b}.support-presence-menu i.offline,.support-groups>header i.offline{background:#98a5b7}.support-groups>header{justify-content:space-between;align-items:center;display:flex}.support-sound-toggle{color:#52657d;cursor:pointer;background:0 0;border:0;border-radius:.45rem;place-items:center;width:2rem;height:2rem;display:grid}.support-sound-toggle:hover{color:var(--jf-blue);background:#edf4ff}.support-transfer-inbox{gap:.55rem;min-width:0;display:grid;overflow:visible}.support-transfer-inbox>header{color:#203149;justify-content:space-between;align-items:center;display:flex}.support-transfer-inbox>header b{color:#fff;background:#f04452;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.7rem;display:grid}.support-transfer-empty{color:#8b98aa;margin:0;font-size:.75rem;line-height:1.4}.support-transfer-request{background:#f8fbff;border:1px solid #d9e4f2;border-radius:.65rem;grid-template-columns:2rem minmax(0,1fr);gap:.55rem;padding:.65rem;display:grid}.support-transfer-avatar{width:2rem;height:2rem;color:var(--jf-blue);background:#d8e9ff;border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid;overflow:hidden}.support-transfer-avatar img{object-fit:cover;width:100%;height:100%}.support-transfer-request>div{gap:.2rem;min-width:0;display:grid}.support-transfer-request strong,.support-transfer-request small,.support-transfer-request p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.support-transfer-request strong{color:#172033;font-size:.76rem}.support-transfer-request small{color:#728197;font-size:.68rem}.support-transfer-request p{color:#596a80;font-size:.68rem}.support-transfer-request time{color:#e08600;font-variant-numeric:tabular-nums;font-size:.68rem}.support-transfer-request footer{gap:.35rem;margin-top:.25rem;display:flex}.support-transfer-request footer button{color:#52657d;cursor:pointer;background:#fff;border:1px solid #cbd7e6;border-radius:.4rem;flex:1 1 0;height:1.75rem;font-size:.7rem}.support-transfer-request footer button.primary{border-color:var(--jf-blue);background:var(--jf-blue);color:#fff}html[data-jf-surface=backoffice] body .support-workbench{background:linear-gradient(115deg,#edf7ff,#f5fbff);grid-template-columns:90px 208px 286px minmax(390px,1fr) 244px;gap:8px}html[data-jf-surface=backoffice] body .support-rail{z-index:31;min-height:0;padding:16px 0;position:relative;overflow:visible}html[data-jf-surface=backoffice] body .support-rail nav{scrollbar-width:none;gap:4px;min-height:0;margin-top:20px;overflow:hidden auto}html[data-jf-surface=backoffice] body .support-rail nav::-webkit-scrollbar{display:none}html[data-jf-surface=backoffice] body .support-rail>div{flex-shrink:0}html[data-jf-surface=backoffice] body .support-rail nav button,html[data-jf-surface=backoffice] body .support-rail>div:not(.support-presence-control) button{color:#fff;align-content:center;gap:5px;width:84px;height:70px;font-size:12px}html[data-jf-surface=backoffice] body .support-rail button svg{width:24px;height:24px}html[data-jf-surface=backoffice] body .support-rail>.support-presence-control{flex-shrink:0}html[data-jf-surface=backoffice] body .support-rail .support-rail-avatar{color:#fff;width:50px;height:50px}html[data-jf-surface=backoffice] body .support-rail .support-rail-avatar svg{width:36px;height:36px}html[data-jf-surface=backoffice] body :is(.support-groups,.support-conversation-list,.support-chat-panel,.support-user-detail){background:#fff;border:0;border-radius:12px;margin-block:12px;overflow:hidden}html[data-jf-surface=backoffice] body .support-user-detail{margin-right:12px;overflow-y:auto}html[data-jf-surface=backoffice] body .support-groups{padding:18px 12px}html[data-jf-surface=backoffice] body .support-groups>button{height:52px;font-size:14px}html[data-jf-surface=backoffice] body .support-groups>button b{font-size:12px}html[data-jf-surface=backoffice] body .support-conversation-list>header{height:110px;padding:20px 16px 12px}html[data-jf-surface=backoffice] body .support-conversation-list>header strong{font-size:20px}html[data-jf-surface=backoffice] body .support-conversation-list label{background:#f2f7fd;border:0;height:40px;font-size:14px}html[data-jf-surface=backoffice] body .conversation-scroll{height:calc(100vh - 134px);padding-inline:10px}html[data-jf-surface=backoffice] body .conversation-scroll>button{border-radius:10px;grid-template-columns:46px minmax(0,1fr);min-height:108px;padding:18px 12px}html[data-jf-surface=backoffice] body .conversation-avatar{color:#fff;background:linear-gradient(135deg,#73b4ff,#c6d5ef);width:46px;height:46px}html[data-jf-surface=backoffice] body .support-chat-panel{background:radial-gradient(at 20% 20%,#eaf5ff,#0000 65%),#f7fbff}html[data-jf-surface=backoffice] body .support-module-page{background:linear-gradient(120deg,#f0f9ff,#f8fcff);padding:48px 30px}html[data-jf-surface=backoffice] body .support-module-header{background:0 0;border:0;height:96px;padding:8px 0 26px;position:relative}html[data-jf-surface=backoffice] body .support-module-header strong{font-size:30px}html[data-jf-surface=backoffice] body .support-module-header span{margin-top:8px;font-size:15px}html[data-jf-surface=backoffice] body .support-module-header button{min-height:42px;padding-inline:22px;font-size:14px}html[data-jf-surface=backoffice] body .support-statistics{padding:12px 0}html[data-jf-surface=backoffice] body .support-metric-grid{gap:18px}html[data-jf-surface=backoffice] body .support-stat-card{border:0;border-radius:14px;gap:14px;min-height:195px;padding:28px 24px 28px 120px;position:relative}html[data-jf-surface=backoffice] body .support-stat-card>.metric-icon{color:#1467ff;background:linear-gradient(130deg,#dfedff,#c6e2ff);border-radius:15px;width:72px;height:72px;padding:20px;position:absolute;top:30px;left:26px}html[data-jf-surface=backoffice] body .support-stat-card:nth-child(2)>.metric-icon,html[data-jf-surface=backoffice] body .support-stat-card:nth-child(5)>.metric-icon{color:#08ae75;background:linear-gradient(130deg,#defbef,#c4f5e6)}html[data-jf-surface=backoffice] body .support-stat-card:nth-child(3)>.metric-icon{color:#8138f5;background:linear-gradient(130deg,#edddff,#e0ccff)}html[data-jf-surface=backoffice] body .support-stat-card:nth-child(4)>.metric-icon{color:#ff8418;background:linear-gradient(130deg,#fff0d8,#ffe3bf)}html[data-jf-surface=backoffice] body .support-stat-card:nth-child(6)>.metric-icon{color:#ed3a52;background:linear-gradient(130deg,#ffe1e6,#ffd5dc)}html[data-jf-surface=backoffice] body .support-stat-card>span{color:#496599;font-size:17px}html[data-jf-surface=backoffice] body .support-stat-card strong{color:#0d2048;font-size:42px}html[data-jf-surface=backoffice] body .support-stat-card small{color:#637aa2;font-size:14px;line-height:1.6}html[data-jf-surface=backoffice] body .support-stat-note{color:#176bff;background:#e7f3ff;border:0;align-items:center;gap:16px;margin-top:28px;padding:22px;display:flex}html[data-jf-surface=backoffice] body .support-stat-note p{color:#496b9f;margin:0;font-size:15px}html[data-jf-surface=backoffice] body .support-settings-panel{gap:20px;max-width:1200px;padding:10px 0}html[data-jf-surface=backoffice] body .support-settings-panel>section{border:0;border-radius:14px;padding:28px}html[data-jf-surface=backoffice] body .support-settings-panel h3{margin-bottom:24px;font-size:22px}html[data-jf-surface=backoffice] body .support-own-profile{grid-template-columns:280px minmax(0,1fr);gap:40px}html[data-jf-surface=backoffice] body .support-profile-fields{gap:16px;max-width:650px}html[data-jf-surface=backoffice] body .support-profile-fields label{grid-template-columns:120px minmax(0,1fr);font-size:15px}html[data-jf-surface=backoffice] body .support-profile-fields input{height:44px}html[data-jf-surface=backoffice] body .support-profile-fields button{min-height:44px}html[data-jf-surface=backoffice] body .support-settings-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}html[data-jf-surface=backoffice] body .support-settings-panel dl>div{border:0;grid-template-columns:1fr;gap:14px;padding:12px 20px;font-size:16px;display:grid}html[data-jf-surface=backoffice] body .support-settings-panel dl>div+div{border-left:1px solid #deebf9}html[data-jf-surface=backoffice] body .settings-actions{justify-content:flex-end;margin-top:20px}html[data-jf-surface=backoffice] body .settings-actions button{min-height:42px;font-size:14px}.support-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.support-rule-grid article{align-items:flex-start;gap:18px;display:flex}.support-rule-grid article+article{border-left:1px solid #e0eafa;padding-left:22px}.support-rule-grid article>strong{color:#176bff;font-size:34px}.support-rule-grid b{font-size:15px}.support-rule-grid p{color:var(--jf-muted);font-size:13px;line-height:1.6}.support-keyboard-guide{border-top:1px solid #e0eafa;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding-top:20px;font-size:14px;display:flex}.support-keyboard-guide kbd{font:inherit;background:linear-gradient(130deg,#fff,#f0f6ff);border:1px solid #cddff8;border-radius:8px;padding:10px 16px}html[data-jf-surface=backoffice] body .support-config-full,html[data-jf-surface=backoffice] body .support-config-grid{padding:12px 0}html[data-jf-surface=backoffice] body .support-config-list,html[data-jf-surface=backoffice] body .support-config-form{border:0;border-radius:14px;padding:26px}html[data-jf-surface=backoffice] body .support-config-list>header{margin-bottom:18px;font-size:20px}html[data-jf-surface=backoffice] body .support-config-list>button{background:linear-gradient(110deg,#f3f9ff,#fbfdff);gap:12px;padding:22px}html[data-jf-surface=backoffice] body .support-config-list>button strong{font-size:17px}html[data-jf-surface=backoffice] body .support-config-list>button span{font-size:15px}html[data-jf-surface=backoffice] body .support-config-list>button small{font-size:13px}html[data-jf-surface=backoffice] body .support-transfer-modal{border-radius:12px;width:min(560px,100vw - 48px);padding:22px;box-shadow:0 22px 70px #09204e33}html[data-jf-surface=backoffice] body .support-transfer-modal header strong{font-size:24px}html[data-jf-surface=backoffice] body .support-transfer-modal header span{font-size:14px}html[data-jf-surface=backoffice] body .support-transfer-modal>label{gap:8px;margin-top:6px;font-size:14px}html[data-jf-surface=backoffice] body .support-config-modal>label{color:#102448;grid-template-columns:110px minmax(0,1fr);align-items:start;margin-top:10px;font-weight:600;line-height:44px;display:grid}html[data-jf-surface=backoffice] body .support-config-modal>label>:is(input,textarea,div,span){min-width:0;font-weight:400}html[data-jf-surface=backoffice] body .support-config-modal>label>input:not([type=checkbox]){height:44px;line-height:normal}html[data-jf-surface=backoffice] body .support-config-modal input[type=number]{max-width:250px}html[data-jf-surface=backoffice] body .support-config-modal>label>.jf-select{line-height:normal}html[data-jf-surface=backoffice] body .support-config-modal .support-switch>span{align-items:center;gap:10px;display:flex}html[data-jf-surface=backoffice] body .support-config-modal .support-switch input{width:18px;height:18px;margin:0}.support-counted-input{line-height:1.5;position:relative}.support-counted-input textarea{width:100%;padding-bottom:32px!important}.support-counted-input small{pointer-events:none;position:absolute;bottom:12px;right:14px}html[data-jf-surface=backoffice] body .support-config-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:15px}html[data-jf-surface=backoffice] body .support-config-table th{color:#5a719b;text-align:left;background:#f1f7ff;height:52px;padding:12px 18px;font-weight:500}html[data-jf-surface=backoffice] body .support-config-table td{overflow-wrap:anywhere;border-bottom:1px solid #e5edfa;padding:22px 18px;line-height:1.6}.support-config-table th:nth-child(2){width:36%}.support-config-table th:last-child{width:80px}html[data-jf-surface=backoffice] body .support-config-edit{text-align:left;color:#176bff;background:0 0;border:0;padding:0;font-weight:650}.support-config-state{color:#70809c;white-space:nowrap;background:#eef2f8;border-radius:20px;padding:3px 16px;display:inline-flex}.support-config-state.enabled{color:#009b69;background:#e0f8ef}html[data-jf-surface=backoffice] body .support-agent-table{padding:12px 0}html[data-jf-surface=backoffice] body .support-agent-table table{font-size:15px}html[data-jf-surface=backoffice] body .support-agent-table th{height:52px;padding-inline:22px}html[data-jf-surface=backoffice] body .support-agent-table td{padding:22px}html[data-jf-surface=backoffice] body .support-agent-table td small{font-size:13px}html[data-jf-surface=backoffice] body .support-agent-create{background:#fff;border:0;border-radius:14px;gap:22px 40px;margin:24px 0 0;padding:28px}html[data-jf-surface=backoffice] body .support-agent-create h3{margin:0 0 6px;font-size:22px}html[data-jf-surface=backoffice] body .support-agent-create label{grid-template-columns:130px minmax(0,1fr);align-items:center;font-size:15px;display:grid}html[data-jf-surface=backoffice] body .support-agent-create label:nth-of-type(-n+4){grid-column:1}html[data-jf-surface=backoffice] body .support-agent-create label:nth-of-type(5){grid-area:2/2}html[data-jf-surface=backoffice] body .support-agent-create label:nth-of-type(6){grid-area:3/2}html[data-jf-surface=backoffice] body .support-agent-create label:nth-of-type(7){grid-area:4/2}html[data-jf-surface=backoffice] body .support-agent-create input,html[data-jf-surface=backoffice] body .support-agent-create .jf-select__trigger{min-height:44px;font-size:15px}html[data-jf-surface=backoffice] body .support-agent-create>button{grid-column:1/-1;justify-self:start;min-width:190px;min-height:46px;font-size:16px}html[data-jf-surface=backoffice] body .support-chat-panel{grid-template-rows:80px minmax(0,1fr) auto;height:calc(100vh - 24px)}html[data-jf-surface=backoffice] body .support-chat-header{padding:0 18px}html[data-jf-surface=backoffice] body .support-chat-header strong{font-size:17px}html[data-jf-surface=backoffice] body .support-chat-header>div span{font-size:12px}html[data-jf-surface=backoffice] body .support-chat-header>button{height:38px;font-size:13px}html[data-jf-surface=backoffice] body .workbench-messages{padding:20px 18px}html[data-jf-surface=backoffice] body .message-date{margin-bottom:28px;font-size:12px}html[data-jf-surface=backoffice] body .workbench-messages article{gap:12px;margin-bottom:24px}html[data-jf-surface=backoffice] body .workbench-messages article>span{color:#fff;background:linear-gradient(145deg,#c9e1ff,#8cb4ee);width:40px;height:40px;font-size:17px}html[data-jf-surface=backoffice] body .workbench-messages article p{border:0;padding:13px 16px;font-size:14px}html[data-jf-surface=backoffice] body .workbench-messages article.agent-message p{color:#102b58;background:linear-gradient(120deg,#dceeff,#bfdcff)}html[data-jf-surface=backoffice] body .workbench-messages article small{font-size:11px}html[data-jf-surface=backoffice] body .workbench-messages article>.agent-avatar{background:linear-gradient(130deg,#258dff,#176bff)}html[data-jf-surface=backoffice] body .workbench-composer{border-top:0;border-radius:12px;grid-template-rows:auto minmax(84px,1fr) 40px;gap:10px;min-height:220px;padding:14px}html[data-jf-surface=backoffice] body .composer-tools{flex-wrap:wrap;gap:8px}html[data-jf-surface=backoffice] body .composer-tool-actions{flex-wrap:wrap;gap:12px}html[data-jf-surface=backoffice] body .composer-tools button{min-height:28px;font-size:12px}html[data-jf-surface=backoffice] body .composer-tools>span{margin-left:auto;font-size:10px}html[data-jf-surface=backoffice] body .workbench-composer textarea{border:1px solid #dce7f8;border-radius:8px;padding:12px;font-size:14px}html[data-jf-surface=backoffice] body .composer-footer button{min-width:82px;height:38px;font-size:13px}html[data-jf-surface=backoffice] body .composer-footer small{font-size:11px}html[data-jf-surface=backoffice] body .support-user-detail>header strong{font-size:17px}html[data-jf-surface=backoffice] body .support-user-detail>header span{font-size:11px}html[data-jf-surface=backoffice] body .detail-person h3{font-size:18px}html[data-jf-surface=backoffice] body .detail-person p{font-size:12px}html[data-jf-surface=backoffice] body .support-user-detail section{padding:20px 14px}html[data-jf-surface=backoffice] body .support-user-detail h4{font-size:15px}html[data-jf-surface=backoffice] body .support-user-detail section>p{gap:8px;font-size:12px}html[data-jf-surface=backoffice] body .support-user-detail section>p strong{font-size:12px}html[data-jf-surface=backoffice] body .workbench-quick-replies{border-radius:12px;width:min(350px,100% - 28px);padding:16px;bottom:calc(100% - 14px);left:14px}html[data-jf-surface=backoffice] body .workbench-emoji{border-radius:12px;bottom:calc(100% - 14px);left:14px}html[data-jf-surface=backoffice] body .support-transfer-modal input:not([type=checkbox]),html[data-jf-surface=backoffice] body .support-transfer-modal .jf-select__trigger{min-height:44px;font-size:15px}html[data-jf-surface=backoffice] body .support-transfer-modal textarea{padding:14px;font-size:15px}html[data-jf-surface=backoffice] body .support-transfer-modal footer{border-top:1px solid #e2ecfa;margin-top:16px;padding-top:14px}html[data-jf-surface=backoffice] body .support-transfer-modal footer button{min-width:120px;min-height:44px;font-size:15px}@media (width<=1350px){html[data-jf-surface=backoffice] body .support-workbench{grid-template-columns:76px 160px 230px minmax(350px,1fr) 230px}html[data-jf-surface=backoffice] body .support-rail nav button,html[data-jf-surface=backoffice] body .support-rail>div:not(.support-presence-control) button{width:72px;font-size:10px}html[data-jf-surface=backoffice] body .support-stat-card{padding-left:100px}html[data-jf-surface=backoffice] body .support-stat-card>.metric-icon{width:60px;height:60px;padding:16px;left:22px}}button,input,select,textarea{font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}input:not([type=checkbox]):not([type=radio]),textarea{color:#172033}input::placeholder,textarea::placeholder{color:#9aa6b5;opacity:1}input:not([type=checkbox]):not([type=radio]):disabled,textarea:disabled{cursor:not-allowed;color:#8491a4;background-color:#f3f5f8}button{border:1px solid var(--jf-line);background:var(--jf-surface);min-height:2.125rem;color:var(--jf-body);cursor:pointer;border-radius:.4375rem;padding:0 .75rem;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform 80ms}button:not(:disabled):not(.content-phone-popup-close):active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 .1875rem #1769ed1f}select{appearance:none;border:1px solid var(--jf-line);min-height:2.25rem;color:var(--jf-ink);cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - .875rem),calc(100% - .625rem);background-repeat:no-repeat;background-size:.25rem .25rem,.25rem .25rem;border-radius:.4375rem;line-height:1.25;background-color:#fff!important;padding-right:2rem!important}select:hover:not(:disabled){border-color:#b8c9dd}select:disabled{cursor:not-allowed;color:var(--jf-muted);background-color:#f3f5f8!important}select option,select optgroup{forced-color-adjust:none;-webkit-text-fill-color:#34445a;font:inherit;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;color:#34445a!important;background:#fff!important}input[type=checkbox],input[type=radio]{appearance:none;box-sizing:border-box;cursor:pointer;flex:0 0 1rem;background:#fff 50% no-repeat!important;border:1px solid #b8c3d2!important;width:1rem!important;min-width:1rem!important;height:1rem!important;min-height:1rem!important;padding:0!important}input[type=checkbox]{border-radius:.25rem!important}input[type=radio]{border-radius:50%!important}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--jf-blue)!important}input[type=checkbox]:checked{border-color:var(--jf-blue)!important;background-color:var(--jf-blue)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.5 8.2 2.7 2.7 6.3-6.3'/%3E%3C/svg%3E")!important}input[type=radio]:checked{border:.3rem solid var(--jf-blue)!important;background:#fff!important}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.55}.jf-button{color:#34445a;white-space:nowrap;background:#fff;border-color:#cfd8e4;justify-content:center;align-items:center;gap:.375rem;min-width:max-content;min-height:2.125rem;padding:0 .8125rem;font-weight:650;line-height:1;display:inline-flex}.jf-button:hover:not(:disabled){color:var(--jf-blue);background:#f8fafc;border-color:#9eb1c8}.jf-button--primary{border-color:var(--jf-blue);background:var(--jf-blue);color:#fff;box-shadow:0 .25rem .75rem #1769ed29}.jf-button--primary:hover:not(:disabled){border-color:var(--jf-blue-strong);background:var(--jf-blue-strong);color:#fff}.jf-button--danger{color:#c73d50;background:#fff7f8;border-color:#f0c8ce}.jf-button--danger:hover:not(:disabled){color:#b5293c;background:#fff0f2;border-color:#e69ca7}.jf-button--small{border-radius:.375rem;min-height:1.875rem;padding:0 .625rem;font-size:.75rem}.jf-button--icon{width:2.125rem;min-width:2.125rem;padding:0}.jf-select{width:100%;min-width:0;position:relative}.jf-select__validation{opacity:0;pointer-events:none;position:absolute;border:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important}.jf-select__trigger{color:#172033;text-align:left;background:#fff;border:1px solid #cfd8e4;border-radius:.375rem;align-items:center;width:100%;min-height:2.25rem;padding:0 2rem 0 .625rem;font-size:.8125rem;display:flex;position:relative}.jf-select__trigger:hover:not(:disabled){border-color:#aebed2}.jf-select__trigger:focus-visible,.jf-select.is-open .jf-select__trigger{border-color:#7aa7e8;box-shadow:0 0 0 .1875rem #1f6feb1f}.jf-select__trigger:after{content:"";border-bottom:.1rem solid #607086;border-right:.1rem solid #607086;width:.375rem;height:.375rem;transition:transform .16s;position:absolute;top:50%;right:.75rem;transform:translateY(-65%)rotate(45deg)}.jf-select.is-open .jf-select__trigger:after{transform:translateY(-20%)rotate(225deg)}.jf-select__trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.jf-select__menu{z-index:2200;background:#fff;border:1px solid #cfd8e4;border-radius:.375rem;max-height:min(17rem,100vh - 1.5rem);padding:.25rem;display:grid;position:fixed;overflow:auto;box-shadow:0 .75rem 2rem #0f172a29}.jf-select__option{color:#172033;width:100%;min-height:2rem;font-size:var(--jf-select-menu-font,.8125rem);text-align:left;overflow-wrap:anywhere;white-space:normal;background:#fff;border:0;border-radius:.25rem;padding:.375rem .625rem;line-height:1.5}:is(.filter-bar,.admin-filter-bar,.filter-strip)>.jf-select{flex:0 13.125rem;width:auto;min-width:9.375rem}.jf-select__option:hover,.jf-select__option.is-active,.jf-select__option.is-selected{background:var(--jf-blue-soft);color:var(--jf-blue)}.jf-pagination{border-top:1px solid var(--jf-line-soft,#edf1f6);min-height:3.25rem;color:var(--jf-muted,#7b899b);background:#fff;justify-content:flex-end;align-items:center;gap:.625rem;padding:0 .875rem;font-size:.75rem;display:flex}.jf-pagination__summary{white-space:nowrap;margin-right:auto}.jf-pagination__size{flex:0 0 5.5rem;width:5.5rem}.jf-pagination__size .jf-select__trigger{min-height:1.875rem}@media (width<=40rem){.jf-pagination{flex-wrap:wrap;min-height:auto;padding-block:.625rem}.jf-pagination__summary{width:100%}}:where(.user-drawer,.admin-detail-drawer,.admin-dialog,.content-editor,.promotion-editor,.channel-editor,.merchant-secret-modal,.merchant-drawer,.merchant-modal,.support-transfer-modal,.modal)>header>button:last-child{box-sizing:border-box;flex:0 0 2.125rem;font-size:1.125rem;color:#526277!important;background:#f1f4f8!important;border:1px solid #0000!important;border-radius:.5rem!important;justify-content:center!important;align-items:center!important;width:2.125rem!important;min-width:2.125rem!important;height:2.125rem!important;min-height:2.125rem!important;padding:0!important;line-height:1!important;display:inline-flex!important}button[aria-label^=关闭]:not(.content-phone-popup-close):has(>svg){box-sizing:border-box;flex:0 0 2.125rem;font-size:1.125rem;color:#526277!important;background:#f1f4f8!important;border:1px solid #0000!important;border-radius:.5rem!important;justify-content:center!important;align-items:center!important;width:2.125rem!important;min-width:2.125rem!important;height:2.125rem!important;min-height:2.125rem!important;padding:0!important;line-height:1!important;display:inline-flex!important}:where(.user-drawer,.admin-detail-drawer,.admin-dialog,.content-editor,.promotion-editor,.channel-editor,.merchant-secret-modal,.merchant-drawer,.merchant-modal,.support-transfer-modal,.modal)>header>button:last-child:hover:not(:disabled){color:#24344a!important;background:#e8edf4!important;border-color:#d6dee9!important}button[aria-label^=关闭]:not(.content-phone-popup-close):has(>svg):hover:not(:disabled){color:#24344a!important;background:#e8edf4!important;border-color:#d6dee9!important}button[aria-label^=关闭]:not(.content-phone-popup-close)>svg,:where(.user-drawer,.admin-detail-drawer,.admin-dialog,.content-editor,.promotion-editor,.channel-editor,.merchant-secret-modal,.merchant-drawer,.merchant-modal,.support-transfer-modal,.modal)>header>button:last-child>svg{flex:none;width:1rem;height:1rem;margin:0;display:block;transform:none}button.row-action{color:#285b9f;white-space:nowrap;background:#fff;border:1px solid #cfd8e4;border-radius:.375rem;justify-content:center;align-items:center;gap:.25rem;min-width:max-content;height:1.875rem;min-height:1.875rem;padding:0 .625rem;font-size:.75rem;font-weight:650;line-height:1;display:inline-flex}button.row-action:hover:not(:disabled){color:#174f9f;background:#f8fafc;border-color:#9eb1c8}button.row-action.danger,button.row-action.danger-text{color:#c73d50;background:#fff7f8;border-color:#f0c8ce}button.row-action.danger:hover:not(:disabled),button.row-action.danger-text:hover:not(:disabled){color:#b5293c;background:#fff0f2;border-color:#e69ca7}.jf-pagination{flex-wrap:wrap;padding-block:.625rem}.jf-pagination__ellipsis{color:#94a3b8;padding-inline:.125rem}.jf-pagination__jump,.jf-pagination__jump label{white-space:nowrap;align-items:center;gap:.375rem;display:flex}.jf-pagination__jump input{border:1px solid var(--jf-line-soft,#dce4f0);width:4.5rem;min-height:1.875rem;color:inherit;font:inherit;border-radius:.375rem;padding:.25rem .375rem}.jf-pagination__progress{align-items:center;gap:.375rem;display:inline-flex}.jf-pagination__error{color:#dc2626}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login){background:radial-gradient(at 85% 30%,#fff,#eef8ff 65%);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html[data-jf-surface=backoffice] body :is(.admin-login__visual,.portal-login>section,.merchant-login>section,.support-login__brand){background:linear-gradient(135deg,#0b2451,#041b46 60%,#164dbe);padding:60px 54px;position:relative;overflow:hidden}html[data-jf-surface=backoffice] body .admin-login .admin-login__visual{background:#082353 url(/assets/login-earth-B_jcB73x.webp) 50%/cover}html[data-jf-surface=backoffice] body .portal-login>section{background:linear-gradient(145deg,#123977,#031a43 62%,#113e8f)}html[data-jf-surface=backoffice] body .portal-login>section:after{content:"";pointer-events:none;background:linear-gradient(140deg,#2163d24d,#0d2e6733);border:1px solid #3688ff;border-radius:36px;width:75%;height:280px;position:absolute;bottom:-40px;right:-100px;transform:rotate(-35deg);box-shadow:0 -2px 6px #008fff44,inset 0 1px #70b4ff}html[data-jf-surface=backoffice] body :is(.login-brand,.support-brand){z-index:1;gap:16px;position:relative}html[data-jf-surface=backoffice] body :is(.login-brand,.support-brand) strong{color:#fff;font-size:32px}html[data-jf-surface=backoffice] body :is(.login-brand,.support-brand) span:not(.brand-mark__letters){color:#a3c1e9;letter-spacing:.03em;font-size:18px}html[data-jf-surface=backoffice] body :is(.login-brand,.support-brand) .brand-mark--inverted{box-shadow:none;background:0 0;width:92px!important;height:60px!important}html[data-jf-surface=backoffice] body :is(.login-brand,.support-brand) .brand-mark--inverted .brand-mark__letters{color:#fff;font-size:52px;font-style:italic}html[data-jf-surface=backoffice] body .login-claim{margin:70px 0 auto;padding-bottom:80px}html[data-jf-surface=backoffice] body .login-claim>span{letter-spacing:.16em;color:#6eaaff;font-size:15px}html[data-jf-surface=backoffice] body :is(.login-claim,.portal-login>section,.merchant-login>section,.support-login__claim) h1{color:#fff;letter-spacing:.015em;font-size:clamp(32px,3.4vw,54px);font-weight:750;line-height:1.5}html[data-jf-surface=backoffice] body :is(.login-claim,.portal-login>section,.merchant-login>section,.support-login__claim) p{color:#bad0f3;font-size:20px;line-height:1.8}html[data-jf-surface=backoffice] body .visual-grid{gap:16px}html[data-jf-surface=backoffice] body .visual-grid article{background:linear-gradient(145deg,#29559d66,#0a295e66);border:1px solid #638cca77;border-radius:14px;gap:14px;padding:22px}html[data-jf-surface=backoffice] body .visual-grid svg{color:#d6efff;background:linear-gradient(130deg,#48a2ff,#163bcc);border-radius:50%;width:48px;height:48px;padding:10px}html[data-jf-surface=backoffice] body .visual-grid strong{font-size:18px;line-height:1.5}html[data-jf-surface=backoffice] body .visual-grid span{color:#b3cbee;font-size:15px;line-height:1.7}html[data-jf-surface=backoffice] body .login-domain-note{color:#adc7ed;border-top:1px solid #6a91c955;margin:26px 0 0;padding-top:18px;font-size:15px;line-height:1.7}html[data-jf-surface=backoffice] body :is(.admin-login__form,.support-login__form){padding:48px}html[data-jf-surface=backoffice] body :is(.admin-login__form form,.portal-login>form,.merchant-login>form,.support-login__form form){box-sizing:border-box;background:linear-gradient(150deg,#fff,#fcfdff);border:1px solid #dfeaff;border-radius:20px;gap:22px;width:min(560px,100%);padding:44px 38px;box-shadow:0 20px 70px #3368ad0a}html[data-jf-surface=backoffice] body :is(.portal-login>form,.merchant-login>form){width:calc(100% - 96px);max-width:560px;margin:auto}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form h2{text-align:center;color:#071b46;margin:4px 0 -12px;font-size:30px;font-weight:750}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form>p:not([class*=error]){color:#8499bd;text-align:center;margin:0 0 12px;font-size:16px;line-height:1.65}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form label{color:#132b51;gap:9px;font-size:16px}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form label>div{background:#fff;border-color:#ccdef7;border-radius:9px;height:56px;padding:0 16px}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form input{box-shadow:none;background:0 0;border:0;min-width:0;padding:0 4px;font-size:16px}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form input:focus{box-shadow:none;outline:0}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form label>div:focus-within{border-color:#1755ff;box-shadow:0 0 0 3px #1755ff12}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form>button{color:#fff;background:linear-gradient(110deg,#1858ff,#005aff);border:0;border-radius:9px;height:58px;margin-top:4px;font-size:20px;font-weight:600;box-shadow:0 8px 18px #2472e81a}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form>button:disabled{box-shadow:none;opacity:1;background:#92bcff}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login) form>small{color:#718db9;text-align:center;margin-top:12px;font-size:14px;line-height:1.7}html[data-jf-surface=backoffice] body :is(.login-lock,.login-icon,.login-symbol){box-sizing:border-box;color:#fff;background:linear-gradient(140deg,#53a3ff,#0053ff);border-radius:18px;justify-self:center;width:64px;height:64px;padding:16px;box-shadow:inset 0 1px 2px #d3eaff,0 9px 22px #0466ff20}html[data-jf-surface=backoffice] body .admin-login .login-lock{border:6px solid #acd5ff;border-radius:40% 40% 48% 48%;width:82px;height:90px}html[data-jf-surface=backoffice] body .admin-login .login-lock svg{width:32px;height:32px}html[data-jf-surface=backoffice] body .login-hero-art{background:50%/contain no-repeat;width:100%;height:310px;margin-top:24px}html[data-jf-surface=backoffice] body .merchant-login .login-hero-art{background-image:url(/assets/login-shield-hcNopsus.webp)}html[data-jf-surface=backoffice] body .support-login .login-hero-art{background-image:url(/assets/login-headset-Dg6aaACO.webp);height:340px}html[data-jf-surface=backoffice] body .support-login .login-symbol{display:none}html[data-jf-surface=backoffice] body .support-login__brand>small{color:#b4ccec;font-size:15px}@media (width<=1050px){html[data-jf-surface=backoffice]:has(.admin-login,.portal-login,.merchant-login,.support-login){min-width:0}html[data-jf-surface=backoffice] body:has(.admin-login,.portal-login,.merchant-login,.support-login){min-width:0}html[data-jf-surface=backoffice] #app:has(.admin-login,.portal-login,.merchant-login,.support-login){min-width:0}html[data-jf-surface=backoffice] body:has(.support-login){overflow:auto}html[data-jf-surface=backoffice] body :is(.admin-login,.portal-login,.merchant-login,.support-login){grid-template-columns:minmax(0,1fr)}html[data-jf-surface=backoffice] body :is(.admin-login__visual,.portal-login>section,.merchant-login>section,.support-login__brand){display:none}html[data-jf-surface=backoffice] body :is(.admin-login__form,.support-login__form){padding:28px}html[data-jf-surface=backoffice] body :is(.portal-login>form,.merchant-login>form){width:calc(100% - 56px)}}@media (width<=480px){html[data-jf-surface=backoffice] body :is(.admin-login__form form,.portal-login>form,.merchant-login>form,.support-login__form form){padding:30px 22px}}:root{--jf-table-heading:#718096;--jf-table-hover:#f7fbff;--jf-state-success-bg:#e7f6ef;--jf-state-processing-bg:#eaf2ff;--jf-state-pending-bg:#fff4d6;--jf-state-failed-bg:#fdecee;--jf-state-cancelled-bg:#edf0f5;--jf-state-expired-bg:#f2ecfa}html[data-jf-surface=backoffice] body table{border-collapse:collapse}html[data-jf-surface=backoffice] body table th{color:var(--jf-table-heading);background:#f8fafc;font-weight:600}html[data-jf-surface=backoffice] body table td{border-color:var(--jf-line-soft)}html[data-jf-surface=backoffice] body tbody tr{transition:none}html[data-jf-surface=backoffice] body :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--jf-blue);outline-offset:2px}html[data-jf-surface=backoffice] body button{transition:none}html[data-jf-surface=backoffice] body button:disabled{cursor:not-allowed}html[data-jf-surface=backoffice] body :is(input,select,textarea){font-family:inherit}html[data-jf-surface=backoffice] body :is(input,textarea)::placeholder{color:#8a98aa}html[data-jf-surface=backoffice] body :is(.data-panel,.merchant-panel,.data-card,.log-panel,.support-settings-panel>section){border-color:var(--jf-line-soft);background-color:#fff;box-shadow:0 4px 14px #1c36580a}html[data-jf-surface=backoffice] body :is(.admin-dialog,.merchant-modal,.modal,.support-modal,.user-drawer){background-color:#fff;box-shadow:0 22px 65px #0c1b313d}html[data-jf-surface=backoffice] body button:is(.admin-primary,.primary,.filter-submit,.merchant-primary,.simulation-submit){border-color:var(--jf-blue);background-color:var(--jf-blue);color:#fff;box-shadow:0 1px 2px #14325a1a}html[data-jf-surface=backoffice] body button:is(.admin-primary,.primary,.filter-submit,.merchant-primary,.simulation-submit):hover:not(:disabled){border-color:var(--jf-blue-strong);background-color:var(--jf-blue-strong)}html[data-jf-surface=backoffice] body button:is(.row-action,.secondary-button,.jf-button):hover:not(:disabled){border-color:#9eb8dc}html[data-jf-surface=backoffice] body :is(.admin-form-error,.portal-error,.support-error){color:#b42335;background-color:#fff4f5;border-color:#f1c6cb}html[data-jf-surface=backoffice] body :is(.admin-form-success,.merchant-success){color:#087f5b;background-color:#eef9f4;border-color:#bce5d3}html[data-jf-surface=backoffice] body .order-reference-stack{gap:.2rem;display:grid}html[data-jf-surface=backoffice] body .order-reference-stack>span{align-items:baseline;gap:8px;line-height:1.5;display:flex}html[data-jf-surface=backoffice] body .order-reference-stack em{color:#6b89bc;background:#e8f2ff;border-radius:4px;flex-shrink:0;width:fit-content;padding:1px 5px;font-size:12px;font-style:normal}html[data-jf-surface=backoffice] body .order-reference-stack .jf-order-number{color:var(--jf-blue);background:0 0;border-radius:0;padding:0;font-weight:500;text-decoration:none}html[data-jf-surface=backoffice] body .order-reference-stack .jf-order-number:hover{color:#003ec2;background:0 0}html[data-jf-surface=backoffice] body .upstream-reference-list .upstream-reference>button{color:var(--jf-blue);cursor:copy;text-underline-offset:3px;background:0 0;border-radius:0;padding:0;font-family:inherit;font-size:13px;font-weight:500;text-decoration:underline}html[data-jf-surface=backoffice] body .upstream-reference-list .upstream-reference>button:hover{color:#003ec2;background:0 0}html[data-jf-surface=backoffice] body .upstream-reference-list .upstream-reference{justify-items:start;gap:3px;display:grid}html[data-jf-surface=backoffice] body .upstream-reference-list .upstream-reference>span:first-child{color:#1656bf;background:#e5f1ff;border-radius:7px;padding:1px 8px;font-size:12px}html[data-jf-surface=backoffice] body .upstream-reference-list .upstream-reference:nth-child(2)>span:first-child{color:#008659;background:#e1faee}html[data-jf-surface=backoffice] body :is(span,b,strong,em,i).jf-state{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:5px 10px;font-weight:600;line-height:1.4;display:inline-flex;font-size:13px!important}.jf-state--success{background:var(--jf-state-success-bg)}.jf-state--processing{background:var(--jf-state-processing-bg)}.jf-state--pending{background:var(--jf-state-pending-bg)}.jf-state--failed,.jf-state--disputed{background:var(--jf-state-failed-bg)}.jf-state--cancelled{background:var(--jf-state-cancelled-bg)}.jf-state--expired{background:var(--jf-state-expired-bg)}html[data-jf-surface=backoffice] body .jf-state:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;margin-right:6px}html[data-jf-surface=backoffice] body :is(.status-pill,.merchant-status,.status):has(>.jf-state){background:0 0;padding:0}html[data-jf-surface=backoffice] body .jf-pagination{color:#718096}html[data-jf-surface=backoffice] body :is(.table-scroll,.market-scroll,.orders-scroll,.log-panel){overscroll-behavior-x:contain}html[data-jf-surface=backoffice] body :is(.admin-dialog-backdrop,.drawer-backdrop,.modal-bg,.merchant-modal-bg,.support-modal-backdrop){-webkit-backdrop-filter:none;backdrop-filter:none}html[data-jf-surface=backoffice]{--jf-blue:#1755ff;--jf-blue-strong:#123fdb;--jf-blue-soft:#edf4ff;--jf-ink:#112448;--jf-body:#3f567b;--jf-muted:#788eaf;--jf-line:#d5e2f5;--jf-line-soft:#e7effa;--jf-canvas:#f0f7ff;--jf-sidebar:#091b38;--jf-shadow-soft:0 8px 28px #2257960f}html[data-jf-surface=backoffice] body{color:var(--jf-ink);font-variant-numeric:tabular-nums;background:radial-gradient(at 75% 0,#def2ff 0,#0000 48%),#f0f7ff}html[data-jf-surface=backoffice] body :is(.admin-sidebar,.portal-shell>aside,.merchant-shell>aside,.support-rail){background:radial-gradient(at 15% 0,#143568 0,#0000 45%),linear-gradient(165deg,#0a1a36,#06172c);border-right:1px solid #244071}html[data-jf-surface=backoffice] body :is(.admin-topbar,.portal-shell>main>header,.merchant-shell>main>header,.support-header){color:#173465;background:linear-gradient(110deg,#e8f7ff,#eaf0ff);border-bottom:1px solid #dce9fa;box-shadow:0 2px 12px #1d488308}html[data-jf-surface=backoffice] body :is(.admin-topbar,.portal-shell>main>header,.merchant-shell>main>header,.support-header) button{color:#2552a3;border-color:#cdddf5}html[data-jf-surface=backoffice] body .page-tab{color:var(--jf-blue);background:#fff;border:1px solid #e0edff;border-radius:8px;box-shadow:0 2px 8px #2755aa08}html[data-jf-surface=backoffice] body .admin-identity small{color:#986322;background:#fff0d9;border-radius:5px;padding:3px 7px}html[data-jf-surface=backoffice] body :is(.sidebar-group-button.active,.sidebar-children a.router-link-exact-active,.portal-shell nav a.router-link-active,.merchant-shell nav a.router-link-exact-active,.merchant-shell nav section.active>button){color:#fff;background:linear-gradient(105deg,#0968ff,#2543d9);box-shadow:inset 0 1px #ffffff26,0 4px 10px #00145244}html[data-jf-surface=backoffice] body :is(.sidebar-group-button,.portal-shell nav a,.merchant-parent):hover{color:#fff;background-color:#173766}html[data-jf-surface=backoffice] body :is(.data-panel,.merchant-panel,.data-card,.log-panel,.filter-bar,.notification-filters,.portal-panel,.support-settings-panel>section){background:linear-gradient(120deg,#fff,#fcfeff);border:1px solid #e1edfb;border-radius:12px;box-shadow:0 6px 24px #2462a609}html[data-jf-surface=backoffice] body table th{color:#17366c;background:linear-gradient(#f5fbff,#edf5ff);border-bottom:1px solid #deebfa}html[data-jf-surface=backoffice] body table td{color:var(--jf-body);border-bottom:1px solid #e7effa}html[data-jf-surface=backoffice] body :is(.data-panel,.data-card,.merchant-panel) td+td{border-left:0}html[data-jf-surface=backoffice] body tbody tr:hover{background:#f3f9ff}html[data-jf-surface=backoffice] body :is(.admin-primary,.primary,.filter-submit,.merchant-primary,.simulation-submit){color:#fff;background:linear-gradient(110deg,#0868ff,#2449ff);border:1px solid #2265ff;box-shadow:inset 0 1px #ffffff35,0 3px 8px #2463e820}html[data-jf-surface=backoffice] body :is(.admin-primary,.primary,.filter-submit,.merchant-primary,.simulation-submit):hover:not(:disabled){background:linear-gradient(110deg,#075be6,#203fdf)}html[data-jf-surface=backoffice] body :is(.admin-primary,.primary,.filter-submit,.merchant-primary,.simulation-submit):active:not(:disabled){box-shadow:inset 0 2px 4px #062b8133}html[data-jf-surface=backoffice] body :is(.row-action,.secondary-button,.jf-button,.admin-secondary){color:#355a99;background:linear-gradient(#fff,#fbfdff);border-color:#d5e2f7;border-radius:7px}html[data-jf-surface=backoffice] body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]){color:var(--jf-ink);background-color:#fff;border-color:#d5e1f4;border-radius:7px;box-shadow:inset 0 1px 2px #1b437805}html[data-jf-surface=backoffice] body :is(input,select,textarea):disabled{color:#899bb4;background:#f3f6fb}html[data-jf-surface=backoffice] body :is(input,select,textarea):not(:disabled):not([readonly]):focus{border-color:#5f94ff;box-shadow:0 0 0 3px #2866ff13}html[data-jf-surface=backoffice] body :is(.admin-dialog,.merchant-modal,.modal,.support-modal,.user-drawer,.promotion-editor,.upstream-dialog){background:linear-gradient(150deg,#fff,#fbfdff);border:1px solid #e0ebfb;border-radius:14px;box-shadow:0 24px 72px #071b413d,0 2px 8px #071b4114}html[data-jf-surface=backoffice] body :is(.admin-dialog,.merchant-modal,.modal,.support-modal,.promotion-editor,.upstream-dialog)>header{color:#102956;border-color:#e3edfa}html[data-jf-surface=backoffice] body :is(.admin-dialog-backdrop,.drawer-backdrop,.modal-bg,.merchant-modal-bg,.support-modal-backdrop){background-color:#091b3966}html[data-jf-surface=backoffice] body .jf-pagination button:not(:disabled):hover{background:#f0f6ff;border-color:#8eb0f5}html[data-jf-surface=backoffice] body .jf-state{box-shadow:inset 0 0 0 1px #ffffff80}html[data-jf-surface=backoffice] body :is(.sidebar-brand,.merchant-brand) .brand-mark--inverted{box-shadow:none;color:#fff;background:0 0;font-style:italic;width:58px!important}html[data-jf-surface=backoffice] body :is(.admin-shell,.portal-shell,.merchant-shell){grid-template-columns:220px minmax(0,1fr)}html[data-jf-surface=backoffice] body :is(.admin-sidebar,.portal-shell>aside,.merchant-shell>aside){width:220px}html[data-jf-surface=backoffice] body .admin-shell.is-collapsed{grid-template-columns:64px minmax(0,1fr)}html[data-jf-surface=backoffice] body .is-collapsed .admin-sidebar{width:64px}html[data-jf-surface=backoffice] body :is(.admin-topbar,.portal-shell>main>header,.merchant-shell>main>header){height:72px;padding-inline:20px;font-size:15px}html[data-jf-surface=backoffice] body .page-tab{height:44px;font-size:15px}html[data-jf-surface=backoffice] body :is(.admin-workspace,.portal-workspace,.merchant-workspace){padding:26px 28px 36px}html[data-jf-surface=backoffice] body :is(.page-heading,.page-title,.workspace-heading){min-height:78px;margin-bottom:14px}html[data-jf-surface=backoffice] body :is(.page-heading,.page-title,.workspace-heading) h1{color:#102448;letter-spacing:-.02em;font-size:28px;font-weight:750;line-height:1.35}html[data-jf-surface=backoffice] body :is(.page-heading,.page-title,.workspace-heading) p{font-size:14px;line-height:1.6}html[data-jf-surface=backoffice] body :is(.sidebar-brand,.portal-brand){min-height:74px}html[data-jf-surface=backoffice] body :is(.sidebar-brand strong,.portal-brand strong){font-size:20px}html[data-jf-surface=backoffice] body .sidebar-copy strong{font-size:16px}html[data-jf-surface=backoffice] body .sidebar-copy small{display:none}html[data-jf-surface=backoffice] body .sidebar-children{padding-left:24px}html[data-jf-surface=backoffice] body .sidebar-children a,html[data-jf-surface=backoffice] body .sidebar-children a span{font-size:14px}html[data-jf-surface=backoffice] body .sidebar-children a small{display:none}html[data-jf-surface=backoffice] body :is(.portal-shell nav a,.merchant-parent){min-height:62px;font-size:16px}html[data-jf-surface=backoffice] body .portal-shell nav a small{display:none}html[data-jf-surface=backoffice] body :is(.data-panel,.data-card,.merchant-panel) table{font-size:15px}html[data-jf-surface=backoffice] body :is(.data-panel,.data-card,.merchant-panel) th{height:50px;padding:12px 18px;font-size:13px}html[data-jf-surface=backoffice] body :is(.data-panel,.data-card,.merchant-panel) td{height:68px;padding:14px 18px;font-size:15px;line-height:1.6}html[data-jf-surface=backoffice] body :is(.data-card,.merchant-panel) tbody tr:nth-child(2n){background:#f5f9ff}html[data-jf-surface=backoffice] body :is(.data-panel,.data-card,.merchant-panel) tbody tr:hover{background:#ecf5ff}html[data-jf-surface=backoffice] body :is(.filter-bar,.notification-filters){gap:14px;padding:20px}html[data-jf-surface=backoffice] body :is(.filter-bar,.notification-filters) label{font-size:14px}html[data-jf-surface=backoffice] body .data-card.no-top{border-radius:12px;margin-top:18px}html[data-jf-surface=backoffice] body :is(.order-reference-stack,.upstream-reference-list),html[data-jf-surface=backoffice] body .order-reference-stack>span{font-size:14px}html[data-jf-surface=backoffice] body .order-reference-stack em{font-size:12px}html[data-jf-surface=backoffice] body :is(.order-reference-stack,.upstream-reference-list) button{font-size:13px}html[data-jf-surface=backoffice] body .modal dl{font-size:15px}html[data-jf-surface=backoffice] body .modal dt{font-size:13px}html[data-jf-surface=backoffice] body .modal dd{font-size:15px}html[data-jf-surface=backoffice] body .jf-pagination{min-height:66px;padding:12px 18px;font-size:13px}html[data-jf-surface=backoffice] body .portal-brand{color:#fff;align-items:center;gap:8px;padding:18px 14px;display:flex}html[data-jf-surface=backoffice] body .portal-brand>b{letter-spacing:-2px;font-size:30px;font-style:italic}html[data-jf-surface=backoffice] body .portal-brand>strong{white-space:normal;min-width:0;font-size:15px}html[data-jf-surface=backoffice] body .portal-balances{background:0 0;border:0;border-bottom:1px solid #ffffff12;border-radius:0;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:18px 14px;display:grid}html[data-jf-surface=backoffice] body .portal-balances>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}html[data-jf-surface=backoffice] body .portal-balances>div+div{border:0;padding:0}html[data-jf-surface=backoffice] body .portal-balances span{font-size:14px}html[data-jf-surface=backoffice] body .portal-balances strong{text-align:right;min-width:0;font-size:18px}html[data-jf-surface=backoffice] body .portal-balances button{grid-column:1/-1}html[data-jf-surface=backoffice] body .portal-balances strong span{font-size:18px}html[data-jf-surface=backoffice] body .merchant-shell .merchant-brand-title{padding:22px 14px 14px;font-size:20px}html[data-jf-surface=backoffice] body .merchant-shell .merchant-balances{padding-inline:14px}html[data-jf-surface=backoffice] body .brand-mark--inverted .brand-mark__letters{color:#fff;font-size:30px}html[data-jf-surface=backoffice] body :is(.upstream-filters,.filter-bar,.filters-bar) label,html[data-jf-surface=backoffice] body .upstream-information-grid>div{font-size:14px}html[data-jf-surface=backoffice] body .upstream-detail-heading h2{font-size:22px}html[data-jf-surface=backoffice] body .support-chat-header{background:linear-gradient(100deg,#f8fbff,#eaf3ff)}html[data-jf-surface=backoffice] body .support-rail button.active{color:#fff;background:linear-gradient(120deg,#1755ff,#316fff);box-shadow:inset 0 1px #fff3}html[data-jf-surface=backoffice] body .workbench-messages article.agent-message p{background:linear-gradient(120deg,#e6f2ff,#dceaff);border-color:#c9ddfc}@media (width<=1100px){html[data-jf-surface=backoffice] body :is(.admin-shell,.portal-shell,.merchant-shell){grid-template-columns:220px minmax(0,1fr)}html[data-jf-surface=backoffice] body :is(.admin-sidebar,.portal-shell>aside,.merchant-shell>aside){width:220px}html[data-jf-surface=backoffice] body .admin-shell.is-collapsed{grid-template-columns:64px minmax(0,1fr)}html[data-jf-surface=backoffice] body .is-collapsed .admin-sidebar{width:64px}html[data-jf-surface=backoffice] body :is(.admin-workspace,.portal-workspace,.merchant-workspace){padding:20px}}@media (prefers-reduced-motion:reduce){html[data-jf-surface=backoffice] *,html[data-jf-surface=backoffice] :before,html[data-jf-surface=backoffice] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-jf-surface=backoffice] body .admin-sidebar nav{scrollbar-width:none}html[data-jf-surface=backoffice] body .admin-sidebar nav::-webkit-scrollbar{display:none}html[data-jf-surface=backoffice] body .admin-topbar{gap:8px;height:56px;padding-inline:12px}html[data-jf-surface=backoffice] body .admin-topbar>:not(.admin-page-tabs){flex-shrink:0}html[data-jf-surface=backoffice] body :is(.admin-workspace,.merchant-workspace,.portal-workspace){padding:12px 20px 20px}html[data-jf-surface=backoffice] body .admin-workspace{min-height:calc(var(--jf-admin-viewport-height) - 56px)}html[data-jf-surface=backoffice] body :is(.admin-workspace,.merchant-workspace,.portal-workspace)>*{row-gap:12px}html[data-jf-surface=backoffice] body :is(.admin-workspace,.merchant-workspace,.portal-workspace) :is(.workspace-heading,.page-heading,.admin-page-heading,.workspace-title,.page-title,.login-history>header):has(>div>h1){justify-content:flex-end;gap:8px;height:auto;min-height:0;margin-block:0 10px;padding-block:0}html[data-jf-surface=backoffice] body :is(.admin-workspace,.merchant-workspace,.portal-workspace) :is(.workspace-heading,.page-heading,.admin-page-heading,.workspace-title,.page-title,.login-history>header)>div:has(>h1){display:none}html[data-jf-surface=backoffice] body :is(.admin-workspace,.merchant-workspace,.portal-workspace) :is(.workspace-heading,.page-heading,.admin-page-heading,.workspace-title,.page-title,.login-history>header):has(>div>h1):not(:has(button,a,input,select)){display:none}html[data-jf-surface=backoffice] body .admin-workspace .user-payment-fees>header{display:none}html[data-jf-surface=backoffice] body :is(.admin-workspace,.merchant-workspace,.portal-workspace) :is(.filter-bar,.admin-filter-bar,.filter-strip){gap:10px;min-height:0;margin-top:0;padding:10px 12px}html[data-jf-surface=backoffice] body :is(.admin-workspace,.merchant-workspace,.portal-workspace) :is(.data-panel,.data-card,.merchant-panel) th{height:36px;padding:8px 14px}html[data-jf-surface=backoffice] body :is(.admin-workspace,.merchant-workspace,.portal-workspace) :is(.data-panel,.data-card,.merchant-panel) td{height:48px;padding:9px 14px}html[data-jf-surface=backoffice] body :is(.admin-dialog,.merchant-modal,.support-transfer-modal,.order-detail-modal){font-size:14px}html[data-jf-surface=backoffice] body :is(.admin-dialog,.merchant-modal,.support-transfer-modal,.order-detail-modal)>header :is(h2,strong){font-size:20px;line-height:1.4}html[data-jf-surface=backoffice] body :is(.admin-dialog,.merchant-modal,.support-transfer-modal,.order-detail-modal)>header :is(p,span):not(.jf-state):not(.jf-amount){font-size:13px;line-height:1.5}html[data-jf-surface=backoffice] body :is(.admin-dialog,.merchant-modal,.support-transfer-modal,.order-detail-modal) :is(dd,pre){overflow-wrap:anywhere;min-width:0}html[data-jf-surface=backoffice] body :is(.receipt-detail-dialog,.attention-detail-dialog){max-height:calc(100vh - 48px);padding:16px}html[data-jf-surface=backoffice] body :is(.receipt-detail-dialog,.attention-detail-dialog) .market-detail>.workspace-title{z-index:2;background:#f4f6fa;min-height:0;margin:0;padding:12px 0;position:sticky;top:-16px}html[data-jf-surface=backoffice] body .market-detail>.workspace-title h1{margin:0;font-size:20px}html[data-jf-surface=backoffice] body :is(.portal-shell,.merchant-shell)>main>header{box-sizing:border-box;height:56px;min-height:56px;padding-block:0}html[data-jf-surface=backoffice] body :is(.portal-shell,.merchant-shell)>main>header button{min-height:32px}html[data-jf-surface=backoffice] body .admin-workspace>:is(section,div,article)>:is(.workspace-heading,.page-heading,.admin-page-heading):has(>div>h1){margin-bottom:0}html[data-jf-surface=backoffice] body .admin-workspace>:is(section,div,article)>:is(.workspace-heading,.page-heading,.admin-page-heading):has(>div>h1)+*{margin-top:0}html[data-jf-surface=backoffice] body .admin-workspace>:is(section,div,article)>:is(.workspace-heading,.page-heading,.admin-page-heading):has(>div>h1)~:is(.notification-table,.notification-filters){margin-top:0}
