.orders-container {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 14px auto; 
            max-width: 80%; 
            color: #333;
        }
        .orders-title {
            font-size: calc(17px + 2pt); 
            color: #2c3e50;
            margin-bottom: 14px; 
            font-weight: 600;
        }
        .table-responsive {
            overflow: hidden; 
            box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08);
            border-radius: 14px; 
            background: #ffffff;
            border: 1px solid #eef2f5;
        }
        .orders-table {
            width: 100%;
            border-collapse: collapse;
        }
        .orders-table th {
            background-color: #2c3e50;
            color: #ffffff;
            padding: 11px 13px; 
            font-weight: 600;
            text-transform: uppercase;
            font-size: calc(9px + 2pt); 
            letter-spacing: 0.4px;
        }
        .orders-table th:first-child {
            border-top-left-radius: 14px;
        }
        .orders-table th:last-child {
            border-top-right-radius: 14px;
        }
        .orders-table td {
            padding: 9px 13px; 
            border-bottom: 1px solid #eef2f5;
            font-size: calc(11px + 2pt); 
        }
        .orders-table tbody tr:last-child td {
            border-bottom: none;
        }
        .orders-table tbody tr:hover {
            background-color: #CFFFFF;
        }
        .status-badge {
            display: inline-block;
            padding: 3px 7px; 
            border-radius: 20px; 
            font-size: calc(8px + 2pt); 
            font-weight: bold;
            background-color: #e2e8f0;
            color: #4a5568;
        }
        .no-orders {
            text-align: center;
            color: #718096;
            padding: 21px !important; 
            font-style: italic;
        }

        /* --- NOWE REGUŁY WYRÓWNANIA TEKSTU --- */
        
        /* Kolumna 1 (lp.) - do prawej */
        .orders-table th:nth-child(1),
        .orders-table td:nth-child(1) {
            text-align: right;
            width: 50px; /* Opcjonalnie: ograniczenie szerokości dla lp. */
        }

        /* Kolumna 2 (program) i Kolumna 3 (data zamówienia) - domyślnie do lewej */
        .orders-table th:nth-child(2), .orders-table td:nth-child(2),
        .orders-table th:nth-child(3), .orders-table td:nth-child(3) {
            text-align: left;
        }

        /* Kolumna 4 (kwota zamówienia) - do prawej */
        .orders-table th:nth-child(4),
        .orders-table td:nth-child(4) {
            text-align: right;
        }

        /* Kolumna 5 (status zamówienia) - do środka */
        .orders-table th:nth-child(5),
        .orders-table td:nth-child(5) {
            text-align: center;
        }
        
        .programs-container {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin: 14px auto;
        max-width: 80%; /* Taka sama szerokość jak tabela zamówień */
        color: #333;
    }
    .programs-table-responsive {
        overflow: hidden;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08);
        border-radius: 14px; /* Mocno zaokrąglone narożniki */
        background: #ffffff;
        border: 1px solid #eef2f5;
    }
    .programs-table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
    }
    .programs-table th {
        background-color: #2c3e50; /* Spójny ciemnogranatowy kolor nagłówka */
        color: #ffffff;
        padding: 10px 13px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px ; /* Rozmiar dopasowany do 70% */
        letter-spacing: 0.4px;
    }
    .programs-table th:first-child {
        border-top-left-radius: 14px;
    }
    .programs-table th:last-child {
        border-top-right-radius: 14px;
    }
    .programs-table td {
        padding: 8px 13px;
        border-bottom: 1px solid #eef2f5;
        font-size: 13px; /* Rozmiar dopasowany do 70% */
    }
    .programs-table tbody tr:last-child td {
        border-bottom: none;
    }
    .programs-table tbody tr:hover {
        background-color: #CFFFFF; /* Efekt podświetlenia po najechaniu kursem */
    }
    
    /* Wyrównanie kolumn */
    .programs-table th:nth-child(1), .programs-table td:nth-child(1) {
        text-align: left; /* Nazwa programu do lewej */
    }
    .programs-table th:nth-child(2), .programs-table td:nth-child(2) {
        text-align: right; /* Wersja programu do prawej */
        font-weight: bold;
        color: #7f8c8d;
    }