/* ==========================================================================
   EPBiH TABELA - FRONTEND STILOVI
   ========================================================================== */
.epbih-scroll-area { width: 100%; overflow-x: auto; margin: 20px 0; border: 1px solid #eee; -webkit-overflow-scrolling: touch; }
.scroll-table { width: 100%; border-collapse: collapse; font-family: Segoe UI, Arial, sans-serif; font-size: 14px; min-width: 600px; }
.scroll-table th, .scroll-table td { border: 1px solid #ddd !important; padding: 12px 10px !important; text-align: left !important; vertical-align: middle; }
.scroll-table th { background-color: #f8f9fa; font-weight: bold; color: #333; text-transform: uppercase; font-size: 12px; }
.scroll-table tr:nth-child(even) { background-color: #fafafa; }
.col-grad { width: 100px; font-weight: bold; }
.col-detalji { width: auto; line-height: 1.4; }
.col-datum { width: 90px; white-space: nowrap; }
.col-vrijeme { width: 110px; white-space: nowrap; color: #d32f2f; font-weight: bold; }
.scroll-hint { display: none; font-size: 11px; color: #888; margin-bottom: 5px; text-align: right; }

@media screen and (max-width: 600px) { 
    .scroll-hint { display: block; } 
    .scroll-table { font-size: 13px; } 
}