:root {
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-font-monospace: "SF Mono", "Menlo", "Consolas", "Liberation Mono", "Courier New", monospace;
}

html, body {
    font-size: 14px;
}

.panel-title {
    font-size: 1.25rem;
    font-weight: 500;
    font-family: var(--bs-font-monospace);
}

.card {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #212529;
}

.card-header {
    background-color: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 500;
}

#alert-container {
    position: fixed;
    top: 60px;
    right: 20px;
    z-index: 1060; /* Di atas modal */
    width: 350px;
}

/* STYLE BARU UNTUK DAFTAR EMAIL */
.list-group-item.email-item {
    cursor: pointer;
    border-color: rgba(255, 255, 255, 0.1);
    transition: background-color 0.15s ease-in-out;
}

.list-group-item.email-item:hover {
    background-color: #343a40;
}

.email-item.unread {
    background-color: #3a3f52;
}

.email-item.unread:hover {
    background-color: #4a4f62;
}


/* * CSS BARU UNTUK MEMBUAT MODAL TINGGI 
 * DAN IFRAME MENGISI RUANG
 */

/* 1. Atur dialog modal agar mengambil 90% tinggi layar */
#emailDetailModal .modal-dialog {
    height: 90vh; /* 90% dari tinggi viewport */
    max-height: 90vh;
}

/* 2. Buat konten (header, body, footer) mengisi dialog */
#emailDetailModal .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* 3. Hapus padding dari body dan buat ia mengembang */
#emailDetailModal .modal-body {
    flex-grow: 1; /* Ini adalah kunci utamanya */
    padding: 0; /* Hapus padding untuk iframe full-width */
    overflow-y: hidden; /* Sembunyikan scrollbar di sini */
}

/* 4. Ubah .email-body (iframe) agar mengisi modal-body */
.email-body {
    /* white-space: pre-wrap; */
    word-break: break-word;
    background-color: #fff;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #141414;

    width: 100%;
    height: 100%;
    flex-grow: 1;
}

/* Memastikan link di dalam body email terlihat jelas */
.email-body a {
    font-weight: bold;
    color: #006dff;
}

/* Hilangkan style default dari list-group */
.list-group {
    --bs-list-group-bg: transparent;
    --bs-list-group-border-color: rgba(255,255,255,0.1);
}

/* STYLE BARU UNTUK EMAIL YANG BISA DIKLIK/COPY */
.copyable-email {
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.2s;
    color : #00f7ff;
}

.copyable-email:hover {
    color: #affcff; /* Warna biru muda untuk feedback */
}

.al-highlight {
    color: #00f7ff;
}