/* سازگاری صفحات پنل کیوکار با تم فراز (بدون @apply) */

body.qcar-admin-panel .qcar-home-header,
body.qcar-admin-panel .qcar-site-bottom-nav,
body.qcar-admin-panel .qcar-public-header {
  display: none !important;
}

.qcar-faraz {
  --qcar-orange: #f26622;
  --qcar-orange-dark: #d95518;
  --qcar-navy: #1d2a44;
  --qcar-muted: #6b7280;
  --qcar-border: #e5e7eb;
}

.qcar-faraz a.btn,
.qcar-faraz button.btn,
.qcar-faraz input.btn[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.9rem;
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.55rem 1rem;
  transition: all 0.15s ease;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}

.qcar-faraz a.btn.dark,
.qcar-faraz button.btn.dark,
.qcar-faraz input.btn.dark[type="submit"] {
  background: linear-gradient(135deg, var(--fz-brand-500), var(--fz-brand-700));
  color: #fff;
  box-shadow: 0 12px 26px -12px rgba(43, 161, 145, 0.8);
}

.qcar-faraz a.btn.dark:hover,
.qcar-faraz button.btn.dark:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.qcar-faraz a.btn:not(.dark):not(.ghost):not(.danger),
.qcar-faraz button.btn:not(.dark):not(.ghost):not(.danger) {
  background: var(--fz-brand-100);
  color: var(--fz-brand-700);
}

html.dark .qcar-faraz a.btn:not(.dark):not(.ghost):not(.danger),
html.dark .qcar-faraz button.btn:not(.dark):not(.ghost):not(.danger) {
  background: rgba(43, 161, 145, 0.18);
  color: var(--fz-brand-400);
}

.qcar-faraz .btn.ghost {
  background: var(--fz-surface);
  border-color: var(--fz-border);
  color: var(--fz-text-soft);
  box-shadow: var(--fz-shadow-sm);
}

.qcar-faraz .btn.danger {
  background: var(--fz-danger, #e0525a);
  color: #fff;
}

.qcar-faraz .card {
  background: var(--fz-surface);
  border: 1px solid var(--fz-border);
  border-radius: 1rem;
  box-shadow: var(--fz-shadow-sm);
  padding: 1rem;
  margin-bottom: 1rem;
}

.qcar-faraz .table-wrap {
  overflow-x: auto;
  padding: 0;
}

.qcar-faraz .table-wrap.card {
  padding: 0;
}

.qcar-faraz table:not(.fz-table):not(.inv-box):not(.inv-grid):not(.inv-calc):not(.inv-head) {
  width: 100%;
  border-collapse: collapse;
}

.qcar-faraz table:not(.fz-table):not(.inv-box) th,
.qcar-faraz table:not(.fz-table):not(.inv-box) td {
  border-bottom: 1px solid var(--fz-border);
  padding: 0.65rem 0.75rem;
  text-align: right;
  font-size: 0.875rem;
}

.qcar-faraz table:not(.fz-table):not(.inv-box) th {
  background: var(--fz-surface-2);
  color: var(--fz-text-soft);
  font-weight: 700;
}

.qcar-faraz label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0.75rem 0 0.35rem;
  color: var(--fz-text);
}

.qcar-faraz input:not([type="checkbox"]):not([type="radio"]),
.qcar-faraz select,
.qcar-faraz textarea {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid var(--fz-border);
  background: var(--fz-surface);
  color: var(--fz-text);
  padding: 0.55rem 0.75rem;
  font-size: 0.875rem;
}

.qcar-faraz select,
.qcar-faraz select.fz-input {
  appearance: none;
  cursor: pointer;
  padding-inline-end: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 0.65rem center;
  background-size: 1rem;
}

.qcar-faraz input:focus,
.qcar-faraz select:focus,
.qcar-faraz textarea:focus {
  outline: none;
  border-color: var(--fz-brand-400);
  box-shadow: 0 0 0 3px rgba(43, 161, 145, 0.15);
}

.qcar-faraz h1 {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--fz-text);
  margin: 0 0 1rem;
}

.qcar-faraz h2,
.qcar-faraz h3 {
  color: var(--fz-text);
}

.qcar-faraz .muted {
  color: var(--fz-text-faint);
}

.qcar-faraz .badge {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  background: var(--fz-brand-100);
  color: var(--fz-brand-700);
}

.qcar-faraz .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
  padding: 1rem 0 0;
  margin: 0;
}

.qcar-faraz .pagination li a,
.qcar-faraz .pagination li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  padding: 0.35rem 0.65rem;
  border-radius: 0.5rem;
  border: 1px solid var(--fz-border);
  font-size: 0.8125rem;
  color: var(--fz-text);
}

.qcar-faraz .pagination li.active span {
  background: var(--fz-brand-600);
  color: #fff;
  border-color: var(--fz-brand-600);
}

.qcar-faraz .pagination li.disabled span {
  opacity: 0.45;
}

/* صفحه‌بندی — نزدیک به customers.html */
.qcar-faraz .pagination li a,
.qcar-faraz .pagination li span {
  border-radius: 0.75rem;
  font-weight: 600;
  min-height: 2.25rem;
}

.qcar-faraz .pagination li a:hover {
  background: var(--fz-surface-2);
}

.qcar-faraz .grid.grid-3 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.qcar-faraz a:not(.btn):not(.fz-link):not(.fz-nav-link) {
  color: var(--fz-brand-700);
  font-weight: 600;
}

.qcar-faraz .mb-actions {
  margin-bottom: 1rem;
}

/* وضوح متن — متن اصلی مشکی */
.qcar-faraz,
.qcar-faraz .fz-table tbody td,
.qcar-faraz .fz-table thead th,
.qcar-faraz .fz-card-title,
.qcar-faraz .fz-strong,
.qcar-faraz p,
.qcar-faraz label {
  color: #111827;
}

html.dark .qcar-faraz,
html.dark .qcar-faraz .fz-table tbody td,
html.dark .qcar-faraz .fz-table thead th {
  color: #f3f4f6;
}

.qcar-faraz .muted,
.qcar-faraz .fz-card-sub,
.qcar-faraz .fz-text-faint {
  color: #4b5563 !important;
}

.fz-btn-danger {
  background: #dc2626 !important;
  color: #fff !important;
  border-color: #dc2626 !important;
}

.fz-btn-danger:hover {
  filter: brightness(1.05);
}

/* دکمه‌های رنگی — جلوگیری از ارث‌بری رنگ متن مشکی از .qcar-faraz */
.qcar-faraz a.fz-btn-primary,
.qcar-faraz button.fz-btn-primary,
.qcar-faraz .fz-btn-primary {
  color: #ffffff !important;
}

.qcar-faraz a.fz-btn-primary svg,
.qcar-faraz button.fz-btn-primary svg,
.qcar-faraz .fz-btn-primary svg {
  color: #ffffff;
  stroke: currentColor;
}

.qcar-faraz a.fz-btn-danger,
.qcar-faraz button.fz-btn-danger,
.qcar-faraz .fz-btn-danger {
  color: #ffffff !important;
}

.qcar-faraz .pagination li.active span {
  color: #ffffff !important;
}

/* منوی فعال — پس‌زمینه مشخص در زیرمنو */
.fz-nav-sub a.fz-active {
  background: rgba(43, 161, 145, 0.14) !important;
  color: #0f766e !important;
  font-weight: 700;
}

html.dark .fz-nav-sub a.fz-active {
  background: rgba(43, 161, 145, 0.22) !important;
  color: #5fd6c3 !important;
}

.invoice-status-draft { background: #e5e7eb; color: #374151; }
.invoice-status-calculated { background: #dbeafe; color: #1d4ed8; }
.invoice-status-issued { background: #d1fae5; color: #047857; }
.invoice-status-cancelled { background: #fee2e2; color: #b91c1c; }
.invoice-status-revised { background: #fef3c7; color: #b45309; }

.fz-status-badge {
  display: inline-flex;
  padding: 0.2rem 0.55rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
}

/* جدول admin — کارت در موبایل (data-label از fz-table-responsive.js) */
@media (max-width: 767px) {
  .qcar-faraz .fz-table-responsive {
    overflow-x: visible;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table {
    display: block;
    border: 0;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table thead {
    display: none;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody {
    display: block;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody tr {
    display: block;
    margin-bottom: 0.85rem;
    background: var(--fz-surface, #fff);
    border: 1px solid var(--fz-border);
    border-radius: 0.85rem;
    padding: 0.35rem 0;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody tr:hover {
    background: var(--fz-surface, #fff);
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody tr + tr td {
    border-top: 0;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 1rem;
    border-top: 1px solid var(--fz-border);
    font-size: 0.8125rem;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody td:first-child {
    border-top: 0;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody td::before {
    content: attr(data-label);
    flex: 0 0 38%;
    max-width: 9rem;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--fz-text-faint, #6b7280);
    line-height: 1.5;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody td[data-label=""]::before,
  .qcar-faraz .fz-table-responsive > table.fz-table tbody td:not([data-label])::before {
    content: none;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody td[colspan] {
    display: block;
    text-align: center;
  }

  .qcar-faraz .fz-table-responsive > table.fz-table tbody td[colspan]::before {
    content: none;
  }
}

.fz-auth-panel-switch {
  display: flex;
  gap: 0.35rem;
  padding: 0.25rem;
  border-radius: 0.85rem;
  background: var(--fz-bg-soft, #f1f5f4);
  border: 1px solid var(--fz-border);
}

.fz-auth-panel-switch__item {
  flex: 1;
  text-align: center;
  padding: 0.55rem 0.65rem;
  border-radius: 0.65rem;
  font-size: 0.8125rem;
  font-weight: 800;
  text-decoration: none;
  color: var(--fz-text-soft);
  transition: background 0.15s, color 0.15s;
}

.fz-auth-panel-switch__item.is-active {
  background: var(--fz-surface, #fff);
  color: var(--fz-text);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}