/* Custom Tabler CSS Overrides for SIMKIB */

/* ===== Brand Color Alignment - Match Landing Page ===== */
:root,
[data-bs-theme="light"] {
    --tblr-primary: #2946b8;
    --tblr-primary-rgb: 41, 70, 184;
    --tblr-primary-fg: #ffffff;
    --tblr-link-color: #2946b8;
    --tblr-link-color-rgb: 41, 70, 184;
    --tblr-link-hover-color: #1a2d8f;
    --tblr-link-hover-color-rgb: 26, 45, 143;
}

.btn-primary,
.bg-primary {
    --tblr-btn-bg: #2946b8;
    --tblr-btn-border-color: #2946b8;
    --tblr-btn-hover-bg: #1a2d8f;
    --tblr-btn-hover-border-color: #1a2d8f;
    --tblr-bg-opacity: 1;
    background-color: #2946b8 !important;
}

.bg-primary-lt {
    background-color: rgba(41, 70, 184, 0.1) !important;
    color: #2946b8 !important;
}

.text-primary {
    color: #2946b8 !important;
}

.border-primary {
    border-color: #2946b8 !important;
}

a {
    color: #2946b8;
}

a:hover {
    color: #1a2d8f;
}

/* Fix container padding on smaller screens */
@media (max-width: 767.98px) {
    .page-header .container,
    .page-body .container,
    .footer .container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Ensure consistent spacing on very small screens */
@media (max-width: 575.98px) {
    .page-header .container,
    .page-body .container,
    .footer .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Ensure cards don't stick to edges */
    .row-deck .col-12 .card {
        margin-left: 0;
        margin-right: 0;
    }
    
    /* Better spacing for card content */
    .card-body {
        padding: 1rem;
    }
    
    /* Improve table responsive behavior */
    .table-responsive {
        border: none;
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Fix for DataTables responsive issues */
@media (max-width: 767.98px) {
    .dataTables_wrapper {
        overflow-x: auto;
    }
    
    .dataTables_wrapper .row {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Improve mobile button spacing */
@media (max-width: 575.98px) {
    .page-header .btn-list {
        gap: 0.5rem;
    }
    
    .page-header .btn-list .btn {
        font-size: 0.875rem;
        padding: 0.375rem 0.75rem;
    }
}