/* قائمة إضافات أخرى — أشرطة مضغوطة */

#chat__body__others-pane.others-pane--premium {
    background: #fff !important;
}

#chat__body__others-pane.others-pane--premium > .chat_pane__header {
    background: #2c5282 !important;
    border: none !important;
    box-shadow: none !important;
}

#chat__body__others-pane.others-pane--premium > .chat_pane__header .chat_pane__header__title {
    font-size: .72rem !important;
    font-weight: 700 !important;
    color: #fff !important;
}

#chat__body__others-pane.others-pane--premium .others-pane__grid {
    height: calc(100% - 1.4rem) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: .12rem !important;
    display: flex !important;
    flex-direction: column;
    gap: .1rem;
}

#chat__body__others-pane.others-pane--premium .others-card {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 1.65rem !important;
    min-height: 1.65rem !important;
    max-height: 1.65rem !important;
    margin: 0 !important;
    padding: 0 .42rem !important;
    border: none !important;
    border-radius: .1rem !important;
    color: #fff !important;
    text-align: center !important;
    line-height: 1.65rem !important;
    font-weight: 700 !important;
    font-size: .68rem !important;
    box-shadow: none !important;
    position: relative !important;
    cursor: pointer;
    transition: filter .12s ease;
}

#chat__body__others-pane.others-pane--premium .others-card:hover,
#chat__body__others-pane.others-pane--premium .others-card:focus {
    filter: brightness(1.06);
    transform: none !important;
    box-shadow: none !important;
}

#chat__body__others-pane.others-pane--premium .others-card__icon {
    position: absolute !important;
    left: .42rem;
    top: 50%;
    transform: translateY(-50%);
    width: auto !important;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    flex: none !important;
}

#chat__body__others-pane.others-pane--premium .others-card__icon svg {
    width: .78rem;
    height: .78rem;
    display: block;
}

#chat__body__others-pane.others-pane--premium .others-card__title {
    flex: none !important;
    width: 100%;
    padding: 0 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .68rem;
    font-weight: 700;
    color: #fff !important;
    text-align: center !important;
}

#chat__body__others-pane.others-pane--premium .others-card--blue {
    background: #5dade2 !important;
}

#chat__body__others-pane.others-pane--premium .others-card--purple {
    background: #9b59b6 !important;
}

#chat__body__others-pane.others-pane--premium .others-card--orange {
    background: #e67e22 !important;
}

#chat__body__others-pane.others-pane--premium .others-card--amber {
    background: #f39c12 !important;
}

#chat__body__others-pane.others-pane--premium .others-card--green {
    background: #27ae60 !important;
}

#chat__body__others-pane.others-pane--premium .others-card--gray {
    background: #95a5a6 !important;
}

#chat__body__others-pane.others-pane--premium .others-card--teal {
    background: #16a085 !important;
}

#chat__body__others-pane.others-pane--premium .others-card--rose {
    background: #c0392b !important;
}

#chat__body__others-pane.others-pane--premium .others-card .fa {
    display: none !important;
}

#chat__body__ignored-users-pane .chat__body__ignored-users-pane__back,
#chat__body__notifications-pane .chat__body__notifications-pane__back,
#chat__body__live-pane .chat__body__live-pane__back {
    display: none !important;
}

.chat_pane__header__back--others {
    position: absolute !important;
    top: .08rem !important;
    right: 1.55rem !important;
    left: auto !important;
    z-index: 2;
    display: inline-flex !important;
    align-items: center;
    gap: .18rem;
    height: 1.05rem;
    padding: 0 .38rem !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: .22rem !important;
    background: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
    font-size: .58rem !important;
    font-weight: 600 !important;
    line-height: 1;
    box-shadow: none !important;
    transition: background-color .12s ease, border-color .12s ease;
}

.chat_pane__header__back--others:hover,
.chat_pane__header__back--others:focus {
    background: rgba(255, 255, 255, .18) !important;
    border-color: rgba(255, 255, 255, .32) !important;
    color: #fff !important;
}

.chat_pane__header__back-icon {
    width: .42rem;
    height: .42rem;
    border-top: 1.5px solid #fff;
    border-left: 1.5px solid #fff;
    transform: rotate(-45deg);
    margin-top: .02rem;
    opacity: .92;
}

#chat__body__ignored-users-pane > .chat_pane__header,
#chat__body__notifications-pane > .chat_pane__header,
#chat__body__live-pane > .chat_pane__header,
#chat__body__wall_creator_pane > .chat_pane__header,
#audio-gallery-pane > .chat_pane__header {
    position: relative;
}

@media (prefers-reduced-motion: reduce) {
    #chat__body__others-pane.others-pane--premium .others-card,
    .chat_pane__header__back--others {
        transition: none;
    }
}