/* =====================================================================
   ui-polish.css — ڕازاندنەوەی یەکگرتووی کارت/خشتە/کۆکان
   بۆ هەموو پەیجەکانی لیست (بیمە، بەیعانە، قەرزدار، خەرجی، داهات،
   پسووڵە، سامان، کەسەکان …). لە _Layout بانگ دەکرێت — پێویست نییە
   لە هەر پەیجێکدا دووبارە بنووسرێت.
   ===================================================================== */

/* ---------- کارت ---------- */
.ins-card { border: 1px solid #eceff5 !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(16,24,40,.04) !important; }
.ins-card > .card-header { background: linear-gradient(180deg,#fbfcff,#f6f8fd) !important; border-bottom: 1px solid #eef1f7 !important; padding: .85rem 1.1rem !important; }

.ins-sec-title { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #28324a; margin: 0; }
.ins-sec-title i { color: #4f46e5; font-size: 15px; }
.ins-sec-title .cnt { background: #eef1ff; color: #4f46e5; border-radius: 20px; font-size: 11.5px; font-weight: 600; padding: 1px 9px; }

/* ---------- فلتەر ---------- */
.ins-filter .card-body { padding: 14px 16px !important; }
.ins-filter .form-label { font-size: 12px; color: #8a94a0; margin-bottom: 3px; font-weight: 500; }
.ins-filter .form-group { margin-bottom: 0; }
.ins-filter .form-control, .ins-filter .form-select { height: 36px; font-size: 13px; }
.ins-filter .row { --bs-gutter-x: .75rem; }
.ins-filter .select2-container { width: 100% !important; }
.ins-filter .select2-container--default .select2-selection--single,
.ins-filter .select2-container--default .select2-selection--multiple { min-height: 36px; border-color: #ced4da; }
.ins-filter .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 34px; font-size: 13px; }

/* ---------- گەڕانی خێرا ---------- */
.ins-search { position: relative; }
.ins-search input { height: 38px; font-size: 13px; padding-inline-start: 34px; }
.ins-search i { position: absolute; inset-inline-start: 12px; top: 11px; color: #aeb5c4; font-size: 13px; }

/* ---------- خشتە ---------- */
.ins-tbl { margin-bottom: 0; }
.ins-tbl thead th { background: #f7f8fc !important; color: #5f6b83 !important; font-size: 12px !important; font-weight: 600 !important;
                    border-top: none !important; border-bottom: 1px solid #e8ebf3 !important; white-space: nowrap; padding: 10px !important; }
.ins-tbl tbody td { font-size: 12.5px !important; color: #39415a; border-top: 1px solid #f1f3f8 !important; padding: 9px 10px !important; vertical-align: middle; }
.ins-tbl tbody tr:first-child td { border-top: none !important; }
.ins-tbl tbody tr:hover td { filter: brightness(.985); }

/* ڕەنگی دۆخ: لێوارێکی ڕەنگین + تینتێکی زۆر سووک، نەک داپۆشینی تەواوی ڕیز */
.ins-tbl tbody tr td:first-child { border-inline-start: 4px solid var(--rc, transparent) !important; }
@supports (background: color-mix(in srgb, red 20%, white)) {
    .ins-tbl tbody tr[style*="--rc"] td { background: color-mix(in srgb, var(--rc) 26%, #fff); }
}

.ins-tbl td.num, .ins-tbl td.price { font-variant-numeric: tabular-nums; font-weight: 600; color: #28324a; white-space: nowrap; }
.ins-tbl .btn-sm { font-size: 11.5px !important; padding: 3px 9px !important; border-radius: 20px !important; }
.ins-tbl td.acts { white-space: nowrap; }
.ins-tbl td.acts .btn { margin-inline-start: 2px; }

/* بەجی بەهای ڕەنگین (وەک «ماوە»ی قەرزدار) — ڕەنگ لە سێرڤەرەوە دێت */
.rem-chip { display: inline-block; border-radius: 20px; padding: 2px 12px; font-weight: 700;
            font-variant-numeric: tabular-nums; background: var(--rb, #f1f3f8); color: #28324a;
            border: 1px solid rgba(0,0,0,.06); }

/* ڕیزی سەرگروپ لە ناو خشتەدا (وەک لیستی دەستگەیشتن) */
.ins-tbl td.grp-row { background: #eef1ff !important; color: #4f46e5 !important; font-weight: 700 !important;
                      font-size: 12.5px !important; letter-spacing: .2px; }

.ins-empty { text-align: center; color: #aeb5c4; padding: 34px 0; font-size: 13px; }
.ins-empty i { display: block; font-size: 28px; opacity: .35; margin-bottom: 6px; }

/* سکرۆڵی باریک */
.ins-card .table-responsive::-webkit-scrollbar { height: 8px; }
.ins-card .table-responsive::-webkit-scrollbar-track { background: #f2f4f9; border-radius: 8px; }
.ins-card .table-responsive::-webkit-scrollbar-thumb { background: #cdd4e4; border-radius: 8px; }
.ins-card .table-responsive::-webkit-scrollbar-thumb:hover { background: #b3bcd2; }

/* ---------- کۆکان (KPI) ---------- */
.ins-cur { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 12.5px; font-weight: 600; color: #5f6b83; }
.ins-cur .badge-cur { border-radius: 20px; padding: 2px 12px; font-size: 12px; font-weight: 700; }
.ins-cur .cur-usd { background: #e9f7ef; color: #146c43; }
.ins-cur .cur-iqd { background: #eef1ff; color: #4f46e5; }
.ins-cur:after { content: ''; flex: 1; height: 1px; background: #eef1f7; }

/* خانەی KPI — هەم لە ناو .ins-kpis (flex) کار دەکات، هەم لە ناو گریدی بووتستراپ (col-*) */
.ins-kpi { background: #fafbfe; border: 1px solid #eef1f7; border-radius: 12px; padding: 11px 12px; text-align: center; }

/* کۆنتێینەری flex: 2 تا 6 خانە هەموو جوان دابەش دەبن */
.ins-kpis { display: flex; flex-wrap: wrap; gap: 10px; }
.ins-kpis > .ins-kpi { flex: 1 1 155px; max-width: 300px; }

/* لە ناو ستوونی بووستراپ: پانیی تەواو + بۆشایی خوارەوە */
[class*="col-"] > .ins-kpi { margin-bottom: 10px; }

/* شێوەی نوێ (.k-l / .k-v) */
.ins-kpi .k-l { font-size: 11.5px; color: #8a93a8; font-weight: 500; margin-bottom: 5px; min-height: 30px;
                display: flex; align-items: center; justify-content: center; line-height: 1.35; }
.ins-kpi .k-v { font-size: 16px; font-weight: 700; color: #28324a; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* شێوەی کۆن (welcome-text → ins-kpi): h5ی یەکەم = ناونیشان، h5.card-title = بەها */
.ins-kpi h5 { margin: 0; }
.ins-kpi h5:first-child { font-size: 11.5px; color: #8a93a8; font-weight: 500; margin-bottom: 5px; min-height: 30px;
                          display: flex; align-items: center; justify-content: center; line-height: 1.35; }
.ins-kpi h5.card-title { font-size: 16px; font-weight: 700; color: #28324a; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---------- کارتی کۆی گشتی (ڕاپۆرتەکانی CRM) ---------- */
.ins-total-card { border: none !important; border-radius: 14px !important;
                  background: linear-gradient(90deg,#eef1ff,#f7f9ff) !important; }
.ins-total-num { font-size: 34px; font-weight: 700; color: #4f46e5; line-height: 1;
                 font-variant-numeric: tabular-nums; }

/* ---------- بەجی دۆخ ---------- */
.badge-open { background: #e7f7ee; color: #198754; border: 1px solid #b8e6cd; }
.badge-closed { background: #f1f3f5; color: #6c757d; border: 1px solid #e0e3e6; }
.ins-pill { background: #eef1ff; color: #4f46e5; border-radius: 20px; padding: 2px 10px; font-size: 12px; }

.ins-kpi.k-total { background: #f4f2ff; border-color: #e2ddfb; }
.ins-kpi.k-total .k-v, .ins-kpi.k-total h5.card-title { color: #4f46e5; }
.ins-kpi.k-ret { background: #fff9ef; border-color: #f7e8cd; }
.ins-kpi.k-ret .k-v, .ins-kpi.k-ret h5.card-title { color: #b26a00; }
.ins-kpi.k-rem { background: #f1fbf5; border-color: #d3f0de; }
.ins-kpi.k-rem .k-v, .ins-kpi.k-rem h5.card-title { color: #146c43; }

/* =====================================================================
   بەشی داشبۆرد — پێشتر لە ناو Views/Home/Index.cshtml بوو
   ===================================================================== */
    /* ---------- ڕازاندنەوەی داشبۆرد ---------- */
    .dash-card { border:1px solid #eceff5 !important; border-radius:14px !important; box-shadow:0 1px 2px rgba(16,24,40,.04) !important; overflow:hidden; transition:box-shadow .18s ease, transform .18s ease; }
    .dash-card:hover { box-shadow:0 8px 22px rgba(16,24,40,.08) !important; transform:translateY(-2px); }

    .dash-card > .card-header { background:linear-gradient(180deg,#fbfcff,#f6f8fd) !important; border-bottom:1px solid #eef1f7 !important; }
    .dash-card .card-title { font-size:15px !important; font-weight:600 !important; color:#28324a !important; display:flex; align-items:center; gap:8px; }
    .dash-card .card-title i { color:#4f46e5; font-size:16px; }
    .dash-card .card-title .cnt { background:#eef1ff; color:#4f46e5; border-radius:20px; font-size:11.5px; font-weight:600; padding:1px 9px; }

    /* دگمەی «بینینی هەموو» بچووکتر و کەمتر بەرچاو */
    .dash-more { border:1px solid #cfe8d8 !important; background:#f2fbf5 !important; color:#198754 !important;
                 border-radius:20px !important; font-size:12px !important; font-weight:500 !important; padding:5px 14px !important;
                 min-width:auto !important; width:auto !important; box-shadow:none !important; }
    .dash-more:hover { background:#198754 !important; color:#fff !important; border-color:#198754 !important; }

    .dash-card .card-body { padding:12px 14px 14px !important; }

    /* خشتەکان */
    .dash-card table { margin-bottom:0; }
    .dash-card thead th { background:#f7f8fc !important; color:#5f6b83 !important; font-size:12px !important; font-weight:600 !important;
                          border-top:none !important; border-bottom:1px solid #e8ebf3 !important; white-space:nowrap; padding:9px 10px !important; }
    .dash-card tbody td { font-size:12.5px !important; color:#39415a; border-top:1px solid #f1f3f8 !important; padding:9px 10px !important; vertical-align:middle; }
    .dash-card tbody tr:hover td { background:#f9fafd; }
    .dash-card tbody tr:first-child td { border-top:none !important; }

    /* ژمارە و نرخ */
    .dash-card td.num, .dash-card td.price { font-variant-numeric:tabular-nums; font-weight:600; color:#28324a; white-space:nowrap; }

    /* دگمەکانی پەیوەندی */
    .dash-card .btn-sm { font-size:11.5px !important; padding:3px 9px !important; border-radius:20px !important; }

    /* ---------- ئاستی پەلە (کاتی کرێ / نوێکردنەوە) ---------- */
    /* لە جیاتی داپۆشینی تەواوی ڕیز بە ڕەنگ: تینتێکی زۆر سووک + لێواری ڕەنگین */
    .dash-card tbody tr.urg-bad  td { background:#fff7f7; }
    .dash-card tbody tr.urg-warn td { background:#fffdf4; }
    .dash-card tbody tr.urg-ok   td { background:#f8fdf5; }
    .dash-card tbody tr.urg-bad:hover  td { background:#fff0f0; }
    .dash-card tbody tr.urg-warn:hover td { background:#fffbe8; }
    .dash-card tbody tr.urg-ok:hover   td { background:#f2fbec; }
    .dash-card tbody tr.urg-bad  td:nth-child(2) { border-inline-start:3px solid #e8697d; }
    .dash-card tbody tr.urg-warn td:nth-child(2) { border-inline-start:3px solid #e8b339; }
    .dash-card tbody tr.urg-ok   td:nth-child(2) { border-inline-start:3px solid #52b788; }

    /* بەجی ڕۆژی ماوە */
    .dbadge { display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600;
              border-radius:20px; padding:3px 10px; white-space:nowrap; direction:rtl; }
    .db-bad  { background:#fdecef; color:#b02a37; border:1px solid #f5c2c9; }
    .db-warn { background:#fff8e6; color:#996a08; border:1px solid #f7e3ae; }
    .db-ok   { background:#eaf7f0; color:#146c43; border:1px solid #bfe6d1; }

    /* ناو + مۆبایل */
    .pers { line-height:1.35; }
    .pers .nm { display:block; font-size:13px; font-weight:600; color:#28324a; }
    .pers .ph { display:block; font-size:11.5px; color:#8a93a8; direction:ltr; }

    /* هێڵکاری — بەرزیی یەکسان بۆ هەردوو کارت */
    .dash-chart { position:relative; height:260px; }

    /* دۆخی بەتاڵ */
    .dash-empty { text-align:center; color:#aeb5c4; padding:26px 0; font-size:13px; }
    .dash-empty i { display:block; font-size:26px; opacity:.35; margin-bottom:6px; }

    /* ---------- کارتەکانی ئامار (KPI) ---------- */
    .kpi-card { border:1px solid #eceff5 !important; border-radius:14px !important; box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
                position:relative; overflow:hidden; transition:box-shadow .18s ease, transform .18s ease; }
    .kpi-card:hover { box-shadow:0 8px 22px rgba(16,24,40,.09) !important; transform:translateY(-3px); }
    .kpi-card:before { content:''; position:absolute; inset-inline-start:0; top:0; bottom:0; width:4px; background:var(--kpi); }
    .kpi-card .card-body { padding:16px 18px !important; }

    .kpi-row { display:flex; align-items:center; gap:14px; }
    .kpi-ico { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center;
               font-size:22px; color:var(--kpi); background:var(--kpi-bg); flex-shrink:0; }
    .kpi-txt { min-width:0; }
    .kpi-lbl { font-size:12.5px; color:#7b849b; margin:0 0 2px; font-weight:500; }
    .kpi-val { font-size:26px; font-weight:700; color:#222c44; line-height:1.1; margin:0; font-variant-numeric:tabular-nums; }

    .kpi-indigo { --kpi:#4f46e5; --kpi-bg:#eef1ff; }
    .kpi-blue   { --kpi:#0d9dd8; --kpi-bg:#e7f6fd; }
    .kpi-green  { --kpi:#198754; --kpi-bg:#e9f7ef; }
    .kpi-amber  { --kpi:#d97706; --kpi-bg:#fdf3e4; }

    /* ---------- کارتی لق ---------- */
    .brx-card { border:1px solid #eceff5 !important; border-radius:14px !important; box-shadow:0 1px 2px rgba(16,24,40,.04) !important;
                overflow:hidden; transition:box-shadow .18s ease, transform .18s ease; }
    .brx-card:hover { box-shadow:0 8px 22px rgba(16,24,40,.09) !important; transform:translateY(-3px); }
    .brx-head { display:flex; align-items:center; justify-content:center; gap:8px; padding:14px 16px;
                background:linear-gradient(180deg,#f6f4ff,#fbfaff); border-bottom:1px solid #eef1f7; }
    .brx-head i { color:#7356f1; font-size:16px; }
    .brx-name { font-size:16px; font-weight:700; color:#4c36c9; }
    .brx-grid { display:grid; grid-template-columns:repeat(3,1fr); }
    .brx-cell { padding:13px 8px; text-align:center; border-inline-start:1px solid #f1f3f8; }
    .brx-cell:first-child { border-inline-start:none; }
    .brx-lbl { font-size:11.5px; color:#8a93a8; font-weight:500; margin-bottom:5px; display:flex; align-items:center; justify-content:center; gap:5px; }
    .brx-v { font-size:13.5px; font-weight:600; color:#2b3550; font-variant-numeric:tabular-nums; line-height:1.5; }
    .brx-in  .brx-lbl i { color:#198754; }
    .brx-out .brx-lbl i { color:#dc3545; }
    .brx-as  .brx-lbl i { color:#0d9dd8; }

    /* سکرۆڵی باریک بۆ خشتەی پان */
    .dash-card .table-responsive::-webkit-scrollbar { height:8px; }
    .dash-card .table-responsive::-webkit-scrollbar-track { background:#f2f4f9; border-radius:8px; }
    .dash-card .table-responsive::-webkit-scrollbar-thumb { background:#cdd4e4; border-radius:8px; }
    .dash-card .table-responsive::-webkit-scrollbar-thumb:hover { background:#b3bcd2; }

/* =====================================================================
   پەیجی چوونەژوورەوە (Login) — Layout = null، بۆیە ئەم فایلە
   ڕاستەوخۆ لە ناو Views/Login/Index.cshtml بانگ دەکرێت
   ===================================================================== */

/* ---------- فۆڕمی چەپ ---------- */
.auth-form .form-label { font-size: 12.5px; color: #6b7488; font-weight: 500; margin-bottom: 5px; }
.auth-form .form-control { height: 44px; border-radius: 10px; border-color: #e3e7f0; font-size: 13.5px; }
.auth-form .form-control:focus { border-color: #7356f1; box-shadow: 0 0 0 3px rgba(115,86,241,.12); }

/* ئایکۆن لە ناو خانەی ناوی بەکارهێنەر */
.auth-ico { position: relative; }
.auth-ico .form-control { padding-inline-start: 40px; }
.auth-ico i { position: absolute; inset-inline-start: 13px; top: 13px; color: #aeb5c4; font-size: 17px; pointer-events: none; }

.auth-pass-inputgroup .form-control { border-start-end-radius: 0; border-end-end-radius: 0; }
.auth-pass-inputgroup .btn { border: 1px solid #e3e7f0; border-inline-start: none; background: #fff;
                             border-start-start-radius: 0; border-end-start-radius: 0; color: #8a93a8; }
.auth-pass-inputgroup .btn:hover { color: #7356f1; }

/* خانەی کۆدی دڵنیایی */
.auth-form .dntCaptcha, .auth-form .form-group img { border-radius: 8px; }
.auth-form .text-box { height: 42px; border-radius: 10px; border-color: #e3e7f0; font-size: 13.5px; text-align: center; }

.auth-btn { height: 46px; border-radius: 10px; font-size: 14.5px; font-weight: 600;
            box-shadow: 0 4px 14px rgba(115,86,241,.28); }
.auth-btn i { margin-inline-end: 5px; }

/* ---------- ئاڵاکانی زمان ---------- */
.auth-langs .nav-link { padding: 4px; border-radius: 8px; display: inline-block; line-height: 0;
                        border: 2px solid transparent; opacity: .5; transition: all .15s ease; }
.auth-langs .nav-link:hover { opacity: 1; background: #f4f5f9; }
.auth-langs .nav-link.on { opacity: 1; border-color: #7356f1; background: #f4f2ff; }
.auth-langs .flag-pic { width: 26px; border-radius: 3px; }

/* ---------- بەشی ڕاست (هێرۆ) ---------- */
.auth-hero { position: relative; z-index: 2; margin: auto; text-align: center; color: #fff; padding: 24px; max-width: 560px; }
.auth-hero-logo { height: 78px; margin-bottom: 22px; filter: brightness(0) invert(1); opacity: .95; }
.auth-hero-title { font-size: 38px; font-weight: 700; color: #fff; margin: 0 0 10px; line-height: 1.25; }
.auth-hero-sub { font-size: 16px; color: rgba(255,255,255,.82); margin: 0 0 30px; }

.auth-hero-feats { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.auth-hero-feats span { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 500;
                        color: #fff; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22);
                        border-radius: 22px; padding: 7px 16px; backdrop-filter: blur(2px); }
.auth-hero-feats i { font-size: 16px; opacity: .9; }

/* لە مۆبایلدا بەشی ڕاست دەشاردرێتەوە (وەک پێشوو) */
@media (max-width: 767.98px) {
    .auth-hero { display: none; }
}

/* ---------- خانەی وشەی نهێنی لە ناو خشتەدا (چاوی پیشاندان/شاردنەوە) ---------- */
.pw-cell { white-space: nowrap; }
.pw-cell .pw-mask { letter-spacing: 2px; color: #aeb5c4; font-size: 14px; vertical-align: middle; }
.pw-cell .pw-real { font-family: ui-monospace, Consolas, monospace; font-size: 12.5px; font-weight: 600;
                    color: #28324a; letter-spacing: .5px; vertical-align: middle;
                    background: #f4f2ff; border: 1px solid #e2ddfb; border-radius: 6px; padding: 1px 8px;
                    -webkit-user-select: all; user-select: all; }
.pw-cell .pw-eye { border: none; background: transparent; padding: 2px 6px; margin-inline-start: 4px;
                   color: #aeb5c4; font-size: 15px; line-height: 1; cursor: pointer; border-radius: 6px;
                   vertical-align: middle; transition: color .15s ease, background .15s ease; }
.pw-cell .pw-eye:hover { color: #4f46e5; background: #eef1ff; }
.pw-cell .pw-eye.on { color: #4f46e5; }

/* ---------- هەڵبژاردنی جۆری بەکارهێنەر (ئۆفیس / تاکە کەس) ---------- */
.utype { display: flex; gap: 6px; background: #f4f5f9; border: 1px solid #e8ebf3;
         border-radius: 10px; padding: 4px; margin-bottom: 16px; }
.utype button { flex: 1; border: none; background: transparent; border-radius: 7px;
                padding: 8px 10px; font-size: 13px; font-weight: 600; color: #7b849b;
                cursor: pointer; transition: all .15s ease; white-space: nowrap; }
.utype button i { margin-inline-end: 5px; font-size: 13px; opacity: .8; }
.utype button:hover { color: #4f46e5; }
.utype button.on { background: #fff; color: #4f46e5;
                   box-shadow: 0 1px 3px rgba(16,24,40,.10); }

/* =====================================================================
   مۆدالی CRM (داواکاری / خستنەڕوو) — کلاسی .crm-modal
   بیرۆکە: کەمکردنەوەی مەرەکەب، نەک زیادکردنی ڕازاندنەوە.
   گروپکردن بە بۆشایی دەکرێت — لە ناو بەشێک تەنگ، لە نێوان بەشەکان فراوان.
   ===================================================================== */

.crm-modal .modal-content{
  border:none !important;border-radius:14px !important;overflow:hidden;
  box-shadow:0 18px 48px rgba(16,24,40,.16) !important;
}

/* ---------- سەردێر: هەمان تینتی سووکی .ins-card ی سیستەم ---------- */
.crm-modal .modal-header{
  background:linear-gradient(180deg,#fbfcff,#f6f8fd) !important;
  border-bottom:1px solid #eef1f7 !important;padding:14px 22px !important;
}
.crm-modal .modal-title{
  color:#28324a !important;font-size:15px !important;font-weight:600 !important;
  display:flex;align-items:center;gap:9px;
}
.crm-modal .modal-title i{color:#4f46e5;font-size:14px}
.crm-modal .modal-header .btn-close{box-shadow:none !important;opacity:.45}
.crm-modal .modal-header .btn-close:hover{opacity:.8}

/* ---------- لەش ---------- */
/* تینتێکی سووک تا کارتی سپیی گروپەکان دەربکەون */
.crm-modal .modal-body{
  padding:14px 12px 4px !important;background:#f5f7fb;
  max-height:calc(100vh - 220px);overflow-y:auto;
}
.crm-modal .modal-body::-webkit-scrollbar{width:7px}
.crm-modal .modal-body::-webkit-scrollbar-track{background:#f7f8fc}
.crm-modal .modal-body::-webkit-scrollbar-thumb{background:#d7dce8;border-radius:7px}

/* ---------- گروپی خانەکان: کارتێکی سەربەخۆ بۆ هەر بەشێک ----------
   لە ناو .row ی بووتستراپ دادەنیشێت، بۆیە flex-basis ی تەواو پێویستە.
   ڕەنگی هەر گروپێک لە --gc ی ناو style ی خۆیەوە دێت. */
/* ڕیزی دەرەوە: گەتەر و مارجینی نەرێنیی بووتستراپ هەڵدەگرین، ئەگەرنا
   کارتەکان بە flex-basis:100% + مارجین لە ڕیزەکە دەردەچن و دەبڕدرێن. */
.crm-modal .modal-body > .row{--bs-gutter-x:0;margin-inline:0}

.cm-grp{
  flex:0 0 100%;width:100%;
  background:#fff;border:1px solid #e9edf5;border-radius:12px;
  margin:0 0 12px;
  overflow:hidden;
}
.cm-grp:last-child{margin-bottom:4px}

/* سەردێری گروپ — هێڵی ڕەنگین لای سەرەتا (لە RTL: لای ڕاست) */
.cm-hd{
  display:flex;align-items:center;gap:8px;
  padding:9px 13px;background:#f8fafd;
  border-bottom:1px solid #eef1f7;
  border-inline-start:3px solid var(--gc,#7356f1);
  font-size:12px;font-weight:600;color:#4a5568;letter-spacing:.2px;
}
.cm-hd i{color:var(--gc,#7356f1);font-size:12px;flex:0 0 auto}

.cm-bd{padding:13px 13px 3px}
.cm-bd > .row{--bs-gutter-x:1.25rem}

/* ---------- خانەکان ---------- */
.crm-modal .form-group{margin-bottom:11px}
.crm-modal .form-label{
  font-size:11.5px !important;color:#8a93a8 !important;font-weight:500 !important;
  margin-bottom:4px !important;
}
.crm-modal .form-control,
.crm-modal select.form-control{
  height:40px;border-radius:9px;border:1px solid #e5e9f2;background:#fff;
  font-size:13.5px;color:#28324a;box-shadow:none;
}
.crm-modal .form-control:hover{border-color:#d5dbe9}
.crm-modal .form-control:focus{
  border-color:#a99bf5;box-shadow:0 0 0 3px rgba(115,86,241,.10);
}
.crm-modal .form-control::placeholder{color:#c2c8d6}

/* select2 لە ناو مۆدالدا */
.crm-modal .select2-container{width:100% !important}
.crm-modal .select2-container--default .select2-selection--single{
  height:40px;border-radius:9px;border:1px solid #e5e9f2;
}
.crm-modal .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:38px;font-size:13.5px;color:#28324a;padding-inline-start:11px;
}
.crm-modal .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}

/* ---------- پێ ---------- */
.crm-modal .modal-footer{
  background:#fbfcff !important;border-top:1px solid #eef1f7 !important;
  padding:13px 22px !important;
}
.crm-modal .modal-footer .btn{
  height:42px;border-radius:10px;font-size:13.5px;font-weight:600;
}
.crm-modal .modal-footer .btn-success{background:#12b76a;border-color:#12b76a}
.crm-modal .modal-footer .btn-success:hover{background:#0e9f5b;border-color:#0e9f5b}
.crm-modal .modal-footer .btn-outline-dark{border-color:#dfe3ec;color:#6b7488}
.crm-modal .modal-footer .btn-outline-dark:hover{background:#f4f6fa;border-color:#cfd5e2;color:#28324a}

/* ---------- لەسەر شاشەی گەورە فراوانتر ---------- */
@media (min-width:992px){
  .crm-modal .modal-dialog{max-width:720px}
}

/* ---------- «بمێنمە ژوورەوە» لە پەیجی چوونەژوورەوە ----------
   flex-start بەکار دەهێنین نەک پانیی تەواو، تا چێکبۆکس و دەقەکە
   پێکەوە بن — ئەگەرنا لە RTLدا چێکبۆکس دەچێتە قەراغ و دەق دوور دەکەوێتەوە. */
.auth-remember{
  display:flex;align-items:center;justify-content:flex-start;gap:8px;
  margin:20px 0 22px;
}
.auth-remember .form-check-input{
  margin:0;flex:0 0 auto;width:17px;height:17px;cursor:pointer;
  border-color:#ced4da;
}
.auth-remember .form-check-input:checked{background-color:#7356f1;border-color:#7356f1}
.auth-remember .form-check-input:focus{
  border-color:#7356f1;box-shadow:0 0 0 3px rgba(115,86,241,.12);
}
.auth-remember label{
  margin:0;cursor:pointer;font-size:13px;font-weight:600;color:#5f6b83;
  line-height:1.4;user-select:none;
}

/* ---------- لیستی select2 لە ناو مۆدالی CRM ----------
   لیستەکە بە dropdownParent دەچێتە ناو .modal (نەک ناو خانەکە)، تا
   .cm-grp و .modal-body نەیبڕن. لێرە ڕازاندنەوەی دەدرێتێ، ئەگەرنا
   شێوەی خامی select2 دەردەکەوێت — چوارچێوەی ڕەش و شینێکی توند. */
.crm-modal .select2-dropdown{
  border:1px solid #e5e9f2;border-radius:10px;overflow:hidden;
  box-shadow:0 12px 30px rgba(16,24,40,.16);
}
.crm-modal .select2-search--dropdown{padding:8px 8px 4px}
.crm-modal .select2-search--dropdown .select2-search__field{
  height:36px;border:1px solid #e5e9f2 !important;border-radius:8px;
  padding:0 10px;font-family:inherit;font-size:13.5px;color:#28324a;outline:none;
}
.crm-modal .select2-search--dropdown .select2-search__field:focus{
  border-color:#a99bf5 !important;box-shadow:0 0 0 3px rgba(115,86,241,.10);
}
.crm-modal .select2-results__options{max-height:240px}
.crm-modal .select2-results__option{
  font-size:13.5px;color:#39415a;padding:8px 12px;
}
.crm-modal .select2-results__option--highlighted[aria-selected]{
  background:#f4f2ff !important;color:#28324a !important;
}
.crm-modal .select2-results__option[aria-selected=true]{
  background:#eef1ff !important;color:#4f46e5 !important;font-weight:600;
}
.crm-modal .select2-results__option[role=group] .select2-results__group{
  font-size:12px;color:#98a1b3;font-weight:700;
}
/* سکرۆڵی باریک وەک بەشەکانی تر */
.crm-modal .select2-results__options::-webkit-scrollbar{width:7px}
.crm-modal .select2-results__options::-webkit-scrollbar-track{background:#f7f8fc}
.crm-modal .select2-results__options::-webkit-scrollbar-thumb{background:#d7dce8;border-radius:7px}

/* =====================================================================
   ئاماری کەسیی CRM لە داشبۆردی دیسکتۆپ — کلاسەکانی cdash-*
   (وەشانی مۆبایلەکەی لە mobile-app.css دایە؛ ئەمە جیایە چونکە
    گریدەکە فراوانترە و ئایکۆنەکان Font Awesome ـن نەک SVG sprite.)
   ===================================================================== */

/* ---------- خانەکانی کۆ ---------- */
.cdash-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.cdash-kpi{
  position:relative;overflow:hidden;
  background:#fff;border:1px solid #eceff5;border-radius:14px;
  padding:14px 15px 13px;color:#28324a;text-decoration:none;
  display:flex;flex-direction:column;gap:1px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  transition:box-shadow .18s ease, transform .18s ease;
}
.cdash-kpi:hover{
  box-shadow:0 6px 18px rgba(16,24,40,.09);transform:translateY(-1px);color:#28324a;
}
.cdash-kpi:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--kc,#7356f1)}
.cdash-kpi > i{
  position:absolute;inset-inline-end:13px;top:13px;
  font-size:17px;color:var(--kc,#7356f1);opacity:.3;
}
.cdash-kpi .v{font-size:26px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.cdash-kpi .l{font-size:12.5px;color:#8a93a8;font-weight:600}
.cdash-kpi .d{
  margin-top:6px;font-size:11px;font-weight:700;
  color:var(--kc,#7356f1);background:#f4f2ff;
  border-radius:20px;padding:2px 9px;align-self:flex-start;
}
.cdash-kpi .d.hot{color:#b02a37;background:#fdecef}

/* ---------- چارتی مانگانە ---------- */
.cdash-legend{
  display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px;
  padding-bottom:11px;border-bottom:1px solid #eef1f7;
}
.cdash-legend span{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#8a93a8}
.cdash-legend i{width:9px;height:9px;border-radius:3px;flex:0 0 auto}

.cdash-mrow{display:flex;align-items:center;gap:12px;padding:7px 0}
.cdash-mrow + .cdash-mrow{border-top:1px solid #f6f8fc}
.cdash-mrow.now .mname{color:#4f46e5;font-weight:700}
.cdash-mrow .mname{
  flex:0 0 96px;font-size:12px;font-weight:600;color:#5f6b83;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cdash-mrow .mbars{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.cdash-mrow .mbar{display:flex;align-items:center;gap:8px;height:10px}
.cdash-mrow .mbar i{height:8px;border-radius:20px;min-width:2px;transition:width .3s ease}
.cdash-mrow .mbar b{font-size:11px;font-weight:700;color:#5f6b83;font-variant-numeric:tabular-nums;flex:0 0 auto}

/* ---------- قۆناغەکان ---------- */
.cdash-stg + .cdash-stg{margin-top:14px;padding-top:13px;border-top:1px solid #f1f3f8}
.cdash-stg .stg-h{display:block;font-size:12px;font-weight:700;color:#8a93a8;margin-bottom:10px}
.cdash-stg .stg-i{
  display:inline-flex;align-items:center;gap:7px;
  background:#f7f8fc;border-radius:20px;padding:4px 11px;margin:0 0 7px 7px;
  font-size:12px;font-weight:600;color:#28324a;
}
.cdash-stg .stg-i i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.cdash-stg .stg-i b{font-variant-numeric:tabular-nums;color:#5f6b83}

/* ---------- سەرچاوەکان ---------- */
.cdash-src{display:flex;align-items:center;gap:12px;padding:8px 0}
.cdash-src + .cdash-src{border-top:1px solid #f6f8fc}
.cdash-src .src-n{
  flex:0 0 110px;font-size:12.5px;font-weight:600;color:#28324a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cdash-src .src-b{flex:1;min-width:0;height:8px;background:#f1f3f9;border-radius:20px;overflow:hidden}
.cdash-src .src-b i{display:block;height:100%;border-radius:20px;background:#7356f1;min-width:3px}
.cdash-src b{font-size:12px;font-weight:700;color:#5f6b83;font-variant-numeric:tabular-nums;flex:0 0 auto}

/* ---------- شاشەی بچووکتر ---------- */
@media (max-width:1199.98px){ .cdash-kpis{grid-template-columns:repeat(3,1fr)} }
@media (max-width:767.98px){  .cdash-kpis{grid-template-columns:repeat(2,1fr)} }
@media (max-width:479.98px){  .cdash-kpis{grid-template-columns:1fr} }

/* =====================================================================
   خانەی «زانیاری زیاتر» لە خشتەکاندا
   دەقە درێژەکان خشتەکە بەرەو لا پەل دەکێشن، بۆیە کورت دەکرێنەوە و
   چاوێک دەخرێتە تەنیشتیان بۆ نیشاندانی تەواوی دەق.
   ===================================================================== */
/* max-width لەسەر <td> کاری ناکات: خشتەی table-layout:auto پانیی
   ستوون لە ناوەڕۆکەوە وەردەگرێت و max-width پشتگوێ دەخات. بۆیە
   سنوورەکە دەخەینە سەر divـی ناوەوە، کە بلۆکێکی ئاساییە. */
.ins-note .nt{display:flex;align-items:center;gap:7px;min-width:0;max-width:280px}
.ins-note .nt-t{
  flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#5f6b83;
}
.ins-note .nt-eye{
  flex:0 0 auto;width:26px;height:26px;padding:0;
  border:1px solid #e8ebf3;background:#fff;border-radius:7px;
  color:#aeb5c4;cursor:pointer;display:grid;place-items:center;
  font-size:11.5px;transition:color .15s ease, border-color .15s ease;
}
.ins-note .nt-eye:hover,
.ins-note .nt-eye:focus{color:#4f46e5;border-color:#ddd8fb;background:#f7f6ff;outline:none}

/* تووڵتیپ — دەقی درێژ دەبێت بشکێت، نەک بۆ یەک هێڵی زۆر درێژ */
.nt-tip{--bs-tooltip-max-width:340px}
.nt-tip .tooltip-inner{
  max-width:340px;text-align:start;
  background:#28324a;color:#fff;
  font-size:12.5px;line-height:1.8;padding:9px 12px;border-radius:9px;
  white-space:normal;word-break:break-word;
}
.nt-tip .tooltip-arrow:before{border-top-color:#28324a}

@media (max-width:767.98px){
  .ins-note .nt{max-width:150px}
}
/* =====================================================================
   دیالۆگی CRM (SweetAlert) — دوو جۆر:
     .crm-del-pop   سڕینەوە   (سوور، ئایکۆنی تەنەکەی خۆڵ)
     .crm-edit-pop  دەستکاری  (مۆر،  ئایکۆنی پێنووس)

   هەردووکیان .crm-dlg بەکار دەهێنن بۆ قاڵب و خانەکان.
   ===================================================================== */

/* ---------- قاڵب ---------- */
.crm-dlg{
  width:400px !important;max-width:calc(100vw - 32px);
  border-radius:16px !important;padding:0 0 20px !important;
  box-shadow:0 24px 60px rgba(16,24,40,.22) !important;
}

/* ئایکۆنی گەورەی SweetAlert لادەبرێت — سەردێری خۆمان جێگای دەگرێتەوە */
.crm-dlg .swal2-icon{display:none !important}

.crm-dlg .swal2-title{
  display:flex;align-items:center;gap:10px;
  margin:0 !important;padding:16px 20px !important;
  border-start-start-radius:16px;border-start-end-radius:16px;
  font-size:15.5px !important;font-weight:700 !important;
  text-align:start !important;line-height:1.6;
}
.crm-dlg .swal2-title:before{
  content:'';flex:0 0 auto;width:32px;height:32px;border-radius:10px;
  background-position:center;background-size:17px;background-repeat:no-repeat;
}

.crm-dlg .swal2-html-container{
  margin:16px 20px 0 !important;padding:0 !important;
  text-align:start !important;overflow:visible !important;
}

/* ---------- خانەکان ----------
   ئاگاداری: SweetAlert خانەی inputـی خۆی دەکاتە منداڵی ڕاستەوخۆی
   popup، نەک ناو html-container. بۆیە مارجینی دەستی دەدرێتێ تا
   لەگەڵ لەیبڵ و ئاگاداری ڕێک بێت.

   ★ display بە زۆر ناگۆڕدرێت: ئەو خانەیەی SweetAlert بەکاری
     ناهێنێت display:none ـە، و ئەگەر بە !important بیگۆڕین
     خانەیەکی بەتاڵ لە دیالۆگدا دەردەکەوێت. */
.crm-dlg .swal2-input{
  box-sizing:border-box;
  width:calc(100% - 40px) !important;margin:0 20px !important;
  height:44px;border-radius:10px;border:1px solid #e3e7f0;background:#fbfcff;
  font-family:inherit;font-size:14px;color:#28324a;
  padding:0 40px 0 12px;box-shadow:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aeb5c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:16px;background-position:right 13px center;
}
html[dir="ltr"] .crm-dlg .swal2-input{padding:0 12px 0 40px;background-position:left 13px center}

/* خانەی ناو htmlـی خۆمان (وەک ژمارەی مۆبایل) — بێ ئایکۆنی قوفڵ */
.crm-dlg .crm-fld{
  box-sizing:border-box;width:100%;height:44px;
  border-radius:10px;border:1px solid #e3e7f0;background:#fbfcff;
  font-family:inherit;font-size:14px;color:#28324a;
  padding:0 12px;margin:0 0 14px;outline:none;
}
.crm-dlg .crm-fld:focus,
.crm-dlg .swal2-input:focus{
  border-color:#7356f1;background-color:#fff;
  box-shadow:0 0 0 3px rgba(115,86,241,.12);
}
.crm-dlg .swal2-input::placeholder{color:#c2c8d6;letter-spacing:2px}
.crm-dlg .crm-fld::placeholder{color:#c2c8d6}

.crm-dlg .crm-del-lbl{
  font-size:11.5px;font-weight:600;color:#8a93a8;text-align:start;margin:0 0 5px;
}
.crm-dlg .crm-del-warn{
  background:#fff8e6;border:1px solid #f7e3b8;border-radius:11px;
  padding:11px 12px;margin-bottom:16px;
  font-size:12.5px;line-height:1.85;color:#8a5a00;text-align:start;
}

.crm-dlg .swal2-validation-message{
  margin:10px 20px 0 !important;border-radius:9px;
  font-size:12.5px;background:#fdecef;color:#b02a37;
}
.crm-dlg .swal2-validation-message:before{display:none}

/* ---------- دگمەکان ---------- */
.crm-dlg .swal2-actions{margin:18px 20px 0 !important;width:auto !important;display:flex;gap:9px}
.crm-dlg .swal2-actions button{
  flex:1 1 0;margin:0 !important;height:44px;border-radius:11px;
  font-family:inherit;font-size:14px;font-weight:700;box-shadow:none !important;
}
.crm-dlg .swal2-cancel{
  background:#fff !important;color:#5f6b83 !important;border:1px solid #e3e7f0 !important;
}
.crm-dlg .swal2-cancel:hover{background:#f4f6fa !important;color:#28324a !important}

/* ---------- جۆری سڕینەوە: سوور ---------- */
.crm-del-pop .swal2-title{
  background:linear-gradient(135deg,#fdecef,#fff5f6);
  border-bottom:1px solid #f7d7dc;color:#b02a37 !important;
}
.crm-del-pop .swal2-title:before{
  background-color:#f8d7da;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b02a37' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E");
}
.crm-del-pop .swal2-confirm{background:#d92d20 !important;border:none !important}
.crm-del-pop .swal2-confirm:hover{background:#b42318 !important}

/* ---------- جۆری دەستکاری: مۆر ---------- */
.crm-edit-pop .swal2-title{
  background:linear-gradient(135deg,#f4f2ff,#faf9ff);
  border-bottom:1px solid #e2ddfb;color:#4c36c9 !important;
}
.crm-edit-pop .swal2-title:before{
  background-color:#e6e1fd;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234c36c9' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");
}
.crm-edit-pop .swal2-confirm{background:#7356f1 !important;border:none !important}
.crm-edit-pop .swal2-confirm:hover{background:#5b41d6 !important}

/* ---------- ژمارەی مۆبایلی قوفڵکراو + دگمەی گۆڕین ---------- */
.mob-lock{display:flex;align-items:stretch;gap:0}

/* ★ flex:1 پێویستە — بەبێ ئەو، خانەکە بەپێی ناوەڕۆکی خۆی بچووک
   دەبێتەوە و وەک بۆکسێکی بەتاڵ دەردەکەوێت لە تەنیشت دگمەکە. */
.mob-lock .form-control{
  flex:1 1 auto;min-width:0;
  border-start-start-radius:0;border-end-start-radius:0;
  background:#f7f8fc;color:#5f6b83;cursor:default;
}
.mob-lock .form-control:focus{box-shadow:none;border-color:#e3e7f0}
.mob-lock .mob-edit{
  flex:0 0 auto;width:42px;
  border:1px solid #e3e7f0;border-inline-end:none;
  border-start-end-radius:0;border-end-end-radius:0;
  border-start-start-radius:.25rem;border-end-start-radius:.25rem;
  background:#fff;color:#8a93a8;cursor:pointer;
  display:grid;place-items:center;font-size:12.5px;
  transition:color .15s ease, background .15s ease;
}
.mob-lock .mob-edit:hover{background:#f4f2ff;color:#4f46e5;border-color:#ddd8fb}

/* ---------- نیشانی کۆ لە تەنیشت ناونیشانی پەیج ----------
   پێشتر کارتێکی گەورە بوو لە خوارەوەی پەیجەکە — دوای خشتەکە،
   واتە دەبوو سکرۆڵ بکرێت بۆ بینینی. لێرەوە هەمیشە دیارە. */
.ttl-count{
  display:inline-flex;align-items:center;gap:9px;
  background:#f4f2ff;border:1px solid #e2ddfb;border-radius:12px;
  padding:7px 14px 7px 12px;
}
.ttl-count i{color:#7356f1;font-size:15px;flex:0 0 auto}
.ttl-count .lbl{font-size:12px;font-weight:600;color:#6b62a8}
.ttl-count .val{
  font-size:20px;font-weight:700;color:#4f46e5;line-height:1;
  font-variant-numeric:tabular-nums;
}

/* لەگەڵ دگمەکانی تر لە page-title-right ڕێک دەبێت */
.page-title-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

@media (max-width:575.98px){
  .ttl-count{width:100%;justify-content:space-between}
}


/* =====================================================================
   گالری — /Gallery
   ===================================================================== */

/* ---------- ناوچەی ئەپلۆد ---------- */
.gal-drop{
  border:2px dashed #d5dbe9;border-radius:14px;background:#fbfcff;
  padding:26px 20px;text-align:center;cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
.gal-drop:hover,.gal-drop.over{border-color:#7356f1;background:#f7f6ff}
.gal-drop > i{font-size:34px;color:#a99bf5;display:block;margin-bottom:8px}
.gal-drop-t{font-size:14px;font-weight:700;color:#28324a}
.gal-drop-s{font-size:12px;color:#8a93a8;margin-top:4px}

/* ---------- پێشکەوتنی ئەپلۆد ---------- */
.gal-progress{margin-top:14px}
.gal-progress-bar{height:8px;background:#eef1f7;border-radius:20px;overflow:hidden}
.gal-progress-bar i{display:block;height:100%;width:0;background:#7356f1;border-radius:20px;transition:width .15s ease}
.gal-progress-txt{font-size:12px;color:#5f6b83;margin-top:6px;text-align:center}

/* ---------- نواری حیز ---------- */
.gal-storage{margin-top:18px;padding-top:16px;border-top:1px solid #eef1f7}
.gal-storage-head{display:flex;justify-content:space-between;font-size:12.5px;color:#5f6b83;margin-bottom:7px}
.gal-storage-head b{color:#28324a;font-variant-numeric:tabular-nums}
.gal-storage-bar{height:10px;background:#eef1f7;border-radius:20px;overflow:hidden}
.gal-storage-bar i{display:block;height:100%;background:#12b76a;border-radius:20px;transition:width .3s ease}
.gal-storage-bar i.hot{background:#d92d20}

/* ---------- تۆڕی فایلەکان ---------- */
.gal-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;
}
.gal-item{
  border:1px solid #eceff5;border-radius:12px;overflow:hidden;background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.gal-thumb{
  position:relative;display:block;aspect-ratio:1/1;background:#f4f6fa;overflow:hidden;
}
.gal-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gal-vid{
  position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(135deg,#3a3550,#28243b);color:#fff;
}
.gal-vid i{font-size:28px;opacity:.9}
.gal-badge{
  position:absolute;inset-inline-start:8px;top:8px;
  background:rgba(40,50,74,.82);color:#fff;border-radius:6px;
  font-size:10px;font-weight:700;padding:2px 7px;text-transform:uppercase;
}
.gal-meta{padding:8px 10px 4px}
.gal-name{
  display:block;font-size:12px;font-weight:600;color:#28324a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.gal-size{display:block;font-size:11px;color:#8a93a8;font-variant-numeric:tabular-nums;margin-top:1px}
.gal-acts{display:flex;border-top:1px solid #f1f3f8}
.gal-btn{
  flex:1;border:none;background:#fff;color:#8a93a8;cursor:pointer;
  height:36px;display:grid;place-items:center;font-size:13px;text-decoration:none;
  border-inline-start:1px solid #f1f3f8;transition:color .12s ease, background .12s ease;
}
.gal-btn:first-child{border-inline-start:none}
.gal-btn:hover{background:#f7f6ff;color:#4f46e5}
.gal-btn.ok{color:#12b76a}
.gal-btn.del:hover{background:#fdecef;color:#d92d20}

/* ---------- خانەی URL + دگمەی «گالری» لە فۆڕمی واتساپ ---------- */
.wg-pick{display:flex;gap:0}
.wg-pick input{
  flex:1 1 auto;min-width:0;
  border-start-end-radius:0 !important;border-end-end-radius:0 !important;
}
.wg-pick-btn{
  flex:0 0 auto;white-space:nowrap;border:1px solid #7356f1;
  border-inline-start:none;background:#7356f1;color:#fff;cursor:pointer;
  border-start-end-radius:.25rem;border-end-end-radius:.25rem;
  padding:0 12px;font-size:12.5px;font-weight:600;
  display:inline-flex;align-items:center;gap:6px;
}
.wg-pick-btn:hover{background:#5b41d6;border-color:#5b41d6}

/* ---------- پەنجەرەی هەڵبژاردن لە گالری ---------- */
.galpick-ov{
  position:fixed;inset:0;z-index:2000;background:rgba(16,24,40,.45);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.galpick-box{
  width:560px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 24px 60px rgba(16,24,40,.28);
}
.galpick-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid #eef1f7;
  font-size:15px;font-weight:700;color:#28324a;
  background:linear-gradient(180deg,#fbfcff,#f6f8fd);
}
.galpick-x{border:none;background:transparent;font-size:24px;line-height:1;color:#8a93a8;cursor:pointer}
.galpick-x:hover{color:#28324a}
.galpick-body{padding:16px 18px;overflow-y:auto}
.galpick-empty{text-align:center;color:#8a93a8;padding:30px 10px;font-size:13px;line-height:2}
.galpick-empty a{color:#4f46e5;font-weight:600}
.galpick-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;
}
.galpick-item{
  border:1px solid #eceff5;border-radius:11px;overflow:hidden;background:#fff;
  cursor:pointer;padding:0;text-align:start;transition:border-color .12s ease, box-shadow .12s ease;
}
.galpick-item:hover{border-color:#a99bf5;box-shadow:0 4px 14px rgba(115,86,241,.18)}
.galpick-item img,.galpick-vid{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.galpick-vid{display:grid;place-items:center;background:linear-gradient(135deg,#3a3550,#28243b);color:#fff}
.galpick-vid i{font-size:24px;opacity:.9}
.galpick-nm{
  display:block;padding:6px 8px;font-size:11px;color:#39415a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}