/* ================================
   GLOBAL
================================ */
body {
    background-color: white;
}

body,
p,
label,
input,
button,
.btn {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.btn {
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: .02em;
}

/* ================================
   LABELS
================================ */
label {
    font-size: 0.875rem;
    font-weight: 700;
    color: #555;
}

#gjs label {
    font-size: unset;
    font-weight: unset;
    color: unset;
}

/* ================================
   PRIMARY BUTTON – SaaS Style
================================ */
.btn-primary {
    --btn-grad-1: #6d7cff;
    --btn-grad-2: #8f9bff;

    background: linear-gradient(135deg, var(--btn-grad-1), var(--btn-grad-2));
    border: none;
    border-radius: 999px;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.6rem 1.4rem;

    box-shadow:
        0 10px 30px rgba(109, 124, 255, .35),
        inset 0 1px 0 rgba(255, 255, 255, .25);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}

.btn-primary:hover,
.btn-primary:focus {
    transform: translateY(-2px);
    filter: saturate(1.05);
    color: #ffffff;

    box-shadow:
        0 18px 45px rgba(109, 124, 255, .45),
        inset 0 1px 0 rgba(255, 255, 255, .35);
}

.btn-primary:active {
    transform: translateY(0);
    box-shadow:
        0 8px 20px rgba(109, 124, 255, .30),
        inset 0 2px 6px rgba(0, 0, 0, .15);
}

.btn-primary:focus-visible {
    outline: none;
    box-shadow:
        0 0 0 4px rgba(109, 124, 255, .45),
        0 18px 45px rgba(109, 124, 255, .45);
}

/* ================================
   SECONDARY BUTTON – Dark / Ghost
================================ */
.btn-secondary {
    background: rgba(0, 0, 0, .85);
    color: #ffffff;
    border: none;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.6rem 1.4rem;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, .25),
        inset 0 1px 0 rgba(255, 255, 255, .15);

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background: #000000;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow:
        0 14px 35px rgba(0, 0, 0, .35),
        inset 0 1px 0 rgba(255, 255, 255, .25);
}

.btn-secondary:active {
    transform: translateY(0);
    box-shadow:
        0 6px 16px rgba(0, 0, 0, .30),
        inset 0 2px 6px rgba(0, 0, 0, .25);
}

/* ================================
   OPTIONAL: GHOST BUTTON
================================ */
.btn-outline-secondary {
    background: transparent;
    color: #444;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 999px;
    font-weight: 600;
    padding: 0.55rem 1.2rem;
    transition: all .2s ease;
}

.btn-outline-secondary:hover {
    background: rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, .35);
}

/* ================================
   PAGINATION (unchanged, slight polish)
================================ */
.pagination {
    --bs-pagination-active-bg: #000000;
}

.active>.page-link,
.page-link.active {
    background-color: #000000;
    border-color: #000000;
}

.page-link {
    font-size: 12px;
    color: #000000;
}

/* ================================
   TABLE CLEANUP
================================ */
.table td,
.table th {
    border-left: none !important;
    border-right: none !important;
}