/* Override aplikasi Bengkel Yamaha — dimuat SETELAH style.css + responsive.css.
   Jangan mengubah style.css (warna brand tetap ungu default Cuba #7366FF). */

/* Jebakan no. 2 di SKILL.md: .bg-light-* memberi color:#fff di atas tint 10%,
   teks polos di dalamnya tidak terbaca. Paksa warna teks gelap. */
.bg-light-primary:not([class*="txt-"]),
.bg-light-secondary:not([class*="txt-"]),
.bg-light-success:not([class*="txt-"]),
.bg-light-danger:not([class*="txt-"]),
.bg-light-warning:not([class*="txt-"]),
.bg-light-info:not([class*="txt-"]),
.bg-light-dark:not([class*="txt-"]) {
    color: #2f2f3b !important;
}

/* Logo teks pengganti logo.png Cuba */
.logo-text {
    font-weight: 700;
    font-size: 20px;
    color: #7366ff;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.logo-text-sm {
    font-weight: 700;
    font-size: 20px;
    color: #7366ff;
}

/* Footer Cuba (.footer) punya margin-left: 265px selebar sidebar, tapi
   responsive.css hanya mereset varian .footer-fix — footer biasa tetap
   terdorong 265px ke kanan saat sidebar tidak tampil (< 992px, HP).
   Di desktop, footer yang tadinya ikut "tertelan" ke dalam container
   dashboard karena ada </div> yang kurang di dashboard/index.blade.php
   juga ikut membesar offsetnya. Reset margin di layar kecil. */
@media only screen and (max-width: 991.98px) {
    .footer {
        margin-left: 0;
    }
}

/* Inbox — layout chat asli Cuba (demo chats/chat_private.blade.php).
   Semua class chat (.msger, .msg, .msg-bubble, .left-sidebar-wrapper,
   .chats-user, .custom-name) SUDAH ADA di style.css hasil kompilasi,
   jadi tidak ada CSS chat baru dari SCSS. Yang ada di sini hanya
   penyesuaian yang tidak bisa disediakan template:
   - avatar .msg-img memakai inisial pelanggan (bukan foto contoh demo),
   - tombol kirim berteks (bukan ikon saja),
   - daftar percakapan di HP lebih tinggi dari 200px bawaan responsive.css.
   CSS gelembung custom Modul 7 (.chat-thread/.chat-bubble-*) sudah
   dihapus — thread sekarang memakai .msg/.msg-bubble bawaan Cuba.
   JS demo TIDAK dipakai: common-chat.js memalsukan balasan bot,
   common-active-chat.js menukar header secara lokal (bukan navigasi). */
.msger-chat .left-msg .msg-img,
.msger-chat .right-msg .msg-img {
    background-image: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #7366ff;
    background-color: rgba(115, 102, 255, 0.12);
    flex-shrink: 0;
}

.msg-bubble .msg-meta {
    display: block;
    font-size: 11px;
    margin-top: 4px;
    opacity: 0.75;
}

textarea.msger-input {
    resize: none;
}

/* Tinggi thread bawaan Cuba 619px membuat kotak kirim jatuh di bawah
   lipatan layar 900px (header + alert + balasan cepat ikut memakan
   tinggi kartu). Buat tinggi mengikuti viewport supaya kotak kirim
   tetap terlihat tanpa scroll halaman. */
.msger-chat {
    height: calc(100vh - 500px);
    min-height: 320px;
    max-height: 619px;
}

#inbox-send-form .msger-send-btn {
    width: auto;
    height: auto;
    border-radius: 8px;
    padding: 10px 16px;
    gap: 6px;
    align-items: center;
    white-space: nowrap;
}

#inbox-send-form .msger-send-btn span,
#inbox-send-form .msger-send-btn i {
    padding: 0;
}

@media only screen and (max-width: 767.98px) {
    /* responsive.css membatasi .chats-user hanya 200px di HP — terlalu
       pendek untuk daftar percakapan; naikkan supaya daftar bisa dipakai. */
    .left-sidebar-wrapper .advance-options .chats-user {
        height: 420px;
    }
}