/* =========================================================
   TEMA TELKOM PROPERTY UNTUK HALAMAN MODUL CUTI
   Dimuat setelah gaya bawaan tiap halaman, jadi aturan di sini
   menimpa tampilan lama tanpa mengubah fungsi halaman.
   ========================================================= */
body {
    font-family: "Plus Jakarta Sans", "Segoe UI", Arial, Helvetica, sans-serif !important;
    background-color: #F4F4F5;
}
input, select, textarea, button { font-family: inherit; }
h1, h2, h3 { letter-spacing: normal; }
:focus-visible { outline: 3px solid #F6C21B; outline-offset: 2px; }

/* bilah logo di atas halaman */
.tp-brandbar {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    background: #FFFFFF; border-bottom: 1px solid #E6E6E8; padding: 10px 24px;
    position: relative; z-index: 5;
}
.tp-brandbar img { height: 40px; width: auto; display: block; }
.tp-brandbar-link {
    display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px;
    border: 1px solid #CFCFD4; color: #231F20; font-size: 13px; font-weight: 700; text-decoration: none;
}
.tp-brandbar-link:hover { border-color: #231F20; color: #231F20; }

/* kepala halaman: arang polos */
.top-header, .header {
    position: relative; overflow: hidden;
    background: #231F20 !important;
}
/* hiasan lama (lingkaran merah) dimatikan agar kepala halaman polos */
.top-header::before, .header::before { display: none !important; }
.top-header .bar { background: #F6C21B !important; }

/* tombol & kartu dibuat lebih lembut */
.card { border-radius: 20px; }
.btn-submit, .btn-simpan, .btn-save, .btn-tambah, .btn-detail { border-radius: 999px !important; }
.btn-submit { background: #EA252A !important; }
.btn-submit:hover { background: #C0161C !important; }

input:focus, select:focus, textarea:focus {
    border-color: #EA252A !important;
    box-shadow: 0 0 0 4px #FDECEC !important;
}

@media (max-width: 720px) {
    .tp-brandbar { padding: 8px 14px; }
    .tp-brandbar img { height: 32px; }
}
@media print {
    .tp-brandbar { display: none !important; }
}