/* Component and utility classes */

/* Conditional button styles - hidden by default, centered when visible */
.btn-conditional {
    margin: 0 auto;
    width: auto !important;
    min-width: 120px;
}

    .btn-conditional.show {
        display: block;
    }

    .btn-conditional.d-none {
        display: none !important;
    }

/* Centered button container */
.form-footer-centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Table styles */
tr:last-child {
    border-bottom: hidden !important;
}

tr {
    border-style: hidden;
}

/* Dashboard specific styles */
.dashboard-card-min-header {
    min-height: 220px;
}

.apexcharts-svg {
    border-radius: 10px !important;
}

/* Card utilities */
.card-no-border {
    border: none !important;
}

/* Navigation styles */
.navbar {
    box-shadow: none;
}

.nav-link:focus, .nav-link:hover {
    background-color: transparent !important;
}

/* Chart and visualization styles */
.apexcharts-pie-series {
    cursor: pointer;
}

.donut-pie-loading {
    position: absolute;
    top: 25px;
    right: 30px;
    width: 9.5rem;
    height: 9.5rem;
}

/* Paper-specific styles */
.p-paper {
    /*margin-bottom: 8px !important;*/
}

.list-item-paper {
    padding-left: 5px !important;
}

.card-papers-by-points {
    font-size: 2.5rem !important;
}

/* Footer styles */
.footer {
    color: var(--tblr-secondary);
}

/* Form styles */
.form-control:-webkit-autofill {
    box-shadow: 0 0 0 1000px var(--tblr-body-bg) inset !important;
}

input:hover, input:active, input:focus, .btn:hover {
    color: inherit;
    color: var(--tblr-btn-active-color);
    background-color: var(--tblr-btn-active-bg);
    border-color: var(--tblr-btn-active-border-color);
    box-shadow: var(--tblr-btn-active-shadow);
}

.form-control:focus {
    color: inherit;
    color: var(--tblr-btn-active-color);
    background-color: var(--tblr-btn-active-bg);
    border-color: var(--tblr-btn-active-border-color);
    box-shadow: var(--tblr-btn-active-shadow);
}

.form-control.disabled::placeholder, .form-control:disabled::placeholder {
    color: var(--tblr-secondary) !important;
    user-select: none;
}

.form-control::placeholder {
    color: var(--tblr-secondary);
    opacity: 1
}

.form-check {
    cursor: pointer
}

.form-check-input {
    cursor: pointer !important;
}

    .form-check-input:checked {
        background-color: transparent !important;
    }

/* Link styles */
.link-secondary:focus, .link-secondary:hover {
    color: var(--tblr-btn-active-border-color) !important;
    text-decoration-color: var(--tblr-btn-active-border-color) !important;
}

/* Button utilities */
.btn-no-border-hover:hover,
.btn-no-border-hover:focus,
.btn-no-border-hover:active {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Utility classes */
.color-initial {
    color: initial;
}

.cursor-pointer {
    cursor: pointer !important;
}

/* Directory-specific styles */
.directory-avatar-img {
    --tblr-avatar-size: 8rem;
    --tblr-avatar-status-size: 1rem;
    --tblr-avatar-font-size: 2rem;
    --tblr-avatar-icon-size: 3rem;
}


.text-align-justify {
    text-align: justify !important;
}

.onboarding-container {
    max-width: 45rem !important;
}