/* Style kustom untuk Web Update Harga ATK & Percetakan Maba */

/* Dialog Backdrop Polyfill / Enhancement */
dialog::backdrop {
    background: rgba(6, 78, 59, 0.65);
    backdrop-filter: blur(4px);
}

/* Inline Edit Highlight */
.editable-price {
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    padding: 3px 6px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.editable-price:hover {
    background-color: #dcfce7;
    color: #15803d;
    outline: 1px dashed #22c55e;
}

/* Active tab state */
.tab-btn.active {
    border-bottom: 2px solid #16a34a;
    color: #15803d;
    font-weight: 700;
}

/* Print CSS khusus saat mencetak lembar LPJ / Standar Harga */
@media print {
    /* Sembunyikan elemen web yang tidak perlu dicetak */
    header, footer, nav, .no-print, .tab-btn, button, .modal, #toastNotification, .grid-cols-1, .grid-cols-2, .grid-cols-4 {
        display: none !important;
    }

    body, main {
        background: white !important;
        color: black !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    dialog {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    #printSheetContent {
        display: block !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 10pt !important;
    }

    th, td {
        border: 1px solid #000 !important;
        padding: 4px 6px !important;
    }

    thead {
        display: table-header-group;
    }

    tr {
        page-break-inside: avoid;
    }
}