/* Append to existing CSS */

/* Chat Color Modes - Enhanced */
.chat-floater.ent-mode {
    border-color: var(--ent-accent);
    box-shadow: 0 0 25px rgba(0, 243, 255, 0.3);
    background: rgba(0, 18, 32, 0.9);
    /* Deep Blue Tint */
}

.chat-floater.col-mode {
    border-color: var(--col-accent);
    box-shadow: 0 0 25px rgba(255, 77, 0, 0.3);
    background: rgba(26, 5, 0, 0.9);
    /* Deep Orange Tint */
}

/* Status Text */
.chat-floater.ent-mode .chat-status {
    color: var(--ent-accent);
}

.chat-floater.col-mode .chat-status {
    color: var(--col-accent);
}

/* Input Styling */
.chat-floater.ent-mode #chat-input {
    color: var(--ent-accent);
}

.chat-floater.col-mode #chat-input {
    color: var(--col-accent);
}

.chat-floater.ent-mode #chat-input::placeholder {
    color: rgba(0, 243, 255, 0.5);
}

.chat-floater.col-mode #chat-input::placeholder {
    color: rgba(255, 77, 0, 0.5);
}

.chat-floater.ent-mode #send-btn {
    color: var(--ent-accent);
}

.chat-floater.col-mode #send-btn {
    color: var(--col-accent);
}

/* Logo Sync */
.logo-box.ent-mode {
    border-color: var(--ent-accent);
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.4);
}

.logo-box.col-mode {
    border-color: var(--col-accent);
    box-shadow: 0 0 20px rgba(255, 77, 0, 0.4);
}

.logo-box.ent-mode .logo-text {
    color: var(--ent-accent);
}

.logo-box.col-mode .logo-text {
    color: var(--col-accent);
}