/* Explain: Styles for the global chat interface and pilot list. */
/* CHAT GLOBAL da Liga PDB: pilotos online, popover de ações e mensagens coletivas. */
.pdb-gl {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.pdb-gl-online-wrap {
    flex-shrink: 0;
    border-bottom: 1px solid var(--glass-border);
    background: var(--menu-bg-alt);
}

.pdb-gl-online-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.7rem 0.25rem;
}

.pdb-gl-online-label {
    color: var(--text-muted);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pdb-gl-online-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    height: 1.2rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--terracotta-soft);
    color: var(--logo-subtitle-color);
    font-size: 0.68rem;
    font-weight: 700;
}

.pdb-gl-online {
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0 0.6rem 0.5rem;
}

.pdb-gl-pilot {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    width: 4.4rem;
    flex-shrink: 0;
    border: 1px solid transparent;
    border-radius: 0.7rem;
    background: var(--menu-bg);
    padding: 0.35rem 0.25rem;
    color: var(--text-color);
    cursor: pointer;
    transition: border-color 200ms ease, background 200ms ease;
}

.pdb-gl-pilot:hover { border-color: var(--accent-color); background: var(--menu-hover-bg); }
.pdb-gl-pilot.is-me { opacity: 0.75; cursor: default; }
.pdb-gl-avatar { width: 2.4rem; height: 2.4rem; border-radius: 999px; object-fit: cover; border: 1px solid var(--glass-border); }
.pdb-gl-pilot-info { display: flex; flex-direction: column; align-items: center; min-width: 0; width: 100%; }
.pdb-gl-pilot-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.7rem; font-weight: 700; }
.pdb-gl-pilot-sub { font-size: 0.58rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; }
.pdb-gl-dot {
    position: absolute;
    top: 0.3rem;
    right: 0.95rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: #57D98C;
    box-shadow: 0 0 8px rgba(87, 217, 140, 0.9);
    border: 1px solid var(--menu-bg);
}

.pdb-gl-empty { padding: 1rem; color: var(--text-muted); font-size: 0.82rem; }

.pdb-gl-msg { display: flex; align-items: flex-start; gap: 0.5rem; }
.pdb-gl-msg.is-own { flex-direction: row-reverse; }
.pdb-gl-msg-avatar { width: 2rem; height: 2rem; flex-shrink: 0; border-radius: 999px; object-fit: cover; border: 1px solid var(--glass-border); }
.pdb-gl-msg .pdb-bubble { max-width: calc(100% - 2.5rem); }
.pdb-gl-msg .pdb-bubble.is-own { margin-left: 0; margin-right: 0; }

.pdb-gl-pop {
    position: fixed;
    z-index: 140;
    width: 14rem;
    border: 1px solid var(--menu-border);
    border-radius: 0.85rem;
    background: var(--menu-bg);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.6);
    padding: 0.4rem;
}

.pdb-gl-pop-name {
    margin: 0 0 0.3rem;
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid var(--glass-border);
    color: var(--text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.pdb-gl-opt {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    min-height: 2.4rem;
    border: 0;
    border-radius: 0.6rem;
    background: transparent;
    color: var(--text-color);
    padding: 0.4rem 0.55rem;
    font-size: 0.84rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.pdb-gl-opt:hover { background: var(--menu-hover-bg); }
.pdb-gl-opt i { width: 1rem; color: var(--accent-color); text-align: center; }
.pdb-gl-opt.is-disabled { opacity: 0.6; cursor: default; }
.pdb-gl-opt.is-disabled:hover { background: transparent; }