/*
============================================================
 dashboard.css
 استایل‌های صفحه اصلی سامانه شاخص‌های اخلاق در انتشار مجلات
============================================================
 ساختار کلی:
 1) تنظیمات عمومی، فونت و بدنه
 2) تیترها و اجزای عمومی
 3) فرم جستجو و Select2
 4) جدول‌ها و DataTables
 5) تب‌ها
 6) مودال‌ها و نمودارها
 7) کارنامه اخلاق
 8) Tooltip و نمایش صورت/مخرج
 9) ریسپانسیو
============================================================
*/

* { margin: 0; padding: 0; box-sizing: border-box; }
        @font-face {
    font-family: 'Mitra';
    src: local('Mitra'), local('Mitra Regular'),
         url('../../../fonts/Mitra.woff2') format('woff2'),
         url('../../../fonts/Mitra.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'B Mitra';
    src: local('B Mitra'), local('BMitra'), local('B Mitra Bold'),
         url('../../../fonts/BMitra.woff2') format('woff2'),
         url('../../../fonts/BMitra.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
        body { font-family: 'Mitra', Tahoma, sans-serif; background: #f0f3f7; padding: 20px; min-height: 100vh; }

/* ==========================================================
   تثبیت فونت فارسی در اجزای Bootstrap / Select2 / DataTables
   علت: برخی کتابخانه‌ها font-family مستقل تعریف می‌کنند.
========================================================== */
html,
body,
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn,
.nav,
.nav-link,
.dropdown-menu,
.modal,
.table,
.dataTables_wrapper,
.dataTables_wrapper input,
.dataTables_wrapper select,
.dt-button,
.select2-container,
.select2-container .select2-selection,
.select2-container .select2-results,
.select2-container .select2-search__field,
.tooltip,
.popover {
    font-family: 'Mitra', Tahoma, sans-serif !important;
}

        .main-container { max-width: auto; margin: auto; background: #ffffff; padding: 20px 25px; border-radius: 16px; box-shadow: 0 8px 30px rgba(0,0,0,0.06); }

        /* ====== فونت هدرهای اصلی ====== */
        h1, h2, h3, h4, h5, .trend-header h4, .ethics-card-header h3, .summary-title span, .table-year-title {
            font-family: 'Mitra', Tahoma, sans-serif !important;
            font-weight: 900 !important;
        }
        .trend-header h4 {
            font-size: 1.8rem !important;
        }
        .ethics-card-header h3 {
            font-size: 1.5rem !important;
        }
        .summary-title span {
            font-size: 1.1rem !important;
        }
        .table-year-title {
            font-size: 1.2rem !important;
        }
        
        

/* =========================================================
   اصلاحات فرم جستجو
========================================================= */

/* عناوین فیلدها: یک خط، بزرگ‌تر و Bold */
.search-field-group .form-label {
    flex: 0 0 125px !important;
    width: 125px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-size: 2.38rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    color: #173f67 !important;
}

/* دکمه‌ها بلافاصله زیر آخرین فیلد جستجو */
.search-actions-top {
    margin-top: 2px !important;
    padding-top: 0 !important;
    align-self: stretch;
}

/* =========================================================
   اصلاحات کارت شاخص‌های اخلاق
========================================================= */

/* فقط یک Border باقی بماند؛ Border بیرونی حذف شده است */
.summary-outer-box {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.indicator-summary-column {
    border: 3px solid #173f67 !important;
}

/* سال بزرگ‌تر */
.summary-year-badge {
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-size: 0.90rem !important;
    font-weight: 700 !important;
    padding: 5px 10px !important;
    line-height: 1.1 !important;
}

/* عناوین ۹ شاخص */
.summary-indicator-label {
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

/* درصدها و امتیاز کلی */
.summary-indicator-value {
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
}

/* کمی فاصله بیشتر بین ردیف‌ها */
.summary-indicator-row {
    padding: 2px 0 !important;
}


/* =========================================================
   یکسان‌سازی ارتفاع سه پنل بالای صفحه
   لوگو / جستجو / شاخص‌های اخلاق
========================================================= */
.row.align-items-stretch > [class*="col-"] {
    display: flex;
}

.dashboard-top-panel {
    width: 100%;
    min-height: 350px;
    height: 100%;
    border-radius: 12px;
}

/* پنل لوگو */
.logo-top-panel {
    padding: 8px 14px !important;
    background: rgba(248, 249, 250, 0.88) !important;
    justify-content: center !important;
    box-shadow: 0 5px 18px rgba(23, 63, 103, 0.07);
}

/* تعادل بهتر لوگو و عنوان داخل پنل */
.logo-top-panel .side-logo {
    max-height: 145px !important;
    margin-bottom: 2px !important;
}

.logo-top-panel img[alt="عنوان سامانه"] {
    width: 100% !important;
    max-width: 460px !important;
    max-height: 92px !important;
    object-fit: contain !important;
    margin: 0 0 3px !important;
}

/* پنل جستجو */
.search-top-panel {
    min-height: 350px;
    padding: 10px 12px !important;
    background: rgba(255,255,255,.42) !important;
    justify-content: center;
}

.search-top-panel #searchForm {
    width: 100%;
    justify-content: center !important;
}

.search-top-panel .search-field-group {
    margin-bottom: 7px !important;
}

.search-top-panel .search-actions {
    margin-top: 6px !important;
}

/* پنل شاخص‌ها */
.summary-top-panel {
    min-height: 350px;
    display: flex;
    align-items: stretch;
}

.summary-top-panel .indicator-summary-column {
    width: 100%;
    min-height: 350px;
    padding: 8px 11px !important;
}

/* سال: بزرگ‌تر، واضح‌تر و شاخص‌تر */
.summary-year-row {
    margin-bottom: 5px !important;
}

.summary-year-emphasis {
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    padding: 6px 12px !important;
    color: #0b4f73 !important;
    background: linear-gradient(180deg, #ffffff 0%, #eaf4f8 100%) !important;
    border: 1px solid #9ec5d6 !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(0,92,138,.10);
}

/* برای اینکه ۹ شاخص در همان ارتفاع متعادل بمانند */
.summary-top-panel .summary-indicator-row {
    min-height: 29px !important;
    padding: 1px 0 !important;
}

.summary-top-panel .summary-indicator-label {
    font-size: .86rem !important;
    font-weight: 700 !important;
}

.summary-top-panel .summary-indicator-value {
    font-size: .90rem !important;
    font-weight: 800 !important;
}

/* موبایل و تبلت: ارتفاع ثابت برداشته شود تا محتوا فشرده نشود */
@media (max-width: 991.98px) {
    .dashboard-top-panel,
    .search-top-panel,
    .summary-top-panel,
    .summary-top-panel .indicator-summary-column {
        min-height: auto !important;
        height: auto !important;
    }

    .logo-top-panel {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .summary-year-emphasis {
        font-size: 1.05rem !important;
    }
}


        /* ====== جستجو ====== */
        .search-section {
            background: #f8fafc;
            border-radius: 12px;
            padding: 12px 16px;
            margin-bottom: 14px;
            border: 1px solid #e9edf2;
        }
        .search-fields-vertical{
            width:100%;
        }
        
        .side-logo{
            max-width:250px;
            max-height:250px;
        }
        
        .iran-map-box{
            width:100%;
            text-align:center;
        }
        .search-form-row {
            display: flex;
            align-items: center;
            gap: 10px;
        }
     
        .search-side-box img.side-logo { max-width: 150px; max-height: 150px; width: auto; height: auto; }
        .iran-map-box { flex: 0 0 220px; text-align: center; }
        .iran-map-box svg { width: 100%; height: auto; max-height: 220px; }
        .iran-map-box .map-hint { font-size: 0.7rem; color: #888; margin-top: 6px; }
        .iran-map-box .map-province {
            fill: #cfe4f2; stroke: #ffffff; stroke-width: 0.7; cursor: pointer; transition: fill 0.2s ease;
        }
        .iran-map-box .map-province:hover { fill: #005c8a; }
        .iran-map-box .map-province.active { fill: #003f66; }
        .search-fields-vertical {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            gap: 7px;
        }
        .search-field-group { display: flex; flex-direction: row; align-items: center; gap: 8px; }
        .search-section .form-label { font-weight: 600; color: #2c3e50; font-size: 1.9rem; flex: 0 0 115px; margin: 0; text-align: right; }
        .search-field-group .field-input { flex: 1 1 auto; min-width: 0; }
        .search-section .form-control, .search-section .form-select {
            border-radius: 10px; border: 1px solid #dce4ec; padding: 5px 10px; transition: all 0.3s ease; width: 100%;
        }
        .btn-search {
            background: #005c8a; color: #fff; border: none; border-radius: 24px;
            padding: 7px 22px; font-weight: 600; transition: all 0.3s ease; width: 100%;
        }
        .btn-search:hover { background: #003f66; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 92, 138, 0.3); }

        @media (max-width: 992px) {
            .search-form-row { flex-direction: column; }
            .search-side-box, .iran-map-box { flex: 0 0 auto; width: 100%; }
            .search-field-group { flex-direction: column; align-items: stretch; }
            .search-section .form-label { flex: none; text-align: right; }
        }

        .select2-container--bootstrap-5 .select2-selection { border-radius: 10px !important; border: 2px solid #0d6efd; border-color: #dce4ec !important; padding: 1px 0; min-height: 36px; }
        .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { padding: 5px 10px; font-family: 'Mitra', Tahoma; color: #2c3e50; }
        .select2-container--bootstrap-5 .select2-dropdown { border-radius: 10px; border: 2px solid #0d6efd; font-family: 'Mitra', Tahoma; }
         .select2-container--bootstrap-5 .select2-search__field { border-radius: 8px; border: 2px solid #0d6efd; border-radius: 8px; font-family: 'Mitra', Tahoma; }

        /* ====== استایل جدول با خطوط پررنگ ====== */
        .table-section { background: #fff; border-radius: 12px; overflow: visible; border: 2px solid #1a3a5c; }
        .table-section .table { margin-bottom: 0; font-size: 0.85rem; width: 100% !important; border-collapse: collapse; }
        .table-section .table thead { background: #005c8a; color: #fff; }
        .table-section .table thead th { 
            font-weight: 700; border: 2px solid #004a70 !important; padding: 12px 10px; text-align: center; 
            font-size: 0.8rem; position: sticky; top: 0; z-index: 10; color: #fff;
        }
        .table-section .table tbody td { 
            padding: 10px 8px; text-align: center; vertical-align: middle; 
            border: 1.5px solid #3a5a7a !important; 
        }
        .table-section .table tbody tr { border-bottom: 2px solid #3a5a7a; }
        .table-section .table tbody tr:hover { background: #f6f9fc; }
        .table-section .table tbody tr.row-high { background: #e8f5e9; }
        .table-section .table tbody tr.row-medium { background: #fff3e0; }
        .table-section .table tbody tr.row-low { background: #ffebee; }
        .table-section .table tbody tr.row-high:hover { background: #c8e6c9; }
        .table-section .table tbody tr.row-medium:hover { background: #ffe0b2; }
        .table-section .table tbody tr.row-low:hover { background: #ffcdd2; }

        /* ====== استایل هدر DataTable ====== */
        .dataTables_wrapper .dataTables_scrollHeadInner table.dataTable thead th {
            background: #005c8a !important;
            color: #fff !important;
            border: 2px solid #004a70 !important;
            font-weight: 700 !important;
            text-align: center !important;
            vertical-align: middle !important;
        }

        .journal-link { color: #005c8a; text-decoration: none; font-weight: 600; transition: all 0.3s ease; display: inline-block; }
        .journal-link:hover { color: #003f66; text-decoration: none; }

        .badge-index { background: #17a2b8; color: #fff; padding: 3px 12px; border-radius: 20px; font-size: 0.7rem; margin-left: 4px; display: inline-block; }
        .badge-region { background: #e3f2fd; color: #0d47a1; padding: 3px 12px; border-radius: 20px; font-size: 0.7rem; }
        .badge-good { background: #e8f5e9; color: #2e7d32; padding: 3px 12px; border-radius: 20px; font-size: 0.7rem; }
        .badge-warning { background: #fff3e0; color: #e65100; padding: 3px 12px; border-radius: 20px; font-size: 0.7rem; }
        .badge-danger { background: #ffebee; color: #c62828; padding: 3px 12px; border-radius: 20px; font-size: 0.7rem; }

        .btn-trend-simple { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border-radius: 20px; border: none; font-family: 'Mitra', Tahoma; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; background: linear-gradient(135deg, #005c8a, #003f66); color: #fff; }
        .btn-trend-simple:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 92, 138, 0.3); }

        .btn-trend-indicator { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 15px; border: none; font-family: 'Mitra', Tahoma; font-size: 0.6rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; background: rgba(0, 92, 138, 0.1); color: #005c8a; }
        .btn-trend-indicator:hover { background: rgba(0, 92, 138, 0.2); transform: scale(1.05); }
        .btn-trend-indicator i { font-size: 0.7rem; }

        .btn-trend-entity { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 15px; border: none; font-family: 'Mitra', Tahoma; font-size: 0.6rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; background: rgba(0, 92, 138, 0.1); color: #005c8a; }
        .btn-trend-entity:hover { background: rgba(0, 92, 138, 0.2); transform: scale(1.05); }
        .btn-trend-entity i { font-size: 0.7rem; }

        .modal-custom { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99999; padding: 20px; overflow-y: auto; align-items: center; justify-content: center; }
        .modal-custom .modal-content { background: #fff; max-width: 1100px; width: 100%; margin: auto; padding: 30px; border-radius: 16px; max-height: 90vh; overflow-y: auto; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }
        .modal-custom .modal-close { position: absolute; top: 15px; left: 20px; background: transparent; border: none; font-size: 2rem; color: #999; cursor: pointer; }
        .modal-custom .modal-close:hover { color: #333; }
        .modal-custom .chart-container { height: 300px; margin-top: 15px; position: relative; }

        .trend-controls { display: flex; flex-wrap: wrap; gap: 12px; margin: 15px 0 10px; align-items: center; justify-content: center; background: #f8fafc; padding: 12px 20px; border-radius: 12px; }
        .trend-controls label { font-weight: 600; color: #2c3e50; font-size: 0.85rem; margin: 0; }
        .trend-controls input[type="number"] { width: 80px; padding: 6px 10px; border: 2px solid #dce4ec; border-radius: 8px; font-family: 'Mitra', Tahoma; font-size: 0.85rem; text-align: center; }
        .trend-controls input[type="number"]:focus { border-color: #005c8a; outline: none; box-shadow: 0 0 0 3px rgba(0, 92, 138, 0.12); }
        .trend-controls .btn-apply { padding: 6px 25px; background: #005c8a; color: #fff; border: none; border-radius: 30px; font-family: 'Mitra', Tahoma; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
        .trend-controls .btn-apply:hover { background: #003f66; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 92, 138, 0.3); }
        .trend-controls .btn-reset { padding: 6px 20px; background: #e9edf2; color: #555; border: none; border-radius: 30px; font-family: 'Mitra', Tahoma; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
        .trend-controls .btn-reset:hover { background: #dce4ec; }

        .table-scroll-wrapper { width: 100%; overflow-x: visible; }
        @media (max-width: 992px) { .table-scroll-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } }

        @media (min-width: 993px) { .dataTables_wrapper table.dataTable { width: 100% !important; min-width: 100% !important; table-layout: auto; } }
        @media (max-width: 992px) { .dataTables_wrapper table.dataTable { min-width: 1100px !important; } }
        @media (max-width: 1024px) {
            .dataTables_wrapper table.dataTable { min-width: 1100px !important; }
            .dataTables_wrapper table.dataTable td, .dataTables_wrapper table.dataTable th { font-size: 0.7rem; padding: 4px 3px !important; }
        }
        @media (max-width: 768px) {
            .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none !important; text-align: center !important; margin-bottom: 10px !important; }
            .dataTables_wrapper .dataTables_filter input { min-width: 100px; width: 80%; padding: 6px 10px; font-size: 0.8rem; }
            .dataTables_wrapper .dataTables_length select { padding: 6px 10px; font-size: 0.8rem; }
            .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none !important; text-align: center !important; }
            .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 4px 10px !important; font-size: 0.75rem !important; }
            .dataTables_wrapper table.dataTable { min-width: 900px !important; font-size: 0.6rem !important; }
            .dataTables_wrapper table.dataTable td, .dataTables_wrapper table.dataTable th { font-size: 0.68rem !important; padding: 4px 3px !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; line-height: 1.4 !important; }
            .actions-column { min-width: 80px !important; }
        }

        .dt-buttons .btn-success, .dt-buttons .btn-danger { color: #fff !important; border: none !important; border-radius: 50% !important; width: 45px !important; height: 45px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important; margin: 0 3px !important; }
        .dt-buttons .btn-success { background: #198754 !important; }
        .dt-buttons .btn-success:hover { background: #157347 !important; transform: translateY(-3px) !important; box-shadow: 0 6px 20px rgba(25, 135, 84, 0.4) !important; }
        .dt-buttons .btn-danger { background: #dc3545 !important; }
        .dt-buttons .btn-danger:hover { background: #bb2d3b !important; transform: translateY(-3px) !important; box-shadow: 0 6px 20px rgba(220, 53, 69, 0.4) !important; }
        .dt-buttons .btn-success i, .dt-buttons .btn-danger i { font-size: 1.5rem !important; margin: 0 !important; }

        .dataTables_wrapper .dataTables_filter { float: left !important; }
        .dataTables_wrapper .dataTables_filter input { border-radius: 10px !important; border: 2px solid #dce4ec !important; padding: 8px 14px !important; font-family: 'Mitra', Tahoma !important; transition: all 0.3s ease !important; }
        .dataTables_wrapper .dataTables_filter input:focus { border-color: #005c8a !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 92, 138, 0.1) !important; }

        .dataTables_wrapper .dataTables_scrollBody { scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; }
        .dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar { height: 8px; }
        .dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
        .dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; }
        .dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb:hover { background: #555; }

        .dt-top-scroll { display: none !important; }

        .trend-header { background: linear-gradient(135deg, #f0f4f8, #e2e8f0); border-radius: 12px; padding: 20px 25px; }
        .trend-header h4 { font-weight: 700; color: #1a3a5c; }
        .trend-card { border-radius: 12px; border: 1px solid #e9edf2; transition: all 0.3s ease; cursor: default; }
        .trend-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.08); }
        .trend-card .card-title { font-size: 0.85rem; font-weight: 600; color: #2c3e50; }
        .trend-card .indicator-value { font-size: 1.5rem; font-weight: 700; }
        .metric-number { font-size: 1.05rem !important; font-weight: 800 !important; font-variant-numeric: tabular-nums; }
        .table-year-title {
            display:flex; align-items:center; justify-content:center; gap:8px;
            margin: 0 0 10px; padding: 8px 14px; border-radius: 10px;
            background:#f0f6fa; color:#1a3a5c; font-size:1rem; font-weight:800;
            border:1px solid #d7e4ec;
        }
        .indicator-summary-column {
            background:#fff; border:2px solid #1a3a5c; border-radius:14px;
            padding:16px 18px; margin:14px 0 18px;
        }
        .indicator-summary-column .summary-title {
            display:flex; align-items:center; justify-content:space-between; gap:10px;
            margin-bottom:12px; color:#1a3a5c; font-weight:800; font-size:1.05rem;
        }
        .summary-year-badge { background:#005c8a; color:#fff; padding:5px 12px; border-radius:20px; font-size:.8rem; }
        .summary-indicator-row {
            display:grid; grid-template-columns:minmax(190px, 270px) 1fr 72px;
            align-items:center; gap:10px; margin:8px 0;
        }
        .summary-indicator-label { font-size:.82rem; font-weight:600; color:#2c3e50; }
        .summary-track {
            height:12px; background:#e9eef2; border-radius:999px; overflow:hidden;
            direction:ltr; box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
        }
        .summary-fill {
            height:100%; border-radius:999px; background:linear-gradient(90deg,#1a6b8a,#0b9b78);
        }
        .summary-indicator-value { text-align:left; font-size:1rem; font-weight:900; color:#1a3a5c; direction:ltr; }
        .ethics-action-wrap { display:flex; flex-direction:column; gap:6px; align-items:center; }
        .btn-ethics-card {
            display:inline-flex; align-items:center; justify-content:center; gap:5px;
            padding:5px 12px; border:0; border-radius:18px; cursor:pointer;
            font-family:'B Mitra','Mitra',Tahoma,sans-serif; font-size:.72rem; font-weight:800;
            background:linear-gradient(135deg,#1a3a5c,#005c8a); color:#fff;
        }
        .btn-ethics-card:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,92,138,.25); }
        .ethics-card-modal .modal-content { max-width:1180px; }
        .ethics-card-header {
            display:flex; align-items:center; justify-content:space-between; gap:15px;
            padding:14px 18px; border-radius:12px; background:linear-gradient(135deg,#f3f6f9,#e7edf3);
            border-bottom:2px solid #d6e0e8; margin-bottom:16px;
        }
        .ethics-card-header h3 { margin:0; color:#1a3a5c; font-size:1.35rem; font-weight:900; }
        .ethics-year { font-weight:800; color:#005c8a; }
        .ethics-score-box {
            min-width:190px; text-align:center; padding:14px; border-radius:16px;
            background:#1a3a5c; color:#fff;
        }
        .ethics-score-circle {
            width:112px; height:112px; border-radius:50%; margin:0 auto 8px;
            display:flex; flex-direction:column; align-items:center; justify-content:center;
            background:conic-gradient(#d7b55a calc(var(--score) * 1%), #ffffff22 0);
            position:relative;
        }
        .ethics-score-circle::before {
            content:""; position:absolute; inset:9px; border-radius:50%; background:#1a3a5c;
        }
        .ethics-score-circle strong,.ethics-score-circle span { position:relative; z-index:1; }
        .ethics-score-circle strong { font-size:2rem; font-weight:900; line-height:1; }
        .ethics-score-circle span { font-size:.7rem; margin-top:3px; }
        .ethics-grid { display:grid; grid-template-columns:1.05fr 1.5fr; gap:18px; align-items:stretch; }
        .ethics-radar-box,.ethics-bars-box {
            border:1px solid #dfe6ec; border-radius:14px; padding:15px; background:#fff;
        }
        .ethics-radar-box h5,.ethics-bars-box h5 { color:#1a3a5c; font-weight:900; margin-bottom:12px; }
        .ethics-radar-canvas { height:330px; position:relative; }
        .ethics-bar-row { display:grid; grid-template-columns:minmax(170px,240px) 1fr 62px; gap:9px; align-items:center; margin:9px 0; }
        .ethics-bar-label { font-size:.78rem; font-weight:700; color:#2c3e50; }
        .ethics-bar-track { height:15px; background:#edf1f4; border-radius:999px; overflow:hidden; direction:ltr; }
        .ethics-bar-fill { height:100%; border-radius:999px; background:linear-gradient(90deg,#0d607f,#1b9b7a); }
        .ethics-bar-value { font-size:1rem; font-weight:900; color:#1a3a5c; text-align:left; direction:ltr; }
        @media (max-width: 900px) {
            .summary-indicator-row { grid-template-columns:1fr; gap:4px; }
            .summary-indicator-value { text-align:right; }
            .ethics-grid { grid-template-columns:1fr; }
            .ethics-card-header { flex-direction:column; }
        }
        .sparkline-container { height: 60px; margin-top: 8px; }
        .badge-status { font-size: 0.6rem; padding: 3px 10px; border-radius: 20px; }

        /* ====== استایل اطلاعات مجله ====== */
        .journal-info-table { width: 100%; border-collapse: collapse; }
        .journal-info-table th { text-align: right; padding: 6px 10px; font-weight: 600; color: #1a3a5c; width: 35%; border-bottom: 1px solid #eee; }
        .journal-info-table td { padding: 6px 10px; border-bottom: 1px solid #eee; }
        
        /* اطمینان از عملکرد صحیح دکمه‌ها */
        .modal-custom .btn-apply,
        .modal-custom .btn-reset,
        .modal-custom .btn-secondary {
            cursor: pointer !important;
            z-index: 99999 !important;
        }

        .modal-custom .btn-apply:hover,
        .modal-custom .btn-reset:hover,
        .modal-custom .btn-secondary:hover {
            opacity: 0.8 !important;
        }

        .modal-custom .modal-close {
            cursor: pointer !important;
            z-index: 99999 !important;
            background: transparent !important;
            border: none !important;
            font-size: 2rem !important;
            color: #999 !important;
        }

        .modal-custom .modal-close:hover {
            color: #333 !important;
        }

        /* اطمینان از اینکه مودال روی همه عناصر قرار می‌گیرد */
        .modal-custom {
            z-index: 99999 !important;
        }

        .modal-custom .modal-content {
            z-index: 100000 !important;
        }

        /* ====== استایل دکمه اطلاعات مجله ====== */
        .btn-outline-info {
            color: #0dcaf0 !important;
            border-color: #0dcaf0 !important;
            background-color: transparent !important;
            border-radius: 50% !important;
            width: 28px !important;
            height: 28px !important;
            padding: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.3s ease !important;
            font-size: 0.9rem !important;
        }

        .btn-outline-info:hover {
            background-color: #0dcaf0 !important;
            color: #fff !important;
            transform: scale(1.1) !important;
            box-shadow: 0 2px 10px rgba(13, 202, 240, 0.4) !important;
        }

        .btn-outline-info i {
            font-size: 0.9rem !important;
            line-height: 1 !important;
        }

        /* استایل جایگزین برای info-link */
        .info-link {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 17px !important;
            height: 17px !important;
            border-radius: 50% !important;
            border: 1.5px solid #ffc107 !important;
            background: transparent !important;
            color: #ffc107 !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            font-size: 0.9rem !important;
            padding: 0 !important;
            text-decoration: none !important;
        }

        .info-link:hover {
            background: #ffc107 !important;
            color: #fff !important;
            transform: scale(1.1) !important;
            box-shadow: 0 2px 10px rgba(255, 193, 7, 0.4) !important;
        }

        .info-link i {
            font-size: 0.9rem !important;
            line-height: 1 !important;
        }

        /* استایل برای دکمه info در ردیف مجله */
        .journal-actions {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;
            flex-wrap: wrap !important;
        }

        /* ساختار اصلی اسکرول DataTables */
        .dataTables_scroll {
            overflow: hidden !important;
        }

        /* اسکرول افقی فقط روی قسمت اصلی */
        .dataTables_scrollBody {
            overflow-x: auto !important;
            overflow-y: auto !important;
        }

        /* جلوگیری از ایجاد فضای خالی زیر هدر */
        .dataTables_scrollHead {
            overflow: hidden !important;
            height: auto !important;
        }

        /* حذف فاصله اضافی */
        .dataTables_scrollHeadInner {
            padding: 0 !important;
            margin: 0 !important;
        }

        /* هدر */
        .dataTables_scrollHead table {
            margin-bottom: 0 !important;
        }

        /* بدنه */
        .dataTables_scrollBody table {
            margin-top: 0 !important;
        }

        /* ====== استایل مودال مشخصات مجله ====== */
        #journalInfoModal .modal-content {
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.2);
        }

        #journalInfoModal .modal-close {
            position: absolute;
            top: 12px;
            left: 18px;
            background: transparent;
            border: none;
            font-size: 1.8rem;
            color: #999;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
        }

        #journalInfoModal .modal-close:hover {
            color: #333;
            transform: rotate(90deg);
        }

        #journalInfoModal #journalInfoBody {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4px 25px;
            background: #fafbfc;
            border-radius: 12px;
            padding: 15px 20px;
            border: 1px solid #e9edf2;
        }

        #journalInfoModal #journalInfoBody > div {
            min-width: 0;
        }

        @media (max-width: 768px) {
            #journalInfoModal .modal-content {
                padding: 15px !important;
            }
            
            #journalInfoModal #journalInfoBody {
                grid-template-columns: 1fr !important;
                gap: 0px !important;
                padding: 10px 12px !important;
            }
            
            #journalInfoModal #journalInfoBody > div {
                padding: 0 !important;
            }
            
            #journalInfoModal #journalInfoBody .info-item .info-label {
                min-width: 70px;
                font-size: 0.7rem;
            }
            
            #journalInfoModal #journalInfoBody .info-item {
                font-size: 0.75rem;
                padding: 4px 0;
            }
            
            #journalInfoModal #journalInfoContent {
                flex-direction: column-reverse !important;
                align-items: center;
            }
            
            #journalInfoModal #journalInfoContent > div:first-child {
                flex: 1 1 auto !important;
                width: 100%;
                max-width: 200px;
            }
        }

        @media (max-width: 576px) {
            #journalInfoModal #journalInfoBody .info-item {
                flex-wrap: wrap;
            }
            
            #journalInfoModal #journalInfoBody .info-item .info-label {
                min-width: 100%;
                margin-bottom: 2px;
            }
        }

        /* ====== استایل آیکون راهنمای شاخص‌ها ====== */
        th .bi-question-circle {
            cursor: help;
            transition: all 0.3s ease;
        }

        th .bi-question-circle:hover {
            transform: scale(1.2);
            opacity: 1 !important;
        }

        /* استایل برای tooltip سفارشی (اختیاری) */
        .custom-tooltip {
            position: relative;
            cursor: help;
        }

        .custom-tooltip .tooltip-text {
            visibility: hidden;
            width: 250px;
            background-color: #1a3a5c;
            color: #fff;
            text-align: center;
            border-radius: 8px;
            padding: 8px 12px;
            position: absolute;
            z-index: 100;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.3s ease;
            font-size: 0.75rem;
            font-weight: normal;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .custom-tooltip .tooltip-text::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #1a3a5c transparent transparent transparent;
        }

        .custom-tooltip:hover .tooltip-text {
            visibility: visible;
            opacity: 1;
        }

        /* برای نمایش tooltip در هدر جدول */
        th .bi-question-circle {
            position: relative;
        }

        th .bi-question-circle .tooltip-text {
            visibility: hidden;
            width: 250px;
            background-color: #1a3a5c;
            color: #fff;
            text-align: center;
            border-radius: 8px;
            padding: 8px 12px;
            position: absolute;
            z-index: 100;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.3s ease;
            font-size: 0.75rem;
            font-weight: normal;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            white-space: normal;
        }

        th .bi-question-circle .tooltip-text::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #1a3a5c transparent transparent transparent;
        }

        th .bi-question-circle:hover .tooltip-text {
            visibility: visible;
            opacity: 1;
        }
    
        /* ====== یکسان‌سازی هدر چهار جدول ====== */
        #mainTable thead th,
        #universityTable thead th,
        #regionTable thead th,
        #indexTable thead th,
        .dataTables_scrollHead #mainTable thead th,
        .dataTables_scrollHead #universityTable thead th,
        .dataTables_scrollHead #regionTable thead th,
        .dataTables_scrollHead #indexTable thead th {
            background:#005c8a !important;
            color:#fff !important;
            border:2px solid #004a70 !important;
            font-weight:700 !important;
            text-align:center !important;
            vertical-align:middle !important;
            white-space:normal !important;
            line-height:1.45 !important;
            padding:10px 7px !important;
        }
        #mainTable thead .bi-question-circle,
        #universityTable thead .bi-question-circle,
        #regionTable thead .bi-question-circle,
        #indexTable thead .bi-question-circle { color:#d4af37 !important; opacity:1 !important; }

        /* ====== Hover صورت/مخرج در تب مجلات ====== */
        .ratio-hover { position:relative; display:inline-flex; align-items:center; justify-content:center; cursor:help; min-width:44px; }
        .ratio-value { font-size:.74rem; font-weight:700; }
        .ratio-tooltip {
            visibility:hidden; opacity:0; pointer-events:none; position:absolute; z-index:999999;
            top:50%; right:calc(100% + 7px); left:auto; transform:translateY(-50%) translateX(3px);
            background:#132f49; color:#fff; border:1px solid rgba(212,175,55,.72);
            border-radius:7px; padding:4px 7px; min-width:42px; box-shadow:0 5px 14px rgba(0,0,0,.2);
            transition:all .16s ease; direction:ltr;
        }
        .ratio-hover:hover .ratio-tooltip { visibility:visible; opacity:1; transform:translateY(-50%) translateX(0); }
        .ratio-fraction { display:flex; flex-direction:column; align-items:center; line-height:1; font-size:.62rem; min-width:28px; }
        .ratio-num,.ratio-den { font-size:.62rem; line-height:1.05; }
        .ratio-line { display:block; width:100%; border-top:1px solid #fff; margin:2px 0; }

        /* ردیف محاسباتی مخفی DataTables در scrollBody نباید دیده شود */
        .dataTables_scrollBody thead,
        .dataTables_scrollBody thead tr,
        .dataTables_scrollBody thead th,
        .dataTables_scrollBody thead td {
            height:0 !important;
            min-height:0 !important;
            max-height:0 !important;
            line-height:0 !important;
            padding-top:0 !important;
            padding-bottom:0 !important;
            border-top:0 !important;
            border-bottom:0 !important;
            overflow:hidden !important;
            color:transparent !important;
            background:transparent !important;
        }

        /* ====== مودال کارنامه اخلاق RTL و لوگوها ====== */
        #ethicsCardModal, #ethicsCardModal .modal-content, #ethicsCardModal #ethicsCardContent { direction:rtl !important; text-align:right; }
        .ethics-modal-university-logo { display:flex; justify-content:center; align-items:center; margin:0 auto 12px; min-height:74px; }
        .ethics-modal-university-logo img { max-width:110px; max-height:74px; object-fit:contain; }
        .ethics-modal-footer-logo { display:flex; justify-content:center; align-items:center; border-top:1px solid #e7dfc4; margin-top:16px; padding-top:12px; }
        .ethics-modal-footer-logo img { max-width:95px; max-height:72px; object-fit:contain; }
        #ethicsCardModal .modal-content { direction:rtl !important; text-align:right !important; }
        .ethics-report { max-width:780px;margin:0 auto;background:#fffdf5;border:2px solid #183960;border-radius:18px;padding:26px;position:relative;box-shadow:0 18px 50px rgba(0,0,0,.14);color:#132d4d;direction:rtl;text-align:right; }
        .ethics-report:before { content:"";position:absolute;inset:7px;border:1px solid #c4a24c;border-radius:13px;pointer-events:none; }
        .ethics-report-head { text-align:center;position:relative;z-index:1; }
        .ethics-report-university-logo { height:78px;max-width:120px;width:auto;object-fit:contain;margin-bottom:5px; }
        .ethics-report-head h2 { font-size:2rem;font-weight:900;margin:6px 0;color:#122f56; }
        .ethics-report-head h4 { font-size:1rem;color:#087b7d;margin:0 0 8px; }
        .ethics-report-head .journal-name { font-size:.9rem;color:#5c6470;margin-top:5px;line-height:1.8; }
        .ethics-score-row { display:grid;grid-template-columns:1fr 180px;gap:18px;align-items:center;margin:20px 0;position:relative;z-index:1; }
        .ethics-score-badge { width:165px;height:165px;border-radius:50%;margin:auto;background:#103a63;color:#fff;border:5px double #c7a64c;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 4px #103a63,0 4px 14px rgba(0,0,0,.13);text-align:center; }
        .ethics-score-badge strong { font-size:2.2rem;line-height:1; }
        .ethics-score-badge span { font-size:.78rem;margin-top:8px;line-height:1.55;padding:0 10px; }
        .report-meta { display:grid;grid-template-columns:1fr;gap:10px; }
        .report-meta .meta-box { border:1px solid #d9c688;border-radius:10px;padding:10px;background:rgba(255,255,255,.72);text-align:center; }
        .report-meta .meta-box small{display:block;color:#68717b;font-size:.7rem}.report-meta .meta-box b{font-size:1.05rem;color:#0a6570}
        .report-ribbon { margin:8px 0 12px;background:#123c64;color:#fff;padding:9px 16px;text-align:center;font-weight:800;border-radius:8px;position:relative;z-index:1; }
        .ethics-metrics { border:1px solid #d9c688;border-radius:14px;overflow:hidden;position:relative;z-index:1;background:rgba(255,255,255,.68); }
        .ethics-metric { display:grid;grid-template-columns:120px 1fr 220px;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid #e7e1ce; }
        .ethics-metric:last-child{border-bottom:0}.ethics-metric .metric-value{font-weight:900;color:#153b61;text-align:center;font-size:.86rem}.ethics-metric .metric-label{font-size:.76rem;font-weight:700}.ethics-metric .metric-bar{height:9px;background:#e7edf0;border-radius:10px;overflow:hidden;direction:ltr}.ethics-metric .metric-bar span{display:block;height:100%;background:#087b7d;border-radius:10px}
        .ethics-report-foot { display:grid;grid-template-columns:120px 1fr 100px;gap:15px;align-items:center;margin-top:16px;position:relative;z-index:1; }
        .report-year { border:1px solid #d9c688;border-radius:10px;text-align:center;padding:10px;background:#fff; }.report-year small{display:block;font-size:.68rem}.report-year strong{font-size:1.2rem;color:#123c64}
        .committee-text { text-align:center;font-weight:800;font-size:.8rem;line-height:1.9;color:#253d56; }
        /* لوگوی پایین کارنامه با ظاهر مهر */
        .report-bottom-logo {
            width:88px;
            height:78px;
            object-fit:contain;
            margin:auto;
            opacity:.88;
            filter: brightness(0) saturate(100%) invert(25%) sepia(63%) saturate(1139%) hue-rotate(154deg) brightness(90%) contrast(92%);
            mix-blend-mode:multiply;
        }
        @media(max-width:700px){.ethics-score-row{grid-template-columns:1fr}.ethics-report-foot{grid-template-columns:1fr}.ethics-metric{grid-template-columns:90px 1fr}.ethics-metric .metric-label{grid-column:1/-1}.report-meta{grid-template-columns:1fr}}


        /* ====== اصلاح نهایی DataTables ====== */
        .dataTables_scrollBody thead,
        .dataTables_scrollBody thead tr {
            visibility: collapse !important;
            height: 0 !important;
            max-height: 0 !important;
            line-height: 0 !important;
            border: 0 !important;
        }
        .dataTables_scrollBody thead th,
        .dataTables_scrollBody thead td {
            visibility: collapse !important;
            height: 0 !important;
            max-height: 0 !important;
            line-height: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            border: 0 !important;
        }

        /* اندازه اعداد تب مجلات مانند سایر تب‌ها */
        #mainTable tbody .metric-number,
        #mainTable tbody .ratio-value {
            font-size: 1.05rem !important;
            font-weight: 800 !important;
            line-height: 1.35 !important;
        }

        /* محل سال در نوار کنترل DataTable */
        .table-year-slot {
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            min-height:46px;
        }
        .table-year-slot .table-year-inline {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            padding:7px 16px;
            border-radius:20px;
            background:#f0f6fa;
            border:1px solid #d7e4ec;
            color:#1a3a5c;
            font-weight:800;
            font-size:.95rem;
            white-space:nowrap;
        }

        /* PDF کارنامه */
        .ethics-pdf-actions {
            text-align:center;
            margin:14px 0 0;
        }
        .btn-ethics-pdf {
            border:0;
            border-radius:24px;
            padding:8px 22px;
            background:#dc3545;
            color:#fff;
            font-weight:700;
            cursor:pointer;
        }
        .btn-ethics-pdf:hover { background:#bb2d3b; }

        @media (max-width: 767px) {
            .table-year-slot { margin:8px 0; }
        }


        /* ====== V8: بهبود کارنامه و فیلتر نمایه ====== */
        #ethicsCardModal .ethics-report-head {
            background: linear-gradient(135deg, #0b4f6c 0%, #0e7490 55%, #0b3954 100%);
            border-radius: 14px;
            padding: 14px 16px 16px;
            margin: -8px -8px 16px;
            box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
        }
        #ethicsCardModal .ethics-report-head h2,
        #ethicsCardModal .ethics-report-head h4,
        #ethicsCardModal .ethics-report-head .journal-name,
        #ethicsCardModal .ethics-report-head .ethics-report-subtitle { color:#fff !important; }
        #ethicsCardModal .ethics-report-university-logo {
            height:88px !important;
            max-width:150px !important;
            padding:7px 12px;
            border-radius:12px;
            background:rgba(255,255,255,.10);
            filter: drop-shadow(0 2px 3px rgba(0,0,0,.22));
        }
        #ethicsCardModal .ethics-score-row {
            grid-template-columns:180px minmax(0,1fr) !important;
            direction:rtl;
        }
        #ethicsCardModal .ethics-score-panel { grid-column:1; }
        #ethicsCardModal .ethics-radar-panel { grid-column:2; }
        #ethicsCardModal .ethics-radar-panel {
            border:1px solid #d9c688; border-radius:14px; padding:12px; background:rgba(255,255,255,.72);
        }
        #ethicsCardModal .ethics-radar-panel h5 { text-align:center; color:#17385f; font-weight:800; margin-bottom:8px; font-size:.85rem; }
        #ethicsCardModal .ethics-radar-wrap { height:250px; position:relative; }
        #ethicsCardModal .ethics-rating { text-align:center; margin-top:8px; font-weight:900; color:#0b6670; }
        #ethicsCardModal .ethics-rating small { display:block; color:#52606d; margin-top:3px; font-size:.68rem; }
        #ethicsCardModal .ethics-report-foot { grid-template-columns:100px 1fr 120px !important; }

        .index-checkboxes {
            display:flex !important;
            flex-wrap:wrap;
            gap:8px 10px;
            align-items:center;
            min-height:40px;
            padding:7px 10px !important;
            border:1px solid #dce4ec;
            border-radius:10px;
            background:#fff;
            box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
        }
        .index-checkboxes:focus-within {
            border-color:#005c8a;
            box-shadow:0 0 0 3px rgba(0,92,138,.10);
        }
        .index-check-item {
            display:inline-flex;
            align-items:center;
            gap:5px;
            margin:0;
            padding:4px 8px;
            border:1px solid #e4e9ee;
            border-radius:16px;
            background:#f8fafc;
            color:#29465f;
            font-size:.76rem;
            cursor:pointer;
            user-select:none;
        }
        .index-check-item:hover { background:#eef6fa; border-color:#b7d1df; }
        .index-check-item input { width:15px; height:15px; margin:0; accent-color:#005c8a; cursor:pointer; }
        @media(max-width:700px){
            #ethicsCardModal .ethics-score-row { grid-template-columns:1fr !important; }
            #ethicsCardModal .ethics-score-panel, #ethicsCardModal .ethics-radar-panel { grid-column:auto; }
            #ethicsCardModal .ethics-report-foot { grid-template-columns:1fr !important; }
        }

        .year-range-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;background:#f7f9fc;border:1px solid #dce4ec;border-radius:12px;padding:10px 14px;margin:10px 0 14px;}
        .year-range-controls label{font-weight:700;font-size:.82rem;color:#1a3a5c;margin:0;}
        .year-range-controls select{min-width:110px;border:1px solid #cfd8e3;border-radius:8px;padding:5px 9px;background:#fff;font-family:inherit;}
        .year-range-controls button{border:0;border-radius:18px;padding:6px 18px;background:#005c8a;color:#fff;font-family:inherit;font-weight:700;}


/* =====================================================================
   به‌روزرسانی رابط کاربری - ۱۴۰۵/۰۶
   ===================================================================== */

/* فونت فارسی */
h1, h2, h3, h4, h5, h6,
.table-section .table thead th,
.nav-tabs .nav-link,
.summary-heading,
.top-login-button,
.btn-search,
.btn-reset-search {
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-weight: 700 !important;
}
body,
input, select, textarea, button,
.table-section .table tbody td,
.dataTables_wrapper,
.select2-container {
    font-family: 'Mitra', Tahoma, sans-serif !important;
}

/* بک‌گراند ترنسپرنت از پررنگ به کم‌رنگ با رنگ سایت */
body {
    background:
        linear-gradient(
            180deg,
            rgba(0, 92, 138, 0.20) 0%,
            rgba(0, 92, 138, 0.11) 24%,
            rgba(0, 92, 138, 0.045) 58%,
            rgba(0, 92, 138, 0.00) 100%
        ),
        #f7fafc !important;
    background-attachment: fixed !important;
}
.main-container {
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* هدر حذف شده؛ فقط ورود در بالای صفحه */
.top-login-bar {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    min-height:54px;
    padding:0 4px 8px;
}
.top-login-button {
    display:inline-flex;
    align-items:center;
    gap:7px;
    text-decoration:none;
    background:linear-gradient(180deg,#0e77a5,#005c8a);
    color:#fff;
    border:1px solid rgba(255,255,255,.55);
    border-radius:0 0 12px 12px;
    padding:9px 18px 11px;
    box-shadow:0 5px 14px rgba(0,63,102,.24);
    font-size:1rem;
}
.top-login-button:hover {
    color:#fff;
    background:linear-gradient(180deg,#005c8a,#003f66);
    transform:translateY(-1px);
}

/* فرم جستجو بدون کادر؛ مشابه الگوی مرجع */
.search-panel-clean {
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    padding:4px 8px !important;
}
.search-field-group .form-label {
    font-size:.95rem !important;
}
.search-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:4px;
}
.btn-search,
.btn-reset-search {
    width:100%;
    border-radius:4px;
    padding:7px 12px;
    transition:.2s ease;
}
.btn-search {
    border:1px solid #005c8a;
    background:#005c8a;
    color:#fff;
}
.btn-reset-search {
    border:1px solid #7f9aad;
    background:#fff;
    color:#35566e;
}
.btn-reset-search:hover {
    background:#edf5f8;
    border-color:#005c8a;
    color:#003f66;
}

/* کارت شاخص‌ها */
.indicator-summary-column {
    border:3px solid #173f67 !important;
    box-shadow:0 3px 12px rgba(23,63,103,.14);
}
.summary-year-row {
    display:flex;
    justify-content:flex-start;
    margin-bottom:3px;
}
.summary-year-badge {
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:.66rem;
    line-height:1;
    color:#587188;
    background:#edf5f8;
    border:1px solid #d2e2ea;
    border-radius:10px;
    padding:3px 7px;
}
.summary-title-stats {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    border-bottom:2px solid #0d6efd;
    min-height:42px;
    padding-bottom:5px;
    margin-bottom:5px;
}
.summary-heading {
    color:#173f67;
    font-size:.95rem;
    white-space:nowrap;
}
.summary-stats {
    display:flex;
    align-items:center;
    gap:5px;
}
.summary-stat-item {
    min-width:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    background:#f5f9fb;
    border:1px solid #d8e5eb;
    border-radius:7px;
    padding:3px 5px;
    color:#173f67;
}
.summary-stat-item small {
    font-size:.60rem;
    white-space:nowrap;
}
.summary-stat-item strong {
    font-size:.82rem;
}

/* عناوین هدر جدول‌ها بزرگ‌تر */
.table-section .table thead th,
table.dataTable thead > tr > th {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.02rem !important;
    line-height:1.20 !important;
    padding:10px 7px 30px !important;
    vertical-align:top !important;
    position:relative !important;
    white-space:normal !important;
}

/* نام مجله، دانشگاه و نمایه بزرگ‌تر */
#mainTable tbody td:nth-child(2),
#mainTable tbody td:nth-child(3),
#mainTable tbody td:nth-child(4),
#universityTable tbody td:nth-child(2),
#indexTable tbody td:nth-child(2) {
    font-size:1.05rem !important;
    font-weight:700 !important;
    line-height:1.55 !important;
}
#mainTable .journal-link,
#universityTable tbody td:nth-child(2) strong,
#indexTable .badge-index {
    font-size:inherit !important;
}

/* آیکن راهنما در ردیف دوم هدر */
.table-section .table thead th .bi-question-circle {
    position:absolute !important;
    bottom:7px !important;
    right:calc(50% + 8px) !important;
    color:#ffd166 !important;
    opacity:1 !important;
    font-size:.95rem !important;
    line-height:1 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.3);
    z-index:3;
}

/* فلش‌های مرتب‌سازی DataTables در ردیف دوم هدر و کنار آیکن راهنما */
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before {
    top:auto !important;
    bottom:4px !important;
    right:calc(50% - 17px) !important;
    left:auto !important;
    color:#8fcbff !important;
    opacity:.9 !important;
}
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after {
    top:auto !important;
    bottom:4px !important;
    right:calc(50% - 4px) !important;
    left:auto !important;
    color:#8fcbff !important;
    opacity:.9 !important;
}
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after {
    color:#ffd166 !important;
    opacity:1 !important;
}

/* ستون در یک نگاه مرتب‌سازی ندارد و فضای اضافه فلش هم نمی‌گیرد */
table.dataTable thead th.actions-column {
    padding-bottom:10px !important;
    cursor:default !important;
}
table.dataTable thead th.actions-column::before,
table.dataTable thead th.actions-column::after {
    display:none !important;
}

/* سال وسط کنترل‌های DataTables کمی کوچک‌تر */
.table-year-slot .table-year-inline {
    font-size:.78rem !important;
}

/* ریسپانسیو */
@media (max-width: 992px) {
    .top-login-bar { justify-content:center; }
    .summary-title-stats { align-items:flex-start; flex-direction:column; }
    .summary-stats { width:100%; }
    .summary-stat-item { flex:1; }
}

.summary-outer-box {
    border-radius:8px;
    background:#f8f9fa;
    border:2px solid #173f67;
    padding:4px;
}
.indicator-summary-column {
    background:#fff;
    border-radius:12px;
    padding:7px 10px;
    direction:rtl;
}


/* =====================================================================
   نسخه نهایی رابط کاربری - هماهنگ با الگوی ISID
   ===================================================================== */

/* index.php مستقیماً روی پس‌زمینه body قرار می‌گیرد؛ ظرف اصلی دیگر کارت سفید نیست */
html, body {
    min-height: 100%;
}
body {
    margin: 0 !important;
    padding: 0 !important;
    background:
        linear-gradient(
            180deg,
            rgba(0, 86, 126, .28) 0%,
            rgba(0, 92, 138, .18) 18%,
            rgba(0, 92, 138, .09) 42%,
            rgba(0, 92, 138, .035) 67%,
            rgba(255,255,255,0) 100%
        ),
        #f7fafc !important;
    background-attachment: fixed !important;
}
.main-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 22px 20px !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.main-container > .container {
    max-width: 1480px !important;
    padding-top: 2px !important;
}

/* دکمه ورود، جمع‌وجور و تب‌مانند در گوشه بالا */
.top-login-bar {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    min-height: 46px !important;
    padding: 0 8px 3px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}
.top-login-button {
    min-width: 118px;
    justify-content: center;
    padding: 8px 18px 9px !important;
    border-radius: 0 0 10px 10px !important;
    background: linear-gradient(180deg,#0b6f98 0%,#005c8a 100%) !important;
    border: 0 !important;
    box-shadow: 0 5px 12px rgba(0,63,102,.22) !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
}
.top-login-button i { font-size: 1rem !important; }
.top-login-button:hover {
    background: linear-gradient(180deg,#005c8a,#003f66) !important;
    transform: translateY(1px) !important;
}

/* سه بخش بالای صفحه در یک ردیف، هم‌ارتفاع و سبک */
.main-container .row.align-items-stretch {
    align-items: stretch !important;
}
.main-container .row.align-items-stretch > .col-12.col-md-4 {
    display: flex !important;
    margin-bottom: 10px !important;
}
.dashboard-top-panel {
    width: 100% !important;
    min-height: 355px !important;
    height: 100% !important;
    border-radius: 10px !important;
}
.logo-top-panel {
    background: rgba(255,255,255,.46) !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 6px 12px !important;
}
.search-top-panel {
    background: rgba(255,255,255,.28) !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 10px 14px !important;
}
.summary-top-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.summary-top-panel .indicator-summary-column {
    min-height: 355px !important;
    background: rgba(255,255,255,.91) !important;
    border: 2px solid #173f67 !important;
    box-shadow: 0 6px 16px rgba(23,63,103,.10) !important;
}

/* فیلدهای جستجو خواناتر */
.search-top-panel .search-field-group {
    margin-bottom: 7px !important;
}
.search-top-panel .form-label {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.14rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: #173f67 !important;
    white-space: nowrap !important;
}
.search-top-panel .form-control,
.search-top-panel .form-select,
.search-top-panel .select2-container .select2-selection,
.search-top-panel .select2-selection__rendered,
.search-top-panel .index-check-item {
    font-size: 1rem !important;
}
.search-top-panel .select2-container .select2-selection {
    min-height: 38px !important;
}
.search-top-panel .select2-selection__rendered {
    line-height: 34px !important;
}
.search-top-panel .search-actions {
    margin-top: 5px !important;
}

/* سال بالای شاخص‌ها برجسته‌تر */
.summary-year-row {
    justify-content: flex-start !important;
    margin-bottom: 7px !important;
}
.summary-year-emphasis,
.summary-year-badge {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.32rem !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    padding: 7px 15px !important;
    color: #064b70 !important;
    background: linear-gradient(180deg,#ffffff,#e8f3f8) !important;
    border: 1px solid #8fbdd0 !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 7px rgba(0,92,138,.10) !important;
}

/* هدر جدول‌ها بزرگ‌تر و Bold */
.table-section .table thead th,
table.dataTable thead > tr > th {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.13rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}
.table-section .table thead th .header-en-term {
    font-family: Arial, sans-serif !important;
    font-size: .83em !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    vertical-align: baseline !important;
}

/* نام مجله در همه محل‌ها کمی کوچک‌تر از نسخه قبلی */
#mainTable tbody td:nth-child(2),
#mainTable .journal-link {
    font-size: .92rem !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* مودال ترند: متن فارسی بزرگ‌تر و Bold */
#allTrendModal .modal-content,
#singleTrendModal .modal-content {
    padding-top: 62px !important;
}
#allTrendModal .trend-header h4,
#singleTrendModal #singleTrendTitle {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
}
#allTrendModal .trend-header p,
#singleTrendModal #singleTrendSubtitle,
#allTrendModal .year-range-controls label,
#allTrendModal .year-range-controls select,
#allTrendModal .year-range-controls button,
#allTrendModal .card-title,
#allTrendModal .badge,
#singleTrendModal .selected-year-trend-note {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.02rem !important;
    font-weight: 700 !important;
}
#allTrendModal .trend-card-value {
    font-size: 1.45rem !important;
    font-weight: 800 !important;
}
.trend-close-button {
    position: absolute;
    top: 15px;
    left: 18px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 8px;
    padding: 7px 15px;
    background: #e9eef2;
    color: #29465f;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: .2s ease;
}
.trend-close-button:hover {
    background: #d9e5eb;
    color: #003f66;
}

/* نمودارهای ترند بزرگ‌تر و خواناتر */
#allTrendModal #trendCardsBody canvas {
    min-height: 105px !important;
}

@media (max-width: 991.98px) {
    .main-container { padding: 0 10px 15px !important; }
    .dashboard-top-panel,
    .summary-top-panel .indicator-summary-column {
        min-height: auto !important;
        height: auto !important;
    }
    .top-login-bar { justify-content: center !important; }
}


/* =====================================================================
   اصلاحات نهایی: بخش بالای صفحه + کارنامه اخلاقی چاپی
   ===================================================================== */

/* بخش‌های لوگو و جستجو بدون قاب/کارت؛ خود محتوا مستقیم روی زمینه صفحه */
.logo-top-panel,
.search-top-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
}
.logo-top-panel { padding: 0 10px !important; }
.search-top-panel { padding: 2px 8px !important; }
.logo-top-panel .side-logo {
    max-height: 190px !important;
    max-width: 100% !important;
    margin: 0 auto 0 !important;
}
.logo-top-panel img[alt="عنوان سامانه"] {
    width: 100% !important;
    max-width: 820px !important;
    max-height: 152px !important;
    margin: -4px auto 0 !important;
}
.logo-top-panel > div:last-child {
    font-family: 'B Koodak','Koodak','Mitra',Tahoma,sans-serif !important;
    font-size: 1.08rem !important;
    font-weight: 700 !important;
    color: #51697b !important;
    margin-top: 1px !important;
}

/* =========================================================
   کارنامه اخلاقی - ظاهر گواهی رسمی چاپی
   ========================================================= */
#ethicsCardModal .modal-content {
    max-width: 940px !important;
    width: min(96vw, 940px) !important;
    background: #f4f6f8 !important;
    padding: 12px !important;
}
#ethicsCardModal .ethics-report.ethics-certificate {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    background:
        radial-gradient(circle at 18% 12%, rgba(205,170,83,.075), transparent 24%),
        radial-gradient(circle at 84% 87%, rgba(15,126,126,.055), transparent 25%),
        linear-gradient(180deg,#fffdf4 0%,#fbf8ed 100%) !important;
    color: #122e53 !important;
    border: 3px solid #17385f !important;
    border-radius: 3px !important;
    padding: 24px 30px 18px !important;
    box-shadow: 0 16px 45px rgba(23,56,95,.18) !important;
    position: relative;
    overflow: hidden;
}
#ethicsCardModal .ethics-report.ethics-certificate::before {
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid #c8a24d;
    border-radius:1px;
    pointer-events:none;
}
#ethicsCardModal .ethics-report.ethics-certificate::after {
    content:"";
    position:absolute;
    inset:13px;
    border:1px solid rgba(23,56,95,.32);
    pointer-events:none;
}
.certificate-corner { position:absolute; width:42px; height:42px; z-index:1; pointer-events:none; }
.certificate-corner::before,.certificate-corner::after { content:""; position:absolute; background:#c8a24d; }
.certificate-corner::before { width:30px;height:2px;top:8px;right:6px; }
.certificate-corner::after { width:2px;height:30px;top:6px;right:8px; }
.certificate-corner-tl{top:12px;left:12px;transform:rotate(270deg)}
.certificate-corner-tr{top:12px;right:12px}
.certificate-corner-bl{bottom:12px;left:12px;transform:rotate(180deg)}
.certificate-corner-br{bottom:12px;right:12px;transform:rotate(90deg)}

#ethicsCardModal .certificate-head { position:relative; z-index:2; text-align:center; }
#ethicsCardModal .certificate-main-logo {
    height: 84px !important;
    max-width: 180px !important;
    object-fit: contain !important;
    margin: 0 auto 2px !important;
    filter:none !important;
}
#ethicsCardModal .certificate-head h2 {
    color:#102f58 !important;
    font-size:2.35rem !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    margin:3px 0 4px !important;
}
#ethicsCardModal .certificate-head h4 {
    color:#087d7c !important;
    font-size:1.35rem !important;
    line-height:1.45 !important;
    font-weight:900 !important;
    margin:0 0 3px !important;
}
#ethicsCardModal .ethics-report-subtitle {
    color:#31445f !important;
    font-size:1rem !important;
    font-weight:800 !important;
}
#ethicsCardModal .certificate-university-name {
    color:#6a4b21 !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    margin-top:3px;
}
.certificate-ornament { display:flex; align-items:center; justify-content:center; gap:7px; margin:7px auto 8px; }
.certificate-ornament span { width:72px; height:1px; background:#c7a24f; }
.certificate-ornament i { width:8px;height:8px;background:#c7a24f;transform:rotate(45deg);display:block; }

#ethicsCardModal .certificate-score-row {
    position:relative; z-index:2;
    display:grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap:18px !important;
    align-items:center !important;
    margin:3px 0 12px !important;
}
#ethicsCardModal .certificate-radar-panel,
#ethicsCardModal .certificate-score-panel {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:4px !important;
}
#ethicsCardModal .certificate-radar-panel h5 {
    color:#17385f !important;
    font-size:1rem !important;
    font-weight:900 !important;
    margin-bottom:0 !important;
    text-align:center;
}
#ethicsCardModal .certificate-radar-panel .ethics-radar-wrap { height:205px !important; }
#ethicsCardModal .certificate-score-panel { display:flex; flex-direction:column; align-items:center; justify-content:center; }
#ethicsCardModal .certificate-score-badge {
    width:190px !important;
    height:190px !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 50% 42%, #173d69 0%, #0e2f56 68%, #08233f 100%) !important;
    border:5px double #c9a34c !important;
    outline:2px solid #17385f !important;
    box-shadow:0 0 0 5px #f4df9e, 0 9px 20px rgba(16,47,88,.18) !important;
    color:#fff !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}
#ethicsCardModal .certificate-score-badge strong {
    color:#fff !important;
    font-size:4rem !important;
    line-height:.95 !important;
    font-weight:900 !important;
}
#ethicsCardModal .certificate-score-badge span {
    color:#fff !important;
    font-size:.98rem !important;
    font-weight:800 !important;
    margin-top:8px !important;
}
#ethicsCardModal .certificate-rating {
    color:#087d7c !important;
    font-size:1.2rem !important;
    font-weight:900 !important;
    margin-top:10px !important;
    text-align:center;
}
#ethicsCardModal .certificate-rating small { display:block; color:#31445f !important; font-size:.82rem !important; margin-top:2px; }
#ethicsCardModal .certificate-article-count { margin-top:6px; font-size:.82rem; font-weight:800; color:#17385f; }

#ethicsCardModal .certificate-ribbon {
    position:relative; z-index:2;
    background:linear-gradient(90deg,#0f315a,#173f70,#0f315a) !important;
    color:#fff !important;
    border:0 !important;
    border-radius:2px !important;
    width:72% !important;
    margin:4px auto 10px !important;
    padding:8px 16px !important;
    font-size:1.12rem !important;
    font-weight:900 !important;
    text-align:center;
    box-shadow:none !important;
}
#ethicsCardModal .certificate-ribbon::before,
#ethicsCardModal .certificate-ribbon::after {
    content:""; position:absolute; top:0; width:22px; height:100%; background:#c8a24d;
}
#ethicsCardModal .certificate-ribbon::before { right:-14px; clip-path:polygon(0 0,100% 50%,0 100%); }
#ethicsCardModal .certificate-ribbon::after { left:-14px; clip-path:polygon(100% 0,0 50%,100% 100%); }

#ethicsCardModal .certificate-metrics {
    position:relative; z-index:2;
    border:1px solid #d8ccb1 !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.45) !important;
    padding:6px 12px !important;
}
#ethicsCardModal .certificate-metrics .ethics-metric {
    display:grid !important;
    grid-template-columns:74px 1fr minmax(230px,1.25fr) 34px !important;
    align-items:center !important;
    gap:9px !important;
    min-height:34px !important;
    padding:5px 0 !important;
    border-bottom:1px solid rgba(23,56,95,.11) !important;
}
#ethicsCardModal .certificate-metrics .ethics-metric:last-child { border-bottom:0 !important; }
#ethicsCardModal .certificate-metrics .metric-value { font-size:.88rem !important; font-weight:900 !important; color:#17385f !important; text-align:center; }
#ethicsCardModal .certificate-metrics .metric-label { font-size:.84rem !important; font-weight:800 !important; color:#233b5c !important; }
#ethicsCardModal .certificate-metrics .metric-bar { height:10px !important; background:#e8e6dc !important; border-radius:8px !important; overflow:hidden; }
#ethicsCardModal .certificate-metrics .metric-bar span { display:block; height:100%; background:linear-gradient(90deg,#0f7e7e,#159795) !important; border-radius:8px; }
#ethicsCardModal .certificate-metrics .metric-icon { width:31px;height:31px;border-radius:50%;background:#0f7e7e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem; }
#ethicsCardModal .ethics-metric-retraction .metric-bar { opacity:.35; }

#ethicsCardModal .certificate-footer {
    position:relative; z-index:2;
    display:grid !important;
    grid-template-columns:155px 1fr 120px !important;
    gap:18px !important;
    align-items:end !important;
    margin-top:14px !important;
}
#ethicsCardModal .certificate-date-card {
    border:1px solid #cbbd9f;
    border-radius:8px;
    background:rgba(255,255,255,.52);
    padding:8px 10px;
    text-align:center;
    color:#17385f;
}
#ethicsCardModal .certificate-date-title { font-size:.77rem;font-weight:900;margin-bottom:4px; }
#ethicsCardModal .certificate-date-fa { display:block;font-size:1rem;font-weight:900;line-height:1.35; }
#ethicsCardModal .certificate-date-en { display:block;font-size:.8rem;font-family:Arial,sans-serif;font-weight:700;margin-top:2px; }
#ethicsCardModal .certificate-sign-block { text-align:center; }
#ethicsCardModal .certificate-sign {
    width:155px !important;
    height:70px !important;
    max-width:100% !important;
    object-fit:contain !important;
    margin:0 auto 2px !important;
    filter:none !important;
    mix-blend-mode:multiply !important;
    opacity:.96 !important;
}
#ethicsCardModal .certificate-sign-block .committee-text { font-size:.74rem !important; line-height:1.55 !important; font-weight:800 !important; color:#17385f !important; }
#ethicsCardModal .certificate-range-note { text-align:center; color:#6b5228; }
#ethicsCardModal .certificate-range-note small { display:block;font-size:.69rem;font-weight:700; }
#ethicsCardModal .certificate-range-note strong { display:block;font-size:.9rem;font-weight:900;margin-top:3px; }
#ethicsCardModal .certificate-motto { position:relative; z-index:2; text-align:center; color:#17385f; font-size:.72rem; font-weight:800; margin-top:10px; padding-top:5px; border-top:1px solid #c9a34c; }

@media (max-width: 760px) {
    #ethicsCardModal .certificate-score-row { grid-template-columns:1fr !important; }
    #ethicsCardModal .certificate-footer { grid-template-columns:1fr !important; align-items:center !important; }
    #ethicsCardModal .certificate-metrics .ethics-metric { grid-template-columns:64px 1fr 150px 32px !important; }
    #ethicsCardModal .certificate-score-badge { width:165px !important; height:165px !important; }
    #ethicsCardModal .certificate-score-badge strong { font-size:3.2rem !important; }
}

@media print {
    #ethicsCardModal .ethics-certificate {
        box-shadow:none !important;
        margin:0 auto !important;
        page-break-inside:avoid !important;
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
    }
}

/* خنثی‌سازی استایل‌های قدیمی سربرگ کارنامه برای قالب گواهی جدید */
#ethicsCardModal .certificate-head {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
#ethicsCardModal .certificate-main-logo {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter: none !important;
}


/* ===================== 1405-06-26 FINAL VISUAL TUNING ===================== */
body {
    background: linear-gradient(180deg, rgba(0,92,138,.26) 0%, rgba(0,92,138,.12) 26%, rgba(0,92,138,.04) 60%, rgba(255,255,255,0) 100%), #f7fafc !important;
}
.main-container {
    background: transparent !important;
    box-shadow: none !important;
}
.container, .container-fluid {
    position: relative;
    z-index: 1;
}

/* top search/logo/summary area without card frame for logo and search */
.logo-top-panel,
.search-top-panel {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.logo-top-panel { padding-top: 4px !important; }
.top-page-logo { max-height: 240px !important; }
.top-page-title { max-width: 660px !important; }
.approval-text {
    font-family:'B Koodak','Koodak','Mitra',Tahoma,sans-serif !important;
    font-size:1.22rem !important;
    font-weight:700 !important;
    color:#4e6478 !important;
    letter-spacing:0 !important;
}

/* login badge like sample */
.top-login-bar {
    position: relative;
    justify-content: flex-end !important;
    padding: 0 10px 2px !important;
    min-height: 24px !important;
}
.portal-badge-button.top-login-button {
    width: 96px !important;
    min-width: 96px !important;
    height: 120px !important;
    padding: 18px 10px 20px !important;
    border-radius: 12px 12px 14px 14px !important;
    clip-path: polygon(8% 0%, 92% 0%, 100% 10%, 100% 82%, 50% 100%, 0% 82%, 0% 10%);
    background: linear-gradient(180deg,#e8b2ff 0%, #b96ae4 45%, #8c43c0 78%, #7a36ac 100%) !important;
    border: 3px solid #f0c5ff !important;
    box-shadow: 0 8px 16px rgba(90,0,130,.24), inset 0 0 0 2px rgba(72,25,105,.35) !important;
    text-align:center !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap: 2px !important;
    color:#4d1b63 !important;
    line-height:1.05 !important;
}
.portal-badge-button.top-login-button:hover {
    transform: translateY(-1px);
    color:#4d1b63 !important;
    background: linear-gradient(180deg,#efc5ff 0%, #c177ef 45%, #9a50cd 78%, #8440b7 100%) !important;
}
.portal-badge-button .portal-badge-top,
.portal-badge-button .portal-badge-bottom {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-weight:800 !important;
    text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.portal-badge-button .portal-badge-top { font-size:1rem !important; }
.portal-badge-button .portal-badge-bottom { font-size:1.1rem !important; }
.portal-badge-button::after {
    content:'';
    position:absolute;
    inset:8px 10px 24px;
    border:1px solid rgba(255,255,255,.48);
    border-bottom:none;
    border-radius:8px 8px 0 0;
    pointer-events:none;
}

/* search field labels and borders */
.search-field-group .form-label {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.18rem !important;
    font-weight:800 !important;
    color:#173f67 !important;
}
.search-top-panel .form-select,
.search-top-panel .select2-container--default .select2-selection--single,
.search-top-panel .select2-container--default .select2-selection--multiple,
.search-top-panel .index-checkboxes {
    border: 2px solid #809db2 !important;
    box-shadow: none !important;
}
.search-top-panel .form-select:focus,
.search-top-panel .select2-container--default.select2-container--focus .select2-selection--multiple,
.search-top-panel .select2-container--default.select2-container--open .select2-selection--single {
    border-color:#005c8a !important;
    box-shadow:0 0 0 .15rem rgba(0,92,138,.12) !important;
}

/* summary heading tuning */
.summary-year-emphasis { font-size:1.28rem !important; font-weight:800 !important; }
.summary-heading { font-size:1.03rem !important; font-weight:800 !important; }

/* table headers and names */
.table-section .table thead th,
table.dataTable thead > tr > th {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-weight:800 !important;
    font-size:1.08rem !important;
}
table.dataTable thead th:nth-child(12),
#mainTable thead th:nth-child(12) {
    font-size:.98rem !important;
}
#mainTable .journal-link {
    font-size:.95rem !important;
    font-weight:700 !important;
    line-height:1.45 !important;
}

/* footer logo larger and natural color */
.footer-brand-logo {
    width: 112px !important;
    height: 112px !important;
    flex: 0 0 112px !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}
.footer-brand-title { font-size: 18px !important; }

/* ethics card modal redesign */
#ethicsCardModal .modal-content-custom { max-width: 980px !important; }
#ethicsCardModal .modal-header-custom {
    align-items:center !important;
}
#ethicsCardModal .modal-close-custom { display:none !important; }
#ethicsCardModal .ethics-report {
    background: linear-gradient(180deg, #f8f4e7 0%, #fbf8ee 100%) !important;
    border: 3px solid #233d69 !important;
    box-shadow: inset 0 0 0 3px #d4b066, 0 10px 28px rgba(23,56,95,.18) !important;
    padding: 18px 18px 16px !important;
}
#ethicsCardModal .certificate-corner { border-color:#233d69 !important; }
#ethicsCardModal .ethics-report-head { padding-top:4px !important; }
#ethicsCardModal .certificate-main-logo {
    width: 108px !important;
    height: 108px !important;
    object-fit: contain !important;
    margin-bottom: 6px !important;
}
#ethicsCardModal .ethics-report-head h2 {
    font-size: 2.15rem !important;
    font-weight: 900 !important;
    margin-bottom:4px !important;
}
#ethicsCardModal .ethics-report-head h4 {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    color:#087b7d !important;
}
#ethicsCardModal .certificate-university-name {
    font-size: 1rem !important;
    font-weight: 800 !important;
    color:#17385f !important;
}
#ethicsCardModal .ethics-score-row {
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:14px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
}
#ethicsCardModal .certificate-radar-panel,
#ethicsCardModal .certificate-score-panel {
    flex: 1 1 50% !important;
}
#ethicsCardModal .certificate-radar-panel h5 {
    font-size: 1.02rem !important;
    font-weight: 900 !important;
    margin-bottom:8px !important;
}
#ethicsCardModal .certificate-score-badge {
    width: 198px !important;
    height: 198px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 50% 30%, #123e7e 0%, #062b61 64%, #032556 100%) !important;
    border: 6px double #d5b067 !important;
    box-shadow: inset 0 0 0 3px rgba(255,235,190,.8), 0 7px 18px rgba(17,44,89,.18) !important;
    position:relative !important;
}
#ethicsCardModal .certificate-score-badge::before,
#ethicsCardModal .certificate-score-badge::after {
    content:'★  ★';
    position:absolute;
    right:0; left:0;
    text-align:center;
    color:#efcc74;
    letter-spacing:4px;
    font-size: .8rem;
    font-weight: 900;
}
#ethicsCardModal .certificate-score-badge::before { top: 14px; }
#ethicsCardModal .certificate-score-badge::after { bottom: 16px; }
#ethicsCardModal .certificate-score-badge strong {
    font-size: 4rem !important;
    color:#fff !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-top: 18px !important;
}
#ethicsCardModal .certificate-score-badge span {
    font-size: 1.1rem !important;
    color:#fff !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    width: 76% !important;
    text-align:center;
}
#ethicsCardModal .certificate-rating,
#ethicsCardModal .certificate-rating small,
#ethicsCardModal .certificate-motto,
#ethicsCardModal .certificate-range-note { display:none !important; }
#ethicsCardModal .certificate-article-count {
    font-size: 1rem !important;
    font-weight: 800 !important;
    color:#17385f !important;
}
#ethicsCardModal .report-ribbon {
    font-size: 1.15rem !important;
    font-weight: 900 !important;
}
#ethicsCardModal .ethics-metric .metric-label {
    font-size: .98rem !important;
    font-weight: 800 !important;
}
#ethicsCardModal .ethics-metric .metric-value {
    font-size: 1.05rem !important;
    font-weight: 900 !important;
}
#ethicsCardModal .certificate-footer {
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:14px !important;
    margin-top:10px !important;
}
#ethicsCardModal .certificate-date-card {
    order:1;
    min-width: 180px !important;
}
#ethicsCardModal .certificate-sign-block {
    order:2;
    margin-right:auto;
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap: 12px !important;
}
#ethicsCardModal .certificate-sign {
    width: 106px !important;
    height: auto !important;
    opacity: .98 !important;
}
#ethicsCardModal .certificate-sign-block .committee-text {
    font-size: .90rem !important;
    line-height: 1.6 !important;
    font-weight: 900 !important;
    text-align:right !important;
    white-space: normal;
}
@media (max-width: 900px) {
    #ethicsCardModal .ethics-score-row,
    #ethicsCardModal .certificate-footer { flex-direction:column !important; }
    #ethicsCardModal .certificate-sign-block { margin-right:0; }
}


/* =====================================================================
   FINAL OVERRIDES V3 - exact requested corrections
   ===================================================================== */

/* Exact uploaded login badge */
.top-login-bar{
    min-height:78px !important;
    padding:0 18px 0 !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:flex-start !important;
    overflow:visible !important;
}
.top-login-image-link{
    display:block !important;
    width:126px !important;
    height:auto !important;
    line-height:0 !important;
    text-decoration:none !important;
    position:relative !important;
    z-index:30 !important;
}
.top-login-image{
    display:block !important;
    width:126px !important;
    height:auto !important;
    object-fit:contain !important;
    filter:drop-shadow(0 6px 7px rgba(66,20,90,.20)) !important;
    transition:transform .2s ease !important;
}
.top-login-image-link:hover .top-login-image{
    transform:translateY(-2px) scale(1.03) !important;
}
.portal-badge-button,
.top-login-button{ display:none !important; }

/* Bigger top page logo and title */
.logo-top-panel .top-page-logo,
.logo-top-panel .side-logo,
.top-page-logo{
    max-height:285px !important;
    width:auto !important;
    max-width:100% !important;
}
.logo-top-panel .top-page-title,
.top-page-title{
    max-width:720px !important;
    max-height:118px !important;
    width:100% !important;
}

/* Stronger, larger search labels */
#searchForm .search-field-group > .form-label,
.search-top-panel .search-field-group .form-label{
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.34rem !important;
    font-weight:900 !important;
    color:#123b59 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
}

/* Explicit darker borders around university and journal select2 */
#uniSelect,
#journalSelect{
    border:3px solid #355f7a !important;
    border-radius:6px !important;
}
#uniSelect + .select2-container .select2-selection,
#journalSelect + .select2-container .select2-selection,
#searchForm .select2-container--bootstrap-5 .select2-selection,
#searchForm .select2-container--default .select2-selection--single{
    border:3px solid #355f7a !important;
    border-radius:6px !important;
    min-height:40px !important;
    background:#fff !important;
    box-shadow:0 1px 3px rgba(17,55,79,.10) !important;
}
#uniSelect + .select2-container.select2-container--open .select2-selection,
#journalSelect + .select2-container.select2-container--open .select2-selection{
    border-color:#003f66 !important;
}

/* Footer logo natural color + much larger */
.footer .footer-brand-logo{
    width:155px !important;
    height:155px !important;
    flex:0 0 155px !important;
    max-width:155px !important;
    object-fit:contain !important;
    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
}
.footer .footer-brand{ gap:22px !important; }
@media(max-width:768px){
    .footer .footer-brand-logo{
        width:120px !important;
        height:120px !important;
        flex-basis:120px !important;
    }
}

/* ======================= Ethics certificate ======================= */
#ethicsCardModal .certificate-main-logo{
    width:148px !important;
    height:148px !important;
    max-width:148px !important;
    max-height:148px !important;
    object-fit:contain !important;
    margin:0 auto 5px !important;
}
#ethicsCardModal .certificate-head h2{
    font-size:2.5rem !important;
    font-weight:900 !important;
}

/* chart and score always side-by-side on desktop */
#ethicsCardModal .certificate-score-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:18px !important;
    align-items:center !important;
}
#ethicsCardModal .certificate-radar-panel,
#ethicsCardModal .certificate-score-panel{
    width:100% !important;
    min-width:0 !important;
}
#ethicsCardModal .certificate-score-panel{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

/* score badge based on uploaded visual */
#ethicsCardModal .certificate-score-badge{
    width:236px !important;
    height:231px !important;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:url('../images/score-badge-frame.png') center center/contain no-repeat !important;
    border:none !important;
    border-radius:50% !important;
    box-shadow:none !important;
    overflow:hidden !important;
}
#ethicsCardModal .certificate-score-badge::before{
    content:'' !important;
    position:absolute !important;
    width:154px !important;
    height:126px !important;
    left:41px !important;
    top:54px !important;
    border-radius:50% !important;
    background:#08316d !important;
    z-index:1 !important;
}
#ethicsCardModal .certificate-score-badge::after{
    content:'★  ★  ★' !important;
    position:absolute !important;
    top:28px !important;
    left:0 !important;
    right:0 !important;
    text-align:center !important;
    color:#e5bf68 !important;
    letter-spacing:4px !important;
    font-size:.85rem !important;
    z-index:3 !important;
}
#ethicsCardModal .certificate-score-core{
    position:relative !important;
    z-index:4 !important;
    width:155px !important;
    height:122px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}
#ethicsCardModal .certificate-score-core strong{
    color:#fff !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:4.35rem !important;
    font-weight:900 !important;
    line-height:.9 !important;
    text-shadow:0 2px 2px rgba(0,0,0,.18) !important;
}
#ethicsCardModal .certificate-score-core span{
    margin-top:9px !important;
    color:#fff !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.25rem !important;
    font-weight:900 !important;
}

/* Always suppress rating/motto/range */
#ethicsCardModal .certificate-rating,
#ethicsCardModal .ethics-rating,
#ethicsCardModal .certificate-motto,
#ethicsCardModal .certificate-range-note{
    display:none !important;
}

/* stamp right of committee text, same horizontal row; issue date instead of period */
#ethicsCardModal .certificate-footer{
    display:grid !important;
    grid-template-columns:minmax(0,1.65fr) minmax(185px,.7fr) !important;
    direction:rtl !important;
    align-items:center !important;
    gap:24px !important;
    margin-top:16px !important;
}
#ethicsCardModal .certificate-sign-block{
    display:grid !important;
    grid-template-columns:122px minmax(0,1fr) !important;
    direction:rtl !important;
    align-items:center !important;
    gap:13px !important;
    width:100% !important;
}
#ethicsCardModal .certificate-sign{
    grid-column:1 !important;
    width:116px !important;
    height:116px !important;
    object-fit:contain !important;
    opacity:1 !important;
    filter:none !important;
}
#ethicsCardModal .certificate-sign-block .committee-text{
    grid-column:2 !important;
    display:flex !important;
    flex-direction:column !important;
    text-align:right !important;
    color:#17385f !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.08rem !important;
    font-weight:900 !important;
    line-height:1.6 !important;
}
#ethicsCardModal .certificate-sign-block .committee-text strong,
#ethicsCardModal .certificate-sign-block .committee-text span{
    font:inherit !important;
    color:inherit !important;
}
#ethicsCardModal .certificate-date-card{
    width:100% !important;
    min-width:185px !important;
    padding:10px 12px !important;
    text-align:center !important;
    border:2px solid #c5a052 !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.50) !important;
}
#ethicsCardModal .certificate-date-title{
    font-size:1rem !important;
    font-weight:900 !important;
}
#ethicsCardModal .certificate-date-fa{
    font-size:1.18rem !important;
    font-weight:900 !important;
}
#ethicsCardModal .certificate-date-en{
    font-size:.92rem !important;
    font-weight:800 !important;
}

@media(max-width:780px){
    #ethicsCardModal .certificate-score-row,
    #ethicsCardModal .certificate-footer{
        grid-template-columns:1fr !important;
    }
    #ethicsCardModal .certificate-sign-block{
        max-width:480px !important;
        margin:0 auto !important;
    }
}


/* =====================================================================
   ETHICS CERTIFICATE V4 - FINAL HARD OVERRIDE
   ===================================================================== */
#ethicsCardModal .modal-content{
    width:min(96vw, 1020px) !important;
    max-width:1020px !important;
}

#ethicsCardModal #ethicsReportPrintable{
    direction:rtl !important;
    position:relative !important;
    padding:20px 22px 18px !important;
    background:linear-gradient(180deg,#fbf7e9 0%,#fffdf7 48%,#faf4e5 100%) !important;
    border:3px solid #17385f !important;
    box-shadow:
        inset 0 0 0 3px #d0a84f,
        inset 0 0 0 7px rgba(255,255,255,.78),
        0 10px 28px rgba(16,45,75,.18) !important;
}

/* Logo and title */
#ethicsCardModal #ethicsReportPrintable .certificate-main-logo{
    width:170px !important;
    height:170px !important;
    max-width:170px !important;
    max-height:170px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto 4px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-head h2{
    margin:0 0 2px !important;
    color:#112f57 !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:2.65rem !important;
    font-weight:900 !important;
    line-height:1.1 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-head h4{
    margin:2px 0 4px !important;
    color:#087b7d !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.55rem !important;
    font-weight:900 !important;
}

/* Radar + Score: one horizontal row on desktop */
#ethicsCardModal #ethicsReportPrintable .certificate-score-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:22px !important;
    align-items:center !important;
    margin:14px 0 16px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel,
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel{
    width:100% !important;
    min-width:0 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel h5{
    text-align:center !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.12rem !important;
    font-weight:900 !important;
    color:#17385f !important;
    margin:0 0 8px !important;
}
#ethicsCardModal #ethicsReportPrintable .ethics-radar-wrap{
    height:250px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Dynamic score badge styled from uploaded reference */
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge{
    width:250px !important;
    height:246px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    overflow:hidden !important;
    border:none !important;
    border-radius:50% !important;
    background:url('../images/score-badge-frame.png') center/contain no-repeat !important;
    box-shadow:none !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core{
    position:relative !important;
    z-index:5 !important;
    width:150px !important;
    height:132px !important;
    margin-top:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core strong{
    display:block !important;
    color:#fff !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:4.55rem !important;
    font-weight:900 !important;
    line-height:.9 !important;
    text-shadow:0 2px 2px rgba(0,0,0,.22) !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core span{
    display:block !important;
    color:#fff !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.32rem !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    margin-top:12px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-article-count{
    margin-top:6px !important;
    color:#17385f !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1rem !important;
    font-weight:900 !important;
}

/* Hide all legacy descriptive text below the score */
#ethicsCardModal #ethicsReportPrintable .certificate-rating,
#ethicsCardModal #ethicsReportPrintable .ethics-rating,
#ethicsCardModal #ethicsReportPrintable .certificate-motto,
#ethicsCardModal #ethicsReportPrintable .certificate-range-note{
    display:none !important;
}

/* Footer: stamp at RIGHT of committee, both on SAME ROW. Date replaces period. */
#ethicsCardModal #ethicsReportPrintable .certificate-footer{
    display:grid !important;
    grid-template-columns:minmax(0,1.65fr) minmax(205px,.7fr) !important;
    gap:26px !important;
    align-items:center !important;
    direction:rtl !important;
    margin-top:16px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-sign-block{
    display:flex !important;
    flex-direction:row !important;
    direction:rtl !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:100% !important;
    margin:0 !important;
    text-align:right !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-sign{
    order:0 !important;
    width:126px !important;
    height:126px !important;
    max-width:126px !important;
    object-fit:contain !important;
    flex:0 0 126px !important;
    filter:none !important;
    opacity:1 !important;
    margin:0 !important;
}
#ethicsCardModal #ethicsReportPrintable .committee-text{
    order:1 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    margin:0 !important;
    color:#17385f !important;
    text-align:right !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.12rem !important;
    font-weight:900 !important;
    line-height:1.6 !important;
}
#ethicsCardModal #ethicsReportPrintable .committee-text strong,
#ethicsCardModal #ethicsReportPrintable .committee-text span{
    display:block !important;
    color:inherit !important;
    font:inherit !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

/* Issue date card */
#ethicsCardModal #ethicsReportPrintable .certificate-date-card{
    width:100% !important;
    min-width:205px !important;
    margin:0 !important;
    padding:11px 13px !important;
    border:2px solid #c8a155 !important;
    border-radius:11px !important;
    background:rgba(255,255,255,.58) !important;
    text-align:center !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-date-title{
    color:#17385f !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.05rem !important;
    font-weight:900 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-date-fa{
    display:block !important;
    color:#17385f !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.22rem !important;
    font-weight:900 !important;
    margin-top:3px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-date-en{
    display:block !important;
    color:#17385f !important;
    font-family:Arial,sans-serif !important;
    font-size:.94rem !important;
    font-weight:800 !important;
    direction:ltr !important;
    margin-top:2px !important;
}

@media(max-width:800px){
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row,
    #ethicsCardModal #ethicsReportPrintable .certificate-footer{
        grid-template-columns:1fr !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-sign-block{
        max-width:520px !important;
        margin:0 auto !important;
    }
    #ethicsCardModal #ethicsReportPrintable .committee-text strong,
    #ethicsCardModal #ethicsReportPrintable .committee-text span{
        white-space:normal !important;
    }
}


/* =====================================================================
   ETHICS CERTIFICATE V5 - SCORE / TWO-COLUMN / THREE-EQUAL-FOOTER
   ===================================================================== */

/* نمودار و امتیاز همیشه در یک ردیف کنار هم */
#ethicsCardModal #ethicsReportPrintable .certificate-score-row{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    width:100% !important;
    margin:14px 0 16px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel,
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel{
    flex:1 1 50% !important;
    width:50% !important;
    max-width:50% !important;
    min-width:0 !important;
    margin:0 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}
#ethicsCardModal #ethicsReportPrintable .ethics-radar-wrap{
    width:100% !important;
    height:250px !important;
    min-height:250px !important;
}

/* نمره محاسبه‌شده دقیقاً جای متن حذف‌شده عکس قرار می‌گیرد */
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge{
    width:250px !important;
    height:246px !important;
    flex:0 0 250px !important;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border:none !important;
    border-radius:50% !important;
    background:url('../images/score-badge-frame.png') center center / contain no-repeat !important;
    box-shadow:none !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core{
    position:absolute !important;
    z-index:8 !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-47%) !important;
    width:160px !important;
    height:132px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:4.55rem !important;
    font-weight:900 !important;
    line-height:.82 !important;
    text-shadow:0 2px 2px rgba(0,0,0,.20) !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core span{
    display:block !important;
    margin:14px 0 0 !important;
    padding:0 !important;
    color:#fff !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.35rem !important;
    font-weight:900 !important;
    line-height:1 !important;
}

/* بخش پایین دقیقاً سه ستون مساوی:
   راست = مهر، وسط = متن کمیته، چپ = تاریخ صدور */
#ethicsCardModal #ethicsReportPrintable .certificate-footer{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    grid-template-areas:"stamp committee date" !important;
    direction:rtl !important;
    align-items:center !important;
    justify-items:stretch !important;
    gap:0 !important;
    width:100% !important;
    margin:18px 0 0 !important;
    padding-top:10px !important;
    border-top:1px solid rgba(195,160,82,.55) !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-footer-cell{
    width:100% !important;
    min-width:0 !important;
    min-height:128px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:6px 12px !important;
    box-sizing:border-box !important;
}

/* ستون راست */
#ethicsCardModal #ethicsReportPrintable .certificate-stamp-cell{
    grid-area:stamp !important;
    border-left:1px solid rgba(195,160,82,.38) !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-sign{
    width:124px !important;
    height:124px !important;
    max-width:124px !important;
    max-height:124px !important;
    object-fit:contain !important;
    filter:none !important;
    opacity:1 !important;
    margin:0 !important;
}

/* ستون وسط */
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell{
    grid-area:committee !important;
    border-left:1px solid rgba(195,160,82,.38) !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text{
    width:100% !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    color:#17385f !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.10rem !important;
    line-height:1.65 !important;
    font-weight:900 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text strong,
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text span{
    color:inherit !important;
    font:inherit !important;
    font-weight:900 !important;
    display:block !important;
}

/* ستون چپ */
#ethicsCardModal #ethicsReportPrintable .certificate-date-cell{
    grid-area:date !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-date-card{
    width:92% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:10px 12px !important;
    border:2px solid #c8a155 !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.58) !important;
    text-align:center !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-date-title{
    font-size:1rem !important;
    font-weight:900 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-date-fa{
    font-size:1.18rem !important;
    font-weight:900 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-date-en{
    font-size:.92rem !important;
    font-weight:800 !important;
}

/* حتی در عرض‌های متوسط، نمودار و امتیاز کنار هم بمانند */
@media (max-width: 900px){
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row{
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        gap:12px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-radar-panel,
    #ethicsCardModal #ethicsReportPrintable .certificate-score-panel{
        width:50% !important;
        max-width:50% !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-badge{
        width:210px !important;
        height:207px !important;
        flex-basis:210px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-core strong{
        font-size:3.8rem !important;
    }
}

/* فقط در موبایل خیلی باریک، برای جلوگیری از شکستن چاپ/صفحه */
@media (max-width: 620px){
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row{
        flex-direction:column !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-radar-panel,
    #ethicsCardModal #ethicsReportPrintable .certificate-score-panel{
        width:100% !important;
        max-width:100% !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-footer{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "stamp"
            "committee"
            "date" !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-stamp-cell,
    #ethicsCardModal #ethicsReportPrintable .certificate-committee-cell{
        border-left:none !important;
        border-bottom:1px solid rgba(195,160,82,.38) !important;
    }
}


/* =====================================================================
   V6 FINAL TUNING
   - Subtitle visibility
   - Pure CSS dynamic score badge
   - B Mitra committee text
   - Smaller top-right login badge
   - Top panels attached to top
   - Lighter transparent background
   ===================================================================== */

/* ---------- صفحه اصلی: زمینه کمی روشن‌تر ---------- */
html, body {
    margin:0 !important;
    padding:0 !important;
}
body {
    background:
        linear-gradient(
            180deg,
            rgba(0,92,138,.14) 0%,
            rgba(0,92,138,.085) 24%,
            rgba(0,92,138,.035) 56%,
            rgba(255,255,255,0) 100%
        ),
        #f8fbfd !important;
}
.main-container {
    position:relative !important;
    margin:0 !important;
    padding:0 12px 14px !important;
    background:transparent !important;
}
.main-container > .container {
    max-width:1480px !important;
    padding-top:0 !important;
    margin-top:0 !important;
}
.main-container > .container > .row.align-items-stretch {
    margin-top:0 !important;
    padding-top:0 !important;
    align-items:flex-start !important;
}

/* سه بخش بالا تا حد ممکن چسبیده به بالای صفحه */
.main-container .row.align-items-stretch > .col-12.col-md-4 {
    margin-top:0 !important;
    padding-top:0 !important;
    margin-bottom:6px !important;
}
.dashboard-top-panel,
.logo-top-panel,
.search-top-panel,
.summary-top-panel {
    margin-top:0 !important;
    padding-top:2px !important;
}

/* ---------- ورود به سامانه: کوچک‌تر، گوشه راست و بدون اشغال ارتفاع ---------- */
.top-login-bar {
    position:absolute !important;
    top:0 !important;
    right:6px !important;
    left:auto !important;
    width:auto !important;
    min-height:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    z-index:100 !important;
    overflow:visible !important;
}
.top-login-image-link {
    width:78px !important;
    display:block !important;
}
.top-login-image {
    width:78px !important;
    height:auto !important;
    display:block !important;
    object-fit:contain !important;
    filter:drop-shadow(0 3px 4px rgba(70,25,90,.18)) !important;
}
.top-login-image-link:hover .top-login-image {
    transform:translateY(-1px) scale(1.02) !important;
}

/* لوگو/جستجو/شاخص‌ها کمی بالاتر و فشرده‌تر */
.dashboard-top-panel {
    min-height:338px !important;
}
.logo-top-panel .top-page-logo,
.logo-top-panel .side-logo,
.top-page-logo {
    max-height:275px !important;
    margin-top:0 !important;
}
.logo-top-panel .top-page-title,
.top-page-title {
    max-height:104px !important;
    margin-top:-3px !important;
}
.search-top-panel {
    padding-top:4px !important;
}
.summary-top-panel .indicator-summary-column {
    padding-top:5px !important;
}

/* ---------- کارنامه: متن توضیح زیر عنوان حتماً قابل مشاهده ---------- */
#ethicsCardModal #ethicsReportPrintable .ethics-report-subtitle,
#ethicsCardModal .ethics-report-head .ethics-report-subtitle,
#ethicsCardModal .certificate-head .ethics-report-subtitle {
    color:#273d59 !important;
    background:transparent !important;
    opacity:1 !important;
    visibility:visible !important;
    display:block !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.08rem !important;
    font-weight:800 !important;
    line-height:1.5 !important;
    margin:4px 0 4px !important;
    text-shadow:none !important;
}

/* ---------- نمودار و امتیاز: کنار هم روی دسکتاپ ---------- */
#ethicsCardModal #ethicsReportPrintable .certificate-score-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:22px !important;
    align-items:center !important;
    width:100% !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel,
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

/* ---------- نشان امتیاز جدید: بدون استفاده از تصویر ثابت ---------- */
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge {
    width:230px !important;
    height:230px !important;
    flex:0 0 230px !important;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    border:4px solid #d9b45d !important;
    background:
        radial-gradient(circle at 50% 42%, #154b8f 0%, #0b3a78 45%, #062d61 72%, #05264f 100%) !important;
    box-shadow:
        inset 0 0 0 3px #fff3c9,
        inset 0 0 0 7px #b88a31,
        0 8px 18px rgba(10,42,78,.22) !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge::before {
    content:'★   ★   ★' !important;
    position:absolute !important;
    top:20px !important;
    right:0 !important;
    left:0 !important;
    color:#f0cf75 !important;
    text-align:center !important;
    font-size:.95rem !important;
    letter-spacing:3px !important;
    z-index:2 !important;
    background:none !important;
    width:auto !important;
    height:auto !important;
    border-radius:0 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge::after {
    content:'★   ★   ★' !important;
    position:absolute !important;
    bottom:19px !important;
    right:0 !important;
    left:0 !important;
    color:#f0cf75 !important;
    text-align:center !important;
    font-size:.78rem !important;
    letter-spacing:3px !important;
    z-index:2 !important;
    background:none !important;
    width:auto !important;
    height:auto !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core {
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    z-index:4 !important;
    width:170px !important;
    height:135px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    margin:0 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core strong {
    display:block !important;
    color:#fff !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:4.7rem !important;
    font-weight:900 !important;
    line-height:.86 !important;
    margin:0 !important;
    padding:0 !important;
    text-shadow:0 2px 3px rgba(0,0,0,.22) !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core span {
    display:block !important;
    color:#fff !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.35rem !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    margin-top:14px !important;
}

/* ---------- متن کمیته با B Mitra ---------- */
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text,
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text strong,
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text span {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-weight:900 !important;
    color:#17385f !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text {
    font-size:1.18rem !important;
    line-height:1.7 !important;
}

/* چاپ نیز دو ستون بالا و سه ستون پایین را حفظ کند */
@media print {
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row {
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-footer {
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        grid-template-areas:"stamp committee date" !important;
    }
}

/* فقط موبایل خیلی باریک */
@media (max-width:620px) {
    .top-login-image-link,
    .top-login-image {
        width:66px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row {
        grid-template-columns:1fr !important;
    }
}


/* =====================================================================
   V7 UPDATE
   - replace login badge and title image
   - add a bit top breathing room to the three upper panels
   - modern transparent background
   - certificate score text and stars
   - force chart + score side by side
   ===================================================================== */

/* مدرن‌تر شدن پس‌زمینه و شفافیت متناسب با هویت رنگی سایت */
body {
    background:
        radial-gradient(circle at 15% 0%, rgba(74, 144, 226, .14) 0%, rgba(74, 144, 226, 0) 34%),
        radial-gradient(circle at 85% 12%, rgba(0, 168, 150, .12) 0%, rgba(0, 168, 150, 0) 28%),
        linear-gradient(180deg, rgba(0,92,138,.10) 0%, rgba(0,92,138,.055) 28%, rgba(0,92,138,.02) 58%, rgba(255,255,255,0) 100%),
        #f8fbfd !important;
}

/* کمی فاصله از بالا برای سه بخش اصلی */
.main-container {
    padding-top: 8px !important;
}
.main-container > .container {
    padding-top: 8px !important;
}
.main-container > .container > .row.align-items-stretch {
    margin-top: 8px !important;
    padding-top: 6px !important;
}
.main-container .row.align-items-stretch > .col-12.col-md-4 {
    padding-top: 4px !important;
}

/* نشان ورود جدید */
.top-login-bar {
    top: 6px !important;
    right: 10px !important;
}
.top-login-image-link {
    width: 86px !important;
}
.top-login-image {
    width: 86px !important;
    filter: drop-shadow(0 5px 7px rgba(77, 18, 110, .18)) !important;
}

/* تصویر عنوان جدید */
.logo-top-panel .top-page-title,
.top-page-title {
    max-width: 1200px !important;
    max-height: 320px !important;
    width: 100% !important;
    object-fit: contain !important;
    margin-top: 0 !important;
}

/* کارنامه اخلاق: متن امتیاز کامل و 3 ستاره */
#ethicsCardModal #ethicsReportPrintable .certificate-score-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr) !important;
    gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel,
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel {
    order: 1 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel {
    order: 2 !important;
    align-self: center !important;
}
#ethicsCardModal #ethicsReportPrintable .ethics-radar-wrap {
    height: 255px !important;
    min-height: 255px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge {
    width: 238px !important;
    height: 238px !important;
    flex: 0 0 238px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge::before {
    content: '★ ★ ★' !important;
    top: 18px !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    color: #f1cf73 !important;
    text-align: center !important;
    font-size: .96rem !important;
    letter-spacing: 2px !important;
    z-index: 2 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge::after {
    content: none !important;
    display: none !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core {
    width: 176px !important;
    height: 144px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core strong {
    font-size: 4.55rem !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core span {
    font-size: 1.10rem !important;
    line-height: 1.25 !important;
    margin-top: 14px !important;
    width: 168px !important;
    max-width: 168px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-article-count {
    margin-top: 10px !important;
}

/* در نمایش دسکتاپ و لپ‌تاپ اجازه نده زیر هم بیفتند */
@media (min-width: 621px) {
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row {
        grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr) !important;
    }
}

/* فقط روی صفحه‌های خیلی باریک ستونی شود */
@media (max-width: 620px) {
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row {
        grid-template-columns: 1fr !important;
    }
}


/* =====================================================================
   V8 FINAL UI TUNING
   ===================================================================== */

/* B Yekan alias from the available Yekan font file */
@font-face {
    font-family:'BYekan';
    src:
        local('B Yekan'),
        local('BYekan'),
        url('../../fonts/Yekan.woff') format('woff');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

/* ورود به سامانه کمی بزرگ‌تر */
.top-login-image-link {
    width:96px !important;
}
.top-login-image {
    width:145px !important;
}

/* تب‌ها: بزرگ‌تر و پررنگ‌تر */
#mainTabs .nav-link,
.nav-tabs .nav-link {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.18rem !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    padding:10px 18px !important;
}

/* اعداد همه تب‌ها با B Yekan */
#mainTable tbody td,
#universityTable tbody td,
#regionTable tbody td,
#indexTable tbody td {
    font-family:'BYekan','Yekan',Tahoma,sans-serif !important;
    font-weight:700 !important;
}

/* ستون‌های نام/عنوان همچنان با B Mitra تا خوانایی فارسی حفظ شود */
#mainTable tbody td:nth-child(2),
#mainTable tbody td:nth-child(3),
#mainTable tbody td:nth-child(4),
#universityTable tbody td:nth-child(2),
#regionTable tbody td:nth-child(2),
#indexTable tbody td:nth-child(2),
#mainTable .journal-link {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
}

/* مودال ترند: canvas کمی بلندتر تا فونت‌های بزرگ‌تر جا شوند */
#singleTrendModal .chart-container {
    min-height:360px !important;
    height:360px !important;
}
#allTrendModal #trendCardsBody canvas {
    min-height:125px !important;
    height:125px !important;
}

/* کارنامه اخلاق: دو ستون کنار هم با اولویت بالا */
#ethicsCardModal #ethicsReportPrintable .certificate-score-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(280px,.92fr) !important;
    gap:22px !important;
    align-items:center !important;
    width:100% !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel,
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel {
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
}

/* موبایل: فاصله فیلدهای جستجو کمتر و استاندارد */
@media (max-width: 767.98px) {
    .search-top-panel {
        padding:6px 8px !important;
    }

    #searchForm {
        justify-content:flex-start !important;
        gap:0 !important;
    }

    #searchForm .search-field-group {
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:2px !important;
        margin-bottom:5px !important;
    }

    #searchForm .search-field-group .form-label {
        flex:none !important;
        width:auto !important;
        margin:0 0 2px !important;
        padding:0 !important;
        font-size:1.12rem !important;
        line-height:1.15 !important;
    }

    #searchForm .form-select,
    #searchForm .select2-container .select2-selection,
    #searchForm .index-checkboxes {
        min-height:36px !important;
        margin:0 !important;
    }

    #searchForm .select2-container {
        margin:0 !important;
    }

    #searchForm .index-checkboxes {
        padding:5px 7px !important;
    }

    #searchForm .search-actions {
        margin-top:4px !important;
        padding-top:0 !important;
        gap:6px !important;
    }

    #mainTabs .nav-link,
    .nav-tabs .nav-link {
        font-size:1.08rem !important;
        padding:8px 11px !important;
    }
}

/* فقط موبایل خیلی باریک: کارنامه ستونی شود */
@media (max-width:620px) {
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row {
        grid-template-columns:1fr !important;
    }
}


/* =====================================================================
   V9 - FINAL TABLE / TOP ALIGNMENT TUNING
   ===================================================================== */

/* اگر ستون شاخص‌ها بلندتر است، محتوای لوگو و جستجو دقیقاً در میانه آن قرار گیرد */
.main-container > .container > .row.align-items-stretch {
    align-items:stretch !important;
}
.main-container > .container > .row.align-items-stretch > .col-md-4:nth-child(1),
.main-container > .container > .row.align-items-stretch > .col-md-4:nth-child(2) {
    display:flex !important;
    align-items:center !important;
}
.logo-top-panel,
.search-top-panel {
    align-self:center !important;
    justify-content:center !important;
    min-height:auto !important;
    height:auto !important;
}
.summary-top-panel {
    height:100% !important;
}

/* هدر تمام جدول‌ها: درشت‌تر و پررنگ‌تر */
#mainTable thead th,
#universityTable thead th,
#regionTable thead th,
#indexTable thead th,
.dataTables_scrollHead table thead th {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.12rem !important;
    font-weight:900 !important;
    color:#ffffff !important;
    line-height:1.25 !important;
    text-shadow:0 1px 1px rgba(0,0,0,.16) !important;
}

/* سطرهای چهار تب: خواناتر، کمی بزرگ‌تر و پررنگ‌تر */
#mainTable tbody td,
#universityTable tbody td,
#regionTable tbody td,
#indexTable tbody td {
    font-size:1.02rem !important;
    font-weight:700 !important;
    color:#17212b !important;
    line-height:1.55 !important;
}

/* نام مجله، دانشگاه، منطقه و نمایه‌ها پررنگ‌تر و بزرگ‌تر */
#mainTable tbody td:nth-child(2),
#universityTable tbody td:nth-child(2),
#regionTable tbody td:nth-child(2),
#indexTable tbody td:nth-child(2) {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.16rem !important;
    font-weight:900 !important;
    color:#111820 !important;
}

/* در تب منطقه فقط عدد منطقه، مشکی و بدون Badge رنگی */
#regionTable .region-number {
    display:inline-block !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#111 !important;
    font-family:'BYekan','Yekan',Tahoma,sans-serif !important;
    font-size:1.24rem !important;
    font-weight:900 !important;
    line-height:1.2 !important;
}

/* نمایه‌های تب مجلات بزرگ‌تر */
#mainTable .badge-index {
    font-family:'BYekan','Yekan',Tahoma,sans-serif !important;
    font-size:.90rem !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    padding:5px 12px !important;
    margin:2px 2px !important;
}

/* نام دانشگاه در تب دانشگاه‌ها */
#universityTable tbody td:nth-child(2) strong {
    font-size:inherit !important;
    font-weight:900 !important;
    color:#111820 !important;
}

/* کارنامه: parent اصلی عرض کافی داشته باشد */
#ethicsCardModal .modal-content {
    width:min(96vw,1180px) !important;
    max-width:1180px !important;
}
#ethicsCardModal #ethicsReportPrintable {
    width:100% !important;
    max-width:none !important;
}

/* پنل‌های نمودار و امتیاز در حالت table-cell */
@media (min-width:621px) {
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row {
        display:table !important;
        table-layout:fixed !important;
        width:100% !important;
        border-collapse:separate !important;
        border-spacing:14px 0 !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-radar-panel,
    #ethicsCardModal #ethicsReportPrintable .certificate-score-panel {
        display:table-cell !important;
        width:50% !important;
        max-width:50% !important;
        vertical-align:middle !important;
        float:none !important;
    }
}

/* موبایل */
@media (max-width:767.98px) {
    #mainTable thead th,
    #universityTable thead th,
    #regionTable thead th,
    #indexTable thead th {
        font-size:1.02rem !important;
    }
    #mainTable tbody td,
    #universityTable tbody td,
    #regionTable tbody td,
    #indexTable tbody td {
        font-size:.95rem !important;
    }
}


/* =====================================================================
   TABLE TYPOGRAPHY: Persian vs English journal/university names
   ===================================================================== */

#mainTable tbody .journal-name-fa {
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-size: 1.18rem !important;
    font-weight: 900 !important;
    line-height: 1.50 !important;
    color: #111820 !important;
    text-align: center !important;
}

#mainTable tbody .journal-name-en {
    font-family: Arial, Tahoma, sans-serif !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #263746 !important;
    text-align: center !important;
}

#mainTable tbody .university-name-fa {
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-size: 1.20rem !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    color: #111820 !important;
}

#universityTable tbody .university-name-fa {
    font-family: 'B Mitra', 'Mitra', Tahoma, sans-serif !important;
    font-size: 1.24rem !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    color: #111820 !important;
}

#mainTable tbody td:nth-child(2) .journal-name-fa,
#mainTable tbody td:nth-child(2) .journal-name-en,
#mainTable tbody td:nth-child(3) .university-name-fa,
#universityTable tbody td:nth-child(2) .university-name-fa {
    display: inline-block !important;
}


/* =====================================================================
   حذف قطعی خط زیر نام مجلات در تب مجلات
   این بخش عمداً در انتهای فایل قرار گرفته تا تمام استایل‌های قبلی
   Bootstrap / DataTables / لینک‌ها را Override کند.
   ===================================================================== */

#mainTable tbody td:nth-child(2) a,
#mainTable tbody td:nth-child(2) a:link,
#mainTable tbody td:nth-child(2) a:visited,
#mainTable tbody td:nth-child(2) a:hover,
#mainTable tbody td:nth-child(2) a:focus,
#mainTable tbody td:nth-child(2) a:active,
#mainTable tbody .journal-link,
#mainTable tbody .journal-link:link,
#mainTable tbody .journal-link:visited,
#mainTable tbody .journal-link:hover,
#mainTable tbody .journal-link:focus,
#mainTable tbody .journal-link:active,
#mainTable tbody .journal-name,
#mainTable tbody .journal-name-fa,
#mainTable tbody .journal-name-en {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
    background-image: none !important;
    background-size: 0 !important;

    outline: none !important;
}

/* اگر خط توسط pseudo-element ساخته شده باشد */
#mainTable tbody td:nth-child(2) a::before,
#mainTable tbody td:nth-child(2) a::after,
#mainTable tbody .journal-link::before,
#mainTable tbody .journal-link::after,
#mainTable tbody .journal-name::before,
#mainTable tbody .journal-name::after,
#mainTable tbody .journal-name-fa::before,
#mainTable tbody .journal-name-fa::after,
#mainTable tbody .journal-name-en::before,
#mainTable tbody .journal-name-en::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* رنگ Hover بدون ایجاد underline */
#mainTable tbody td:nth-child(2) a:hover,
#mainTable tbody .journal-link:hover,
#mainTable tbody .journal-name:hover,
#mainTable tbody .journal-name-fa:hover,
#mainTable tbody .journal-name-en:hover {
    color: #003f66 !important;
    text-decoration: none !important;
}


/* =====================================================================
   MOBILE / TABLET TABLE UX - FINAL
   هدف:
   1) جلوگیری از باریک شدن شدید ستون‌ها
   2) کاهش Wrap عناوین هدر
   3) خواناتر شدن فونت در موبایل
   4) فعال شدن اسکرول افقی بالای همه جدول‌ها
   ===================================================================== */

/* اسکرول اصلی جدول در سایزهای کوچک */
@media (max-width: 1199.98px) {

    .table-scroll-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        position: relative !important;
        scrollbar-width: thin;
        scrollbar-color: #6f8798 #eaf0f4;
    }

    .table-scroll-wrapper::-webkit-scrollbar {
        height: 10px;
    }

    .table-scroll-wrapper::-webkit-scrollbar-track {
        background: #eaf0f4;
        border-radius: 999px;
    }

    .table-scroll-wrapper::-webkit-scrollbar-thumb {
        background: #6f8798;
        border-radius: 999px;
    }

    /* اسکرول افقی بالای جدول */
    .dt-top-scroll {
        display: block !important;
        width: 100% !important;
        height: 14px !important;
        margin: 3px 0 7px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        background: #edf3f6 !important;
        border: 1px solid #d3e0e7 !important;
        border-radius: 9px !important;
        scrollbar-width: auto !important;
        scrollbar-color: #55788f #edf3f6 !important;
    }

    .dt-top-scroll::-webkit-scrollbar {
        height: 11px !important;
    }

    .dt-top-scroll::-webkit-scrollbar-track {
        background: #edf3f6 !important;
        border-radius: 999px !important;
    }

    .dt-top-scroll::-webkit-scrollbar-thumb {
        background: #55788f !important;
        border-radius: 999px !important;
        border: 2px solid #edf3f6 !important;
    }

    .dt-top-scroll-inner {
        height: 1px !important;
        min-width: 100% !important;
    }

    /* DataTables دیگر نباید ستون‌ها را داخل عرض موبایل فشرده کند */
    #mainTable,
    #universityTable,
    #regionTable,
    #indexTable,
    .dataTables_wrapper table.dataTable {
        width: max-content !important;
        table-layout: auto !important;
    }

    /* تب مجلات ستون‌های بیشتری دارد */
    #mainTable {
        min-width: 1900px !important;
    }

    /* سایر تب‌ها */
    #universityTable,
    #regionTable,
    #indexTable {
        min-width: 1550px !important;
    }

    /* هدرها: خوانا، کم‌Wrap و با حداقل عرض مناسب */
    #mainTable thead th,
    #universityTable thead th,
    #regionTable thead th,
    #indexTable thead th,
    .dataTables_wrapper table.dataTable thead th {
        font-size: .96rem !important;
        line-height: 1.35 !important;
        padding: 10px 9px 28px !important;
        min-width: 118px !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    /* ستون شماره */
    #mainTable thead th:first-child,
    #universityTable thead th:first-child,
    #regionTable thead th:first-child,
    #indexTable thead th:first-child,
    #mainTable tbody td:first-child,
    #universityTable tbody td:first-child,
    #regionTable tbody td:first-child,
    #indexTable tbody td:first-child {
        min-width: 58px !important;
        width: 58px !important;
    }

    /* نام مجله / دانشگاه / منطقه / نمایه */
    #mainTable thead th:nth-child(2),
    #mainTable tbody td:nth-child(2) {
        min-width: 230px !important;
        max-width: 300px !important;
    }

    #mainTable thead th:nth-child(3),
    #mainTable tbody td:nth-child(3),
    #universityTable thead th:nth-child(2),
    #universityTable tbody td:nth-child(2) {
        min-width: 190px !important;
        max-width: 250px !important;
    }

    #regionTable thead th:nth-child(2),
    #regionTable tbody td:nth-child(2),
    #indexTable thead th:nth-child(2),
    #indexTable tbody td:nth-child(2) {
        min-width: 150px !important;
    }

    /* سلول‌های بدنه در موبایل دیگر خیلی ریز نشوند */
    #mainTable tbody td,
    #universityTable tbody td,
    #regionTable tbody td,
    #indexTable tbody td,
    .dataTables_wrapper table.dataTable tbody td {
        font-size: .92rem !important;
        line-height: 1.45 !important;
        padding: 8px 7px !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    /* اعداد */
    #mainTable tbody .metric-number,
    #mainTable tbody .ratio-value,
    #universityTable tbody .metric-number,
    #regionTable tbody .metric-number,
    #indexTable tbody .metric-number {
        font-size: .96rem !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    /* نام‌های فارسی/انگلیسی مجله خوانا باقی بمانند */
    #mainTable tbody .journal-name-fa {
        font-size: 1.08rem !important;
        line-height: 1.45 !important;
    }

    #mainTable tbody .journal-name-en {
        font-size: .80rem !important;
        line-height: 1.35 !important;
    }

    #mainTable tbody .university-name-fa,
    #universityTable tbody .university-name-fa {
        font-size: 1.10rem !important;
        line-height: 1.4 !important;
    }

    /* کنترل‌های بالای DataTable در موبایل فشرده ولی خوانا */
    .dataTables_wrapper > .row:first-child {
        row-gap: 8px !important;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none !important;
        text-align: center !important;
        margin-bottom: 4px !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: min(100%, 260px) !important;
        min-width: 160px !important;
    }
}


/* موبایل خیلی کوچک */
@media (max-width: 575.98px) {

    #mainTable {
        min-width: 1750px !important;
    }

    #universityTable,
    #regionTable,
    #indexTable {
        min-width: 1450px !important;
    }

    #mainTable thead th,
    #universityTable thead th,
    #regionTable thead th,
    #indexTable thead th,
    .dataTables_wrapper table.dataTable thead th {
        font-size: .90rem !important;
        min-width: 110px !important;
        padding: 9px 7px 27px !important;
    }

    #mainTable tbody td,
    #universityTable tbody td,
    #regionTable tbody td,
    #indexTable tbody td,
    .dataTables_wrapper table.dataTable tbody td {
        font-size: .88rem !important;
        padding: 7px 6px !important;
    }
}

/* =====================================================================
   FINAL FEEDBACK FIXES - 2026-09-25
   ===================================================================== */

/* 2) عدد Retraction مثل سایر اعداد؛ بدون کادر، پس‌زمینه یا محصورشدگی */
.retraction-count-btn {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    color: #111820 !important;
    font-family: 'BYekan','Yekan',Tahoma,sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.retraction-count-btn:hover,
.retraction-count-btn:focus,
.retraction-count-btn:active {
    color: #005c8a !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* 3) فرم جستجو: تمام کادرها یکدست مثل سال/نمایه */
.search-top-panel .search-field-group {
    gap: 4px !important;
    margin-bottom: 4px !important;
    align-items: center !important;
}
.search-top-panel .search-field-group .form-label {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 82px !important;
    width: 82px !important;
    max-width: 82px !important;
    line-height: 1 !important;
}
.search-top-panel .form-select,
.search-top-panel .form-control,
.search-top-panel .index-checkboxes,
.search-top-panel .select2-container--bootstrap-5 .select2-selection,
.search-top-panel .select2-container--default .select2-selection--single,
.search-top-panel .select2-selection {
    border: 1px solid #cbd5df !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: #fff !important;
}
.search-top-panel .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.search-top-panel .select2-container--bootstrap-5.select2-container--open .select2-selection,
.search-top-panel .form-select:focus,
.search-top-panel .form-control:focus {
    border-color: #8fa6b6 !important;
    box-shadow: 0 0 0 2px rgba(40,91,121,.08) !important;
}

/* 4) ابتدا عنوان و بعد لوگو */
.logo-top-panel .top-page-title {
    order: 1 !important;
    margin: 0 auto 8px !important;
}
.logo-top-panel .top-page-logo,
.logo-top-panel .side-logo {
    order: 2 !important;
    margin: 0 auto !important;
}

/* 5) ترند: درصد زیر عنوان حذف؛ نمودار بزرگ‌تر و محورهای پررنگ */
#allTrendModal .trend-card-value,
#allTrendModal .card-body > .mt-2:has(.trend-card-value) {
    display: none !important;
}
#allTrendModal .trend-card .card-body {
    padding-top: 12px !important;
}
#allTrendModal .trend-card .card-title {
    font-size: 1.10rem !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
}
#allTrendModal #trendCardsBody canvas {
    min-height: 165px !important;
}
#allTrendModal .trend-card {
    min-height: 225px !important;
}

/* 6) کارنامه اخلاق: نشان امتیاز رسمی شبیه Certificate */
#ethicsCardModal .certificate-score-badge {
    width: 178px !important;
    height: 178px !important;
    min-width: 178px !important;
    min-height: 178px !important;
    border-radius: 50% !important;
    background: #123d70 !important;
    border: 6px double #d5b45a !important;
    outline: 2px solid #17385f !important;
    box-shadow:
        0 0 0 5px #f0d88d,
        0 10px 24px rgba(13,47,84,.20) !important;
    color: #fff !important;
    position: relative !important;
}
#ethicsCardModal .certificate-score-badge::before {
    content: "★ ★ ★";
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    color: #f3d572;
    font-size: .92rem;
    letter-spacing: 3px;
    text-align: center;
}
#ethicsCardModal .certificate-score-badge strong,
#ethicsCardModal .certificate-score-core strong {
    color: #fff !important;
    font-size: 3.35rem !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
}
#ethicsCardModal .certificate-score-badge span,
#ethicsCardModal .certificate-score-core span {
    color: #fff !important;
    font-size: .92rem !important;
    font-weight: 900 !important;
    max-width: 125px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* مودال Retraction */
#retractionDetailsModal {
    background: rgba(12,42,65,.38) !important;
    backdrop-filter: blur(7px);
}
#retractionDetailsModal .retraction-modal-content {
    width: min(94vw, 850px) !important;
    max-width: 850px !important;
    padding: 22px 24px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.97) !important;
}
.retraction-modal-header {
    text-align: center !important;
    border-bottom: 1px solid #dce5eb !important;
    padding-bottom: 10px !important;
    margin-bottom: 8px !important;
}
.retraction-modal-header h5 {
    margin: 0 !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 900 !important;
    color: #173f67 !important;
}
.retraction-modal-subtitle {
    text-align: center !important;
    color: #526b7f !important;
    font-size: .9rem !important;
    margin-bottom: 12px !important;
}
.retraction-detail-card {
    border: 1px solid #dbe4ea !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    margin-bottom: 10px !important;
    background: #fbfdfe !important;
}
.retraction-detail-grid {
    display: grid !important;
    grid-template-columns: 150px 1fr !important;
    gap: 8px 12px !important;
}
.retraction-detail-label {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-weight: 900 !important;
    color: #274d69 !important;
}
.retraction-detail-value {
    color: #1f3444 !important;
    line-height: 1.6 !important;
    word-break: break-word !important;
}
.retraction-modal-footer {
    text-align: center !important;
    border-top: 1px solid #e2e9ee !important;
    padding-top: 12px !important;
    margin-top: 10px !important;
}

@media (max-width: 575.98px) {
    .search-top-panel .search-field-group .form-label {
        flex-basis: 72px !important;
        width: 72px !important;
        max-width: 72px !important;
    }
    .retraction-detail-grid {
        grid-template-columns: 1fr !important;
        gap: 2px !important;
    }
}



/* ============================================================
   Fix 2026-09-25: Trend + certificate
============================================================ */

/* حذف دکمه/ضربدر بستن بالا سمت چپ مودال‌های ترند */
#singleTrendModal > .modal-content > .trend-close-button,
#allTrendModal > .modal-content > .trend-close-button {
    display: none !important;
}

/* عنوان شاخص‌ها بالای نمودار: بزرگ‌تر و پررنگ‌تر */
#allTrendModal .trend-card .card-title {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.30rem !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    color: #17385f !important;
    margin-bottom: 7px !important;
}

#singleTrendModal #singleTrendTitle {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.50rem !important;
    font-weight: 900 !important;
    color: #17385f !important;
}

/* نمودار ترند فضای بیشتری داشته باشد */
#allTrendModal .trend-card canvas {
    min-height: 170px !important;
}
#singleTrendModal .chart-container {
    min-height: 390px !important;
}

/* PDF و کارنامه هیچ محتوایی را Clip نکنند */
#ethicsCardModal .ethics-report.ethics-certificate,
.ethics-certificate-pdf {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* ============================================================
   FINAL SEARCH BORDER UNIFICATION - 2026-09-25
   هر ۵ فیلد: دانشگاه، مجله، نمایه، منطقه آمایشی و سال
============================================================ */
.search-top-panel .form-select,
.search-top-panel .form-control,
.search-top-panel .index-checkboxes,
.search-top-panel .select2-container .select2-selection,
.search-top-panel .select2-container--default .select2-selection--single,
.search-top-panel .select2-container--bootstrap-5 .select2-selection {
    border: 2px solid #315f78 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    outline: none !important;
    background: #fff !important;
}

/* خود Select2 عرض کامل داشته باشد تا Border دقیقاً مثل بقیه دیده شود */
.search-top-panel .select2-container {
    width: 100% !important;
}

/* حالت Focus برای همه یکسان */
.search-top-panel .form-select:focus,
.search-top-panel .form-control:focus,
.search-top-panel .select2-container--focus .select2-selection,
.search-top-panel .select2-container--open .select2-selection {
    border-color: #315f78 !important;
    box-shadow: 0 0 0 2px rgba(49,95,120,.12) !important;
}

/* فاصله Label و Input کمتر */
.search-top-panel .search-field-group {
    column-gap: 3px !important;
    gap: 3px !important;
    margin-bottom: 5px !important;
}
.search-top-panel .search-field-group .form-label {
    margin: 0 !important;
    padding: 0 2px 0 0 !important;
}



/* =====================================================================
   REQUESTED REFINEMENTS - 2026-10-01
   بر پایه فایل‌های بارگذاری‌شده فعلی
   ===================================================================== */

/* 1) دکمه راهنما بالا سمت چپ */
.main-container { position: relative !important; }
.top-help-button {
    position: absolute !important;
    top: 18px !important;
    left: 22px !important;
    z-index: 1200 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 108px !important;
    height: 38px !important;
    padding: 0 13px !important;
    border: 2px solid #315f78 !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg,#fff,#edf4f8) !important;
    color: #244d67 !important;
    text-decoration: none !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    box-shadow: 0 4px 12px rgba(31,74,100,.13) !important;
}
.top-help-button:hover {
    background:#e4eef3 !important;
    color:#0c3d59 !important;
}

/* 2 و 3) تعادل سه بخش بالا؛ فضای بیشتر برای کارت شاخص‌ها */
@media (min-width: 992px) {
    .main-container > .container > .row.align-items-stretch > .col-md-4:nth-child(1) {
        flex: 0 0 28% !important;
        max-width: 28% !important;
    }
    .main-container > .container > .row.align-items-stretch > .col-md-4:nth-child(2) {
        flex: 0 0 27% !important;
        max-width: 27% !important;
    }
    .main-container > .container > .row.align-items-stretch > .col-md-4:nth-child(3) {
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }
}
.logo-top-panel {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}
.logo-top-panel .top-page-title,
.logo-top-panel img[alt="عنوان سامانه"] {
    width: 100% !important;
    max-width: 620px !important;
    max-height: 126px !important;
    height:auto !important;
    object-fit:contain !important;
    margin:0 auto 4px !important;
}
.logo-top-panel .top-page-logo,
.logo-top-panel .side-logo {
    max-height: 205px !important;
    max-width: 88% !important;
    margin: 0 auto !important;
}

/* کارت شاخص‌ها پهن‌تر؛ متن شاخص‌ها تک‌خطی */
.summary-top-panel .indicator-summary-column {
    width:100% !important;
    padding:9px 13px !important;
}
.indicator-summary-column .summary-indicator-label {
    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}
.indicator-summary-column .summary-track {
    flex: 0 0 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
}
.indicator-summary-column .summary-indicator-row {
    gap:6px !important;
    min-height:30px !important;
}

/* 4) سال بالای کارت و همه جدول‌ها */
.indicator-summary-column .summary-year-badge,
.indicator-summary-column .summary-year-emphasis {
    font-size: 1.34rem !important;
    font-weight: 900 !important;
    padding: 6px 13px !important;
}
.table-year-slot .table-year-inline {
    font-size: 1.18rem !important;
    font-weight: 900 !important;
    padding: 7px 17px !important;
}

/* ترند: عنوان‌ها و اعداد بزرگ‌تر/پررنگ‌تر */
#allTrendModal .trend-card .card-title {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.28rem !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    color:#17385f !important;
}
#allTrendModal .trend-header h4 {
    font-size:1.55rem !important;
    font-weight:900 !important;
}
#allTrendModal #trendCardsBody canvas {
    min-height:175px !important;
}
.trend-article-total .badge {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1rem !important;
    font-weight:900 !important;
    padding:7px 13px !important;
}

/* کارنامه در مودال شبیه Certificate/PDF */
#ethicsCardModal .modal-content {
    max-width: 980px !important;
    width: min(97vw, 980px) !important;
    max-height: 96vh !important;
    overflow-y:auto !important;
    background:#edf3f7 !important;
    padding:10px !important;
}
#ethicsCardModal .ethics-report.ethics-certificate {
    max-width: 900px !important;
    margin:0 auto !important;
    background:#fffaf0 !important;
    border:4px solid #17385f !important;
    outline:2px solid #d4b45b !important;
    outline-offset:-10px !important;
    box-shadow:0 10px 28px rgba(18,52,83,.16) !important;
}
#ethicsCardModal .certificate-score-badge::before,
#ethicsCardModal .certificate-score-badge::after,
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge::before,
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge::after {
    content:none !important;
    display:none !important;
}
#ethicsCardModal .score-status-label {
    display:inline-block !important;
    margin-top:9px !important;
    padding:4px 14px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.18) !important;
    color:#fff !important;
    font-size:1.08rem !important;
    font-weight:900 !important;
    line-height:1.1 !important;
}
#ethicsCardModal .certificate-score-badge.score-poor {
    background:#9b2f2f !important;
    border-color:#efb7b0 !important;
}
#ethicsCardModal .certificate-score-badge.score-medium {
    background:#a86600 !important;
    border-color:#f1cd7c !important;
}
#ethicsCardModal .certificate-score-badge.score-good {
    background:#0f7282 !important;
    border-color:#93dbe0 !important;
}
#ethicsCardModal .certificate-score-badge.score-excellent {
    background:#1b7547 !important;
    border-color:#9cddb9 !important;
}

/* شاخص‌های کارنامه: عنوان اول، سپس محور و درصد */
#ethicsCardModal .certificate-metrics {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px 12px !important;
}
#ethicsCardModal .ethics-metric {
    display:block !important;
    min-height:68px !important;
    padding:8px 10px !important;
    border:1px solid rgba(23,56,95,.12) !important;
    border-radius:9px !important;
    background:#fffef9 !important;
}
#ethicsCardModal .ethics-metric .metric-icon { display:none !important; }
#ethicsCardModal .ethics-metric .metric-label {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin-bottom:7px !important;
    font-size:.93rem !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    text-align:right !important;
    color:#17385f !important;
}
#ethicsCardModal .metric-measure {
    display:grid !important;
    grid-template-columns:1fr 58px !important;
    align-items:center !important;
    gap:8px !important;
}
#ethicsCardModal .ethics-metric .metric-bar {
    width:100% !important;
    max-width:none !important;
    height:8px !important;
}
#ethicsCardModal .ethics-metric .metric-value {
    width:58px !important;
    min-width:58px !important;
    font-size:.93rem !important;
    font-weight:900 !important;
    text-align:center !important;
}
#ethicsCardModal .ethics-metric-retraction { grid-column:1 / -1 !important; }

@media (max-width: 991.98px) {
    .top-help-button {
        position:static !important;
        margin:6px auto 10px 8px !important;
    }
    .indicator-summary-column .summary-indicator-label {
        width:200px !important;
        min-width:200px !important;
        max-width:200px !important;
        font-size:.92rem !important;
    }
    #ethicsCardModal .certificate-metrics { grid-template-columns:1fr !important; }
}


/* =====================================================================
   FOLLOW-UP VISUAL FIXES - 2026-10-01
   ===================================================================== */

/* راهنما کوچکتر تا روی کارت شاخص ها نیفتد */
.top-help-button {
    top: 10px !important;
    left: 14px !important;
    min-width: 76px !important;
    height: 30px !important;
    padding: 0 8px !important;
    gap: 4px !important;
    border-width: 1.5px !important;
    border-radius: 8px !important;
    font-size: .82rem !important;
}
.top-help-button i { font-size: .86rem !important; }

/* فضای خالی کارت شاخص ها با نمودار و متن پر شود */
.summary-top-panel .indicator-summary-column {
    padding: 9px 14px !important;
}
.indicator-summary-column .summary-indicator-row {
    display: grid !important;
    grid-template-columns: 58px minmax(150px, 1fr) 255px !important;
    align-items: center !important;
    column-gap: 9px !important;
    width: 100% !important;
    min-height: 31px !important;
}
.indicator-summary-column .summary-indicator-value {
    width: 58px !important;
    min-width: 58px !important;
    font-size: 1.04rem !important;
    font-weight: 900 !important;
    text-align: left !important;
}
.indicator-summary-column .summary-track {
    width: 100% !important;
    min-width: 150px !important;
    max-width: none !important;
    height: 11px !important;
    flex: none !important;
}
.indicator-summary-column .summary-indicator-label {
    width: 255px !important;
    min-width: 255px !important;
    max-width: 255px !important;
    font-size: 1.04rem !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* تعداد مقالات ترند بزرگ و واضح */
.trend-article-total .badge,
#allTrendModal .trend-article-total .badge {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1.28rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    padding: 9px 18px !important;
    color: #17385f !important;
    background: #e8f5fb !important;
    border: 2px solid #74afc7 !important;
    border-radius: 10px !important;
}

/* عنوان نمودارهای ترند */
#allTrendModal .trend-card .card-title {
    font-size: 1.40rem !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    color: #17385f !important;
}
#singleTrendModal #singleTrendTitle,
#singleTrendModal .trend-header h4 {
    font-size: 1.55rem !important;
    font-weight: 900 !important;
}
#allTrendModal #trendCardsBody canvas { min-height: 190px !important; }
#singleTrendModal .chart-container { min-height: 420px !important; }

/* Sort فقط با فلش های واقعی */
table.dataTable thead th.sorting::before,
table.dataTable thead th.sorting::after,
table.dataTable thead th.sorting_asc::before,
table.dataTable thead th.sorting_asc::after,
table.dataTable thead th.sorting_desc::before,
table.dataTable thead th.sorting_desc::after {
    display: none !important;
}
.sort-arrow-control {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin-inline-start: 7px !important;
    vertical-align: middle !important;
}
.sort-arrow-btn {
    border: 0 !important;
    background: transparent !important;
    color: #d8e8f1 !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    padding: 0 1px !important;
    cursor: pointer !important;
}
.sort-arrow-btn:hover,
.sort-arrow-btn.is-active {
    color: #ffd166 !important;
    transform: scale(1.15);
}

/* کارنامه: Radar حتماً اندازه معتبر داشته باشد */
#ethicsCardModal .certificate-score-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
    width: 100% !important;
}
#ethicsCardModal .certificate-radar-panel,
#ethicsCardModal .certificate-score-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
}
#ethicsCardModal .ethics-radar-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 275px !important;
    min-height: 275px !important;
    overflow: visible !important;
}
#ethicsCardModal #ethicsRadarCanvas {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 275px !important;
}

/* متن شاخص های کارنامه تک خطی */
#ethicsCardModal .certificate-metrics {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 12px !important;
}
#ethicsCardModal .ethics-metric .metric-label {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: .94rem !important;
    font-weight: 900 !important;
}

@media (max-width: 991.98px) {
    .indicator-summary-column .summary-indicator-row {
        grid-template-columns: 52px minmax(110px, 1fr) 210px !important;
    }
    .indicator-summary-column .summary-indicator-label {
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        font-size: .92rem !important;
    }
}
@media (max-width: 700px) {
    #ethicsCardModal .certificate-score-row { grid-template-columns: 1fr !important; }
    #ethicsCardModal .certificate-metrics { grid-template-columns: 1fr !important; }
}


/* =====================================================================
   FINAL FOLLOW-UP 2 - 2026-10-01
   ===================================================================== */

/* کارنامه: نمایش قطعی نوارهای افقی شاخص‌ها */
#ethicsCardModal .ethics-metric .metric-measure {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 62px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}
#ethicsCardModal .ethics-metric .metric-bar {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 12px !important;
    min-height: 12px !important;
    background: #e3e7e9 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08) !important;
}
#ethicsCardModal .ethics-metric .metric-bar > span {
    display: block !important;
    height: 100% !important;
    min-height: 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg,#0f7e7e,#16a085) !important;
    opacity: 1 !important;
    visibility: visible !important;
}
#ethicsCardModal .ethics-metric .metric-value {
    display: block !important;
    width: 62px !important;
    min-width: 62px !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    color: #17385f !important;
    text-align: center !important;
}
#ethicsCardModal .ethics-metric .metric-label {
    margin-bottom: 8px !important;
    font-size: .98rem !important;
    font-weight: 900 !important;
    color: #17385f !important;
}

/* آیکن Help در Header: وسط، زیر فلش‌های Sort */
table.dataTable thead th .bi-question-circle,
table.dataTable thead th .bi-question-circle-fill,
#mainTable thead th .bi-question-circle,
#universityTable thead th .bi-question-circle,
#regionTable thead th .bi-question-circle,
#indexTable thead th .bi-question-circle,
.dataTables_scrollHead table.dataTable thead th .bi-question-circle {
    position: absolute !important;
    top: auto !important;
    bottom: 5px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 5 !important;
    font-size: .88rem !important;
}
.sort-arrow-control {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 17px !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 6 !important;
}
table.dataTable thead th {
    padding-bottom: 38px !important;
}

/* title.png حدود 1.5 برابر بزرگ‌تر */
.logo-top-panel .top-page-title,
.logo-top-panel img[alt="عنوان سامانه"] {
    width: 150% !important;
    max-width: 150% !important;
    max-height: 185px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto 4px !important;
}

/* کارت شاخص‌های اخلاق در مجلات */
.indicator-summary-column .summary-year-badge,
.indicator-summary-column .summary-year-emphasis {
    font-size: 2rem !important;
    font-weight: 900 !important;
    padding: 5px 13px !important;
}
.indicator-summary-column .summary-indicator-row {
    grid-template-columns: 60px minmax(185px, 1fr) 275px !important;
    column-gap: 10px !important;
    min-height: 34px !important;
}
.indicator-summary-column .summary-indicator-label {
    width: 275px !important;
    min-width: 275px !important;
    max-width: 275px !important;
    font-size: 1.12rem !important;
    font-weight: 900 !important;
    text-align: right !important;
    justify-self: end !important;
    white-space: nowrap !important;
}
.indicator-summary-column .summary-track {
    min-width: 185px !important;
    height: 12px !important;
}
.indicator-summary-column .summary-indicator-value {
    font-size: 1.08rem !important;
    font-weight: 900 !important;
}

/* سه بخش پایین PDF کارنامه بزرگ‌تر شوند */
.ethics-certificate-a4 .certificate-footer {
    margin-top: 22px !important;
    gap: 16px !important;
}
.ethics-certificate-a4 .certificate-footer-cell {
    min-height: 128px !important;
    padding: 14px 16px !important;
    border-width: 2px !important;
    border-radius: 12px !important;
}
.ethics-certificate-a4 .certificate-sign {
    max-height: 98px !important;
    width: auto !important;
}
.ethics-certificate-a4 .committee-text {
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;
}
.ethics-certificate-a4 .certificate-date-card {
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;
}
.ethics-certificate-a4 .certificate-date-title {
    font-size: 17px !important;
    font-weight: 900 !important;
}
.ethics-certificate-a4 .certificate-date-fa {
    font-size: 18px !important;
    font-weight: 900 !important;
}
.ethics-certificate-a4 .certificate-date-en {
    font-size: 15px !important;
    font-weight: 800 !important;
}

@media (max-width: 991.98px) {
    .logo-top-panel .top-page-title,
    .logo-top-panel img[alt="عنوان سامانه"] {
        width: 115% !important;
        max-width: 115% !important;
    }
    .indicator-summary-column .summary-year-badge,
    .indicator-summary-column .summary-year-emphasis {
        font-size: 1.55rem !important;
    }
}


/* =====================================================================
   TOP PANEL REBALANCE + ETHICS METRIC AXIS FIX - 2026-10-01
   ===================================================================== */

@media (min-width: 992px) {
    /* در RTL: ستون اول سمت راست (عنوان/لوگو)، ستون دوم جستجو، ستون سوم شاخص‌ها */
    .main-container > .container > .row.align-items-stretch > .col-md-4:nth-child(1) {
        flex: 0 0 34% !important;
        max-width: 34% !important;
    }
    .main-container > .container > .row.align-items-stretch > .col-md-4:nth-child(2) {
        flex: 0 0 29% !important;
        max-width: 29% !important;
    }
    .main-container > .container > .row.align-items-stretch > .col-md-4:nth-child(3) {
        flex: 0 0 37% !important;
        max-width: 37% !important;
    }
}

/* عنوان و لوگو دقیقاً زیر هم و وسط یک محور */
.logo-top-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow: visible !important;
}
.logo-top-panel .top-page-title,
.logo-top-panel img[alt="عنوان سامانه"] {
    order: 1 !important;
    width: 100% !important;
    max-width: 650px !important;
    max-height: 170px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    transform: none !important;
}
.logo-top-panel .top-page-logo,
.logo-top-panel .side-logo {
    order: 2 !important;
    display: block !important;
    max-height: 205px !important;
    max-width: 72% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    transform: none !important;
}

/* کادر شاخص‌ها کمی کوچک‌تر، ولی Border قوی‌تر */
.summary-top-panel .indicator-summary-column {
    border: 3px solid #234f69 !important;
    box-shadow: 0 0 0 1px rgba(35,79,105,.08) !important;
    border-radius: 14px !important;
}

/* فیلدهای دانشگاه و مجله دقیقاً مثل نمایه/سال */
.search-top-panel .form-select,
.search-top-panel .form-control,
.search-top-panel .index-checkboxes,
.search-top-panel .select2-container .select2-selection,
.search-top-panel .select2-container--default .select2-selection--single,
.search-top-panel .select2-container--default .select2-selection--multiple,
.search-top-panel .select2-container--bootstrap-5 .select2-selection {
    border: 1px solid #7d9bab !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    outline: none !important;
    background: #fff !important;
}
.search-top-panel .select2-container--focus .select2-selection,
.search-top-panel .select2-container--open .select2-selection,
.search-top-panel .form-select:focus,
.search-top-panel .form-control:focus {
    border-color: #54798d !important;
    box-shadow: 0 0 0 2px rgba(84,121,141,.10) !important;
}

/* ============================================================
   کارنامه: ترتیب قطعی «عنوان → محور → درصد»
============================================================ */
#ethicsCardModal .certificate-metrics {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 14px !important;
}

#ethicsCardModal .ethics-metric {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: 78px !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(23,56,95,.14) !important;
    border-radius: 10px !important;
    background: #fffef9 !important;
}

#ethicsCardModal .ethics-metric .metric-label {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    color: #17385f !important;
    font-size: .98rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

#ethicsCardModal .metric-axis-row {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
}

#ethicsCardModal .metric-axis-row .metric-bar {
    flex: 1 1 auto !important;
    display: block !important;
    position: relative !important;
    width: auto !important;
    min-width: 80px !important;
    height: 12px !important;
    min-height: 12px !important;
    background: #dfe5e8 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.10) !important;
}

#ethicsCardModal .metric-axis-row .metric-bar > span {
    display: block !important;
    height: 12px !important;
    min-height: 12px !important;
    background: linear-gradient(90deg,#0f7e7e,#1aa58f) !important;
    border-radius: 999px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#ethicsCardModal .metric-axis-row .metric-value {
    flex: 0 0 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    color: #17385f !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    text-align: center !important;
}

#ethicsCardModal .ethics-metric-retraction {
    grid-column: 1 / -1 !important;
}

@media (max-width: 700px) {
    #ethicsCardModal .certificate-metrics {
        grid-template-columns: 1fr !important;
    }
}


/* =====================================================================
   FINAL OVERLAP FIX - 2026-10-01
   ===================================================================== */

/* ---------------------------------------------------------
   مودال کارنامه:
   عنوان شاخص در ردیف اول
   نوار شاخص + درصد در ردیف دوم
--------------------------------------------------------- */
#ethicsCardModal #ethicsReportPrintable .certificate-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    align-items: stretch !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric {
    display: block !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(23,56,95,.14) !important;
    border-radius: 10px !important;
    background: #fffef9 !important;
    overflow: hidden !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric > .metric-label {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    transform: none !important;
    color: #17385f !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: .98rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric > .metric-axis-row {
    display: grid !important;
    position: static !important;
    float: none !important;
    grid-template-columns: minmax(0, 1fr) 64px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    direction: ltr !important;
}

#ethicsCardModal #ethicsReportPrintable .metric-axis-row > .metric-bar {
    display: block !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 12px !important;
    min-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #dfe5e8 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.10) !important;
    direction: ltr !important;
}

#ethicsCardModal #ethicsReportPrintable .metric-axis-row > .metric-bar > span {
    display: block !important;
    position: static !important;
    height: 12px !important;
    min-height: 12px !important;
    margin: 0 !important;
    background: linear-gradient(90deg,#0f7e7e,#1aa58f) !important;
    border-radius: 999px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#ethicsCardModal #ethicsReportPrintable .metric-axis-row > .metric-value {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #17385f !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    direction: rtl !important;
}

#ethicsCardModal #ethicsReportPrintable .ethics-metric-retraction {
    grid-column: 1 / -1 !important;
}

/* ---------------------------------------------------------
   شاخص‌های اخلاق در مجلات:
   همه متن‌ها داخل کارت و تک‌خطی
--------------------------------------------------------- */
.summary-top-panel .indicator-summary-column {
    overflow: hidden !important;
}

.indicator-summary-column .summary-indicator-row {
    display: grid !important;
    grid-template-columns: 54px minmax(105px, 1fr) 205px !important;
    align-items: center !important;
    column-gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.indicator-summary-column .summary-indicator-value {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.indicator-summary-column .summary-track {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 10px !important;
    flex: none !important;
}

.indicator-summary-column .summary-indicator-label {
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: .96rem !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-align: right !important;
    justify-self: end !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

@media (max-width: 1100px) {
    .indicator-summary-column .summary-indicator-row {
        grid-template-columns: 50px minmax(80px, 1fr) 180px !important;
        column-gap: 6px !important;
    }

    .indicator-summary-column .summary-indicator-label {
        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;
        font-size: .88rem !important;
    }
}

@media (max-width: 700px) {
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics {
        grid-template-columns: 1fr !important;
    }
}


/* =====================================================================
   مقالات ابطال شده - جدول جزئیات
   ===================================================================== */
#retractionDetailsModal .retraction-modal-content {
    width: min(96vw, 1180px) !important;
    max-width: 1180px !important;
}

.retraction-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #d7e2e9;
    border-radius: 12px;
    background: #fff;
}

.retraction-details-table {
    width: 100%;
    min-width: 1050px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    direction: rtl;
}

.retraction-details-table th {
    background: #174d70;
    color: #fff;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif;
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
    vertical-align: middle;
    padding: 10px 9px;
    border-left: 1px solid rgba(255,255,255,.18);
    white-space: nowrap;
}

.retraction-details-table td {
    color: #263f51;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.65;
    text-align: right;
    vertical-align: top;
    padding: 10px 9px;
    border-bottom: 1px solid #e4ebef;
    border-left: 1px solid #edf2f5;
    background: #fff;
}

.retraction-details-table tbody tr:nth-child(even) td {
    background: #f8fbfd;
}

.retraction-details-table .retraction-row-no {
    width: 52px;
    text-align: center;
    font-weight: 900;
}

.retraction-details-table .retraction-title-cell {
    min-width: 220px;
    font-weight: 800;
    color: #17385f;
}

.retraction-details-table .retraction-link-cell {
    min-width: 125px;
    text-align: center;
}

.retraction-article-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 7px;
    background: #e8f3f8;
    color: #0b638a;
    text-decoration: none;
    font-weight: 800;
    white-space: nowrap;
}

.retraction-article-link:hover {
    background: #d6ebf5;
    color: #064968;
}

.retraction-empty-row td {
    text-align: center !important;
    color: #738493 !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    padding: 26px 12px !important;
}

.retraction-modal-count {
    margin-top: 10px;
    text-align: left;
    color: #526c80;
    font-size: .88rem;
}

.retraction-modal-count strong {
    color: #17385f;
    font-size: 1rem;
}


/* =====================================================================
   MOBILE TOP ACTIONS + SEARCH BORDER UNIFICATION - 2026-10-01
   ===================================================================== */

/* هر پنج فیلد جستجو دقیقاً یک Border داشته باشند */
#searchForm .form-select,
#searchForm .form-control,
#searchForm .index-checkboxes,
#searchForm .select2-container .select2-selection,
#searchForm .select2-container--default .select2-selection--single,
#searchForm .select2-container--default .select2-selection--multiple,
#searchForm .select2-container--bootstrap-5 .select2-selection {
    border: 3px solid #315f78 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    outline: none !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* نمایه هم دقیقاً هم‌ارتفاع و هم‌رنگ بقیه */
#searchForm .index-checkboxes {
    min-height: 40px !important;
}

/* Focus همه فیلدها هم یکسان */
#searchForm .form-select:focus,
#searchForm .form-control:focus,
#searchForm .index-checkboxes:focus-within,
#searchForm .select2-container--focus .select2-selection,
#searchForm .select2-container--open .select2-selection {
    border-color: #214b65 !important;
    box-shadow: 0 0 0 2px rgba(49,95,120,.12) !important;
}

/* موبایل: ورود سمت راست، راهنما سمت چپ؛ بدون هم‌پوشانی */
@media (max-width: 767.98px) {
    .main-container {
        position: relative !important;
        padding-top: 54px !important;
    }

    .top-login-bar {
        position: absolute !important;
        top: 7px !important;
        right: 8px !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 1200 !important;
        display: block !important;
    }

    .top-login-image-link {
        width: 104px !important;
        max-width: 104px !important;
        display: block !important;
    }

    .top-login-image {
        width: 104px !important;
        max-width: 104px !important;
        height: auto !important;
        display: block !important;
    }

    .top-help-button {
        position: absolute !important;
        top: 9px !important;
        left: 8px !important;
        right: auto !important;
        min-width: 68px !important;
        width: auto !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        border: 1.5px solid #315f78 !important;
        border-radius: 8px !important;
        font-size: .78rem !important;
        z-index: 1201 !important;
    }

    .top-help-button i {
        font-size: .82rem !important;
    }
}

/* گوشی خیلی باریک */
@media (max-width: 360px) {
    .top-login-image-link,
    .top-login-image {
        width: 88px !important;
        max-width: 88px !important;
    }

    .top-help-button {
        min-width: 62px !important;
        padding: 0 6px !important;
        font-size: .73rem !important;
    }
}


/* سال بالای بخش «شاخص های اخلاق در مجلات» - 1.3 برابر بزرگ‌تر */
.indicator-summary-column .summary-year-badge,
.indicator-summary-column .summary-year-emphasis {
    font-size: 2.60rem !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
}


/* =====================================================================
   TOP SITE NAVIGATION - DESKTOP + MOBILE HAMBURGER - 2026-10-02
   ===================================================================== */
.top-site-nav {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 1300;
    margin-bottom: 8px;
    padding: 4px 2px;
}

/* در RTL این بلوک در سمت راست قرار می‌گیرد */
.top-site-nav-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    flex-wrap: wrap;
}

.top-nav-link {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 13px;
    border: 1.5px solid #315f78;
    border-radius: 9px;
    background: linear-gradient(180deg,#ffffff 0%,#edf4f8 100%);
    color: #244d67;
    text-decoration: none !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: .94rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 3px 9px rgba(31,74,100,.09);
    transition: .2s ease;
}
.top-nav-link:hover {
    color: #0b4f73;
    background: #e4f0f5;
    border-color: #234f69;
    transform: translateY(-1px);
}
.top-nav-link i { font-size: .95rem; }

/* ورود به سامانه کاملاً سمت چپ */
.top-site-nav-left {
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.top-site-nav .top-login-image-link {
    display: block !important;
    width: 132px !important;
    max-width: 132px !important;
    margin: 0 !important;
}
.top-site-nav .top-login-image {
    display: block !important;
    width: 132px !important;
    max-width: 132px !important;
    height: auto !important;
    margin: 0 !important;
}

.mobile-nav-toggle,
.mobile-top-menu {
    display: none;
}

@media (max-width: 767.98px) {
    /* غیرفعال کردن تمام چیدمان‌های absolute قدیمی دکمه ورود/راهنما */
    .main-container {
        padding-top: 20px !important;
    }

    .top-site-nav {
        min-height: 46px;
        margin-bottom: 10px;
        padding: 0;
        display: block;
    }

    .top-site-nav-right,
    .top-site-nav-left {
        display: none !important;
    }

    .mobile-nav-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-width: 94px;
        height: 40px;
        margin-right: 0;
        margin-left: auto;
        padding: 0 12px;
        border: 2px solid #315f78;
        border-radius: 9px;
        background: linear-gradient(180deg,#fff,#eaf3f7);
        color: #214b65;
        font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
        font-size: .95rem;
        font-weight: 900;
        cursor: pointer;
        box-shadow: 0 4px 11px rgba(31,74,100,.12);
    }
    .mobile-nav-toggle i {
        font-size: 1.25rem;
        line-height: 1;
    }

    .mobile-top-menu {
        display: none;
        position: absolute;
        top: 46px;
        right: 0;
        left: 0;
        width: 100%;
        padding: 8px;
        background: rgba(255,255,255,.98);
        border: 2px solid #315f78;
        border-radius: 11px;
        box-shadow: 0 12px 28px rgba(26,66,91,.18);
        z-index: 2000;
    }
    .mobile-top-menu.is-open {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .mobile-top-menu a {
        display: flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        padding: 8px 11px;
        border-radius: 8px;
        color: #244d67;
        text-decoration: none !important;
        font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
        font-size: 1rem;
        font-weight: 900;
        background: #f7fafc;
        border: 1px solid #e0e9ee;
    }
    .mobile-top-menu a:hover,
    .mobile-top-menu a:focus {
        background: #e9f3f8;
        color: #07547a;
    }
    .mobile-top-menu .mobile-login-item {
        background: #075f8a;
        color: #fff;
        border-color: #075f8a;
    }
    .mobile-top-menu .mobile-login-item:hover {
        background: #064d70;
        color: #fff;
    }
}


/* ============================================================
   کارنامه اخلاق - انتخاب یک سال
   ============================================================ */
#ethicsCardModal .ethics-single-year-control {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

#ethicsCardModal .ethics-single-year-control label {
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    color: #17385f !important;
}

#ethicsCardModal .ethics-single-year-control select {
    min-width: 145px !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    text-align: center !important;
}

#ethicsCardModal .certificate-selected-year {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 4px auto 6px !important;
    padding: 4px 13px !important;
    border: 1px solid #d2b661 !important;
    border-radius: 999px !important;
    background: #fff9e8 !important;
    color: #17385f !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

#ethicsCardModal .certificate-selected-year strong {
    font-size: 1.08rem !important;
    font-weight: 900 !important;
    color: #0b638a !important;
}

/* همین سال در PDF/نسخه چاپی نیز زیر نام مجله باقی بماند */
.ethics-certificate-a4 .certificate-selected-year {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 3px auto 6px !important;
    padding: 4px 12px !important;
    border: 1px solid #d2b661 !important;
    border-radius: 999px !important;
    background: #fff9e8 !important;
    color: #17385f !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}


/* سال ارزیابی در خود مودال کارنامه */
#ethicsCardModal .certificate-head .certificate-selected-year {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 4px auto 7px !important;
    padding: 5px 14px !important;
    border: 1px solid #d2b661 !important;
    border-radius: 999px !important;
    background: #fff9e8 !important;
    color: #17385f !important;
    font-family: 'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}
#ethicsCardModal .certificate-head .certificate-selected-year strong {
    color: #0b638a !important;
    font-size: 1.1rem !important;
    font-weight: 900 !important;
}


/* سال ارزیابی در مودال - رنگ و کنتراست قطعی */
#ethicsCardModal .certificate-selected-year {
    background:#fff3c9 !important;
    border:2px solid #b9962e !important;
    color:#17385f !important;
    font-family:Tahoma,Arial,sans-serif !important;
    font-size:1.03rem !important;
    font-weight:900 !important;
    opacity:1 !important;
    visibility:visible !important;
}
#ethicsCardModal .certificate-selected-year strong {
    color:#005c8a !important;
    font-size:1.12rem !important;
    font-weight:900 !important;
}


/* سال ارزیابی در مودال - نمایش قطعی */
#ethicsCardModal .certificate-selected-year,
#ethicsCardModal .certificate-selected-year * {
    visibility: visible !important;
    opacity: 1 !important;
}
#ethicsCardModal .certificate-selected-year {
    color:#17385f !important;
    background:#fff3c9 !important;
    border:2px solid #b9962e !important;
}


/* کادر سال ارزیابی کمی بلندتر برای خوانایی بهتر در PDF و مودال */
#ethicsCardModal .certificate-selected-year {
    min-height: 38px !important;
    padding: 6px 18px !important;
}


/* ӝ?? : ?  ʝ */
body{
  background-color:#EAF4F5;
  background-image:
    radial-gradient(circle at 8% 62%, rgba(31,163,173,.14), transparent 30%),
    radial-gradient(circle at 94% 78%, rgba(23,63,103,.09), transparent 32%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2314899A' fill-opacity='0.07'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment:fixed;
}

/*   ?/??  ʝ?  */
body::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:340px;               /*   ? ʝ? ? ? ? */
  z-index:-1;
  pointer-events:none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.09'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 86% 18%, rgba(31,163,173,.60), transparent 42%),
    radial-gradient(circle at 8% 100%, rgba(20,137,154,.38), transparent 40%),
    linear-gradient(135deg, #0E2A47 0%, #173F67 52%, #0B7480 100%);
  border-radius:0 0 50% 50% / 0 0 56px 56px;
  box-shadow:0 5px 0 rgba(31,163,173,.55), 0 14px 30px rgba(14,42,71,.18);
}

/* ? ǡ   ?  ?  */
body .top-site-nav .top-nav-link{
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
}
body .top-site-nav .top-nav-link:hover{
  background:#fff;
  color:#173F67;
}

/* PAGE BACKGROUND - REFERENCE IMAGE MATCH - 2026-10-20 */
html{min-height:100%;background:#EAF4F5!important;}
body{position:relative!important;isolation:isolate;min-height:100vh!important;margin:0!important;padding:0!important;background-color:#EAF4F5!important;}
/* =========================================================
   ادامه پس‌زمینه شش‌ضلعی تا بالای جدول
   ========================================================= */

body::before{
    height: 445px !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.09'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 86% 18%, rgba(31,163,173,.60), transparent 42%),
        radial-gradient(circle at 8% 100%, rgba(20,137,154,.38), transparent 40%),
        linear-gradient(135deg, #0E2A47 0%, #173F67 52%, #0B7480 100%) !important;

    background-repeat:
        repeat,
        no-repeat,
        no-repeat,
        no-repeat !important;

    background-size:
        28px 49px,
        auto,
        auto,
        auto !important;

    /* قوس پایین دقیقاً قبل از جدول */
    border-radius:
        0 0 48% 48% / 0 0 38px 38px !important;

    box-shadow:
        0 5px 0 rgba(31,163,173,.50),
        0 14px 26px rgba(14,42,71,.16) !important;
}
/* جدول از محدوده پس‌زمینه تیره پایین‌تر شروع شود */
.table-section,
.table-card,
.results-section,
.journals-table-section{
    position:relative;
    z-index:2;
}
body>.main-container,.main-container{position:relative!important;z-index:1!important;background:transparent!important;}
body .top-site-nav .top-nav-link{color:#fff!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(5,31,52,.12)!important;}
body .top-site-nav .top-nav-link:hover,body .top-site-nav .top-nav-link:focus{background:#fff!important;color:#173F67!important;border-color:#fff!important;}
@media(max-width:991.98px){body::before{height:430px!important;}}
@media(max-width:767.98px){body::before{height:510px!important;}}
/* =========================================================
   Patch v18 - ادامه پس‌زمینه شش‌ضلعی + خوانایی فرم جستجو
   این فایل را بعد از dashboard.css لود کنید
   یا محتوای آن را انتهای dashboard.css اضافه کنید.
   ========================================================= */

/* 1) ادامه دقیق پس‌زمینه شش‌ضلعی تا بالای جدول */
body::before{
    height:500px !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.09'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 86% 18%, rgba(31,163,173,.60), transparent 42%),
        radial-gradient(circle at 8% 100%, rgba(20,137,154,.38), transparent 40%),
        linear-gradient(135deg,#0E2A47 0%,#173F67 52%,#0B7480 100%) !important;

    background-repeat:
        repeat,
        no-repeat,
        no-repeat,
        no-repeat !important;

    background-size:
        28px 49px,
        auto,
        auto,
        auto !important;

    border-radius:
        0 0 48% 48% / 0 0 38px 38px !important;

    box-shadow:
        0 5px 0 rgba(31,163,173,.50),
        0 14px 26px rgba(14,42,71,.16) !important;
}

/* 2) عنوان فیلدهای جستجو روی زمینه تیره سفید و ضخیم */
#searchForm .search-field-group > .form-label,
#searchForm .form-label{
    color:#ffffff !important;
    font-weight:900 !important;
    font-size:1rem !important;
    text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}

/* 3) نوشته نمایه‌ها سفید و ضخیم‌تر */
#searchForm .index-check-item,
#searchForm .index-check-item span{
    color:#ffffff !important;
    font-weight:800 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.25) !important;
}

#searchForm .index-check-item{
    background:rgba(255,255,255,.10) !important;
    border-color:rgba(255,255,255,.45) !important;
}

/* 4) دکمه جستجو سفید و Bold */
#searchForm .btn-search{
    color:#ffffff !important;
    font-weight:900 !important;
    border:1px solid rgba(255,255,255,.45) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.24) !important;
}

/* 5) دکمه بازنشانی سفید و Bold */
#searchForm .btn-reset-search{
    color:#ffffff !important;
    font-weight:900 !important;
    border-color:rgba(255,255,255,.65) !important;
    background:rgba(255,255,255,.08) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.24) !important;
}

#searchForm .btn-reset-search:hover,
#searchForm .btn-search:hover{
    color:#173F67 !important;
    background:#ffffff !important;
    text-shadow:none !important;
}

#searchForm .btn-search i,
#searchForm .btn-reset-search i{
    color:inherit !important;
}

@media (max-width:991.98px){
    body::before{
        height:500px !important;
    }
}

@media (max-width:767.98px){
    body::before{
        height:565px !important;
    }
}


/* =========================================================
   Trend modal cards patch - 2026-10-20
   فقط تغییرات ظاهری در مودال ترند/نمایه
   ========================================================= */

/* هر نمودار + عنوان آن داخل یک کارت سفید مستقل */
#allTrendModal .trend-card {
    background:#ffffff !important;
    border:1px solid #e2e8ee !important;
    border-radius:14px !important;
    box-shadow:0 5px 16px rgba(15,42,74,.08) !important;
    overflow:hidden !important;
}

/* حفظ رنگ شاخص در لبه راست کارت؛ inline border-right موجود دست‌نخورده می‌ماند */
#allTrendModal .trend-card .card-body {
    background:#ffffff !important;
    padding:14px 16px 12px !important;
}

/* عنوان هر نمودار واضح‌تر و ضخیم‌تر */
#allTrendModal .trend-card .card-title {
    color:#173f67 !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-weight:900 !important;
    line-height:1.5 !important;
    margin:0 0 10px !important;
}

#allTrendModal .trend-overall-card .trend-card .card-title {
    font-size:1.32rem !important;
    text-align:center !important;
}

#allTrendModal .trend-regular-card .trend-card .card-title {
    font-size:1.05rem !important;
}

/* فاصله آیکن عنوان از متن */
#allTrendModal .trend-card .card-title i {
    margin-left:5px !important;
    font-size:1.05em !important;
}

/* متن «برای جابه‌جایی با موس بکشید» حذف شود؛ فقط آیکن باقی بماند */
#allTrendModal .modal-drag-handle span,
#singleTrendModal .modal-drag-handle span {
    display:none !important;
}

/* دستگیره جابه‌جایی به شکل آیکن جمع‌وجور */
#allTrendModal .modal-drag-handle,
#singleTrendModal .modal-drag-handle {
    width:34px !important;
    min-width:34px !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 !important;
    margin:-2px auto 8px !important;
    gap:0 !important;
    border:1px dashed rgba(23,63,103,.28) !important;
    border-radius:8px !important;
    background:rgba(239,246,250,.92) !important;
    color:#496579 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:grab !important;
}

#allTrendModal .modal-drag-handle i,
#singleTrendModal .modal-drag-handle i {
    font-size:1rem !important;
    margin:0 !important;
    line-height:1 !important;
}

#allTrendModal .modal-drag-handle:active,
#singleTrendModal .modal-drag-handle:active {
    cursor:grabbing !important;
}

/* موبایل: کارت‌ها همان ظاهر سفید فعلی را حفظ کنند */
@media (max-width:768px) {
    #allTrendModal .trend-card .card-body {
        padding:12px 12px 10px !important;
    }
    #allTrendModal .trend-regular-card .trend-card .card-title {
        font-size:1rem !important;
    }
}

/* =========================================================
   برجسته‌تر شدن کارت‌های نمودار در مودال ترند
   ========================================================= */

/* خود کارت هر نمودار */
.trend-card{
    background:#ffffff !important;
    border:1px solid #b7c8d6 !important;
    border-radius:16px !important;
    box-shadow:
        0 8px 22px rgba(23,63,103,.14),
        0 2px 6px rgba(23,63,103,.08) !important;
    padding:14px 16px 12px !important;
    transition:all .25s ease !important;
}

/* کمی برجستگی بیشتر روی Hover */
.trend-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:
        0 14px 30px rgba(23,63,103,.18),
        0 4px 10px rgba(23,63,103,.10) !important;
}

/* عنوان نمودار */
.trend-card .card-title,
.trend-card h5,
.trend-card h6,
.trend-card .trend-card-title{
    font-size:1.05rem !important;
    font-weight:900 !important;
    color:#173f67 !important;
    line-height:1.7 !important;
    margin-bottom:10px !important;
}

/* بخش خود نمودار با پس‌زمینه مستقل */
.trend-card .chart-container,
.trend-card .chart-wrapper,
.trend-card canvas{
    background:#f7fafc !important;
    border-radius:12px !important;
}

/* اگر canvas داخل div است، این قسمت ظاهر بهتری می‌دهد */
.trend-card .chart-container,
.trend-card .chart-wrapper{
    border:1px solid #e2e9ef !important;
    padding:8px !important;
    box-shadow:inset 0 1px 4px rgba(23,63,103,.04) !important;
}

/* برای اینکه خود canvas فاصله مناسب داشته باشد */
.trend-card canvas{
    padding:4px !important;
}

/* متن داخل گزینه‌های نمایه مشکی شود */
#searchForm .index-check-item,
#searchForm .index-check-item span{
    color:#111111 !important;
    font-weight:800 !important;
    text-shadow:none !important;
}


/* =====================================================================
   FINAL UI REFINEMENTS - Trend modal cards + search typography - v21
   تاریخ: 2026-10-20
   فقط ظاهر را تغییر می‌دهد و منطق نمودارها/جستجو دست‌نخورده می‌ماند.
   ===================================================================== */

/* ---------------------------------------------------------
   1) عنوان اصلی بالای مودال‌های ترند: بزرگ‌تر و ضخیم‌تر
   --------------------------------------------------------- */
#allTrendModal .trend-header h4,
#singleTrendModal .trend-header h4 {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:2.15rem !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    color:#173f67 !important;
    letter-spacing:0 !important;
}

/* زیرعنوان مودال کمی خواناتر شود، بدون تغییر ساختار */
#allTrendModal .trend-header p,
#singleTrendModal .trend-header p {
    font-size:1rem !important;
    font-weight:700 !important;
    line-height:1.7 !important;
}

/* ---------------------------------------------------------
   2) کارت‌های نمودار: برجسته‌تر، مرزبندی روشن‌تر و پس‌زمینه ملایم
   --------------------------------------------------------- */
#allTrendModal .trend-card,
#singleTrendModal .trend-card,
.trend-card {
    background:linear-gradient(180deg,#ffffff 0%,#f6f9fc 100%) !important;
    border:2px solid #c7d7e2 !important;
    border-radius:18px !important;
    box-shadow:
        0 14px 32px rgba(23,63,103,.18),
        0 4px 10px rgba(23,63,103,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    overflow:hidden !important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

#allTrendModal .trend-card:hover,
#singleTrendModal .trend-card:hover,
.trend-card:hover {
    transform:translateY(-4px) !important;
    border-color:#9fb8c9 !important;
    box-shadow:
        0 20px 40px rgba(23,63,103,.22),
        0 7px 16px rgba(23,63,103,.12),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* بدنه کارت کمی از زمینه خود کارت جدا شود */
#allTrendModal .trend-card .card-body,
#singleTrendModal .trend-card .card-body,
.trend-card .card-body {
    background:rgba(255,255,255,.82) !important;
    padding:16px 17px 14px !important;
}

/* ---------------------------------------------------------
   3) عنوان هر نمودار: بزرگ‌تر و ضخیم‌تر
   --------------------------------------------------------- */
#allTrendModal .trend-card .card-title,
#singleTrendModal .trend-card .card-title,
.trend-card .card-title,
.trend-card h5,
.trend-card h6,
.trend-card .trend-card-title {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.22rem !important;
    font-weight:900 !important;
    color:#123b5d !important;
    line-height:1.55 !important;
    margin:0 0 12px !important;
    text-shadow:0 1px 0 rgba(255,255,255,.9) !important;
}

/* کارت نمودار امتیاز کلی، عنوان کمی شاخص‌تر */
#allTrendModal .trend-overall-card .trend-card .card-title,
#singleTrendModal .trend-overall-card .trend-card .card-title {
    font-size:1.48rem !important;
    font-weight:900 !important;
    text-align:center !important;
}

/* کارت‌های معمولی نمودار */
#allTrendModal .trend-regular-card .trend-card .card-title,
#singleTrendModal .trend-regular-card .trend-card .card-title {
    font-size:1.20rem !important;
    font-weight:900 !important;
}

/* ---------------------------------------------------------
   4) ناحیه خود نمودار: پس‌زمینه روشن و قاب داخلی لطیف
   --------------------------------------------------------- */
#allTrendModal .trend-card .chart-container,
#allTrendModal .trend-card .chart-wrapper,
#singleTrendModal .trend-card .chart-container,
#singleTrendModal .trend-card .chart-wrapper,
.trend-card .chart-container,
.trend-card .chart-wrapper {
    background:linear-gradient(180deg,#f7fbfd 0%,#eef5f8 100%) !important;
    border:1px solid #d9e5ec !important;
    border-radius:13px !important;
    padding:10px !important;
    box-shadow:
        inset 0 1px 4px rgba(23,63,103,.05),
        0 1px 0 rgba(255,255,255,.85) !important;
}

#allTrendModal .trend-card canvas,
#singleTrendModal .trend-card canvas,
.trend-card canvas {
    background:transparent !important;
    border-radius:10px !important;
}

/* ---------------------------------------------------------
   5) بخش جستجو در بالای صفحه: فونت‌ها بزرگ‌تر و خواناتر
   --------------------------------------------------------- */
#searchForm .search-field-group > .form-label,
#searchForm .form-label,
.search-top-panel .search-field-group .form-label {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.28rem !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    color:#ffffff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.30) !important;
}

/* متن داخل Select/Inputهای جستجو */
.search-top-panel .form-select,
.search-top-panel .form-control,
.search-top-panel .select2-container .select2-selection__rendered,
.search-top-panel .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    font-size:1.05rem !important;
    font-weight:700 !important;
}

/* گزینه‌های نمایه مشکی و کمی بزرگ‌تر */
#searchForm .index-check-item,
#searchForm .index-check-item span {
    color:#111111 !important;
    font-size:.92rem !important;
    font-weight:900 !important;
    text-shadow:none !important;
}

#searchForm .index-check-item {
    background:#ffffff !important;
    border-color:#cfd8df !important;
}

/* دکمه‌های جستجو و بازنشانی نیز کمی بزرگ‌تر */
#searchForm .btn-search,
#searchForm .btn-reset-search {
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.05rem !important;
    font-weight:900 !important;
}

/* ---------------------------------------------------------
   6) ریسپانسیو: در موبایل هم عناوین و کارت‌ها واضح بمانند
   --------------------------------------------------------- */
@media (max-width:768px) {
    #allTrendModal .trend-header h4,
    #singleTrendModal .trend-header h4 {
        font-size:1.75rem !important;
    }

    #allTrendModal .trend-card .card-title,
    #singleTrendModal .trend-card .card-title,
    .trend-card .card-title,
    .trend-card h5,
    .trend-card h6,
    .trend-card .trend-card-title {
        font-size:1.12rem !important;
    }

    #allTrendModal .trend-card .card-body,
    #singleTrendModal .trend-card .card-body,
    .trend-card .card-body {
        padding:13px 13px 11px !important;
    }

    #searchForm .search-field-group > .form-label,
    #searchForm .form-label,
    .search-top-panel .search-field-group .form-label {
        font-size:1.18rem !important;
    }
}

/* ============================================================
   Ethics Certificate V30 - HARD LAYOUT FIX
   بارگذاری در انتهای صفحه برای غلبه قطعی بر قوانین قدیمی dashboard.css
   ============================================================ */

/* مودال و خود کارنامه */
#ethicsCardModal .modal-content{
    width:min(1280px, calc(100vw - 20px)) !important;
    max-width:1280px !important;
    padding:12px !important;
}
#ethicsCardModal #ethicsReportPrintable{
    width:100% !important;
    max-width:1160px !important;
    margin:0 auto !important;
    padding-top:28px !important;
    box-sizing:border-box !important;
}

/* لوگوی اصلی: داخل قاب، خوانا و با فضای امن */
#ethicsCardModal #ethicsReportPrintable .certificate-head{
    padding:12px 20px 10px !important;
    margin:0 0 5px !important;
    overflow:visible !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-main-logo{
    display:block !important;
    position:relative !important;
    z-index:5 !important;
    width:178px !important;
    height:178px !important;
    min-width:178px !important;
    min-height:178px !important;
    max-width:178px !important;
    max-height:178px !important;
    object-fit:contain !important;
    margin:0 auto 7px !important;
    padding:0 !important;
    transform:none !important;
}

/* ============================================================
   امتیاز + نمودار عملکرد: دقیقاً دو کارت مساوی و تمام‌عرض
   مشکل قبلی max-width:50% در dashboard.css اینجا صریحاً خنثی می‌شود.
   ============================================================ */
#ethicsCardModal #ethicsReportPrintable .certificate-score-row{
    display:grid !important;
    direction:rtl !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:310px !important;
    grid-auto-flow:column !important;
    gap:12px !important;
    width:100% !important;
    max-width:none !important;
    min-height:310px !important;
    margin:2px 0 6px !important;
    padding:0 !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    box-sizing:border-box !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel,
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:310px !important;
    min-height:310px !important;
    max-height:310px !important;
    margin:0 !important;
    padding:10px 12px !important;
    flex:none !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:1px solid rgba(31,105,119,.24) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.60) !important;
    box-shadow:0 7px 18px rgba(23,70,84,.09) !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-panel{
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
}

/* نشان امتیاز: کامل داخل کارت */
#ethicsCardModal #ethicsReportPrintable .certificate-score-badge{
    width:220px !important;
    height:220px !important;
    min-width:220px !important;
    min-height:220px !important;
    max-width:220px !important;
    max-height:220px !important;
    flex:0 0 220px !important;
    margin:0 auto 3px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core strong{
    font-size:3.35rem !important;
    line-height:.92 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-score-core span{
    margin-top:6px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-status-caption{
    margin:2px 0 0 !important;
    font-size:1.22rem !important;
    line-height:1 !important;
    font-weight:900 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-article-count{
    margin:4px 0 0 !important;
    line-height:1 !important;
}

/* نمودار عملکرد: تقریباً تمام کارت را پر کند */
#ethicsCardModal #ethicsReportPrintable .certificate-radar-panel h5{
    flex:0 0 30px !important;
    height:30px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:1.18rem !important;
    line-height:1 !important;
    font-weight:900 !important;
}
#ethicsCardModal #ethicsReportPrintable .ethics-radar-wrap{
    position:relative !important;
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}
#ethicsCardModal #ethicsReportPrintable #ethicsRadarCanvas{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
}

/* ============================================================
   شاخص‌های کلیدی: هر شاخص تمام عرض، چهار جزء دقیقاً در یک ردیف
   آیکن | عنوان | میله بلند | درصد
   ============================================================ */
#ethicsCardModal #ethicsReportPrintable .certificate-ribbon{
    margin:5px auto 4px !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-metrics{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    gap:0 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    padding:6px 10px 8px !important;
    box-sizing:border-box !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric,
#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric-retraction{
    direction:rtl !important;
    display:grid !important;
    grid-template-columns:38px 250px minmax(0,1fr) 86px !important;
    grid-template-rows:44px !important;
    grid-auto-flow:column !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 5px !important;
    column-gap:7px !important;
    align-items:center !important;
    justify-items:stretch !important;
    box-sizing:border-box !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric:not(:last-child),
#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric-retraction:not(:last-child){
    border-bottom:1px solid rgba(23,56,95,.10) !important;
}
#ethicsCardModal #ethicsReportPrintable .metric-icon{
    grid-column:1 !important;
    grid-row:1 !important;
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    min-height:31px !important;
    margin:0 !important;
    justify-self:center !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-label{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.07rem !important;
    line-height:1.16 !important;
    font-weight:900 !important;
    -webkit-text-stroke:.28px currentColor !important;
    text-shadow:0 0 .01px currentColor !important;
    text-align:right !important;
    white-space:normal !important;
}
#ethicsCardModal #ethicsReportPrintable .metric-axis-row{
    grid-column:3 !important;
    grid-row:1 !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    justify-self:stretch !important;
}
#ethicsCardModal #ethicsReportPrintable .metric-bar{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    height:18px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:#e4e6df !important;
    overflow:hidden !important;
    box-shadow:inset 0 1px 3px rgba(12,54,67,.10) !important;
}
#ethicsCardModal #ethicsReportPrintable .metric-bar > span{
    height:100% !important;
    min-height:100% !important;
    border-radius:999px !important;
}
#ethicsCardModal #ethicsReportPrintable .metric-value{
    grid-column:4 !important;
    grid-row:1 !important;
    width:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    margin:0 !important;
    padding:0 !important;
    justify-self:end !important;
    text-align:left !important;
    direction:ltr !important;
    white-space:nowrap !important;
    font-size:1.08rem !important;
    line-height:1 !important;
    font-weight:900 !important;
}

/* متن کمیته ثابت، دانشگاه دقیقاً در خط زیر و Bold */
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    height:100% !important;
    text-align:center !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text strong,
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text span{
    display:block !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-weight:900 !important;
    line-height:1.25 !important;
}
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text strong{font-size:1.02rem !important;}
#ethicsCardModal #ethicsReportPrintable .certificate-committee-cell .committee-text span{font-size:.98rem !important;}

/* تبلت: دو کارت همچنان مساوی و کنار هم */
@media (max-width:900px) and (min-width:641px){
    #ethicsCardModal .modal-content{width:calc(100vw - 12px) !important;padding:7px !important;}
    #ethicsCardModal #ethicsReportPrintable{max-width:none !important;padding-top:22px !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-main-logo{
        width:148px !important;height:148px !important;min-width:148px !important;min-height:148px !important;max-width:148px !important;max-height:148px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        grid-template-rows:278px !important;
        min-height:278px !important;
        gap:8px !important;
        margin:2px 0 5px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-panel,
    #ethicsCardModal #ethicsReportPrintable .certificate-radar-panel{
        height:278px !important;min-height:278px !important;max-height:278px !important;padding:7px !important;max-width:none !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-badge{
        width:188px !important;height:188px !important;min-width:188px !important;min-height:188px !important;max-width:188px !important;max-height:188px !important;flex-basis:188px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-core strong{font-size:2.75rem !important;}
    #ethicsCardModal #ethicsReportPrintable .ethics-radar-wrap{height:235px !important;min-height:235px !important;max-height:235px !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric,
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric-retraction{
        grid-template-columns:34px 195px minmax(0,1fr) 70px !important;
        grid-template-rows:42px !important;min-height:42px !important;column-gap:5px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-label{font-size:.92rem !important;}
    #ethicsCardModal #ethicsReportPrintable .metric-value{width:70px !important;min-width:70px !important;max-width:70px !important;font-size:.94rem !important;}
    #ethicsCardModal #ethicsReportPrintable .metric-bar{height:16px !important;}
}

/* موبایل: دو کارت مساوی در یک ردیف، سپس شاخص‌های کاملاً یک‌ردیفی */
@media (max-width:640px){
    #ethicsCardModal .modal-content{width:calc(100vw - 4px) !important;max-width:none !important;padding:3px !important;}
    #ethicsCardModal #ethicsReportPrintable{max-width:none !important;padding-top:14px !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-head{padding:7px 5px 6px !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-main-logo{
        width:112px !important;height:112px !important;min-width:112px !important;min-height:112px !important;max-width:112px !important;max-height:112px !important;margin-bottom:4px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-row{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        grid-template-rows:205px !important;
        min-height:205px !important;
        gap:4px !important;
        margin:1px 0 4px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-panel,
    #ethicsCardModal #ethicsReportPrintable .certificate-radar-panel{
        width:100% !important;max-width:none !important;height:205px !important;min-height:205px !important;max-height:205px !important;padding:4px 2px !important;border-radius:10px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-badge{
        width:104px !important;height:104px !important;min-width:104px !important;min-height:104px !important;max-width:104px !important;max-height:104px !important;flex-basis:104px !important;margin-bottom:1px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-score-core strong{font-size:1.78rem !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-score-core span{font-size:.56rem !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-status-caption{font-size:.84rem !important;margin-top:2px !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-article-count{font-size:.59rem !important;margin-top:2px !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-radar-panel h5{height:24px !important;flex-basis:24px !important;font-size:.72rem !important;line-height:1.05 !important;}
    #ethicsCardModal #ethicsReportPrintable .ethics-radar-wrap{height:174px !important;min-height:174px !important;max-height:174px !important;}

    #ethicsCardModal #ethicsReportPrintable .certificate-metrics{grid-template-columns:minmax(0,1fr) !important;padding:3px 2px 4px !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric,
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric-retraction{
        grid-template-columns:24px 102px minmax(0,1fr) 48px !important;
        grid-template-rows:39px !important;
        min-height:39px !important;
        width:100% !important;
        max-width:none !important;
        column-gap:3px !important;
        padding:0 1px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .metric-icon{width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;font-size:.67rem !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-label{font-size:.67rem !important;line-height:1.12 !important;-webkit-text-stroke:.12px currentColor !important;}
    #ethicsCardModal #ethicsReportPrintable .metric-bar{height:11px !important;}
    #ethicsCardModal #ethicsReportPrintable .metric-value{width:48px !important;min-width:48px !important;max-width:48px !important;font-size:.69rem !important;}
    #ethicsCardModal #ethicsReportPrintable .certificate-ribbon{margin:3px auto 2px !important;}
}

@media (max-width:390px){
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric,
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric-retraction{
        grid-template-columns:22px 90px minmax(0,1fr) 44px !important;
        column-gap:2px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-label{font-size:.62rem !important;}
    #ethicsCardModal #ethicsReportPrintable .metric-value{width:44px !important;min-width:44px !important;max-width:44px !important;font-size:.64rem !important;}
}

/* ============================================================
   V31 - HARD LONG BARS FIX
   میله هر شاخص تمام فضای واقعی بین عنوان و درصد را می‌گیرد.
   به‌جای Grid از Flex استفاده شده تا هیچ قانون قدیمی عرض را کوتاه نکند.
   ============================================================ */
#ethicsCardModal #ethicsReportPrintable .certificate-metrics{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    padding-left:14px !important;
    padding-right:14px !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric,
#ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric-retraction{
    display:flex !important;
    flex-direction:row !important;
    direction:rtl !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    gap:10px !important;
    padding:0 6px !important;
    box-sizing:border-box !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-icon{
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-label{
    flex:0 0 205px !important;
    width:205px !important;
    min-width:205px !important;
    max-width:205px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:right !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-axis-row{
    flex:1 1 auto !important;
    display:block !important;
    width:auto !important;
    min-width:320px !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    align-self:center !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-axis-row > .metric-bar{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
}

#ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-value{
    flex:0 0 78px !important;
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
}

/* تبلت */
@media (max-width:900px) and (min-width:641px){
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric,
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric-retraction{
        gap:6px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-icon{
        flex-basis:30px !important;width:30px !important;min-width:30px !important;max-width:30px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-label{
        flex-basis:160px !important;width:160px !important;min-width:160px !important;max-width:160px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-axis-row{
        min-width:190px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-value{
        flex-basis:64px !important;width:64px !important;min-width:64px !important;max-width:64px !important;
    }
}

/* موبایل: میله هنوز بیشترین فضای ممکن را می‌گیرد */
@media (max-width:640px){
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics{
        padding-left:4px !important;
        padding-right:4px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric,
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics > .ethics-metric-retraction{
        gap:3px !important;
        padding:0 1px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-icon{
        flex-basis:22px !important;width:22px !important;min-width:22px !important;max-width:22px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-label{
        flex-basis:96px !important;width:96px !important;min-width:96px !important;max-width:96px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-axis-row{
        flex:1 1 0 !important;
        min-width:70px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-axis-row > .metric-bar{
        height:12px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-value{
        flex-basis:45px !important;width:45px !important;min-width:45px !important;max-width:45px !important;
    }
}

@media (max-width:390px){
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-label{
        flex-basis:82px !important;width:82px !important;min-width:82px !important;max-width:82px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-axis-row{
        min-width:56px !important;
    }
    #ethicsCardModal #ethicsReportPrintable .certificate-metrics .metric-value{
        flex-basis:42px !important;width:42px !important;min-width:42px !important;max-width:42px !important;
    }
}


/* =====================================================================
   MERGED CERTIFICATE LAYOUT V32 - 2026-10-20
   این بخش عمداً با specificity بسیار بالا نوشته شده تا تمام قوانین قدیمی
   dashboard.css و Styleهای داخل index.php را برای کارنامه وب خنثی کند.
   ===================================================================== */

/* دو کارت بالا: دقیقاً مساوی، هم‌ارتفاع و بدون فضای مرده */
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-score-row{
    display:grid !important;
    direction:rtl !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:300px !important;
    gap:14px !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:300px !important;
    margin:2px 0 7px !important;
    padding:0 !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    box-sizing:border-box !important;
}
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-score-panel,
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-radar-panel{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    margin:0 !important;
    padding:9px 12px !important;
    box-sizing:border-box !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    overflow:hidden !important;
    border:1px solid rgba(31,105,119,.24) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.62) !important;
    box-shadow:0 7px 18px rgba(23,70,84,.09) !important;
}
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-score-panel{
    grid-column:1 !important;
    align-items:center !important;
    justify-content:center !important;
}
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-radar-panel{
    grid-column:2 !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
}
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-radar-panel h5{
    flex:0 0 30px !important;
    height:30px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:1.18rem !important;
    line-height:1 !important;
    font-weight:900 !important;
}
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-radar-panel .ethics-radar-wrap{
    position:relative !important;
    flex:1 1 auto !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:258px !important;
    min-height:258px !important;
    max-height:258px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-radar-panel #ethicsRadarCanvas{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
}

/* شاخص‌های کلیدی: یک ستون، هر شاخص دقیقاً یک ردیف کامل */
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:5px 14px 7px !important;
    box-sizing:border-box !important;
    border:1px solid #d8c697 !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.28) !important;
    overflow:hidden !important;
}

html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric,
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric.ethics-metric-retraction{
    display:grid !important;
    direction:rtl !important;
    grid-template-columns:42px minmax(250px,310px) minmax(340px,1fr) 90px !important;
    grid-template-rows:50px !important;
    grid-auto-flow:column !important;
    align-items:center !important;
    justify-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:50px !important;
    height:50px !important;
    margin:0 !important;
    padding:0 8px !important;
    column-gap:10px !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    overflow:visible !important;
}
html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric:not(:last-child){
    border-bottom:1px solid rgba(23,56,95,.12) !important;
}

html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-icon{
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin:0 auto !important;
    padding:0 !important;
    border-radius:50% !important;
    background:#0f8588 !important;
    color:#fff !important;
    font-size:1rem !important;
    line-height:1 !important;
}

html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-label{
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    position:static !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    color:#17385f !important;
    font-family:'B Mitra','Mitra',Tahoma,sans-serif !important;
    font-size:1.08rem !important;
    font-weight:900 !important;
    line-height:1.18 !important;
    text-align:right !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    -webkit-text-stroke:.22px currentColor !important;
    text-shadow:0 0 .01px currentColor !important;
}

html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-axis-row{
    grid-column:3 !important;
    grid-row:1 !important;
    display:block !important;
    position:static !important;
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:18px !important;
    min-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    direction:ltr !important;
    align-self:center !important;
    justify-self:stretch !important;
}

html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-axis-row > .metric-bar{
    display:block !important;
    position:relative !important;
    float:none !important;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    height:16px !important;
    min-height:16px !important;
    margin:0 !important;
    padding:0 !important;
    background:#dfe5e8 !important;
    border-radius:999px !important;
    overflow:hidden !important;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.10) !important;
    direction:ltr !important;
}

html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-axis-row > .metric-bar > span{
    display:block !important;
    position:static !important;
    height:16px !important;
    min-height:16px !important;
    max-height:16px !important;
    margin:0 !important;
    padding:0 !important;
    background:linear-gradient(90deg,#0f7e7e,#1aa58f) !important;
    border-radius:999px !important;
    opacity:1 !important;
    visibility:visible !important;
}

html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-value{
    grid-column:4 !important;
    grid-row:1 !important;
    display:block !important;
    position:static !important;
    width:90px !important;
    min-width:90px !important;
    max-width:90px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    color:#17385f !important;
    font-size:1.08rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-align:left !important;
    white-space:nowrap !important;
    direction:ltr !important;
    justify-self:end !important;
}

/* تبلت */
@media (max-width:900px) and (min-width:641px){
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric,
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric.ethics-metric-retraction{
        grid-template-columns:32px minmax(170px,220px) minmax(190px,1fr) 70px !important;
        grid-template-rows:46px !important;
        height:46px !important;
        min-height:46px !important;
        column-gap:6px !important;
        padding:0 4px !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-label{
        font-size:.94rem !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-value{
        width:70px !important;min-width:70px !important;max-width:70px !important;font-size:.94rem !important;
    }
}

/* موبایل: همچنان هر چهار جزء در یک ردیف می‌مانند */
@media (max-width:640px){
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-score-row{
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        grid-template-rows:205px !important;
        min-height:205px !important;
        gap:4px !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-score-panel,
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-radar-panel{
        height:205px !important;min-height:205px !important;max-height:205px !important;padding:4px 2px !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-radar-panel .ethics-radar-wrap{
        height:174px !important;min-height:174px !important;max-height:174px !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics{
        padding:3px 3px 4px !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric,
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric.ethics-metric-retraction{
        grid-template-columns:24px minmax(92px,128px) minmax(82px,1fr) 50px !important;
        grid-template-rows:40px !important;
        height:40px !important;
        min-height:40px !important;
        column-gap:4px !important;
        padding:0 2px !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-icon{
        width:22px !important;min-width:22px !important;max-width:22px !important;height:22px !important;min-height:22px !important;max-height:22px !important;font-size:.68rem !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-label{
        font-size:.70rem !important;line-height:1.08 !important;-webkit-text-stroke:.10px currentColor !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-axis-row,
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-axis-row > .metric-bar,
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-axis-row > .metric-bar > span{
        height:11px !important;min-height:11px !important;max-height:11px !important;
    }
    html body #ethicsCardModal.modal-custom #ethicsReportPrintable.ethics-report.ethics-certificate .certificate-metrics > .ethics-metric > .metric-value{
        width:50px !important;min-width:50px !important;max-width:50px !important;font-size:.72rem !important;
    }
}