/* Explain: Styles for global chat moderation elements and UI. */
/* Moderação do Chat Global, aviso de silenciamento e limite anti-flood da Liga PDB. */

.pdb-gl-modbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid var(--glass-border);
    border-radius: 0.5rem;
    background: var(--menu-bg);
    color: var(--logo-subtitle-color);
    cursor: pointer;
    transition: border-color 200ms ease, color 200ms ease;
}

.pdb-gl-modbtn:hover { border-color: var(--accent-color); color: var(--text-color); }
.pdb-gl-modbtn.hidden { display: none; }

.pdb-gl-msg { position: relative; }

.pdb-gl-del {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid rgba(255, 106, 90, 0.45);
    border-radius: 0.5rem;
    background: var(--menu-bg);
    color: #FF6A5A;
    font-size: 0.7rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity 200ms ease, background 200ms ease;
}

.pdb-gl-msg:hover .pdb-gl-del { opacity: 1; }
.pdb-gl-del:focus { opacity: 1; }
.pdb-gl-del:hover { background: rgba(255, 106, 90, 0.16); }
.pdb-gl-msg.is-own .pdb-gl-del { left: 0.25rem; right: auto; }

.pdb-chat-notice-mute {
    margin-top: 0.4rem;
    border: 1px solid rgba(255, 106, 90, 0.45);
    border-radius: 0.7rem;
    background: rgba(255, 106, 90, 0.12);
    color: #FF9B8E;
    padding: 0.5rem 0.65rem;
    font-size: 0.76rem;
    line-height: 1.45;
}

.pdb-chat-notice-mute.hidden { display: none; }

.pdb-mod-title {
    margin: 0.9rem 0 0.4rem;
    color: var(--text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.pdb-mod-empty { margin: 0; color: var(--text-muted); font-size: 0.82rem; }

.pdb-mod-content { max-height: 58vh; overflow-y: auto; padding-right: 0.2rem; }

.pdb-mod-row {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.4rem;
    border: 1px solid var(--glass-border);
    border-radius: 0.75rem;
    background: var(--menu-bg-alt);
    padding: 0.5rem 0.6rem;
}

.pdb-mod-avatar { width: 2.6rem; height: 2.6rem; flex-shrink: 0; border-radius: 999px; object-fit: cover; }
.pdb-mod-hicon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    flex-shrink: 0;
    border-radius: 0.6rem;
    background: var(--terracotta-soft);
    color: var(--logo-subtitle-color);
}

.pdb-mod-info { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.pdb-mod-name { color: var(--text-color); font-size: 0.9rem; font-weight: 700; word-break: break-word; }
.pdb-mod-meta { color: var(--text-muted); font-size: 0.72rem; }
.pdb-mod-reason { color: var(--text-muted); font-size: 0.72rem; font-style: italic; word-break: break-word; }
.pdb-mod-unmute { white-space: nowrap; }