/* ==========================================================================
   JURNAL TRADING - GLOBAL STYLESHEET (NAVBAR MATCH BODY & DETAIL PAIR)
   ========================================================================== */

/* 1. PALET WARNA TEMA */
:root, [data-theme="dark"] {
    --bg-body: #1e293b;         /* Soft Slate Dark */
    --bg-card: #0f172a;         /* Deep Slate Card */
    --border-card: #334155;     /* Soft Border */
    --text-main: #f8fafc;       /* Teks Terang Tajam */
    --text-muted: #94a3b8;      /* Teks Muted Slate */
    --input-bg: #1e293b;        /* Input Background */
    --input-border: #334155;    /* Input Border */
    --navbar-bg: var(--bg-body);/* Background Navbar menyatu dengan Halaman */
    --table-hover: #1e293b;     /* Hover Tabel */
    --box-bg: #1e293b;          /* Box Pesan Telegram */
    --bs-body-color: #f8fafc;
}

[data-theme="light"] {
    --bg-body: #f1f5f9;         /* Soft Gray Light */
    --bg-card: #ffffff;         /* Kartu Putih Bersih */
    --border-card: #cbd5e1;     /* Border Light Soft */
    --text-main: #0f172a;       /* Dark Slate (100% Kontras Tinggi & Tajam) */
    --text-muted: #475569;      /* Slate Gray Pekat untuk Label & Subteks */
    --input-bg: #ffffff;        /* Input Background */
    --input-border: #94a3b8;    /* Input Border Pekat */
    --navbar-bg: var(--bg-body);/* Background Navbar menyatu dengan Halaman */
    --table-hover: #f8fafc;     /* Hover Tabel Light */
    --box-bg: #f8fafc;          /* Box Pesan Light */
    --bs-body-color: #0f172a;
}

/* 2. BASE STYLES */
body { 
    background-color: var(--bg-body) !important; 
    color: var(--text-main) !important; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.card-custom { 
    background-color: var(--bg-card) !important; 
    border: 1px solid var(--border-card) !important; 
    border-radius: 12px;
    color: var(--text-main) !important;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

/* 3. NAVBAR CUSTOM STYLING (MENYATU DENGAN BACKGROUND & TANPA BORDER BUTTON) */
nav.navbar {
    background-color: var(--bg-body) !important;
    border-bottom: 1px solid var(--border-card) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

.navbar-brand {
    color: var(--text-main) !important;
}

.text-main-color {
    color: var(--text-main) !important;
}

.navbar .dropdown .btn {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--text-main) !important;
    background: transparent !important;
    font-size: 0.975rem !important;
    font-weight: 700 !important;
}

.navbar .dropdown .btn:hover {
    color: #3b82f6 !important;
}

/* 4. PEMAKSAAN KONTRAS TEKS TERBACA DI LIGHT MODE */
h1, h2, h3, h4, h5, h6, strong, b, span, div, p, label, td, th, small, pre, code {
    color: inherit;
}

.text-secondary, .text-muted {
    color: var(--text-muted) !important;
}

/* WARNA PENEKANAN (ACCENTS) BERKONTRAS HIGH-CONTRAST */
.text-info { color: #0284c7 !important; }
[data-theme="light"] .text-info { 
    color: #0369a1 !important; 
    font-weight: 600;
}
[data-theme="dark"] .text-info { color: #38bdf8 !important; }

.text-success, .text-profit { color: #059669 !important; }
[data-theme="light"] .text-success, 
[data-theme="light"] .text-profit { 
    color: #15803d !important; 
    font-weight: 700;
}
[data-theme="dark"] .text-success, 
[data-theme="dark"] .text-profit { color: #10b981 !important; }

.text-danger, .text-loss { color: #dc2626 !important; }
[data-theme="light"] .text-danger, 
[data-theme="light"] .text-loss { 
    color: #b91c1c !important; 
    font-weight: 700;
}
[data-theme="dark"] .text-danger, 
[data-theme="dark"] .text-loss { color: #ef4444 !important; }

.text-primary { color: #2563eb !important; }
[data-theme="light"] .text-primary { color: #1d4ed8 !important; font-weight: 700; }
[data-theme="dark"] .text-primary { color: #3b82f6 !important; }

.text-warning { color: #d97706 !important; }
[data-theme="light"] .text-warning { color: #b45309 !important; font-weight: 700; }
[data-theme="dark"] .text-warning { color: #f59e0b !important; }

/* 5. TABEL KUSTOM (RESPONSIF THEME) */
.table-custom {
    --bs-table-bg: var(--bg-card) !important;
    --bs-table-color: var(--text-main) !important;
    --bs-table-hover-bg: var(--table-hover) !important;
    --bs-table-hover-color: var(--text-main) !important;
    --bs-table-border-color: var(--border-card) !important;
    color: var(--text-main) !important;
    background-color: var(--bg-card) !important;
}

.table-custom th, 
.table-custom td,
.table-custom tr {
    color: var(--text-main) !important;
    border-color: var(--border-card) !important;
}

.table-custom th {
    color: var(--text-muted) !important;
}

.table-custom small {
    color: inherit;
}

[data-theme="light"] .btn-outline-info {
    color: #0369a1 !important;
    border-color: #0369a1 !important;
    font-weight: 600;
}
[data-theme="light"] .btn-outline-info:hover {
    background-color: #0369a1 !important;
    color: #ffffff !important;
}

/* 6. FORMS & INPUTS */
.form-control, .form-select {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--text-main) !important;
}

.form-control:focus, .form-select:focus {
    background-color: var(--input-bg) !important;
    border-color: #3b82f6 !important;
    color: var(--text-main) !important;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25);
}

select option {
    background-color: var(--bg-card) !important;
    color: var(--text-main) !important;
}

/* 7. STATUS BADGES */
.badge-active { 
    background-color: #ffc107 !important; 
    color: #000000 !important; 
    font-weight: 700;
}
.badge-tp { 
    background-color: #10b981 !important; 
    color: #ffffff !important; 
    font-weight: 600;
}
.badge-sl { 
    background-color: #ef4444 !important; 
    color: #ffffff !important; 
    font-weight: 600;
}
.badge-pending { 
    background-color: #2563eb !important; 
    color: #ffffff !important; 
}
.badge-canceled { 
    background-color: #64748b !important; 
    color: #ffffff !important; 
}

/* 8. CHART CONTAINER */
.chart-container { 
    position: relative; 
    height: 260px; 
}

/* 9. LOGIN CARD */
.login-card { 
    background-color: var(--bg-card); 
    border: 1px solid var(--border-card); 
    border-radius: 16px; 
    padding: 2.5rem; 
    width: 100%; 
    max-width: 420px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.15); 
}

/* 10. TIMELINE & MESSAGE BOX (DETAIL PAGE) */
.timeline { 
    border-left: 2px solid #3b82f6; 
    padding-left: 20px; 
    position: relative; 
}
.timeline-item { 
    position: relative; 
    margin-bottom: 25px; 
}
.timeline-item::before {
    content: ''; 
    position: absolute; 
    left: -26px; 
    top: 5px; 
    width: 10px; 
    height: 10px;
    border-radius: 50%; 
    background-color: #3b82f6;
}

.message-box {
    background-color: var(--box-bg) !important;
    border: 1px solid var(--border-card) !important;
    border-radius: 8px;
    padding: 1.25rem;
    color: var(--text-main) !important;
}

.message-box pre {
    background-color: transparent !important;
    color: var(--text-main) !important;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ==========================================================================
   PENGATURAN UKURAN FONT CARDS SUMMARY DASHBOARD
   ========================================================================== */

/* 1. Judul Atas Card (misal: MTD REWARD, MTD PO POSTED, dll) */
.card-custom .text-uppercase {
    font-size: 0.8rem !important; /* Ubah angka ini (contoh: 0.75rem, 0.9rem, atau 13px) */
}

/* 2. Angka / Nilai Utama Card (misal: +12.5 R, 47 PO, 36% Winrate) */
.card-custom h2 {
    font-size: 1.3rem !important; /* Ubah angka ini (contoh: 1.5rem, 2rem, atau 28px) */
}

/* 3. Sub-Teks Keterangan Bawah (misal: Monthly Reward Average, dll) */
.card-custom .small {
    font-size: 0.75rem !important; /* Ubah angka ini (contoh: 0.7rem, 0.8rem, atau 11px) */
}
.badge-modified { 
    background-color: #0ea5e9 !important; 
    color: #ffffff !important; 
    font-weight: 600;
}
.badge-manual { 
    background-color: #f59e0b !important; 
    color: #ffffff !important; 
    font-weight: 600;
}
.badge-protect { 
    background-color: #8b5cf6 !important; 
    color: #ffffff !important; 
    font-weight: 600;
}


/* ============================================================
   LIGHT THEME NAVBAR & ACCOUNT TEXT READABILITY FIX
   ============================================================ */
[data-theme="light"] .navbar .text-light,
[data-theme="light"] .navbar-brand,
[data-theme="light"] #accSwitcher,
[data-theme="light"] #accSwitcher span {
    color: #0f172a !important;
}

[data-theme="light"] .dropdown-menu-dark {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .dropdown-menu-dark .dropdown-item {
    color: #0f172a !important;
}

[data-theme="light"] .dropdown-menu-dark .dropdown-item:hover,
[data-theme="light"] .dropdown-menu-dark .dropdown-item.active {
    background-color: #e2e8f0 !important;
    color: #1d4ed8 !important;
}

[data-theme="light"] .dropdown-menu-dark .dropdown-header {
    color: #64748b !important;
}

[data-theme="light"] .dropdown-menu-dark .dropdown-divider {
    border-color: #e2e8f0 !important;
}


/* ============================================================
   GLOBAL ROUNDED RECTANGULAR BUTTONS (10px Radius)
   ============================================================ */
.btn,
button,
.dropdown-toggle,
.btn-sm,
.btn-lg,
.btn-primary,
.btn-secondary,
.btn-outline-secondary,
.btn-info,
.btn-outline-info,
.btn-warning,
.btn-danger,
.btn-success,
.rounded-pill,
.rounded-end-pill,
.rounded-start-pill {
    border-radius: 10px !important;
}

.dropdown-menu {
    border-radius: 12px !important;
}