/* =========================================================================
   طرح اپ صفحه‌های ابزار و داده (PWA / موبایل ≤ 768px)
   محاسبه‌گر عوارض، تبدیل ارز، قیمت پایه صادراتی، آمار واردات/صادرات، تحلیل کشورها،
   بخشنامه‌ها و حساب کاربری — هم‌سبک صفحه‌های تعرفه و گفتگوها:
   - بنر بالای صفحه حذف می‌شود (عنوان در نوار بالای اپ هست)
   - کارت‌های سفید ساده: خط نازک، گوشه‌ی ۱۶–۱۸، بدون سایه و نوار رنگی
   - فهرست‌های گروهی با جداکننده به‌جای کارت‌های جدا از هم
   - کنترل‌های بخش‌بندی‌شده، جستجوی همیشه‌پیدا کنار دکمه‌ی «فیلترها»، هدف لمسی ۴۴ پیکسل
   همه‌ی قواعد داخل media query است و دسکتاپ هیچ تغییری نمی‌کند. پس از app_shell.css بارگذاری می‌شود.
   ========================================================================= */
.cc-mbar { display: none; }

@media (max-width: 768px) {

/* ===================== پایه‌ی مشترک ===================== */
.cc-page, .cv-page, .ebp-page-wrapper, .ts-page-wrapper, .ct-page {
    max-width: none; margin: 0; padding: 12px 16px 24px; box-sizing: border-box;
}
.cc-hero, .cv-hero, .ebp-hero, .ts-hero, .ct-hero { display: none !important; }

.cc-card, .cv-card, .ct-card, .ct-profile,
.ebp-page-wrapper .modern-card, .ts-page-wrapper .modern-card, .ts-page-wrapper .info-box {
    padding: 16px; border: 1px solid var(--sk-line); border-radius: 18px; box-shadow: none; background: var(--sk-surface);
}

/* سرتیتر کارت‌ها: بدون خط زیر و نشان دایره‌ای */
.ebp-page-wrapper .box-header, .ts-page-wrapper .box-header { margin: 0 0 12px; padding: 0; border: none; gap: 10px; }
.ebp-page-wrapper .box-header__icon, .ts-page-wrapper .box-header__icon { display: none; }
.ebp-page-wrapper .box-title, .ts-page-wrapper .box-title { font-size: var(--fs-md); font-weight: 800; color: var(--sk-ink); line-height: 1.5; }
.ebp-page-wrapper .box-subtitle, .ts-page-wrapper .box-subtitle { margin-top: 2px; font-size: var(--fs-xs); color: var(--sk-muted); line-height: 1.7; }

/* فیلدها: ۴۸ پیکسل، ۱۶ پیکسل (بدون زوم سافاری)، خط نازک */
.cc-input, .cv-input, .ebp-page-wrapper .modern-input, .ts-page-wrapper .modern-input {
    min-height: 48px; box-sizing: border-box; font-size: 16px; border-width: 1px; border-radius: 12px;
}
.ebp-page-wrapper .mt-4, .ts-page-wrapper .mt-4 { margin-top: 12px; }

/* جستجوهای قرصی همیشه‌پیدا (قیمت پایه، آمار) با نماد ذره‌بین */
#ebpSearchInput, #tsSearchInput {
    padding: 0 44px 0 18px !important;
    /* !important: قواعد بخش هر صفحه (پایین‌تر) با shorthand پس‌زمینه را بازنویسی می‌کنند */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566A75' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 16px center !important; background-size: 18px !important;
}
#ebpSearchInput::-webkit-search-cancel-button, #tsSearchInput::-webkit-search-cancel-button { margin-left: 4px; }

/* برچسب فقط برای صفحه‌خوان (جستجوهای همیشه‌پیدا) */
.ebp-filter-group--search label, .ts-filter-group--search label, .circulars-wrapper .form-group label {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

/* ===================== محاسبه‌گر حقوق و عوارض ===================== */
.cc-page { padding-bottom: 96px; } /* جا برای نوار جمع پرداختی */
.cc-layout { margin-top: 0; gap: 12px; }
.cc-form { gap: 12px; }
.cc-card__head { align-items: center; gap: 10px; margin-bottom: 14px; padding-bottom: 0; border-bottom: none; }
.cc-card__head > div { min-width: 0; }
.cc-step {
    width: 28px; height: 28px; box-shadow: none; background: var(--sk-primary-soft); color: var(--sk-primary);
    font-size: var(--fs-xs); font-weight: 800;
}
.cc-card__title { font-size: var(--fs-md); font-weight: 800; color: var(--sk-ink); }
.cc-card__subtitle { margin-top: 2px; }
.cc-grid { gap: 14px; }
.cc-field label { font-size: var(--fs-xs); font-weight: 700; color: var(--sk-ink); }
.cc-hint { font-size: 12px; }
.cc-input-group .cc-input { border-radius: 0 12px 12px 0; }
.cc-input-group__unit, .cc-input-group__select, .cc-input-group__btn {
    min-height: 48px; box-sizing: border-box; border-width: 1px; border-right: none; border-radius: 12px 0 0 12px;
}
.cc-input-group__select { font-size: 16px; }
.cc-search { margin-bottom: 12px; }
.cc-search__results { border-radius: 14px; }
.cc-search__item { min-height: 52px; }
.cc-selected { padding: 12px; border-radius: 14px; }

/* سوییچ‌ها: فهرست تنظیمات (متن راست، کلید چپ) */
.cc-toggles {
    grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 16px;
    border: 1px solid var(--sk-line); border-radius: 14px; overflow: hidden;
}
.cc-toggle {
    min-height: 52px; padding: 10px 14px; border: none; border-radius: 0; background: var(--sk-surface);
    font-size: var(--fs-sm); line-height: 1.7;
}
.cc-toggle + .cc-toggle { border-top: 1px solid var(--sk-line); }
.cc-toggle > span:last-child { order: 1; flex: 1; }
.cc-toggle__box { order: 2; width: 44px; height: 26px; border-radius: 13px; background: var(--sk-line); }
.cc-toggle__box::after { top: 3px; right: 3px; width: 20px; height: 20px; box-shadow: 0 1px 3px rgba(15, 37, 48, 0.25); }
.cc-toggle input:checked + .cc-toggle__box { background: var(--sk-primary); }
.cc-toggle input:checked + .cc-toggle__box::after { transform: translateX(-18px); }

/* نتیجه */
.cc-results { scroll-margin-top: calc(var(--sk-appbar-h) + var(--sk-safe-top) + 12px); }
.cc-card__head--results { margin-bottom: 12px; }
.cc-btn-icon { width: 44px; height: 44px; }
.cc-total { padding: 16px; border-radius: 16px; background: var(--sk-primary); box-shadow: none; }
.cc-total__value { font-size: 1.6rem; }
.cc-summary {
    grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 12px;
    border: 1px solid var(--sk-line); border-radius: 14px; overflow: hidden;
}
.cc-summary__tile {
    flex-direction: row; align-items: center; justify-content: space-between; gap: 12px;
    padding: 12px 14px; border: none; border-radius: 0; background: var(--sk-surface);
}
.cc-summary__tile + .cc-summary__tile { border-top: 1px solid var(--sk-line); }
.cc-summary__tile span { font-size: var(--fs-xs); }
.cc-summary__tile strong { font-size: var(--fs-sm); font-weight: 800; }
.cc-notes__item { border-radius: 12px; }

/* ریز محاسبه: ردیف فهرستی (عنوان | مبلغ، نحوه‌ی محاسبه زیرش) به‌جای جدول چهارستونه */
.cc-table-wrap { margin-top: 12px; border-color: var(--sk-line); border-radius: 14px; overflow: hidden; }
.cc-table, .cc-table tbody { display: block; }
.cc-table thead { display: none; }
.cc-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 11px 14px; }
.cc-table tr + tr { border-top: 1px solid var(--sk-line); }
.cc-table td { padding: 0; border: none; background: none !important; }
.cc-table td:first-child { display: none; }
.cc-table td:nth-child(2) { grid-column: 1; grid-row: 1; font-size: var(--fs-sm); font-weight: 600; line-height: 1.7; }
.cc-table .cc-table__formula { grid-column: 1 / -1; grid-row: 2; font-size: 12px; line-height: 1.7; }
.cc-table .cc-table__amount { grid-column: 2; grid-row: 1; font-size: var(--fs-sm); }
.cc-table tr.cc-row--cif { background: var(--sk-primary-soft); }
.cc-table tr.cc-row--total { background: var(--sk-success-soft); color: var(--sk-success); }
.cc-table tr.cc-row--total td { color: var(--sk-success); font-weight: 800; }

/* نوار جمع پرداختی بالای نوار پایین؛ وقتی کارت نتیجه دیده می‌شود کنار می‌رود */
.cc-mbar {
    position: fixed; left: 12px; right: 12px; bottom: calc(var(--sk-bottomnav-h) + var(--sk-safe-bottom) + 10px); z-index: 850;
    display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 16px; box-sizing: border-box;
    border: none; border-radius: 16px; background: var(--sk-primary-deep); color: #FFFFFF; box-shadow: var(--sk-shadow-md);
    font-family: inherit; text-align: right; cursor: pointer;
    opacity: 0; visibility: hidden; transform: translateY(12px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
}
html.cc-has-result:not(.cc-results-in-view) .cc-mbar { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.cc-mbar__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.cc-mbar__text small { font-size: 12px; opacity: 0.8; }
.cc-mbar__text strong { font-size: 1.05rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.cc-mbar__go {
    display: inline-flex; align-items: center; gap: 4px; min-height: 36px; padding: 0 12px; border-radius: 10px;
    background: rgba(255, 255, 255, 0.14); font-size: var(--fs-xs); font-weight: 700; white-space: nowrap;
}
.cc-mbar__go .icon { width: 16px; height: 16px; }

/* ===================== تبدیل ارز ===================== */
.cv-layout { margin-top: 0; gap: 12px; }
.cv-card__head { margin-bottom: 14px; padding-bottom: 0; border-bottom: none; }
.cv-card__title { font-size: var(--fs-md); font-weight: 800; color: var(--sk-ink); }
.cv-converter .cv-card__subtitle { display: none; }
.cv-field label { font-size: var(--fs-xs); font-weight: 700; color: var(--sk-muted); }
.cv-input--num { min-height: 56px; font-size: 1.35rem; font-weight: 800; }
.cv-input-group .cv-input { border-radius: 0 12px 12px 0; }
.cv-input-group__unit { border-width: 1px; border-right: none; border-radius: 12px 0 0 12px; }
/* مبدأ و مقصد زیر هم؛ دکمه‌ی جابه‌جایی (↕) کنارشان */
.cv-pair { grid-template-columns: minmax(0, 1fr) 44px; grid-template-rows: auto auto; gap: 10px; align-items: end; margin-top: 14px; }
.cv-pair > .cv-field:first-child { grid-column: 1; grid-row: 1; }
.cv-pair > .cv-field:last-child { grid-column: 1; grid-row: 2; }
.cv-swap {
    grid-column: 2; grid-row: 1 / span 2; align-self: center; width: 44px; height: 44px; margin: 22px 0 0;
    border: 1px solid var(--sk-primary-soft-border); background: var(--sk-primary-soft);
}
.cv-swap:hover { transform: none; }
.cv-swap:active { background: var(--sk-primary); color: #FFFFFF; }
.cv-result { margin-top: 16px; padding: 16px; border-radius: 16px; background: var(--sk-primary); box-shadow: none; }
.cv-result__to { font-size: 1.6rem; }
.cv-error { border-radius: 12px; }
/* ریال/تومان: دو گزینه‌ی کنار هم */
.cv-unit-toggle { display: grid; grid-template-columns: auto 1fr 1fr; align-items: center; gap: 6px; margin-top: 14px; }
.cv-unit-toggle > span { padding-left: 4px; }
.cv-unit-toggle label {
    position: relative; justify-content: center; min-height: 40px; border-radius: 10px;
    background: var(--sk-ground); color: var(--sk-muted); font-weight: 700;
}
.cv-unit-toggle label:has(input:checked) { background: var(--sk-primary-soft); color: var(--sk-primary); }
.cv-unit-toggle label:has(input:focus-visible) { outline: 2px solid var(--sk-primary-light); outline-offset: 2px; }
.cv-unit-toggle input { position: absolute; opacity: 0; pointer-events: none; }
/* نرخ‌ها */
.cv-card__head--rates { flex-direction: column; align-items: stretch; gap: 10px; }
.cv-search input { min-height: 44px; border-color: transparent; border-radius: 12px; background: var(--sk-ground); }
.cv-search input:focus { border-color: var(--sk-primary-soft-border); }
.cv-refresh { border-radius: 12px; }
.cv-stale { border-radius: 12px; }
.cv-table tr.cv-row { min-height: 62px; padding: 10px 0; border-bottom: 1px solid var(--sk-line); }
.cv-table tr.cv-row:last-child { border-bottom: none; }
.cv-row:active { background: var(--sk-ground); }
.cv-symbol { width: 38px; height: 38px; }
.cv-cur-name { font-size: var(--fs-sm); font-weight: 700; }
.cv-cell-rate { font-size: var(--fs-sm); font-weight: 800; }

/* ===================== قیمت پایه صادراتی ===================== */
/* جستجو همیشه دیده می‌شود و «فیلترها» کنارش؛ بقیه‌ی فیلترها با باز کردن زیرشان */
.ebp-page-wrapper [data-sk-filter-card] {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px;
    margin-top: 0; padding: 0 !important; border: none; border-radius: 0; background: transparent;
}
.ebp-page-wrapper [data-sk-filter-card] .box-header,
.ebp-page-wrapper [data-sk-filter-card] .sk-filter-body,
.ebp-page-wrapper [data-sk-filter-card].is-open .sk-filter-body { display: contents; }
.ebp-page-wrapper [data-sk-filter-card] .box-header-titles { display: none; }
.ebp-page-wrapper .ebp-filter-group--search { grid-column: 1; grid-row: 1; }
.ebp-page-wrapper #ebpSearchInput { border-color: var(--sk-line); border-radius: 999px; background: var(--sk-surface); padding: 0 18px; }
.ebp-page-wrapper [data-sk-filter-card] .sk-filter-toggle {
    grid-column: 2; grid-row: 1; flex: none; min-height: 48px; padding: 0 14px;
    border-color: var(--sk-line); border-radius: 999px; background: var(--sk-surface); font-size: var(--fs-sm);
}
.ebp-page-wrapper [data-sk-filter-card] .sk-filter-toggle__chev { display: none; }
.ebp-page-wrapper [data-sk-filter-card] .ebp-filter-group:not(.ebp-filter-group--search),
.ebp-page-wrapper #ebpResetFilters, .ebp-page-wrapper #ebpActiveCodeFilter { grid-column: 1 / -1; }
.ebp-page-wrapper [data-sk-filter-card]:not(.is-open) .ebp-filter-group:not(.ebp-filter-group--search),
.ebp-page-wrapper [data-sk-filter-card]:not(.is-open) #ebpResetFilters { display: none; }
.ebp-page-wrapper .ebp-filter-group label { font-size: var(--fs-xs); font-weight: 700; color: var(--sk-ink); }
.ebp-page-wrapper .ebp-filter-group .modern-input { background: var(--sk-surface); }
.ebp-page-wrapper #ebpResetFilters { order: 10; justify-content: center; min-height: 44px; border-radius: 12px; }
.ebp-page-wrapper #ebpActiveCodeFilter { order: 5; justify-self: start; margin: 0; }
.ebp-loading-overlay { margin-top: 12px; padding: 28px; border-radius: 16px; }
/* سه شاخص در یک نوار */
.ebp-kpi-grid {
    margin-top: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0;
    border: 1px solid var(--sk-line); border-radius: 16px; background: var(--sk-surface); overflow: hidden;
}
.ebp-kpi-grid:empty { display: none; }
.ebp-kpi-card { gap: 2px; padding: 12px; border: none; border-radius: 0; box-shadow: none; }
.ebp-kpi-card + .ebp-kpi-card { border-right: 1px solid var(--sk-line); }
.ebp-kpi-card__icon { display: none; }
.ebp-kpi-card__value { font-size: var(--fs-md); font-weight: 800; }
/* فهرست: ردیف‌های تمام‌عرض با جداکننده */
.ebp-table tbody { gap: 0; margin: 0 -16px; }
.ebp-table tbody tr { gap: 4px 12px; padding: 12px 16px; border: none; border-radius: 0; }
.ebp-table tbody tr + tr { border-top: 1px solid var(--sk-line); }
.ebp-table .ebp-code-cell, .ebp-table .ebp-no-code { min-height: 26px; padding: 0 8px !important; border-radius: 8px; font-size: var(--fs-xs); }
.ebp-table .ebp-name-cell { font-size: var(--fs-sm); font-weight: 600; line-height: 1.75; }
.ebp-table .ebp-num-cell, .ebp-table .ebp-cur-cell { padding-top: 0 !important; border-top: none !important; }
.ebp-table .ebp-cur-cell { align-self: center; font-size: var(--fs-xs); }
.ebp-pagination { margin-top: 12px; }
.ebp-page-btn { border-radius: 12px; }

/* ===================== آمار واردات / صادرات ===================== */
/* جستجو + دکمه‌ی «فیلترها» در یک ردیف؛ سال‌ها و فهرست‌ها با باز کردن */
.ts-page-wrapper .ts-filters {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px;
    margin-top: 0; padding: 0 !important; border: none; border-radius: 0; background: transparent;
}
.ts-page-wrapper .ts-filters .box-header,
.ts-page-wrapper .ts-filters .ts-filters__body,
.ts-page-wrapper .ts-filters.is-open .ts-filters__body,
.ts-page-wrapper .ts-filters .ts-filters__grid { display: contents; }
.ts-page-wrapper .ts-filters .box-header-titles { display: none; }
.ts-page-wrapper .ts-filter-group--search { grid-column: 1; grid-row: 1; }
.ts-page-wrapper #tsSearchInput { border-color: var(--sk-line); border-radius: 999px; background: var(--sk-surface); padding: 0 18px; }
.ts-page-wrapper #tsFiltersToggle {
    grid-column: 2; grid-row: 1; flex: none; min-height: 48px; padding: 0 14px;
    border-color: var(--sk-line); border-radius: 999px; background: var(--sk-surface); font-size: var(--fs-sm);
}
.ts-page-wrapper #tsFiltersToggle .ts-filters-toggle__chev { display: none; }
.ts-page-wrapper .ts-filter-block,
.ts-page-wrapper .ts-filter-group:not(.ts-filter-group--search),
.ts-page-wrapper #tsResetFilters { grid-column: 1 / -1; }
.ts-page-wrapper .ts-filters:not(.is-open) .ts-filter-block,
.ts-page-wrapper .ts-filters:not(.is-open) .ts-filter-group:not(.ts-filter-group--search),
.ts-page-wrapper .ts-filters:not(.is-open) #tsResetFilters { display: none; }
.ts-page-wrapper .ts-filter-block { margin: 2px 0 0; }
.ts-page-wrapper .ts-filter-label, .ts-page-wrapper .ts-filter-group label { font-size: var(--fs-xs); font-weight: 700; color: var(--sk-ink); }
.ts-page-wrapper .ts-filter-group .modern-input { background: var(--sk-surface); }
.ts-year-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px 2px; scrollbar-width: none; }
.ts-year-chips::-webkit-scrollbar { display: none; }
.ts-year-chip { flex-shrink: 0; min-height: 40px; padding: 0 16px; background: var(--sk-surface); }
.ts-page-wrapper #tsResetFilters { order: 10; justify-content: center; min-height: 44px; border-radius: 12px; }
.ts-loading-overlay { margin-top: 12px; padding: 28px; border-radius: 16px; }
/* شاخص‌ها: یک کارت با خانه‌های ۲ ستونه */
.ts-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0;
    border: 1px solid var(--sk-line); border-radius: 16px; background: var(--sk-surface); overflow: hidden;
}
.ts-kpi-grid:empty { display: none; }
.ts-kpi-card { flex-direction: row; align-items: center; gap: 10px; padding: 12px; border: none; border-radius: 0; box-shadow: none; }
.ts-kpi-card:nth-child(even) { border-right: 1px solid var(--sk-line); }
.ts-kpi-card:nth-child(n+3) { border-top: 1px solid var(--sk-line); }
.ts-kpi-card__icon { width: 34px; height: 34px; border-radius: 10px; }
.ts-kpi-card__icon .icon { width: 17px; height: 17px; }
.ts-kpi-card__value { font-size: var(--fs-sm); font-weight: 800; line-height: 1.5; }
.ts-kpi-card__label { font-size: 12px; line-height: 1.5; }
/* روند */
.ts-page-wrapper .modern-card .box-header { align-items: flex-start; }
.ts-metric-toggle {
    width: 100%; box-sizing: border-box; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px;
    padding: 4px; border: none; border-radius: 12px; background: var(--sk-line);
}
.ts-metric-btn { min-height: 38px; padding: 0; border-radius: 9px; font-weight: 700; }
.ts-metric-btn.active { background: var(--sk-surface); color: var(--sk-primary); box-shadow: var(--sk-shadow-sm); }
.ts-inflation-note, .ts-trend-note { align-items: flex-start; border-radius: 12px; line-height: 1.8; }
.ts-inflation-note .icon, .ts-trend-note .icon { margin-top: 4px !important; }
.ts-trend-bar { background: var(--sk-primary); }
/* تفکیک‌ها */
.ts-breakdown-grid { gap: 12px; }
.ts-page-wrapper .info-box .box-title { margin: 0 0 12px; padding: 0; border: none; font-size: var(--fs-sm); font-weight: 800; }
.ts-page-wrapper .info-box .box-title .icon { display: none; }
.ts-page-wrapper .bar-chart-row__fill { background: var(--sk-primary); }
/* جدول جزئیات → ردیف‌های تمام‌عرض */
.ts-table tbody { gap: 0; margin: 0 -16px; }
.ts-table tbody tr { gap: 4px 12px; padding: 12px 16px; border: none; border-radius: 0; }
.ts-table tbody tr + tr { border-top: 1px solid var(--sk-line); }
.ts-code-link { min-height: 30px; padding: 0 8px; border-radius: 8px; font-size: var(--fs-xs); }
.ts-table td.ts-title-cell { font-size: var(--fs-sm); font-weight: 600; line-height: 1.75; }
.ts-table .ts-num-cell { padding-top: 0; border-top: none; font-size: var(--fs-xs); }
.ts-pagination { margin-top: 12px; }
.ts-page-btn { border-radius: 12px; }
.ts-source-note { margin-top: 12px; }

/* ===================== تحلیل کشورها: فهرست ===================== */
.ct-toolbar { margin: 0 0 12px; gap: 10px; }
.ct-tabs { gap: 4px; padding: 4px; border: none; border-radius: 12px; background: var(--sk-line); }
.ct-tab { min-height: 40px; border-radius: 9px; font-weight: 700; }
.ct-tab.is-active { background: var(--sk-surface); color: var(--sk-primary); box-shadow: var(--sk-shadow-sm); }
.ct-search input { min-height: 48px; border-color: var(--sk-line); border-radius: 999px; background: var(--sk-surface); }
.ct-check {
    align-self: flex-start; min-height: 38px; padding: 0 14px; border: 1px solid var(--sk-line); border-radius: 999px;
    background: var(--sk-surface); font-size: var(--fs-xs); font-weight: 700;
}
.ct-check:has(input:checked) { border-color: var(--sk-primary-soft-border); background: var(--sk-primary-soft); color: var(--sk-primary); }
.ct-check input { width: 16px; height: 16px; }
.ct-list { gap: 0; border: 1px solid var(--sk-line); border-radius: 16px; background: var(--sk-surface); overflow: hidden; }
.ct-row { min-height: 64px; padding: 12px 14px; border: none; border-radius: 0; background: transparent; }
.ct-row + .ct-row { border-top: 1px solid var(--sk-line); }
.ct-row:hover { box-shadow: none; }
.ct-row:active { background: var(--sk-ground); }
.ct-row__rank, .ct-row:nth-child(-n+3) .ct-row__rank {
    width: 24px; height: auto; border: none; background: none; color: var(--sk-muted); font-size: var(--fs-xs);
}
.ct-row:nth-child(-n+3) .ct-row__rank { color: var(--sk-accent-text); font-weight: 800; }
.ct-flag { width: 36px; height: 26px; border-radius: 5px; }
.ct-row__name { display: block; font-weight: 700; } /* ستاره‌ی «شاخص» کنار نام، نه در سطر جدا */
.ct-row__name small { display: block; }
.ct-row__value strong { font-weight: 800; }
.ct-list .ct-empty { border: none; border-radius: 0; background: none; }
.ct-more { border-radius: 12px; }

/* ===================== تحلیل کشورها: صفحه‌ی کشور ===================== */
.ct-breadcrumb { display: none; }
.ct-profile { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 14px; }
.ct-profile__body { display: contents; }
.ct-profile__flag { width: 64px; height: 44px; border-radius: 8px; }
.ct-profile__title-row { flex: 1; min-width: 0; flex-direction: column; align-items: flex-start; gap: 2px; }
.ct-profile__title { font-size: 1.3rem; font-weight: 800; line-height: 1.5; }
.ct-profile__en { font-size: var(--fs-xs); }
.ct-facts {
    flex-basis: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px;
    margin-top: 2px; padding-top: 12px; border-top: 1px solid var(--sk-line);
}
.ct-facts > span { display: flex; flex-direction: column; gap: 1px; min-width: 0; font-size: var(--fs-sm); font-weight: 700; line-height: 1.6; }
.ct-facts b { font-size: 12px; font-weight: 400; }
.ct-facts__pending { grid-column: 1 / -1; font-weight: 400 !important; }
.ct-profile__summary { flex-basis: 100%; margin: 0; }
.ct-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.ct-kpi { gap: 4px; padding: 12px; border: 1px solid var(--sk-line); border-radius: 16px; box-shadow: none; }
.ct-kpi--import .ct-kpi__label::before, .ct-kpi--export .ct-kpi__label::before {
    content: ''; display: inline-block; width: 8px; height: 8px; margin-left: 6px; border-radius: 50%; background: var(--sk-primary);
}
.ct-kpi--export .ct-kpi__label::before { background: var(--sk-success); }
.ct-kpi__label { line-height: 1.6; }
.ct-kpi__value { font-size: var(--fs-md); font-weight: 800; overflow-wrap: anywhere; }
.ct-kpi__value:has(.ct-kpi__sep) { direction: rtl; text-align: right; font-size: var(--fs-sm); line-height: 1.8; }
.ct-kpi__meta { font-size: 11.5px; line-height: 1.7; }
.ct-card { margin-top: 12px; }
.ct-card__head { gap: 10px; margin-bottom: 12px; padding-bottom: 0; border-bottom: none; }
.ct-card__title { font-size: var(--fs-md); font-weight: 800; line-height: 1.6; }
.ct-card__subtitle { line-height: 1.7; }
.ct-controls { width: 100%; }
.ct-seg {
    width: 100%; box-sizing: border-box; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px;
    padding: 4px; border: none; border-radius: 12px; background: var(--sk-line);
}
.ct-seg__btn { min-height: 40px; padding: 0 6px; border-radius: 9px; font-weight: 700; line-height: 1.4; }
.ct-seg__btn.is-active { background: var(--sk-surface); color: var(--sk-primary); box-shadow: var(--sk-shadow-sm); }
.ct-seg--wrap { display: flex; flex-wrap: wrap; }
.ct-seg--wrap .ct-seg__btn { flex: 1 1 auto; }
.ct-select { min-height: 44px; font-size: 16px; border-radius: 12px; }
.ct-btn { min-height: 44px; border-radius: 12px; }
.ct-grid-2 { gap: 10px; }
.ct-panel, .ct-places__group, .ct-rec { padding: 14px; border: none; border-radius: 14px; background: var(--sk-ground); }
.ct-mini { border: none; border-radius: 12px; background: var(--sk-ground); }
.ct-customs-item, .ct-mirror__row { border-color: var(--sk-line); border-radius: 10px; }
/* جدول کامل کالاها → ردیف‌های تمام‌عرض */
.ct-page .ct-table tbody { gap: 0; }
.ct-page .ct-table tr { gap: 4px 12px; padding: 12px 0; border: none; border-radius: 0; background: transparent; }
.ct-page .ct-table tr + tr { border-top: 1px solid var(--sk-line); }
.ct-page .ct-table .ct-code { min-height: 30px; padding: 0 8px; border-radius: 8px; font-size: var(--fs-xs); }
.ct-page .ct-table .ct-table__customs, .ct-page .ct-table .ct-num--usd { padding-top: 0; border-top: none !important; }
.ct-pager__btn { border-radius: 12px; }

/* ===================== بخشنامه‌ها: فهرست ===================== */
.circulars-wrapper { padding: 12px 16px 24px; }
.circulars-wrapper .container { padding: 0; }
.circulars-wrapper .white-card { margin-bottom: 12px; border-color: var(--sk-line); border-radius: 18px; box-shadow: none; }
.circulars-wrapper .filter-section { padding: 14px; }
.circulars-wrapper .filter-header { margin-bottom: 10px; }
.circulars-wrapper .section-title { display: flex; align-items: center; gap: 6px; font-size: var(--fs-md); font-weight: 800; color: var(--sk-ink); }
.circulars-wrapper .btn-reset { min-height: 36px; border-radius: 10px; }
.circulars-wrapper .filter-form { gap: 10px; }
.circulars-wrapper .input-with-icon input { min-height: 48px; border-color: var(--sk-line); border-radius: 12px; background: var(--sk-ground); }
.circulars-wrapper .btn-submit { height: 48px; border-radius: 12px; }
.circulars-wrapper .btn-submit:hover { transform: none; }
/* هر بخشنامه یک ردیف: عنوان (پیوند به جزئیات)، شماره و تاریخ، دکمه‌ی دانلود */
.circulars-wrapper .circulars-grid {
    display: block; margin-top: 0; border: 1px solid var(--sk-line); border-radius: 18px; background: var(--sk-surface); overflow: hidden;
}
.circulars-wrapper .modern-circular-card {
    display: grid; grid-template-columns: minmax(0, 1fr) 44px; grid-template-areas: "title action" "meta action";
    align-items: center; gap: 4px 12px; padding: 14px 16px; border: none; border-radius: 0; box-shadow: none;
}
.circulars-wrapper .modern-circular-card + .modern-circular-card { border-top: 1px solid var(--sk-line); }
.circulars-wrapper .modern-circular-card:hover { transform: none; box-shadow: none; }
.circulars-wrapper .modern-circular-card::before { display: none; }
.circulars-wrapper .card-header-modern { grid-area: title; min-height: 0; margin: 0; }
.circulars-wrapper .modern-title { padding: 0; font-size: var(--fs-sm); font-weight: 700; color: var(--sk-ink); line-height: 1.75; }
.circulars-wrapper .card-body-modern { grid-area: meta; flex-direction: row; flex-wrap: wrap; gap: 0; margin: 0; }
.circulars-wrapper .info-row { display: inline-flex; flex-direction: row-reverse; justify-content: flex-start; gap: 4px; padding: 0; border: none; }
.circulars-wrapper .info-row + .info-row::after { content: '·'; margin: 0 8px; color: var(--sk-muted); }
.circulars-wrapper .info-label, .circulars-wrapper .info-value { font-size: var(--fs-xs); font-weight: 500; color: var(--sk-muted); }
.circulars-wrapper .card-footer-modern { grid-area: action; }
.circulars-wrapper .download-button {
    width: 44px; height: 44px; padding: 0; gap: 0; border-radius: 12px;
    background: var(--sk-primary-soft); color: var(--sk-primary);
}
.circulars-wrapper .download-button:hover { background: var(--sk-primary); color: #FFFFFF; }
.circulars-wrapper .download-button .sk-ico { font-size: 20px; }
.circulars-wrapper .download-button.disabled { background: var(--sk-ground); color: var(--sk-muted); opacity: 0.7; }
.circulars-wrapper .download-button__text {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.circulars-wrapper .circulars-grid .empty-state { margin: 0; border: none; border-radius: 0; }

/* ===================== بخشنامه‌ها: جزئیات ===================== */
.circular-detail-wrapper { padding: 12px 0 24px; }
.circular-detail-wrapper .breadcrumb { display: none; }
.circular-detail-wrapper nav[aria-label="breadcrumb"] { margin: 0 !important; }
.circular-detail-wrapper .circular-header { margin-bottom: 12px; padding-bottom: 0; border-bottom: none; }
.circular-detail-wrapper .circular-title { font-size: 1.2rem; font-weight: 800; line-height: 1.75; }
.circular-detail-wrapper .circular-actions .btn { border: 1px solid var(--sk-line); border-radius: 12px; background: var(--sk-surface); }
.circular-detail-wrapper .circular-meta-card, .circular-detail-wrapper .circular-content-card {
    border: 1px solid var(--sk-line) !important; border-radius: 18px; box-shadow: none;
}
.circular-detail-wrapper .circular-meta-card { padding: 4px 16px; }
.circular-detail-wrapper .meta-item:not(:last-child) { border-bottom: 1px solid var(--sk-line) !important; }
.circular-detail-wrapper .circular-file-card__actions .btn { border-radius: 12px; }

/* ===================== حساب کاربری ===================== */
.profile-page { padding: 12px 16px 24px; background: transparent; }
.profile-page .profile-shell { gap: 12px; }
/* سرصفحه: کارت سفید با آواتار و نام وسط‌چین */
.profile-page .profile-hero { padding: 20px 16px 16px; border: 1px solid var(--sk-line); border-radius: 20px; background: var(--sk-surface); box-shadow: none; color: var(--sk-ink); }
.profile-page .profile-hero__decor { display: none; }
.profile-page .profile-hero__row { flex-direction: column; align-items: stretch; gap: 16px; }
.profile-page .profile-hero__identity { flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.profile-page .profile-hero .avatar-ring { width: 84px; height: 84px; padding: 3px; background: var(--sk-primary-soft); box-shadow: none; }
.profile-page .profile-name { margin: 0 0 6px; font-size: 1.25rem; font-weight: 800; color: var(--sk-ink); }
.profile-page .profile-hero__chips { justify-content: center; gap: 6px; }
.profile-page .profile-hero .chip { background: var(--sk-ground); color: var(--sk-muted); backdrop-filter: none; }
.profile-page .profile-hero .chip--vip { background: var(--sk-success-soft); color: var(--sk-success); }
.profile-page .btn--onhero { min-height: 46px; border: none; border-radius: 14px; background: var(--sk-primary-soft); color: var(--sk-primary); }
.profile-page .btn--onhero:hover { background: var(--sk-primary-soft); }
/* ترتیب: اطلاعات تماس، اشتراک، تاریخچه */
.profile-page .profile-columns { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.profile-page .profile-columns__main { display: contents; }
.profile-page .profile-columns__side { position: static; order: 2; }
.profile-page .info-grid { order: 1; }
.profile-page .history-panel { order: 3; }
/* اطلاعات تماس: فهرست گروهی */
.profile-page .info-grid { grid-template-columns: minmax(0, 1fr); gap: 0; border: 1px solid var(--sk-line); border-radius: 18px; background: var(--sk-surface); overflow: hidden; }
.profile-page .info-item { gap: 12px; padding: 12px 14px; border: none; border-radius: 0; box-shadow: none; }
.profile-page .info-item:hover { transform: none; box-shadow: none; }
.profile-page .info-item + .info-item { border-top: 1px solid var(--sk-line); }
.profile-page .info-item__icon { width: 38px; height: 38px; border-radius: 11px; }
.profile-page .info-item__icon .icon { width: 19px; height: 19px; }
.profile-page .info-item__value { font-size: var(--fs-sm); font-weight: 700; }
.profile-page .info-item__copy { width: 40px; height: 40px; border: none; border-radius: 10px; }
/* کارت‌ها */
.profile-page .card-panel { padding: 16px; border-color: var(--sk-line); border-radius: 18px; box-shadow: none; }
.profile-page .section-title, .profile-page .subsection-title {
    gap: 8px; margin: 0 0 12px; padding-bottom: 0; border-bottom: none; font-size: var(--fs-md); font-weight: 800;
}
.profile-page .title-icon { width: 30px; height: 30px; border-radius: 9px; }
.profile-page .title-icon .icon { width: 16px; height: 16px; }
.profile-page .vip-status-card { padding: 14px; border-radius: 14px; gap: 12px; }
.profile-page .vip-progress { width: 100%; }
.profile-page .vip-status-card .btn { min-height: 46px; border-radius: 12px; }
/* تاریخچه: ردیف‌های گروهی (نه کارت‌های جدا) */
.profile-page .history-table tbody tr { margin: 0; padding: 2px 0; border: none; border-radius: 0; }
.profile-page .history-table tbody tr + tr { border-top: 1px solid var(--sk-line); }
.profile-page .history-table td { padding: 7px 0; border-bottom: none; font-size: var(--fs-sm); }
.profile-page .no-data { padding: 24px 8px; }
/* ویرایش: سرصفحه (آواتار و نام تکراری) کنار می‌رود و فرم از بالای صفحه شروع می‌شود */
.profile-page .profile-shell:has(#profile-edit-mode:not(.hidden)) .profile-hero { display: none; }
.profile-page .avatar-uploader .avatar-ring { width: 88px; height: 88px; }
.profile-page .password-fieldset { padding: 14px; border-radius: 14px; }
.profile-page .form-control { min-height: 48px; font-size: 16px; border-radius: 12px; }
.profile-page .form-actions .btn { min-height: 48px; border-radius: 12px; }

}