.custom-data-label {
    display: block;
    background-color: #e3f2fd; /* Light blue background */
    color: #1976d2 !important; /* Dark blue text */
    border: 1px solid #bbdefb; /* Blue border */
    border-radius: 0.375rem; /* Rounded corners matching form-control */
    font-weight: 500; /* Medium weight for emphasis */
    padding: 0.20rem; /* Consistent padding */
    margin-bottom: 0; /* Remove default margin */
    margin-top: -0.25rem; /* Negative margin to pull up against label */
    min-height: 25px; /* Match form-control height */
    line-height: 1.5; /* Better text alignment */
}

.custom-label {
    color: #0d47a1 !important; /* Dark blue for labels */
    font-size: 0.95rem; /* Readable size */
    margin-bottom: 0 !important; /* Remove all bottom margin */
    display: block;
    padding-bottom: 0.125rem; /* Minimal padding to maintain separation without space */
}

.bg-gradient {
    background: linear-gradient(135deg, var(--color), var(--color-light)) !important;
}

.card {
    transition: transform 0.2s ease-in-out; /* Subtle hover effect */
}

    .card:hover {
        transform: translateY(-2px); /* Lift on hover */
    }

/* Ensure Bootstrap's form-label doesn't add extra spacing */
.form-label {
    margin-bottom: 0 !important;
}

/* Rowspan photo styling */
.photo-rowspan {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* Enhanced shadow for prominence */
    border: 2px solid #bbdefb; /* Blue border matching theme */
    transition: transform 0.2s ease; /* Subtle hover effect */
}

    .photo-rowspan:hover {
        transform: scale(1.02); /* Slight zoom on hover */
    }

/* Ensure the rowspan container fills the height */
.h-100 {
    height: 100%;
}

.position-absolute {
    position: absolute !important;
}

.top-0 {
    top: 0 !important;
}

.end-0 {
    right: 0 !important;
}