/* SIKP Bodhicitta — app.css (Tailwind companion styles) */

/* === Glass & Card Effects === */
.glass-panel {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid #E2E8F0;
}

.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid #E2E8F0;
}

/* === Button Styles === */
.btn-primary {
    background-color: #001414;
    color: #ffffff;
    transition: all 300ms ease-in-out;
}
.btn-primary:hover {
    opacity: 0.9;
}

.btn-secondary {
    border: 1px solid #775a19;
    color: #775a19;
    transition: all 300ms ease-in-out;
}
.btn-secondary:hover {
    background-color: rgba(119, 90, 25, 0.05);
}

/* === Login Page Float Label === */
.input-float-wrapper:focus-within label {
    transform: translateY(-120%) scale(0.85);
    color: #775a19;
}
.input-float-wrapper:focus-within input {
    border-color: #fed488;
}
.input-float-wrapper input:not(:placeholder-shown) + label {
    transform: translateY(-120%) scale(0.85);
}

/* === Form Input Focus === */
.form-input:focus-within {
    border-color: #e9c176 !important;
    box-shadow: 0 0 0 1px #e9c176 !important;
}

/* === Table Styles === */
.table-row-hover:hover {
    background-color: rgba(0, 20, 20, 0.02);
}

/* === Tab Navigation === */
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}

/* Tabs bar (pegawai detail) */
.nav-tab {
    cursor: pointer;
    color: #414848;
    background: transparent;
    border: none;
}
.nav-tab:hover {
    background-color: #eff4ff;
    color: #001414;
}
.nav-tab.active {
    background-color: #001414;
    color: #ffffff;
    font-weight: 600;
}
/* Badge jumlah data pada tab — tetap kontras saat tab aktif */
.nav-tab.active .tab-badge {
    background-color: #ffdea5;
    color: #261900;
}

.tab-nav-link.active,
.tab-nav-link[data-active="true"] {
    background-color: #dce9ff;
    color: #001414;
    border-left: 4px solid #ffdea5;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* === Sidebar Mobile === */
@media (max-width: 767px) {
    #sidebar.open {
        display: flex !important;
    }
}

/* === No Underline Links === */
a.no-underline {
    text-decoration: none !important;
}

/* === Scrollbar Styling === */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #c1c8c7;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #727878;
}

/* === Print Styles === */
@media print {
    nav, header, .tab-nav-link, button { display: none !important; }
    .glass-panel, .glass-card { background: #fff; border: 1px solid #ccc; box-shadow: none; backdrop-filter: none; }
    main { padding: 0 !important; margin: 0 !important; }
}