/* --- TEMA NUSANTARA --- */

/* Pattern Batik Halus untuk Background Utama */
.bg-batik-pattern {
    background-color: #F9F7F2; /* Cream dasar */
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C5A059' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Overlay Dekoratif (Pola Kawung Abstrak - Data URI agar aman) */
.bg-wayang-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    /* Menggunakan pola geometris Nusantara yang tertanam agar tidak broken link */
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238B3A3A' fill-opacity='0.03'%3E%3Cpath d='M40 0l40 40-40 40L0 40z'/%3E%3Cpath d='M40 10l30 30-30 30-30-30z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 160px 160px;
    background-position: center;
    pointer-events: none;
    z-index: 0;
}

/* Scrollbar Mewah */
.chat-scroll::-webkit-scrollbar {
    width: 6px;
}

.chat-scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.02);
}

.chat-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #C5A059, #8B3A3A);
    border-radius: 10px;
}

/* Animasi Chat Masuk */
@keyframes messageSlideIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.msg-anim {
    animation: messageSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

/* Ornamen Garis Batik di Header Sidebar */
.batik-line {
    height: 4px;
    background: repeating-linear-gradient(45deg, #8B3A3A 0, #8B3A3A 10px, #C5A059 10px, #C5A059 20px);
}