/* Custom CSS for Maya Piutang (Strict White/Light Theme) */

/* Modern Web Guidance: Responsive Table Container */
.table-wrapper {
    overflow: auto;
    max-inline-size: 100%;
    container-type: inline-size;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.table-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.table-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.table-wrapper::-webkit-scrollbar-thumb {
    background-color: #CBD5E1;
    border-radius: 9999px;
}

/* Sticky Column Headers */
.table-wrapper thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #F8FAFC;
    box-shadow: 0 1px 0 #E2E8F0;
}

/* Sticky Action Column (Rightmost on Desktop) */
@media (min-width: 768px) {
    .sticky-col-right {
        position: sticky;
        right: 0;
        z-index: 15;
        background-color: inherit;
        box-shadow: -2px 0 4px -1px rgba(0, 0, 0, 0.05);
    }
}

/* Clean Custom Shadows */
.shadow-soft {
    box-shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.04), 0 1px 2px -1px rgba(15, 23, 42, 0.02);
}

.shadow-card {
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.04), 0 2px 4px -2px rgba(15, 23, 42, 0.03);
}

/* Print Stylesheet */
@media print {
    body {
        background: #FFFFFF !important;
        color: #000000 !important;
        font-size: 10pt;
    }
    aside, header, .no-print, button, form {
        display: none !important;
    }
    main {
        padding: 0 !important;
        overflow: visible !important;
    }
    .print-only {
        display: block !important;
    }
    table {
        border-collapse: collapse !important;
        width: 100% !important;
        page-break-inside: auto;
    }
    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }
    th, td {
        border: 0.5pt solid #333 !important;
        padding: 4px 6px !important;
    }
}