body.chaharso-filter-m,
body.chaharso-filter-m .card,
body.chaharso-filter-m .card-body,
body.chaharso-filter-m #filter-form,
body.chaharso-filter-m input,
body.chaharso-filter-m select,
body.chaharso-filter-m button,
body.chaharso-filter-m label,
body.chaharso-filter-m table,
body.chaharso-filter-m th,
body.chaharso-filter-m td,
body.chaharso-filter-m .btn,
body.chaharso-filter-m .form-control,
body.chaharso-filter-m .modal-overlay,
body.chaharso-filter-m #infoModal {
    font-family: Vazirmatn, sans-serif !important;
}
body.chaharso-filter-m h1,
body.chaharso-filter-m h2,
body.chaharso-filter-m h3,
body.chaharso-filter-m h4,
body.chaharso-filter-m h5 {
    font-family: Vazirmatn, sans-serif !important;
}
html[data-theme="dark"] body.chaharso-filter-m {
    background: #051018 !important;
    color: #eef6f8 !important;
}
html[data-theme="dark"] body.chaharso-filter-m .card,
html[data-theme="dark"] body.chaharso-filter-m .card-body {
    background: #0b2730 !important;
    border-color: #163039 !important;
    color: #eef6f8 !important;
}
html[data-theme="dark"] body.chaharso-filter-m .card-header,
html[data-theme="dark"] body.chaharso-filter-m .table th,
html[data-theme="dark"] body.chaharso-filter-m .thead-dark th,
html[data-theme="dark"] body.chaharso-filter-m .badge,
html[data-theme="dark"] body.chaharso-filter-m .badge-primary {
    background: #163039 !important;
    background-image: none !important;
    border-color: #2a4a55 !important;
    color: #eef6f8 !important;
}
html[data-theme="dark"] body.chaharso-filter-m .table,
html[data-theme="dark"] body.chaharso-filter-m .table td {
    background: #0b2730 !important;
    border-color: #163039 !important;
    color: #eef6f8 !important;
}
html[data-theme="dark"] body.chaharso-filter-m .table td.da-green,
html[data-theme="dark"] body.chaharso-filter-m .table td.da-money-in,
html[data-theme="dark"] body.chaharso-filter-m .table td.da-money-cell.da-money-in {
    color: #22c55e !important;
}
html[data-theme="dark"] body.chaharso-filter-m .table td.da-red,
html[data-theme="dark"] body.chaharso-filter-m .table td.da-money-out,
html[data-theme="dark"] body.chaharso-filter-m .table td.da-money-cell.da-money-out {
    color: #ef4444 !important;
}
html[data-theme="dark"] body.chaharso-filter-m .table td:nth-child(2) {
    color: #3b82f6 !important;
}
html[data-theme="dark"] body.chaharso-filter-m .table-striped tbody tr:nth-of-type(odd) { background-color: #0a222a !important; }
html[data-theme="dark"] body.chaharso-filter-m .table-striped tbody tr:nth-of-type(even) { background-color: #0b2730 !important; }
html[data-theme="dark"] body.chaharso-filter-m .table-hover tbody tr:hover { background-color: #12343f !important; }
html[data-theme="dark"] body.chaharso-filter-m .form-control,
html[data-theme="dark"] body.chaharso-filter-m select.form-control,
html[data-theme="dark"] body.chaharso-filter-m input.form-control {
    background: #06151a !important;
    border-color: #2a4a55 !important;
    color: #eef6f8 !important;
}
html[data-theme="dark"] body.chaharso-filter-m h2,
html[data-theme="dark"] body.chaharso-filter-m h5,
html[data-theme="dark"] body.chaharso-filter-m label { color: #eef6f8 !important; }
html[data-theme="dark"] body.chaharso-filter-m .btn-primary {
    background: #c4a35a !important;
    border-color: #e0c37a !important;
    color: #1a1408 !important;
}
html:not([data-theme="dark"]) body.chaharso-filter-m { background: #eef3f5 !important; color: #0f2740 !important; }
html:not([data-theme="dark"]) body.chaharso-filter-m .card,
html:not([data-theme="dark"]) body.chaharso-filter-m .card-body {
    background: #fff !important;
    border-color: rgba(15, 39, 64, 0.1) !important;
    color: #0f2740 !important;
}
html:not([data-theme="dark"]) body.chaharso-filter-m .card-header,
html:not([data-theme="dark"]) body.chaharso-filter-m .table th,
html:not([data-theme="dark"]) body.chaharso-filter-m .badge {
    background: #e8f1f5 !important;
    color: #0f2740 !important;
    border-color: rgba(15, 39, 64, 0.12) !important;
}
html:not([data-theme="dark"]) body.chaharso-filter-m h2,
html:not([data-theme="dark"]) body.chaharso-filter-m h5,
html:not([data-theme="dark"]) body.chaharso-filter-m label { color: #0f2740 !important; }
html:not([data-theme="dark"]) body.chaharso-filter-m .form-control,
html:not([data-theme="dark"]) body.chaharso-filter-m select.form-control,
html:not([data-theme="dark"]) body.chaharso-filter-m input.form-control,
html:not([data-theme="dark"]) body.chaharso-filter-m #filter-form input,
html:not([data-theme="dark"]) body.chaharso-filter-m #filter-form select,
html:not([data-theme="dark"]) body.chaharso-filter-m #filter-form input[type="number"] {
    background: #fff !important;
    border-color: #ddd !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}
html:not([data-theme="dark"]) body.chaharso-filter-m #filter-form .namad-input-wrapper {
    background: #fff !important;
    border-color: #ddd !important;
}
html:not([data-theme="dark"]) body.chaharso-filter-m #filter-form .namad-input-wrapper > .namad-input,
html:not([data-theme="dark"]) body.chaharso-filter-m #filter-form .namad-input-wrapper > .form-control.namad-input {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: transparent !important;
}
html:not([data-theme="dark"]) body.chaharso-filter-m #filter-form .namad-input-wrapper > .namad-button {
    background: #3b82f6 !important;
    color: #fff !important;
    border-inline-start-color: #ddd !important;
}

body.chaharso-filter-m {
    min-height: 100vh;
    padding-top: 56px !important;
}

@media (max-width: 575.98px) {
    body.chaharso-filter-m { min-width: 0; }
    body.chaharso-filter-m > .ui.container {
        margin-left: 6px !important; margin-right: 6px !important;
        padding-left: 8px !important; padding-right: 8px !important;
    }
    body.chaharso-filter-m > .ui.container > .container {
        padding-left: 8px !important; padding-right: 8px !important;
    }
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100% !important; width: 100% !important;
    background: transparent; direction: rtl !important;
    text-align: right !important; padding-left: 15px !important; padding-right: 15px !important;
}

.card {
    background: rgba(30, 41, 59, 0.95) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    direction: rtl !important; text-align: right !important;
}

.card-header {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 50%, #3b82f6 100%) !important;
    border-bottom: 2px solid rgba(59, 130, 246, 0.4) !important;
    color: #ffffff !important; padding: 12px 20px !important;
}
.card-header.da-filter-card-head {
    position: relative !important; display: flex !important; flex-direction: row !important;
    flex-wrap: nowrap !important; align-items: center !important;
    justify-content: space-between !important; gap: 12px !important;
    min-height: 56px !important; padding-top: 8px !important; padding-bottom: 8px !important;
}
@media (min-width: 769px) {
    .card-header.da-filter-card-head {
        min-height: 28px !important; height: auto !important;
        padding-top: 2px !important; padding-bottom: 2px !important;
        padding-left: 14px !important; padding-right: 14px !important; gap: 6px !important;
    }
    .card-header.da-filter-card-head .da-filter-title-img { height: 26px !important; max-width: 120px !important; }
    .card-header.da-filter-card-head h5 { font-size: 0.9rem !important; }
    .card-header.da-filter-card-head h5.da-filter-head-center { font-size: 1.1rem !important; }
}
.card-header.da-filter-card-head h2, .card-header.da-filter-card-head h5 {
    display: inline-block !important; margin: 0 !important; line-height: 1.3 !important;
    white-space: nowrap !important; background: none !important;
    -webkit-background-clip: unset !important; background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important; color: #ffffff !important; text-shadow: none !important;
}
.card-header.da-filter-card-head h2 { font-size: 1.25rem !important; }
.card-header.da-filter-card-head h2.da-filter-title { display: inline-flex !important; align-items: center !important; line-height: 0 !important; }
.card-header.da-filter-card-head .da-filter-title-img {
    display: block !important; height: 52px !important; width: auto !important; max-width: 220px !important;
    object-fit: contain !important; opacity: 1 !important; pointer-events: none !important;
    background: transparent !important; background-color: transparent !important;
    border: none !important; box-shadow: none !important; filter: contrast(1.08) saturate(1.12) !important;
    mix-blend-mode: normal !important; image-rendering: auto !important;
}
.card-header.da-filter-card-head h5 { font-size: 1rem !important; opacity: 0.95; }
.card-header.da-filter-card-head h5.da-filter-head-center {
    position: absolute !important; left: 50% !important; top: 50% !important;
    transform: translate(-50%, -50%) !important; margin: 0 !important;
    z-index: 1 !important; pointer-events: none !important;
    font-size: 1.35rem !important; font-weight: 700 !important;
}

.card-body {
    background: rgba(30, 41, 59, 0.9) !important;
    color: #f1f5f9 !important;
}

.table { background: rgba(30, 41, 59, 0.7) !important; color: #f1f5f9 !important; }
.table th {
    text-align: right; background: linear-gradient(135deg, #1e40af 0%, #2563eb 50%, #3b82f6 100%) !important;
    color: #ffffff !important; border: 1px solid rgba(59, 130, 246, 0.4) !important;
    padding: 10px !important; font-weight: 600 !important;
}
.table td {
    text-align: right; background: rgba(51, 65, 85, 0.6) !important;
    color: #f1f5f9 !important; border: 1px solid rgba(59, 130, 246, 0.15) !important; padding: 8px !important;
}
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(51, 65, 85, 0.4) !important; }
.table-striped tbody tr:nth-of-type(even) { background-color: rgba(51, 65, 85, 0.6) !important; }
.table-hover tbody tr:hover { background-color: rgba(59, 130, 246, 0.25) !important; transition: background-color 0.2s ease; }

.badge {
    font-size: 0.9em; padding: 0.4em 0.6em;
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
    color: #ffffff !important; border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

.form-control {
    background: rgba(51, 65, 85, 0.8) !important;
    border: 1px solid rgba(59, 130, 246, 0.4) !important;
    color: #f1f5f9 !important; text-align: right !important; direction: rtl !important;
}
.form-control:focus {
    background: rgba(51, 65, 85, 0.95) !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important;
    color: #ffffff !important;
}
.form-control::placeholder { color: rgba(241, 245, 249, 0.6) !important; }

.btn-primary {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3) !important;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%) !important;
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.5) !important; transform: translateY(-2px);
}

.alert-info { background: rgba(59, 130, 246, 0.2) !important; border: 1px solid rgba(59, 130, 246, 0.4) !important; color: #93c5fd !important; }
.alert-danger { background: rgba(239, 68, 68, 0.2) !important; border: 1px solid rgba(239, 68, 68, 0.4) !important; color: #fca5a5 !important; }
.text-muted { color: rgba(148, 163, 184, 0.7) !important; }
.text-danger { color: #f87171 !important; }

#show_all_symbols_btn {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
    border: 1px solid rgba(59, 130, 246, 0.5) !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}
#show_all_symbols_btn:hover {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.5) !important;
}

.form-group label { text-align: right !important; display: block; width: 100%; }
.form-group:has(#id_namad) > div:first-of-type label { display: inline !important; width: auto !important; }

.card .card-body .form-control:not(.namad-input) {
    padding: 2px 6px !important; font-size: 14px !important; font-weight: 700 !important;
    height: 32px !important; min-height: 32px !important; line-height: 28px !important;
    max-width: 100px !important; width: 100% !important;
    text-align: right !important; direction: rtl !important; color: #0f172a !important;
}
.card .card-body .namad-input-wrapper .namad-input {
    max-width: none !important; width: 100% !important; min-width: 80px !important;
    height: 32px !important; min-height: 32px !important; line-height: 28px !important; font-size: 14px !important;
}
.card .card-body .form-group label { font-size: 14px !important; margin-bottom: 2px !important; padding: 0 !important; text-align: right !important; }
.card .card-body .form-group { margin-bottom: 4px !important; text-align: right !important; }
.card .card-body .form-text, .card .card-body small.form-text {
    display: block !important; font-size: 14px !important; margin-top: 2px !important;
    margin-bottom: 0 !important; line-height: 1.3 !important; color: #64748b !important; text-align: right !important;
}
.card .card-body .btn {
    padding: 4px 12px !important; font-size: 12px !important; line-height: 1.2 !important;
    height: 32px !important; min-height: 32px !important; box-sizing: border-box !important;
}
.card .card-body h6 { font-size: 12px !important; margin-bottom: 8px !important; text-align: right !important; }
.card .card-body h5 { font-size: 14px !important; }

.card .card-body .col-md-3, .card .card-body .col-md-4 {
    flex: 1 1 0 !important; max-width: none !important; min-width: 0 !important; width: auto !important;
}
.card .card-body .col-md-1-5, .card .card-body .row.da-form-row > .col-md-1-5 {
    flex: 1 1 calc((100% - 56px) / 8) !important; max-width: calc((100% - 56px) / 8) !important;
    min-width: 0 !important; width: auto !important; padding-left: 4px !important; padding-right: 4px !important;
}
.card .card-body .row {
    margin-left: 0 !important; margin-right: 0 !important; margin-top: 2px !important; margin-bottom: 2px !important;
    display: flex !important; flex-wrap: wrap !important; direction: rtl !important; text-align: right !important;
    justify-content: flex-start !important; align-items: flex-start !important; gap: 6px !important;
}
.card .card-body .row.eight-items-row, .card .card-body .row.da-form-row {
    margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;
}
.card .card-body form > .row.da-form-row, .card .card-body form > .da-filter-group, .card .card-body form > .da-filter-groups-pair { margin-top: 8px !important; }

@media (min-width: 768px) {
    #filter-form .da-ghodrat-avg5-pair-row, #filter-form .da-sarane-kh-avg21-pair-row, #filter-form .da-sarane-forosh-avg55-pair-row {
        display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 12px;
    }
    #filter-form .da-ghodrat-avg5-pair-row > [class*="col-"], #filter-form .da-sarane-kh-avg21-pair-row > [class*="col-"], #filter-form .da-sarane-forosh-avg55-pair-row > [class*="col-"] {
        flex: 1 1 0 !important; max-width: 50% !important; width: 50% !important;
    }
}

#filter-form .da-filter-groups-pair {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 20px; align-items: start; width: 100%; margin-top: 8px;
}
#filter-form .da-filter-groups-pair > .da-filter-group { margin-top: 0 !important; min-width: 0; }
@media (max-width: 991.98px) { #filter-form .da-filter-groups-pair { grid-template-columns: repeat(2, 1fr); gap: 8px 15px; } }
@media (max-width: 767.98px) { #filter-form .da-filter-groups-pair { grid-template-columns: 1fr; gap: 8px; } }

.card .card-body form > .row.da-form-row:first-of-type { margin-top: 0 !important; }
.card .card-body:has(#filter-form), #filter-form, #filter-form .da-filter-group, #filter-form .da-filter-group > .row, #filter-form .form-group, #filter-form .da-filter-label, #filter-form [class*="col-"] { overflow: visible !important; }

.card .card-body .da-filter-group { border: 0 !important; margin: 8px 0 0 !important; padding: 0 !important; overflow: visible !important; }
.card .card-body .da-filter-group > summary {
    cursor: pointer !important; list-style: none !important; display: flex !important; align-items: center !important; gap: 8px !important;
    font-size: 16px !important; font-weight: 700 !important; line-height: 1.5 !important; color: #334155 !important;
    padding: 8px 4px !important; user-select: none !important;
}
.card .card-body .da-filter-group > summary::-webkit-details-marker { display: none !important; }
.card .card-body .da-filter-group > summary::before { content: none !important; display: none !important; }
.card .card-body .da-summary-chevron {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 18px !important; height: 18px !important; flex: 0 0 18px !important; font-size: 13px !important;
    line-height: 1 !important; color: #3b82f6 !important; background: rgba(59, 130, 246, 0.1) !important; border-radius: 4px !important;
}
.card .card-body .da-filter-group[open] > summary .da-summary-chevron { transform: rotate(90deg); }
.card .card-body .da-summary-icon {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 22px !important; height: 22px !important; flex: 0 0 22px !important; color: #2563eb !important;
}
.card .card-body .da-summary-icon svg { width: 18px !important; height: 18px !important; display: block !important; }
.card .card-body .da-summary-label {
    flex: 1 1 auto !important; min-width: 0 !important; color: #2563eb !important;
    font-size: 18px !important; font-weight: 800 !important; letter-spacing: -0.02em !important;
}
.card .card-body .da-filter-group > .row.da-form-row { margin-top: 6px !important; }
.card .card-body .row.eight-items-row { align-items: stretch !important; }

/* --- اصلاحات اختصاصی برای ردیف‌های بازده میانگین و هم‌ترازی --- */

.card .card-body .da-hajm-nesbi-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    margin-bottom: 6px !important;
}

.card .card-body .da-hajm-nesbi-row > .da-filter-label:first-child {
    flex: 0 0 10.5em !important;
    width: 10.5em !important;
    max-width: 10.5em !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.card .card-body .da-hajm-nesbi-row > .da-filter-label:first-child > label {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

.card .card-body .da-hajm-nesbi-row > input.form-control,
.card .card-body .da-hajm-nesbi-row > input[type="number"] {
    width: 3.2em !important;
    min-width: 3.2em !important;
    max-width: 3.2em !important;
    flex: 0 0 3.2em !important;
    padding: 0 4px !important;
    text-align: center !important;
    margin: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
}

.card .card-body .da-hajm-nesbi-row > .da-hajm-nesbi-ta {
    flex: 0 0 auto !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.card .card-body .da-hajm-nesbi-row > .da-filter-label.da-filter-label-ta {
    display: inline-flex !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 2px !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
    position: relative !important;
}

.card .card-body .da-hajm-nesbi-row > .da-filter-label.da-filter-label-ta .da-filter-info {
    margin-top: 0 !important;
}

.card .card-body .da-hajm-nesbi-row > .da-filter-label {
    position: relative !important;
    overflow: visible !important;
}

.card .card-body .da-hajm-nesbi-row .da-filter-hint {
    position: absolute !important;
    z-index: 9990 !important;
    pointer-events: none !important;
}

.card .card-body .da-hajm-nesbi-row,
.card .card-body .da-hajm-nesbi-row .form-group,
.card .card-body .da-form-row,
.card .card-body .da-filter-group,
.card .card-body,
.card {
    overflow: visible !important;
}

@media (min-width: 769px) {
    .card .card-body .da-hajm-nesbi-row { flex-wrap: nowrap !important; }
    .card .card-body .da-hajm-nesbi-row > .da-filter-label:first-child {
        flex: 0 0 10.5em !important;
        width: 10.5em !important;
        max-width: 10.5em !important;
    }
}

@media (max-width: 768px) {
    .card .card-body .da-hajm-nesbi-row { flex-wrap: wrap !important; gap: 4px 6px !important; }
    .card .card-body .da-hajm-nesbi-row > .da-filter-label:first-child {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .card .card-body .da-hajm-nesbi-row > .da-filter-label.da-filter-label-ta {
        flex: 0 0 16px !important;
        width: 16px !important;
        max-width: 16px !important;
    }
}

/* --- ادامه استایل‌های ردیف‌های دیگر --- */

.card .card-body .da-price-pct-pair, .card .card-body .da-range-pair {
    display: flex !important; flex-direction: column !important; gap: 6px !important; height: auto !important; justify-content: flex-start !important;
}
.card .card-body .da-sarane-kh-pair { display: flex !important; align-items: center !important; height: auto !important; }
.card .card-body .da-sarane-kh-pair .da-sarane-kh-row {
    display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; margin: 0 !important; width: 100% !important;
}
.card .card-body .da-sarane-kh-pair .da-filter-label { display: inline-flex !important; margin-bottom: 0 !important; flex: 0 0 auto !important; }
.card .card-body .da-sarane-kh-pair .da-sarane-kh-ta { flex: 0 0 auto !important; font-size: 11px !important; white-space: nowrap !important; line-height: 1 !important; }
.card .card-body .da-sarane-kh-pair input.form-control, .card .card-body .da-sarane-kh-pair input {
    width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important;
}
.card .card-body .da-sarane-kh-pair .sr-only {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
.card .card-body .da-sarane-forosh-pair { display: flex !important; align-items: center !important; height: auto !important; }
.card .card-body .da-sarane-forosh-pair .da-sarane-forosh-row {
    display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; margin: 0 !important; width: 100% !important;
}
.card .card-body .da-sarane-forosh-pair .da-filter-label { display: inline-flex !important; margin-bottom: 0 !important; flex: 0 0 auto !important; }
.card .card-body .da-sarane-forosh-pair .da-sarane-forosh-ta { flex: 0 0 auto !important; font-size: 11px !important; white-space: nowrap !important; line-height: 1 !important; }
.card .card-body .da-sarane-forosh-pair input.form-control, .card .card-body .da-sarane-forosh-pair input {
    width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important;
}
.card .card-body .da-sarane-forosh-pair .sr-only {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
.card .card-body .da-ghodrat-kf-row-wrap { margin-bottom: 6px !important; align-items: center !important; }
.card .card-body .da-sarane-kh-row-wrap, .card .card-body .da-sarane-forosh-row-wrap { margin-bottom: 6px !important; align-items: center !important; }
.card .card-body .da-sarane-kh-pair, .card .card-body .da-sarane-forosh-pair { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.card .card-body .da-money-in-row-wrap, .card .card-body .da-money-out-row-wrap { margin-bottom: 6px !important; align-items: center !important; }
.card .card-body .da-money-in-pair, .card .card-body .da-money-out-pair { display: flex !important; align-items: center !important; height: auto !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.card .card-body .da-money-in-pair .da-money-in-row, .card .card-body .da-money-out-pair .da-money-out-row {
    display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; margin: 0 !important; width: 100% !important;
}
.card .card-body .da-money-in-pair .da-filter-label, .card .card-body .da-money-out-pair .da-filter-label { display: inline-flex !important; margin-bottom: 0 !important; flex: 0 0 auto !important; }
.card .card-body .da-money-in-pair .da-money-in-ta, .card .card-body .da-money-out-pair .da-money-out-ta { flex: 0 0 auto !important; font-size: 11px !important; white-space: nowrap !important; line-height: 1 !important; }
.card .card-body .da-money-in-pair input.form-control, .card .card-body .da-money-in-pair input, .card .card-body .da-money-out-pair input.form-control, .card .card-body .da-money-out-pair input {
    width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important;
}
.card .card-body .da-money-in-pair .sr-only, .card .card-body .da-money-out-pair .sr-only {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
.card .card-body .da-avg-close-5-row-wrap, .card .card-body .da-avg-close-21-row-wrap, .card .card-body .da-avg-close-55-row-wrap { margin-bottom: 6px !important; align-items: center !important; }
.card .card-body .da-avg-close-5-pair, .card .card-body .da-avg-close-21-pair, .card .card-body .da-avg-close-55-pair { display: flex !important; align-items: center !important; height: auto !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.card .card-body .da-ghodrat-kf-pair .da-ghodrat-kf-row, .card .card-body .da-sarane-kh-pair .da-sarane-kh-row, .card .card-body .da-sarane-forosh-pair .da-sarane-forosh-row, .card .card-body .da-avg-close-5-pair .da-avg-close-5-row, .card .card-body .da-avg-close-21-pair .da-avg-close-21-row, .card .card-body .da-avg-close-55-pair .da-avg-close-55-row, .card .card-body .da-close-avg-filter-inline .da-close-avg-filter-row {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; margin: 0 !important; width: 100% !important;
}
.card .card-body .da-ghodrat-kf-row > .da-filter-label:first-child, .card .card-body .da-sarane-kh-row > .da-filter-label:first-child, .card .card-body .da-sarane-forosh-row > .da-filter-label:first-child, .card .card-body .da-avg-close-5-row > .da-filter-label:first-child, .card .card-body .da-avg-close-21-row > .da-filter-label:first-child, .card .card-body .da-avg-close-55-row > .da-filter-label:first-child, .card .card-body .da-close-avg-filter-row > .da-filter-label:first-child {
    flex: 0 0 auto !important; min-width: 0 !important; max-width: 11em !important;
}
.card .card-body .da-avg-close-5-pair .da-filter-label, .card .card-body .da-avg-close-21-pair .da-filter-label, .card .card-body .da-avg-close-55-pair .da-filter-label { display: inline-flex !important; margin-bottom: 0 !important; flex: 0 0 auto !important; }
.card .card-body .da-avg-close-5-pair .da-avg-close-5-ta, .card .card-body .da-avg-close-21-pair .da-avg-close-21-ta, .card .card-body .da-avg-close-55-pair .da-avg-close-55-ta { flex: 0 0 auto !important; font-size: 11px !important; white-space: nowrap !important; line-height: 1 !important; }
.card .card-body .da-avg-close-5-pair input.form-control, .card .card-body .da-avg-close-5-pair input, .card .card-body .da-avg-close-21-pair input.form-control, .card .card-body .da-avg-close-21-pair input, .card .card-body .da-avg-close-55-pair input.form-control, .card .card-body .da-avg-close-55-pair input {
    width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important;
}
.card .card-body .da-avg-close-5-pair .sr-only, .card .card-body .da-avg-close-21-pair .sr-only, .card .card-body .da-avg-close-55-pair .sr-only {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
.card .card-body .da-hajm-nesbi-vol-row { align-items: center !important; flex-wrap: wrap !important; }
.card .card-body .da-hajm-nesbi-vol-row > .col-auto, .card .card-body .da-hajm-nesbi-vol-row > .da-hajm-nesbi-pair, .card .card-body .da-hajm-nesbi-vol-row > .da-vol-avg-inline { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
.card .card-body .da-vol-avg-inline { display: flex !important; align-items: center !important; height: auto !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.card .card-body .da-vol-avg-inline .da-vol-avg-row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; margin: 0 !important; width: 100% !important; }
.card .card-body .da-vol-avg-inline .da-filter-label { display: inline-flex !important; margin-bottom: 0 !important; flex: 0 0 auto !important; min-width: 0 !important; max-width: 11em !important; }
.card .card-body .da-vol-avg-inline input.form-control, .card .card-body .da-vol-avg-inline input { width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important; }
.card .card-body .da-vol-avg-inline .text-danger { flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; }
.card .card-body .da-close-avg-filter-row-wrap { margin-bottom: 6px !important; align-items: center !important; }
.card .card-body .da-close-avg-filter-inline { display: flex !important; align-items: center !important; height: auto !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.card .card-body .da-close-avg-filter-inline .da-close-avg-filter-row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; margin: 0 !important; width: 100% !important; }
.card .card-body .da-close-avg-filter-inline .da-filter-label { display: inline-flex !important; margin-bottom: 0 !important; flex: 0 0 auto !important; min-width: 0 !important; max-width: 11em !important; }
.card .card-body .da-close-avg-filter-row > .da-filter-label:first-child { flex: 0 0 auto !important; min-width: 0 !important; max-width: 11em !important; }
.card .card-body .da-close-avg-filter-inline select.form-control, .card .card-body .da-close-avg-filter-inline select, #filter-form .da-close-avg-filter-inline select.form-control, #filter-form .da-close-avg-filter-inline select, #filter-form .form-group.da-close-avg-filter-row > select.form-control {
    box-sizing: border-box !important; width: calc(3.2em + 3.2em + 14px) !important; min-width: calc(3.2em + 3.2em + 14px) !important; max-width: calc(3.2em + 3.2em + 14px) !important; flex: 0 0 calc(3.2em + 3.2em + 14px) !important; padding-left: 4px !important; padding-right: 4px !important;
}
.card .card-body .da-close-avg-filter-inline .text-danger { flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; }
.card .card-body .da-hajm-nesbi-pair { display: flex !important; align-items: center !important; height: auto !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-bottom: 0 !important; }
.card .card-body .da-hajm-nesbi-pair .da-hajm-nesbi-row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; margin: 0 !important; width: 100% !important; }
.card .card-body .da-hajm-nesbi-pair .da-filter-label:not(.da-filter-label-ta) { display: inline-flex !important; margin-bottom: 0 !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important; }
.card .card-body .da-hajm-nesbi-pair .da-hajm-nesbi-ta { flex: 0 0 auto !important; font-size: 11px !important; white-space: nowrap !important; line-height: 1 !important; }
.card .card-body .da-hajm-nesbi-pair input.form-control, .card .card-body .da-hajm-nesbi-pair input { width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important; }
.card .card-body .da-hajm-nesbi-pair .sr-only {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}

@media (min-width: 769px) {
    .card .card-body .da-hajm-nesbi-pair .da-hajm-nesbi-row, .card .card-body .da-vol-avg-inline .da-vol-avg-row, .card .card-body .da-money-in-pair .da-money-in-row, .card .card-body .da-money-out-pair .da-money-out-row { width: auto !important; max-width: 100% !important; justify-content: flex-start !important; }
    .card .card-body .da-hajm-nesbi-pair .da-filter-label:not(.da-filter-label-ta), .card .card-body .da-vol-avg-inline .da-filter-label:not(.da-filter-label-ta) { flex: 0 0 11em !important; width: 11em !important; max-width: 11em !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; }
    .card .card-body .da-money-in-pair .da-filter-label:not(.da-filter-label-ta), .card .card-body .da-money-out-pair .da-filter-label:not(.da-filter-label-ta) { flex: 0 0 11em !important; width: 11em !important; max-width: 11em !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; }
    .card .card-body .da-hajm-nesbi-pair .da-filter-label > label, .card .card-body .da-vol-avg-inline .da-filter-label > label, .card .card-body .da-money-in-pair .da-filter-label > label, .card .card-body .da-money-out-pair .da-filter-label > label { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; white-space: normal !important; }
    .card .card-body .da-money-in-pair select.form-control, .card .card-body .da-money-in-pair select { width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important; }
    .card .card-body .da-ghodrat-kf-pair .da-ghodrat-kf-row, .card .card-body .da-sarane-kh-pair .da-sarane-kh-row, .card .card-body .da-sarane-forosh-pair .da-sarane-forosh-row, .card .card-body .da-avg-close-5-pair .da-avg-close-5-row, .card .card-body .da-avg-close-21-pair .da-avg-close-21-row, .card .card-body .da-avg-close-55-pair .da-avg-close-55-row, .card .card-body .da-close-avg-filter-inline .da-close-avg-filter-row { width: auto !important; max-width: 100% !important; justify-content: flex-start !important; }
    .card .card-body .da-ghodrat-kf-row > .da-filter-label:first-child, .card .card-body .da-sarane-kh-row > .da-filter-label:first-child, .card .card-body .da-sarane-forosh-row > .da-filter-label:first-child, .card .card-body .da-avg-close-5-row > .da-filter-label:first-child, .card .card-body .da-avg-close-21-row > .da-filter-label:first-child, .card .card-body .da-avg-close-55-row > .da-filter-label:first-child, .card .card-body .da-close-avg-filter-row > .da-filter-label:first-child, .card .card-body .da-ghodrat-kf-pair .da-filter-label:not(.da-filter-label-ta), .card .card-body .da-sarane-kh-pair .da-filter-label:not(.da-filter-label-ta), .card .card-body .da-sarane-forosh-pair .da-filter-label:not(.da-filter-label-ta), .card .card-body .da-avg-close-5-pair .da-filter-label:not(.da-filter-label-ta), .card .card-body .da-avg-close-21-pair .da-filter-label:not(.da-filter-label-ta), .card .card-body .da-avg-close-55-pair .da-filter-label:not(.da-filter-label-ta), .card .card-body .da-close-avg-filter-inline .da-filter-label:not(.da-filter-label-ta) { flex: 0 0 11em !important; width: 11em !important; max-width: 11em !important; min-width: 0 !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; }
    .card .card-body .da-ghodrat-kf-pair .da-filter-label > label, .card .card-body .da-sarane-kh-pair .da-filter-label > label, .card .card-body .da-sarane-forosh-pair .da-filter-label > label, .card .card-body .da-avg-close-5-pair .da-filter-label > label, .card .card-body .da-avg-close-21-pair .da-filter-label > label, .card .card-body .da-avg-close-55-pair .da-filter-label > label, .card .card-body .da-close-avg-filter-inline .da-filter-label > label { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; white-space: normal !important; }
}

.card .card-body .da-ghodrat-kf-pair { display: flex !important; align-items: center !important; height: auto !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.card .card-body .da-ghodrat-kf-pair .da-ghodrat-kf-row { display: flex !important; width: 100% !important; }
.card .card-body .da-ghodrat-kf-pair .da-filter-label { display: inline-flex !important; margin-bottom: 0 !important; flex: 0 0 auto !important; }
.card .card-body .da-ghodrat-kf-pair .da-ghodrat-kf-ta { flex: 0 0 auto !important; font-size: 11px !important; white-space: nowrap !important; line-height: 1 !important; }
.card .card-body .da-ghodrat-kf-pair input.form-control, .card .card-body .da-ghodrat-kf-pair input { width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important; }
.card .card-body .da-ghodrat-kf-pair .sr-only {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
.card .card-body .da-price-pct-pair .form-group, .card .card-body .da-range-pair .form-group { margin-bottom: 0 !important; margin-top: 0 !important; }
.card .card-body .row.da-form-row .form-group label, .card .card-body .da-price-pct-pair label, .card .card-body .da-range-pair label { display: block !important; min-height: 1.35em !important; line-height: 1.25 !important; margin-bottom: 3px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: 14px !important; }
.card .card-body .row.da-form-row .da-filter-label > label, .card .card-body .form-group .da-filter-label > label { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; word-break: break-word !important; overflow-wrap: break-word !important; line-height: 1.3 !important; margin-bottom: 0 !important; min-height: 0 !important; }

.card .card-body .da-filter-label { position: relative !important; display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 4px !important; max-width: 100% !important; min-width: 0 !important; margin-bottom: 3px !important; cursor: help !important; user-select: none !important; -webkit-tap-highlight-color: transparent !important; overflow: visible !important; }
.card .card-body .da-filter-label.da-filter-label-ta, .card .card-body .da-hajm-nesbi-pair .da-filter-label.da-filter-label-ta, .card .card-body .da-money-in-pair .da-filter-label.da-filter-label-ta, .card .card-body .da-money-out-pair .da-filter-label.da-filter-label-ta, .card .card-body .da-ghodrat-kf-pair .da-filter-label.da-filter-label-ta, .card .card-body .da-sarane-kh-pair .da-filter-label.da-filter-label-ta, .card .card-body .da-sarane-forosh-pair .da-filter-label.da-filter-label-ta, .card .card-body .da-avg-close-5-pair .da-filter-label.da-filter-label-ta, .card .card-body .da-avg-close-21-pair .da-filter-label.da-filter-label-ta, .card .card-body .da-avg-close-55-pair .da-filter-label.da-filter-label-ta { display: inline-flex !important; flex: 0 0 16px !important; width: 16px !important; min-width: 16px !important; max-width: 16px !important; align-items: center !important; justify-content: center !important; margin-bottom: 0 !important; margin-inline: 2px !important; gap: 0 !important; overflow: visible !important; }
.card .card-body .da-filter-info { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 16px !important; flex: 0 0 16px !important; margin-top: 2px !important; border-radius: 50% !important; background: #d4e4f7 !important; color: #3d6a9a !important; box-shadow: 0 1px 3px rgba(65, 118, 144, 0.12) !important; transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease !important; }
.card .card-body .da-filter-info svg { width: 11px !important; height: 11px !important; display: block !important; }
.card .card-body .da-filter-label:hover .da-filter-info, .card .card-body .da-filter-label.is-hint-open .da-filter-info { transform: scale(1.25) !important; filter: saturate(1.15) brightness(1.05) !important; box-shadow: 0 2px 8px rgba(65, 118, 144, 0.2) !important; }
.card .card-body .da-filter-hint { position: absolute !important; z-index: 9990 !important; top: calc(100% + 6px); left: auto; right: 0; bottom: auto; transform: translateY(4px); width: max-content !important; min-width: 160px !important; max-width: min(300px, calc(100vw - 32px)) !important; box-sizing: border-box !important; padding: 10px 12px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.55 !important; text-align: right !important; direction: rtl !important; color: #1e293b !important; background: #e8f1f5 !important; border: 1px solid rgba(65, 118, 144, 0.22) !important; box-shadow: 0 8px 24px rgba(15, 39, 64, 0.14) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
.card .card-body .da-filter-label.da-filter-label-ta .da-filter-hint { right: 50% !important; transform: translateX(50%) translateY(4px) !important; }
.card .card-body .da-filter-label.da-filter-label-ta:hover .da-filter-hint, .card .card-body .da-filter-label.da-filter-label-ta.is-hint-open .da-filter-hint { transform: translateX(50%) translateY(0) !important; }
#filter-form .form-group, #filter-form .da-form-row, #filter-form .da-filter-group, #filter-form [class*="-pair"], #filter-form [class*="-inline"], #filter-form [class*="-row"], #filter-form .da-filter-label, .card .card-body .da-filter-label, .card .card-body, .card { overflow: visible !important; }
.card .card-body .da-filter-hint.da-hint-above { top: auto !important; bottom: calc(100% + 6px) !important; transform: translateY(-4px) !important; }
.card .card-body .da-filter-label.da-filter-label-ta .da-filter-hint.da-hint-above { transform: translateX(50%) translateY(-4px) !important; }
.card .card-body .da-filter-label:hover .da-filter-hint, .card .card-body .da-filter-label.is-hint-open .da-filter-hint { opacity: 1 !important; visibility: visible !important; transform: translateY(0); }
.card .card-body .da-filter-label.da-filter-label-ta:hover .da-filter-hint.da-hint-above, .card .card-body .da-filter-label.da-filter-label-ta.is-hint-open .da-filter-hint.da-hint-above { transform: translateX(50%) translateY(0) !important; }
@media (hover: none) {
    .card .card-body .da-filter-label:hover .da-filter-hint { opacity: 0 !important; visibility: hidden !important; transform: translateY(4px); }
    .card .card-body .da-filter-label.da-filter-label-ta:hover .da-filter-hint { transform: translateX(50%) translateY(4px) !important; }
    .card .card-body .da-filter-label.is-hint-open .da-filter-hint { opacity: 1 !important; visibility: visible !important; transform: translateY(0); }
    .card .card-body .da-filter-label.da-filter-label-ta.is-hint-open .da-filter-hint { transform: translateX(50%) translateY(0) !important; }
}
html[data-theme="dark"] .card .card-body .da-filter-hint { color: #e2e8f0 !important; background: #1e293b !important; border-color: rgba(59, 130, 246, 0.35) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important; }
html[data-theme="dark"] .card .card-body .da-filter-info { background: #1e3a5f !important; color: #93c5fd !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; }

.card .card-body .da-action-row { margin-top: 12px !important; align-items: center !important; justify-content: flex-start !important; }
.card .card-body .da-action-btns { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; }
.card .card-body .da-action-btns .da-search-btn, .card .card-body .da-action-btns .da-reset-btn, #filter-form .da-strategy-btn { height: 32px !important; min-width: 88px !important; white-space: nowrap !important; margin: 0 !important; padding: 4px 12px !important; font-size: 12px !important; line-height: 1.2 !important; font-family: Vazirmatn, sans-serif !important; font-weight: 700 !important; border-radius: 6px !important; }
#filter-form .da-strategy-col { display: flex; align-items: center; flex: 1 1 auto !important; max-width: none !important; min-width: 0 !important; }
#filter-form.card .card-body .da-strategy-col, .card .card-body #filter-form .da-strategy-col, .card .card-body .row.da-form-row > .da-strategy-col { flex: 1 1 auto !important; max-width: none !important; min-width: 120px !important; width: auto !important; }
#filter-form .da-strategy-form-group { width: 100%; margin-bottom: 0 !important; }
#filter-form .da-strategy-label { display: block; font-size: 12px !important; margin-bottom: 4px; }
#filter-form .da-strategy-row { display: flex; align-items: center; gap: 12px; width: 100%; flex-wrap: nowrap; }
#filter-form .da-strategy-btn { height: 32px !important; flex: 0 0 auto !important; min-width: 88px !important; max-width: none !important; width: auto !important; padding: 4px 12px !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 700 !important; font-family: Vazirmatn, sans-serif !important; white-space: nowrap !important; border-radius: 6px !important; }
#filter-form .da-strategy-selected { flex: 1 1 auto; min-width: 0; max-width: none; line-height: 1.3; }
#filter-form .da-strategy-selected-title { font-size: 16px !important; font-weight: 800 !important; font-family: Vazirmatn, sans-serif !important; color: #0f172a !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; max-width: none !important; width: auto !important; height: auto !important; line-height: 1.35 !important; display: block; }
html[data-theme="dark"] #filter-form .da-strategy-selected-title { color: #e2e8f0 !important; }
@media (min-width: 769px) {
    #filter-form .da-top-row { display: flex !important; flex-wrap: nowrap !important; }
    #filter-form .da-top-row > .namad-field-col { order: 1; }
    #filter-form .da-top-row > .col-md-1-5:not(.namad-field-col):not(.date-field-col):not(.da-strategy-col) { order: 2; }
    #filter-form .da-top-row > .da-date-from-col { order: 3; }
    #filter-form .da-top-row > .da-date-to-col { order: 4; }
    #filter-form .da-top-row > .da-strategy-col { order: 5; flex: 1 1 auto !important; max-width: none !important; min-width: 140px !important; width: auto !important; align-items: center; }
}
@media (max-width: 768px) {
    #filter-form .da-top-row > .da-strategy-col { order: -1; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; min-width: 0 !important; margin-bottom: 8px; }
    #filter-form .da-strategy-selected-title { font-size: 16px !important; }
}

.card .card-body .row > .col-md-4 { padding-left: 2px !important; padding-right: 2px !important; }
.card .card-body .row > .col-md-3 { padding-left: 2px !important; padding-right: 2px !important; }
.card .card-body .row > .date-field-col, .card .card-body .row > .namad-field-col { padding-left: 8px !important; padding-right: 8px !important; }
.card .card-body form { direction: rtl !important; text-align: right !important; }
.card .card-body #filter-form { overflow: visible !important; }
#filter-form input[type="number"], .card .card-body input[type="number"] { -moz-appearance: textfield !important; appearance: textfield !important; }
#filter-form input[type="number"]::-webkit-outer-spin-button, #filter-form input[type="number"]::-webkit-inner-spin-button, .card .card-body input[type="number"]::-webkit-outer-spin-button, .card .card-body input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; }
.card .card-body .col-md-3, .card .card-body .col-md-4 { direction: rtl !important; text-align: right !important; }
.card .card-body .row > .col-md-4:not(.namad-field-col) { text-align: right !important; direction: rtl !important; }
.card .card-body .row > .col-md-4:not(.namad-field-col) .form-group { text-align: right !important; direction: rtl !important; }
.card .card-body .row > .col-md-4:not(.namad-field-col) .form-control { text-align: right !important; direction: rtl !important; }
.card .card-body .row > .col-md-4:not(.namad-field-col) label { text-align: right !important; direction: rtl !important; }
.card .card-body .form-group { text-align: right !important; direction: rtl !important; }
.card .card-body .form-group label { text-align: right !important; }
.card .card-body .form-control { text-align: right !important; direction: rtl !important; }
.card .card-body .form-text, .card .card-body small.form-text { display: block !important; font-size: 11px !important; margin-top: 6px !important; line-height: 1.35 !important; color: #64748b !important; text-align: right !important; }
.card .card-body h6 { text-align: right !important; direction: rtl !important; }
.card .card-body .btn-primary { margin-left: 0 !important; margin-right: auto !important; float: left !important; display: block !important; }
.date-field-col { margin-left: 0 !important; margin-right: 0 !important; }
.date-field-col .form-group { text-align: right !important; direction: rtl !important; }
.date-field-col label { text-align: right !important; direction: rtl !important; }
body { direction: rtl !important; }
.card-header { direction: rtl !important; text-align: right !important; }
.card-body { direction: rtl !important; text-align: right !important; }

.da-dt-processing-wrap { position: relative !important; min-height: 180px !important; overflow: hidden !important; width: 100% !important; max-width: 100% !important; border-radius: 10px; }
.da-dt-processing-wrap > .table-responsive { overflow: hidden !important; max-width: 100% !important; }
.da-dt-processing-wrap #filter-results-table { width: 100% !important; max-width: 100% !important; }
.da-dt-processing-wrap > .da-dt-processing { position: relative !important; min-height: 200px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; background: rgba(248, 250, 252, 0.95) !important; border-radius: 10px; color: #1e40af !important; font-weight: 700 !important; font-size: 15px !important; }
html[data-theme="dark"] .da-dt-processing-wrap > .da-dt-processing { background: rgba(15, 23, 42, 0.92) !important; color: #93c5fd !important; }
.da-dt-processing__dots { position: relative !important; width: 80px !important; height: 15px !important; margin: 0 auto !important; }
.da-dt-processing__dots > div { position: absolute !important; top: 0 !important; width: 13px !important; height: 13px !important; border-radius: 50% !important; background: rgb(13, 110, 253) !important; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.da-dt-processing__dots > div:nth-child(1) { left: 8px; animation: da-dt-loader-1 0.6s infinite; }
.da-dt-processing__dots > div:nth-child(2) { left: 8px; animation: da-dt-loader-2 0.6s infinite; }
.da-dt-processing__dots > div:nth-child(3) { left: 32px; animation: da-dt-loader-2 0.6s infinite; }
.da-dt-processing__dots > div:nth-child(4) { left: 56px; animation: da-dt-loader-3 0.6s infinite; }
@keyframes da-dt-loader-1 { 0% { transform: scale(0); } 100% { transform: scale(1); } }
@keyframes da-dt-loader-3 { 0% { transform: scale(1); } 100% { transform: scale(0); } }
@keyframes da-dt-loader-2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } }
.row { direction: rtl !important; }

#filter-results-table { direction: rtl; width: max-content !important; max-width: none !important; table-layout: auto !important; }
#filter-results-table thead th, #filter-results-table tbody td, #filter-results-table tfoot th { width: auto !important; min-width: 0 !important; max-width: none !important; white-space: nowrap !important; box-sizing: border-box !important; }
#filter-results-table thead th { text-align: center !important; position: relative; padding: 8px 16px 8px 6px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.3 !important; }
#filter-results-table tbody td, #filter-results-table tfoot th { text-align: center !important; padding: 6px 5px !important; font-size: 13px !important; }
#filter-results-table thead th:first-child, #filter-results-table tbody td:first-child { padding: 6px 3px !important; font-size: 12px !important; text-align: center !important; }
#filter-results-table thead th:nth-child(2), #filter-results-table tbody td:nth-child(2) { font-size: 16px !important; font-weight: 700 !important; }
#filter-results-table tbody td:nth-child(2) { font-weight: 700 !important; }
#filter-results-table tbody td.da-candle-cell, #filter-results-table tbody td:nth-child(3) { padding: 1px 3px !important; text-align: center !important; vertical-align: middle !important; line-height: 0 !important; }
#filter-results-table thead th:nth-child(3) { text-align: center !important; padding: 6px 4px !important; }
.da-mini-candle { display: inline-block; vertical-align: middle; overflow: visible; }
#filter-results-table thead th:last-child, #filter-results-table tbody td:last-child { min-width: 12em !important; max-width: 18em !important; width: 14em !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; line-height: 1.35 !important; text-align: center !important; }
input[name="vol_avg5_tse"] ~ .form-text, input[name="vol_avg20_tse"] ~ .form-text, input[name="vol_avg60_tse"] ~ .form-text { display: block !important; margin-top: 6px !important; font-size: 11px !important; line-height: 1.35 !important; color: #64748b !important; text-align: right !important; }

.date-field-col .form-group { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; min-height: 0 !important; }
.date-field-col input[name="date_from"] ~ .form-text, .date-field-col input[name="date_to"] ~ .form-text { position: static !important; display: block !important; width: 100% !important; margin: 4px 0 0 !important; padding: 0 !important; text-align: center !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; color: #64748b !important; white-space: nowrap !important; }
.da-top-row > .date-field-col { align-self: flex-start !important; flex: 1 1 0 !important; max-width: none !important; min-width: 0 !important; }
.da-top-row { flex-wrap: wrap !important; align-items: flex-start !important; }
@media (min-width: 769px) {
    #filter-form .da-top-row { flex-wrap: nowrap !important; gap: 4px !important; justify-content: flex-start !important; }
    #filter-form .da-top-row > .date-field-col { flex: 0 0 auto !important; width: auto !important; max-width: 100px !important; min-width: 0 !important; padding-left: 2px !important; padding-right: 2px !important; margin: 0 !important; }
    #filter-form .da-top-row .form-control, #filter-form .da-top-row input, #filter-form .da-top-row select, #filter-form .da-top-row .namad-input { font-size: 14px !important; }
    #filter-form .da-top-row label, #filter-form .da-top-row .namad-label, #filter-form .da-top-row .da-filter-label > label { font-size: 12px !important; }
    #filter-form #sector_tse_input_id, #filter-form .da-top-row select#sector_tse_input_id { max-width: 160px !important; width: 160px !important; min-width: 160px !important; }
    #filter-form #date_from_input_id, #filter-form #date_to_input_id { max-width: 96px !important; width: 96px !important; min-width: 96px !important; }
    .da-top-row > .namad-field-col, #filter-form .da-top-row > .namad-field-col, .card .card-body #filter-form .da-top-row > .namad-field-col, .card .card-body .row.da-form-row.da-top-row > .namad-field-col { flex: 0 0 160px !important; max-width: 160px !important; min-width: 160px !important; width: 160px !important; padding-left: 2px !important; padding-right: 2px !important; }
    #filter-form .da-top-row > .col-md-1-5:not(.namad-field-col):not(.date-field-col):not(.da-strategy-col) { flex: 0 0 168px !important; max-width: 168px !important; min-width: 168px !important; padding-left: 2px !important; padding-right: 2px !important; }
    #filter-form .da-top-row > .da-strategy-col { flex: 1 1 auto !important; max-width: none !important; min-width: 120px !important; width: auto !important; padding-left: 8px !important; padding-right: 2px !important; }
}

.card .card-body .form-group .form-text { white-space: normal !important; word-wrap: break-word !important; max-width: 100% !important; }
.date-field-col .da-filter-label[data-da-filter-hint] { display: inline-flex !important; width: fit-content !important; max-width: 100% !important; align-items: center !important; gap: 4px !important; }
.date-field-col .da-filter-label > label { flex: 0 0 auto !important; width: auto !important; }
.date-field-col .da-filter-info { margin-top: 0 !important; }

@media (max-width: 768px) {
    .card .card-body .row.da-form-row > .col-md-1-5, .card .card-body .row.da-form-row > .col-auto { flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; }
    .card .card-body .row.da-top-row > .date-field-col { flex: 1 1 calc(50% - 5px) !important; max-width: calc(50% - 5px) !important; width: calc(50% - 5px) !important; }
    .card .card-body .da-ghodrat-kf-row, .card .card-body .da-hajm-nesbi-row, .card .card-body .da-sarane-kh-row, .card .card-body .da-sarane-forosh-row, .card .card-body .da-money-in-row, .card .card-body .da-money-out-row, .card .card-body .da-vol-avg-row, .card .card-body .da-avg-close-5-row, .card .card-body .da-avg-close-21-row, .card .card-body .da-avg-close-55-row, .card .card-body .da-close-avg-filter-row { flex-wrap: nowrap !important; align-items: center !important; }
    .card .card-body .da-ghodrat-kf-row > .da-filter-label:first-child, .card .card-body .da-sarane-kh-row > .da-filter-label:first-child, .card .card-body .da-sarane-forosh-row > .da-filter-label:first-child, .card .card-body .da-avg-close-5-row > .da-filter-label:first-child, .card .card-body .da-avg-close-21-row > .da-filter-label:first-child, .card .card-body .da-avg-close-55-row > .da-filter-label:first-child, .card .card-body .da-close-avg-filter-row > .da-filter-label:first-child, .card .card-body .da-money-in-row > .da-filter-label:first-child, .card .card-body .da-money-out-row > .da-filter-label:first-child, .card .card-body .da-hajm-nesbi-row > .da-filter-label:first-child, .card .card-body .da-vol-avg-row > .da-filter-label:first-child { flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important; }
    .card .card-body .da-ghodrat-kf-row, .card .card-body .da-hajm-nesbi-row, .card .card-body .da-sarane-kh-row, .card .card-body .da-sarane-forosh-row, .card .card-body .da-money-in-row, .card .card-body .da-money-out-row, .card .card-body .da-vol-avg-row, .card .card-body .da-avg-close-5-row, .card .card-body .da-avg-close-21-row, .card .card-body .da-avg-close-55-row, .card .card-body .da-close-avg-filter-row, .card .card-body .da-ghodrat-kf-row label, .card .card-body .da-hajm-nesbi-row label, .card .card-body .da-sarane-kh-row label, .card .card-body .da-sarane-forosh-row label, .card .card-body .da-money-in-row label, .card .card-body .da-money-out-row label, .card .card-body .da-vol-avg-row label, .card .card-body .da-avg-close-5-row label, .card .card-body .da-avg-close-21-row label, .card .card-body .da-avg-close-55-row label, .card .card-body .da-close-avg-filter-row label, .card .card-body .da-ghodrat-kf-row .form-control, .card .card-body .da-hajm-nesbi-row .form-control, .card .card-body .da-sarane-kh-row .form-control, .card .card-body .da-sarane-forosh-row .form-control, .card .card-body .da-money-in-row .form-control, .card .card-body .da-money-out-row .form-control, .card .card-body .da-vol-avg-row .form-control, .card .card-body .da-avg-close-5-row .form-control, .card .card-body .da-avg-close-21-row .form-control, .card .card-body .da-avg-close-55-row .form-control, .card .card-body .da-close-avg-filter-row .form-control, .card .card-body .da-ghodrat-kf-row input, .card .card-body .da-hajm-nesbi-row input, .card .card-body .da-sarane-kh-row input, .card .card-body .da-sarane-forosh-row input, .card .card-body .da-money-in-row input, .card .card-body .da-money-out-row input, .card .card-body .da-vol-avg-row input, .card .card-body .da-avg-close-5-row input, .card .card-body .da-avg-close-21-row input, .card .card-body .da-avg-close-55-row input, .card .card-body .da-close-avg-filter-row input { position: static !important; transform: none !important; min-height: 0 !important; top: auto !important; left: auto !important; right: auto !important; }
    .card .card-body .da-form-row .form-group { position: relative !important; min-height: 0 !important; height: auto !important; }
    .card .card-body .da-form-row .form-group > label, .card .card-body .da-form-row .form-group > .form-control, .card .card-body .da-form-row .form-group > select.form-control, .card .card-body .da-form-row .namad-input-wrapper { position: static !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important; }
    .container { padding: 10px !important; }
    h2 { font-size: 12px !important; margin-bottom: 15px !important; }
    .card.mb-4 { margin-bottom: 20px !important; }
    .card-header h5 { font-size: 16px !important; }
    .row { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 10px !important; margin: 0 !important; align-items: stretch !important; }
    .row .col-md-4, .row .col-md-3, .row .col-md-2 { width: calc(50% - 5px) !important; margin-bottom: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; }
    .row .col-md-6 { width: 100% !important; margin-bottom: 0 !important; padding: 0 !important; }
    .row .col-md-12 { width: 100% !important; margin-bottom: 0 !important; padding: 0 !important; }
    .row { display: flex !important; align-items: stretch !important; justify-content: center !important; gap: 10px !important; }
    .row .col-md-4, .row .col-md-3, .row .col-md-2 { flex: 1 !important; display: flex !important; flex-direction: column !important; }
    #filter-form .form-group { margin-bottom: 12px !important; position: relative !important; min-height: 0 !important; height: auto !important; }
    #filter-form .form-group label, #filter-form .form-group .form-control, #filter-form .form-group .namad-input-wrapper, #filter-form .da-filter-label, #filter-form .namad-label { position: static !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; text-align: right !important; margin: 0 0 4px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; }
    #filter-form .form-group .form-control:not(.namad-input):not(select) { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; }
    #filter-form .da-close-avg-filter-inline { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
    #filter-form .da-close-avg-filter-inline .da-close-avg-filter-row { display: flex !important; width: 100% !important; }
    #filter-form .form-group.da-close-avg-filter-row > select.form-control, #filter-form .da-close-avg-filter-inline select.form-control { display: block !important; box-sizing: border-box !important; flex: 0 0 calc(3.2em + 3.2em + 14px) !important; width: calc(3.2em + 3.2em + 14px) !important; min-width: calc(3.2em + 3.2em + 14px) !important; max-width: calc(3.2em + 3.2em + 14px) !important; margin: 0 !important; }
    #filter-form .namad-input-wrapper { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; border: 1px solid #ddd !important; border-radius: 6px !important; overflow: hidden !important; background: #fff !important; }
    #filter-form .namad-input-wrapper .namad-input, #filter-form .namad-input-wrapper .form-control.namad-input { flex: 1 1 auto !important; display: block !important; width: auto !important; max-width: none !important; min-width: 0 !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background: transparent !important; }
    #filter-form .namad-input-wrapper .namad-button { flex: 0 0 28px !important; align-self: stretch !important; margin: 0 !important; border: none !important; border-radius: 0 !important; height: auto !important; }
    .form-control:not(.namad-input) { font-size: 14px !important; padding: 4px 8px !important; height: 32px !important; min-height: 32px !important; border: 1px solid #ddd !important; border-radius: 6px !important; width: 100% !important; text-align: left !important; vertical-align: middle !important; line-height: 1.2 !important; }
    #filter-form .namad-input-wrapper .namad-input.form-control { width: auto !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
    .form-control:focus { border-color: #007bff !important; box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important; outline: none !important; }
    input[type="number"] { text-align: center !important; font-weight: 600 !important; }
    .namad-input { text-align: left !important; }
    .btn { font-size: 14px !important; padding: 8px 16px !important; min-height: 40px !important; }
    #filter-results-table { font-size: 13px !important; width: max-content !important; }
    #filter-results-table th, #filter-results-table td { padding: 6px 4px !important; min-width: 0 !important; width: auto !important; white-space: nowrap !important; font-size: 13px !important; }
    .filter-results-container { padding: 10px !important; }
    .result-item { padding: 12px !important; margin-bottom: 10px !important; }
    .result-item h5 { font-size: 14px !important; }
    .pagination-controls { flex-wrap: wrap !important; gap: 5px !important; }
    .pagination-controls button { padding: 6px 10px !important; font-size: 12px !important; }
    .modal-dialog { margin: 10px !important; }
    .modal-content { border-radius: 8px !important; }
    .loading-overlay { padding: 20px !important; }
    .loading-overlay .spinner-border { width: 2rem !important; height: 2rem !important; }
    .namad-input-wrapper { display: flex !important; align-items: stretch !important; gap: 0 !important; border-radius: 6px !important; overflow: hidden !important; border: 1px solid #ddd !important; }
    .namad-input { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; border: none !important; border-radius: 0 !important; height: 34px !important; line-height: 32px !important; padding: 2px 6px !important; font-size: 14px !important; }
    .namad-input:focus { outline: none !important; }
    .namad-button { flex: 0 0 auto !important; padding: 10px 12px !important; font-size: 14px !important; border: none !important; background: #f8f9fa !important; color: #495057 !important; cursor: pointer !important; border-left: 1px solid #ddd !important; }
    .namad-button:hover { background: #e9ecef !important; }
    select.form-control { background-image: url("../svg/dropdown-arrow.svg") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 12px !important; padding-right: 35px !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; }
    .form-check { display: flex !important; align-items: center !important; gap: 8px !important; margin: 8px 0 !important; }
    .form-check-input { width: 18px !important; height: 18px !important; margin: 0 !important; }
    .form-check-label { font-size: 14px !important; margin: 0 !important; }
    .mobile-adjusted { margin-bottom: 15px !important; }
    .mobile-input { font-size: 14px !important; padding: 8px 12px !important; height: 40px !important; }
    .mobile-btn { font-size: 14px !important; padding: 8px 16px !important; min-height: 40px !important; }
    .mobile-table { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    .mobile-data-table { font-size: 12px !important; min-width: 800px !important; }
    .mobile-data-table th, .mobile-data-table td { padding: 8px 4px !important; white-space: nowrap !important; }
    .mobile-form-row { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 0px !important; margin: 0 !important; }
    .card .card-body .row.mobile-form-row { gap: 0px !important; }
    .mobile-form-col-half { width: calc(50% - 5px) !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; }
    .mobile-form-col-half .form-group { position: relative !important; min-height: 80px !important; margin-bottom: 12px !important; }
    .mobile-form-col-half .form-group:has(.form-text) { height: auto !important; min-height: 108px !important; padding-bottom: 4px !important; }
    .mobile-form-col-half .form-group .form-text { position: relative !important; margin-top: 70px !important; font-size: 11px !important; line-height: 1.35 !important; color: #64748b !important; text-align: center !important; }
    .mobile-form-col-half .form-group label { position: absolute !important; top: 2px !important; left: 0 !important; right: 0 !important; text-align: center !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; z-index: 3 !important; margin: 0 !important; padding: 0 !important; }
    .mobile-date-from-spacing .form-group label { left: 10px !important; right: 130px !important; }
    .mobile-date-to-spacing .form-group label { left: 60px !important; right: 10px !important; }
    .mobile-form-col-half input[id*="date"] { position: absolute !important; top: 50% !important; left: 0 !important; right: 0 !important; transform: translateY(-20%) !important; margin: 2px 18px !important; padding: 0px 2px !important; min-width: 10px !important; width: 10px !important; }
    .mobile-form-col-full { width: 100% !important; padding: 0 !important; margin: 0 !important; }
    .mobile-form-col-full .form-group { position: relative !important; height: 80px !important; margin-bottom: 12px !important; }
    .mobile-form-col-full .form-group label { position: absolute !important; top: 2px !important; left: 0 !important; right: 0 !important; text-align: center !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; z-index: 3 !important; margin: 0 !important; padding: 0 !important; }
    .mobile-form-col-full .form-group:has(.form-text) { min-height: 112px !important; height: auto !important; padding-bottom: 4px !important; }
    .mobile-form-col-full .form-group .form-text { position: relative !important; margin-top: 72px !important; font-size: 11px !important; line-height: 1.35 !important; color: #64748b !important; text-align: center !important; }
    .mobile-form-col-full .form-group .form-control { position: absolute !important; top: 50% !important; left: 0 !important; right: 0 !important; transform: translateY(-50%) !important; margin: 0 !important; }
    .mobile-form-col-full .form-group .form-control { align-self: stretch !important; position: relative !important; }
    .mobile-range-item { flex: 1 !important; margin-bottom: 0 !important; background: white !important; padding: 10px !important; border-radius: 6px !important; border: 1px solid #dee2e6 !important; position: relative !important; height: 80px !important; }
    .mobile-range-item label { position: absolute !important; top: 2px !important; left: 0 !important; right: 0 !important; text-align: center !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; z-index: 3 !important; margin: 0 !important; padding: 0 !important; }
    .mobile-range-item .form-control { align-self: stretch !important; position: relative !important; }
    .mobile-input { font-size: 14px !important; padding: 10px 12px !important; height: 42px !important; border: 1px solid #ddd !important; border-radius: 6px !important; width: 100% !important; box-sizing: border-box !important; text-align: left !important; vertical-align: middle !important; line-height: 1.4 !important; }
    .mobile-input:focus { border-color: #007bff !important; box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important; outline: none !important; }
    .mobile-form-col-half input[id*="date"] { min-width: 54px !important; width: 54px !important; }
    .mobile-date-from-spacing { margin-right: 50px !important; }
    .mobile-date-to-spacing { margin-left: 50px !important; }
    #date_from_input_id { margin-right: 10px !important; }
    #date_to_input_id { margin-left: 305px !important; }
    .mobile-range-item input[type="number"] { text-align: center !important; font-weight: 600 !important; font-size: 14px !important; }
    .mobile-btn { font-size: 14px !important; padding: 10px 16px !important; min-height: 42px !important; border-radius: 6px !important; width: 100% !important; box-sizing: border-box !important; }
    .mobile-namad-wrapper { border: 1px solid #ddd !important; border-radius: 6px !important; overflow: hidden !important; }
    .mobile-namad-btn { padding: 10px 12px !important; border: none !important; background: #f8f9fa !important; border-left: 1px solid #ddd !important; }
    .mobile-small-item { position: relative !important; height: 120px !important; margin-bottom: 12px !important; flex: 1 !important; }
    .mobile-small-item .form-group { position: relative !important; height: 100% !important; margin: 0 !important; padding: 0 !important; }
    .mobile-small-item .form-group label { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; text-align: center !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; z-index: 3 !important; margin: 0 !important; padding: 0 !important; }
    .mobile-small-item .form-group .form-control { position: absolute !important; top: 50% !important; left: 0 !important; right: 0 !important; transform: translateY(-50%) !important; margin: 0 !important; padding: 6px 8px !important; font-size: 12px !important; height: 32px !important; }
    .mobile-small-item .form-group .form-text { position: relative !important; display: block !important; margin-top: 58px !important; font-size: 10px !important; line-height: 1.3 !important; color: #64748b !important; text-align: center !important; }
    .mobile-small-item .form-group:has(.form-text) { min-height: 115px !important; height: auto !important; }
    .card .card-body .form-group .form-text { position: relative !important; display: block !important; font-size: 11px !important; line-height: 1.35 !important; color: #64748b !important; text-align: center !important; }
    .mobile-namad-col { height: auto !important; position: relative !important; margin-bottom: 12px !important; display: block !important; overflow: visible !important; }
    .mobile-namad-col .namad-label, .mobile-namad-col .namad-input-wrapper { position: static !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; margin: 0 0 4px !important; }
    .mobile-select { background-image: url("../svg/dropdown-arrow.svg") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 12px !important; padding-right: 35px !important; appearance: none !important; -webkit-appearance: none !important; }
    @media (max-width: 768px) {
        .card-body { padding: 15px !important; }
        .form-group.range-group { border: 1px solid #e9ecef !important; border-radius: 8px !important; padding: 15px !important; margin-bottom: 15px !important; background: #f8f9fa !important; }
        .form-group.range-group .row { gap: 8px !important; align-items: stretch !important; justify-content: center !important; }
        .form-group.range-group .form-group { width: calc(50% - 8px) !important; margin-bottom: 0 !important; background: white !important; padding: 10px !important; border-radius: 6px !important; border: 1px solid #dee2e6 !important; position: relative !important; height: 80px !important; }
        .form-group.range-group .form-group label { position: absolute !important; top: -85px !important; left: 0 !important; right: 0 !important; text-align: center !important; font-size: 11px !important; font-weight: 600 !important; z-index: 8 !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; }
        .form-group.range-group .form-group .form-control { position: absolute !important; top: 50% !important; left: 10px !important; right: 10px !important; transform: translateY(-50%) !important; margin: 0 !important; }
        .form-group.range-group .form-group label { font-size: 12px !important; margin-bottom: 3px !important; text-align: center !important; display: block !important; flex-shrink: 0 !important; }
        .form-group.range-group .form-control { font-size: 13px !important; padding: 8px 10px !important; height: 36px !important; text-align: center !important; flex: 1 !important; }
        input[type="number"] { text-align: center !important; font-weight: 600 !important; font-family: 'Courier New', monospace !important; }
        .form-control::placeholder { color: #6c757d !important; opacity: 0.8 !important; text-align: inherit !important; }
        .form-text { font-size: 12px !important; color: #6c757d !important; margin-top: 4px !important; text-align: left !important; }
        .form-check { background: #f8f9fa !important; padding: 10px !important; border-radius: 6px !important; border: 1px solid #dee2e6 !important; margin: 5px 0 !important; }
        .d-flex.justify-content-between { flex-direction: row !important; gap: 10px !important; flex-wrap: wrap !important; }
        .d-flex.justify-content-between .btn { flex: 1 !important; min-width: 120px !important; margin: 0 !important; }
        .form-group { margin-bottom: 12px !important; }
        .form-control::placeholder { color: #6c757d !important; font-size: 13px !important; text-align: inherit !important; opacity: 0.8 !important; }
        .form-control { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
        .form-control[readonly], .form-control:disabled { background-color: #e9ecef !important; opacity: 0.7 !important; cursor: not-allowed !important; }
        .mobile-sector-select { min-width: 100px !important; width: 100px !important; max-width: 100px !important; }
        .mobile-sector-col { flex: 0 0 100% !important; max-width: 100% !important; }
        .mobile-date-from-spacing .form-group label { left: 190px !important; right: 15px !important; }
        .date-field-col input[name="date_from"] ~ .form-text, .date-field-col input[name="date_to"] ~ .form-text { position: static !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; margin-top: 4px !important; text-align: center !important; font-size: 11px !important; }
    }
    @media (max-width: 480px) {
        .mobile-form-col-half { width: 100% !important; }
        .mobile-range-item { width: 100% !important; }
        .d-flex.justify-content-between { flex-direction: column !important; }
        .d-flex.justify-content-between .btn { width: 100% !important; }
    }
}

@media (max-width: 480px) {
    h2 { font-size: 18px !important; }
    .card-body { padding: 15px !important; }
    .form-control { font-size: 13px !important; height: 36px !important; }
    .btn { font-size: 13px !important; padding: 6px 12px !important; min-height: 36px !important; }
    #filter-results-table { font-size: 13px !important; width: max-content !important; }
    #filter-results-table th, #filter-results-table td { padding: 6px 4px !important; min-width: 0 !important; width: auto !important; white-space: nowrap !important; font-size: 13px !important; }
}

.table-responsive { overflow-x: visible !important; }
.dataTables_wrapper { overflow-x: visible !important; }
.dataTables_wrapper .da-xscroll, .da-xscroll { overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch; width: 100%; max-width: 100%; margin: 0 0 8px 0; }
#filter-results-table thead th.sorting, #filter-results-table thead th.sorting_asc, #filter-results-table thead th.sorting_desc { padding-right: 16px !important; cursor: pointer; }
#filter-results-table thead th.sorting:after, #filter-results-table thead th.sorting_asc:after, #filter-results-table thead th.sorting_desc:after { content: ''; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 12px; opacity: 0.5; }
#filter-results-table thead th.sorting:after { content: '⇅'; opacity: 0.3; }
#filter-results-table thead th.sorting_asc:after { content: '↑'; opacity: 1; color: #60a5fa; }
#filter-results-table thead th.sorting_desc:after { content: '↓'; opacity: 1; color: #60a5fa; }
#filter-results-table td.da-avg5, #filter-results-table td.da-avg21, #filter-results-table td.da-avg55 { font-weight: 600; transition: color 0.15s ease-in-out; }
#filter-results-table td.da-vol-avg5, #filter-results-table td.da-vol-avg20, #filter-results-table td.da-vol-avg60,
#filter-results-table td.da-vol-pct5, #filter-results-table td.da-vol-pct20, #filter-results-table td.da-vol-pct60 { font-weight: 600; transition: color 0.15s ease-in-out; }
#filter-results-table td.da-vol-today, #filter-results-table td.da-close { font-weight: 700 !important; font-size: 14px !important; }
#filter-results-table td.da-green { color: #22c55e !important; }
#filter-results-table td.da-red { color: #ef4444 !important; }
#filter-results-table thead th.sorting, #filter-results-table thead th.sorting_asc, #filter-results-table thead th.sorting_desc { background-image: none !important; background-position: unset !important; background-repeat: unset !important; }

#page-loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#page-loading-overlay .spinner { width: 50px; height: 50px; border: 4px solid rgba(255, 255, 255, 0.3); border-top-color: #fff; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

#filter-results-table tbody tr:hover { background: linear-gradient(90deg, rgba(59, 130, 246, 0.2) 0%, rgba(59, 130, 246, 0.1) 100%) !important; border-left: 3px solid #3b82f6 !important; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2) !important; transition: background-color 0.2s ease, border-left 0.2s ease, box-shadow 0.2s ease; }
.positive-value { color: #10b981 !important; }
.negative-value { color: #ef4444 !important; }
.neutral-value { color: #f1f5f9 !important; }
#filter-results-table tbody td:nth-child(2) { cursor: pointer !important; color: #3b82f6 !important; text-decoration: underline !important; font-size: 16px !important; font-weight: 700 !important; }
#filter-results-table tbody td:nth-child(2):hover { color: #60a5fa !important; text-decoration: underline !important; }
#filter-results-table tbody tr { cursor: default !important; }

.dataTables_wrapper .dataTables_filter input { padding: 1px 4px !important; font-size: 10px !important; height: 20px !important; line-height: 18px !important; margin: 0 3px !important; width: 120px !important; }
.dataTables_wrapper .dataTables_length select { padding: 1px 4px !important; font-size: 10px !important; height: 20px !important; line-height: 18px !important; margin: 0 3px !important; width: 60px !important; }

html[data-theme="dark"] .dataTables_wrapper .dataTables_length select, html[data-theme="dark"] .dataTables_wrapper select[id$="_length"], html[data-theme="dark"] .dataTables_wrapper .dataTables_filter input, html[data-theme="dark"] .dataTables_wrapper input[type="search"], body:not([data-theme="light"]) .dataTables_wrapper .dataTables_length select, body:not([data-theme="light"]) .dataTables_wrapper .dataTables_filter input { color: #eef6f8 !important; background: #163039 !important; background-color: #163039 !important; background-image: none !important; border: 1px solid #2a4a55 !important; border-radius: 6px !important; box-shadow: none !important; }
html[data-theme="dark"] .dataTables_wrapper .dataTables_length select option, html[data-theme="dark"] .dataTables_wrapper select[id$="_length"] option, body:not([data-theme="light"]) .dataTables_wrapper .dataTables_length select option { background: #0b2730 !important; background-color: #0b2730 !important; color: #eef6f8 !important; }
html[data-theme="dark"] .dataTables_wrapper .dataTables_length label, html[data-theme="dark"] .dataTables_wrapper .dataTables_filter label, body:not([data-theme="light"]) .dataTables_wrapper .dataTables_length label, body:not([data-theme="light"]) .dataTables_wrapper .dataTables_filter label { color: #eef6f8 !important; }
html:not([data-theme="dark"]) .dataTables_wrapper .dataTables_length select, html:not([data-theme="dark"]) .dataTables_wrapper .dataTables_filter input, [data-theme="light"] .dataTables_wrapper .dataTables_length select, [data-theme="light"] .dataTables_wrapper .dataTables_filter input { color: #0f2740 !important; background: #ffffff !important; background-color: #ffffff !important; border: 1px solid rgba(15, 39, 64, 0.2) !important; }
html:not([data-theme="dark"]) .dataTables_wrapper .dataTables_length select option, [data-theme="light"] .dataTables_wrapper .dataTables_length select option { background: #ffffff !important; color: #0f2740 !important; }
.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_length label { font-size: 10px !important; margin: 0 !important; padding: 0 !important; }

body:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 1px 4px !important; font-size: 10px !important; margin: 0 1px !important; min-height: 20px !important; line-height: 18px !important; color: #e2e8f0 !important; background: #334155 !important; border: 1px solid rgba(59, 130, 246, 0.4) !important; }
body:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #4a5568 !important; color: #e2e8f0 !important; border-color: #718096 !important; }
body:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #417690 !important; color: #ffffff !important; border-color: #356a7f !important; }
body:not([data-theme="light"]) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: rgba(226, 232, 240, 0.5) !important; background: #1e293b !important; cursor: not-allowed !important; }

body:not([data-theme="light"]) .ui-autocomplete.pagination-pages-menu, body:not([data-theme="light"]) .ui-autocomplete.pagination-pages-menu.ui-widget-content { background: #1e293b !important; background-color: #1e293b !important; color: #e2e8f0 !important; border: 1px solid rgba(59, 130, 246, 0.5) !important; }
body:not([data-theme="light"]) .ui-autocomplete.pagination-pages-menu .ui-menu-item-wrapper, body:not([data-theme="light"]) .ui-autocomplete.pagination-pages-menu .ui-menu-item { background: #1e293b !important; background-color: #1e293b !important; color: #e2e8f0 !important; }
body:not([data-theme="light"]) .ui-autocomplete.pagination-pages-menu .ui-menu-item-wrapper:hover, body:not([data-theme="light"]) .ui-autocomplete.pagination-pages-menu .ui-state-active .ui-menu-item-wrapper, body:not([data-theme="light"]) .ui-autocomplete.pagination-pages-menu .ui-state-focus .ui-menu-item-wrapper { background: rgba(59, 130, 246, 0.4) !important; background-color: rgba(59, 130, 246, 0.4) !important; color: #ffffff !important; }
.dataTables_wrapper .dataTables_info { font-size: 10px !important; padding: 2px 0 !important; margin: 0 !important; }

#filter-results-table_wrapper > div.top, .dataTables_wrapper > div.top { position: sticky !important; top: 0 !important; z-index: 28 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; width: 100% !important; float: none !important; clear: both !important; margin: 0 0 6px 0 !important; padding: 6px 4px !important; box-sizing: border-box !important; background: #0b2730 !important; border-bottom: 1px solid rgba(22, 48, 57, 0.9) !important; }
html:not([data-theme="dark"]) #filter-results-table_wrapper > div.top, html:not([data-theme="dark"]) .dataTables_wrapper > div.top, [data-theme="light"] #filter-results-table_wrapper > div.top, [data-theme="light"] .dataTables_wrapper > div.top { background: #e8f1f5 !important; border-bottom-color: rgba(15, 39, 64, 0.12) !important; }
.dataTables_wrapper .dataTables_filter { margin: 0 !important; float: none !important; text-align: right !important; order: 1 !important; flex: 0 0 auto !important; }
.dataTables_wrapper .dataTables_length { margin: 0 !important; float: none !important; text-align: right !important; order: 2 !important; flex: 0 0 auto !important; }
.dataTables_wrapper .dataTables_filter::after, .dataTables_wrapper .dataTables_length::after { content: none !important; display: none !important; }
.dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label { display: inline-flex !important; align-items: center !important; gap: 4px !important; margin: 0 !important; white-space: nowrap !important; font-size: 11px !important; }
.dataTables_wrapper .dataTables_length select { width: 56px !important; min-width: 56px !important; max-width: 64px !important; padding: 2px 4px !important; font-size: 12px !important; }
.dataTables_wrapper .dataTables_filter input { width: 96px !important; min-width: 72px !important; max-width: 120px !important; padding: 2px 6px !important; font-size: 11px !important; }

.dataTables_wrapper { direction: rtl !important; text-align: right !important; }
.dataTables_wrapper .dataTables_filter label { direction: rtl !important; text-align: right !important; }
.dataTables_wrapper .dataTables_length label { direction: rtl !important; text-align: right !important; }
.dataTables_wrapper .dataTables_info { direction: rtl !important; text-align: right !important; color: #f1f5f9 !important; }
.dataTables_wrapper .dataTables_paginate { color: #f1f5f9 !important; }
.dataTables_wrapper .dataTables_paginate a { color: #e0e6ed !important; }
.dataTables_wrapper .dataTables_paginate { direction: rtl !important; text-align: right !important; }

.namad-label { margin-bottom: 4px; font-size: 11px; }
.namad-input-wrapper { display: flex; flex-direction: row; gap: 0; align-items: stretch; width: 100%; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; background: #fff; }
.namad-input-wrapper .namad-input, .namad-input-wrapper .form-control.namad-input { flex: 1 1 auto; width: auto !important; max-width: none !important; min-width: 0; border: none !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
.namad-input { padding: 2px 6px; font-size: 14px; height: 32px; line-height: 30px; font-family: Vazirmatn, sans-serif !important; }
.namad-button { flex: 0 0 32px; align-self: stretch; padding: 2px 6px; background: #3b82f6; color: white; border: none; border-radius: 0; cursor: pointer; font-weight: 600; font-size: 12px; height: auto; line-height: 20px; white-space: nowrap; }
.namad-button:hover { background: #2563eb; }

.form-check { margin-bottom: 8px; }
.form-check-input { margin-top: 0.3rem; margin-left: 0; margin-right: 0.5rem; }
.form-check-label { font-size: 11px; color: #f1f5f9; cursor: pointer; }
.form-check-input:checked { background-color: #3b82f6; border-color: #3b82f6; }
.form-check-input:focus { border-color: #3b82f6; box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25); }

[data-theme="light"] body { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #f1f5f9 100%) !important; color: #1e293b !important; }
[data-theme="light"] .card { background: rgba(255, 255, 255, 0.95) !important; border: 1px solid rgba(59, 130, 246, 0.2) !important; color: #1e293b !important; }
[data-theme="light"] .card-header { background: #e8f1f5 !important; background-image: none !important; color: #0f2740 !important; border-bottom: 1px solid rgba(15, 39, 64, 0.12) !important; }
html:not([data-theme="dark"]) .card-header.da-filter-card-head h5, [data-theme="light"] .card-header.da-filter-card-head h5 { color: #0f2740 !important; -webkit-text-fill-color: #0f2740 !important; text-shadow: none !important; opacity: 1 !important; }
[data-theme="light"] .card-body { background: rgba(255, 255, 255, 0.8) !important; color: #1e293b !important; }
[data-theme="light"] .table { background: rgba(255, 255, 255, 0.6) !important; color: #1e293b !important; }
[data-theme="light"] .table th { background: #e8f1f5 !important; background-image: none !important; color: #0f2740 !important; text-shadow: none !important; font-weight: 700 !important; border: 1px solid rgba(15, 39, 64, 0.12) !important; }

#filter-results-table tfoot th { background: #e8f1f5 !important; background-image: none !important; color: #0f2740 !important; font-weight: 700 !important; text-align: right !important; padding: 8px 10px !important; border: 1px solid rgba(15, 39, 64, 0.12) !important; }
[data-theme="light"] #filter-results-table tfoot th, [data-theme="light"] .table tfoot th { background: #e8f1f5 !important; background-image: none !important; color: #0f2740 !important; font-weight: 700 !important; text-shadow: none !important; border: 1px solid rgba(15, 39, 64, 0.12) !important; }
[data-theme="light"] #filter-results-table thead th { background: #e8f1f5 !important; background-image: none !important; color: #0f2740 !important; font-weight: 700 !important; text-shadow: none !important; border: 1px solid rgba(15, 39, 64, 0.12) !important; }
[data-theme="light"] .table td { background: rgba(248, 250, 252, 0.5) !important; color: #1e293b !important; }
[data-theme="light"] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(241, 245, 249, 0.3) !important; }
[data-theme="light"] .table-striped tbody tr:nth-of-type(even) { background-color: rgba(248, 250, 252, 0.5) !important; }
[data-theme="light"] .table-hover tbody tr:hover { background-color: rgba(59, 130, 246, 0.1) !important; }
[data-theme="light"] .form-control { background: rgba(255, 255, 255, 0.8) !important; border: 1px solid rgba(59, 130, 246, 0.3) !important; color: #1e293b !important; }
[data-theme="light"] .form-control:focus { background: rgba(255, 255, 255, 0.9) !important; border-color: #3b82f6 !important; color: #1e293b !important; }
[data-theme="light"] .form-control::placeholder { color: rgba(30, 41, 59, 0.5) !important; }
[data-theme="light"] h2, [data-theme="light"] h5, [data-theme="light"] h6 { color: #1e293b !important; }
[data-theme="light"] h2 { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
[data-theme="light"] .text-muted { color: rgba(71, 85, 105, 0.7) !important; }
[data-theme="light"] .alert-info { background: rgba(59, 130, 246, 0.1) !important; border: 1px solid rgba(59, 130, 246, 0.3) !important; color: #1e40af !important; }
[data-theme="light"] .alert-danger { background: rgba(239, 68, 68, 0.1) !important; border: 1px solid rgba(239, 68, 68, 0.3) !important; color: #dc2626 !important; }
[data-theme="light"] .ui-autocomplete { background: rgba(255, 255, 255, 0.95) !important; border: 1px solid rgba(59, 130, 246, 0.3) !important; color: #1e293b !important; }
[data-theme="light"] .ui-autocomplete .ui-menu-item-wrapper { color: #1e293b !important; }
[data-theme="light"] .ui-autocomplete .ui-menu-item-wrapper:hover { background: rgba(59, 130, 246, 0.1) !important; color: #1e40af !important; }

[data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button { color: #356a7f !important; background: #ffffff !important; border: 1px solid rgba(65, 118, 144, 0.35) !important; }
[data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #e2e8f0 !important; color: #475569 !important; border-color: #cbd5e1 !important; }
[data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #417690 !important; color: #ffffff !important; border-color: #356a7f !important; }
[data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: rgba(30, 41, 59, 0.5) !important; background: rgba(248, 250, 252, 0.5) !important; cursor: not-allowed !important; }
[data-theme="light"] .dataTables_wrapper .dataTables_info { color: #1e293b !important; }
[data-theme="light"] .dataTables_wrapper .dataTables_paginate { color: #1e293b !important; }
[data-theme="light"] .dataTables_wrapper .dataTables_paginate a { color: #1e293b !important; }
[data-theme="light"] .form-check-label { color: #1e293b !important; }
[data-theme="light"] .pagination-autocomplete { background: rgba(255, 255, 255, 0.9) !important; border: 1px solid rgba(59, 130, 246, 0.3) !important; color: #1e293b !important; }
[data-theme="light"] .pagination-autocomplete:focus { background: rgba(255, 255, 255, 0.95) !important; border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important; outline: none !important; }
[data-theme="light"] .pagination-autocomplete::placeholder { color: rgba(30, 41, 59, 0.5) !important; }

[data-theme="light"] .dataTables_wrapper .ui-autocomplete, [data-theme="light"] .dataTables_wrapper .pagination-autocomplete + .ui-autocomplete, [data-theme="light"] .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete, [data-theme="light"] .dataTables_paginate ~ .ui-autocomplete { background: rgba(255, 255, 255, 0.97) !important; border: 1px solid rgba(59, 130, 246, 0.25) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important; color: #1e293b !important; }
[data-theme="light"] .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper, [data-theme="light"] .dataTables_wrapper .pagination-autocomplete + .ui-autocomplete .ui-menu-item-wrapper, [data-theme="light"] .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete .ui-menu-item-wrapper, [data-theme="light"] .dataTables_paginate ~ .ui-autocomplete .ui-menu-item-wrapper { color: #1e293b !important; border-bottom: 1px solid rgba(59, 130, 246, 0.12) !important; }
[data-theme="light"] .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper:hover, [data-theme="light"] .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, [data-theme="light"] .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus, [data-theme="light"] .dataTables_wrapper .pagination-autocomplete + .ui-autocomplete .ui-menu-item-wrapper:hover, [data-theme="light"] .dataTables_wrapper .pagination-autocomplete + .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, [data-theme="light"] .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete .ui-menu-item-wrapper:hover, [data-theme="light"] .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, [data-theme="light"] .dataTables_paginate ~ .ui-autocomplete .ui-menu-item-wrapper:hover, [data-theme="light"] .dataTables_paginate ~ .ui-autocomplete .ui-menu-item-wrapper.ui-state-active { background: rgba(59, 130, 246, 0.10) !important; color: #1e40af !important; border-color: rgba(59, 130, 246, 0.18) !important; }

.dataTables_wrapper, #results-container, #filter-results-table { overflow-anchor: none !important; }
.dataTables_wrapper .dataTables_paginate { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; direction: rtl !important; text-align: center !important; white-space: nowrap !important; gap: 2px !important; font-family: Vazirmatn, sans-serif !important; overflow-anchor: none !important; }
.dataTables_wrapper .dataTables_paginate > span { display: contents !important; }
.pagination-dropdown-wrapper { display: none !important; }
.dataTables_wrapper .dataTables_paginate .ellipsis, .dataTables_wrapper .dataTables_paginate span.ellipsis, .dataTables_wrapper .dataTables_paginate .paginate_button.ellipsis, .dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next):not(.first):not(.last):not(.current) { display: none !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.first, .dataTables_wrapper .dataTables_paginate .paginate_button.last, .dataTables_wrapper .dataTables_paginate .paginate_button.current { display: inline-block !important; float: none !important; position: relative !important; padding: 7px 12px !important; margin: 0 3px !important; font-size: 13px !important; font-weight: 600 !important; min-width: 38px !important; line-height: 1.3 !important; text-align: center !important; border-radius: 8px !important; text-decoration: none !important; box-sizing: border-box !important; appearance: none !important; -webkit-appearance: none !important; font-family: Vazirmatn, sans-serif !important; cursor: pointer !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous { order: 1 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.first { order: 2 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { order: 3 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.last { order: 4 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next { order: 5 !important; }

html:not([data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button, [data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button { color: #356a7f !important; background: #ffffff !important; background-image: none !important; border: 1px solid rgba(65, 118, 144, 0.35) !important; }
html:not([data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled), [data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) { color: #475569 !important; background: #e2e8f0 !important; border-color: #cbd5e1 !important; box-shadow: none !important; }
html:not([data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button.current, [data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.current { color: #ffffff !important; background: #417690 !important; border-color: #356a7f !important; font-weight: 700 !important; box-shadow: 0 2px 8px rgba(65, 118, 144, 0.35) !important; }
html:not([data-theme="dark"]) .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, [data-theme="light"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: #94a3b8 !important; background: #f1f5f9 !important; border-color: #e2e8f0 !important; cursor: not-allowed !important; opacity: 1 !important; box-shadow: none !important; }

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { color: #e2e8f0 !important; background: #2d3748 !important; background-image: none !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; }
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) { color: #e2e8f0 !important; background: #4a5568 !important; border-color: #718096 !important; box-shadow: none !important; }
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current { color: #ffffff !important; background: #417690 !important; border-color: #5a9 !important; box-shadow: 0 2px 8px rgba(65, 118, 144, 0.4) !important; }
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled { color: #64748b !important; background: #1a202c !important; border-color: rgba(255, 255, 255, 0.08) !important; cursor: not-allowed !important; opacity: 1 !important; box-shadow: none !important; }

.pagination-autocomplete { width: 150px !important; padding: 4px 8px !important; font-size: 11px !important; background: #334155 !important; border: 1px solid rgba(59, 130, 246, 0.4) !important; border-radius: 6px !important; color: #f1f5f9 !important; direction: rtl !important; text-align: right !important; cursor: pointer !important; }
.pagination-autocomplete:focus { background: #475569 !important; border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important; outline: none !important; color: #f1f5f9 !important; }
.pagination-autocomplete::placeholder { color: rgba(241, 245, 249, 0.6) !important; }

body:not([data-theme="light"]) .dataTables_wrapper .pagination-autocomplete + .ui-autocomplete, body:not([data-theme="light"]) .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete, body:not([data-theme="light"]) .dataTables_paginate ~ .ui-autocomplete, body:not([data-theme="light"]) .dataTables_wrapper .ui-autocomplete.ui-menu { background: #1e293b !important; border: 1px solid rgba(59, 130, 246, 0.5) !important; color: #e2e8f0 !important; }
body:not([data-theme="light"]) .dataTables_wrapper .pagination-autocomplete + .ui-autocomplete .ui-menu-item-wrapper, body:not([data-theme="light"]) .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete .ui-menu-item-wrapper, body:not([data-theme="light"]) .dataTables_paginate ~ .ui-autocomplete .ui-menu-item-wrapper, body:not([data-theme="light"]) .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper { background: #1e293b !important; color: #e2e8f0 !important; }
body:not([data-theme="light"]) .dataTables_wrapper .pagination-autocomplete + .ui-autocomplete .ui-menu-item-wrapper:hover, body:not([data-theme="light"]) .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete .ui-menu-item-wrapper:hover, body:not([data-theme="light"]) .dataTables_paginate ~ .ui-autocomplete .ui-menu-item-wrapper:hover, body:not([data-theme="light"]) .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper:hover, body:not([data-theme="light"]) .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, body:not([data-theme="light"]) .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus { background: rgba(59, 130, 246, 0.35) !important; color: #ffffff !important; }

.dataTables_wrapper .ui-autocomplete { font-family: Vazirmatn, sans-serif !important; font-size: 11px !important; z-index: 9999 !important; max-height: 200px !important; overflow-y: auto !important; background: #1e293b !important; border: 1px solid rgba(59, 130, 246, 0.4) !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; direction: rtl !important; text-align: right !important; color: #e2e8f0 !important; }
.dataTables_wrapper .ui-autocomplete .ui-menu-item { padding: 0 !important; direction: rtl !important; background: transparent !important; }
.dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper { padding: 8px 10px !important; border-bottom: 1px solid rgba(59, 130, 246, 0.2) !important; cursor: pointer !important; direction: rtl !important; text-align: right !important; color: #e2e8f0 !important; background: #1e293b !important; font-weight: 500 !important; }
.dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper:hover, .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus { background: rgba(59, 130, 246, 0.35) !important; color: #ffffff !important; border-color: rgba(59, 130, 246, 0.4) !important; }

.dataTables_wrapper .pagination-autocomplete + .ui-autocomplete, .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete, .dataTables_wrapper .ui-autocomplete:has(+ .pagination-autocomplete), .dataTables_paginate ~ .ui-autocomplete { font-family: Vazirmatn, sans-serif !important; font-size: 11px !important; z-index: 9999 !important; max-height: 200px !important; overflow-y: auto !important; background: #1e293b !important; border: 1px solid rgba(59, 130, 246, 0.4) !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; direction: rtl !important; text-align: right !important; color: #e2e8f0 !important; }
.dataTables_wrapper .pagination-autocomplete + .ui-autocomplete .ui-menu-item-wrapper, .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete .ui-menu-item-wrapper, .dataTables_wrapper .ui-autocomplete:has(+ .pagination-autocomplete) .ui-menu-item-wrapper, .dataTables_paginate ~ .ui-autocomplete .ui-menu-item-wrapper, .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper { padding: 8px 10px !important; border-bottom: 1px solid rgba(59, 130, 246, 0.2) !important; cursor: pointer !important; direction: rtl !important; text-align: right !important; color: #e2e8f0 !important; background: #1e293b !important; font-weight: 500 !important; }
.dataTables_wrapper .pagination-autocomplete + .ui-autocomplete .ui-menu-item-wrapper:hover, .dataTables_wrapper .pagination-autocomplete + .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete .ui-menu-item-wrapper:hover, .dataTables_wrapper .pagination-dropdown-wrapper ~ .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, .dataTables_wrapper .ui-autocomplete:has(+ .pagination-autocomplete) .ui-menu-item-wrapper:hover, .dataTables_paginate ~ .ui-autocomplete .ui-menu-item-wrapper:hover, .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper:hover, .dataTables_wrapper .ui-autocomplete .ui-menu-item-wrapper.ui-state-active { background: rgba(59, 130, 246, 0.35) !important; color: #ffffff !important; border-color: rgba(59, 130, 246, 0.4) !important; }

[data-theme="light"] .pagination-dropdown-wrapper { display: none !important; }
[data-theme="light"] .dataTables_wrapper .dataTables_paginate > span { display: contents !important; }

#filter-form .namad-input-wrapper { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: 0 !important; width: 100% !important; height: 34px !important; min-height: 34px !important; box-sizing: border-box !important; border: 1px solid #ddd !important; border-radius: 6px !important; overflow: hidden !important; background: #fff !important; }
#filter-form .namad-input-wrapper > .namad-input, #filter-form .namad-input-wrapper > .form-control.namad-input { flex: 1 1 auto !important; width: 1% !important; min-width: 0 !important; max-width: none !important; height: 34px !important; line-height: 32px !important; padding: 2px 6px !important; font-size: 14px !important; display: block !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background: transparent !important; }
#filter-form .namad-input-wrapper > .namad-input:focus, #filter-form .namad-input-wrapper > .form-control.namad-input:focus { border: none !important; box-shadow: none !important; outline: none !important; background: transparent !important; }
#filter-form .namad-input-wrapper > .namad-button { flex: 0 0 34px !important; width: 34px !important; min-width: 34px !important; max-width: 34px !important; align-self: stretch !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; border-inline-start: 1px solid #ddd !important; background: #3b82f6 !important; color: #fff !important; height: auto !important; line-height: 1 !important; }
html[data-theme="dark"] #filter-form .namad-input-wrapper, html[data-theme="dark"] body.chaharso-filter-m #filter-form .namad-input-wrapper { background: #06151a !important; border-color: #2a4a55 !important; }
html[data-theme="dark"] #filter-form .namad-input-wrapper > .namad-input, html[data-theme="dark"] #filter-form .namad-input-wrapper > .form-control.namad-input, html[data-theme="dark"] body.chaharso-filter-m #filter-form .namad-input-wrapper > .namad-input, html[data-theme="dark"] body.chaharso-filter-m #filter-form .namad-input-wrapper > .form-control.namad-input { background: transparent !important; color: #eef6f8 !important; -webkit-text-fill-color: #eef6f8 !important; caret-color: #eef6f8 !important; }
html[data-theme="dark"] #filter-form .namad-input-wrapper > .namad-button, html[data-theme="dark"] body.chaharso-filter-m #filter-form .namad-input-wrapper > .namad-button { background: #c4a35a !important; color: #1a1408 !important; border-inline-start-color: #2a4a55 !important; }
html:not([data-theme="dark"]) #filter-form .namad-input-wrapper, [data-theme="light"] #filter-form .namad-input-wrapper { background: #fff !important; border-color: #ddd !important; }
html:not([data-theme="dark"]) #filter-form .namad-input-wrapper > .namad-input, html:not([data-theme="dark"]) #filter-form .namad-input-wrapper > .form-control.namad-input, [data-theme="light"] #filter-form .namad-input-wrapper > .namad-input, [data-theme="light"] #filter-form .namad-input-wrapper > .form-control.namad-input { background: transparent !important; color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; caret-color: #0f172a !important; }
html:not([data-theme="dark"]) #filter-form .namad-input-wrapper > .namad-button, [data-theme="light"] #filter-form .namad-input-wrapper > .namad-button { background: #3b82f6 !important; color: #fff !important; border-inline-start-color: #ddd !important; }
#filter-form .form-group label, #filter-form .da-filter-label, #filter-form .da-filter-label > label, #filter-form .namad-label { font-size: 14px !important; }
#filter-form .da-summary-label { font-size: 18px !important; color: #2563eb !important; }
#filter-form .da-filter-group > summary { font-size: 16px !important; }
#filter-form .form-control, #filter-form input, #filter-form select, #filter-form .namad-input { font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.02em !important; }
#filter-form input[type="number"], #filter-form .form-control[type="number"], #filter-form input.form-control:not(.namad-input), #filter-form select.form-control, #filter-form #date_from_input_id, #filter-form #date_to_input_id, #filter-form #sector_tse_input_id { font-size: 14px !important; font-weight: 700 !important; height: 32px !important; min-height: 32px !important; line-height: 30px !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box !important; }
@media (min-width: 769px) {
    #filter-form .date-field-col input, #filter-form .date-field-col input.form-control, #filter-form #date_from_input_id, #filter-form #date_to_input_id { font-size: 14px !important; font-weight: 600 !important; text-align: center !important; height: 32px !important; min-height: 32px !important; }
}
#filter-form .namad-input-wrapper { height: 32px !important; min-height: 32px !important; width: 100% !important; max-width: 100% !important; display: flex !important; align-items: stretch !important; box-sizing: border-box !important; }
#filter-form .namad-input-wrapper > .namad-input, #filter-form .namad-input-wrapper > .form-control.namad-input { height: 32px !important; min-height: 32px !important; line-height: 30px !important; flex: 1 1 auto !important; width: auto !important; min-width: 90px !important; max-width: none !important; background: transparent !important; border: none !important; box-shadow: none !important; box-sizing: border-box !important; }
#filter-form .namad-input-wrapper > .namad-button { flex: 0 0 32px !important; width: 32px !important; min-width: 32px !important; max-width: 32px !important; height: 32px !important; }
#filter-form #id_namad.namad-input, #filter-form #id_namad { flex: 1 1 auto !important; width: auto !important; min-width: 90px !important; max-width: none !important; height: 32px !important; min-height: 32px !important; }
[data-theme="light"] #filter-form .form-control, [data-theme="light"] #filter-form input, [data-theme="light"] #filter-form select { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; background: #fff !important; }
html:not([data-theme="dark"]) #filter-form .form-control, html:not([data-theme="dark"]) #filter-form input, html:not([data-theme="dark"]) #filter-form select { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; background: #fff !important; }
html[data-theme="dark"] .card .card-body .form-control, html[data-theme="dark"] .card .card-body .form-control:not(.namad-input), html[data-theme="dark"] #filter-form .form-control, html[data-theme="dark"] #filter-form input, html[data-theme="dark"] #filter-form select, html[data-theme="dark"] #filter-form input[type="number"], html[data-theme="dark"] #filter-form .form-control[type="number"] { color: #eef6f8 !important; -webkit-text-fill-color: #eef6f8 !important; caret-color: #eef6f8 !important; }
html[data-theme="dark"] .card .card-body .form-control:not(.namad-input), html[data-theme="dark"] #filter-form input[type="number"], html[data-theme="dark"] #filter-form .form-control[type="number"] { background: #06151a !important; }
html:not([data-theme="dark"]) #filter-form .form-control, html:not([data-theme="dark"]) #filter-form input, html:not([data-theme="dark"]) #filter-form select, html:not([data-theme="dark"]) #filter-form input[type="number"], html:not([data-theme="dark"]) .card .card-body .form-control, html:not([data-theme="dark"]) .card .card-body .form-control:not(.namad-input), [data-theme="light"] #filter-form .form-control, [data-theme="light"] #filter-form input, [data-theme="light"] #filter-form select, [data-theme="light"] #filter-form input[type="number"] { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; caret-color: #0f172a !important; background: #fff !important; }
#filter-form .namad-input-wrapper > .namad-input, #filter-form .namad-input-wrapper > .form-control.namad-input, html:not([data-theme="dark"]) #filter-form .namad-input-wrapper > .namad-input, [data-theme="light"] #filter-form .namad-input-wrapper > .namad-input, html[data-theme="dark"] #filter-form .namad-input-wrapper > .namad-input { background: transparent !important; border: none !important; box-shadow: none !important; }
#filter-form .da-hajm-nesbi-ta, #filter-form .da-ghodrat-kf-ta, #filter-form .da-sarane-kh-ta, #filter-form .da-sarane-forosh-ta, #filter-form .da-avg-close-5-ta, #filter-form .da-avg-close-21-ta, #filter-form .da-avg-close-55-ta, #filter-form .da-money-in-ta, #filter-form .da-money-out-ta, #filter-form .form-text, #filter-form small.form-text, #filter-form .btn { font-size: 14px !important; }

html[data-theme="dark"] #filter-results-table, html[data-theme="dark"] #filter-results-table.table, html[data-theme="dark"] .dataTables_wrapper #filter-results-table { color: #eef6f8 !important; background: #0b2730 !important; }
html[data-theme="dark"] #filter-results-table thead th, html[data-theme="dark"] #filter-results-table.table thead th, html[data-theme="dark"] .table thead.thead-dark th { background: #163039 !important; background-image: none !important; color: #eef6f8 !important; border-color: #2a4a55 !important; text-shadow: none !important; }
html[data-theme="dark"] #filter-results-table tbody td, html[data-theme="dark"] #filter-results-table.table tbody td, html[data-theme="dark"] .dataTables_wrapper #filter-results-table tbody td, html[data-theme="dark"] table.dataTable tbody td { color: #eef6f8 !important; -webkit-text-fill-color: unset !important; background: #0b2730 !important; border-color: #163039 !important; }
html[data-theme="dark"] #filter-results-table.table-striped tbody tr:nth-of-type(odd) > td, html[data-theme="dark"] #filter-results-table tbody tr.odd > td { background: #0a222a !important; }
html[data-theme="dark"] #filter-results-table.table-striped tbody tr:nth-of-type(even) > td, html[data-theme="dark"] #filter-results-table tbody tr.even > td { background: #0b2730 !important; }
html[data-theme="dark"] #filter-results-table tbody tr:hover > td { background: #12343f !important; }
html[data-theme="dark"] #filter-results-table tbody td:nth-child(2), html[data-theme="dark"] .dataTables_wrapper #filter-results-table tbody td:nth-child(2) { color: #3b82f6 !important; -webkit-text-fill-color: #3b82f6 !important; }
html[data-theme="dark"] #filter-results-table tbody td:nth-child(2):hover, html[data-theme="dark"] .dataTables_wrapper #filter-results-table tbody td:nth-child(2):hover { color: #60a5fa !important; -webkit-text-fill-color: #60a5fa !important; }
html[data-theme="dark"] #filter-results-table tbody td.da-green, html[data-theme="dark"] .dataTables_wrapper #filter-results-table tbody td.da-green, html[data-theme="dark"] #filter-results-table tbody td.da-green * { color: #22c55e !important; -webkit-text-fill-color: #22c55e !important; }
html[data-theme="dark"] #filter-results-table tbody td.da-red, html[data-theme="dark"] .dataTables_wrapper #filter-results-table tbody td.da-red, html[data-theme="dark"] #filter-results-table tbody td.da-red * { color: #ef4444 !important; -webkit-text-fill-color: #ef4444 !important; }
html[data-theme="dark"] #filter-results-table tbody td.da-money-in, html[data-theme="dark"] #filter-results-table tbody td.da-money-cell.da-money-in, html[data-theme="dark"] #filter-results-table tbody td.da-money-flow.da-money-in, html[data-theme="dark"] .dataTables_wrapper #filter-results-table tbody td.da-money-in, html[data-theme="dark"] #filter-results-table tbody td.da-money-in *, html[data-theme="dark"] #filter-results-table tbody td.da-money-cell.da-money-in *, html[data-theme="dark"] #filter-results-table tbody td.da-money-flow.da-money-in * { color: #22c55e !important; -webkit-text-fill-color: #22c55e !important; }
html[data-theme="dark"] #filter-results-table tbody td.da-money-out, html[data-theme="dark"] #filter-results-table tbody td.da-money-cell.da-money-out, html[data-theme="dark"] #filter-results-table tbody td.da-money-flow.da-money-out, html[data-theme="dark"] .dataTables_wrapper #filter-results-table tbody td.da-money-out, html[data-theme="dark"] #filter-results-table tbody td.da-money-out *, html[data-theme="dark"] #filter-results-table tbody td.da-money-cell.da-money-out *, html[data-theme="dark"] #filter-results-table tbody td.da-money-flow.da-money-out * { color: #ef4444 !important; -webkit-text-fill-color: #ef4444 !important; }
html[data-theme="dark"] #filter-results-table tbody td .positive-value, html[data-theme="dark"] #filter-results-table tbody .positive-value { color: #22c55e !important; -webkit-text-fill-color: #22c55e !important; }
html[data-theme="dark"] #filter-results-table tbody td .negative-value, html[data-theme="dark"] #filter-results-table tbody .negative-value { color: #ef4444 !important; -webkit-text-fill-color: #ef4444 !important; }
html[data-theme="dark"] #filter-results-table tfoot th { background: #163039 !important; color: #eef6f8 !important; border-color: #2a4a55 !important; }
html[data-theme="dark"] .dataTables_wrapper .dataTables_info, html[data-theme="dark"] .dataTables_wrapper .dataTables_length label, html[data-theme="dark"] .dataTables_wrapper .dataTables_filter label { color: #eef6f8 !important; }

html:not([data-theme="dark"]) #filter-results-table thead th, html:not([data-theme="dark"]) #filter-results-table.table thead th, html:not([data-theme="dark"]) .table thead.thead-dark th, [data-theme="light"] #filter-results-table thead th { background: #e8f1f5 !important; background-image: none !important; color: #0f2740 !important; border-color: rgba(15, 39, 64, 0.12) !important; text-shadow: none !important; }
html:not([data-theme="dark"]) #filter-results-table tfoot th, html:not([data-theme="dark"]) .table tfoot th, [data-theme="light"] #filter-results-table tfoot th { background: #e8f1f5 !important; background-image: none !important; color: #0f2740 !important; border-color: rgba(15, 39, 64, 0.12) !important; text-shadow: none !important; }
html:not([data-theme="dark"]) #filter-results-table thead th.sorting:after, html:not([data-theme="dark"]) #filter-results-table thead th.sorting_asc:after, html:not([data-theme="dark"]) #filter-results-table thead th.sorting_desc:after { color: #9a7a32 !important; }

.ui-autocomplete { font-family: Vazirmatn, sans-serif !important; font-size: 12px !important; z-index: 9999 !important; max-height: 220px !important; overflow-y: auto !important; width: 100px !important; max-width: 100px !important; min-width: 80px !important; background: rgba(30, 41, 59, 0.95) !important; border: 1px solid rgba(59, 130, 246, 0.3) !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important; direction: rtl !important; text-align: right !important; color: #e0e6ed !important; }
.ui-autocomplete .ui-menu-item { padding: 0 !important; direction: rtl !important; background: transparent !important; }
.ui-autocomplete .ui-menu-item-wrapper { font-family: Vazirmatn, sans-serif !important; font-size: 12px !important; padding: 6px 8px !important; border-bottom: 1px solid rgba(59, 130, 246, 0.1) !important; cursor: pointer !important; direction: rtl !important; text-align: right !important; color: #e0e6ed !important; background: transparent !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.ui-autocomplete .ui-menu-item-wrapper:hover, .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus { background: rgba(59, 130, 246, 0.2) !important; color: #ffffff !important; border-color: rgba(59, 130, 246, 0.3) !important; }

.namad-form-group { position: relative !important; }
#id_namad.ui-autocomplete-input { position: relative; }

#infoModal.modal-overlay { position: fixed; inset: 0; z-index: 10050; display: none; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.55); padding: 16px; direction: rtl; }
#infoModal .modal-content { width: min(720px, 100%); max-height: min(86vh, 780px); overflow: auto; background: #fff; border-radius: 0.75rem; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.28); }
#infoModal .modal-header { display: flex; align-items: center; gap: 0.75rem; padding: 0.9rem 1rem; border-bottom: 1px solid #e2e8f0; position: sticky; top: 0; background: #fff; z-index: 1; }
#infoModal .modal-title { font-weight: 800; font-size: 1rem; color: #0f172a; flex: 1; }
#infoModal .close-btn { border: 0; background: transparent; font-size: 1.1rem; cursor: pointer; color: #64748b; line-height: 1; padding: 0.2rem 0.4rem; }
#infoModal .modal-body { padding: 0.75rem 1rem 1.1rem; }
.strategy-item { cursor: pointer; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; border: 1px solid #e2e8f0; border-radius: 0.5rem; padding: 0.85rem 1rem; margin-bottom: 0.65rem; background-color: #ffffff; }
.strategy-item:hover { border-color: #2563eb !important; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12); background-color: #f8fafc !important; }
.strategy-item-title { font-weight: 700; color: #1e293b; margin-bottom: 0.25rem; }
.strategy-item-desc { font-size: 0.85rem; color: #64748b; line-height: 1.4; }
.category-title, .strategy-group-title { font-size: 0.98rem !important; font-weight: 800 !important; color: #1d4ed8 !important; margin: 1.35rem 0 0.75rem 0 !important; padding: 0.35rem 0 0.45rem 0 !important; border-bottom: 2px solid #93c5fd !important; display: block !important; width: 100% !important; clear: both !important; }
.category-title:first-child, .strategy-group-section:first-child .strategy-group-title { margin-top: 0.15rem !important; }
.strategy-group-section { margin-bottom: 1.15rem !important; padding: 0.35rem 0.4rem 0.55rem !important; background: #f8fafc; border-radius: 0.55rem; border: 1px solid #e2e8f0; }
.strategy-group-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.55rem !important; }
@media (max-width: 575.98px) { .strategy-group-grid { grid-template-columns: 1fr !important; } }
.strategy-card-btn { display: block; width: 100%; text-align: right; cursor: pointer; transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; border: 1px solid #e2e8f0; border-radius: 0.5rem; padding: 0.75rem 0.9rem; background-color: #ffffff; color: inherit; font: inherit; }
.strategy-card-btn:hover, .strategy-card-btn:focus { border-color: #2563eb !important; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12); background-color: #f8fafc !important; outline: none; }
.strategy-card-btn .strategy-item-title { font-weight: 700; font-size: 0.92rem; color: #1e293b; margin-bottom: 0.2rem; }
.strategy-card-btn .strategy-item-desc { font-size: 0.78rem; color: #64748b; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html[data-theme="dark"] #infoModal .modal-content, html[data-theme="dark"] #infoModal .modal-header { background: #0f172a; border-color: #334155; }
html[data-theme="dark"] #infoModal .modal-title, html[data-theme="dark"] .strategy-item-title, html[data-theme="dark"] .strategy-card-btn .strategy-item-title { color: #e2e8f0; }
html[data-theme="dark"] .category-title, html[data-theme="dark"] .strategy-group-title { color: #93c5fd !important; border-bottom-color: #1e3a5f !important; }
html[data-theme="dark"] .strategy-group-section { background: #111827; border-color: #334155; }
html[data-theme="dark"] .strategy-item, html[data-theme="dark"] .strategy-card-btn { background: #1e293b; border-color: #334155; color: #e2e8f0; }
html[data-theme="dark"] .strategy-item:hover, html[data-theme="dark"] .strategy-card-btn:hover, html[data-theme="dark"] .strategy-card-btn:focus { background-color: #243447 !important; border-color: #3b82f6 !important; }
html[data-theme="dark"] .strategy-item-desc, html[data-theme="dark"] .strategy-card-btn .strategy-item-desc, html[data-theme="dark"] #infoModal .close-btn { color: #94a3b8; }

.card .card-body .da-individual-owner-pair, .card .card-body .da-hogh-be-hagh-pair { display: flex !important; align-items: center !important; width: 100% !important; flex: 0 0 100% !important; }
.card .card-body .da-individual-owner-pair .da-individual-owner-row, .card .card-body .da-hogh-be-hagh-pair .da-hogh-be-hagh-row { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 4px !important; margin: 0 !important; width: 100% !important; }
.card .card-body .da-individual-owner-pair .da-filter-label, .card .card-body .da-hogh-be-hagh-pair .da-filter-label { display: inline-flex !important; margin-bottom: 0 !important; flex: 0 0 auto !important; }
.card .card-body .da-individual-owner-row > .da-filter-label:first-child { flex: 0 0 11em !important; max-width: 11em !important; }
.card .card-body .da-hogh-be-hagh-row > .da-filter-label:first-child { flex: 0 0 11em !important; max-width: 11em !important; }
.card .card-body .da-individual-owner-pair .da-individual-owner-ta { flex: 0 0 auto !important; font-size: 11px !important; white-space: nowrap !important; }
.card .card-body .da-individual-owner-pair input.form-control, .card .card-body .da-individual-owner-pair input { width: 4.5em !important; min-width: 4.5em !important; max-width: 4.5em !important; flex: 0 0 4.5em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important; }
.card .card-body .da-hogh-be-hagh-pair select.form-control, .card .card-body .da-hogh-be-hagh-pair select { width: 3.2em !important; min-width: 3.2em !important; max-width: 3.2em !important; flex: 0 0 3.2em !important; padding-left: 4px !important; padding-right: 4px !important; text-align: center !important; }
.card .card-body .da-individual-owner-pair .text-danger, .card .card-body .da-hogh-be-hagh-pair .text-danger { flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; }


/* ==========================================================
   نجات‌دهنده نهایی: اجبار به یک خط بودن ردیف‌های بازدهی
   ========================================================== */

/* 1. خود کانتینر ردیف را به Flexbox با شکستن ناپذیر تبدیل می‌کنیم */
.card .card-body .form-group.da-avg-close-5-row,
.card .card-body .form-group.da-avg-close-21-row,
.card .card-body .form-group.da-avg-close-55-row,
.card .card-body .form-group.da-close-avg-filter-row,
.card .card-body .form-group.da-hajm-nesbi-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* هرگز به خط بعد نرود */
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 8px !important;
}

/* 2. لیبل اول را با عرض ثابت مهار می‌کنیم تا فضا را اشغال نکند */
.card .card-body .da-avg-close-5-row > .da-filter-label:first-child,
.card .card-body .da-avg-close-21-row > .da-filter-label:first-child,
.card .card-body .da-avg-close-55-row > .da-filter-label:first-child,
.card .card-body .da-close-avg-filter-row > .da-filter-label:first-child,
.card .card-body .da-hajm-nesbi-row > .da-filter-label:first-child {
    display: inline-flex !important;
    flex: 0 0 140px !important; /* عرض ثابت 140 پیکسل */
    width: 140px !important;
    max-width: 140px !important;
    margin: 0 !important;
    align-items: center !important;
    gap: 4px !important;
}

/* متن داخل لیبل اول */
.card .card-body .da-avg-close-5-row > .da-filter-label:first-child > label,
.card .card-body .da-avg-close-21-row > .da-filter-label:first-child > label,
.card .card-body .da-avg-close-55-row > .da-filter-label:first-child > label,
.card .card-body .da-close-avg-filter-row > .da-filter-label:first-child > label,
.card .card-body .da-hajm-nesbi-row > .da-filter-label:first-child > label {
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
}

/* 3. هر دو اینپوت عددی را به عرض ثابت و کوچک مجبور می‌کنیم */
.card .card-body .da-avg-close-5-row > input[type="number"].form-control,
.card .card-body .da-avg-close-21-row > input[type="number"].form-control,
.card .card-body .da-avg-close-55-row > input[type="number"].form-control {
    flex: 0 0 3.2em !important;
    width: 3.2em !important;
    min-width: 3.2em !important;
    max-width: 3.2em !important;
    height: 32px !important;
    padding: 0 5px !important;
    text-align: center !important;
    margin: 0 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #000 !important;
}

/* 4. کلمه «تا» */
.card .card-body .da-avg-close-5-ta,
.card .card-body .da-avg-close-21-ta,
.card .card-body .da-avg-close-55-ta,
.card .card-body .da-hajm-nesbi-ta {
    flex: 0 0 auto !important;
    font-size: 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* 5. لیبل دوم (آیکون تولتیپ) */
.card .card-body .da-avg-close-5-row > .da-filter-label.da-filter-label-ta,
.card .card-body .da-avg-close-21-row > .da-filter-label.da-filter-label-ta,
.card .card-body .da-avg-close-55-row > .da-filter-label.da-filter-label-ta {
    display: inline-flex !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 6. فیلد سلکت (مقایسه میانگین‌ها) */
.card .card-body .da-close-avg-filter-row > select.form-control {
    flex: 0 0 200px !important;
    width: 200px !important;
    max-width: 200px !important;
    height: 32px !important;
    margin: 0 !important;
}

#filter-form .da-avg-close-5-row > .da-filter-label:first-child,
#filter-form .da-avg-close-21-row > .da-filter-label:first-child,
#filter-form .da-avg-close-55-row > .da-filter-label:first-child,
#filter-form .da-close-avg-filter-row > .da-filter-label:first-child {
    flex: 0 0 200px !important;
    width: 200px !important;
    max-width: 200px !important;
}

#filter-form .da-hajm-nesbi-vol-row .da-close-avg-filter-row > .da-filter-label:first-child,
#filter-form .da-hajm-nesbi-vol-row .da-close-avg-filter-inline .da-filter-label {
    flex: 0 0 11em !important;
    width: 11em !important;
    max-width: 11em !important;
}

#filter-form > .row.da-filter-groups-triple > .col-md-4:nth-child(2) {
    flex: 1.28 1 0 !important;
}
#filter-form > .row.da-filter-groups-triple > .col-md-4:nth-child(3) {
    flex: 0.72 1 0 !important;
}

#filter-form .da-hajm-nesbi-pair .da-hajm-nesbi-row > .da-filter-label:first-child {
    flex: 0 0 11em !important;
    width: 11em !important;
    max-width: 11em !important;
    justify-content: flex-start !important;
}
#filter-form .da-hajm-nesbi-pair .da-hajm-nesbi-row > .da-filter-label:first-child > label {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    text-align: right !important;
}
#filter-form .da-hajm-nesbi-pair .da-filter-label.da-filter-label-ta {
    flex: 0 0 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    margin-inline: 2px !important;
    overflow: visible !important;
    position: relative !important;
    left: 8px !important;
}
#filter-form .da-hajm-nesbi-pair #id_hajm_nesbi_tse_max {
    position: relative !important;
    left: 8px !important;
}
#filter-form .da-hajm-nesbi-pair .da-filter-label.da-filter-label-ta .da-filter-info {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin-top: 0 !important;
}
#filter-form .da-hajm-nesbi-pair .da-filter-label.da-filter-label-ta .da-filter-info svg {
    width: 11px !important;
    height: 11px !important;
    display: block !important;
}

@media (max-width: 768px) {
    #filter-form .row.da-filter-groups-triple {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 8px !important;
    }
    #filter-form .row.da-filter-groups-triple > .col-md-4,
    #filter-form > .row.da-filter-groups-triple > .col-md-4:nth-child(2),
    #filter-form > .row.da-filter-groups-triple > .col-md-4:nth-child(3) {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
    }
    #filter-form .da-filter-group,
    #filter-form .da-filter-group > summary {
        width: 100% !important;
    }
    #filter-form .da-summary-label {
        white-space: nowrap !important;
        overflow: visible !important;
        min-width: 0 !important;
    }
    #filter-form .da-hajm-nesbi-pair .da-filter-label.da-filter-label-ta,
    #filter-form .da-hajm-nesbi-pair #id_hajm_nesbi_tse_max {
        left: 0 !important;
        position: relative !important;
    }
    #filter-form .da-filter-label.da-filter-label-ta,
    #filter-form .da-hajm-nesbi-pair .da-filter-label.da-filter-label-ta {
        flex: 0 0 20px !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        margin-inline: 2px !important;
    }
    #filter-form .da-hajm-nesbi-ta,
    #filter-form .da-money-in-ta,
    #filter-form .da-money-out-ta {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 1.2em !important;
        text-align: center !important;
    }
    #filter-form .da-hajm-nesbi-row,
    #filter-form .da-money-in-row,
    #filter-form .da-money-out-row,
    #filter-form .da-vol-avg-row,
    #filter-form .da-ghodrat-kf-row,
    #filter-form .da-sarane-kh-row,
    #filter-form .da-sarane-forosh-row,
    #filter-form .da-avg-close-5-row,
    #filter-form .da-avg-close-21-row,
    #filter-form .da-avg-close-55-row,
    #filter-form .da-close-avg-filter-row {
        gap: 4px !important;
    }
    #filter-form .da-filter-label {
        position: relative !important;
    }
    #filter-form .date-field-col .da-filter-label:not(.da-filter-label-ta) {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
    }
    #filter-form .da-filter-groups-triple .da-filter-label:not(.da-filter-label-ta) {
        flex: 0 0 11em !important;
        width: 11em !important;
        min-width: 11em !important;
        max-width: 11em !important;
        height: auto !important;
        align-items: center !important;
    }
    #filter-form .da-filter-groups-triple .da-filter-info {
        margin-top: 0 !important;
        align-self: center !important;
    }
    #filter-form .da-filter-hint {
        position: fixed !important;
    }
    #filter-form .da-filter-label.is-hint-open .da-filter-hint {
        opacity: 1 !important;
        visibility: visible !important;
    }
    #filter-form .date-field-col .da-filter-label > label {
        width: auto !important;
        flex: 0 0 auto !important;
    }
    #filter-form .da-filter-groups-triple .da-filter-label:not(.da-filter-label-ta) > label {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        line-height: 1.35 !important;
        text-align: right !important;
    }
    #filter-form .da-vol-avg-row input.form-control,
    #filter-form .da-vol-avg-row input,
    #filter-form .da-money-in-row input.form-control,
    #filter-form .da-money-in-row input,
    #filter-form .da-money-out-row input.form-control,
    #filter-form .da-money-out-row input,
    #filter-form .da-hajm-nesbi-row input.form-control,
    #filter-form .da-hajm-nesbi-row input,
    #filter-form .da-ghodrat-kf-row input.form-control,
    #filter-form .da-ghodrat-kf-row input,
    #filter-form .da-sarane-kh-row input.form-control,
    #filter-form .da-sarane-kh-row input,
    #filter-form .da-sarane-forosh-row input.form-control,
    #filter-form .da-sarane-forosh-row input,
    #filter-form .da-avg-close-5-row input.form-control,
    #filter-form .da-avg-close-5-row input,
    #filter-form .da-avg-close-21-row input.form-control,
    #filter-form .da-avg-close-21-row input,
    #filter-form .da-avg-close-55-row input.form-control,
    #filter-form .da-avg-close-55-row input,
    #filter-form .da-money-in-row select.form-control,
    #filter-form .da-money-in-row select,
    #filter-form .da-money-out-row select.form-control,
    #filter-form .da-money-out-row select {
        width: 3.2em !important;
        min-width: 3.2em !important;
        max-width: 3.2em !important;
        flex: 0 0 3.2em !important;
        display: inline-block !important;
    }
}

.card:has(#results-container) {
    overflow: hidden !important;
}
.card:has(#results-container) > .card-body,
#results-container,
#results-container .table-responsive,
#results-container .dataTables_wrapper {
    overflow-x: auto !important;
    overflow-y: visible !important;
    max-width: 100% !important;
    width: 100% !important;
}