.support-page{position:fixed;inset:0 0 var(--yasko-nav-height,72px);z-index:3100;background:#fff;display:flex;flex-direction:column;color:#111b21}.support-page[hidden],.support-page [hidden],.support-notice[hidden]{display:none!important}.support-head{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid #e8eeeb;flex-shrink:0}.support-head h2{font-size:20px;margin:0}.support-subtitle,.support-feedback{padding:0 20px;font-size:14px;line-height:1.5;color:#667781;margin:10px 0;flex-shrink:0}.support-feedback:empty{display:none}.support-feedback.is-error{color:#b42335}.support-list-view{overflow:auto;padding:12px 20px 24px;scrollbar-width:none}.support-list-view::-webkit-scrollbar{display:none}.support-list-view>.ui-primary{margin:14px 0}.support-table-wrap{overflow-x:auto;scrollbar-width:none}.support-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.support-table th,.support-table td{text-align:left;padding:14px 8px;border-bottom:1px solid #e6ede9;overflow-wrap:anywhere;vertical-align:top}.support-table th{font-weight:600;background:#f0faf2}.support-table th:first-child{width:44px}.support-table th:nth-child(2){width:48%}.support-table tbody tr{cursor:pointer}.support-table tbody tr:hover{background:#f4fcf6}.support-subject{border:0;background:transparent;color:#17251b;text-align:left;padding:0;font:inherit;cursor:pointer}.support-requester{display:flex;align-items:center;gap:8px;color:#667781;margin-top:10px}.support-avatar{width:28px!important;height:28px!important;flex:0 0 28px!important}.support-unread{display:inline-flex;margin-left:6px;min-width:20px;min-height:20px;border-radius:12px;align-items:center;justify-content:center;background:var(--ys-primary);color:white}.support-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.support-thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;flex:1;background:#f4f8f5}.support-thread>.ui-secondary{justify-self:center;margin:8px}.support-messages{overflow-y:auto;min-height:0;padding:18px;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;overflow-anchor:none}.support-messages::-webkit-scrollbar{display:none}.support-message{max-width:82%;align-self:flex-start;padding:12px 14px;background:#fff;border:1px solid #e2ebe5;border-radius:14px;overflow-wrap:anywhere}.support-message.is-own{align-self:flex-end;background:#e5f9e9}.support-message strong{font-size:13px;color:var(--ys-primary)}.support-message p{white-space:pre-wrap;font-size:16px;line-height:1.6;margin:6px 0}.support-message time{display:block;font-size:11px;color:#667781;text-align:right}.support-composer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;background:#fff;border-top:1px solid #e5ece8}.support-composer textarea{box-sizing:border-box;resize:none;min-height:48px;max-height:132px;flex:1;min-width:0;font:inherit;font-size:16px;line-height:24px;padding:11px 12px;border:1px solid #dce6df;border-radius:14px;background:#f5f8f6}.support-composer .ui-primary{flex-shrink:0}.support-notice{position:fixed;bottom:calc(var(--yasko-nav-height,72px) + 14px);left:16px;right:16px;max-width:540px;margin:auto;z-index:7800;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #bcebc5;border-radius:14px;background:#e5f9e9;box-shadow:0 8px 28px #0002;color:#17251b;font-size:14px}.support-notice span{flex:1}.support-notice button{background:transparent;border:0;color:var(--ys-primary);font-weight:600;cursor:pointer}.support-notice svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}@media(min-width:900px){.support-page{inset:0 0 var(--yasko-nav-height,72px)}.support-list-view,.support-thread,.support-subtitle,.support-feedback{width:min(1100px,100%);box-sizing:border-box;margin-left:auto;margin-right:auto}.support-composer{padding:18px 24px}}@media(max-width:600px){.support-table{font-size:12px}.support-table th,.support-table td{padding:12px 5px}.support-table th:first-child{width:24px}.support-table th:nth-child(2){width:42%}.support-composer .ui-primary{padding:12px!important;min-width:48px}.support-composer .ui-primary span{display:none}.support-message{max-width:88%}}body.settings-dark .support-page,body.settings-dark .support-head,body.settings-dark .support-composer{background:#111b21;color:#e9edef;border-color:#33444d}body.settings-dark .support-thread,body.settings-dark .support-message{background:#202c33;color:#e9edef;border-color:#33444d}body.settings-dark .support-message.is-own{background:#203b27}body.settings-dark .support-table th{background:#203b27}body.settings-dark .support-subject{color:#e9edef}body.settings-dark .support-table td{border-color:#33444d}body.settings-dark .support-table tbody tr:hover{background:#26353d}
.yasko-page.support-page{z-index:1250!important;display:flex!important;flex-direction:column!important}body.settings-dark .yasko-page.support-page{background:#111b21!important;color:#e9edef!important}
.yasko-page.support-page[hidden]{display:none!important}
.support-thread>.ui-secondary{grid-row:1}.support-messages{grid-row:2}.support-composer{grid-row:3}.support-table th:first-child,.support-table td:first-child{white-space:nowrap}@media(max-width:600px){.support-table th:first-child{width:30px}}
.support-subtitle,.support-feedback{box-sizing:border-box;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:10px 20px;margin:0}.support-message.is-own{background:#c9f2d1}

.support-table-wrap{background:#d3d7dd;border-radius:14px;overflow:hidden}.support-table{background:#d3d7dd;color:#111b21}.support-table th{background:#bfc6ce;white-space:nowrap}.support-table th,.support-table td{border-bottom-color:#bac2cb}.support-table tbody tr:hover{background:#c9d0d8}.support-table tbody tr:last-child td{border-bottom:0}.support-pager>button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px}.support-pager>button svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8}.support-pager-next svg{transform:rotate(180deg)}.support-pager>span{font-variant-numeric:tabular-nums}.support-pager>button:disabled{opacity:.4;cursor:default}@media(max-width:899px){.support-pager>button{width:48px;min-width:48px;padding:12px!important}.support-pager>button>span{display:none}}body.settings-dark .support-table-wrap,body.settings-dark .support-table{background:#29353e;color:#e9edef}body.settings-dark .support-table th{background:#37454f}body.settings-dark .support-table tbody tr:hover{background:#34434e}
.support-list-view>.ui-primary[hidden]+.support-table-wrap{margin-top:18px}