/* PROE — ProEcommerce Global Styles */

:root {
    --proe-primary: #0d6efd;
    --proe-dark: #1a1d23;
    --proe-sidebar-width: 250px;
}

/* Typography */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Sidebar navigation */
.nav-link.active {
    font-weight: 600;
}

/* Cards */
.card {
    transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

/* Dashboard metric cards - no hover lift */
.card-body .h3,
.card-body .h4 {
    transition: color 0.2s ease;
}

/* Responsive sidebar */
@media (max-width: 991.98px) {
    nav[style*="width:250px"] {
        width: 100% !important;
        position: relative !important;
        min-height: auto !important;
    }
    main[style*="margin-left:250px"] {
        margin-left: 0 !important;
    }
    .d-flex > nav + main {
        width: 100%;
    }
}

/* Table improvements */
.table th {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6c757d;
}

/* Status badges */
.badge-status-active { background-color: #198754; }
.badge-status-trial { background-color: #ffc107; color: #212529; }
.badge-status-suspended { background-color: #dc3545; }
.badge-status-cancelled { background-color: #6c757d; }
.badge-status-pending { background-color: #0dcaf0; color: #212529; }

/* Form improvements */
.form-label {
    font-weight: 500;
    font-size: 0.9rem;
}

/* Pagination */
.pagination .page-link {
    border-radius: 0.375rem;
    margin: 0 2px;
}