/* Custom styles for MDI Monitor */

/* Navbar logo */
.navbar-brand img {
    margin-right: 10px;
}

/* CCTV grid */
.card iframe {
    background-color: #f8f9fa;
}

/* Status badges */
.badge {
    font-size: 0.9em;
    padding: 0.5em 0.8em;
}

/* Table styles */
.table {
    margin-bottom: 2rem;
}

.table th {
    background-color: #f8f9fa;
}

/* Button styles */
.btn-sm {
    padding: 0.25rem 0.75rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    h1 {
        font-size: 1.75rem;
    }
    
    .table {
        font-size: 0.9rem;
    }
}

/* Loading spinner */
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
}