/*
 * Dosya: chat-theme.css
 * Bağlı PHP: tema.php / dobay-akilli-asistan.php
 * Alan: Frontend
 * Tür: Frontend CSS
 * Açıklama: Launcher, ikon butonları, mod seçiciler ve tema değişkenleriyle renklenen görsel katman.
 */

/* Launcher etiket ve avatar görünümü */
#dfa-launcher .dfa-launcher-pill{
    background:var(--dfa-launcher-pill-bg);
    color:var(--dfa-launcher-pill-text);
    border-radius:999px;
    padding:7px 14px;
    font-size:12px;
    box-shadow:0 6px 20px rgba(0,0,0,0.12);
    white-space:nowrap;
    max-width:220px;
    overflow:hidden;
    text-overflow:ellipsis;
    border:1px solid rgba(0,0,0,0.06);
}
#dfa-launcher .dfa-launcher-avatar{
    width:var(--dfa-launcher-s);
    height:var(--dfa-launcher-s);
    border-radius:50%;
    background:radial-gradient(circle at 30% 20%, #ffffff 0, var(--dfa-main) 34%, var(--dfa-header-end) 100%);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 30px rgba(0,0,0,0.28);
    position:relative;
    overflow:hidden;
    transform:translateZ(0);
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
    will-change:transform;
}
#dfa-launcher .dfa-launcher-avatar span{ color:#fff; font-weight:700; font-size:22px; letter-spacing:.04em; }
#dfa-launcher .dfa-launcher-avatar img{ width:110%; height:110%; object-fit:contain; transform:translateY(4%); }
#dfa-launcher .dfa-launcher-avatar::after{
    content:"";
    position:absolute;
    inset:-40%;
    background:radial-gradient(circle at 0 0, rgba(255,255,255,0.4), transparent 50%);
    opacity:.8;
    transform:translate3d(-10px,-10px,0);
    pointer-events:none;
}
#dfa-launcher:hover .dfa-launcher-avatar{
    transform:translateY(-1px) scale(1.02);
    box-shadow:0 12px 34px rgba(0,0,0,0.34);
    filter:saturate(1.06);
}

/* Header ikonları ve mod sekmesi */
#dfa-chat .dfa-icon-btn{
    width:28px;
    height:28px;
    border-radius:999px;
    background:var(--dfa-header-icon-bg);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .15s ease, transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#dfa-chat .dfa-icon-btn svg{ width:14px; height:14px; fill:#fff; }
#dfa-chat .dfa-icon-btn:hover{
    background:rgba(0,0,0,0.34);
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(0,0,0,0.22);
    filter:saturate(1.05);
}
#dfa-chat .dfa-mode-toggle{
    display:flex;
    gap:6px;
    padding:6px 10px 4px;
    background:rgba(15,23,42,0.03);
    border-bottom:1px solid rgba(0,0,0,0.04);
}
#dfa-chat .dfa-mode-btn{
    border-radius:999px;
    border:0;
    padding:6px 10px;
    font-size:11px;
    cursor:pointer;
    background:#e5e7eb;
    color:#111827;
    display:inline-flex;
    align-items:center;
    gap:6px;
    transition:background .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}
#dfa-chat .dfa-mode-btn span{ font-size:12px; }
#dfa-chat .dfa-mode-btn.dfa-active{
    background:var(--dfa-main);
    color:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.22);
    transform:translateY(-1px);
}

/* Hızlı aksiyon butonları */
#dfa-chat .dfa-offer-btn,
#dfa-chat .dfa-quick-menu-btn,
#dfa-chat .dfa-quick-action-btn{
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, filter .15s ease;
}
#dfa-chat .dfa-offer-btn{
    border:0;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    cursor:pointer;
    background:#eef2f7;
    color:#111827;
}
#dfa-chat .dfa-offer-btn.yes{ background:rgba(11,124,131,0.14); color:#0b3b3f; }
#dfa-chat .dfa-offer-btn.no{ background:rgba(0,0,0,0.06); }
#dfa-chat .dfa-offer-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(0,0,0,0.12);
    background:#fff;
    filter:saturate(1.04);
}
#dfa-chat .dfa-quick-menu-btn{
    border:0;
    border-radius:999px;
    padding:7px 11px;
    font-size:11px;
    cursor:pointer;
    background:#eef2f7;
    color:#111827;
}
#dfa-chat .dfa-quick-menu-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(0,0,0,0.10);
    background:#fff;
    filter:saturate(1.03);
}
#dfa-chat .dfa-quick-action-btn{
    border:0;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    cursor:pointer;
    background:rgba(15,23,42,0.06);
    color:#111827;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
#dfa-chat .dfa-quick-action-btn .dfa-qicon{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    background:rgba(11,124,131,0.12);
    color:var(--dfa-main);
    font-size:12px;
    line-height:1;
    flex:0 0 auto;
}
#dfa-chat .dfa-quick-action-btn:hover{
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,0.12);
    transform:translateY(-1px);
    filter:saturate(1.03);
}

/* Gönder / mikrofon butonları */
#dfa-chat .dfa-mic-btn,
#dfa-chat .dfa-send-btn{
    width:34px;
    height:34px;
    border-radius:50%;
    border:none;
    background:var(--dfa-main);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex-shrink:0;
    transition:box-shadow .15s ease, transform .15s ease, background .15s ease, filter .15s ease;
}
#dfa-chat .dfa-mic-btn svg,
#dfa-chat .dfa-send-btn svg{ width:16px; height:16px; fill:#fff; }
#dfa-chat .dfa-mic-btn:hover,
#dfa-chat .dfa-send-btn:hover{
    box-shadow:0 6px 16px rgba(0,0,0,0.22);
    transform:translateY(-1px);
    filter:saturate(1.06);
}
#dfa-chat .dfa-mic-btn.dfa-recording{
    background:#b91c1c;
    box-shadow:0 0 0 6px rgba(185,28,28,0.14);
    animation:dfaPulse 1.2s ease-in-out infinite;
}
@keyframes dfaPulse{
    0%{ transform:translateY(-1px) scale(1); }
    50%{ transform:translateY(-1px) scale(1.03); }
    100%{ transform:translateY(-1px) scale(1); }
}