/* Lead Time page (Views/PurchaseOrders/LeadTime.cshtml) - auto-extracted dari <style> block dalam .cshtml, supaya senang cari/edit CSS berasingan dari markup. */

            .po-tabs {
                display: flex;
                flex-wrap: wrap;
                gap: 4px;
                border-bottom: 2px solid var(--steel-tint);
                margin: 8px 0 12px;
            }

            .po-tab {
                background: transparent;
                border: none;
                padding: 8px 14px;
                font-family: 'Oswald', sans-serif;
                font-size: 0.72rem;
                text-transform: uppercase;
                letter-spacing: 0.03em;
                color: var(--ink);
                opacity: 0.65;
                cursor: pointer;
                border-bottom: 3px solid transparent;
                transition: opacity 0.12s ease, border-color 0.12s ease;
            }

                .po-tab:hover {
                    opacity: 1;
                }

                .po-tab.active {
                    opacity: 1;
                    color: #FFFFFF;
                    border-bottom-color: var(--steel);
                    font-weight: 600;
                }
        

                .table-scroll-leadtime {
                    max-height: 500px;
                    overflow-y: auto;
                }

                #leadTimeSummaryTable th,
                #leadTimeSummaryTable td {
                    border: 1px solid var(--line);
                }

                #leadTimeSummaryTable {
                    width: 100%;
                    border-collapse: collapse;
                    font-size: 0.82rem;
                }

                    #leadTimeSummaryTable thead th {
                        position: sticky;
                        top: 0;
                        background: var(--steel-dark);
                        color: #FFFFFF;
                        font-family: 'Oswald', sans-serif;
                        font-weight: 500;
                        letter-spacing: 0.03em;
                        text-transform: uppercase;
                        font-size: 0.72rem;
                        padding: 0.6rem 0.6rem;
                        text-align: left;
                        border-color: var(--steel);
                        z-index: 2;
                    }

                    #leadTimeSummaryTable tbody td {
                        padding: 0.5rem 0.6rem;
                        vertical-align: middle;
                        color: var(--ink);
                    }

                    #leadTimeSummaryTable tbody tr {
                        cursor: pointer;
                        transition: background-color 0.12s ease;
                    }

                        #leadTimeSummaryTable tbody tr:hover {
                            background: var(--steel-tint);
                        }

                .po-detail-row td {
                    padding: 0 !important;
                    background: rgba(0,0,0,0.15);
                }

                .po-detail-inner {
                    width: 100%;
                    border-collapse: collapse;
                    font-size: 0.78rem;
                }

                    .po-detail-inner th, .po-detail-inner td {
                        padding: 0.4rem 0.6rem;
                        border: 1px solid var(--line);
                        color: var(--ink);
                    }

                    .po-detail-inner th {
                        text-align: left;
                        font-weight: 600;
                        background: rgba(255,255,255,0.06);
                    }
        

                .table-scroll-supplier {
                    max-height: 500px;
                    overflow-y: auto;
                }

                #supplierPerformanceTable th,
                #supplierPerformanceTable td {
                    border: 1px solid var(--line);
                }

                #supplierPerformanceTable {
                    width: 100%;
                    border-collapse: collapse;
                    font-size: 0.82rem;
                }

                    #supplierPerformanceTable thead th {
                        position: sticky;
                        top: 0;
                        background: var(--steel-dark);
                        color: #FFFFFF;
                        font-family: 'Oswald', sans-serif;
                        font-weight: 500;
                        letter-spacing: 0.03em;
                        text-transform: uppercase;
                        font-size: 0.72rem;
                        padding: 0.6rem 0.6rem;
                        text-align: left;
                        border-color: var(--steel);
                        z-index: 2;
                    }

                    #supplierPerformanceTable tbody td {
                        padding: 0.5rem 0.6rem;
                        vertical-align: middle;
                        color: var(--ink);
                    }