/* SENSOY24 Update 64 */

.support-hero {
    padding: 45px 0;
    border-bottom: 1px solid var(--line);
    background: #f7f8fa;
}

.support-hero h1 {
    margin: 5px 0 8px;
}

.support-hero p {
    margin: 0;
    color: #65717c;
}

.support-section {
    background: #f8f9fa;
}

.support-layout,
.support-thread-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 350px;
    gap: 18px;
    align-items: start;
}

.support-card {
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.support-card h2 {
    margin: 5px 0 10px;
}

.support-ticket-list,
.support-admin-list,
.support-thread {
    display: grid;
}

.support-ticket-list > a,
.support-admin-list > a {
    padding: 14px 0;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--line);
}

.support-ticket-list > a:last-child,
.support-admin-list > a:last-child {
    border-bottom: 0;
}

.support-ticket-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.support-ticket-tags span {
    padding: 4px 7px;
    border-radius: 999px;
    background: #eef1f3;
    color: #59656f;
    font-size: 10px;
}

.support-ticket-main h3,
.support-admin-main h2 {
    margin: 7px 0 4px;
}

.support-ticket-main small,
.support-ticket-date,
.support-admin-meta {
    color: #6b7781;
    font-size: 10px;
}

.support-ticket-date,
.support-admin-meta {
    display: grid;
    gap: 3px;
    text-align: right;
    white-space: nowrap;
}

.support-thread-layout main,
.support-thread-layout aside {
    display: grid;
    gap: 14px;
}

.support-thread {
    gap: 10px;
}

.support-thread article {
    padding: 14px;
    border-radius: 12px;
}

.support-thread article.is-user {
    background: #f5f6f7;
    border: 1px solid #e3e6e8;
}

.support-thread article.is-admin {
    background: #111;
    color: #fff;
}

.support-message-head {
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 11px;
}

.support-thread article.is-user .support-message-head span {
    color: #717c86;
}

.support-thread article.is-admin .support-message-head span {
    color: #c7cbd0;
}

.support-message-text {
    line-height: 1.6;
}

.support-admin-filter {
    margin-bottom: 16px;
    padding: 14px;
    display: grid;
    grid-template-columns: 190px 190px auto auto;
    gap: 8px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
}

.support-admin-main p {
    margin: 0;
    color: #68747f;
    font-size: 11px;
}

@media (max-width: 950px) {
    .support-layout,
    .support-thread-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 750px) {
    .support-ticket-list > a,
    .support-admin-list > a {
        flex-direction: column;
    }

    .support-ticket-date,
    .support-admin-meta {
        text-align: left;
    }

    .support-admin-filter {
        grid-template-columns: 1fr;
    }
}