/* =============================================================================
   فرم‌ها — دکمه‌ها و چیدمان جذاب + موبایل
   ============================================================================= */

.ps-app .ps-btn-primary.mud-button-root {
    background: var(--theme-gradient-primary) !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    min-height: 42px;
    padding: 0 1.25rem !important;
    box-shadow: 0 3px 10px rgba(var(--theme-primary-rgb, 37, 99, 235), 0.35) !important;
    text-transform: none !important;
}

.ps-app .ps-btn-primary.mud-button-root:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 16px rgba(var(--theme-primary-rgb, 37, 99, 235), 0.45) !important;
}

.ps-app .ps-btn-success.mud-button-root {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    min-height: 42px;
    box-shadow: 0 3px 10px rgba(22, 163, 74, 0.35) !important;
}

.ps-app .ps-btn-outline.mud-button-root {
    border-width: 2px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    min-height: 40px;
}

.ps-app .ps-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    padding: 0.75rem 0;
}

.ps-app .ps-form-actions .mud-button-root {
    border-radius: 10px !important;
    font-weight: 600 !important;
    min-height: 40px;
}

/* دکمه‌های MudBlazor سراسری در فرم‌ها */
.ps-app .mud-button-root.mud-button-filled:not(.mud-button-filled-default) {
    border-radius: 10px !important;
    font-weight: 600 !important;
}

.ps-app .mud-icon-button.mud-icon-button-color-primary {
    color: var(--theme-primary) !important;
}

[data-theme="dark"] .ps-app .mud-icon-button.mud-icon-button-color-primary {
    color: var(--theme-primary-light) !important;
}

/* جداول در صفحات ثبت — اسکرول افقی موبایل */
.ps-page .mud-table-container,
.ps-page .table-scroll-container {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.ps-page .mud-table {
    min-width: 100%;
}

/* موبایل — فرم تمام‌عرض */
@media (max-width: 768px) {
    .ps-page .mud-grid .mud-item {
        padding: 4px !important;
    }

    .ps-form-section,
    .ps-app .filter-paper {
        padding: 0.75rem !important;
    }

    .ps-app .ps-form-actions {
        flex-direction: column;
        width: 100%;
    }

    .ps-app .ps-form-actions .mud-button-root {
        width: 100% !important;
    }

    .ps-app .mud-input-control {
        width: 100% !important;
    }

    .ps-app .date-picker-container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ps-app .mud-table-container {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 480px) {
    .ps-page {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .mobile-page-container {
        padding: 6px !important;
    }
}

/* ─── فیلدهای ورودی — حالت hover و disabled ─────────────────────────────── */
.ps-app .mud-input-control:hover:not(.mud-disabled) .mud-input-outlined .mud-input-outlined-border {
    border-color: rgba(var(--theme-primary-rgb, 37, 99, 235), 0.45) !important;
}

.ps-app .mud-input-control.mud-disabled {
    opacity: 0.65;
}

/* ─── چک‌باکس و سوئیچ — رنگ تم ─────────────────────────────────────────── */
.ps-app .mud-checkbox.mud-checked .mud-button-root,
.ps-app .mud-switch.mud-checked .mud-switch-track {
    color: var(--theme-primary) !important;
}

/* ─── Select و Autocomplete — موبایل ────────────────────────────────────── */
@media (max-width: 768px) {
    .ps-app .mud-select,
    .ps-app .mud-autocomplete {
        width: 100% !important;
    }

    .mud-popover .mud-list {
        max-height: 50vh !important;
    }
}

/* ─── بخش‌بندی فرم با عنوان ─────────────────────────────────────────────── */
.ps-form-section-title .mud-icon-root {
    color: var(--theme-primary) !important;
    margin-left: 6px;
}

[data-theme="dark"] .ps-form-section-title {
    color: var(--theme-primary-light, #93c5fd) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

/* ─── دکمه شناور / FAB ─────────────────────────────────────────────────── */
.ps-app .mud-fab {
    box-shadow: 0 4px 14px rgba(var(--theme-primary-rgb, 37, 99, 235), 0.4) !important;
}