/* States */
.gb-shell [data-time-phase="day"],
.gb-shell .is-time-day {
    --cf-phase-glow: var(--gb-yellow);
}

.gb-shell [data-time-phase="sunrise"],
.gb-shell [data-time-phase="sunset"],
.gb-shell .is-time-sunset {
    --cf-phase-glow: var(--gb-orange);
}

.gb-shell [data-time-phase="night"],
.gb-shell .is-time-night {
    --cf-phase-glow: #d8c8ff;
}

.gb-shell [data-time-phase="midnight"],
.gb-shell .is-time-midnight {
    --cf-phase-glow: var(--gb-purple);
}

.gb-shell .is-ghost-mode {
    --cf-phase-glow: var(--gb-ghost);
}

.gb-shell .channels-conversation-card.is-unread .channels-conversation-title,
.gb-shell .channels-notification-card.is-unread {
    color: var(--gb-text);
}

.gb-shell .channels-conversation-card.is-unread::after,
.gb-shell .channels-notification-card.is-unread::after {
    opacity: 0.86;
}

.gb-shell .composer-attach-button:hover,
.gb-shell .send-button:hover,
.gb-shell .gb-icon-button:hover,
.gb-shell .channels-self-voice-btn:hover,
.gb-shell .cf-call-icon-button:hover,
.gb-shell .channels-member-menu-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--gb-text);
}

.gb-shell .channels-self-voice-btn.is-active {
    background: rgba(168, 183, 255, 0.22);
    color: rgba(239, 244, 255, 0.98);
}

.gb-shell #channel-header-bar button:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--gb-text);
}

.gb-shell #channel-header-bar button,
.gb-shell #channel-header-bar button:hover {
    transform: none;
}

.gb-shell #channel-header-bar button:not(#call-start-join-btn) {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 999px;
}

.gb-shell #call-start-join-btn {
    width: auto;
    min-width: 68px;
    height: 32px;
    border-radius: 999px;
}

.gb-shell #channel-header-bar svg {
    width: 14px;
    height: 14px;
}

.gb-shell .channels-sidebar-search:focus,
.gb-shell #room-member-search:focus {
    opacity: 1;
}

.gb-shell .message-image-expired {
    border: 0;
    border-radius: var(--gb-radius-control);
    background: rgba(255, 255, 255, 0.055);
    color: var(--gb-muted);
}

.gb-shell .cf-music-icon {
    color: var(--gb-green);
}

.gb-shell .report-modal-card,
.gb-shell .cf-emoji-picker {
    border: 0;
    background: var(--gb-frost-strong);
    backdrop-filter: blur(22px);
}