/* Finsight Button Design Standard */
.btn, .btn-large, .btn-small, .btn-flat {
    border-radius: 8px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease !important;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px);
}

.btn-indigo {
    background-color: var(--primary-1) !important;
}

/* Unified Pagination Styling */
.pagination li {
    height: 38px;
    line-height: 38px;
    margin: 0 4px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.pagination li a {
    padding: 0 15px;
    font-size: 1.1rem;
    color: #555;
    font-weight: 500;
    display: inline-block;
}

.pagination li.active {
    background-color: var(--primary-1) !important;
    box-shadow: 0 4px 10px rgba(63, 81, 181, 0.3);
}

.pagination li.active a {
    color: #fff !important;
}

.pagination li.waves-effect:hover {
    background-color: #f5f5f5;
}

/* Global Theme Overrides for Form Controls */
input:focus, textarea:focus, select:focus {
    border-bottom: 1px solid var(--primary-1) !important;
    box-shadow: 0 1px 0 0 var(--primary-1) !important;
}

.input-field input:focus + label, 
.input-field textarea:focus + label {
    color: var(--primary-1) !important;
}

.input-field .prefix.active {
    color: var(--primary-1) !important;
}

/* Checkboxes & Radios */
[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid var(--primary-1) !important;
    border-bottom: 2px solid var(--primary-1) !important;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid var(--primary-1) !important;
    background-color: var(--primary-1) !important;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after {
    background-color: var(--primary-1) !important;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
    border: 2px solid var(--primary-1) !important;
}

/* Switches */
.switch label input[type=checkbox]:checked + .lever {
    background-color: rgba(30, 58, 138, 0.4) !important;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: var(--primary-1) !important;
}