/**
 * HelloCron Custom Styles
 * Modern 2025 design for cron job management
 */

.hellocron-app {
    /* Custom styles specific to HelloCron */
}

/* Job cards hover effect */
.hellocron-app .border.bg-block:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Code blocks in modals */
.hellocron-app code {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    border-radius: 0.25rem;
}

/* Form monospace inputs */
.hellocron-app .font-monospace {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.875rem;
}

/* Stats cards animation */
.hellocron-app #stats-container .border {
    transition: transform 0.2s ease;
}

.hellocron-app #stats-container .border:hover {
    transform: translateY(-2px);
}

/* Button group responsive */
@media (max-width: 768px) {
    .hellocron-app .btn-group {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .hellocron-app .btn-group .btn {
        border-radius: 0.25rem !important;
        margin-bottom: 0.25rem;
    }
}

/* Modal improvements */
.hellocron-app .modal-body pre {
    max-height: 400px;
    overflow-y: auto;
    font-size: 0.85rem;
}

/* Badge improvements */
.hellocron-app .badge {
    font-weight: 500;
    letter-spacing: 0.025em;
}

/* Empty state */
.hellocron-app .text-center .fa-inbox {
    opacity: 0.3;
}

/* Loading states */
.hellocron-app .spinner-border {
    width: 3rem;
    height: 3rem;
    border-width: 0.3rem;
}

/* Table improvements */
.hellocron-app .table-responsive {
    border-radius: 0.5rem;
    overflow: hidden;
}

.hellocron-app .table {
    margin-bottom: 0;
}

.hellocron-app .table thead {
    background-color: var(--bs-light);
}

/* Icon animations */
.hellocron-app .fa-spin-hover:hover {
    animation: fa-spin 2s linear infinite;
}

/* Duotone icon styling */
.hellocron-app .fa-duotone {
    --fa-primary-opacity: 0.8;
    --fa-secondary-opacity: 0.4;
}