/* ===== Custom Form Styling (Theme-Aware) ===== */

/* Card & Modal */
.card {
    box-shadow: var(--ak-shadow-sm, 0 6px 18px rgba(0, 0, 0, 0.08));
}
.modal-content {
    border-radius: var(--ak-radius-lg, 14px);
    border: 1px solid var(--ak-border-strong, rgba(0, 0, 0, 0.08));
    box-shadow: var(--ak-shadow-lg, 0 10px 25px rgba(0, 0, 0, 0.12));
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* ===== Enhanced Form Input ===== */
.form-control,
.form-select,
textarea.form-control {
    background-color: var(--ak-surface-subtle, #f8fafc);
    color: var(--ak-text-primary, #0f172a);
    border-radius: 10px;
    border: 1px solid var(--ak-border-strong, #d0d7de);
    padding: 10px 14px;
    font-size: 0.95rem;
    transition: all 0.25s ease;
}

.modal-header {
    background: var(--ak-surface-subtle, #f8fafc);
    color: var(--ak-text-primary, #0f172a);
    border-top-left-radius: var(--ak-radius-lg, 14px);
    border-top-right-radius: var(--ak-radius-lg, 14px);
}

/* Form label */
.form-label {
    font-weight: 600;
    color: var(--ak-text-secondary, #475569);
}

/* Focus effect */
.form-control:focus,
.form-select:focus {
    border-color: var(--ak-accent, #4f46e5);
    box-shadow: 0 0 0 0.2rem var(--ak-accent-soft, rgba(79, 70, 229, 0.16));
}

/* Checkbox */
.form-check-input {
    cursor: pointer;
}

.form-check-label {
    cursor: pointer;
    font-weight: 500;
}

.btn:hover {
    transform: translateY(-1px);
}

/* Table action buttons */
.btn-group .btn {
    margin-right: 4px;
}

/* ================= ALERT ================= */
.alert {
    border-radius: 12px;
}

.btn-primary {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    border: none;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, #4338ca, #4f46e5);
}

.btn-success {
    background: linear-gradient(135deg, #10b981, #059669);
    border: none;
    color: #fff;
}

.btn-success:hover,
.btn-success:focus {
    background: linear-gradient(135deg, #059669, #047857);
}

.btn-danger {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    border: none;
    color: #fff;
}

.btn-danger:hover,
.btn-danger:focus {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.btn-warning {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    border: none;
    color: #fff;
}

.btn-warning:hover,
.btn-warning:focus {
    background: linear-gradient(135deg, #d97706, #b45309);
}

.btn-info {
    background: linear-gradient(135deg, #06b6d4, #0891b2);
    border: none;
    color: #fff;
}

.btn-info:hover,
.btn-info:focus {
    background: linear-gradient(135deg, #0891b2, #0e7490);
}