/* === Global Layout === */
body {
    padding-top: 90px; /* Sesuaikan dengan tinggi navbar fixed, biasanya 56-60px */
    padding-bottom: 20px;
    background-color: #ffffff; /* Putih bersih sebagai latar default */
    color: #212529;
    font-family: "Segoe UI", sans-serif;
}

.body-content {
    padding: 0 15px;
}

/* === Form Elements === */
input,
select,
textarea {
    max-width: 280px;
    width: 100%;
    box-sizing: border-box;
}

/* === Validation Styles === */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.navbar-brand, .nav-link {
    font-weight: 500;
    color: #d4af37 !important;
    transition: color 0.3s ease;
}

    .navbar-brand:hover, .nav-link:hover {
        color: goldenrod !important;
    }



.link-gold {
    color: lightgoldenrodyellow;
    text-decoration: none;
    transition: color 0.3s ease;
}

    .link-gold:hover {
        color: orange; /* atau ganti sesuai warna hover yang kamu mau */
    }

.buttonemashijau {
    background-color: darkslategrey !important; /* Emerald Hijau Tua */
    color: white !important;
    font-weight: bold;
    cursor: pointer;
    outline: 3px solid white !important;
    transition: background-color 0.3s ease, color 0.3s ease, outline 0.3s ease;
    padding: 0.3rem 1rem; /* KECILKAN tinggi tombol di sini */
    font-size: 0.95rem;
    min-width: 140px; /* Biar lebar seragam */
    text-align: center;
}

    .buttonemashijau:hover,
    .buttonemashijau:focus {
        background-color: white !important;
        color: #355e3b !important;
        outline: 3px solid #355e3b !important;
    }

.buttongold {
    background-color: goldenrod !important;
    color: white !important;
    font-weight: bold;
    cursor: pointer;
    outline: 3px solid white !important;   /* outline putih selalu */
    box-shadow: none !important;
    transition: background-color 0.3s, color 0.3s, outline 0.3s;
    padding: 0.3rem 1rem;
    font-size: 0.95rem;
    min-width: 140px;
    text-align: center;
}

.buttongold:hover,
.buttongold:focus {
    background-color: white !important;
    color: goldenrod !important;
    outline: 3px solid goldenrod !important; /* outline goldenrod saat hover/focus */
}

/* ===========================
   === BRAND COLOR STYLES ===
   =========================== */

/* === TEKS === */
.text-hijau {
    color: #355e3b !important; /* Emerald Green */
}

.text-emas {
    color: #d4af37 !important; /* Gold Metalik */
}

/* === BACKGROUND === */
.bg-hijau {
    background-color: #014421 !important; /* Forest Dark */
    color: white !important;
}

.bg-emas {
    background-color: #fff8dc !important; /* Soft Gold (Cornsilk) */
    color: #355e3b !important; /* Teks Hijau */
}

/* === KOMBINASI === */
.text-hijau.bg-emas {
    color: #355e3b !important;
    background-color: #fff8dc !important;
}

.text-emas.bg-hijau {
    color: #d4af37 !important;
    background-color: #014421 !important;
}

.status-circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

.status-square {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    vertical-align: middle;
}



.badge {
    font-size: 0.95rem;
    padding: 0.5em 0.75em;
    border-radius: 1rem;
}

.link_at_body {
    color: darkslategrey;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.2s;
}

    .link_at_body:hover {
        color: #d4af37;
    }