.xtd-app .sc-topnav{display:flex;align-items:center;gap:2px;min-width:0;width:58vw;max-width:calc(100vw - 520px);height:44px;padding:4px 6px;border-radius:999px;background:#eafaf0;overflow-x:auto;scrollbar-width:none}.xtd-app .sc-topnav button{height:36px;min-width:98px;padding:0 22px;border:0;border-radius:999px;background:none;color:#111;font:inherit;font-weight:700;white-space:nowrap}.xtd-app .sc-topnav button.active{background:#d4f4df}.xtd-app .sc-topnav button:hover{background:#def6e7}.xtd-app .sc-topnav button:active{transform:scale(.97)}.sc-badge{background:#e9f7ee;color:#148552;border-radius:999px;padding:2px 8px;font-size:11px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.sc-badge.orange{background:#fff4dd;color:#b27c29}.sc-badge.blue{background:#edf4ff;color:#5585b3}.sc-badge.gray{background:#f0f2ef;color:#7b8b80}.sc-badge.red{background:#fff0e9;color:#b66e48}.sc-dot{width:6px;height:6px;background:#24a56e;display:inline-block;border-radius:50%}.sc-dot.orange{background:#dd9a35}.sc-dot.red{background:#cf7857}.sc-main{padding:10px 14px 8px;min-height:0;display:flex;flex-direction:column;gap:10px;flex:1}.sc-toolbar{background:#fff;border:1px solid #e1e6de;border-radius:12px;min-height:58px;padding:10px 15px;display:flex;align-items:center;gap:10px;flex-shrink:0}.sc-toolbar>strong{font-size:16px;margin-right:8px}.sc-toolbar .sc-search{width:250px}.sc-toolbar label{font-size:12px;color:#7e8c82}.sc-toolbar input[type=date]{width:140px}.sc-main .sc-search,.sc-main input[type=date],.sc-main select,.sc-support-dialog .sc-search,.sc-support-dialog select{height:36px;border:1px solid #d9e1d7;border-radius:8px;background:#fff;padding:7px 10px;min-width:0;color:#3f5146}.sc-search::placeholder{color:#98a39b}.sc-quick{display:flex;gap:5px}.sc-quick button,.sc-soft{border:1px solid #d9e1d7;border-radius:999px;background:#fff;padding:7px 13px;color:#5c6e62;font-size:12px}.sc-quick button.active{background:#d4f4df;border-color:#d4f4df;color:#088453}.sc-spacer{flex:1}.sc-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d9e1d7;border-radius:999px;padding:8px 17px;background:white;color:#243b2c;white-space:nowrap}.sc-button.primary{background:#111;color:white;border-color:#111}.sc-button.mint{background:#e7f8ed;color:#118655;border-color:#d1ecdc}.sc-button.small{font-size:12px;padding:6px 12px}.sc-button.danger{color:#aa673d;border-color:#ebd6c3}.sc-link{border:0;padding:0;background:none;color:#14865b;font:inherit;font-size:12px;text-align:left}.sc-workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:10px;min-height:0;flex:1}.sc-queue,.sc-chat,.sc-context{background:#fff;border:1px solid #e0e6dc;border-radius:13px;overflow:hidden;min-height:0;display:flex;flex-direction:column}.sc-queue-title{display:flex;align-items:center;gap:6px;padding:17px 16px 13px;flex-shrink:0}.sc-queue-title h2{font-size:15px}.sc-queue-tabs{display:flex;gap:16px;border-bottom:1px solid #eaf0e6;padding:0 15px;overflow:auto;flex-shrink:0}.sc-queue-tabs button{border:0;border-bottom:2px solid transparent;background:none;white-space:nowrap;padding:0 0 11px;font-size:12px;color:#839088}.sc-queue-tabs button.active{border-bottom-color:#12a06c;color:#078356;font-weight:600}.sc-conversations{overflow:auto;flex:1;padding:8px}.sc-conversation{padding:13px 10px;border-radius:9px;border:1px solid transparent;background:#fff;display:block;text-align:left;width:100%;margin-bottom:4px}.sc-conversation.active{background:#edf9f1;border-color:#d9eee0}.sc-conversation:hover{background:#f4faf5}.sc-conv-line{display:flex;align-items:center;gap:7px}.sc-conv-line strong{font-size:13px;flex:1;color:#2c4435}.sc-conv-line time{font-size:10px;color:#9ba69e}.sc-conv-subject{font-size:12px;color:#657c6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0}.sc-conv-snippet{display:flex;align-items:center;gap:8px;font-size:11px;color:#98a39b}.sc-conv-snippet span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#16a16c;color:#fff;font-size:10px}.sc-queue-footer{padding:12px 15px;border-top:1px solid #ecf0e8;color:#9aa59c;font-size:11px;display:flex;gap:7px;align-items:center;flex-shrink:0}.sc-chat-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #e8eee4;min-height:76px;flex-shrink:0}.sc-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ddf5e6;border-radius:50%;color:#0d895d;flex-shrink:0}.sc-avatar.purple{background:#f0ebfc;color:#8665bd}.sc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sc-chat-heading{flex:1;min-width:0}.sc-chat-heading h1{font-size:15px;display:flex;align-items:center;gap:8px;line-height:1.7}.sc-chat-heading p{font-size:11px;color:#94a299;margin-top:3px}.sc-thread{background:#fbfcf8;overflow:auto;min-height:0;flex:1;padding:18px 25px;scrollbar-width:thin}.sc-day{text-align:center;color:#a0aca2;font-size:11px;margin:0 0 18px}.sc-event{text-align:center;color:#9aaa9c;font-size:11px;margin:14px 0}.sc-message{display:flex;gap:9px;margin-bottom:18px;align-items:flex-start}.sc-message.mine{flex-direction:row-reverse}.sc-message .sc-avatar{width:30px;height:30px;font-size:12px}.sc-message-content{max-width:78%;min-width:0}.sc-message-meta{font-size:10px;color:#95a197;margin-bottom:6px;display:flex;align-items:center;gap:8px}.mine .sc-message-meta{justify-content:flex-end}.sc-bubble{border:1px solid #e2e9dd;border-radius:2px 11px 11px;background:white;padding:10px 14px;line-height:1.8;color:#425b49;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.mine .sc-bubble{background:#e7f7ec;border-color:#d6eedd;border-radius:11px 2px 11px 11px}.sc-delivery{text-align:right;color:#9aaa9e;font-size:10px;margin-top:4px}.sc-task-card{background:#fff;border:1px solid #d7e4d4;border-radius:10px;min-width:320px;max-width:100%;overflow:hidden;white-space:normal}.sc-task-card-head{display:flex;align-items:center;gap:7px;padding:8px 12px;border-bottom:1px solid #edf0e7;background:#f3faf4;font-size:11px;color:#718875}.sc-task-card-head svg{width:15px;height:15px}.sc-task-card-body{padding:12px;display:flex;gap:11px}.sc-task-thumb{width:46px;height:50px;background:#edf3e9;border:1px solid #e1e8dc;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#7da88d;flex-shrink:0}.sc-task-thumb svg{height:28px;width:28px}.sc-task-description{flex:1;min-width:0}.sc-task-description strong{display:block;font-size:13px;margin-bottom:5px;color:#37533f}.sc-task-description small{display:block;font-size:10px;line-height:1.8;color:#95a28f}.sc-task-card-info{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:0 12px 10px;color:#7a8f7a}.sc-task-card-footer{border-top:1px solid #edf0e7;padding:8px 12px;color:#138356;font-size:11px;display:flex;justify-content:space-between}.sc-reply-area{padding:10px 18px 12px;border-top:1px solid #e5ecdf;background:#fff;flex-shrink:0}.sc-tools{display:flex;gap:17px;align-items:center;margin-bottom:9px}.sc-tools button{border:0;padding:0;background:none;color:#718873;font-size:12px;display:inline-flex;align-items:center;gap:5px}.sc-tools button svg{width:17px;height:17px}.sc-tools .sc-draft-note{margin-left:auto;color:#a5aea5;font-size:10px}.sc-reply-area textarea{border:0;outline:none;padding:0;resize:none;background:#fff;width:100%;height:56px;line-height:1.7;color:#405843;font-size:13px}.sc-reply-area textarea::placeholder{color:#a5afa3}.sc-reply-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.sc-reply-bottom>small{color:#a0aaa0;font-size:10px}.sc-context-head{padding:16px;border-bottom:1px solid #ecf0e6;display:flex;align-items:center;justify-content:space-between}.sc-context-head h2{font-size:14px}.sc-context-body{padding:16px;overflow:auto;flex:1}.sc-section-title{font-size:12px;font-weight:600;color:#44604c;margin-bottom:12px;display:flex;align-items:center;gap:7px}.sc-section-title svg{width:17px;height:17px}.sc-context dl{display:grid;grid-template-columns:75px minmax(0,1fr);gap:12px 6px;font-size:11px;margin:0 0 18px}.sc-context dt{color:#a0ab9f}.sc-context dd{margin:0;color:#5b735e;overflow-wrap:anywhere;line-height:1.6}.sc-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #edf0e7}.sc-task-summary{border:1px solid #e1e9da;border-radius:9px;background:#fbfdf9;padding:12px;margin-bottom:14px}.sc-task-summary strong{font-size:13px;color:#35563e;display:block}.sc-task-summary small{font-size:10px;color:#94a28f;display:block;margin:7px 0 12px}.sc-task-summary-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px}.sc-timeline{list-style:none;padding:0;margin:0 0 0 5px}.sc-timeline li{border-left:1px solid #e0e9d8;padding:0 0 17px 14px;position:relative;font-size:11px;color:#738a76;line-height:1.7}.sc-timeline li:before{content:'';position:absolute;left:-3px;top:5px;background:#a6c6b0;width:5px;height:5px;border-radius:50%}.sc-timeline li:last-child{padding-bottom:0;border-left-color:transparent}.sc-timeline time{display:block;color:#a6b09f;font-size:10px}.sc-note{font-size:11px;color:#92a08c;line-height:1.9}.sc-suggest{display:flex;flex-wrap:wrap;gap:6px}.sc-suggest button{font-size:11px;padding:6px 9px;border:1px solid #e1e9da;background:white;border-radius:6px;color:#789171}.sc-status-select{height:29px;font-size:11px;border-radius:999px;color:#188a59;background:#eef8ee;border-color:#dcebd5}.sc-internal{padding:10px;background:#fcfaf2;border:1px solid #eee8d1;border-radius:8px;font-size:11px;line-height:1.8;color:#9b8b65}.sc-internal small{display:block;color:#baa986;font-size:10px;margin-top:5px}.sc-table-panel{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;border:1px solid #e0e6dc;border-radius:13px;overflow:hidden}.sc-tabs-wide{display:flex;gap:28px;padding:0 18px;border-bottom:1px solid #e8eee3;min-height:43px;align-items:center}.sc-tabs-wide button{background:none;border:0;align-self:stretch;border-bottom:2px solid transparent;color:#879682;padding:0;font-size:13px}.sc-tabs-wide button.active{border-bottom-color:#149568;color:#008356}.sc-table-wrap{overflow:auto;flex:1;min-height:0}.sc-table{width:100%;border-collapse:collapse;min-width:850px}.sc-table th{font-weight:500;color:#8e9e88;background:#f7f9f3;padding:12px 18px;font-size:11px;text-align:left;border-bottom:1px solid #e7ece0;white-space:nowrap}.sc-table td{padding:22px 18px;border-bottom:1px solid #e9eee2;color:#6a8163;font-size:12px}.sc-task-cell{display:flex;gap:13px;align-items:center}.sc-task-cell strong{display:block;color:#354d30;font-size:14px}.sc-task-cell small{display:block;color:#95a38e;font-size:10px;margin:6px 0}.sc-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.sc-actions .sc-appeal{border:1px solid #d6e4d0;padding:5px 13px;background:#f4fbf1;border-radius:999px;color:#287f4a;font-size:12px}.sc-pagination{border-top:1px solid #e6ecdf;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:11px;color:#96a18c;min-height:42px;flex-shrink:0}.sc-pagination button{border:1px solid #e0e8d8;padding:4px 10px;background:#fff;border-radius:999px;color:#8fa185;font-size:11px}.sc-pagination button.active{background:#d4f4df;border-color:#d4f4df;color:#068659}.sc-modal{border:1px solid #dde6d5;border-radius:15px;padding:0;width:min(810px,calc(100vw - 36px));max-height:calc(100vh - 50px);color:#2c462e;box-shadow:0 25px 100px #142c2233}.sc-modal::backdrop{background:#16322255}.sc-modal header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eddf}.sc-modal header h2{font-size:17px}.sc-modal header button{border:0;background:none;font-size:22px;color:#8b9d80}.sc-modal-content{padding:17px 22px}.sc-modal-filter{display:flex;gap:10px;align-items:center;margin-bottom:14px}.sc-modal-filter input{flex:1}.sc-picker-item{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #e1e9d9;border-radius:9px;margin-bottom:9px;cursor:pointer}.sc-picker-item:has(input:checked){background:#effaf0;border-color:#a9d8b6}.sc-picker-item input{accent-color:#159465}.sc-picker-item div{flex:1;min-width:0}.sc-picker-item strong{font-size:13px;display:block}.sc-picker-item small{font-size:11px;color:#94a08c;display:block;margin-top:6px}.sc-modal footer{border-top:1px solid #e5ecdd;padding:13px 22px;display:flex;justify-content:space-between;align-items:center}.sc-modal footer small{color:#94a38a;font-size:11px}.sc-modal textarea{width:100%;height:130px;border:1px solid #d9e3d0;border-radius:8px;padding:12px;resize:vertical;font:inherit}.sc-modal p{color:#8d9d83;font-size:12px;line-height:1.9}.sc-toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 22px;border-radius:999px;background:#e2f7e8;border:1px solid #c0e5ca;color:#158452;font-size:12px;box-shadow:0 3px 15px #17351e15}.sc-image{max-width:260px;max-height:170px;border-radius:8px;object-fit:contain}.sc-mobile-context{display:none}
.sc-task-layout{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:0;flex:1}.xtd-app .sc-task-sidebar{display:flex;flex-direction:column;min-height:0;padding:24px 17px 16px;background:#fff;border-right:1px solid #e2e7dc}.sc-task-sidebar nav{display:flex;flex-direction:column;gap:8px}.sc-side-link{display:flex;align-items:center;gap:16px;background:none;border:0;border-radius:14px;padding:17px 14px;font:inherit;font-size:14px;color:#394b34;text-align:left}.sc-side-link svg{width:23px;height:23px}.sc-side-link.active{background:#d3f8df;color:#13532c;font-weight:700}.sc-side-wallet{margin-top:auto;padding:18px;border-radius:14px;background:#d3f8df}.sc-side-wallet>div{display:flex;font-size:11px}.sc-side-wallet strong{font-size:31px;display:block;margin-top:14px}.sc-modal .sc-task-card{min-width:0;width:100%}
@media(min-width:1800px){.sc-workspace{grid-template-columns:310px minmax(0,1fr) 330px}.sc-thread{padding:21px 38px}.sc-context-body{padding:20px}.sc-message{margin-bottom:21px}}
@media(max-width:1250px){.sc-workspace{grid-template-columns:235px minmax(0,1fr)}.sc-context{display:none}.sc-toolbar{overflow:auto;flex-wrap:nowrap}.sc-toolbar>*{flex-shrink:0}.sc-toolbar .sc-spacer{flex:1}.sc-mobile-context{display:inline-flex}.sc-chat-head{padding:12px 15px}.sc-task-card{min-width:280px}.sc-thread{padding:15px}.sc-toolbar .sc-search{width:220px}.sc-toolbar>strong{font-size:14px}}
@media(max-width:760px){.sc-main{padding:8px 8px 6px;gap:8px}.xtd-app .sc-topnav{flex:1;width:auto;max-width:none}.xtd-app .sc-topnav button{font-size:12px;min-width:90px;padding:0 15px}.sc-toolbar{min-height:49px;padding:8px 11px}.sc-workspace{grid-template-columns:minmax(0,1fr)}.sc-queue{display:none}.sc-chat-head{padding:10px}.sc-chat-heading h1{font-size:13px;gap:5px;flex-wrap:wrap}.sc-chat-head>.sc-avatar{width:30px;height:30px}.sc-chat-head>.sc-button{padding:6px 9px;font-size:10px}.sc-thread{padding:13px 10px}.sc-message-content{max-width:87%}.sc-task-card{min-width:0;width:260px;max-width:100%}.sc-reply-area{padding:10px}.sc-tools{gap:12px}.sc-draft-note,.sc-reply-bottom>small{display:none}.sc-reply-bottom{justify-content:flex-end}.sc-tools button{font-size:11px}.sc-table td{padding:18px 13px}.sc-modal-content{padding:13px}.sc-modal footer{padding:12px;gap:8px}.sc-modal footer small{max-width:40%}.sc-picker-item{padding:11px 8px}.sc-picker-item .sc-task-thumb{display:none}.sc-queue-title h2{font-size:14px}.sc-task-layout{grid-template-columns:minmax(0,1fr)}.xtd-app .sc-task-sidebar{display:none}}

#xtd-root[data-view=support] .sc-layout{display:flex;flex-direction:column;flex:1;min-height:0}#xtd-root .xt-main.sc-main{padding:10px 14px 8px;display:flex;flex-direction:column;flex:1;min-height:0;gap:10px;overflow:hidden;background:#fbfbf5}.sc-main button{cursor:pointer}.sc-main button:disabled{cursor:default;opacity:.5}.sc-main svg{width:20px;height:20px;flex-shrink:0}.sc-main p,.sc-main h1,.sc-main h2,.sc-main h3{margin:0}.sc-main .sc-toolbar .sc-search{font:inherit;font-size:12px}.sc-nav-count{display:inline-flex;min-width:17px;height:17px;align-items:center;justify-content:center;padding:0 4px;border-radius:999px;background:#13996a;color:#fff;font-size:10px;margin-left:6px}.sc-main .sc-reply-area textarea{font:inherit;font-size:13px}.sc-empty-chat{display:flex;align-items:center;justify-content:center;gap:14px;grid-column:span 2;background:white;border:1px solid #e0e6dc;border-radius:13px;color:#8d9f88;flex-direction:column}.sc-message .sc-avatar img{height:100%;width:100%;border-radius:50%;object-fit:cover}.sc-reply-state{color:#a27d42;font-size:10px}.sc-workspace.show-queue .sc-queue{display:flex}.sc-mobile-back{display:none}.sc-more{display:block;margin:10px auto;font-size:11px;border:0;background:none;color:#459269}.sc-support-dialog .xt-modal-content{overflow:auto}.sc-support-dialog .xt-modal-content .sc-modal-filter select{width:auto;min-width:110px}.sc-main a.sc-image-link{display:block;line-height:0}.sc-inline-images{display:flex;flex-direction:column;gap:7px}.sc-pending-images{display:flex;gap:7px;flex-wrap:wrap;padding:5px 0}.sc-pending-images span{position:relative}.sc-pending-images img{width:44px;height:44px;border-radius:5px;object-fit:cover}.sc-pending-images button{position:absolute;top:-5px;right:-5px;border:0;border-radius:50%;background:#64785e;color:white;padding:0 3px}.sc-main .sc-context-head select{height:29px;width:auto;padding:3px 8px;font-size:11px}.sc-error{padding:15px;color:#ad774d;background:#fff7eb;border:1px solid #eddfc9;border-radius:10px}.sc-main .sc-toolbar .sc-source{width:110px;font-size:12px}
@media(max-width:760px){#xtd-root .xt-main.sc-main{padding:8px 8px 6px;gap:8px}.sc-mobile-back{display:flex;background:none;border:0;padding:3px;color:#6c906d}.sc-workspace.show-queue .sc-chat{display:none}.sc-workspace.show-queue .sc-context{display:none}.sc-empty-chat{grid-column:span 1;min-height:180px}.sc-main .sc-toolbar .sc-search{width:190px}}

.xtd-app .sc-appeal-entry{color:#14865a;white-space:nowrap}.xtd-app[data-role=user] .xt-client-nav [data-view=support]{cursor:pointer}.xtd-app[data-role=user] .xt-client-nav [data-view=support]:hover{background:#dcf7e6}.xtd-app[data-role=user] .xt-client-nav [data-view=support]:active{transform:scale(.97)}.sc-task-description small{overflow-wrap:anywhere}.sc-main .sc-empty-chat svg{width:30px;height:30px}

@media(min-width:761px) and (max-width:1250px){.sc-workspace .sc-empty-chat{grid-column:span 1}}