.sts-support{color:#142234;line-height:1.6}.sts-support *{box-sizing:border-box}.sts-support .stc-card{background:#fff;border:1px solid #dde5ef;border-radius:16px;padding:26px;margin:20px 0}.sts-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:22px 0}.sts-heading h2{font-size:27px;line-height:1.2;margin:8px 0}.sts-heading p,.sts-muted{color:#607086;font-size:14px}.sts-form{display:grid;gap:16px;max-width:850px;margin:18px 0}.sts-form label,.sts-filters label{display:grid;gap:7px;font-weight:600}.sts-form input:not([type=hidden]),.sts-form textarea,.sts-form select,.sts-filters input,.sts-filters select{width:100%;max-width:100%;padding:11px 13px;background:#fbfcfe;border:1px solid #cbd6e3;border-radius:8px;color:#142234;font:inherit}.sts-form input[type=file]{border-style:dashed;padding:18px}.sts-form textarea{resize:vertical;min-height:130px}.sts-form button{justify-self:start}.sts-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sts-form-error{padding:12px;border-left:4px solid #b42318;color:#8c2017;background:#fff1ed}.sts-badge{display:inline-block;border-radius:99px;background:#eaf1fb;color:#245794;padding:6px 12px;font-size:13px;font-weight:700;white-space:nowrap}.sts-resolved{background:#e8f6ed;color:#206d3b}.sts-closed{background:#eef0f3;color:#536074}.sts-waiting{background:#fff1d6;color:#845916}.sts-unread{display:block;color:#1767c8;font-size:12px;font-weight:700;margin-top:5px}.sts-table-wrap{overflow-x:auto;background:#fff;border:1px solid #dde5ef;border-radius:14px}.sts-table{border-collapse:collapse;width:100%;font-size:14px}.sts-table th,.sts-table td{padding:17px 14px;text-align:left;border-bottom:1px solid #e6ecf2;vertical-align:top;overflow-wrap:anywhere}.sts-table th{color:#5d6d80;font-size:12px;background:#f5f8fc;white-space:nowrap}.sts-table tr:last-child td{border-bottom:0}.sts-table a{color:#2068be;font-weight:700}.sts-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.sts-meta dt{font-size:12px;color:#62738a}.sts-meta dd{margin:5px 0;font-weight:600}.sts-message{background:#fff;border:1px solid #dee6ef;border-radius:12px;padding:22px;margin:18px 0;border-left:4px solid #c5d1df}.sts-message header{display:flex;justify-content:space-between;gap:12px;font-size:14px}.sts-message time{color:#63738a;font-size:12px}.sts-message-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0!important}.sts-staff{border-left-color:#307cf5;background:#f6faff}.sts-internal{background:#fff9ec!important;border-color:#f0d69f!important}.sts-attachment{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;border:1px solid #dce5ef;border-radius:8px;margin-top:8px}.sts-attachment a{overflow-wrap:anywhere}.sts-attachment .sts-form{margin:0}.sts-pagination{display:flex;justify-content:center;gap:25px;margin:25px 0}.sts-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:25px 0}.sts-filters input[type=number]{max-width:110px}.sts-admin{max-width:1500px;margin-right:25px}.sts-admin .button{padding:8px 15px;height:auto}.sts-support a:focus-visible,.sts-support button:focus-visible,.sts-support input:focus-visible,.sts-support textarea:focus-visible,.sts-support select:focus-visible{outline:3px solid #70aaf9;outline-offset:3px}.sts-customer{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #e3eaf2;padding-top:15px}
@media(max-width:760px){.sts-heading{align-items:flex-start;flex-direction:column}.sts-heading h2{font-size:23px}.sts-fields,.sts-meta,.sts-customer{grid-template-columns:1fr}.sts-support .stc-card{padding:19px}.sts-table-wrap{background:transparent;border:0;overflow:visible}.sts-table,.sts-table tbody,.sts-table tr,.sts-table td{display:block;width:100%}.sts-table thead{display:none}.sts-table tr{border:1px solid #dde5ef;border-radius:12px;padding:10px;background:#fff;margin-bottom:15px}.sts-table td{border:0;padding:8px 10px}.sts-table td:before{content:attr(data-label);display:block;color:#65768b;font-size:11px;font-weight:600;margin-bottom:3px}.sts-message header,.sts-attachment{align-items:flex-start;flex-direction:column}.sts-message{padding:18px}.sts-admin{margin-right:12px}}
