﻿/* =====================================================================
   KARAD — تم روز/شب پنل کاربری
   این فایل باید بعد از bracket6.css (و بعد از هر css دیگر صفحه) لود شود.
   حالت از html[data-theme] خوانده می‌شود.
   پالت: بنفش کاراد #b094cc، کرم #fbf9f6، گوشه‌های تیز.
   ===================================================================== */

html[data-theme] {
  color-scheme: light;
  --pn-bg: #f5f2ee;
  --pn-surface: #ffffff;
  --pn-surface-2: #fbf9f6;
  --pn-ink: #111111;
  --pn-ink-2: #4d4d4d;
  --pn-ink-3: #767676;
  --pn-line: #e6e6e6;
  --pn-line-strong: #d2d2d2;
  --pn-gold: #8c6cb0;
  --pn-gold-2: #b094cc;
  --pn-gold-3: #d9c9e8;
  --pn-grad: linear-gradient(180deg, #b094cc, #b094cc);
  --pn-on-gold: #111111;
  --pn-gold-soft: rgba(176, 148, 204, .14);
  --pn-band: #111111;
  --pn-band-2: #1c1a1f;
  --pn-band-ink: #f4f0f8;
  --pn-band-ink-2: #b9b2c2;
  --pn-shadow: 0 1px 2px rgba(17, 17, 17, .04), 0 4px 16px rgba(17, 17, 17, .05);
  --pn-ring: 0 0 0 3px rgba(176, 148, 204, .35);
  --pn-ok: #1f7a45; --pn-ok-soft: #e3f3ea; --pn-ok-ink: #17603a;
  --pn-bad: #b3343f; --pn-bad-soft: #fbe7e9; --pn-bad-ink: #8f2530;
  --pn-warn: #a9680b; --pn-warn-soft: #fcefd3; --pn-warn-ink: #7f500c;
  --pn-info-soft: #f4f0f8; --pn-info-ink: #5e4780;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --pn-bg: #0b0a0d;
  --pn-surface: #151317;
  --pn-surface-2: #1d1a21;
  --pn-ink: #f4f0f8;
  --pn-ink-2: #b9b2c2;
  --pn-ink-3: #857e90;
  --pn-line: rgba(176, 148, 204, .17);
  --pn-line-strong: rgba(176, 148, 204, .36);
  --pn-gold: #c5aedd;
  --pn-gold-2: #b094cc;
  --pn-gold-3: #d9c9e8;
  --pn-gold-soft: rgba(176, 148, 204, .12);
  --pn-band: #0d0b10;
  --pn-band-2: #17141c;
  --pn-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 26px rgba(0, 0, 0, .45);
  --pn-ring: 0 0 0 3px rgba(176, 148, 204, .35);
  --pn-ok: #2e9e63; --pn-ok-soft: rgba(46, 158, 99, .16); --pn-ok-ink: #7fdcab;
  --pn-bad: #d9505c; --pn-bad-soft: rgba(217, 80, 92, .16); --pn-bad-ink: #f19aa2;
  --pn-warn: #e1a13a; --pn-warn-soft: rgba(225, 161, 58, .16); --pn-warn-ink: #f0c47a;
  --pn-info-soft: rgba(176, 148, 204, .12); --pn-info-ink: #d9c9e8;
}

/* ---------- پایه ---------- */
html[data-theme], html[data-theme] body { background: var(--pn-bg) !important; color: var(--pn-ink); }
html[data-theme] body.bg-light { background: var(--pn-bg) !important; }
html[data-theme] a { color: var(--pn-gold); }
html[data-theme] a:hover { color: var(--pn-gold-2); }
html[data-theme] hr { border-color: var(--pn-line); }
html[data-theme] ::selection { background: var(--pn-gold-2); color: var(--pn-on-gold); }
html[data-theme] .tx-inverse, html[data-theme] .text-dark, html[data-theme] .tx-gray-800, html[data-theme] .tx-gray-900,
html[data-theme] .tx-black, html[data-theme] h1, html[data-theme] h2, html[data-theme] h3, html[data-theme] h4,
html[data-theme] h5, html[data-theme] h6 { color: var(--pn-ink) !important; }
html[data-theme] .tx-gray-600, html[data-theme] .tx-gray-700, html[data-theme] .text-muted, html[data-theme] .tx-gray,
html[data-theme] .tx-gray-500 { color: var(--pn-ink-2) !important; }
html[data-theme] .text-primary, html[data-theme] .tx-primary, html[data-theme] .tx-info, html[data-theme] .tx-teal { color: var(--pn-gold) !important; }
html[data-theme] .text-success, html[data-theme] .tx-success { color: var(--pn-ok-ink) !important; }
html[data-theme] .text-danger, html[data-theme] .tx-danger { color: var(--pn-bad) !important; }
html[data-theme="dark"] .text-danger, html[data-theme="dark"] .tx-danger { color: var(--pn-bad-ink) !important; }
html[data-theme] .tx-12.tx-gray-600 { color: var(--pn-ink-3) !important; }

/* ---------- هدر ---------- */
html[data-theme] .br-header { background: var(--pn-surface); box-shadow: none; border-bottom: 1px solid var(--pn-line); }
html[data-theme] .br-header .nav-link, html[data-theme] .nav-link-profile, html[data-theme] .logged-name { color: var(--pn-ink-2); }
html[data-theme] .nav-link-profile:hover, html[data-theme] .nav-link-profile:focus { color: var(--pn-gold); }
html[data-theme] .navicon-left, html[data-theme] .navicon-right { border-color: var(--pn-line) !important; }
html[data-theme] .navicon-left a, html[data-theme] .navicon-right a { color: var(--pn-ink-2); }
html[data-theme] .navicon-left a:hover, html[data-theme] .navicon-right a:hover { color: var(--pn-gold); }
html[data-theme] .br-header .dropdown-menu, html[data-theme] .dropdown-menu {
  background: var(--pn-surface); border: 1px solid var(--pn-line); box-shadow: var(--pn-shadow); color: var(--pn-ink);
}
html[data-theme] .dropdown-item { color: var(--pn-ink); }
html[data-theme] .dropdown-item:hover, html[data-theme] .dropdown-item:focus { background: var(--pn-gold-soft); color: var(--pn-gold); }
html[data-theme] .dropdown-divider { border-color: var(--pn-line); }
html[data-theme] .logged-fullname { color: var(--pn-ink) !important; }
html[data-theme] .user-profile-nav li a { color: var(--pn-ink-2); }
html[data-theme] .user-profile-nav li a:hover, html[data-theme] .user-profile-nav li a:focus { color: var(--pn-gold); background: var(--pn-gold-soft); }

/* دکمه روز/شب */
.pn-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; margin: 0 4px; padding: 0; border-radius: 0;
  border: 1px solid var(--pn-line-strong, #d2d2d2); background: var(--pn-surface-2, #fbf9f6);
  color: var(--pn-gold, #8c6cb0); cursor: pointer; line-height: 1; font-size: 18px;
  transition: background .2s, border-color .2s, color .2s;
}
.pn-theme-toggle:hover { border-color: var(--pn-gold-2, #b094cc); background: var(--pn-gold-soft, rgba(176,148,204,.14)); }
.pn-theme-toggle:focus-visible { outline: 0; box-shadow: var(--pn-ring); }
.pn-theme-toggle .is-sun { display: none; }
.pn-theme-toggle .is-moon { display: inline-flex; }
html[data-theme="dark"] .pn-theme-toggle .is-sun { display: inline-flex; }
html[data-theme="dark"] .pn-theme-toggle .is-moon { display: none; }
.pn-theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pn-theme-toggle--float { position: fixed; top: 14px; left: 14px; z-index: 50; }
.br-header-right { display: flex; align-items: center; }

/* ---------- لوگو و منوی کناری ---------- */
html[data-theme] .br-logo { background: var(--pn-band); box-shadow: none; border-color: rgba(176, 148, 204, .2) !important; border-bottom: 1px solid rgba(176, 148, 204, .2); }
html[data-theme] .br-logo > a { color: var(--pn-band-ink); }
html[data-theme] .br-logo > a i { color: var(--pn-gold-3); }
html[data-theme] .br-sideleft { background: var(--pn-band); border-inline-start: 1px solid rgba(176, 148, 204, .12); }
html[data-theme] .br-menu-link { color: var(--pn-band-ink-2); }
html[data-theme] .br-menu-link .menu-item-icon, html[data-theme] .br-menu-link i { color: inherit; }
html[data-theme] .br-menu-link:hover, html[data-theme] .br-menu-link:focus { color: var(--pn-gold-3); background: rgba(176, 148, 204, .09); }
html[data-theme] .br-menu-link.active, html[data-theme] .br-menu-link.show-sub {
  background: var(--pn-grad) !important; background-image: var(--pn-grad) !important; color: var(--pn-on-gold) !important;
}
html[data-theme] .br-menu-link.active::after, html[data-theme] .br-menu-link.show-sub::after { color: var(--pn-on-gold); }
html[data-theme] .br-menu-link.with-sub::after { color: var(--pn-band-ink-2); }
html[data-theme] .br-sideleft-menu > li.active .br-menu-link > span.menu-item-label { color: var(--pn-on-gold) !important; }
html[data-theme] .br-menu-sub { background: rgba(255, 255, 255, .045); }
html[data-theme] .br-menu-sub .sub-link { color: var(--pn-band-ink-2); }
html[data-theme] .br-menu-sub .sub-link::before { background: var(--pn-gold-2); }
html[data-theme] .br-menu-sub .sub-link:hover, html[data-theme] .br-menu-sub .sub-link:focus { color: var(--pn-gold-3); }
html[data-theme] .br-menu-sub .sub-link.active { color: var(--pn-gold-3); background: transparent; font-weight: 700; }
html[data-theme] .ps__thumb-y { background: rgba(176, 148, 204, .35); }

/* سایدبار راست (ساعت و تاریخ) */
html[data-theme] .br-sideright { background: var(--pn-band); border-inline-start: 1px solid rgba(176, 148, 204, .15); }
html[data-theme] .br-sideright .nav-tabs { border-color: rgba(176, 148, 204, .15); }
html[data-theme] .br-sideright .nav-link { color: var(--pn-band-ink-2); }
html[data-theme] .br-sideright .nav-link.active { color: var(--pn-gold-3); background: transparent; border-color: transparent transparent var(--pn-gold-2); }
html[data-theme] .sidebar-label { color: var(--pn-band-ink-2); }
html[data-theme] .br-time { color: var(--pn-band-ink); }
html[data-theme] .br-date { color: var(--pn-gold-3); }

/* ---------- محتوای اصلی ---------- */
html[data-theme] .br-mainpanel { background: transparent; }
html[data-theme] .br-pageheader { background: var(--pn-surface-2); border-bottom: 1px solid var(--pn-line); }
html[data-theme] .br-pageheader .breadcrumb { background: transparent; }
html[data-theme] .breadcrumb { background: var(--pn-surface-2); }
html[data-theme] .breadcrumb-item, html[data-theme] .br-pageheader .breadcrumb-item:not(.active) { color: var(--pn-ink-2); }
html[data-theme] .breadcrumb-item.active { color: var(--pn-ink); }
html[data-theme] a.breadcrumb-item:hover { color: var(--pn-gold); }
html[data-theme] .breadcrumb-item + .breadcrumb-item::before { color: var(--pn-ink-3); }
html[data-theme] .br-pagetitle .icon { color: var(--pn-gold-2); }
html[data-theme] .br-pagetitle h4 { color: var(--pn-ink) !important; }
html[data-theme] .br-pagetitle p { color: var(--pn-ink-2); }
html[data-theme] .br-section-wrapper {
  background: var(--pn-surface); border: 1px solid var(--pn-line); box-shadow: var(--pn-shadow); color: var(--pn-ink);
}
html[data-theme] .br-section-wrapper.bg-transparent { background: transparent !important; border: 0; box-shadow: none; }
html[data-theme] .br-section-label { color: var(--pn-ink); }
html[data-theme] .br-section-label-sm { color: var(--pn-ink-3); }
html[data-theme] .br-footer { color: var(--pn-ink-3); }

/* ---------- کارت‌ها و پس‌زمینه‌های کمکی ---------- */
html[data-theme] .card { background: var(--pn-surface); border-color: var(--pn-line); color: var(--pn-ink); }
html[data-theme] .card.bd-0 { border: 0; }
html[data-theme] .card.shadow-base, html[data-theme] .shadow-base { box-shadow: var(--pn-shadow); }
html[data-theme] .card-header { background: var(--pn-surface-2); border-bottom-color: var(--pn-line); color: var(--pn-ink); }
html[data-theme] .card-footer { background: var(--pn-surface-2); border-top-color: var(--pn-line); }
html[data-theme] .widget-4 .card-header { background: transparent; border-bottom-color: var(--pn-line); }
html[data-theme] .widget-4 .card-header a { color: var(--pn-ink-2); }
html[data-theme] .widget-4 .card-header a:hover { color: var(--pn-gold); }
html[data-theme] .card-body p, html[data-theme] .card-body label { color: var(--pn-ink-2); }
html[data-theme] .card-body h4 { color: var(--pn-ink) !important; }
html[data-theme] .widget-4 .card-body { background-color: transparent; }
html[data-theme] .card-profile-img { border-color: var(--pn-surface); }
html[data-theme] .nav-inline .nav-link { color: var(--pn-ink-2); }
html[data-theme] .nav-inline .nav-link:hover, html[data-theme] .nav-inline .nav-link:focus { color: var(--pn-gold); }
html[data-theme] .nav-inline .nav-link.active { color: var(--pn-gold); }
html[data-theme] .bg-light, html[data-theme] .list-group-item.bg-light { background-color: var(--pn-surface-2) !important; }
html[data-theme] .bg-white { background-color: var(--pn-surface) !important; }
html[data-theme] .bg-gray-100, html[data-theme] .bg-gray-200, html[data-theme] .bg-gray-300 { background-color: var(--pn-surface-2) !important; }
html[data-theme] .bg-transparent { background-color: transparent !important; }
html[data-theme] .card.bg-light, html[data-theme] .file.bg-light { border: 1px solid var(--pn-line); }
html[data-theme] .bd, html[data-theme] .bd-1, html[data-theme] .bd-t, html[data-theme] .bd-b { border-color: var(--pn-line) !important; }

/* کارت‌های فایل (سفارش‌ها) */
html[data-theme] .file { background: var(--pn-surface-2) !important; border: 1px solid var(--pn-line); color: var(--pn-ink); }
html[data-theme] .file-top, html[data-theme] .file-info, html[data-theme] .file-bottom { background: transparent; border-color: var(--pn-line); color: var(--pn-ink); }
html[data-theme] .file-info h3, html[data-theme] .file-info a { color: var(--pn-ink); }
html[data-theme] .file-bottom { border-top: 1px solid var(--pn-line); }

/* ---------- ویجت‌های رنگی داشبورد ---------- */
html[data-theme] a > .bg-primary.rounded-10,
html[data-theme] a > .bg-teal.rounded-10,
html[data-theme] a > .bg-warning.rounded-10,
html[data-theme] a > .bg-orange.rounded-10 {
  background: linear-gradient(155deg, var(--pn-band-2) 0%, var(--pn-band) 100%) !important;
  border: 1px solid rgba(176, 148, 204, .28);
  box-shadow: var(--pn-shadow);
  transition: transform .2s, border-color .2s;
}
html[data-theme] a:hover > .bg-primary.rounded-10, html[data-theme] a:hover > .bg-teal.rounded-10,
html[data-theme] a:hover > .bg-warning.rounded-10, html[data-theme] a:hover > .bg-orange.rounded-10 { transform: translateY(-2px); border-color: var(--pn-gold-2); }
html[data-theme] a > .bg-primary.rounded-10 .ion { color: var(--pn-gold-2) !important; }
html[data-theme] a > .bg-teal.rounded-10 .ion { color: #d9c9e8 !important; }
html[data-theme] a > .bg-warning.rounded-10 .ion { color: #d9c9e8 !important; }
html[data-theme] a > .bg-orange.rounded-10 .ion { color: #c5aedd !important; }
html[data-theme] a > .rounded-10 .tx-white { color: #f4f0f8 !important; }
html[data-theme] a > .rounded-10 .tx-white-8 { color: rgba(244, 240, 248, .72) !important; }
html[data-theme] .carousel-item .bg-primary, html[data-theme] .carousel-item .bg-info {
  background: linear-gradient(160deg, var(--pn-band-2) 0%, var(--pn-band) 100%) !important;
  border: 1px solid rgba(176, 148, 204, .28);
}
html[data-theme] .carousel-item h5.tx-white, html[data-theme] .carousel-item h5 { color: var(--pn-gold-3) !important; }
html[data-theme] .carousel-item .tx-white-8 { color: rgba(244, 240, 248, .78) !important; }
html[data-theme] .carousel-indicators li { background-color: rgba(176, 148, 204, .45); }
html[data-theme] .carousel-indicators .active { background-color: var(--pn-gold-2); }

/* ---------- دکمه‌ها ---------- */
html[data-theme] .btn { transition: background .2s, border-color .2s, color .2s, box-shadow .2s, transform .15s; }
html[data-theme] .btn:focus, html[data-theme] .btn.focus { box-shadow: var(--pn-ring); }
html[data-theme] .btn-info, html[data-theme] .btn-primary, html[data-theme] .btn-teal, html[data-theme] .btn-warning,
html[data-theme] .btn.btn-info.bg-white {
  background: var(--pn-grad) !important; border-color: transparent !important; color: var(--pn-on-gold) !important; font-weight: 700;
}
html[data-theme] .btn-info:hover, html[data-theme] .btn-primary:hover, html[data-theme] .btn-teal:hover, html[data-theme] .btn-warning:hover {
  filter: brightness(1.06); transform: translateY(-1px);
}
html[data-theme] .btn-info:active, html[data-theme] .btn-primary:active { transform: translateY(1px); }
html[data-theme] .btn-info:disabled, html[data-theme] .btn-primary:disabled { opacity: .55; }
html[data-theme] .btn-dark { background: var(--pn-band-2); border-color: rgba(176, 148, 204, .35); color: var(--pn-gold-3); }
html[data-theme] .carousel-item .btn-dark { background: var(--pn-grad) !important; border-color: transparent; color: var(--pn-on-gold) !important; font-weight: 700; }
html[data-theme] .btn-dark:hover { background: var(--pn-gold-soft); color: var(--pn-gold-3); }
html[data-theme] .btn-secondary, html[data-theme] .btn-light { background: var(--pn-surface-2); border-color: var(--pn-line-strong); color: var(--pn-ink); }
html[data-theme] .btn-secondary:hover, html[data-theme] .btn-light:hover { background: var(--pn-gold-soft); border-color: var(--pn-gold-2); color: var(--pn-ink); }
html[data-theme] .btn-success { background: var(--pn-ok); border-color: var(--pn-ok); color: #fff; }
html[data-theme] .btn-danger { background: var(--pn-bad); border-color: var(--pn-bad); color: #fff; }
html[data-theme] .btn-outline-info, html[data-theme] .btn-outline-primary, html[data-theme] .btn-outline-secondary, html[data-theme] .btn-outline-dark {
  background: transparent; border-color: var(--pn-gold-2); color: var(--pn-gold);
}
html[data-theme] .btn-outline-info:hover, html[data-theme] .btn-outline-primary:hover { background: var(--pn-gold-soft); color: var(--pn-gold); }
html[data-theme] .btn-link { color: var(--pn-gold); }
html[data-theme] .close { color: var(--pn-ink); text-shadow: none; opacity: .6; }
html[data-theme] .close:hover { opacity: 1; color: var(--pn-gold); }

/* ---------- فرم‌ها ---------- */
html[data-theme] .form-control, html[data-theme] .custom-select, html[data-theme] .dataTables_filter input,
html[data-theme] input[type="text"], html[data-theme] input[type="tel"], html[data-theme] input[type="number"],
html[data-theme] input[type="email"], html[data-theme] input[type="password"], html[data-theme] textarea, html[data-theme] select {
  background-color: var(--pn-surface-2); border: 1px solid var(--pn-line-strong); color: var(--pn-ink);
}
html[data-theme] .form-control::placeholder, html[data-theme] textarea::placeholder, html[data-theme] input::placeholder { color: var(--pn-ink-3); opacity: 1; }
html[data-theme] .form-control:focus, html[data-theme] .custom-select:focus, html[data-theme] .dataTables_filter input:focus,
html[data-theme] textarea:focus, html[data-theme] select:focus {
  background-color: var(--pn-surface); border-color: var(--pn-gold-2); color: var(--pn-ink); box-shadow: var(--pn-ring); outline: 0;
}
html[data-theme] .form-control:disabled, html[data-theme] .form-control[readonly] { background-color: var(--pn-surface); color: var(--pn-ink-2); opacity: .85; }
html[data-theme] .form-control-label, html[data-theme] label { color: var(--pn-ink-2); }
html[data-theme] .card label.tx-uppercase { color: var(--pn-ink-2); }
html[data-theme] .form-layout .form-control-label { color: var(--pn-ink-2); }
html[data-theme] .input-group-text { background: var(--pn-surface-2); border-color: var(--pn-line-strong); color: var(--pn-ink-2); }
html[data-theme] .custom-file-label { background: var(--pn-surface-2); border-color: var(--pn-line-strong); color: var(--pn-ink-2); }
html[data-theme] .custom-file-label::after { background: var(--pn-gold-soft); border-color: var(--pn-line-strong); color: var(--pn-gold); }
html[data-theme] .custom-file-input:focus ~ .custom-file-label { border-color: var(--pn-gold-2); box-shadow: var(--pn-ring); }
html[data-theme] .validation, html[data-theme] .invalid-feedback { color: var(--pn-bad); }
html[data-theme] select option { background: var(--pn-surface); color: var(--pn-ink); }
html[data-theme] input:-webkit-autofill { -webkit-text-fill-color: var(--pn-ink); box-shadow: 0 0 0 40px var(--pn-surface-2) inset; }

/* select2 */
html[data-theme] .select2-container--default .select2-selection--single,
html[data-theme] .select2-container--default .select2-selection--multiple { background: var(--pn-surface-2); border-color: var(--pn-line-strong); }
html[data-theme] .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--pn-ink); }
html[data-theme] .select2-dropdown { background: var(--pn-surface); border-color: var(--pn-line-strong); color: var(--pn-ink); }
html[data-theme] .select2-container--default .select2-search--dropdown .select2-search__field { background: var(--pn-surface-2); border-color: var(--pn-line-strong); color: var(--pn-ink); }
html[data-theme] .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--pn-gold-2); color: var(--pn-on-gold); }
html[data-theme] .select2-container--default .select2-results__option[aria-selected=true] { background: var(--pn-gold-soft); color: var(--pn-ink); }

/* ---------- جدول‌ها ---------- */
html[data-theme] .table { color: var(--pn-ink); }
html[data-theme] .table th, html[data-theme] .table td { border-color: var(--pn-line); }
html[data-theme] .table thead th { border-bottom-color: var(--pn-line-strong); color: var(--pn-ink-2); background: var(--pn-surface-2); }
html[data-theme] .table-bordered, html[data-theme] .table-bordered th, html[data-theme] .table-bordered td { border-color: var(--pn-line); }
html[data-theme] .table-striped tbody tr:nth-of-type(odd) { background-color: var(--pn-surface-2); }
html[data-theme] .table-hover tbody tr:hover { background-color: var(--pn-gold-soft); color: var(--pn-ink); }
html[data-theme] .table .thead-dark th, html[data-theme] .table .thead-light th { background: var(--pn-surface-2); color: var(--pn-ink-2); border-color: var(--pn-line); }
html[data-theme] .table-product-info th, html[data-theme] .table-product-info td { background: transparent; }
html[data-theme] .dataTables_wrapper, html[data-theme] .dataTables_info, html[data-theme] .dataTables_length, html[data-theme] .dataTables_filter { color: var(--pn-ink-2); }
html[data-theme] .page-item .page-link, html[data-theme] .paginate_button { background: var(--pn-surface-2); border-color: var(--pn-line); color: var(--pn-ink-2) !important; }
html[data-theme] .page-item.active .page-link, html[data-theme] .paginate_button.current { background: var(--pn-grad) !important; border-color: transparent !important; color: var(--pn-on-gold) !important; }

/* ---------- لیست‌ها ---------- */
html[data-theme] .list-group-item { background: var(--pn-surface-2); border-color: var(--pn-line); color: var(--pn-ink); }
html[data-theme] .list-group-item-action:hover, html[data-theme] .list-group-item-action:focus { background: var(--pn-gold-soft); color: var(--pn-ink); }
html[data-theme] .list-group-flush .list-group-item { background: transparent; }
html[data-theme] .list-group-item.bg-success { background-color: var(--pn-ok) !important; border-color: transparent; }
html[data-theme] .list-group-item.bg-danger { background-color: var(--pn-bad) !important; border-color: transparent; }
html[data-theme="dark"] .list-group-item.bg-success { background-color: #134a2c !important; border: 1px solid rgba(46, 158, 99, .45); }
html[data-theme="dark"] .list-group-item.bg-danger { background-color: #4a1a21 !important; border: 1px solid rgba(217, 80, 92, .45); }
html[data-theme] .list-group-item.bg-success .tx-white, html[data-theme] .list-group-item.bg-danger .tx-white { color: #fff !important; }
html[data-theme] .widget-5 .msg-top span { color: var(--pn-ink); }
html[data-theme] .widget-5 .media-body { color: var(--pn-ink); }
html[data-theme] .media-body h6 { color: var(--pn-ink) !important; }

/* ---------- هشدارها ---------- */
html[data-theme] .alert-info { background: var(--pn-info-soft); border-color: var(--pn-gold-2); color: var(--pn-info-ink); }
html[data-theme] .alert-warning { background: var(--pn-warn-soft); border-color: var(--pn-warn); color: var(--pn-warn-ink); }
html[data-theme] .alert-success { background: var(--pn-ok-soft); border-color: var(--pn-ok); color: var(--pn-ok-ink); }
html[data-theme] .alert-danger { background: var(--pn-bad-soft); border-color: var(--pn-bad); color: var(--pn-bad-ink); }
html[data-theme] .alert-bordered { border-width: 1px; }
html[data-theme] .alert strong, html[data-theme] .alert h5 { color: inherit !important; }
html[data-theme] .alert .alert-link { color: inherit; text-decoration: underline; }
html[data-theme] .alert-icon { color: inherit; }
html[data-theme] .badge-success { background: var(--pn-ok); color: #fff; }
html[data-theme] .badge-danger { background: var(--pn-bad); color: #fff; }
html[data-theme] .badge-primary, html[data-theme] .badge-info { background: var(--pn-grad); color: var(--pn-on-gold); }

/* ---------- ویجت جزئیات سفارش ---------- */
html[data-theme] .widget-18 { background: var(--pn-band-2) !important; border: 1px solid rgba(176, 148, 204, .28); color: var(--pn-band-ink); }
html[data-theme] .widget-18 .nav-link p { color: rgba(244, 240, 248, .7) !important; }
html[data-theme] .widget-18 .nav-link i, html[data-theme] .widget-18 .nav-link .icon { color: var(--pn-gold-2); }
html[data-theme] .widget-18 h1, html[data-theme] .widget-18 h2, html[data-theme] .widget-18 h3, html[data-theme] .widget-18 h4, html[data-theme] .widget-18 h5 { color: var(--pn-gold-3) !important; }
html[data-theme] .iconwrap { border-color: var(--pn-line); }
html[data-theme] .nav-link.bg-gray-200 { border: 1px solid var(--pn-line); }

/* ---------- باکس‌های مالی و پاپ‌آپ ---------- */
html[data-theme] .fin-stat-box { background: var(--pn-surface-2); border-color: var(--pn-line); }
html[data-theme] .fin-stat-label { color: var(--pn-ink-2); }
html[data-theme] .fin-stat-value { color: var(--pn-ink); }
html[data-theme] .fin-stat-box.paid .fin-stat-value { color: var(--pn-ok-ink); }
html[data-theme] .fin-stat-box.remain .fin-stat-value { color: var(--pn-warn-ink); }
html[data-theme] .fin-progress-bar { background: var(--pn-line); }
html[data-theme] .fin-progress-bar-fill { background: var(--pn-ok); }
html[data-theme] .popup-item-box { background: var(--pn-surface-2); border-color: var(--pn-line); color: var(--pn-ink); }
html[data-theme] .popup-item-box:hover { border-color: var(--pn-line-strong); box-shadow: none; }
html[data-theme] .modal-custom-header { border-bottom-color: var(--pn-line); color: var(--pn-ink); }
html[data-theme] .btn-modal-close-custom { background: var(--pn-surface-2); border-color: var(--pn-line-strong); color: var(--pn-ink-2); }
html[data-theme] .btn-modal-close-custom:hover { background: var(--pn-bad); border-color: var(--pn-bad); color: #fff; }
html[data-theme] .popup-modal-content { color: var(--pn-ink); }
html[data-theme] .iziModal, html[data-theme] .iziModal .iziModal-content, html[data-theme] .modal-content {
  background: var(--pn-surface) !important; color: var(--pn-ink); border-color: var(--pn-line);
}
html[data-theme] .iziModal-header { background: var(--pn-surface-2) !important; box-shadow: none; }
html[data-theme] .iziModal-header-title, html[data-theme] .iziModal-header-subtitle { color: var(--pn-ink) !important; }
html[data-theme] .iziModal-wrap { background: transparent; }
html[data-theme] .iziModal-overlay { background: rgba(11, 10, 13, .72) !important; }
html[data-theme] .modal-header, html[data-theme] .modal-footer { border-color: var(--pn-line); }
html[data-theme] .modal-backdrop { background: #000; }


html[data-theme] .shetab-secure-payment-box { background: var(--pn-surface-2) !important; border-color: var(--pn-line) !important; color: var(--pn-ink-2) !important; }

/* آمار بالا/پایین (افزایش/کاهش) در لیست‌ها */
html[data-theme] span.increase { background-color: var(--pn-ok) !important; }
html[data-theme] span.decrease { background-color: var(--pn-bad) !important; }

/* لودینگ */
html[data-theme] .loading { background: rgba(255, 255, 255, .82); }
html[data-theme="dark"] .loading { background: rgba(11, 10, 13, .82); }
html[data-theme] .loading-center { background: var(--pn-surface); border: 1px solid var(--pn-line); border-radius: 0; box-shadow: var(--pn-shadow); }
html[data-theme] .loading-center p { color: var(--pn-ink); }

/* اسکرول‌بار */
html[data-theme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--pn-bg); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(176, 148, 204, .3); border-radius: 0; }

/* ---------- صفحه‌های ورود و عضویت (دو ستونه) ---------- */
html[data-theme] .row.no-gutters > .bg-gray-200 { background: var(--pn-bg) !important; position: relative; }
html[data-theme] .bg-br-primary {
  background: radial-gradient(120% 90% at 85% 0%, rgba(176, 148, 204, .16) 0%, transparent 55%), var(--pn-band) !important;
}
html[data-theme] .bg-br-primary .signin-logo { color: var(--pn-band-ink) !important; }
html[data-theme] .bg-br-primary .signin-logo .tx-normal { color: var(--pn-gold-2); }
html[data-theme] .bg-br-primary p, html[data-theme] .bg-br-primary .tx-white-6 { color: var(--pn-band-ink-2) !important; }
html[data-theme] .login-wrapper h4, html[data-theme] .login-wrapper .tx-inverse { color: var(--pn-ink) !important; }
html[data-theme] .login-wrapper p { color: var(--pn-ink-2); }
html[data-theme] .login-wrapper .tx-info, html[data-theme] .login-wrapper a.tx-info { color: var(--pn-gold) !important; }
html[data-theme] .login-wrapper .form-control { text-align: center; }
html[data-theme="dark"] .login-logo img { filter: none; }
html[data-theme] .login-wrapper .alert { background: var(--pn-info-soft); border-color: var(--pn-gold-2); color: var(--pn-info-ink); }
html[data-theme] .login-wrapper .list-group-item { background: var(--pn-surface); }
@media (max-width: 767.98px) {
  html[data-theme] .bg-br-primary { min-height: 0; padding: 28px 0; }
}






/* ==== redesign ==== */
/* =====================================================================
   بازطراحی پنل — هم‌حس با سایت (کارت‌های نرم، طلایی/مشکی، فاصله‌ی زیاد)
   ===================================================================== */
html[data-theme] .br-mainpanel { min-height: calc(100vh - 60px); }
html[data-theme] .br-pagebody { max-width: 1180px; margin-inline: auto; padding-inline: 20px; }
@media (min-width: 576px) { html[data-theme] .br-pagebody { padding-inline: 30px; } }

/* --- منوی کناری --- */
html[data-theme] .br-sideleft { padding: 8px 0 0; }
html[data-theme] .br-sideleft-menu { padding: 6px 0; }
html[data-theme] .br-menu-link { height: 44px; margin: 3px 12px; padding: 0 12px; border-radius: 0; font-weight: 600; }
html[data-theme] .br-menu-link .menu-item-icon { width: 26px; text-align: center; }
html[data-theme] .br-menu-link .menu-item-label { margin-inline-start: 8px; }
html[data-theme] .br-menu-sub { margin: 2px 12px 6px; border-radius: 0; padding: 6px 0; }
html[data-theme] .br-menu-link.active { box-shadow: 0 6px 18px rgba(176, 148, 204, .22); }
html[data-theme] .br-header { height: 60px; }
html[data-theme] .br-header::before { display: none; }
html[data-theme] .br-header .nav-link-profile img { border: 2px solid var(--pn-gold-2); }

/* --- عنوان صفحه --- */
html[data-theme] .br-pagetitle { display: flex; align-items: center; gap: 16px; max-width: 1180px; margin: 0 auto; padding: 30px 20px 6px; }
@media (min-width: 576px) { html[data-theme] .br-pagetitle { padding-inline: 30px; } }
html[data-theme] .br-pagetitle .icon {
  flex: 0 0 auto; width: 54px; height: 54px; line-height: 54px !important; font-size: 26px !important; text-align: center;
  border-radius: 0; background: var(--pn-gold-soft); border: 1px solid var(--pn-line-strong); color: var(--pn-gold-2) !important; margin: 0 !important;
}
html[data-theme] .br-pagetitle h4 { font-size: 21px; font-weight: 800; margin: 0 0 4px; letter-spacing: 0; }
html[data-theme] .br-pagetitle p { font-size: 13px; color: var(--pn-ink-2); margin: 0; }
html[data-theme] .br-pageheader { background: transparent !important; border-bottom: 0; max-width: 1180px; margin: 0 auto; padding: 18px 30px 0; }
html[data-theme] .br-pageheader .breadcrumb { padding: 0; font-size: 12px; }

/* --- سکشن‌ها و کارت‌ها --- */
html[data-theme] .br-section-wrapper { border-radius: 0; padding: 24px; box-shadow: none; }
@media (max-width: 575.98px) { html[data-theme] .br-section-wrapper { padding: 16px; } }
html[data-theme] .br-section-label { font-size: 14px; font-weight: 800; margin: 0 4px 12px; text-transform: none; }
html[data-theme] .br-section-label.mg-t-10-force { margin-top: 0 !important; }
html[data-theme] .rounded-10 { border-radius: 0; }
html[data-theme] .card { border-radius: 0; }

/* --- فرم‌ها و دکمه‌ها --- */
html[data-theme] .form-control, html[data-theme] .custom-select, html[data-theme] .custom-file-label { height: 48px; border-radius: 0; padding-inline: 14px; }
html[data-theme] textarea.form-control { height: auto; }
html[data-theme] .custom-file-label::after { height: 46px; line-height: 32px; border-radius: 0; }
html[data-theme] .btn { border-radius: 0; font-weight: 700; }
html[data-theme] .btn-oblong { border-radius: 0; }
html[data-theme] .btn-sm { border-radius: 0; }
html[data-theme] .btn-block, html[data-theme] .pn-submit { min-height: 48px; }
html[data-theme] .form-control-label { font-size: 12.5px; font-weight: 700; margin-bottom: 8px; display: block; }

/* --- کاشی‌های آمار داخل لیست‌ها --- */
.pn-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 22px; }
.pn-stat { background: var(--pn-surface-2); border: 1px solid var(--pn-line); border-radius: 0; padding: 16px 18px; }
.pn-stat small { display: block; font-size: 12px; color: var(--pn-ink-2); margin-bottom: 6px; }
.pn-stat strong { display: block; font-size: 19px; font-weight: 800; color: var(--pn-ink); line-height: 1.4; }
.pn-stat.is-accent { background: var(--pn-gold-soft); border-color: var(--pn-line-strong); }
.pn-stat.is-accent strong { color: var(--pn-gold); }

/* --- ردیف‌های کیف پول / امتیاز --- */
html[data-theme] .list-group-item.groups {
  background: var(--pn-surface-2) !important; border: 1px solid var(--pn-line); border-inline-start: 4px solid var(--pn-line-strong);
  border-radius: 0; padding: 14px 18px !important; margin-bottom: 10px !important; display: block; overflow: hidden;
}
html[data-theme] .list-group-item.groups.bg-success { border-inline-start-color: var(--pn-ok); }
html[data-theme] .list-group-item.groups.bg-danger { border-inline-start-color: var(--pn-bad); }
html[data-theme] .list-group-item.groups > div { margin: 0 !important; }
html[data-theme] .list-group-item.groups p { float: none !important; margin: 0 0 6px !important; color: var(--pn-ink) !important; font-size: 13.5px; line-height: 1.9; }
html[data-theme] .list-group-item.groups p:last-child { margin: 0 !important; color: var(--pn-ink-2) !important; font-size: 12.5px; }
html[data-theme] .list-group-item.groups .tx-white { color: inherit !important; }
html[data-theme] .list-group-item.groups .tx-medium { font-weight: 700; }

/* --- کارت سفارش --- */
html[data-theme] .file { background: var(--pn-surface) !important; border: 1px solid var(--pn-line); border-radius: 0; box-shadow: none; padding: 6px 6px 0; overflow: hidden; margin-bottom: 18px !important; }
html[data-theme] .file-top { padding: 12px 14px 4px; }
html[data-theme] .file-info.wide { padding: 0; }
html[data-theme] .table-product-info { margin: 0; }
html[data-theme] .table-product-info th { border-top: 0; border-bottom: 1px dashed var(--pn-line); padding: 12px 0 !important; font-size: 13px; font-weight: 600 !important; color: var(--pn-ink-2) !important; }
html[data-theme] .table-product-info tr:last-child th { border-bottom: 0; }
html[data-theme] .table-product-info th .pr-2 { color: var(--pn-ink); font-weight: 800; padding-inline-start: 6px !important; }
html[data-theme] .table-product-info th i { color: var(--pn-gold-2) !important; font-size: 18px !important; vertical-align: middle; }
html[data-theme] .file .card.card-body { background: var(--pn-surface-2); border: 1px solid var(--pn-line); padding: 0; }
html[data-theme] .file .card-header { background: transparent; border-bottom: 1px solid var(--pn-line); }
html[data-theme] .file .media.bg-light { background: var(--pn-surface) !important; border: 1px solid var(--pn-line); }
html[data-theme] .file .media img { border-radius: 0; width: 46px; height: 46px; object-fit: cover; }
html[data-theme] .file-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 18px 16px !important; background: transparent !important; border-top: 1px solid var(--pn-line) !important; }
html[data-theme] .file-bottom .btn { margin: 0 !important; }
html[data-theme] .file-bottom .btn-secondary { background: transparent; border-color: var(--pn-gold-2); color: var(--pn-gold); }

/* وضعیت‌ها (badge) */
html[data-theme] .badge { border-radius: 0; padding: 5px 10px; font-weight: 700; }

/* --- داشبورد --- */
.pn-hero {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px;
  background: linear-gradient(135deg, var(--pn-band-2) 0%, var(--pn-band) 100%); color: var(--pn-band-ink);
  border: 1px solid rgba(176, 148, 204, .3); border-radius: 0; padding: 26px 28px; margin-bottom: 18px;
  box-shadow: var(--pn-shadow);
}
.pn-hero-user { display: flex; align-items: center; gap: 18px; min-width: 0; }
.pn-avatar { width: 84px; height: 84px; border-radius: 0; object-fit: cover; border: 2px solid var(--pn-gold-2); background: var(--pn-band-2); flex: 0 0 auto; }
.pn-hero-text { min-width: 0; }
.pn-eyebrow { display: inline-block; font-size: 11.5px; font-weight: 700; color: var(--pn-gold-3); background: rgba(176, 148, 204, .14); border: 1px solid rgba(176, 148, 204, .3); border-radius: 0; padding: 3px 12px; margin-bottom: 8px; }
.pn-eyebrow:empty { display: none; }
html[data-theme] .pn-hero h2 { color: var(--pn-band-ink) !important; font-size: 22px; font-weight: 800; margin: 0 0 4px; }
.pn-hero-mobile { color: var(--pn-band-ink-2); margin: 0; font-size: 14px; direction: ltr; text-align: right; }
.pn-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
html[data-theme] .pn-hero .btn-secondary { background: transparent; border-color: rgba(176, 148, 204, .5); color: var(--pn-gold-3); }
html[data-theme] .pn-hero .btn-secondary:hover { background: rgba(176, 148, 204, .12); }

.pn-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.pn-tile {
  display: grid; grid-template-columns: auto 1fr; grid-template-areas: "ico label" "ico value"; column-gap: 14px; align-items: center;
  background: var(--pn-surface); border: 1px solid var(--pn-line); border-radius: 0; padding: 18px; color: var(--pn-ink);
  transition: transform .2s, border-color .2s, box-shadow .2s;
}
.pn-tile:hover { transform: translateY(-2px); border-color: var(--pn-gold-2); box-shadow: var(--pn-shadow); text-decoration: none; }
.pn-tile-ico { grid-area: ico; width: 50px; height: 50px; border-radius: 0; display: flex; align-items: center; justify-content: center; background: var(--pn-gold-soft); color: var(--pn-gold-2); font-size: 24px; border: 1px solid var(--pn-line); }
.pn-tile-ico i { line-height: 1; }
.pn-tile-label { grid-area: label; font-size: 12.5px; color: var(--pn-ink-2); }
.pn-tile-value { grid-area: value; font-size: 20px; font-weight: 800; line-height: 1.5; color: var(--pn-ink); }
.pn-promos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.pn-promo { background: var(--pn-surface); border: 1px solid var(--pn-line); border-radius: 0; padding: 24px; }
.pn-promo h3 { font-size: 16px; font-weight: 800; margin: 0 0 8px; color: var(--pn-ink) !important; }
.pn-promo p { font-size: 13.5px; line-height: 2; color: var(--pn-ink-2); margin: 0 0 16px; }
.pn-promo p:last-child { margin-bottom: 0; }
html[data-theme] .pn-dash .alert { border-radius: 0; margin-bottom: 18px; }
@media (max-width: 991.98px) { .pn-tiles { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) {
  .pn-hero { padding: 20px; border-radius: 0; }
  .pn-hero-actions { width: 100%; } .pn-hero-actions .btn { flex: 1; }
  .pn-promos { grid-template-columns: 1fr; }
  .pn-tile { padding: 14px; column-gap: 10px; grid-template-columns: 1fr; grid-template-areas: "ico" "label" "value"; row-gap: 6px; }
  .pn-tile-value { font-size: 17px; }
  .pn-avatar { width: 68px; height: 68px; border-radius: 0; }
}

/* --- معرفی به دوستان --- */
.pn-share { text-align: center; padding: 40px 24px !important; }
.pn-share-head h3 { font-size: 19px; font-weight: 800; margin: 0 0 8px; }
.pn-share-head p { color: var(--pn-ink-2); max-width: 520px; margin: 0 auto 24px; line-height: 2; }
.pn-share-actions { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.pn-share-actions .btn { min-width: 220px; min-height: 48px; }
.pn-share-social { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.pn-social { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 0; background: var(--pn-surface-2); border: 1px solid var(--pn-line); color: var(--pn-ink) !important; font-size: 13px; font-weight: 700; transition: border-color .2s, background .2s; }
.pn-social:hover { border-color: var(--pn-gold-2); background: var(--pn-gold-soft); text-decoration: none; }
.pn-social i { color: var(--pn-gold-2); font-size: 18px; }

/* --- تب‌بار موبایل --- */
.pn-tabbar { display: none; }
@media (max-width: 991.98px) {
  .pn-tabbar {
    display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; inset-inline: 0; bottom: 0; z-index: 1020;
    background: var(--pn-surface); border-top: 1px solid var(--pn-line); padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
    box-shadow: 0 -6px 24px rgba(0, 0, 0, .08);
  }
  .pn-tabbar a { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 2px; border-radius: 0; color: var(--pn-ink-3) !important; font-size: 10.5px; font-weight: 700; text-decoration: none; }
  .pn-tabbar a i { font-size: 23px; line-height: 1.1; }
  .pn-tabbar a.active { color: var(--pn-gold) !important; background: var(--pn-gold-soft); }
  html[data-theme] .br-mainpanel { padding-bottom: 86px; }
}

/* --- ورود و عضویت --- */
html[data-theme] body:has(.pn-auth) { background: var(--pn-bg) !important; }
.pn-auth {
  min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 28px 16px;
  background: radial-gradient(900px 440px at 50% -8%, var(--pn-gold-soft), transparent 62%), var(--pn-bg);
}
.pn-auth-card { width: 100%; max-width: 430px; background: var(--pn-surface); border: 1px solid var(--pn-line); border-radius: 0; padding: 34px 28px 28px; box-shadow: var(--pn-shadow); }
.pn-auth-head { text-align: center; margin-bottom: 24px; }
.pn-auth-head .login-logo { margin-bottom: 50px; }
.pn-auth-head .login-logo img { max-height: 58px; width: auto; max-width: 180px; }
.pn-auth-head h1 { font-size: 21px; font-weight: 800; margin: 0 0 8px; color: var(--pn-ink) !important; }
.pn-auth-head p { font-size: 13px; color: var(--pn-ink-2); line-height: 2; margin: 0; }
html[data-theme] .pn-auth-body.login-wrapper { width: auto !important; min-height: 0; padding: 0 !important; margin: 0 !important; }
.pn-auth-body .alert { margin: 0 0 16px !important; border-radius: 0; font-size: 13px; line-height: 2; }
.pn-auth-body .form-group { margin-bottom: 14px; }
html[data-theme] .pn-auth-body .form-control { height: 52px; border-radius: 0; font-size: 15px; }
html[data-theme] .pn-auth-body .txt-mobile.number { letter-spacing: 2px; font-weight: 700; }
html[data-theme] .pn-auth-body .btn-block { height: 52px; border-radius: 0; font-size: 14.5px; }
.pn-auth-body .d-flex.align-items-center { gap: 8px; }
.pn-auth-body .alert-icon { color: var(--pn-gold-2); font-size: 18px !important; }
html[data-theme] .pn-auth-body a.tx-info, html[data-theme] .pn-auth-body a { font-weight: 700; }
.pn-auth-foot { text-align: center; font-size: 12px; color: var(--pn-ink-3); margin: 20px 0 0; line-height: 2; }
html[data-theme] .pn-auth-body .widget-5 .list-group-item { border-radius: 0; background: var(--pn-surface-2) !important; }
html[data-theme] .pn-auth-body .widget-5 img { width: 46px; height: 46px; border-radius: 0; object-fit: cover; margin-inline-end: 12px; }
.pn-theme-toggle--float { top: 16px; inset-inline-end: 16px; left: auto; }

/* --- لودینگ (جایگزین gif رنگی) --- */
html[data-theme] .loading { background: rgba(255, 255, 255, .72); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
html[data-theme="dark"] .loading { background: rgba(11, 10, 13, .72); }
html[data-theme] .loading .loading-center { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; margin: 0 !important; width: auto !important; height: auto !important; min-width: 190px; padding: 22px 28px 18px !important; text-align: center; }
html[data-theme] .loading .loading-center img { display: none !important; }
html[data-theme] .loading .loading-center::before {
  content: ""; display: block; width: 34px; height: 34px; margin: 0 auto 12px; border-radius: 50%;
  border: 3px solid var(--pn-gold-soft); border-top-color: var(--pn-gold-2); animation: pn-spin .8s linear infinite;
}
html[data-theme] .loading .loading-center p { margin: 0; font-size: 13px; font-weight: 700; color: var(--pn-ink-2); }
@keyframes pn-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { html[data-theme] .loading .loading-center::before { animation-duration: 2s; } }

/* --- شمارنده ارسال مجدد کد --- */
.pn-resend { margin-top: 18px; }
.pn-resend-timer { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-radius: 0; background: var(--pn-surface-2); border: 1px solid var(--pn-line); }
.pn-ring { position: relative; flex: 0 0 auto; width: 44px; height: 44px; }
.pn-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.pn-ring circle { fill: none; stroke-width: 3; }
.pn-ring-bg { stroke: var(--pn-line-strong); }
.pn-ring-fg { stroke: var(--pn-gold-2); stroke-linecap: round; stroke-dasharray: 119.38; stroke-dashoffset: 0; }
.pn-ring b { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding-top: 2px; font-size: 14px; font-weight: 800; color: var(--pn-ink); }
.pn-resend-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pn-resend-text strong { font-size: 13px; font-weight: 800; color: var(--pn-ink); }
.pn-resend-text span { font-size: 12px; color: var(--pn-ink-2); }
.pn-resend-text em { font-style: normal; font-weight: 800; color: var(--pn-gold); display: inline-block; min-width: 38px; text-align: center; }
#pnResendWrap .d-flex { margin-top: 0 !important; justify-content: center; padding: 10px 14px; border-radius: 0; background: var(--pn-gold-soft); border: 1px solid var(--pn-line-strong); }
#pnResendWrap a { font-size: 13px !important; font-weight: 800; }


/* =====================================================================
   دور دوم اصلاحات (فاصله‌ها، عرض صفحه، سایدبار شب، سفارش‌ها، پروفایل، جزئیات)
   ===================================================================== */
html[data-theme] .br-mainpanel { padding-top: 6px; }
html[data-theme] .br-pagebody, html[data-theme] .br-pagetitle, html[data-theme] .br-pageheader { max-width: 1600px; }
html[data-theme] .br-pagebody { margin-top: 22px; }
html[data-theme] .br-pagetitle + .br-pagebody, html[data-theme] .br-pageheader + .br-pagetitle + .br-pagebody { margin-top: 16px; }
html[data-theme] .br-pagebody.pn-dash { margin-top: 24px !important; }
@media (min-width: 1200px) {
  html[data-theme] .br-pagebody, html[data-theme] .br-pagetitle, html[data-theme] .br-pageheader { padding-inline: 36px; }
}

/* سایدبار در حالت شب: از پس‌زمینه جدا باشد */
html[data-theme="dark"] .br-sideleft, html[data-theme="dark"] .br-logo { background: var(--pn-surface) !important; }
html[data-theme="dark"] .br-sideleft { border-inline-start: 1px solid var(--pn-line-strong); }
html[data-theme="dark"] .br-logo { border-bottom: 1px solid var(--pn-line-strong); }
html[data-theme="dark"] .br-menu-sub { background: rgba(176, 148, 204, .06); }
html[data-theme="dark"] .br-sideright { background: var(--pn-surface); }

/* آواتار داشبورد */
.pn-avatar { border-radius: 0; border: 0; padding: 0; background: transparent; }

/* --- کارت سفارش: خلاصه‌ی ۴ ستونی به‌جای جدول --- */
html[data-theme] .file .col-lg-8, html[data-theme] .file .col-lg-4 { flex: 0 0 100%; max-width: 100%; }
html[data-theme] .file-info.wide { padding: 8px 8px 0; }
html[data-theme] .table-product-info { display: block; margin: 0 0 14px; }
html[data-theme] .table-product-info tbody { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
html[data-theme] .table-product-info tr { display: block; }
html[data-theme] .table-product-info th {
  display: flex !important; flex-direction: column; gap: 4px; height: 100%; padding: 12px 14px !important; border: 1px solid var(--pn-line) !important;
  border-radius: 0; background: var(--pn-surface-2); font-size: 12px !important; font-weight: 600 !important; color: var(--pn-ink-2) !important; text-align: right;
}
html[data-theme] .table-product-info th i { display: none !important; }
html[data-theme] .table-product-info th .pr-2 { padding: 0 !important; font-size: 14.5px; font-weight: 800; color: var(--pn-ink); line-height: 1.7; }
html[data-theme] .table-product-info tr:first-child th .pr-2 { color: var(--pn-gold); }
html[data-theme] .table-product-info th .badge, html[data-theme] .table-product-info th span[class*="bg-"] { align-self: flex-start; }
html[data-theme] .file .card.card-body { background: transparent; border: 0; margin: 0 0 4px !important; }
html[data-theme] .file .card-header { padding: 6px 2px 10px !important; }
html[data-theme] .file .card-header .card-title { font-size: 12.5px; font-weight: 800; text-transform: none; }
html[data-theme] .file .card-body > .row { margin: 0; padding: 0 !important; }
html[data-theme] .file .card-body > .row > [class*="col-"] { padding: 0; }
html[data-theme] .over-hidden, html[data-theme] .over-hidden .mCustomScrollBox, html[data-theme] .over-hidden .mCSB_container { max-height: none !important; overflow: visible !important; position: static !important; height: auto !important; }
html[data-theme] .over-hidden .mCSB_scrollTools { display: none !important; }
html[data-theme] .over-hidden.list-group, html[data-theme] .over-hidden .mCSB_container { display: flex !important; flex-wrap: wrap; gap: 10px; margin: 0 !important; }
html[data-theme] .over-hidden .media { flex: 1 1 240px; margin: 0 !important; padding: 10px !important; }
html[data-theme] .over-hidden .media .btn { margin-top: 6px; }
html[data-theme] .file-bottom { justify-content: flex-start; }

/* --- مشخصات من --- */
.pn-profile { display: grid; grid-template-columns: 300px 1fr; gap: 32px; align-items: start; }
.pn-profile-title { font-size: 14px; font-weight: 800; margin: 0 0 16px; color: var(--pn-ink); }
.pn-profile-side { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 22px 18px; background: var(--pn-surface-2); border: 1px solid var(--pn-line); border-radius: 0; }
.pn-profile-side .pn-profile-title { align-self: stretch; text-align: right; }
.pn-profile-avatar { width: 150px; height: 150px; border-radius: 0; overflow: hidden; border: 3px solid var(--pn-gold-2); margin-bottom: 18px; background: var(--pn-surface); }
.pn-profile-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none !important; }
.pn-profile-file { width: 100%; }
html[data-theme] .pn-profile-file .custom-file-label { height: 44px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; font-weight: 700; color: var(--pn-gold); border-style: dashed; cursor: pointer; overflow: hidden; }
html[data-theme] .pn-profile-file .custom-file-label::after { display: none; }
html[data-theme] .pn-profile-file .custom-file-label:empty::before { content: "انتخاب تصویر جدید"; }
html[data-theme] .pn-profile-file .custom-file-input { height: 44px; }
html[data-theme] .pn-profile-del { margin-top: 10px; width: 100%; min-height: 40px; background: transparent !important; border: 1px solid var(--pn-bad) !important; color: var(--pn-bad) !important; }
html[data-theme="dark"] .pn-profile-del { color: var(--pn-bad-ink) !important; }
html[data-theme] .pn-profile-del:hover { background: var(--pn-bad-soft) !important; }
.pn-hint { margin: 14px 0 0; font-size: 11.5px; color: var(--pn-ink-3); line-height: 1.9; }
.pn-profile-main .form-group { margin-bottom: 18px; }
.pn-profile-actions { display: flex; justify-content: flex-start; margin-top: 8px; }
html[data-theme] .pn-profile-actions .pn-submit { min-width: 200px; }
@media (max-width: 991.98px) { .pn-profile { grid-template-columns: 1fr; gap: 22px; } }

/* --- جزئیات سفارش (صفحه‌ی داخل پاپ‌آپ) --- */
html[data-theme] body.pn-page { padding: 6px 4px 20px; }
html[data-theme] .pn-details .br-section-wrapper.bg-transparent { padding: 0; }
html[data-theme] .pn-details .br-section-wrapper { border-radius: 0; }
html[data-theme] .pn-details h6.br-section-label { display: flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 800; margin: 26px 2px 12px !important; }
html[data-theme] .pn-details h6.br-section-label::before { content: ""; width: 4px; height: 18px; border-radius: 0; background: var(--pn-grad); }
html[data-theme] .pn-details .br-section-wrapper.pd-20, html[data-theme] .pn-details .br-section-wrapper.pd-10 { padding: 18px !important; margin-bottom: 0 !important; }

/* مراحل سفارش */
html[data-theme] .pn-details .widget-18 { background: var(--pn-surface) !important; border: 1px solid var(--pn-line); border-radius: 0; padding: 22px 12px 18px !important; color: var(--pn-ink); }
html[data-theme] .pn-details .widget-18 .nav { display: flex; justify-content: space-between; margin: 0 !important; }
html[data-theme] .pn-details .widget-18 .nav-link { flex: 1 1 0; position: relative; padding: 0 4px; text-align: center; }
html[data-theme] .pn-details .widget-18 .nav-link + .nav-link::before { content: ""; position: absolute; top: 24px; left: 50%; width: 100%; height: 3px; border-radius: 0; background: var(--pn-line-strong); z-index: 0; }
html[data-theme] .pn-details .widget-18 .nav-link.done + .nav-link.done::before { background: var(--pn-grad); }
html[data-theme] .pn-details .widget-18 .iconwrap { position: relative; z-index: 1; width: 50px !important; height: 50px !important; margin: 0 auto 10px; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; background: var(--pn-surface-2) !important; border: 2px solid var(--pn-line-strong) !important; }
html[data-theme] .pn-details .widget-18 .iconwrap img { width: 24px !important; height: 24px; opacity: .4; }
html[data-theme] .pn-details .widget-18 .nav-link.done .iconwrap { border-color: var(--pn-gold-2) !important; background: var(--pn-gold-soft) !important; }
html[data-theme] .pn-details .widget-18 .nav-link.done img { opacity: 1; }
html[data-theme] .pn-details .widget-18 .iconwrap.active { background: var(--pn-grad) !important; border-color: transparent !important; box-shadow: 0 0 0 5px var(--pn-gold-soft); }
html[data-theme] .pn-details .widget-18 .nav-link p { margin: 0 !important; font-size: 12px !important; font-weight: 700; color: var(--pn-ink-3) !important; }
html[data-theme] .pn-details .widget-18 .nav-link.done p { color: var(--pn-ink) !important; }

/* اطلاعات سفارش */
html[data-theme] .pn-details .row > [class*="col-"] > label { display: block; margin: 14px 0 6px !important; font-size: 12px !important; font-weight: 700; color: var(--pn-ink-2); text-transform: none; letter-spacing: 0; text-align: right; }
html[data-theme] .pn-details .row > [class*="col-"] > h6.bg-gray-200 {
  margin: 0 !important; padding: 12px 14px !important; min-height: 46px; background: var(--pn-surface-2) !important; border: 1px solid var(--pn-line); border-radius: 0;
  font-size: 14px; font-weight: 700; line-height: 1.9; color: var(--pn-ink); text-align: right; font-family: inherit;
}
html[data-theme] .pn-details h6.bg-gray-200.tx-17 { font-size: 14px !important; font-weight: 700; }

/* کالاها */
html[data-theme] .pn-details .file { margin: 0 0 12px !important; padding: 0; border-radius: 0; background: var(--pn-surface-2) !important; }
html[data-theme] .pn-details .file-top { display: flex; align-items: center; gap: 14px; padding: 14px !important; border: 0; }
html[data-theme] .pn-details .file-image { float: none; width: 78px; padding: 0; flex: 0 0 auto; }
html[data-theme] .pn-details .file-image img { width: 78px; height: 78px; margin: 0; border-radius: 0; border: 1px solid var(--pn-line); object-fit: cover; }
html[data-theme] .pn-details .file-info { float: none; width: auto; flex: 1; padding: 0 !important; }
html[data-theme] .pn-details .file-info h3 { font-size: 15px; font-weight: 800; margin: 0 0 6px !important; color: var(--pn-ink); }
html[data-theme] .pn-details .file-info p { margin: 0 0 3px !important; font-size: 12.5px; color: var(--pn-ink-2); }
html[data-theme] .pn-details .col-12.mg-t-10 { padding: 0; margin-top: 0 !important; }

/* جزئیات مالی */
html[data-theme] .pn-details .list-group-flush .list-group-item { padding: 14px 6px; background: transparent; border: 0; border-bottom: 1px dashed var(--pn-line); border-radius: 0; margin: 0; font-size: 13.5px; color: var(--pn-ink-2); }
html[data-theme] .pn-details .list-group-flush .list-group-item .d-flex { margin: 0 !important; align-items: center; }
html[data-theme] .pn-details .list-group-flush .list-group-item span.tx-left { font-weight: 800; color: var(--pn-ink); text-align: left; direction: rtl; }
html[data-theme] .pn-details .list-group-flush .list-group-item:last-child { margin-top: 10px; border: 1px solid var(--pn-line-strong); border-radius: 0; background: var(--pn-gold-soft); padding: 16px 18px; font-size: 15px; font-weight: 800; color: var(--pn-ink); }
html[data-theme] .pn-details .list-group-flush .list-group-item:last-child span.tx-left { color: var(--pn-gold); font-size: 16px; }
html[data-theme] .pn-details .alert { border-radius: 0; }
html[data-theme] .pn-details img.img-fluid.w-100 { border-radius: 0; border: 1px solid var(--pn-line); }
html[data-theme] .pn-details .nav-link.bg-gray-200 { border: 0; }

/* --- حواله --- */
html[data-theme] .pn-havale .br-section-wrapper.bg-transparent { padding: 0; }
html[data-theme] .pn-havale .alert .tx-gray { color: inherit !important; }
html[data-theme] .pn-havale .alert-info p { font-size: 13.5px; line-height: 2.1; }
html[data-theme] .pn-havale .alert-icon { color: var(--pn-gold-2); }
html[data-theme] .pn-havale .custom-file-label::after { display: none; }
html[data-theme] .pn-havale .custom-file-label:empty::before { content: "انتخاب تصویر فیش"; color: var(--pn-gold); font-weight: 700; }
html[data-theme] .pn-havale .custom-file-label { display: flex; align-items: center; justify-content: center; border-style: dashed; }

/* ==== round 3 ==== */
/* --- سایدبار در حالت روز: روشن (بدون بخش مشکی) --- */
html[data-theme="light"] .br-sideleft, html[data-theme="light"] .br-logo, html[data-theme="light"] .br-sideright { background: var(--pn-surface) !important; }
html[data-theme="light"] .br-sideleft, html[data-theme="light"] .br-sideright { border-inline-start: 1px solid var(--pn-line); }
html[data-theme="light"] .br-logo { border-bottom: 1px solid var(--pn-line); }
html[data-theme="light"] .br-logo > a { color: var(--pn-ink); }
html[data-theme="light"] .br-logo > a i { color: var(--pn-gold); }
html[data-theme="light"] .br-menu-link, html[data-theme="light"] .br-menu-link.with-sub::after,
html[data-theme="light"] .br-menu-sub .sub-link, html[data-theme="light"] .br-sideright .nav-link, html[data-theme="light"] .sidebar-label { color: var(--pn-ink-2); }
html[data-theme="light"] .br-menu-link:hover, html[data-theme="light"] .br-menu-link:focus { color: var(--pn-gold); background: var(--pn-gold-soft); }
html[data-theme="light"] .br-menu-sub { background: var(--pn-surface-2); }
html[data-theme="light"] .br-menu-sub .sub-link:hover, html[data-theme="light"] .br-menu-sub .sub-link.active { color: var(--pn-gold); }
html[data-theme="light"] .br-sideright .nav-link.active { color: var(--pn-gold); }
html[data-theme="light"] .br-sideright .sidebar-tabs { background: var(--pn-surface-2) !important; border-bottom: 1px solid var(--pn-line); height: 60px; }
html[data-theme="light"] .br-sideright .sidebar-tabs .nav-link { background: transparent; border: 0; border-bottom: 2px solid transparent; }
html[data-theme="light"] .br-sideright .sidebar-tabs .nav-link.active { border-bottom-color: var(--pn-gold-2); }
html[data-theme="light"] .br-sideright .tab-content, html[data-theme="light"] .br-sideright .tab-pane { background: var(--pn-surface); }
html[data-theme="light"] .br-time { color: var(--pn-ink); }
html[data-theme="light"] .br-date { color: var(--pn-gold); }

/* هیرو داشبورد در حالت روز: طلایی روشن */
html[data-theme="light"] .pn-hero { background: linear-gradient(135deg, #f4f0f8 0%, #e6dbf1 100%); border-color: var(--pn-line-strong); }
html[data-theme="light"] .pn-hero h2 { color: var(--pn-ink) !important; }
html[data-theme="light"] .pn-hero-mobile { color: var(--pn-ink-2); }
html[data-theme="light"] .pn-eyebrow { color: #5e4780; background: rgba(255, 255, 255, .6); border-color: rgba(140, 108, 176, .35); }
html[data-theme="light"] .pn-hero .btn-secondary { border-color: rgba(17, 17, 17, .45); color: var(--pn-ink); }
html[data-theme="light"] .pn-hero .btn-secondary:hover { background: rgba(255, 255, 255, .55); }

/* --- منوی بسته (آیکون‌ها) --- */
@media (min-width: 992px) {
  html[data-theme] .collapsed-menu:not(.expand-menu) .br-sideleft-menu { padding-inline: 0; }
  html[data-theme] .collapsed-menu:not(.expand-menu) .br-menu-link { width: 44px; height: 44px; margin: 4px auto; padding: 0; justify-content: center; }
  html[data-theme] .collapsed-menu:not(.expand-menu) .br-menu-link .menu-item-icon { width: 44px; margin: 0; font-size: 22px; display: flex; align-items: center; justify-content: center; }
  html[data-theme] .collapsed-menu:not(.expand-menu) .br-menu-link .menu-item-icon i { font-size: 22px; }
  html[data-theme] .collapsed-menu:not(.expand-menu) .br-menu-link .menu-item-label { display: none; }
  html[data-theme] .collapsed-menu:not(.expand-menu) .br-menu-link::after { display: none; }
  html[data-theme] .collapsed-menu:not(.expand-menu) .br-menu-sub { display: none !important; }
}

/* --- لیست سفارش‌ها: ساده و بدون کادرهای تو در تو --- */
html[data-theme] .br-section-wrapper:has(.pn-order) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html[data-theme] .br-section-wrapper:has(.pn-order) > .row { margin: 0; }
html[data-theme] .br-section-wrapper:has(.pn-order) > .row > [class*="col-"] { padding: 0; }
html[data-theme] .br-section-wrapper:has(.pn-order) .pn-stats { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 16px; padding: 0 4px; }
html[data-theme] .br-section-wrapper:has(.pn-order) .pn-stat { background: none !important; border: 0 !important; padding: 0; border-radius: 0; font-size: 13.5px; }
html[data-theme] .br-section-wrapper:has(.pn-order) .pn-stat small { display: inline; margin: 0; font-size: 13.5px; }
html[data-theme] .br-section-wrapper:has(.pn-order) .pn-stat small::after { content: ":"; margin-inline-end: 6px; }
html[data-theme] .br-section-wrapper:has(.pn-order) .pn-stat strong { display: inline; font-size: 15px; color: var(--pn-gold); }

html[data-theme] .file { padding: 0; border-radius: 0; margin-bottom: 14px !important; }
html[data-theme] .file-top { padding: 4px 22px 0; }
html[data-theme] .file-info.wide { padding: 0; }
/* خلاصه: یک ردیف با خط‌های جداکننده، بدون باکس */
html[data-theme] .table-product-info { margin: 0; }
html[data-theme] .table-product-info tbody { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0; }
html[data-theme] .table-product-info th {
  background: transparent !important; border: 0 !important; border-radius: 0; padding: 18px 0 14px !important;
  border-inline-start: 1px solid var(--pn-line) !important; padding-inline: 18px !important;
}
html[data-theme] .table-product-info tr:first-child th { border-inline-start: 0 !important; padding-inline-start: 0 !important; }
html[data-theme] .table-product-info th .pr-2 { font-size: 15px; }
/* محصولات: لیست ساده با خط جداکننده */
html[data-theme] .file .col-lg-8, html[data-theme] .file .col-lg-4 { padding: 0; }
html[data-theme] .file .card.card-body { margin: 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--pn-line) !important; border-radius: 0; }
html[data-theme] .file .card-header { padding: 14px 0 6px !important; border: 0 !important; }
html[data-theme] .file .card-header .card-title { color: var(--pn-ink-2); font-weight: 700; }
html[data-theme] .over-hidden.list-group, html[data-theme] .over-hidden .mCSB_container { gap: 0 24px; }
html[data-theme] .over-hidden .media, html[data-theme] .file .media.bg-light {
  flex: 1 1 260px; background: transparent !important; border: 0 !important; border-radius: 0; padding: 8px 0 !important;
}
html[data-theme] .file .media img { width: 42px; height: 42px; border-radius: 0; }
html[data-theme] .file-bottom { padding: 14px 22px 18px !important; background: transparent !important; }
html[data-theme] .file-bottom .btn { min-height: 38px; }
html[data-theme] .file-bottom p, html[data-theme] .file-bottom span { font-size: 12.5px; color: var(--pn-ink-2); }

/* ==== round 4 ==== */
/* بریدگی متن در کارت سفارش (margin منفی row داخل overflow) */
html[data-theme] .file-info .row, html[data-theme] .file-top .row { margin-left: 0 !important; margin-right: 0 !important; }
html[data-theme] .file-info [class*="col-"], html[data-theme] .file-top [class*="col-"] { padding-left: 0; padding-right: 0; }
html[data-theme] .file-info, html[data-theme] .file-top { overflow: visible; }
html[data-theme] .table-product-info th { overflow: visible; white-space: normal; }

/* دکمه‌های پایین کارت: متن دقیقاً وسط */
html[data-theme] .file-bottom .btn, html[data-theme] .file-bottom a.btn {
  display: inline-flex; align-items: center; justify-content: center; height: 40px; min-height: 40px; padding: 3px 20px 0 !important; line-height: 1 !important; font-size: 13px; font-weight: 700; white-space: nowrap;
}
html[data-theme] .file-bottom .btn-outline-primary { background: transparent; border: 1px solid var(--pn-line-strong); color: var(--pn-ink); }
html[data-theme] .file-bottom .btn-outline-primary:hover { border-color: var(--pn-gold-2); color: var(--pn-gold); background: var(--pn-gold-soft); }
html[data-theme] .file-bottom .btn-warning { background: transparent; border: 1px solid var(--pn-warn); color: var(--pn-warn-ink); }

/* هدر پاپ‌آپ در حالت روز */
html[data-theme="light"] .iziModal-header { background: linear-gradient(135deg, #f4f0f8 0%, #e6dbf1 100%) !important; border-bottom: 1px solid var(--pn-line-strong); }
html[data-theme="dark"] .iziModal-header { border-bottom: 1px solid var(--pn-line-strong); }
html[data-theme] .iziModal-header-title { font-weight: 800; }
html[data-theme] .iziModal-header-subtitle { opacity: .75; }
html[data-theme="light"] .iziModal-header .iziModal-button { color: var(--pn-ink) !important; }

/* ==== round 5 ==== */
/* خط‌های اضافی داخل کارت سفارش: فقط یک خط بالای دکمه‌ها */
html[data-theme] .file-top { border: 0 !important; overflow: visible; }
html[data-theme] .file-info, html[data-theme] .file-info.wide { overflow: visible !important; }
html[data-theme] .file .table-product-info, html[data-theme] .file .table-product-info tbody, html[data-theme] .file .table-product-info tr { border: 0 !important; box-shadow: none !important; background: transparent !important; }
html[data-theme] .file .card.card-body { border: 0 !important; box-shadow: none !important; margin-top: 4px !important; }
html[data-theme] .file .card-header { border: 0 !important; }
html[data-theme] .file::before, html[data-theme] .file::after, html[data-theme] .file-top::before, html[data-theme] .file-top::after { display: none !important; }

/* دکمه‌های هدر پاپ‌آپ (بستن / تمام‌صفحه) در حالت روز */
html[data-theme] .iziModal-header .iziModal-button {
  position: relative; width: 34px; height: 34px; margin: 0 0 0 6px !important; padding: 0;
  background-image: none !important; background-color: var(--pn-surface) !important;
  border: 1px solid var(--pn-line-strong); border-radius: 0 !important; filter: none; opacity: 1;
  transition: background-color .15s, border-color .15s;
}
html[data-theme] .iziModal-header .iziModal-button:hover { background-color: var(--pn-gold-2) !important; border-color: var(--pn-gold-2); }
html[data-theme] .iziModal-header .iziModal-button::before, html[data-theme] .iziModal-header .iziModal-button::after { content: ""; position: absolute; left: 50%; top: 50%; background: var(--pn-ink); }
html[data-theme] .iziModal-header .iziModal-button-close::before, html[data-theme] .iziModal-header .iziModal-button-close::after { width: 14px; height: 2px; margin: -1px 0 0 -7px; }
html[data-theme] .iziModal-header .iziModal-button-close::before { transform: rotate(45deg); }
html[data-theme] .iziModal-header .iziModal-button-close::after { transform: rotate(-45deg); }
html[data-theme] .iziModal-header .iziModal-button-fullscreen::before { width: 12px; height: 12px; margin: -6px 0 0 -6px; background: transparent; border: 2px solid var(--pn-ink); }
html[data-theme] .iziModal-header .iziModal-button-fullscreen::after { display: none; }

/* گوشه‌ها و خط رنگی پایین پاپ‌آپ */
html[data-theme] .iziModal, html[data-theme] .iziModal .iziModal-wrap, html[data-theme] .iziModal-iframe { border-radius: 0 !important; }
html[data-theme] .iziModal { border-bottom: 0 !important; box-shadow: 0 10px 40px rgba(17, 17, 17, .18); }

/* دکمه‌ی بستن پاپ‌آپ‌های سفارشی هم‌شکل با بالایی */
html[data-theme] .btn-modal-close-custom { border-radius: 0 !important; }

/* فاصله‌ی داخلی پاپ‌آپ‌ها */
html[data-theme] body.pn-page { padding: 22px 26px 28px; }
html[data-theme] .iziModal .popup-modal-content { padding: 22px 26px 26px; }
@media (max-width: 575.98px) {
  html[data-theme] body.pn-page { padding: 16px 14px 22px; }
  html[data-theme] .iziModal .popup-modal-content { padding: 16px 14px 20px; }
}

/* ==== round 6: کارت‌های بانکی ==== */
.pn-bc-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 20px; align-items: start; }
.pn-bc-list, .pn-bc-form { background: var(--pn-surface); border: 1px solid var(--pn-line); border-radius: 0; padding: 24px; }
.pn-bc-title { font-size: 16px; font-weight: 800; margin: 0 0 18px; color: var(--pn-ink); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pn-bc-count { font-size: 12.5px; font-weight: 600; color: var(--pn-ink-2); }
.pn-bc-item { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-top: 1px solid var(--pn-line); }
.pn-bc-item:first-of-type { border-top: 0; padding-top: 0; }
.pn-bc-ico { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 0; display: flex; align-items: center; justify-content: center; background: var(--pn-gold-soft); color: var(--pn-gold-2); font-size: 22px; }
.pn-bc-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pn-bc-num { font-size: 16px; font-weight: 800; color: var(--pn-ink); direction: ltr !important; unicode-bidi: bidi-override; text-align: right; letter-spacing: .5px; font-variant-numeric: tabular-nums; }
.pn-bc-meta { font-size: 12.5px; color: var(--pn-ink-2); }
.pn-bc-reason { font-size: 12.5px; color: var(--pn-bad); margin-top: 2px; }
html[data-theme="dark"] .pn-bc-reason { color: var(--pn-bad-ink); }
.pn-bc-badge { flex: 0 0 auto; font-size: 12px; font-weight: 700; padding: 5px 12px; border-radius: 0; white-space: nowrap; }
.pn-bc-badge.is-ok { background: var(--pn-ok-soft); color: var(--pn-ok-ink); }
.pn-bc-badge.is-wait { background: var(--pn-warn-soft); color: var(--pn-warn-ink); }
.pn-bc-badge.is-bad { background: var(--pn-bad-soft); color: var(--pn-bad-ink); }
.pn-bc-empty { text-align: center; padding: 28px 0; color: var(--pn-ink-2); font-size: 13.5px; }

.pn-bc-form .form-group label { font-weight: 700; font-size: 13px; margin-bottom: 8px; }
html[data-theme] .pn-bc-input { direction: ltr; text-align: center; font-size: 17px; letter-spacing: 2px; font-variant-numeric: tabular-nums; }
.pn-bc-hint { display: block; min-height: 18px; margin-top: 6px; color: var(--pn-bad); font-size: 12px; }
html[data-theme="dark"] .pn-bc-hint { color: var(--pn-bad-ink); }
.pn-bc-uploads { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 6px 0 4px; }
.pn-bc-uplabel { display: block; font-size: 13px; font-weight: 700; margin-bottom: 8px; color: var(--pn-ink); }
.pn-bc-drop {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 112px; padding: 12px; margin: 0; cursor: pointer; text-align: center;
  border: 1.5px dashed var(--pn-line-strong); border-radius: 0; background: var(--pn-surface-2); color: var(--pn-gold); font-size: 13px; font-weight: 700; transition: border-color .2s, background .2s;
}
.pn-bc-drop i { font-size: 28px; line-height: 1; }
.pn-bc-drop span { word-break: break-all; line-height: 1.6; }
.pn-bc-drop:hover, .pn-bc-drop.is-filled { border-color: var(--pn-gold-2); background: var(--pn-gold-soft); }
.pn-bc-file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.pn-bc-up { position: relative; }
.pn-bc-rules { list-style: none; padding: 0; margin: 18px 0 20px; display: flex; flex-direction: column; gap: 8px; font-size: 12.5px; color: var(--pn-ink-2); }
.pn-bc-rules li { position: relative; padding-inline-start: 16px; }
.pn-bc-rules li::before { content: ""; position: absolute; inset-inline-start: 0; top: .75em; width: 6px; height: 6px; border-radius: 0; background: var(--pn-gold-2); }
html[data-theme] .pn-bc-form .pn-submit { width: 100%; }
@media (max-width: 991.98px) { .pn-bc-grid { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .pn-bc-list, .pn-bc-form { padding: 18px; } .pn-bc-uploads { grid-template-columns: 1fr; } .pn-bc-item { flex-wrap: wrap; } }

/* ==== round 7: احراز سطح ۱ ==== */
html[data-theme] .pn-kyc-input { direction: ltr; text-align: center; font-size: 17px; letter-spacing: 2px; font-variant-numeric: tabular-nums; }
html[data-theme] .pn-kyc-input::placeholder { letter-spacing: 0; font-size: 13px; direction: rtl; }
.pn-kyc-date { display: grid; grid-template-columns: 1fr 1.4fr 1.2fr; gap: 10px; }
.pn-kyc .pn-bc-form .form-group { margin-bottom: 14px; }
.pn-kyc .pn-bc-form .form-group label { display: block; }
.pn-kyc-lead { font-size: 13.5px; line-height: 2; color: var(--pn-ink-2); margin: 0 0 6px; }
.pn-kyc-info .pn-bc-rules { margin-bottom: 0; }
html[data-theme] #pnKycSubmit { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 6px; }
.pn-kyc-spin { display: none; width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(17, 17, 17, .25); border-top-color: var(--pn-on-gold); animation: pnKycSpin .7s linear infinite; }
#pnKycSubmit.is-loading .pn-kyc-spin { display: inline-block; }
#pnKycSubmit.is-loading { opacity: .85; cursor: progress; }
@keyframes pnKycSpin { to { transform: rotate(360deg); } }
.pn-kyc-result { text-align: center; padding: 18px 8px 8px; }
.pn-kyc-result-ico { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; line-height: 1; }
.pn-kyc-result.is-ok .pn-kyc-result-ico { background: var(--pn-ok-soft); color: var(--pn-ok-ink); }
.pn-kyc-result.is-bad .pn-kyc-result-ico { background: var(--pn-bad-soft); color: var(--pn-bad-ink); }
.pn-kyc-result strong { display: block; font-size: 17px; font-weight: 800; margin-bottom: 8px; color: var(--pn-ink); }
.pn-kyc-result p { font-size: 13.5px; line-height: 2; color: var(--pn-ink-2); margin: 0 0 16px; }
@media (max-width: 575.98px) { .pn-kyc-date { grid-template-columns: 1fr 1fr 1fr; gap: 8px; } }
html[data-theme] .pn-kyc-date .custom-select { padding: 0 14px 0 30px; line-height: normal; background-position: left 10px center; text-align: right; }

/* ==== round 8: کارت سفارش جدید ==== */
.pn-order { background: var(--pn-surface); border: 1px solid var(--pn-line); border-radius: 0; margin-bottom: 16px; overflow: hidden; }
.pn-order-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; padding: 14px 22px; background: var(--pn-surface-2); border-bottom: 1px solid var(--pn-line); }
.pn-order-id { display: flex; align-items: baseline; gap: 8px; }
.pn-order-id span { font-size: 12.5px; color: var(--pn-ink-2); }
.pn-order-id strong { font-size: 16px; font-weight: 800; color: var(--pn-gold); }
.pn-order-date { font-size: 12.5px; color: var(--pn-ink-2); }
.pn-order-status { margin-inline-start: auto; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--pn-ink-2); }
.pn-order-status small { font-size: 12.5px; }
.pn-order-body { display: grid; grid-template-columns: 1fr auto; gap: 20px 40px; align-items: center; padding: 20px 22px; }
.pn-order-label { font-size: 12.5px; font-weight: 700; color: var(--pn-ink-2); margin-bottom: 12px; }
.pn-order-label span { font-weight: 500; }
.pn-items { display: flex; flex-wrap: wrap; gap: 14px 28px; }
.pn-item { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pn-item img { flex: 0 0 auto; width: 54px; height: 54px; border-radius: 0; object-fit: cover; border: 1px solid var(--pn-line); background: var(--pn-surface-2); }
.pn-item h6 { margin: 0 0 3px; font-size: 14px; font-weight: 800; color: var(--pn-ink); line-height: 1.6; }
.pn-item span { font-size: 12.5px; color: var(--pn-ink-2); }
.pn-item .btn { display: inline-flex; margin-top: 6px; }
.pn-order-money { text-align: end; }
.pn-money-main small, .pn-money-sub small { display: block; font-size: 12px; color: var(--pn-ink-2); margin-bottom: 4px; }
.pn-money-main strong { display: block; font-size: 20px; font-weight: 800; color: var(--pn-ink); line-height: 1.5; }
.pn-money-sub { margin-top: 12px; }
.pn-money-sub b { font-size: 14px; font-weight: 800; color: var(--pn-ok-ink); }
.pn-order-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 22px 18px; border-top: 1px solid var(--pn-line); }
html[data-theme] .pn-order-actions .btn, html[data-theme] .pn-order-actions a.btn {
  display: inline-flex; align-items: center; justify-content: center; height: 40px; min-height: 40px; margin: 0 !important; padding: 3px 20px 0 !important; line-height: 1 !important; font-size: 13px; font-weight: 700; white-space: nowrap;
}
html[data-theme] .pn-order-actions .btn-secondary { background: transparent; border: 1px solid var(--pn-gold-2); color: var(--pn-gold); }
html[data-theme] .pn-order-actions .btn-outline-primary { background: transparent; border: 1px solid var(--pn-line-strong); color: var(--pn-ink); }
html[data-theme] .pn-order-actions .btn-outline-primary:hover { border-color: var(--pn-gold-2); color: var(--pn-gold); background: var(--pn-gold-soft); }
html[data-theme] .pn-order-actions .btn-warning { background: transparent; border: 1px solid var(--pn-warn); color: var(--pn-warn-ink); }
.pn-order-hint { font-size: 12.5px; color: var(--pn-bad); }
html[data-theme="dark"] .pn-order-hint { color: var(--pn-bad-ink); }
@media (max-width: 767.98px) {
  .pn-order-head { padding: 12px 16px; }
  .pn-order-status { margin-inline-start: 0; width: 100%; }
  .pn-order-body { grid-template-columns: 1fr; padding: 16px; gap: 16px; }
  .pn-order-money { text-align: start; padding-top: 14px; border-top: 1px dashed var(--pn-line); }
  .pn-order-actions { padding: 12px 16px 16px; }
  .pn-order-actions .btn { flex: 1 1 calc(50% - 10px); }
}
html[data-theme] .pn-item .btn { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: 32px; margin-top: 8px; padding: 3px 14px 0 !important; font-size: 12px; font-weight: 700; line-height: 1 !important; border-radius: 0; white-space: nowrap; }

/* ==== صفحه ثبت دیدگاه ==== */
html[data-theme] body.pn-page .pn-review { max-width: 860px; margin: 0 auto; }
.pn-review-title { margin: 0 0 6px; font-size: 18px; font-weight: 800; }
.pn-review-lead { margin: 0 0 18px; font-size: 13px; color: var(--pn-ink-2); line-height: 1.9; }
.pn-review-note { padding: 16px 20px; margin: 0 0 20px; background: var(--pn-gold-soft); border: 1px solid var(--pn-gold-2); border-inline-start: 4px solid var(--pn-gold-2); }
.pn-review-note strong { display: block; margin-bottom: 4px; font-size: 14.5px; font-weight: 800; color: var(--pn-ink); }
.pn-review-note p { margin: 0; font-size: 13px; line-height: 2; color: var(--pn-ink-2); }
.pn-review-note p b { color: var(--pn-gold); font-weight: 800; }
.pn-q { background: var(--pn-surface); border: 1px solid var(--pn-line); padding: 18px 20px; margin-bottom: 12px; }
.pn-q-title { display: flex; align-items: baseline; gap: 10px; margin: 0 0 14px; font-size: 14.5px; font-weight: 800; color: var(--pn-ink); }
.pn-q-num { flex: 0 0 auto; min-width: 22px; color: var(--pn-gold); font-weight: 800; }
.pn-q-title.d-block { display: block; }
html[data-theme] .pn-choices { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px; }
html[data-theme] .pn-choices li { position: relative; margin: 0 !important; padding: 0 !important; list-style: none !important; }
html[data-theme] .pn-choices input { position: absolute; width: 1px; height: 1px; margin: 0 !important; opacity: 0; pointer-events: none; }
html[data-theme] .pn-choices label { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; font-size: 14px !important; min-width: 76px; min-height: 40px; margin: 0 !important; padding: 3px 18px 0; border: 1px solid var(--pn-line-strong); background: var(--pn-surface); color: var(--pn-ink-2); font-size: 13px; font-weight: 700; cursor: pointer; transition: border-color .15s, background .15s; }
html[data-theme] .pn-choices label:hover { border-color: var(--pn-gold-2); color: var(--pn-ink); }
html[data-theme] .pn-choices input:checked + label { background: var(--pn-gold-2); border-color: var(--pn-gold-2); color: var(--pn-on-gold); }
html[data-theme] .pn-choices input:focus-visible + label { box-shadow: var(--pn-ring); }
.pn-q.is-missing { border-color: var(--pn-bad); background: var(--pn-bad-soft); }
.pn-q-warn { margin: -6px 0 12px; font-size: 12.5px; font-weight: 700; color: var(--pn-bad); }

/* ایموجی بزرگ کنار هر سوال */
.pn-q { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 20px; }
.pn-q-main { min-width: 0; }
.pn-q-face { width: 76px; text-align: center; font-size: 54px; line-height: 1; filter: grayscale(1); opacity: .3; transition: opacity .2s; user-select: none; }
.pn-q-face.is-set { filter: none; opacity: 1; animation: pn-pop .35s ease; }
@keyframes pn-pop { 0% { transform: scale(.6); } 60% { transform: scale(1.15); } 100% { transform: scale(1); } }
@media (max-width: 575.98px) {
  .pn-q { grid-template-columns: 1fr; }
  .pn-q-face { grid-row: 1; width: auto; text-align: start; font-size: 40px; margin-bottom: 10px; }
}
