/* ============================================================
   SHADOWSKINGS — UNIVERSAL CHAT PANEL STYLE (SHADOWMERE THEME)
   Applies to: Faction, Officer, House, Diplomacy Chat Panels
   ============================================================ */

.chat-popup {
    position: fixed;
    width: 600px;
    height: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(10, 10, 15, 0.92); /* deeper obsidian */
    border: 2px solid #6a4df5; /* void‑glow violet */
    box-shadow: 0 0 25px rgba(106, 77, 245, 0.45);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    z-index: 99999;
    backdrop-filter: blur(4px);
}

/* HEADER */
.chat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: linear-gradient(to right, #1a1a1f, #262636);
    border-bottom: 1px solid #3a3a4a;
}

.chat-title {
    font-size: 22px;
    font-weight: 600;
    color: #cfc7ff; /* pale arcane violet */
    text-shadow: 0 0 6px rgba(106, 77, 245, 0.6);
}

.chat-close-btn {
    background: #7a2a2a;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.15s;
}

.chat-close-btn:hover {
    background: #a33;
}

/* MESSAGE AREA */
.chat-messages {
    flex: 1;
    padding: 12px;
    overflow-y: auto;
    color: #e0e0ff;
    font-size: 15px;
    background: rgba(0, 0, 0, 0.25);
}

.chat-message {
    margin-bottom: 10px;
    padding: 8px 10px;
    background: rgba(30, 30, 40, 0.85);
    border-left: 3px solid #6a4df5;
    border-radius: 4px;
    color: #dcdcff;
}

/* INPUT AREA */
.chat-input-container {
    display: flex;
    padding: 12px;
    background: #1c1c24;
    border-top: 1px solid #333344;
}

.chat-input {
    flex: 1;
    padding: 10px;
    background: #111118;
    color: white;
    border: 1px solid #44445a;
    border-radius: 4px;
}

.chat-input:focus {
    outline: none;
    border-color: #6a4df5;
    box-shadow: 0 0 6px rgba(106, 77, 245, 0.5);
}

.chat-send-btn {
    margin-left: 12px;
    padding: 10px 18px;
    background: #6a4df5;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.15s;
}

.chat-send-btn:hover {
    background: #8367ff;
}

/* PERMISSION LOCKOUT */
.chat-no-permission {
    padding: 25px;
    text-align: center;
    color: #ff6666;
    font-size: 18px;
    font-weight: 600;
    background: rgba(40, 0, 0, 0.4);
    border-top: 1px solid #552222;
}