/**
 * Liquid-Glass-Eingaben (Login + Kunden-Chat) — experimentell, leicht rückgängig:
 * Datei löschen und glass_inputs-Option in view.php/login.php entfernen.
 */

/* ── Login ─────────────────────────────────────────────────────────────── */

.crm-glass-login-body .crm-glass-form input[type="email"],
.crm-glass-login-body .crm-glass-form input[type="password"],
.crm-glass-login-body .crm-glass-form input[type="text"].crm-login-input {
    height: 52px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.crm-glass-login-body .crm-glass-form input:focus {
    border-color: rgba(35, 162, 246, 0.72);
    background: rgba(255, 255, 255, 0.13);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 3px rgba(35, 162, 246, 0.14);
}

.crm-glass-login-body .crm-glass-form {
    border-radius: 18px;
    border-color: rgba(255, 255, 255, 0.16);
}

.crm-glass-login-body .crm-glass-form__glass {
    background: rgba(18, 24, 38, 0.78);
    backdrop-filter: blur(24px) saturate(170%);
    -webkit-backdrop-filter: blur(24px) saturate(170%);
}

/* ── Kunden-Chat (Ticket / Bestellung) ─────────────────────────────────── */

body.crm-glass-inputs-active .portal-ticket-chat-foot,
body.crm-glass-inputs-active .portal-order-chat-foot {
    padding: 12px 14px calc(14px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(8, 18, 28, 0.55);
    backdrop-filter: blur(22px) saturate(165%);
    -webkit-backdrop-filter: blur(22px) saturate(165%);
}

body.crm-glass-inputs-active .portal-ticket-chat-form,
body.crm-glass-inputs-active .portal-order-chat-form {
    gap: 8px;
    align-items: center;
    padding: 8px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.crm-glass-inputs-active .portal-ticket-chat-input,
body.crm-glass-inputs-active .portal-order-chat-input {
    min-height: 48px;
    max-height: 120px;
    padding: 13px 16px;
    border-radius: 22px;
    font-size: 16px;
    line-height: 1.35;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
    touch-action: manipulation;
}

body.crm-glass-inputs-active .portal-ticket-chat-input:focus,
body.crm-glass-inputs-active .portal-order-chat-input:focus {
    border-color: rgba(0, 166, 251, 0.5);
    background: rgba(255, 255, 255, 0.1);
    outline: none;
}

body.crm-glass-inputs-active .portal-ticket-chat-send,
body.crm-glass-inputs-active .portal-order-chat-send {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 50%;
    justify-content: center;
    background: linear-gradient(145deg, #0582ca, #00a6fb);
    box-shadow: 0 4px 14px rgba(0, 166, 251, 0.28);
}

body.crm-glass-inputs-active .portal-ticket-chat-send:active,
body.crm-glass-inputs-active .portal-order-chat-send:active {
    transform: scale(0.96);
}

body.crm-glass-inputs-active .portal-ticket-chat-hint,
body.crm-glass-inputs-active .portal-order-chat-hint {
    margin-bottom: 10px;
    border-radius: 14px;
    background: rgba(0, 166, 251, 0.07);
    border-color: rgba(0, 166, 251, 0.16);
}