:root { --bs-primary-rgb: 13, 110, 253; --bs-danger-rgb: 220, 53, 69; --bs-success-rgb: 25, 135, 84; } body { font-family: "Poppins", sans-serif; background-color: #f0f2f5; color: #333; } .header { background-color: #fff; padding: 1.5rem 2rem; border-radius: 0.75rem; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07); margin-bottom: 2rem; } .header .logo-image { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; } .card { border: none; border-radius: 0.75rem; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07); border-top: 4px solid #0d6efd; } .form-label { font-weight: 600; color: #495047; } .comparison-row { padding: 1rem 0.5rem; border-bottom: 1px solid #e9ecef; } .comparison-row:last-of-type { border-bottom: none; } .row-number { font-weight: 600; color: rgb(var(--bs-primary-rgb)); background-color: rgba(var(--bs-primary-rgb), 0.1); border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } footer { border-top: 1px solid #e9ecef; padding-top: 2rem; margin-top: 4rem; } .table-responsive-container { overflow-x: auto; } .results-table { min-width: 1200px; } .print-only { display: none; } @media print { @page { size: A4 landscape; margin: 0.7cm; } .no-print { display: none !important; } .container { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } body, html { background: #fff !important; overflow: visible !important; font-size: 9pt; width: 100%; } body * { box-shadow: none !important; border-color: #b0b0b0 !important; } .print-only { display: block; } .print-only h2 { font-size: 16pt; font-weight: bold; text-align: center; margin-bottom: 15px; } .print-only .table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 7.5pt; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .print-only .table thead { background-color: #e9ecef !important; } .print-only .table th, .print-only .table td { padding: 4px; border: 1px solid #b0b0b0; word-wrap: break-word; text-align: left; } tr { page-break-inside: avoid; } .print-only img { display: block; margin: 0 auto 15px auto; max-width: 150px; height: auto; } .print-only .table th:nth-child(1), .print-only .table td:nth-child(1) { width: 3%; text-align: center; } .print-only .table th:nth-child(2), .print-only .table td:nth-child(2) { width: 7%; } .print-only .table th:nth-child(3), .print-only .table td:nth-child(3) { width: 14%; } .print-only .table th:nth-child(4), .print-only .table td:nth-child(4) { width: 20%; } .print-only .table th:nth-child(5), .print-only .table td:nth-child(5) { width: 8%; text-align: center; } .print-only .table th:nth-child(6), .print-only .table td:nth-child(6) { width: 8%; text-align: center; } .print-only .table th:nth-child(7), .print-only .table td:nth-child(7) { width: 4%; } .print-only .table th:nth-child(8), .print-only .table td:nth-child(8) { width: 10%; text-align: center; } .print-only .table th:nth-child(9), .print-only .table td:nth-child(9) { width: 10%; text-align: center; } .print-only .table th:nth-child(10), .print-only .table td:nth-child(10) { width: 10%; text-align: center; } .print-only .table th:nth-child(11), .print-only .table td:nth-child(11) { width: 10%; text-align: center; } }