/* ATH Collab Center Experience */
.ath-collab-badge{
    width:max-content;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.10);
    color:#fff!important;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.06em;
    text-decoration:none!important;
}

.ath-collab-badge span{
    min-width:26px;
    height:26px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
}

.ath-collab-badge.has-new{
    background:linear-gradient(135deg,#ffb21a,#ff6a00);
    color:#05070d!important;
    box-shadow:0 16px 34px rgba(255,106,0,.22);
}

.ath-collab-badge.has-new span{
    background:#05070d;
    color:#56ff8c;
}

.ath-collab-thread{
    margin-top:14px;
    padding:14px;
    border-radius:22px;
    background:rgba(255,255,255,.040);
    border:1px solid rgba(255,255,255,.08);
}

.ath-collab-thread-head{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}

.ath-collab-thread-head strong{
    color:#fff;
    font-size:15px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.ath-collab-thread-head small{
    color:rgba(255,255,255,.56);
    font-size:12px;
}

.ath-collab-messages{
    display:grid;
    gap:10px;
    max-height:340px;
    overflow:auto;
    padding-right:4px;
}

.ath-collab-chat-bubble{
    max-width:82%;
    padding:11px 12px;
    border-radius:18px;
    background:rgba(255,255,255,.060);
    border:1px solid rgba(255,255,255,.08);
}

.ath-collab-chat-bubble.is-mine{
    justify-self:end;
    background:linear-gradient(135deg,rgba(255,178,26,.18),rgba(255,106,0,.12));
    border-color:rgba(255,138,0,.24);
}

.ath-collab-chat-bubble.is-theirs{
    justify-self:start;
    background:rgba(0,196,255,.075);
    border-color:rgba(0,196,255,.18);
}

.ath-collab-chat-meta{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:7px;
}

.ath-collab-chat-meta img{
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
}

.ath-collab-chat-meta span{
    color:#fff;
    font-size:12px;
    font-weight:900;
}

.ath-collab-chat-meta small{
    color:rgba(255,255,255,.48);
    font-size:11px;
}

.ath-collab-chat-bubble p{
    margin:0;
    color:rgba(255,255,255,.80);
    line-height:1.5;
    font-size:14px;
}

.ath-collab-no-messages{
    padding:14px;
    border-radius:16px;
    background:rgba(255,255,255,.035);
    border:1px dashed rgba(255,255,255,.12);
    color:rgba(255,255,255,.58);
    text-align:center;
    font-size:13px;
}

.ath-collab-message-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
    margin-top:12px;
}

.ath-collab-message-form textarea{
    width:100%;
    min-height:46px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:#fff!important;
    color:#05070d!important;
    padding:12px 13px;
    font-size:14px;
    font-weight:750;
    resize:vertical;
    outline:none;
}

.ath-collab-message-form button{
    min-height:46px;
    padding:11px 16px;
    border:0;
    border-radius:999px;
    background:linear-gradient(135deg,#00c4ff,#2c5cff);
    color:#fff;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.06em;
    cursor:pointer;
}

@media(max-width:640px){
    .ath-collab-chat-bubble{
        max-width:94%;
    }

    .ath-collab-message-form{
        grid-template-columns:1fr;
    }

    .ath-collab-message-form button{
        width:100%;
    }
}


.ath-collab-message-form.is-sending button{
    opacity:.72;
    pointer-events:none;
}

.ath-collab-form-status{
    margin-top:8px;
    color:#56ff8c;
    font-size:12px;
    font-weight:850;
}

.ath-collab-form-status.is-error{
    color:#ff8a8a;
}

.ath-collab-message-delete{
    min-height:24px;
    padding:4px 8px;
    border-radius:999px;
    background:rgba(255,80,80,.10);
    border:1px solid rgba(255,80,80,.22);
    color:#ff8a8a;
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
    cursor:pointer;
    margin-left:auto;
}

.ath-collab-chat-bubble.is-deleting{
    opacity:.55;
    pointer-events:none;
}

.ath-collab-thread-head:only-child{
    margin-bottom:0;
}