.gx-chat-tabs {
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    background: #15202e;
    border-bottom: 1px solid #293748;
}
.gx-chat-tabs button {
    flex: 1;
    border-radius: 9px;
    padding: 8px 5px;
    color: #aab9c8;
    font-size: 12px;
    font-weight: 700;
}
.gx-chat-tabs button[aria-selected="true"] {
    background: #05c987;
    color: #071d1a;
}
#gxSiteSupport[hidden], .gx-support-form[hidden], .gx-support-hidden { display: none !important; }
#chat-Container[hidden], #csm_app_chat .cc-bb-bar[hidden] { display: none !important; }
#gxSiteSupport {
    display: flex;
    flex-direction: column;
    height: calc(100% - 100px);
    min-height: 0;
    color: #ecf6f3;
    background: #101b29;
    font-size: 13px;
}
.gx-support-heading {
    padding: 12px 14px 8px;
    border-bottom: 1px solid #293748;
}
.gx-support-heading strong { display: block; font-size: 14px; }
.gx-support-heading small { color: #9eafbf; }
.gx-support-messages {
    flex: 1;
    min-height: 90px;
    overflow-y: auto;
    padding: 10px;
}
.gx-support-bubble {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding: 9px 11px;
    margin: 7px 0;
    border-radius: 12px;
    line-height: 1.45;
    background: #243346;
}
.gx-support-bubble[data-direction="customer"] {
    margin-left: 20px;
    background: #074f44;
}
.gx-support-bubble[data-direction="admin"] { border: 1px solid #49d5ad; }
.gx-support-bubble small { display: block; margin-bottom: 3px; color: #9ac3b9; font-size: 10px; }
.gx-support-actions { display: flex; flex-wrap: wrap; gap: 5px; padding: 7px 9px; }
.gx-support-actions button, .gx-support-list button {
    border: 1px solid #375162;
    border-radius: 8px;
    padding: 6px 7px;
    color: #d9f8ec;
    font-size: 11px;
    text-align: left;
}
.gx-support-actions button:hover, .gx-support-list button:hover { border-color: #05c987; }
.gx-support-list { max-height: 112px; overflow-y: auto; padding: 2px 9px; }
.gx-support-list button { display: block; width: 100%; margin: 3px 0; }
.gx-support-form { display: grid; gap: 6px; padding: 9px; border-top: 1px solid #293748; }
.gx-support-form textarea, .gx-support-form select {
    width: 100%;
    background: #202f40;
    border: 1px solid #385064;
    border-radius: 8px;
    color: #f2faf7;
    padding: 8px;
    font-size: 12px;
    resize: vertical;
}
.gx-support-form button {
    border-radius: 8px;
    background: #07c887;
    color: #06231b;
    padding: 8px;
    font-weight: 700;
}
.gx-support-form button:disabled { opacity: .55; cursor: wait; }
.gx-support-notice { padding: 3px 10px 7px; color: #9eafbf; font-size: 10px; }
.gx-support-feedback { min-height: 18px; padding: 0 10px 5px; color: #ffca89; font-size: 11px; }
@media (max-height: 570px) {
    .gx-support-heading { padding: 6px 10px; }
    .gx-support-list { max-height: 55px; }
    .gx-support-notice { display: none; }
}