html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.15rem #19ab4f;
}

.form-check-input:checked {
    background-color: #19ab4f;
    border-color: #19ab4f;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


.spinner-submit {
    width: 1.5em;
    height: 1.5em;
    border: 2px solid #ccc;
    border-top: 2px solid #000;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

.spinner-submit-text {
    font-size: 0.9rem;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}



body {
    background: #f8f9fb;
}
.stat-card {
    border-radius: 12px;
    padding: 20px;
    font-weight: 600;
}

.bg-soft-orange {
    background: #fff3e6;
}

.bg-soft-green {
    background: #eaf7ec;
}

.bg-soft-blue {
    background: #edf4fa;
}

.bg-soft-yellow {
    background: #fff6df;
}

.badge-youth {
    background: #ff9f1c;
}

.badge-employed {
    background: #22c55e;
}

.badge-seeking {
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
}

table td {
    vertical-align: middle;
}

.sub-text {
    font-size: 0.8rem;
    color: #6c757d;
}



.nav-tabs .nav-link {
    border: none;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}

.nav-tabs:not(.nav-non-standard) .nav-link.active {
    background-color: #ff8c00 !important;
    color: white !important;
}

.icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
}

.is-invalid {
    border: 1px solid #f06548;
    padding-right: calc(1.5em + 1rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f06548'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f06548' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .25rem) center;
    background-size: calc(.75em + .5rem) calc(.75em + .5rem);
}

.btn-load {
    background-color: #ff8c00;
    color: white;
    border: none;
}

    .btn-load:hover {
        background-color: #e67e00;
        color: white;
    }

.badge-outline-load {
    color: #ff8c00;
    border: 1px solid #ff8c00;
    background-color: transparent;
}

.nav-non-standard a {
    background-color: var(--vz-card-bg-custom) !important;
}


.pagination-scroll-container {
    max-width: 300px; /* ?? fixed width (adjust as needed) */
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

    .pagination-scroll-container .pagination {
        flex-wrap: nowrap; /* prevent wrapping */
    }

    .pagination-scroll-container .page-item {
        display: inline-block; /* keep items in one line */
    }



element.style {
}