/* Table container for centering and responsiveness */ #details-table .table-container { margin: 20px auto; padding: 10px; max-width: 800px; border-radius: 10px; background-color: #f9f9f9; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); overflow-x: auto; } /* Table styling */ #details-table table { width: 100%; border-collapse: collapse; border-radius: 10px; overflow: hidden; } /* Table header */ #details-table thead th { background-color: #eee; color: #333; font-weight: bold; text-align: center; padding: 12px 15px; font-size: 16px; } /* Table rows */ #details-table tbody tr { border-bottom: 1px solid #ddd; transition: background-color 0.3s; } #details-table tbody tr:hover { background-color: #f2f2f2; } /* Table cells */ #details-table td { padding: 12px 15px; color: #555; font-size: 14px; text-align: center; } /* Last row border removal */ #details-table tbody tr:last-child { border-bottom: none; } /* Optional responsive tweaks for smaller screens */ @media (max-width: 600px) { #details-tab