/*
 |--------------------------------------------------------------------------
 | Custom Styles
 |--------------------------------------------------------------------------
 |
 | Provide a single place for bespoke overrides that complement the Tailwind
 | design system. Keep additions lean and documented.
 */

/* Drag and drop indicators for the admin gallery */
.folder-drop-target {
    border-color: #56ACDF !important;
    background-color: rgba(86, 172, 223, 0.08) !important;
}

.asset-row-dragging {
    opacity: 0.6;
}

.drag-overlay {
    border: 2px dashed #56ACDF;
    background-color: rgba(86, 172, 223, 0.08);
}

/* Generic modal backdrop helper */
.modal-backdrop {
    background-color: rgba(17, 24, 39, 0.55);
}

/* Login page styles */
.login-bg-image {
    background-image: url('/images/bg.jpg');
}

/* Linear gradient overlay for auth pages */
.auth-gradient-overlay {
    background: linear-gradient(180deg, #56ACDF00 0%, #1A6E9F 100%);
}

/* Welcome text styling */
.auth-welcome-text {
    font-family: 'Roboto', sans-serif;
    font-size: 80px;
    font-weight: 800; /* extrabold */
    line-height: 64px;
    letter-spacing: -0.25px;
}

/* Leading Image and School Proofing Portal text styling */
.auth-subtitle-text {
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 0px;
}

.asset-checkbox {
    display: block !important;
}