body { font-family: sans-serif; background:#f5f5f5; padding:20px; color:#111827; }
.card { max-width:820px; margin:auto; background:white; padding:20px; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.08); }
input, textarea, button, select { width:100%; box-sizing:border-box; margin-top:8px; padding:12px; font-size:16px; }
label { display:block; margin-top:14px; font-weight:bold; }
textarea { min-height:120px; }
button { background:#111827; color:white; border:0; border-radius:10px; margin-top:10px; cursor:pointer; }
pre { direction:ltr; text-align:left; background:#111827; color:white; padding:12px; border-radius:10px; overflow:auto; }
a { color:#2563eb; text-decoration:none; }
.nav { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.nav a { background:#eef2ff; padding:8px 10px; border-radius:10px; }
.empty { background:#f9fafb; border:1px dashed #d1d5db; padding:14px; border-radius:12px; color:#6b7280; }
.item { border:1px solid #e5e7eb; border-radius:14px; padding:14px; margin:14px 0; background:#fff; }
.meta { color:#6b7280; font-size:14px; line-height:1.8; }
.status { display:inline-block; padding:4px 9px; border-radius:999px; font-size:13px; font-weight:bold; margin:3px 3px; }
.status-new { background:#eff6ff; color:#1d4ed8; }
.status-approved { background:#ecfdf5; color:#047857; }
.status-rejected { background:#fef2f2; color:#b91c1c; }
.status-waiting { background:#fff7ed; color:#c2410c; }
.status-paid { background:#ecfdf5; color:#047857; }
.actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.btn-approve { background:#047857; }
.btn-reject { background:#b91c1c; }
.btn-secondary { background:#374151; }
.button-link {
  display:inline-block;
  box-sizing:border-box;
  padding:10px 12px;
  border-radius:10px;
  text-align:center;
  font-weight:bold;
  margin-top:8px;
}

.button-link.primary {
  background:#111827;
  color:white;
}

.button-link.secondary {
  background:#eef2ff;
  color:#1d4ed8;
}

.button-link.danger {
  background:#fef2f2;
  color:#b91c1c;
}
.notice { background:#f9fafb; border:1px solid #e5e7eb; border-radius:12px; padding:14px; line-height:1.9; }
hr { border:0; border-top:1px solid #e5e7eb; margin:14px 0; }

.channel-option {
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
  margin:12px 0;
  background:#fff;
}

.channel-option.selected,
.channel-option:has(.channel-checkbox:checked) {
  border-color:#047857;
  background:#ecfdf5;
}

.channel-option-head {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:flex-start;
  cursor:pointer;
  margin-top:0;
}

.channel-option-head input[type="checkbox"] {
  width:auto;
  margin-top:4px;
}

.channel-details {
  display:none;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:12px;
  margin-top:12px;
  line-height:1.9;
}

.channel-option.selected .channel-details,
.channel-option:has(.channel-checkbox:checked) .channel-details {
  display:block;
}

.timed-plan-box,
.view-plan-box {
  display:none;
}

.channel-option[data-plan-type="timed"] .timed-plan-box {
  display:block;
}

.channel-option[data-plan-type="view"] .view-plan-box {
  display:block;
}

.channel-controls {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.small-note {
  font-size:13px;
  color:#6b7280;
  line-height:1.8;
}
.draft-box {
  display:none;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#7c2d12;
  border-radius:12px;
  padding:12px;
  margin:12px 0;
  line-height:1.8;
}

.draft-box.visible {
  display:block;
}

.draft-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}

.draft-actions button {
  margin-top:0;
}

.btn-light {
  background:#eef2ff;
  color:#1d4ed8;
}

.btn-warning {
  background:#f97316;
  color:white;
}

.copy-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}

.copy-item {
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px;
}

.copy-value {
  direction:ltr;
  text-align:left;
  font-weight:bold;
  background:white;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:8px;
  margin-top:6px;
  word-break:break-all;
}

.copy-btn {
  background:#eef2ff;
  color:#1d4ed8;
  margin-top:8px;
}

.copy-result {
  display:none;
  margin-top:10px;
  background:#ecfdf5;
  color:#047857;
  border:1px solid #a7f3d0;
  border-radius:10px;
  padding:10px;
}

.copy-result.visible {
  display:block;
}
.template-helper {
  background:#f0fdf4;
  border:1px solid #bbf7d0;
  color:#14532d;
  border-radius:12px;
  padding:12px;
  margin:10px 0;
  line-height:1.9;
}

.template-helper pre {
  background:#064e3b;
  color:white;
  white-space:pre-wrap;
  direction:rtl;
  text-align:right;
}

.template-buttons {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:8px;
  margin:10px 0;
}

.template-buttons button {
  margin-top:0;
  background:#eef2ff;
  color:#1d4ed8;
  font-size:14px;
  padding:9px;
}
.error-box {
  background:#fef2f2;
  border:1px solid #fecaca;
  color:#7f1d1d;
  border-radius:14px;
  padding:16px;
  line-height:1.9;
  margin:14px 0;
}

.error-box h1,
.error-box h2,
.error-box h3 {
  margin-top:0;
}

.error-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.review-summary-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  margin:12px 0;
}

.review-summary-item {
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:12px;
}

.ad-preview-box {
  background:#111827;
  color:white;
  border-radius:14px;
  padding:14px;
  margin:12px 0;
  line-height:1.9;
  white-space:pre-wrap;
  direction:rtl;
  text-align:right;
}

.rules-box {
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:12px;
  margin-top:10px;
}

.review-warning {
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#7c2d12;
  border-radius:12px;
  padding:12px;
  line-height:1.9;
  margin:12px 0;
}
.image-upload-box {
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:12px;
  margin-top:10px;
}

.ad-image-preview {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(90px,1fr));
  gap:8px;
  margin-top:10px;
}

.ad-image-preview-item {
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:6px;
  background:white;
  font-size:12px;
  color:#374151;
  overflow:hidden;
}

.ad-image-preview-item img {
  width:100%;
  height:80px;
  object-fit:cover;
  border-radius:8px;
  display:block;
  margin-bottom:6px;
}

.ad-image-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:10px;
  margin:12px 0;
}

.ad-image-card {
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:8px;
  background:#f9fafb;
}
.image-settings-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  margin:12px 0;
}

.image-settings-card {
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px;
  background:#f9fafb;
}

.image-settings-card img {
  width:100%;
  height:140px;
  object-fit:cover;
  border-radius:10px;
  display:block;
  margin-bottom:8px;
}

.image-settings-card label {
  margin-top:8px;
  font-size:13px;
}

.image-settings-card select,
.image-settings-card input {
  font-size:14px;
  padding:9px;
}

.collage-preview-box {
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  margin:12px 0;
}

.collage-preview-box img {
  width:100%;
  max-height:520px;
  object-fit:contain;
  border-radius:12px;
  display:block;
  background:#f9fafb;
}

.image-settings-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}

@media (max-width: 640px) {
  .image-settings-actions {
    grid-template-columns:1fr;
  }
}

.ad-image-card img {
  width:100%;
  max-height:180px;
  object-fit:cover;
  border-radius:10px;
  display:block;
}

.ad-image-card .meta {
  margin-top:6px;
  font-size:12px;
}
.admin-decision-box {
  background:#ecfdf5;
  border:1px solid #a7f3d0;
  color:#064e3b;
  border-radius:16px;
  padding:16px;
  margin:14px 0;
  line-height:1.9;
}

.admin-decision-box.warning {
  background:#fff7ed;
  border-color:#fed7aa;
  color:#7c2d12;
}

.admin-decision-box.danger {
  background:#fef2f2;
  border-color:#fecaca;
  color:#7f1d1d;
}

.admin-decision-box.neutral {
  background:#f9fafb;
  border-color:#e5e7eb;
  color:#374151;
}

.admin-decision-title {
  font-size:18px;
  font-weight:bold;
  margin-bottom:8px;
}

.admin-summary-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin:12px 0;
}

.admin-summary-card {
  background:white;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
}

.admin-summary-card .meta {
  font-size:12px;
}

.admin-summary-card b {
  font-size:18px;
}

.admin-section-details {
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  margin:12px 0;
  background:#fff;
}

.admin-section-details summary {
  cursor:pointer;
  font-weight:bold;
  font-size:17px;
}

.admin-action-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  margin-top:12px;
}
.primary-image-badge {
  display:none;
  background:#ecfdf5;
  color:#047857;
  border:1px solid #a7f3d0;
  border-radius:999px;
  padding:3px 8px;
  font-size:12px;
  font-weight:bold;
  margin-top:6px;
}

.ad-image-preview-item.primary .primary-image-badge {
  display:inline-block;
}

.ad-image-preview-item.primary {
  border-color:#047857;
  background:#ecfdf5;
}

.primary-image-choice {
  display:flex;
  gap:6px;
  align-items:center;
  margin-top:8px;
  font-size:12px;
  color:#111827;
  font-weight:normal;
}

.primary-image-choice input {
  width:auto;
  margin:0;
  padding:0;
}

.ad-image-preview-error {
  grid-column:1 / -1;
  background:#fef2f2;
  border:1px solid #fecaca;
  color:#991b1b;
  border-radius:10px;
  padding:10px;
  line-height:1.8;
}
.ad-image-picker-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}

.ad-image-add-btn {
  background:#111827;
  color:white;
  margin-top:0;
}

.ad-image-clear-btn {
  background:#fef2f2;
  color:#b91c1c;
  border:1px solid #fecaca;
  margin-top:0;
}

.ad-image-input-store {
  display:none;
}

.ad-image-preview-empty {
  grid-column:1 / -1;
  background:#fff;
  border:1px dashed #d1d5db;
  color:#6b7280;
  border-radius:10px;
  padding:10px;
  line-height:1.8;
}

.ad-image-remove-btn {
  background:#fef2f2;
  color:#b91c1c;
  border:1px solid #fecaca;
  font-size:12px;
  padding:7px;
  margin-top:6px;
}

@media (max-width: 640px) {
  .ad-image-picker-row {
    grid-template-columns:1fr;
  }
}
.stepper-progress {
  display:none;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  margin:14px 0;
}

.stepper-ready .stepper-progress {
  display:block;
}

.stepper-steps {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:8px;
}

.stepper-step-pill {
  background:#eef2ff;
  color:#1d4ed8;
  border-radius:999px;
  padding:8px 10px;
  text-align:center;
  font-size:13px;
  font-weight:bold;
}

.stepper-step-pill.active {
  background:#111827;
  color:white;
}

.stepper-ready .step-section {
  display:none;
}

.stepper-ready .step-section.active {
  display:block;
}

.stepper-controls {
  display:none;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}

.stepper-ready .stepper-controls {
  display:grid;
}

.stepper-controls button {
  margin-top:0;
}

.stepper-controls .stepper-prev {
  background:#eef2ff;
  color:#1d4ed8;
}

.stepper-controls .stepper-next {
  background:#111827;
  color:white;
}

.stepper-error {
  display:none;
  background:#fef2f2;
  border:1px solid #fecaca;
  color:#991b1b;
  border-radius:12px;
  padding:10px;
  margin:10px 0;
  line-height:1.8;
}

.stepper-error.visible {
  display:block;
}

@media (max-width: 640px) {
  .error-actions {
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px) {
  .copy-grid {
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px) {
  body { padding:10px; }
  .card { padding:14px; }
  .actions { grid-template-columns:1fr; }
  .channel-controls { grid-template-columns:1fr; }
}

/* =========================================================
   Phase 4.1 - UX/UI Design System Layer
   هدف: نرم‌سازی، زیباسازی و آماده‌سازی UI برای فاز ۴
   این بخش فعلاً override امن است و منطق بک‌اند را تغییر نمی‌دهد.
   ========================================================= */

:root {
  --ui-bg: #f6f7fb;
  --ui-surface: #ffffff;
  --ui-surface-soft: #f9fafb;
  --ui-surface-strong: #f1f5f9;

  --ui-text: #111827;
  --ui-muted: #6b7280;
  --ui-muted-2: #9ca3af;
  --ui-border: rgba(15, 23, 42, 0.09);

  --ui-primary: #2563eb;
  --ui-primary-strong: #1d4ed8;
  --ui-primary-soft: #eff6ff;

  --ui-success: #16a34a;
  --ui-success-soft: #ecfdf3;

  --ui-warning: #f59e0b;
  --ui-warning-soft: #fffbeb;

  --ui-danger: #dc2626;
  --ui-danger-soft: #fef2f2;

  --ui-info: #0891b2;
  --ui-info-soft: #ecfeff;

  --ui-radius-xs: 8px;
  --ui-radius-sm: 12px;
  --ui-radius-md: 16px;
  --ui-radius-lg: 22px;
  --ui-radius-xl: 28px;

  --ui-shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.06);
  --ui-shadow-md: 0 12px 35px rgba(15, 23, 42, 0.10);
  --ui-shadow-lg: 0 22px 60px rgba(15, 23, 42, 0.14);

  --ui-transition-fast: 140ms ease;
  --ui-transition: 220ms cubic-bezier(.2, .8, .2, 1);
  --ui-transition-slow: 360ms cubic-bezier(.2, .8, .2, 1);

  --ui-bottom-bar-height: 76px;
}

/* Page base */
html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.10), transparent 32rem),
    linear-gradient(180deg, #f8fafc 0%, var(--ui-bg) 100%);
  color: var(--ui-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Soft universal sizing */
* {
  box-sizing: border-box;
}

::selection {
  background: rgba(37, 99, 235, 0.18);
}

/* Cards and sections */
.card,
.item,
.notice,
.draft-box,
.admin-decision-box,
.admin-section-details,
.collage-preview-box,
.payment-info,
.order-card,
.channel-option,
.image-upload-box,
.ad-image-card {
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-sm);
  transition:
    transform var(--ui-transition),
    box-shadow var(--ui-transition),
    border-color var(--ui-transition),
    background-color var(--ui-transition);
}

.card,
.item,
.order-card,
.admin-decision-box {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
}

.card:hover,
.item:hover,
.order-card:hover,
.channel-option:hover,
.ad-image-card:hover {
  box-shadow: var(--ui-shadow-md);
  transform: translateY(-1px);
}

/* Compact vertical rhythm */
.card > *:first-child,
.item > *:first-child,
.admin-decision-box > *:first-child {
  margin-top: 0;
}

.card > *:last-child,
.item > *:last-child,
.admin-decision-box > *:last-child {
  margin-bottom: 0;
}

/* Typography */
h1,
h2,
h3 {
  letter-spacing: -0.02em;
  color: var(--ui-text);
}

h1 {
  font-size: clamp(1.35rem, 5vw, 2rem);
  line-height: 1.25;
}

h2 {
  font-size: clamp(1.15rem, 4vw, 1.55rem);
  line-height: 1.35;
}

p,
li,
label {
  line-height: 1.85;
}

small,
.muted,
.help,
.hint {
  color: var(--ui-muted);
}

/* Inputs */
input,
textarea,
select {
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
  color: var(--ui-text);
  transition:
    border-color var(--ui-transition-fast),
    box-shadow var(--ui-transition-fast),
    background-color var(--ui-transition-fast);
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: rgba(37, 99, 235, 0.72);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

textarea {
  resize: vertical;
}

/* Buttons */
button,
.button,
.button-link,
a.button-link,
input[type="submit"] {
  border-radius: var(--ui-radius-md);
  font-weight: 800;
  transition:
    transform var(--ui-transition-fast),
    box-shadow var(--ui-transition-fast),
    opacity var(--ui-transition-fast),
    background-color var(--ui-transition-fast),
    border-color var(--ui-transition-fast);
  touch-action: manipulation;
}

button:hover,
.button:hover,
.button-link:hover,
a.button-link:hover,
input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: var(--ui-shadow-sm);
}

button:active,
.button:active,
.button-link:active,
a.button-link:active,
input[type="submit"]:active {
  transform: translateY(0);
  opacity: 0.88;
}

button:disabled,
.button:disabled,
input[type="submit"]:disabled,
.is-loading {
  opacity: 0.68;
  cursor: not-allowed;
  pointer-events: none;
}

/* Loading spinner usable on every submit button */
.is-loading {
  position: relative;
}

.is-loading::after {
  content: "";
  width: 1em;
  height: 1em;
  margin-inline-start: .55rem;
  display: inline-block;
  vertical-align: -0.15em;
  border-radius: 999px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: ui-spin 700ms linear infinite;
}

/* Badges */
.badge,
.status-badge,
.primary-image-badge,
.payment-badge,
.publish-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 28px;
  padding: .28rem .7rem;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 800;
  border: 1px solid rgba(15, 23, 42, 0.08);
  white-space: nowrap;
}

.badge::before,
.status-badge::before,
.payment-badge::before,
.publish-badge::before {
  content: "";
  width: .45rem;
  height: .45rem;
  border-radius: 999px;
  background: currentColor;
  opacity: .75;
}

/* Images */
.ad-image-grid {
  gap: .8rem;
}

.ad-image-card {
  overflow: hidden;
  background: var(--ui-surface);
}

.ad-image-card img {
  display: block;
  width: 100%;
  border-radius: calc(var(--ui-radius-lg) - 6px);
  transition: transform var(--ui-transition-slow), filter var(--ui-transition);
}

.ad-image-card:hover img {
  transform: scale(1.015);
}

.primary-image-choice {
  border-radius: 999px;
}

.primary-image-badge {
  background: var(--ui-primary-soft);
  color: var(--ui-primary-strong);
}

/* Collapsible sections */
details {
  border-radius: var(--ui-radius-lg);
  transition: background-color var(--ui-transition), box-shadow var(--ui-transition);
}

details > summary {
  cursor: pointer;
  user-select: none;
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

details > summary::after {
  content: "⌄";
  float: left;
  transform: rotate(0deg);
  transition: transform var(--ui-transition);
  color: var(--ui-muted);
}

details[open] > summary::after {
  transform: rotate(180deg);
}

/* Bottom action bar */
.ui-bottom-action-bar {
  position: sticky;
  bottom: 0;
  z-index: 50;
  display: flex;
  gap: .7rem;
  align-items: center;
  justify-content: space-between;
  min-height: var(--ui-bottom-bar-height);
  padding: .85rem max(1rem, env(safe-area-inset-right)) calc(.85rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  margin: 1.2rem -1rem -1rem;
  background: rgba(255, 255, 255, 0.88);
  border-top: 1px solid var(--ui-border);
  backdrop-filter: blur(18px);
}

.ui-bottom-action-bar .button-link,
.ui-bottom-action-bar button {
  flex: 1;
  min-height: 48px;
}

/* Toast */
.ui-toast-stack {
  position: fixed;
  inset: auto 1rem calc(1rem + env(safe-area-inset-bottom)) 1rem;
  z-index: 9999;
  display: grid;
  gap: .6rem;
  pointer-events: none;
}

.ui-toast {
  pointer-events: auto;
  max-width: 560px;
  margin-inline: auto;
  padding: .85rem 1rem;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-border);
  background: rgba(17, 24, 39, 0.94);
  color: white;
  box-shadow: var(--ui-shadow-lg);
  animation: ui-toast-in var(--ui-transition-slow) both;
  font-weight: 700;
}

.ui-toast[data-type="success"] {
  background: rgba(22, 101, 52, 0.96);
}

.ui-toast[data-type="error"] {
  background: rgba(153, 27, 27, 0.96);
}

.ui-toast[data-type="warning"] {
  background: rgba(146, 64, 14, 0.96);
}

/* Soft entrance */
.card,
.item,
.notice,
.order-card,
.admin-decision-box,
.admin-section-details {
  animation: ui-soft-in 420ms cubic-bezier(.2, .8, .2, 1) both;
}

/* Skeleton loading utility */
.ui-skeleton {
  position: relative;
  overflow: hidden;
  background: #e5e7eb;
  border-radius: var(--ui-radius-md);
}

.ui-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  animation: ui-shimmer 1.25s infinite;
}

/* Mobile polish */
@media (max-width: 720px) {
  body {
    padding-inline: .75rem;
  }

  .card,
  .item,
  .notice,
  .admin-decision-box,
  .admin-section-details {
    border-radius: var(--ui-radius-lg);
  }

  input,
  textarea,
  select,
  button,
  .button-link {
    min-height: 46px;
    font-size: 16px;
  }

  .admin-summary-grid,
  .copy-grid,
  .ad-image-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 420px) {
  .admin-summary-grid,
  .copy-grid,
  .ad-image-grid {
    grid-template-columns: 1fr;
  }

  .ui-bottom-action-bar {
    margin-inline: -.75rem;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}

@keyframes ui-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ui-soft-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(.995);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes ui-toast-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes ui-shimmer {
  100% {
    transform: translateX(-100%);
  }
}


/* =========================================================
   Phase 4.1B - Premium Neumorphism Mobile App Layer
   هدف: تبدیل حس UI از وب‌فرم ساده به اپلیکیشن موبایل نرم و حرفه‌ای
   ========================================================= */

:root {
  --neo-bg: #edf1f7;
  --neo-bg-2: #e7ecf4;
  --neo-surface: #edf1f7;
  --neo-surface-light: #f8fbff;
  --neo-text: #1f2937;
  --neo-muted: #7b8496;
  --neo-primary: #1f7aff;
  --neo-primary-2: #35c8f4;
  --neo-success: #20b26b;
  --neo-warning: #f3a12f;
  --neo-danger: #ef4444;

  --neo-radius-sm: 14px;
  --neo-radius: 22px;
  --neo-radius-lg: 30px;
  --neo-radius-xl: 38px;

  --neo-shadow-out:
    14px 14px 30px rgba(163, 177, 198, 0.58),
    -14px -14px 30px rgba(255, 255, 255, 0.92);

  --neo-shadow-out-soft:
    8px 8px 18px rgba(163, 177, 198, 0.42),
    -8px -8px 18px rgba(255, 255, 255, 0.88);

  --neo-shadow-in:
    inset 8px 8px 18px rgba(163, 177, 198, 0.48),
    inset -8px -8px 18px rgba(255, 255, 255, 0.92);

  --neo-shadow-in-soft:
    inset 4px 4px 10px rgba(163, 177, 198, 0.36),
    inset -4px -4px 10px rgba(255, 255, 255, 0.88);

  --neo-blue-glow:
    0 12px 28px rgba(31, 122, 255, 0.35),
    0 4px 10px rgba(31, 122, 255, 0.22);

  --neo-transition: 220ms cubic-bezier(.2, .8, .2, 1);
}

/* کل صفحه: حس اپ موبایل */
html {
  background: var(--neo-bg);
}

body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.9), transparent 28rem),
    radial-gradient(circle at 92% 12%, rgba(31,122,255,.10), transparent 24rem),
    linear-gradient(145deg, var(--neo-bg) 0%, var(--neo-bg-2) 100%) !important;
  color: var(--neo-text);
}

/* ظرف اصلی صفحه اگر کلاس مشخصی نداشته باشد، کارت‌های موجود را app-like می‌کنیم */
.card {
  max-width: 760px;
  margin-inline: auto;
  background: var(--neo-surface) !important;
  border: 0 !important;
  border-radius: var(--neo-radius-xl) !important;
  box-shadow: var(--neo-shadow-out) !important;
  padding: clamp(1rem, 4vw, 1.65rem) !important;
  overflow: hidden;
}

/* کارت‌های داخلی */
.item,
.notice,
.draft-box,
.order-card,
.channel-option,
.admin-decision-box,
.admin-section-details,
.collage-preview-box,
.payment-info,
.image-upload-box,
.ad-image-card,
.copy-grid > *,
.admin-summary-grid > * {
  background: var(--neo-surface) !important;
  border: 0 !important;
  border-radius: var(--neo-radius-lg) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

/* حالت فشرده‌تر و لوکس‌تر */
.item,
.notice,
.order-card,
.admin-decision-box,
.admin-section-details {
  padding: 1rem !important;
}

/* hover نباید شبیه وب باشد؛ باید انگار جسم نرم بالا می‌آید */
.card:hover,
.item:hover,
.order-card:hover,
.channel-option:hover,
.ad-image-card:hover,
.admin-decision-box:hover,
.admin-section-details:hover {
  transform: translateY(-2px);
  box-shadow:
    18px 18px 36px rgba(163, 177, 198, 0.62),
    -18px -18px 36px rgba(255, 255, 255, 0.96) !important;
}

/* تیترها */
h1,
h2,
h3 {
  color: var(--neo-text);
  font-weight: 900;
  letter-spacing: -0.035em;
}

h1 {
  font-size: clamp(1.45rem, 5vw, 2.15rem);
}

h2 {
  font-size: clamp(1.18rem, 4vw, 1.55rem);
}

p,
li,
label,
small {
  color: var(--neo-muted);
}

label {
  font-weight: 850;
}

/* inputها باید inset باشند، نه borderدار */
input,
textarea,
select {
  width: 100%;
  background: var(--neo-surface) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  color: var(--neo-text);
  padding: .9rem 1.05rem !important;
}

textarea {
  border-radius: var(--neo-radius-lg) !important;
  min-height: 130px;
  line-height: 1.9;
}

input::placeholder,
textarea::placeholder {
  color: #9aa4b7;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  box-shadow:
    var(--neo-shadow-in-soft),
    0 0 0 4px rgba(31, 122, 255, 0.13) !important;
}

/* دکمه‌ها: pill، برجسته، اپ‌مانند */
button,
.button,
.button-link,
a.button-link,
input[type="submit"] {
  min-height: 50px;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--neo-surface) !important;
  color: var(--neo-text) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  font-weight: 900;
  padding: .85rem 1.2rem !important;
}

/* دکمه اصلی */
button[type="submit"],
input[type="submit"],
.button-link.primary,
.button-link[href*="payment"],
.button-link[href*="order-review"],
.ui-bottom-action-bar button,
.ui-bottom-action-bar .button-link {
  background: linear-gradient(135deg, var(--neo-primary), var(--neo-primary-2)) !important;
  color: #fff !important;
  box-shadow: var(--neo-blue-glow) !important;
}

/* دکمه کلیک شده حس فشرده بگیرد */
button:active,
.button:active,
.button-link:active,
a.button-link:active,
input[type="submit"]:active {
  transform: translateY(1px) scale(.99) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

/* دکمه‌های خطر */
button.danger,
.button-link.danger,
a.danger,
button[name*="reject"],
button[value*="REJECT"],
button[value*="rejected"],
button[value*="refund"] {
  background: linear-gradient(135deg, #ff6b6b, #ef4444) !important;
  color: #fff !important;
  box-shadow:
    0 12px 28px rgba(239, 68, 68, 0.32),
    0 4px 10px rgba(239, 68, 68, 0.20) !important;
}

/* badgeها به شکل چیپ نرم */
.badge,
.status-badge,
.payment-badge,
.publish-badge,
.primary-image-badge,
.expiry-badge {
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--neo-surface) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  color: var(--neo-muted);
  padding: .45rem .82rem !important;
  font-weight: 900;
}

/* وضعیت‌های رایج اگر کلاس رنگی داشته باشند */
.badge.success,
.status-badge.success,
.payment-badge.success,
.publish-badge.success {
  background: linear-gradient(135deg, #28d482, #16a34a) !important;
  color: #fff !important;
}

.badge.warning,
.status-badge.warning,
.payment-badge.warning,
.publish-badge.warning {
  background: linear-gradient(135deg, #ffc35a, #f59e0b) !important;
  color: #fff !important;
}

.badge.danger,
.status-badge.danger,
.payment-badge.danger,
.publish-badge.danger {
  background: linear-gradient(135deg, #ff7373, #ef4444) !important;
  color: #fff !important;
}

.badge.info,
.status-badge.info,
.payment-badge.info,
.publish-badge.info {
  background: linear-gradient(135deg, #35c8f4, #1f7aff) !important;
  color: #fff !important;
}

/* stepper و گزینه‌های کانال */
.stepper {
  background: var(--neo-surface) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  padding: .45rem !important;
}

.channel-option {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.channel-option.is-selected,
.channel-option.selected,
.channel-option:has(input:checked) {
  background: linear-gradient(145deg, #eef6ff, #e8f1ff) !important;
  box-shadow:
    var(--neo-shadow-in-soft),
    0 0 0 2px rgba(31, 122, 255, .16) !important;
}

/* عکس‌ها */
.ad-image-grid {
  gap: 1rem !important;
}

.ad-image-card {
  padding: .65rem !important;
}

.ad-image-card img {
  border-radius: var(--neo-radius) !important;
  box-shadow: var(--neo-shadow-in-soft);
}

.image-upload-box {
  border: 0 !important;
  min-height: 118px;
  display: grid;
  place-items: center;
  text-align: center;
}

.primary-image-choice {
  background: var(--neo-surface) !important;
  color: var(--neo-primary) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.primary-image-badge {
  background: linear-gradient(135deg, var(--neo-primary), var(--neo-primary-2)) !important;
  color: #fff !important;
  box-shadow: var(--neo-blue-glow) !important;
}

/* details/collapsible شبیه پنل اپ */
details {
  background: var(--neo-surface) !important;
  border: 0 !important;
  border-radius: var(--neo-radius-lg) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  padding: .2rem .85rem !important;
  overflow: hidden;
}

details[open] {
  box-shadow: var(--neo-shadow-in-soft) !important;
}

details > summary {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 900;
  color: var(--neo-text);
}

/* جدول‌ها اگر وجود دارند، نرم‌تر شوند */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 .65rem;
}

td,
th {
  background: var(--neo-surface);
  border: 0 !important;
  box-shadow: var(--neo-shadow-out-soft);
  padding: .85rem !important;
}

tr td:first-child,
tr th:first-child {
  border-radius: 0 var(--neo-radius) var(--neo-radius) 0;
}

tr td:last-child,
tr th:last-child {
  border-radius: var(--neo-radius) 0 0 var(--neo-radius);
}

/* نوار پایین؛ مثل اپ موبایل */
.ui-bottom-action-bar {
  position: sticky;
  bottom: .85rem;
  margin: 1.25rem 0 0 !important;
  border: 0 !important;
  border-radius: var(--neo-radius-xl) !important;
  background: rgba(237, 241, 247, .82) !important;
  box-shadow: var(--neo-shadow-out) !important;
  backdrop-filter: blur(22px);
}

/* toast نرم‌تر */
.ui-toast {
  border: 0 !important;
  border-radius: 999px !important;
  background: #202938 !important;
  box-shadow:
    14px 14px 28px rgba(22, 28, 38, .18),
    -8px -8px 20px rgba(255, 255, 255, .40) !important;
}

.ui-toast[data-type="success"] {
  background: linear-gradient(135deg, #28d482, #16a34a) !important;
}

.ui-toast[data-type="error"] {
  background: linear-gradient(135deg, #ff7373, #ef4444) !important;
}

.ui-toast[data-type="warning"] {
  background: linear-gradient(135deg, #ffc35a, #f59e0b) !important;
}

/* داشبورد ادمین */
.admin-summary-grid {
  gap: 1rem !important;
}

.admin-summary-grid > * {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* حالت موبایل؛ صفحه باید شبیه app screen شود */
@media (max-width: 720px) {
  body {
    padding: .9rem !important;
  }

  .card {
    border-radius: 34px !important;
    padding: 1rem !important;
  }

  .item,
  .notice,
  .order-card,
  .admin-decision-box,
  .admin-section-details,
  .channel-option {
    border-radius: 26px !important;
  }

  input,
  textarea,
  select {
    font-size: 16px;
  }

  button,
  .button-link,
  input[type="submit"] {
    min-height: 52px;
  }

  .ad-image-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .ui-bottom-action-bar {
    bottom: .55rem;
    padding: .65rem !important;
  }
}

@media (max-width: 430px) {
  body {
    padding: .65rem !important;
  }

  .card {
    border-radius: 30px !important;
  }

  .ad-image-grid {
    grid-template-columns: 1fr !important;
  }
}

/* برای صفحه‌هایی که زیادی وب‌مانند هستند */
nav,
.nav {
  background: var(--neo-surface) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  padding: .45rem !important;
}

/* لینک‌های معمولی */
a {
  color: var(--neo-primary);
  font-weight: 800;
}

/* کد/پریویوهای متنی */
pre,
code {
  border: 0 !important;
  border-radius: var(--neo-radius-lg) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  background: #e9eef6 !important;
  color: var(--neo-text) !important;
}



/* =========================================================
   Phase 4.2-A1 - Neo Mobile App Shell for /o/{owner_slug}
   هدف: تبدیل صفحه ثبت سفارش مشتری از وب‌فرم به اپ موبایل نرم
   ========================================================= */

.neo-mobile-shell {
  width: min(100%, 520px);
  margin: 0 auto;
  display: grid;
  gap: 1.25rem;
  padding-bottom: 1rem;
}

.neo-hero-card,
.neo-customer-panel {
  position: relative;
  background: var(--neo-surface, #edf1f7);
  border-radius: 34px;
  box-shadow:
    18px 18px 38px rgba(163, 177, 198, 0.58),
    -18px -18px 38px rgba(255, 255, 255, 0.94);
  padding: 1.2rem;
  overflow: hidden;
}

.neo-hero-card::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(31, 122, 255, .18), transparent 66%);
  inset: -70px auto auto -80px;
  pointer-events: none;
}

.neo-hero-topline,
.neo-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: #7b8496;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: -.01em;
}

.neo-hero-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: center;
  margin-top: .6rem;
}

.neo-hero-main h1 {
  margin: 0;
  font-size: clamp(1.45rem, 7vw, 2.25rem);
  line-height: 1.2;
}

.neo-hero-main p {
  margin: .45rem 0 0;
  color: #7b8496;
  font-weight: 650;
  line-height: 1.8;
}

.neo-hero-orb {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  border-radius: 28px;
  background: #edf1f7;
  box-shadow:
    12px 12px 24px rgba(163, 177, 198, 0.55),
    -12px -12px 24px rgba(255, 255, 255, 0.96);
}

.neo-hero-orb span {
  font-size: 1.65rem;
  font-weight: 950;
  letter-spacing: -.06em;
  background: linear-gradient(135deg, #1f7aff, #35c8f4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.neo-hero-stats {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .85rem;
  margin-top: 1.1rem;
}

.neo-stat-pill {
  min-height: 70px;
  padding: .8rem;
  border-radius: 24px;
  background: #edf1f7;
  box-shadow:
    inset 6px 6px 14px rgba(163, 177, 198, .38),
    inset -6px -6px 14px rgba(255, 255, 255, .92);
}

.neo-stat-pill span {
  display: block;
  color: #8a93a6;
  font-size: .78rem;
  font-weight: 800;
  margin-bottom: .25rem;
}

.neo-stat-pill b {
  display: block;
  color: #1f2937;
  font-size: .98rem;
  font-weight: 950;
}

.neo-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin-bottom: 1rem;
}

.neo-section-head h2 {
  margin: .15rem 0 0;
  font-size: 1.25rem;
  line-height: 1.25;
}

.neo-mini-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: .3rem .75rem;
  border-radius: 999px;
  background: #edf1f7;
  color: #1f7aff;
  font-size: .78rem;
  font-weight: 950;
  white-space: nowrap;
  box-shadow:
    7px 7px 15px rgba(163, 177, 198, .45),
    -7px -7px 15px rgba(255,255,255,.9);
}

.neo-loading-card,
.neo-empty-state {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  text-align: center;
  color: #7b8496;
  font-weight: 850;
  border-radius: 24px;
  background: #edf1f7;
  box-shadow:
    inset 6px 6px 14px rgba(163, 177, 198, .36),
    inset -6px -6px 14px rgba(255, 255, 255, .9);
  padding: 1rem;
}

.neo-loader-dot {
  width: .72rem;
  height: .72rem;
  border-radius: 999px;
  background: #1f7aff;
  box-shadow: 0 0 0 0 rgba(31, 122, 255, .4);
  animation: neo-pulse 1.15s infinite;
}

.neo-flow-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .6rem;
  margin-bottom: 1rem;
}

.neo-flow-step {
  min-height: 64px;
  display: grid;
  place-items: center;
  text-align: center;
  gap: .2rem;
  padding: .55rem .35rem;
  border-radius: 22px;
  background: #edf1f7;
  color: #8a93a6;
  font-size: .74rem;
  font-weight: 900;
  box-shadow:
    8px 8px 18px rgba(163, 177, 198, .42),
    -8px -8px 18px rgba(255, 255, 255, .9);
}

.neo-flow-step span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #edf1f7;
  color: #7b8496;
  box-shadow:
    inset 4px 4px 9px rgba(163, 177, 198, .38),
    inset -4px -4px 9px rgba(255, 255, 255, .92);
}

.neo-flow-step.is-active {
  color: #1f7aff;
}

.neo-flow-step.is-active span {
  color: #fff;
  background: linear-gradient(135deg, #1f7aff, #35c8f4);
  box-shadow: 0 10px 24px rgba(31, 122, 255, .34);
}

.neo-form-stage {
  position: relative;
}

.neo-form-stage > .notice:first-child {
  display: none;
}

.neo-form-stage form {
  display: grid;
  gap: 1rem;
}

.neo-form-stage .draft-box {
  display: none;
}

.neo-form-stage .stepper-progress {
  border: 0 !important;
  background: #edf1f7 !important;
  border-radius: 26px !important;
  box-shadow:
    inset 7px 7px 16px rgba(163, 177, 198, .38),
    inset -7px -7px 16px rgba(255,255,255,.92) !important;
  padding: .8rem !important;
}

.neo-form-stage .channel-option {
  border-radius: 30px !important;
  padding: 1rem !important;
  margin-bottom: 1rem !important;
  background: #edf1f7 !important;
  box-shadow:
    12px 12px 26px rgba(163, 177, 198, .48),
    -12px -12px 26px rgba(255,255,255,.94) !important;
}

.neo-form-stage .channel-option-head {
  display: grid !important;
  grid-template-columns: auto 1fr;
  gap: .8rem !important;
  align-items: start !important;
}

.neo-form-stage .channel-checkbox {
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: .15rem 0 0 !important;
  appearance: none;
  border-radius: 999px !important;
  background: #edf1f7 !important;
  box-shadow:
    inset 5px 5px 10px rgba(163, 177, 198, .42),
    inset -5px -5px 10px rgba(255,255,255,.92) !important;
  position: relative;
  cursor: pointer;
}

.neo-form-stage .channel-checkbox:checked {
  background: linear-gradient(135deg, #1f7aff, #35c8f4) !important;
  box-shadow:
    0 10px 22px rgba(31, 122, 255, .34),
    inset 2px 2px 4px rgba(255,255,255,.28) !important;
}

.neo-form-stage .channel-checkbox:checked::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: white;
  font-weight: 950;
  font-size: 1rem;
}

.neo-form-stage .channel-option b {
  color: #1f2937;
  font-weight: 950;
}

.neo-form-stage .channel-option .meta {
  color: #7b8496;
  font-size: .86rem;
  line-height: 1.85;
  margin-top: .25rem;
}

.neo-form-stage .channel-details {
  margin-top: 1rem !important;
  padding: 1rem !important;
  border-radius: 26px !important;
  background: #edf1f7 !important;
  box-shadow:
    inset 7px 7px 16px rgba(163, 177, 198, .36),
    inset -7px -7px 16px rgba(255,255,255,.9) !important;
}

.neo-form-stage .small-note,
.neo-form-stage .notice {
  color: #7b8496;
  line-height: 1.8;
}

.neo-form-stage .channel-details > .notice {
  display: none;
}

.neo-form-stage .template-helper,
.neo-form-stage .ad-template-box {
  border-radius: 26px !important;
  background: #edf1f7 !important;
  box-shadow:
    inset 7px 7px 16px rgba(163, 177, 198, .34),
    inset -7px -7px 16px rgba(255,255,255,.88) !important;
  padding: .9rem !important;
}

.neo-form-stage .image-upload-box {
  margin-top: 1rem;
  padding: 1rem !important;
  border-radius: 30px !important;
}

.neo-form-stage .ad-image-picker-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: .7rem;
  margin-top: .8rem;
}

.neo-form-stage form > button[type="submit"] {
  min-height: 58px;
  margin-top: .5rem;
  font-size: 1rem;
}

.neo-form-stage form > label {
  margin-top: .25rem;
  color: #1f2937;
  font-weight: 950;
}

@media (max-width: 720px) {
  .neo-mobile-shell {
    width: 100%;
    gap: 1rem;
  }

  .neo-hero-card,
  .neo-customer-panel {
    border-radius: 30px;
    padding: 1rem;
  }

  .neo-hero-main {
    grid-template-columns: 1fr auto;
  }

  .neo-hero-orb {
    width: 72px;
    height: 72px;
    border-radius: 24px;
  }

  .neo-hero-stats {
    grid-template-columns: 1fr;
  }

  .neo-flow-strip {
    grid-template-columns: 1fr 1fr 1fr;
    gap: .45rem;
  }

  .neo-flow-step {
    min-height: 58px;
    font-size: .68rem;
    border-radius: 20px;
  }
}

@media (max-width: 420px) {
  .neo-hero-main {
    grid-template-columns: 1fr;
  }

  .neo-hero-orb {
    display: none;
  }

  .neo-section-head {
    align-items: flex-start;
  }

  .neo-flow-step {
    font-size: .64rem;
  }
}

@keyframes neo-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(31, 122, 255, .38);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(31, 122, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(31, 122, 255, 0);
  }
}



/* =========================================================
   Phase 4.2-A2 - Neo Channel Form
   هدف: تبدیل فرم داخلی انتخاب کانال/متن/عکس به فرم اپ‌مانند
   ========================================================= */

.neo-order-form {
  display: grid;
  gap: 1rem;
}

.neo-user-card,
.neo-channel-picker {
  border-radius: 30px;
  background: #edf1f7;
  box-shadow:
    12px 12px 26px rgba(163, 177, 198, .48),
    -12px -12px 26px rgba(255,255,255,.94);
  padding: 1rem;
}

.neo-field-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin-bottom: .85rem;
}

.neo-field-head h3 {
  margin: .15rem 0 0;
  font-size: 1.05rem;
  line-height: 1.35;
}

.neo-two-fields {
  display: grid;
  gap: .8rem;
}

.neo-two-fields label {
  display: grid;
  gap: .4rem;
}

.neo-two-fields label > span {
  color: #1f2937;
  font-weight: 950;
  font-size: .86rem;
}

.neo-channel-list {
  display: grid;
  gap: 1rem;
}

.neo-channel-card {
  padding: .9rem !important;
  margin: 0 !important;
  border-radius: 30px !important;
  background: #edf1f7 !important;
  box-shadow:
    10px 10px 22px rgba(163, 177, 198, .46),
    -10px -10px 22px rgba(255,255,255,.94) !important;
  transition:
    transform 220ms cubic-bezier(.2,.8,.2,1),
    box-shadow 220ms cubic-bezier(.2,.8,.2,1);
}

.neo-channel-card.is-selected {
  box-shadow:
    inset 7px 7px 16px rgba(163, 177, 198, .36),
    inset -7px -7px 16px rgba(255,255,255,.92),
    0 0 0 2px rgba(31, 122, 255, .12) !important;
}

.neo-channel-head {
  display: grid !important;
  grid-template-columns: auto auto 1fr auto;
  gap: .75rem !important;
  align-items: center !important;
  cursor: pointer;
}

.neo-channel-head .channel-checkbox {
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  appearance: none;
  border-radius: 999px !important;
  background: #edf1f7 !important;
  box-shadow:
    inset 5px 5px 10px rgba(163, 177, 198, .42),
    inset -5px -5px 10px rgba(255,255,255,.92) !important;
  position: relative;
  cursor: pointer;
}

.neo-channel-head .channel-checkbox:checked {
  background: linear-gradient(135deg, #1f7aff, #35c8f4) !important;
  box-shadow:
    0 10px 22px rgba(31, 122, 255, .34),
    inset 2px 2px 4px rgba(255,255,255,.28) !important;
}

.neo-channel-head .channel-checkbox:checked::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: white;
  font-weight: 950;
  font-size: 1rem;
}

.neo-channel-logo {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #edf1f7;
  color: #1f7aff;
  font-weight: 950;
  font-size: 1.15rem;
  box-shadow:
    8px 8px 16px rgba(163, 177, 198, .44),
    -8px -8px 16px rgba(255,255,255,.92);
}

.neo-channel-main {
  min-width: 0;
  display: grid;
  gap: .12rem;
}

.neo-channel-title {
  color: #1f2937;
  font-weight: 950;
  font-size: .98rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.neo-channel-subtitle,
.neo-channel-meta {
  color: #7b8496;
  font-weight: 750;
  font-size: .78rem;
  line-height: 1.55;
}

.neo-channel-meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.neo-channel-price {
  min-width: 78px;
  display: grid;
  justify-items: end;
  gap: .05rem;
  color: #1f2937;
  font-weight: 950;
  line-height: 1.2;
}

.neo-channel-price small {
  color: #8a93a6;
  font-size: .68rem;
  font-weight: 850;
}

.neo-channel-details {
  display: none;
  margin-top: .9rem !important;
  padding: .9rem !important;
  border-radius: 26px !important;
  background: #edf1f7 !important;
  box-shadow:
    inset 7px 7px 16px rgba(163, 177, 198, .36),
    inset -7px -7px 16px rgba(255,255,255,.9) !important;
}

.neo-channel-card.is-selected .neo-channel-details {
  display: grid;
  gap: .9rem;
  animation: ui-soft-in 280ms cubic-bezier(.2,.8,.2,1) both;
}

.neo-mini-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .7rem;
}

.neo-mini-info-grid > div {
  min-height: 64px;
  border-radius: 22px;
  background: #edf1f7;
  box-shadow:
    7px 7px 15px rgba(163, 177, 198, .38),
    -7px -7px 15px rgba(255,255,255,.86);
  padding: .75rem;
}

.neo-mini-info-grid span {
  display: block;
  color: #8a93a6;
  font-size: .72rem;
  font-weight: 850;
  margin-bottom: .18rem;
}

.neo-mini-info-grid b {
  color: #1f2937;
  font-size: .84rem;
  font-weight: 950;
}

.neo-details-lite {
  padding: 0 .75rem !important;
  border-radius: 24px !important;
}

.neo-details-lite > summary {
  min-height: 48px;
  font-size: .88rem;
}

.neo-details-body {
  padding: 0 0 .85rem;
  color: #7b8496;
  font-weight: 650;
  line-height: 1.85;
}

.neo-ad-text-card,
.neo-image-uploader {
  border-radius: 28px !important;
  background: #edf1f7 !important;
  box-shadow:
    8px 8px 18px rgba(163, 177, 198, .40),
    -8px -8px 18px rgba(255,255,255,.9) !important;
  padding: .9rem !important;
}

.neo-channel-textarea {
  min-height: 150px;
  border-radius: 26px !important;
  line-height: 1.9;
}

.neo-template-details {
  margin-top: .8rem;
}

.neo-template-details .ad-template-box {
  box-shadow: none !important;
  padding: .4rem 0 .85rem !important;
}

.neo-template-details pre {
  max-height: 160px;
  overflow: auto;
}

.neo-upload-hint {
  color: #7b8496;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.7;
  margin-bottom: .8rem;
}

.neo-image-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: .7rem !important;
}

.neo-image-actions button {
  min-height: 48px;
}

.neo-price-dock {
  position: sticky;
  bottom: .75rem;
  z-index: 60;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .8rem;
  align-items: center;
  border-radius: 30px;
  background: rgba(237, 241, 247, .86);
  backdrop-filter: blur(20px);
  box-shadow:
    16px 16px 34px rgba(163, 177, 198, .54),
    -16px -16px 34px rgba(255,255,255,.92);
  padding: .75rem;
}

.neo-price-dock span {
  display: block;
  color: #7b8496;
  font-size: .74rem;
  font-weight: 900;
}

.neo-price-dock b {
  display: block;
  color: #1f2937;
  font-size: 1.02rem;
  font-weight: 950;
}

.neo-price-dock button {
  min-width: 160px;
  min-height: 54px;
  margin: 0 !important;
}

.neo-selected-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: .25rem .75rem;
  border-radius: 999px;
  background: #edf1f7;
  color: #1f7aff;
  font-size: .76rem;
  font-weight: 950;
  box-shadow:
    7px 7px 15px rgba(163, 177, 198, .42),
    -7px -7px 15px rgba(255,255,255,.88);
}

@media (max-width: 520px) {
  .neo-channel-head {
    grid-template-columns: auto auto 1fr;
  }

  .neo-channel-price {
    grid-column: 3;
    justify-items: start;
    margin-top: .25rem;
  }

  .neo-mini-info-grid {
    grid-template-columns: 1fr;
  }

  .neo-price-dock {
    grid-template-columns: 1fr;
  }

  .neo-price-dock button {
    width: 100%;
    min-width: 0;
  }

  .neo-image-actions {
    grid-template-columns: 1fr;
  }
}



/* =========================================================
   Phase 4.2-A3 - Focused First Screen UX
   هدف: صفحه اول واضح‌تر، تک‌هدفه‌تر و کاربرپسندتر شود
   ========================================================= */

.neo-focused-shell {
  gap: 1rem;
}

.neo-start-hero {
  position: relative;
  min-height: min(78vh, 620px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 38px;
  background: #edf1f7;
  box-shadow:
    20px 20px 44px rgba(163, 177, 198, .58),
    -20px -20px 44px rgba(255, 255, 255, .94);
  padding: 1.25rem;
  overflow: hidden;
}

.neo-start-hero::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(31,122,255,.18), transparent 68%);
  top: -90px;
  left: -100px;
}

.neo-start-hero::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(53,200,244,.16), transparent 68%);
  bottom: -80px;
  right: -70px;
}

.neo-start-hero > * {
  position: relative;
  z-index: 1;
}

.neo-start-badge {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: .35rem .85rem;
  border-radius: 999px;
  color: #1f7aff;
  font-weight: 950;
  font-size: .82rem;
  background: #edf1f7;
  box-shadow:
    8px 8px 18px rgba(163, 177, 198, .44),
    -8px -8px 18px rgba(255,255,255,.92);
  margin-bottom: 1rem;
}

.neo-start-hero h1 {
  margin: 0;
  font-size: clamp(1.8rem, 8vw, 2.7rem);
  line-height: 1.18;
  letter-spacing: -.055em;
}

.neo-start-hero p {
  margin: .8rem 0 0;
  color: #7b8496;
  font-weight: 750;
  line-height: 1.9;
  font-size: .98rem;
}

.neo-start-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: .7rem;
  margin: 1.4rem 0;
}

.neo-start-steps > div {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .7rem;
  min-height: 58px;
  padding: .65rem .75rem;
  border-radius: 24px;
  background: #edf1f7;
  box-shadow:
    inset 6px 6px 14px rgba(163, 177, 198, .34),
    inset -6px -6px 14px rgba(255,255,255,.9);
}

.neo-start-steps span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #1f7aff, #35c8f4);
  color: #fff;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(31, 122, 255, .28);
}

.neo-start-steps b {
  color: #1f2937;
  font-weight: 950;
}

.neo-start-button {
  width: 100%;
  min-height: 60px;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #1f7aff, #35c8f4) !important;
  color: #fff !important;
  box-shadow:
    0 18px 36px rgba(31, 122, 255, .34),
    0 6px 14px rgba(31, 122, 255, .22) !important;
  font-size: 1.05rem;
  margin-top: .2rem;
}

.neo-secondary-start {
  width: 100%;
  min-height: 48px;
  margin-top: .75rem;
  color: #7b8496 !important;
  background: #edf1f7 !important;
  box-shadow:
    inset 5px 5px 12px rgba(163, 177, 198, .30),
    inset -5px -5px 12px rgba(255,255,255,.86) !important;
}

.neo-help-card {
  margin-bottom: 1rem;
  padding: .85rem 1rem;
  border-radius: 24px;
  background: #edf1f7;
  color: #7b8496;
  font-weight: 800;
  line-height: 1.8;
  box-shadow:
    inset 6px 6px 14px rgba(163, 177, 198, .34),
    inset -6px -6px 14px rgba(255,255,255,.9);
}

.neo-dashboard-details {
  padding: .3rem .85rem !important;
}

.neo-dashboard-details > summary {
  min-height: 58px;
}

.neo-dashboard-details > summary span:first-child {
  display: grid;
  gap: .15rem;
}

.neo-dashboard-details > summary b {
  color: #1f2937;
  font-weight: 950;
}

.neo-dashboard-details[open] {
  padding-bottom: 1rem !important;
}

#new_order_section {
  scroll-margin-top: 1rem;
}

#customer_orders_section {
  scroll-margin-top: 1rem;
}

@media (min-width: 560px) {
  .neo-start-steps {
    grid-template-columns: repeat(3, 1fr);
  }

  .neo-start-steps > div {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .neo-start-hero {
    min-height: calc(100vh - 1.3rem);
    border-radius: 32px;
    padding: 1rem;
  }

  .neo-start-hero h1 {
    font-size: 1.85rem;
  }
}



/* =========================================================
   Phase 4.2-A4 - Compact Form UX and Dark Mode
   هدف: کم‌کردن کارت‌های تو در تو، افزایش فضای نوشتن متن، افزودن دارک‌مود
   ========================================================= */

:root {
  --neo-page-bg: #edf1f7;
  --neo-page-bg-2: #e6ebf3;
  --neo-panel-bg: #edf1f7;
  --neo-panel-bg-soft: #f3f6fb;
  --neo-text-main: #1f2937;
  --neo-text-soft: #7b8496;
  --neo-text-faint: #9aa4b7;
  --neo-line-soft: rgba(100, 116, 139, .14);
  --neo-input-bg: #edf1f7;
  --neo-shadow-raised:
    14px 14px 30px rgba(163, 177, 198, .50),
    -14px -14px 30px rgba(255,255,255,.90);
  --neo-shadow-raised-soft:
    8px 8px 18px rgba(163, 177, 198, .36),
    -8px -8px 18px rgba(255,255,255,.82);
  --neo-shadow-inset:
    inset 5px 5px 12px rgba(163, 177, 198, .34),
    inset -5px -5px 12px rgba(255,255,255,.82);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) {
    --neo-page-bg: #151a23;
    --neo-page-bg-2: #10141c;
    --neo-panel-bg: #171c26;
    --neo-panel-bg-soft: #1c2330;
    --neo-text-main: #eef3fb;
    --neo-text-soft: #aab4c5;
    --neo-text-faint: #788397;
    --neo-line-soft: rgba(226, 232, 240, .09);
    --neo-input-bg: #171c26;
    --neo-shadow-raised:
      12px 12px 28px rgba(0, 0, 0, .46),
      -10px -10px 24px rgba(255, 255, 255, .035);
    --neo-shadow-raised-soft:
      7px 7px 18px rgba(0, 0, 0, .36),
      -7px -7px 18px rgba(255, 255, 255, .03);
    --neo-shadow-inset:
      inset 5px 5px 12px rgba(0, 0, 0, .38),
      inset -5px -5px 12px rgba(255, 255, 255, .035);
  }
}

:root[data-ui-theme="dark"] {
  --neo-page-bg: #151a23;
  --neo-page-bg-2: #10141c;
  --neo-panel-bg: #171c26;
  --neo-panel-bg-soft: #1c2330;
  --neo-text-main: #eef3fb;
  --neo-text-soft: #aab4c5;
  --neo-text-faint: #788397;
  --neo-line-soft: rgba(226, 232, 240, .09);
  --neo-input-bg: #171c26;
  --neo-shadow-raised:
    12px 12px 28px rgba(0, 0, 0, .46),
    -10px -10px 24px rgba(255, 255, 255, .035);
  --neo-shadow-raised-soft:
    7px 7px 18px rgba(0, 0, 0, .36),
    -7px -7px 18px rgba(255, 255, 255, .03);
  --neo-shadow-inset:
    inset 5px 5px 12px rgba(0, 0, 0, .38),
    inset -5px -5px 12px rgba(255, 255, 255, .035);
}

:root[data-ui-theme="light"] {
  --neo-page-bg: #edf1f7;
  --neo-page-bg-2: #e6ebf3;
  --neo-panel-bg: #edf1f7;
  --neo-panel-bg-soft: #f3f6fb;
  --neo-text-main: #1f2937;
  --neo-text-soft: #7b8496;
  --neo-text-faint: #9aa4b7;
  --neo-line-soft: rgba(100, 116, 139, .14);
  --neo-input-bg: #edf1f7;
  --neo-shadow-raised:
    14px 14px 30px rgba(163, 177, 198, .50),
    -14px -14px 30px rgba(255,255,255,.90);
  --neo-shadow-raised-soft:
    8px 8px 18px rgba(163, 177, 198, .36),
    -8px -8px 18px rgba(255,255,255,.82);
  --neo-shadow-inset:
    inset 5px 5px 12px rgba(163, 177, 198, .34),
    inset -5px -5px 12px rgba(255,255,255,.82);
}

html,
body {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.36), transparent 28rem),
    radial-gradient(circle at 92% 12%, rgba(31,122,255,.12), transparent 24rem),
    linear-gradient(145deg, var(--neo-page-bg) 0%, var(--neo-page-bg-2) 100%) !important;
  color: var(--neo-text-main) !important;
}

:root[data-ui-theme="dark"] body,
@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) body {
    background:
      radial-gradient(circle at 10% 0%, rgba(31,122,255,.12), transparent 24rem),
      radial-gradient(circle at 95% 15%, rgba(53,200,244,.08), transparent 22rem),
      linear-gradient(145deg, var(--neo-page-bg) 0%, var(--neo-page-bg-2) 100%) !important;
  }
}

/* جایگزینی رنگ‌های hardcoded قبلی با متغیرهای جدید */
.card,
.neo-start-hero,
.neo-hero-card,
.neo-customer-panel,
.neo-user-card,
.neo-channel-picker,
.neo-channel-card,
.neo-channel-logo,
.neo-channel-details,
.neo-ad-text-card,
.neo-image-uploader,
.neo-price-dock,
.neo-start-badge,
.neo-mini-badge,
.neo-selected-count,
.neo-start-steps > div,
.neo-stat-pill,
.neo-flow-step,
.neo-help-card,
.neo-loading-card,
.neo-empty-state,
.neo-mini-info-grid > div,
details,
input,
textarea,
select,
button,
.button-link,
.ad-template-box,
.image-upload-box,
.ad-image-card {
  background-color: var(--neo-panel-bg) !important;
  color: var(--neo-text-main) !important;
}

.neo-customer-panel,
.neo-start-hero,
.neo-channel-card,
.neo-user-card,
.neo-channel-picker,
.neo-price-dock {
  box-shadow: var(--neo-shadow-raised) !important;
}

.neo-channel-logo,
.neo-mini-badge,
.neo-selected-count,
.neo-ad-text-card,
.neo-image-uploader,
.neo-mini-info-grid > div {
  box-shadow: var(--neo-shadow-raised-soft) !important;
}

input,
textarea,
select,
.neo-help-card,
.neo-loading-card,
.neo-empty-state,
.neo-start-steps > div,
.neo-stat-pill,
.neo-flow-step span {
  box-shadow: var(--neo-shadow-inset) !important;
}

h1,
h2,
h3,
h4,
.neo-channel-title,
.neo-price-dock b,
.neo-mini-info-grid b,
.neo-dashboard-details > summary b,
.neo-start-steps b,
label,
.neo-two-fields label > span {
  color: var(--neo-text-main) !important;
}

p,
small,
.meta,
.small-note,
.neo-channel-subtitle,
.neo-channel-meta,
.neo-upload-hint,
.neo-help-card,
.neo-details-body,
.neo-price-dock span,
.neo-mini-info-grid span,
.neo-start-hero p,
.neo-secondary-start,
.neo-eyebrow,
.neo-hero-topline {
  color: var(--neo-text-soft) !important;
}

/* حذف حس کارت‌های تو در تو داخل فرم */
.neo-form-stage .neo-channel-card {
  padding: .8rem !important;
}

.neo-form-stage .neo-channel-details {
  padding: .65rem 0 0 !important;
  margin-top: .65rem !important;
  background: transparent !important;
  box-shadow: none !important;
  border-top: 1px solid var(--neo-line-soft) !important;
  border-radius: 0 !important;
}

.neo-form-stage .neo-ad-text-card,
.neo-form-stage .neo-image-uploader,
.neo-form-stage .neo-details-lite,
.neo-form-stage .neo-template-details,
.neo-form-stage .ad-template-box,
.neo-form-stage .template-helper {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.neo-form-stage .neo-ad-text-card {
  padding: .25rem 0 0 !important;
}

.neo-form-stage .neo-image-uploader {
  padding: .45rem 0 0 !important;
  margin-top: .65rem !important;
  border-top: 1px solid var(--neo-line-soft) !important;
  border-radius: 0 !important;
}

.neo-form-stage .neo-mini-info-grid {
  display: none !important;
}

.neo-form-stage .neo-details-lite {
  padding: 0 !important;
  margin: .55rem 0 !important;
}

.neo-form-stage .neo-details-lite > summary {
  min-height: 42px !important;
  padding: 0 .15rem !important;
  color: var(--neo-text-soft) !important;
}

.neo-form-stage .neo-details-body {
  padding: .1rem 0 .6rem !important;
}

.neo-form-stage .neo-field-head {
  margin-bottom: .55rem !important;
}

.neo-form-stage .neo-field-head h3 {
  font-size: .98rem !important;
}

/* متن آگهی باید فضای اصلی را بگیرد */
.neo-form-stage .neo-channel-textarea,
.neo-form-stage textarea[name^="channel_text_"] {
  min-height: 260px !important;
  width: 100% !important;
  padding: 1rem !important;
  border-radius: 24px !important;
  background: var(--neo-input-bg) !important;
  color: var(--neo-text-main) !important;
  box-shadow: var(--neo-shadow-inset) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

.neo-form-stage .neo-channel-textarea::placeholder,
.neo-form-stage textarea[name^="channel_text_"]::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--neo-text-faint) !important;
}

/* کارت کانال جمع‌وجورتر شود */
.neo-channel-head {
  grid-template-columns: auto auto 1fr auto !important;
  gap: .58rem !important;
}

.neo-channel-logo {
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
}

.neo-channel-price {
  min-width: 70px !important;
}

.neo-channel-meta {
  display: none !important;
}

/* آپلود عکس فضای کمتری بگیرد */
.neo-upload-hint {
  margin-bottom: .55rem !important;
  font-size: .78rem !important;
}

.neo-image-actions {
  gap: .5rem !important;
}

.neo-image-actions button {
  min-height: 44px !important;
}

/* قالب آماده داخل details، مزاحم فضای متن نباشد */
.neo-template-details .ad-template-box {
  padding: .3rem 0 .6rem !important;
}

.neo-template-details select,
.neo-template-details button {
  min-height: 42px !important;
}

.neo-template-details pre {
  max-height: 130px !important;
}

/* داک قیمت کمی کم‌ارتفاع‌تر */
.neo-price-dock {
  padding: .62rem !important;
  border: 1px solid var(--neo-line-soft) !important;
}

.neo-price-dock button {
  min-height: 50px !important;
}

/* دارک مود: گرادیان دکمه‌ها حفظ شود */
button[type="submit"],
input[type="submit"],
.button-link.primary,
.neo-start-button,
.neo-price-dock button {
  background: linear-gradient(135deg, #1f7aff, #35c8f4) !important;
  color: #fff !important;
}

:root[data-ui-theme="dark"] .neo-secondary-start,
:root[data-ui-theme="dark"] button:not([type="submit"]):not(.neo-start-button),
:root[data-ui-theme="dark"] .button-link.secondary {
  color: var(--neo-text-soft) !important;
}

/* دکمه تغییر تم */
.neo-theme-toggle {
  position: fixed;
  top: calc(.8rem + env(safe-area-inset-top));
  left: calc(.8rem + env(safe-area-inset-left));
  z-index: 9998;
  width: 46px;
  height: 46px;
  min-height: 46px !important;
  display: grid;
  place-items: center;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--neo-panel-bg) !important;
  color: var(--neo-text-main) !important;
  box-shadow: var(--neo-shadow-raised-soft) !important;
  font-size: 1.15rem;
}

.neo-theme-toggle:active {
  box-shadow: var(--neo-shadow-inset) !important;
}

@media (max-width: 720px) {
  body {
    padding: .5rem !important;
  }

  .card {
    padding: .65rem !important;
  }

  .neo-mobile-shell {
    gap: .75rem !important;
  }

  .neo-customer-panel,
  .neo-start-hero {
    padding: .85rem !important;
  }

  .neo-user-card,
  .neo-channel-picker {
    padding: .75rem !important;
  }

  .neo-form-stage .neo-channel-card {
    padding: .72rem !important;
  }

  .neo-form-stage .neo-channel-textarea,
  .neo-form-stage textarea[name^="channel_text_"] {
    min-height: 285px !important;
  }

  .neo-channel-head {
    grid-template-columns: auto 1fr auto !important;
  }

  .neo-channel-head .channel-checkbox {
    grid-column: 1;
  }

  .neo-channel-logo {
    display: none !important;
  }

  .neo-channel-price {
    grid-column: 3 !important;
    grid-row: 1 / span 2;
    align-self: center;
  }
}

@media (max-width: 430px) {
  .neo-start-hero {
    min-height: auto !important;
  }

  .neo-form-stage .neo-channel-textarea,
  .neo-form-stage textarea[name^="channel_text_"] {
    min-height: 310px !important;
  }

  .neo-price-dock {
    bottom: .35rem !important;
  }
}



/* =========================================================
   Phase 4.2-A5 - Serious Neumorphism Tone
   هدف: حذف حس فانتزی/بچگانه و تبدیل UI به ظاهر جدی‌تر و محصولی‌تر
   ========================================================= */

:root {
  --neo-primary-serious: #334155;
  --neo-primary-serious-2: #2563eb;
  --neo-accent-serious: #0f766e;
  --neo-ink: #182230;
  --neo-ink-soft: #667085;
  --neo-radius-serious: 22px;
  --neo-radius-serious-lg: 28px;
}

/* کاهش گردی بیش از حد */
.neo-start-hero,
.neo-hero-card,
.neo-customer-panel,
.neo-user-card,
.neo-channel-picker,
.neo-channel-card,
.neo-price-dock,
.card {
  border-radius: var(--neo-radius-serious-lg) !important;
}

.neo-channel-logo,
.neo-mini-badge,
.neo-selected-count,
.neo-start-badge,
.neo-stat-pill,
.neo-flow-step,
.neo-help-card,
.neo-loading-card,
.neo-empty-state,
.neo-ad-text-card,
.neo-image-uploader,
input,
textarea,
select,
details {
  border-radius: var(--neo-radius-serious) !important;
}

/* رنگ‌بندی جدی‌تر */
.neo-start-hero h1,
.neo-hero-main h1,
h1,
h2,
h3,
h4,
.neo-channel-title,
.neo-price-dock b,
.neo-start-steps b {
  color: var(--neo-text-main) !important;
  letter-spacing: -0.035em !important;
}

.neo-start-hero p,
.neo-help-card,
.neo-channel-subtitle,
.neo-channel-meta,
.neo-upload-hint,
.meta,
.small-note {
  color: var(--neo-text-soft) !important;
}

/* حذف حس کارتونی از گرادیان‌ها */
.neo-start-button,
.neo-price-dock button,
button[type="submit"],
input[type="submit"],
.button-link.primary {
  background: linear-gradient(135deg, #1e293b, #2563eb) !important;
  color: #fff !important;
  box-shadow:
    0 14px 30px rgba(37, 99, 235, .24),
    0 5px 12px rgba(15, 23, 42, .18) !important;
}

/* دکمه‌ها جدی‌تر و کم‌اغراق‌تر */
button,
.button-link,
input[type="submit"] {
  font-weight: 850 !important;
  letter-spacing: -0.01em;
}

button:hover,
.button-link:hover,
input[type="submit"]:hover {
  transform: translateY(-1px) !important;
}

button:active,
.button-link:active,
input[type="submit"]:active {
  transform: translateY(0) scale(.995) !important;
}

/* badgeها کمتر فانتزی */
.neo-start-badge,
.neo-mini-badge,
.neo-selected-count,
.badge,
.status-badge,
.payment-badge,
.publish-badge,
.primary-image-badge {
  color: #334155 !important;
  font-weight: 850 !important;
  background: var(--neo-panel-bg) !important;
  box-shadow: var(--neo-shadow-raised-soft) !important;
}

:root[data-ui-theme="dark"] .neo-start-badge,
:root[data-ui-theme="dark"] .neo-mini-badge,
:root[data-ui-theme="dark"] .neo-selected-count,
:root[data-ui-theme="dark"] .badge,
:root[data-ui-theme="dark"] .status-badge,
:root[data-ui-theme="dark"] .payment-badge,
:root[data-ui-theme="dark"] .publish-badge,
:root[data-ui-theme="dark"] .primary-image-badge {
  color: #d0d5dd !important;
}

/* orb بالای صفحه رسمی‌تر شود */
.neo-hero-orb,
.neo-channel-logo {
  color: #334155 !important;
}

.neo-hero-orb span {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: #334155 !important;
  font-weight: 950 !important;
}

:root[data-ui-theme="dark"] .neo-hero-orb span {
  color: #e5e7eb !important;
}

/* شماره مراحل، به‌جای آبی فانتزی، رسمی‌تر */
.neo-start-steps span,
.neo-flow-step.is-active span,
.neo-channel-head .channel-checkbox:checked {
  background: linear-gradient(135deg, #1e293b, #2563eb) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, .22) !important;
}

/* حذف فیروزه‌ای زیاد */
.neo-hero-card::before,
.neo-start-hero::before,
.neo-start-hero::after {
  opacity: .55 !important;
  background: radial-gradient(circle, rgba(37, 99, 235, .12), transparent 68%) !important;
}

/* کانال انتخاب‌شده رسمی‌تر */
.neo-channel-card.is-selected {
  box-shadow:
    inset 6px 6px 14px rgba(100, 116, 139, .24),
    inset -6px -6px 14px rgba(255,255,255,.72),
    0 0 0 1px rgba(37, 99, 235, .22) !important;
}

:root[data-ui-theme="dark"] .neo-channel-card.is-selected {
  box-shadow:
    inset 6px 6px 14px rgba(0, 0, 0, .34),
    inset -6px -6px 14px rgba(255,255,255,.03),
    0 0 0 1px rgba(96, 165, 250, .22) !important;
}

/* دارک مود: جدی‌تر */
:root[data-ui-theme="dark"] {
  --neo-page-bg: #0f141c;
  --neo-page-bg-2: #0b1017;
  --neo-panel-bg: #141a24;
  --neo-panel-bg-soft: #192230;
  --neo-text-main: #eef2f7;
  --neo-text-soft: #98a2b3;
  --neo-text-faint: #667085;
}

/* دکمه تغییر تم بدون ایموجی و حرفه‌ای‌تر */
.neo-theme-toggle {
  width: auto !important;
  min-width: 58px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 .7rem !important;
  border-radius: 999px !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  letter-spacing: .02em;
}

.neo-theme-toggle::before {
  content: "";
  width: .48rem;
  height: .48rem;
  border-radius: 999px;
  background: currentColor;
  margin-inline-end: .4rem;
  opacity: .8;
}

/* متن‌ها و فاصله‌ها کمی رسمی‌تر */
.neo-start-hero p,
.neo-help-card,
.neo-upload-hint,
.neo-details-body,
p,
li {
  line-height: 1.75 !important;
}

.neo-start-steps > div,
.neo-flow-step {
  font-weight: 850 !important;
}

/* کاهش سایه‌های پف‌دار */
.neo-start-hero,
.neo-customer-panel,
.neo-channel-card,
.neo-user-card,
.neo-channel-picker,
.neo-price-dock {
  box-shadow:
    12px 12px 28px rgba(100, 116, 139, .32),
    -12px -12px 28px rgba(255, 255, 255, .78) !important;
}

:root[data-ui-theme="dark"] .neo-start-hero,
:root[data-ui-theme="dark"] .neo-customer-panel,
:root[data-ui-theme="dark"] .neo-channel-card,
:root[data-ui-theme="dark"] .neo-user-card,
:root[data-ui-theme="dark"] .neo-channel-picker,
:root[data-ui-theme="dark"] .neo-price-dock {
  box-shadow:
    10px 10px 26px rgba(0, 0, 0, .42),
    -8px -8px 22px rgba(255, 255, 255, .025) !important;
}

/* آیکن Ad کمتر کودکانه */
.neo-hero-orb span {
  font-size: 1.15rem !important;
  letter-spacing: .02em !important;
}

.neo-hero-orb span::after {
  content: " Panel";
}

/* در hero اصلی اگر orb مخفی نباشد، رسمی‌تر دیده شود */
.neo-hero-orb {
  border-radius: 22px !important;
}

/* موبایل: همچنان نرم ولی رسمی */
@media (max-width: 430px) {
  .neo-start-hero,
  .neo-customer-panel,
  .neo-channel-card {
    border-radius: 24px !important;
  }
}



/* =========================================================
   Phase 4.2-A6 - Premium Smooth UX and Warm Dark Mode
   هدف: نرم‌تر شدن رفتار UI، حذف دارک‌مود مشکی/آبی، و جدی‌تر شدن حس محصول
   ========================================================= */

:root {
  --premium-ease: cubic-bezier(.16, 1, .3, 1);
  --premium-fast: 160ms var(--premium-ease);
  --premium-normal: 320ms var(--premium-ease);
  --premium-slow: 520ms var(--premium-ease);

  --premium-accent: #8b6f47;
  --premium-accent-2: #b08d57;
  --premium-accent-soft: rgba(176, 141, 87, .18);

  --premium-focus: rgba(176, 141, 87, .32);
}

/* دارک مود گرم، بدون مشکی/آبی */
:root[data-ui-theme="dark"] {
  --neo-page-bg: #171512;
  --neo-page-bg-2: #11100e;
  --neo-panel-bg: #1d1a16;
  --neo-panel-bg-soft: #242019;
  --neo-text-main: #f3eadf;
  --neo-text-soft: #b8aa99;
  --neo-text-faint: #807466;
  --neo-line-soft: rgba(243, 234, 223, .08);
  --neo-input-bg: #1a1713;

  --neo-shadow-raised:
    12px 12px 26px rgba(0, 0, 0, .42),
    -8px -8px 20px rgba(255, 241, 219, .035);

  --neo-shadow-raised-soft:
    7px 7px 16px rgba(0, 0, 0, .34),
    -6px -6px 14px rgba(255, 241, 219, .028);

  --neo-shadow-inset:
    inset 5px 5px 12px rgba(0, 0, 0, .36),
    inset -5px -5px 12px rgba(255, 241, 219, .028);
}

/* اگر سیستم کاربر دارک است ولی انتخاب دستی نکرده */
@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) {
    --neo-page-bg: #171512;
    --neo-page-bg-2: #11100e;
    --neo-panel-bg: #1d1a16;
    --neo-panel-bg-soft: #242019;
    --neo-text-main: #f3eadf;
    --neo-text-soft: #b8aa99;
    --neo-text-faint: #807466;
    --neo-line-soft: rgba(243, 234, 223, .08);
    --neo-input-bg: #1a1713;

    --neo-shadow-raised:
      12px 12px 26px rgba(0, 0, 0, .42),
      -8px -8px 20px rgba(255, 241, 219, .035);

    --neo-shadow-raised-soft:
      7px 7px 16px rgba(0, 0, 0, .34),
      -6px -6px 14px rgba(255, 241, 219, .028);

    --neo-shadow-inset:
      inset 5px 5px 12px rgba(0, 0, 0, .36),
      inset -5px -5px 12px rgba(255, 241, 219, .028);
  }
}

/* حذف نور سفید زننده در دارک مود */
:root[data-ui-theme="dark"] body,
:root[data-ui-theme="dark"] html {
  background:
    radial-gradient(circle at 12% -8%, rgba(176, 141, 87, .12), transparent 26rem),
    radial-gradient(circle at 92% 8%, rgba(117, 97, 73, .10), transparent 22rem),
    linear-gradient(145deg, var(--neo-page-bg) 0%, var(--neo-page-bg-2) 100%) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) body,
  :root:not([data-ui-theme="light"]) html {
    background:
      radial-gradient(circle at 12% -8%, rgba(176, 141, 87, .12), transparent 26rem),
      radial-gradient(circle at 92% 8%, rgba(117, 97, 73, .10), transparent 22rem),
      linear-gradient(145deg, var(--neo-page-bg) 0%, var(--neo-page-bg-2) 100%) !important;
  }
}

/* اکسنت اصلی: برنزی/جدی به جای آبی */
:root[data-ui-theme="dark"] .neo-start-button,
:root[data-ui-theme="dark"] .neo-price-dock button,
:root[data-ui-theme="dark"] button[type="submit"],
:root[data-ui-theme="dark"] input[type="submit"],
:root[data-ui-theme="dark"] .button-link.primary {
  background: linear-gradient(135deg, #6f5634, #b08d57) !important;
  color: #fff7ed !important;
  box-shadow:
    0 16px 34px rgba(176, 141, 87, .20),
    0 6px 14px rgba(0, 0, 0, .22) !important;
}

:root[data-ui-theme="dark"] .neo-start-steps span,
:root[data-ui-theme="dark"] .neo-flow-step.is-active span,
:root[data-ui-theme="dark"] .neo-channel-head .channel-checkbox:checked {
  background: linear-gradient(135deg, #6f5634, #b08d57) !important;
  color: #fff7ed !important;
  box-shadow: 0 10px 22px rgba(176, 141, 87, .18) !important;
}

:root[data-ui-theme="dark"] a,
:root[data-ui-theme="dark"] .neo-mini-badge,
:root[data-ui-theme="dark"] .neo-selected-count {
  color: #d6b579 !important;
}

/* نرم‌تر شدن همه تعامل‌ها */
.neo-start-hero,
.neo-customer-panel,
.neo-channel-card,
.neo-user-card,
.neo-channel-picker,
.neo-price-dock,
.neo-ad-text-card,
.neo-image-uploader,
.neo-help-card,
.neo-loading-card,
.neo-empty-state,
button,
.button-link,
input,
textarea,
select,
details,
.ad-image-card {
  transition:
    transform var(--premium-normal),
    box-shadow var(--premium-normal),
    background-color var(--premium-normal),
    color var(--premium-normal),
    border-color var(--premium-normal),
    opacity var(--premium-fast) !important;
}

/* hover کمتر پرشی، رسمی‌تر */
.neo-channel-card:hover,
.neo-customer-panel:hover,
.neo-start-hero:hover,
.neo-user-card:hover,
.neo-channel-picker:hover {
  transform: translateY(-1px) !important;
}

/* انتخاب کانال با حس نرم‌تر */
.neo-channel-card {
  will-change: transform, box-shadow;
}

.neo-channel-card.is-selected {
  transform: translateY(-1px) scale(1.002) !important;
}

:root[data-ui-theme="dark"] .neo-channel-card.is-selected {
  background: #211d17 !important;
  box-shadow:
    inset 5px 5px 13px rgba(0, 0, 0, .32),
    inset -5px -5px 13px rgba(255, 241, 219, .026),
    0 0 0 1px rgba(176, 141, 87, .28) !important;
}

/* فرم: فضای نوشتن متن باید ممتاز باشد */
.neo-form-stage .neo-channel-textarea,
.neo-form-stage textarea[name^="channel_text_"] {
  min-height: 340px !important;
  max-height: 70vh;
  overflow-y: auto;
  border: 1px solid transparent !important;
  caret-color: var(--premium-accent-2);
}

.neo-form-stage .neo-channel-textarea:focus,
.neo-form-stage textarea[name^="channel_text_"]:focus,
input:focus,
select:focus {
  border-color: var(--premium-focus) !important;
  box-shadow:
    var(--neo-shadow-inset),
    0 0 0 4px rgba(176, 141, 87, .12) !important;
}

/* خطای UX سخت‌گیرانه */
.neo-field-error {
  margin-top: .5rem;
  padding: .65rem .75rem;
  border-radius: 18px;
  background: rgba(185, 28, 28, .10);
  color: #b91c1c;
  font-size: .82rem;
  font-weight: 850;
  line-height: 1.7;
  animation: ui-soft-in 240ms var(--premium-ease) both;
}

:root[data-ui-theme="dark"] .neo-field-error {
  background: rgba(248, 113, 113, .10);
  color: #fca5a5;
}

.neo-has-error {
  border-color: rgba(185, 28, 28, .30) !important;
  box-shadow:
    var(--neo-shadow-inset),
    0 0 0 4px rgba(185, 28, 28, .10) !important;
}

/* راهنمای کوتاه نوشتن، بدون شلوغ‌کاری */
.neo-text-helper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  margin-top: .5rem;
  color: var(--neo-text-soft);
  font-size: .76rem;
  font-weight: 800;
}

.neo-text-helper strong {
  color: var(--premium-accent);
}

:root[data-ui-theme="dark"] .neo-text-helper strong {
  color: #d6b579;
}

/* اسکرول نرم داخلی */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(139, 111, 71, .45) transparent;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: rgba(139, 111, 71, .38);
  border-radius: 999px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

/* دکمه تغییر تم: با رنگ‌بندی گرم */
.neo-theme-toggle {
  color: var(--neo-text-main) !important;
}

:root[data-ui-theme="dark"] .neo-theme-toggle {
  background: #1d1a16 !important;
  color: #d6b579 !important;
  box-shadow:
    7px 7px 16px rgba(0, 0, 0, .35),
    -6px -6px 14px rgba(255, 241, 219, .028) !important;
}

/* داک قیمت باید مطمئن و کم‌مزاحمت باشد */
.neo-price-dock {
  border: 1px solid var(--neo-line-soft) !important;
}

:root[data-ui-theme="dark"] .neo-price-dock {
  background: rgba(29, 26, 22, .88) !important;
}

/* کاهش چشمک و jump در موبایل */
@media (max-width: 720px) {
  .neo-form-stage .neo-channel-textarea,
  .neo-form-stage textarea[name^="channel_text_"] {
    min-height: 360px !important;
  }

  .neo-price-dock {
    backdrop-filter: blur(18px);
  }
}

@media (max-width: 430px) {
  .neo-form-stage .neo-channel-textarea,
  .neo-form-stage textarea[name^="channel_text_"] {
    min-height: 390px !important;
  }

  .neo-channel-card.is-selected {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .neo-channel-card,
  .neo-customer-panel,
  .neo-start-hero,
  button,
  input,
  textarea,
  select {
    transition: none !important;
  }
}



/* =========================================================
   Phase 4.2-A7 - True Wizard UX
   هدف: حذف accordion UX، تبدیل فرم به فرایند مرحله‌ای واقعی، کاهش لگ انیمیشن
   ========================================================= */

/* حذف stepهای تزئینی که progress واقعی نبودند */
.neo-start-steps,
.neo-flow-strip {
  display: none !important;
}

/* کاهش لگ: دیگر box-shadow و background در همه‌چیز transition نشود */
.neo-order-form *,
.neo-start-hero,
.neo-customer-panel,
.neo-channel-card,
.neo-price-dock,
.neo-theme-toggle {
  transition-property: transform, opacity, border-color !important;
  transition-duration: 160ms !important;
  transition-timing-function: cubic-bezier(.16, 1, .3, 1) !important;
}

/* هنگام تغییر تم، همه transitionها قطع شود تا flicker/lag ندهد */
.ui-theme-switching *,
.ui-theme-switching *::before,
.ui-theme-switching *::after {
  transition: none !important;
  animation: none !important;
}

/* فرم مثل app wizard رفتار کند */
.neo-order-form.neo-wizard-active {
  display: grid;
  gap: .85rem;
}

/* نوار بالای wizard؛ جایگزین stepper زائد */
.neo-wizard-topbar {
  display: grid;
  gap: .75rem;
  padding: .8rem;
  border-radius: 24px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
}

.neo-wizard-toprow {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .65rem;
  align-items: center;
}

.neo-wizard-back {
  min-width: 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 16px !important;
  font-size: 1.15rem !important;
}

.neo-wizard-back[hidden] {
  display: none !important;
}

.neo-wizard-title {
  display: grid;
  gap: .1rem;
  min-width: 0;
}

.neo-wizard-title b {
  color: var(--neo-text-main);
  font-weight: 950;
  font-size: 1rem;
}

.neo-wizard-title span {
  color: var(--neo-text-soft);
  font-size: .78rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.neo-wizard-counter {
  min-height: 34px;
  padding: .25rem .7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  color: var(--neo-text-soft);
  font-size: .76rem;
  font-weight: 900;
  box-shadow: var(--neo-shadow-inset);
}

.neo-wizard-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-wizard-progress > span {
  display: block;
  width: 10%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(135deg, #1e293b, #64748b);
  transform-origin: right center;
  transition: width 220ms cubic-bezier(.16, 1, .3, 1);
}

:root[data-ui-theme="dark"] .neo-wizard-progress > span {
  background: linear-gradient(135deg, #7b5e38, #b08d57);
}

/* در wizard فقط مرحله فعال دیده شود */
.neo-order-form.neo-wizard-active .neo-user-card,
.neo-order-form.neo-wizard-active .neo-channel-picker,
.neo-order-form.neo-wizard-active .neo-wizard-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-contact .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-review .neo-wizard-review {
  display: block !important;
  animation: neo-wizard-slide-in 220ms cubic-bezier(.16, 1, .3, 1) both;
}

/* مرحله انتخاب کانال: فقط کارت‌های انتخاب دیده شوند، هیچ details باز نشود */
.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-details {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-picker > .neo-field-head {
  display: flex !important;
}

/* مرحله متن/عکس: فقط یک کانال انتخاب‌شده، بدون لیست اضافی */
.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-picker > .neo-field-head {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible .neo-channel-details {
  display: grid !important;
  gap: .8rem;
  margin-top: .7rem !important;
}

/* در مرحله item، کارت کانال شبیه صفحه مستقل باشد نه accordion */
.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible {
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible .neo-channel-head {
  pointer-events: none;
  margin-bottom: .4rem;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible .channel-checkbox {
  display: none !important;
}

/* فضای متن در wizard */
.neo-order-form.neo-wizard-active.neo-step-item textarea[name^="channel_text_"] {
  min-height: min(56vh, 430px) !important;
}

/* صفحه خلاصه نهایی */
.neo-wizard-review {
  border-radius: 26px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  padding: .9rem;
}

.neo-review-list {
  display: grid;
  gap: .65rem;
  margin-top: .75rem;
}

.neo-review-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  align-items: center;
  padding: .7rem;
  border-radius: 20px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-review-row span {
  color: var(--neo-text-soft);
  font-size: .78rem;
  font-weight: 800;
}

.neo-review-row b {
  color: var(--neo-text-main);
  font-weight: 950;
  text-align: left;
}

/* price dock در wizard حکم navigation دارد */
.neo-order-form.neo-wizard-active .neo-price-dock {
  grid-template-columns: 1fr auto auto;
  gap: .55rem;
}

.neo-order-form.neo-wizard-active .neo-price-dock .neo-wizard-secondary {
  min-width: 84px !important;
  min-height: 50px !important;
  padding-inline: .8rem !important;
  color: var(--neo-text-soft) !important;
  background: var(--neo-panel-bg) !important;
  box-shadow: var(--neo-shadow-inset) !important;
}

.neo-order-form.neo-wizard-active .neo-price-dock button[data-neo-next] {
  min-width: 132px;
}

/* حذف رفتار accordion selected در wizard */
.neo-order-form.neo-wizard-active .neo-channel-card.is-selected {
  transform: none !important;
}

/* صفحه اصلی شروع کوتاه‌تر و اپ‌مانندتر */
.neo-start-hero {
  min-height: auto !important;
  padding-block: 1.25rem !important;
}

.neo-start-hero p {
  margin-bottom: 1rem !important;
}

/* دارک مود گرم‌تر و بدون نور سفید */
:root[data-ui-theme="dark"] .neo-start-hero,
:root[data-ui-theme="dark"] .neo-customer-panel,
:root[data-ui-theme="dark"] .neo-user-card,
:root[data-ui-theme="dark"] .neo-channel-picker,
:root[data-ui-theme="dark"] .neo-channel-card,
:root[data-ui-theme="dark"] .neo-wizard-topbar,
:root[data-ui-theme="dark"] .neo-wizard-review,
:root[data-ui-theme="dark"] .neo-price-dock {
  box-shadow:
    10px 10px 24px rgba(0, 0, 0, .40),
    -6px -6px 16px rgba(255, 236, 205, .022) !important;
}

@keyframes neo-wizard-slide-in {
  from {
    opacity: 0;
    transform: translateX(-14px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (max-width: 520px) {
  .neo-wizard-toprow {
    grid-template-columns: auto 1fr auto;
  }

  .neo-order-form.neo-wizard-active .neo-price-dock {
    grid-template-columns: 1fr;
  }

  .neo-order-form.neo-wizard-active .neo-price-dock .neo-wizard-secondary,
  .neo-order-form.neo-wizard-active .neo-price-dock button[data-neo-next],
  .neo-order-form.neo-wizard-active .neo-price-dock button[type="submit"] {
    width: 100%;
  }

  .neo-order-form.neo-wizard-active.neo-step-item textarea[name^="channel_text_"] {
    min-height: 52vh !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-picker,
  .neo-order-form.neo-wizard-active.neo-step-contact .neo-user-card,
  .neo-order-form.neo-wizard-active.neo-step-item .neo-channel-picker,
  .neo-order-form.neo-wizard-active.neo-step-review .neo-wizard-review {
    animation: none !important;
  }
}



/* =========================================================
   Phase 4.2-A7B - Wizard Navigation Fix
   هدف: اطمینان از اینکه فقط مرحله فعال دیده شود و دکمه بعدی واقعاً جابه‌جا کند
   ========================================================= */

.neo-order-form.neo-wizard-active > .neo-user-card,
.neo-order-form.neo-wizard-active > .neo-channel-picker,
.neo-order-form.neo-wizard-active > .neo-wizard-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-channels > .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-contact > .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-item > .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-review > .neo-wizard-review {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-card {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-details {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible .neo-channel-details {
  display: grid !important;
}

.neo-order-form.neo-wizard-active .neo-price-dock button[data-neo-next] {
  pointer-events: auto !important;
  opacity: 1 !important;
}

.neo-order-form.neo-wizard-active .neo-price-dock button[data-neo-next]:disabled {
  opacity: .65 !important;
  cursor: not-allowed !important;
}



/* =========================================================
   Phase 4.2-A8 - Channel Decision Cards
   هدف: حذف قالب متن اضافه و تبدیل انتخاب کانال به تصمیم بصری
   ========================================================= */

/* قالب متن آگهی از مسیر اصلی حذف شود، حتی اگر HTML قدیمی جایی باقی ماند */
.neo-template-details,
.template-helper,
.ad-template-box.template-helper {
  display: none !important;
}

/* مرحله انتخاب کانال باید decision screen باشد، نه لیست checkbox */
.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-list {
  display: grid;
  gap: .85rem;
}

.neo-decision-head {
  grid-template-columns: auto auto 1fr auto !important;
  align-items: stretch !important;
  gap: .7rem !important;
  min-height: 116px;
}

.neo-decision-head .channel-checkbox {
  align-self: center;
}

.neo-decision-head .neo-channel-logo {
  align-self: center;
}

.neo-decision-head .neo-channel-main {
  align-self: center;
  display: grid;
  gap: .5rem;
}

.neo-decision-head .neo-channel-title {
  font-size: 1.02rem;
}

.neo-decision-head .neo-channel-subtitle {
  max-width: 100%;
  color: var(--neo-text-soft) !important;
  font-size: .82rem;
  line-height: 1.65;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
}

.neo-channel-insights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
}

.neo-channel-insights > span {
  min-height: 54px;
  display: grid;
  align-content: center;
  gap: .1rem;
  padding: .48rem .55rem;
  border-radius: 16px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-channel-insights small {
  color: var(--neo-text-faint);
  font-size: .64rem;
  font-weight: 850;
  line-height: 1.2;
}

.neo-channel-insights b {
  color: var(--neo-text-main);
  font-size: .75rem;
  font-weight: 950;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.neo-channel-select-state {
  align-self: center;
  min-width: 82px;
  min-height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--neo-text-soft);
  font-size: .76rem;
  font-weight: 950;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
}

.neo-select-active {
  display: none;
}

.neo-channel-card.is-selected .neo-channel-select-state {
  background: linear-gradient(135deg, #1e293b, #64748b) !important;
  color: #fff !important;
  box-shadow:
    0 10px 22px rgba(30, 41, 59, .18),
    var(--neo-shadow-raised-soft) !important;
}

.neo-channel-card.is-selected .neo-select-idle {
  display: none;
}

.neo-channel-card.is-selected .neo-select-active {
  display: inline;
}

:root[data-ui-theme="dark"] .neo-channel-card.is-selected .neo-channel-select-state {
  background: linear-gradient(135deg, #6f5634, #b08d57) !important;
  color: #fff7ed !important;
}

/* قیمت قدیمی اگر جایی ماند، پنهان شود چون در insight آمده */
.neo-decision-head .neo-channel-price {
  display: none !important;
}

/* در مرحله item دیگر insightها مزاحم نوشتن نباشند */
.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-insights {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-subtitle {
  display: none !important;
}

/* راهنمای نوشتن متن، سبک و غیرمزاحم */
.neo-writing-tip {
  margin-top: .55rem;
  padding: .65rem .75rem;
  border-radius: 18px;
  color: var(--neo-text-soft);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.7;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

/* مرحله انتخاب باید تقریباً در viewport جا شود */
.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-card {
  padding: .72rem !important;
}

/* کمک‌متن‌های زائد در مرحله انتخاب پنهان‌تر شوند */
.neo-order-form.neo-wizard-active.neo-step-channels .neo-help-card {
  display: none !important;
}

/* دکمه‌ها متن معنادار دارند، پس کمی جای بیشتر بگیرند */
.neo-order-form.neo-wizard-active .neo-price-dock button[data-neo-next] {
  min-width: 178px;
}

/* موبایل */
@media (max-width: 560px) {
  .neo-decision-head {
    grid-template-columns: auto 1fr auto !important;
    min-height: 118px;
  }

  .neo-decision-head .neo-channel-logo {
    display: none !important;
  }

  .neo-channel-insights {
    grid-template-columns: 1fr;
    gap: .38rem;
  }

  .neo-channel-insights > span {
    min-height: 42px;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .45rem;
  }

  .neo-channel-insights small {
    font-size: .66rem;
  }

  .neo-channel-insights b {
    font-size: .76rem;
    text-align: left;
  }

  .neo-channel-select-state {
    min-width: 72px;
    min-height: 38px;
    font-size: .72rem;
  }

  .neo-order-form.neo-wizard-active .neo-price-dock button[data-neo-next] {
    min-width: 0;
  }
}

@media (max-width: 390px) {
  .neo-decision-head {
    grid-template-columns: auto 1fr !important;
  }

  .neo-channel-select-state {
    grid-column: 1 / -1;
    width: 100%;
  }
}



/* =========================================================
   Phase 4.2-A9 - Channel Info Ribbon and Correct Progress
   هدف: نوار اطلاعات کانال فشرده‌تر، زیباتر و اصلاح progress bar
   ========================================================= */

/* کارت کانال: اطلاعات باید مثل یک ردیف تصمیم‌ساز کنار عنوان بیاید */
.neo-decision-head {
  min-height: auto !important;
  align-items: center !important;
}

.neo-decision-head .neo-channel-main {
  gap: .38rem !important;
}

/* زیرعنوان بلند حذف نشود، اما نقش توضیح کوتاه بگیرد */
.neo-decision-head .neo-channel-subtitle {
  font-size: .74rem !important;
  line-height: 1.55 !important;
  color: var(--neo-text-soft) !important;
  margin-top: -.05rem;
}

/* نوار اطلاعاتی چسبیده به نام کانال */
.neo-channel-insights {
  display: flex !important;
  flex-wrap: wrap;
  gap: .38rem !important;
  margin-top: .15rem;
  padding: .35rem;
  border-radius: 16px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-channel-insights > span {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center;
  gap: .28rem;
  width: auto !important;
  max-width: 100%;
  padding: .28rem .48rem !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--neo-text-soft);
  border: 1px solid var(--neo-line-soft);
}

/* آیکون‌های متناسب برای موضوع، مخاطب، تعرفه */
.neo-channel-insights > span::before {
  width: 1.15rem;
  height: 1.15rem;
  min-width: 1.15rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  color: var(--neo-text-soft);
  font-size: .68rem;
  line-height: 1;
}

.neo-channel-insights > span:nth-child(1)::before {
  content: "●";
}

.neo-channel-insights > span:nth-child(2)::before {
  content: "👥";
  font-size: .62rem;
}

.neo-channel-insights > span:nth-child(3)::before {
  content: "₮";
  font-weight: 950;
}

/* متن‌های نوار: ریزتر اما کامل و خوانا */
.neo-channel-insights small {
  display: inline !important;
  color: var(--neo-text-faint) !important;
  font-size: .62rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.neo-channel-insights small::after {
  content: ":";
  margin-inline-start: .12rem;
}

.neo-channel-insights b {
  display: inline !important;
  color: var(--neo-text-main) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
}

/* انتخاب‌شده: نوار اطلاعاتی باید خیلی شلوغ نشود */
.neo-channel-card.is-selected .neo-channel-insights {
  box-shadow:
    inset 4px 4px 10px rgba(100, 116, 139, .18),
    inset -4px -4px 10px rgba(255,255,255,.42) !important;
}

:root[data-ui-theme="dark"] .neo-channel-card.is-selected .neo-channel-insights {
  box-shadow:
    inset 4px 4px 10px rgba(0,0,0,.28),
    inset -4px -4px 10px rgba(255,236,205,.02) !important;
}

/* در مرحله نوشتن متن، همچنان نوار اطلاعات مخفی بماند */
.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-insights {
  display: none !important;
}

/* حالت موبایل: نوار اطلاعات زیر عنوان، نه بهم‌ریخته */
@media (max-width: 560px) {
  .neo-decision-head {
    grid-template-columns: auto 1fr !important;
    gap: .55rem !important;
  }

  .neo-decision-head .channel-checkbox {
    align-self: start;
    margin-top: .35rem !important;
  }

  .neo-decision-head .neo-channel-main {
    min-width: 0;
  }

  .neo-channel-insights {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: .32rem !important;
    padding: .35rem !important;
  }

  .neo-channel-insights > span {
    width: 100% !important;
    justify-content: flex-start;
    min-height: 32px !important;
  }

  .neo-channel-select-state {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: .3rem;
  }
}

/* اصلاح قطعی progress bar: دیگر width اشتباه استفاده نشود */
.neo-wizard-progress {
  direction: rtl;
  overflow: hidden !important;
}

.neo-wizard-progress > span {
  width: 100% !important;
  transform: scaleX(var(--neo-wizard-progress-value, .12));
  transform-origin: right center;
  transition:
    transform 520ms cubic-bezier(.16, 1, .3, 1),
    background-color 180ms ease !important;
  will-change: transform;
}

/* در حالت روشن رسمی‌تر */
:root:not([data-ui-theme="dark"]) .neo-wizard-progress > span {
  background: linear-gradient(90deg, #334155, #64748b) !important;
}

/* در دارک مود گرم‌تر */
:root[data-ui-theme="dark"] .neo-wizard-progress > span {
  background: linear-gradient(90deg, #6f5634, #b08d57) !important;
}

/* label کوچک زیر progress */
.neo-wizard-progress-label {
  margin-top: .15rem;
  color: var(--neo-text-faint);
  font-size: .68rem;
  font-weight: 850;
  text-align: center;
}

/* حذف انیمیشن‌های سنگین روی progress */
.ui-theme-switching .neo-wizard-progress > span {
  transition: none !important;
}



/* =========================================================
   Phase 4.2-A14 - Review CTA Clarity
   هدف: در مرحله آخر کاربر نفهمد سفارش تمام شده؛ CTA اصلی واضح و بالای چشم باشد
   ========================================================= */

.neo-wizard-review {
  position: relative;
}

.neo-review-next-notice {
  margin: .75rem 0 .85rem;
  padding: .8rem .9rem;
  border-radius: 22px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
  color: var(--neo-text-soft);
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.75;
}

.neo-review-next-notice b {
  display: block;
  color: var(--neo-text-main);
  font-size: .95rem;
  font-weight: 950;
  margin-bottom: .2rem;
}

.neo-review-primary-cta {
  width: 100%;
  min-height: 58px;
  margin-top: .9rem;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #1e293b, #64748b) !important;
  color: #fff !important;
  box-shadow:
    0 14px 30px rgba(30, 41, 59, .20),
    var(--neo-shadow-raised-soft) !important;
  font-size: .98rem;
  font-weight: 950;
}

:root[data-ui-theme="dark"] .neo-review-primary-cta {
  background: linear-gradient(135deg, #6f5634, #b08d57) !important;
  color: #fff7ed !important;
}

.neo-order-form.neo-step-review .neo-price-dock {
  display: none !important;
}

.neo-order-form.neo-step-review .neo-wizard-review {
  padding-bottom: 1rem;
}

.neo-order-form.neo-step-review .neo-wizard-title b::after {
  content: " — هنوز نهایی نشده";
  color: var(--neo-text-soft);
  font-size: .72rem;
  font-weight: 850;
}

.neo-review-list {
  margin-bottom: .25rem;
}

@media (max-width: 520px) {
  .neo-review-primary-cta {
    min-height: 62px;
    font-size: .95rem;
  }

  .neo-review-next-notice {
    font-size: .8rem;
  }
}



/* =========================================================
   Phase 4.2B - Order Review CTA Visibility
   هدف: دکمه تایید نهایی سفارش در صفحه order-review گم نشود
   ========================================================= */

.neo-review-action-card {
  margin: 1rem 0 1.2rem;
  padding: 1rem;
  border-radius: 28px;
  background: var(--neo-panel-bg, #edf1f7);
  box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82));
}

.neo-review-action-card h2 {
  margin: .15rem 0 .45rem;
}

.neo-review-action-card p {
  margin: 0 0 .85rem;
  color: var(--neo-text-soft, #7b8496);
  font-weight: 800;
  line-height: 1.8;
}

.neo-review-action-form {
  display: grid;
  gap: .85rem;
}

.neo-review-confirm-check {
  display: grid !important;
  grid-template-columns: auto 1fr;
  gap: .65rem !important;
  align-items: start !important;
  padding: .8rem;
  border-radius: 22px;
  background: var(--neo-panel-bg, #edf1f7);
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.34), inset -5px -5px 12px rgba(255,255,255,.82));
  font-weight: 850 !important;
  color: var(--neo-text-main, #1f2937);
  line-height: 1.8;
}

.neo-review-confirm-check input {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: .25rem 0 0 !important;
}

.neo-review-main-submit {
  width: 100%;
  min-height: 58px;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #1e293b, #64748b) !important;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 950;
  box-shadow:
    0 14px 30px rgba(30, 41, 59, .20),
    var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
}

:root[data-ui-theme="dark"] .neo-review-main-submit {
  background: linear-gradient(135deg, #6f5634, #b08d57) !important;
  color: #fff7ed !important;
}

/* فرم تایید قدیمی پایین صفحه اگر باقی مانده باشد، دیگر نقش اصلی نداشته باشد */
.review-warning + h2 ~ form[action*="/confirm"] {
  margin-top: 1rem;
  opacity: .55;
}

/* در موبایل، کارت اقدام نهایی همیشه کاملاً قابل لمس باشد */
@media (max-width: 560px) {
  .neo-review-action-card {
    padding: .85rem;
    border-radius: 24px;
  }

  .neo-review-main-submit {
    min-height: 62px;
  }
}



/* =========================================================
   Phase 4.2B - Review Jump To Final Confirm
   هدف: بالا فقط CTA باشد؛ تأیید نهایی پایین بماند اما با اسکرول و هایلایت پیدا شود
   ========================================================= */

.neo-review-jump-card {
  margin: 1rem 0 1.2rem;
  padding: 1rem;
  border-radius: 28px;
  background: var(--neo-panel-bg, #edf1f7);
  box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82));
}

.neo-review-jump-card h2 {
  margin: .15rem 0 .45rem;
}

.neo-review-jump-card p {
  margin: 0 0 .9rem;
  color: var(--neo-text-soft, #7b8496);
  font-weight: 850;
  line-height: 1.8;
}

.neo-review-jump-button {
  width: 100%;
  min-height: 56px;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #1e293b, #64748b) !important;
  color: #fff !important;
  font-size: .98rem;
  font-weight: 950;
  box-shadow:
    0 14px 30px rgba(30, 41, 59, .20),
    var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
}

:root[data-ui-theme="dark"] .neo-review-jump-button {
  background: linear-gradient(135deg, #6f5634, #b08d57) !important;
  color: #fff7ed !important;
}

.neo-final-confirm-form {
  scroll-margin-top: 1rem;
  margin-top: 1.4rem;
  padding: 1rem;
  border-radius: 28px;
  background: var(--neo-panel-bg, #edf1f7);
  box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82));
}

.neo-final-confirm-form label {
  line-height: 1.85;
}

.neo-final-confirm-form button[type="submit"] {
  width: 100%;
  min-height: 58px;
  margin-top: .8rem;
}

.neo-confirm-attention {
  animation: neo-confirm-pulse 1100ms cubic-bezier(.16, 1, .3, 1) 2;
}

@keyframes neo-confirm-pulse {
  0% {
    transform: scale(1);
    box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82));
  }
  45% {
    transform: scale(1.012);
    box-shadow:
      0 0 0 5px rgba(176, 141, 87, .16),
      0 18px 34px rgba(30, 41, 59, .16),
      var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82));
  }
  100% {
    transform: scale(1);
    box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82));
  }
}

@media (max-width: 560px) {
  .neo-review-jump-card,
  .neo-final-confirm-form {
    padding: .85rem;
    border-radius: 24px;
  }

  .neo-review-jump-button,
  .neo-final-confirm-form button[type="submit"] {
    min-height: 62px;
  }
}



/* =========================================================
   Phase 4.2B - Elegant Review Jump Pulse
   هدف: جلب توجه آرام و شیک برای دکمه رفتن به تایید نهایی
   ========================================================= */

.neo-review-jump-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  animation: neo-review-button-breathe 2.8s cubic-bezier(.16, 1, .3, 1) infinite;
}

.neo-review-jump-button::before {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: -1;
  background:
    radial-gradient(circle at 30% 50%, rgba(255,255,255,.28), transparent 24%),
    linear-gradient(120deg, transparent 35%, rgba(255,255,255,.24), transparent 65%);
  transform: translateX(60%) rotate(12deg);
  animation: neo-review-button-shine 3.6s cubic-bezier(.16, 1, .3, 1) infinite;
  pointer-events: none;
}

.neo-review-jump-button::after {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: inherit;
  border: 1px solid rgba(255,255,255,.22);
  pointer-events: none;
}

:root[data-ui-theme="dark"] .neo-review-jump-button::before {
  background:
    radial-gradient(circle at 30% 50%, rgba(255,247,237,.20), transparent 24%),
    linear-gradient(120deg, transparent 35%, rgba(255,247,237,.18), transparent 65%);
}

@keyframes neo-review-button-breathe {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 14px 30px rgba(30, 41, 59, .20),
      var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
  }

  48% {
    transform: translateY(-1px) scale(1.012);
    box-shadow:
      0 0 0 5px rgba(176, 141, 87, .12),
      0 18px 38px rgba(30, 41, 59, .22),
      var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
  }
}

@keyframes neo-review-button-shine {
  0% {
    transform: translateX(70%) rotate(12deg);
    opacity: 0;
  }

  28% {
    opacity: .7;
  }

  55% {
    transform: translateX(-70%) rotate(12deg);
    opacity: 0;
  }

  100% {
    transform: translateX(-70%) rotate(12deg);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .neo-review-jump-button,
  .neo-review-jump-button::before {
    animation: none !important;
  }
}



/* =========================================================
   Phase 4.2-A15 - Standard Graphite Dark Mode and App Loader
   هدف: دارک‌مود استاندارد، حذف نورهای اضافه، و لودینگ تمام‌صفحه شیک
   ========================================================= */

/* ---------- Graphite Dark Mode Reset ---------- */

:root[data-ui-theme="dark"] {
  --neo-page-bg: #141414;
  --neo-page-bg-2: #101010;
  --neo-panel-bg: #1c1c1e;
  --neo-panel-bg-soft: #242426;
  --neo-input-bg: #18181a;

  --neo-text-main: #f4f4f5;
  --neo-text-soft: #b6b6bd;
  --neo-text-faint: #7c7c85;

  --neo-line-soft: rgba(255, 255, 255, .075);

  --neo-shadow-raised:
    10px 10px 26px rgba(0, 0, 0, .50),
    -7px -7px 18px rgba(255, 255, 255, .035);

  --neo-shadow-raised-soft:
    7px 7px 18px rgba(0, 0, 0, .42),
    -5px -5px 14px rgba(255, 255, 255, .03);

  --neo-shadow-inset:
    inset 5px 5px 12px rgba(0, 0, 0, .42),
    inset -5px -5px 12px rgba(255, 255, 255, .028);

  --premium-accent: #b89b63;
  --premium-accent-2: #d1b77c;
  --premium-accent-soft: rgba(209, 183, 124, .14);
  --premium-focus: rgba(209, 183, 124, .26);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) {
    --neo-page-bg: #141414;
    --neo-page-bg-2: #101010;
    --neo-panel-bg: #1c1c1e;
    --neo-panel-bg-soft: #242426;
    --neo-input-bg: #18181a;

    --neo-text-main: #f4f4f5;
    --neo-text-soft: #b6b6bd;
    --neo-text-faint: #7c7c85;

    --neo-line-soft: rgba(255, 255, 255, .075);

    --neo-shadow-raised:
      10px 10px 26px rgba(0, 0, 0, .50),
      -7px -7px 18px rgba(255, 255, 255, .035);

    --neo-shadow-raised-soft:
      7px 7px 18px rgba(0, 0, 0, .42),
      -5px -5px 14px rgba(255, 255, 255, .03);

    --neo-shadow-inset:
      inset 5px 5px 12px rgba(0, 0, 0, .42),
      inset -5px -5px 12px rgba(255, 255, 255, .028);

    --premium-accent: #b89b63;
    --premium-accent-2: #d1b77c;
    --premium-accent-soft: rgba(209, 183, 124, .14);
    --premium-focus: rgba(209, 183, 124, .26);
  }
}

/* حذف نورهای سفید/آبی اضافه در دارک مود */
:root[data-ui-theme="dark"] html,
:root[data-ui-theme="dark"] body {
  background:
    radial-gradient(circle at 16% -10%, rgba(209, 183, 124, .08), transparent 26rem),
    radial-gradient(circle at 95% 0%, rgba(255, 255, 255, .025), transparent 22rem),
    linear-gradient(145deg, var(--neo-page-bg), var(--neo-page-bg-2)) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) html,
  :root:not([data-ui-theme="light"]) body {
    background:
      radial-gradient(circle at 16% -10%, rgba(209, 183, 124, .08), transparent 26rem),
      radial-gradient(circle at 95% 0%, rgba(255, 255, 255, .025), transparent 22rem),
      linear-gradient(145deg, var(--neo-page-bg), var(--neo-page-bg-2)) !important;
  }
}

/* دارک مود: رنگ‌های اشتباه قبلی را خنثی کن */
:root[data-ui-theme="dark"] .neo-start-hero::before,
:root[data-ui-theme="dark"] .neo-start-hero::after,
:root[data-ui-theme="dark"] .neo-hero-card::before {
  background: radial-gradient(circle, rgba(209, 183, 124, .08), transparent 68%) !important;
  opacity: .8 !important;
}

:root[data-ui-theme="dark"] .neo-start-button,
:root[data-ui-theme="dark"] .neo-price-dock button,
:root[data-ui-theme="dark"] button[type="submit"],
:root[data-ui-theme="dark"] input[type="submit"],
:root[data-ui-theme="dark"] .button-link.primary,
:root[data-ui-theme="dark"] .neo-review-jump-button,
:root[data-ui-theme="dark"] .neo-review-main-submit {
  background: linear-gradient(135deg, #8f7444, #c3a66b) !important;
  color: #17140f !important;
  text-shadow: none !important;
  box-shadow:
    0 16px 34px rgba(195, 166, 107, .16),
    0 6px 14px rgba(0, 0, 0, .32) !important;
}

:root[data-ui-theme="dark"] .neo-start-steps span,
:root[data-ui-theme="dark"] .neo-flow-step.is-active span,
:root[data-ui-theme="dark"] .neo-channel-head .channel-checkbox:checked,
:root[data-ui-theme="dark"] .neo-wizard-progress > span,
:root[data-ui-theme="dark"] .neo-channel-card.is-selected .neo-channel-select-state {
  background: linear-gradient(135deg, #8f7444, #c3a66b) !important;
  color: #17140f !important;
}

:root[data-ui-theme="dark"] .neo-mini-badge,
:root[data-ui-theme="dark"] .neo-selected-count,
:root[data-ui-theme="dark"] .badge,
:root[data-ui-theme="dark"] .status-badge,
:root[data-ui-theme="dark"] .payment-badge,
:root[data-ui-theme="dark"] .publish-badge,
:root[data-ui-theme="dark"] .primary-image-badge {
  background: #242426 !important;
  color: #d1b77c !important;
  box-shadow: var(--neo-shadow-raised-soft) !important;
}

:root[data-ui-theme="dark"] input,
:root[data-ui-theme="dark"] textarea,
:root[data-ui-theme="dark"] select,
:root[data-ui-theme="dark"] .neo-help-card,
:root[data-ui-theme="dark"] .neo-loading-card,
:root[data-ui-theme="dark"] .neo-empty-state,
:root[data-ui-theme="dark"] .neo-review-row,
:root[data-ui-theme="dark"] .neo-channel-insights,
:root[data-ui-theme="dark"] .neo-writing-tip {
  background: var(--neo-input-bg) !important;
  color: var(--neo-text-main) !important;
  border-color: var(--neo-line-soft) !important;
}

:root[data-ui-theme="dark"] .neo-channel-card,
:root[data-ui-theme="dark"] .neo-customer-panel,
:root[data-ui-theme="dark"] .neo-start-hero,
:root[data-ui-theme="dark"] .neo-user-card,
:root[data-ui-theme="dark"] .neo-channel-picker,
:root[data-ui-theme="dark"] .neo-wizard-topbar,
:root[data-ui-theme="dark"] .neo-wizard-review,
:root[data-ui-theme="dark"] .neo-final-confirm-form,
:root[data-ui-theme="dark"] .neo-review-jump-card,
:root[data-ui-theme="dark"] .card,
:root[data-ui-theme="dark"] .item,
:root[data-ui-theme="dark"] .notice {
  background: var(--neo-panel-bg) !important;
  color: var(--neo-text-main) !important;
  border-color: var(--neo-line-soft) !important;
  box-shadow: var(--neo-shadow-raised) !important;
}

:root[data-ui-theme="dark"] .neo-theme-toggle {
  background: #242426 !important;
  color: #d1b77c !important;
  box-shadow: var(--neo-shadow-raised-soft) !important;
}

:root[data-ui-theme="dark"] .neo-theme-toggle::before {
  background: #d1b77c !important;
}

/* ---------- Premium Fullscreen Loader ---------- */

.ui-app-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  background:
    radial-gradient(circle at 18% -10%, rgba(184, 155, 99, .16), transparent 26rem),
    radial-gradient(circle at 95% 5%, rgba(255, 255, 255, .04), transparent 22rem),
    linear-gradient(145deg, rgba(20, 20, 20, .98), rgba(12, 12, 12, .98));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 180ms cubic-bezier(.16, 1, .3, 1),
    visibility 180ms cubic-bezier(.16, 1, .3, 1);
}

.ui-app-loader.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ui-app-loader-card {
  width: min(92vw, 390px);
  min-height: 330px;
  display: grid;
  align-content: center;
  gap: 1rem;
  border-radius: 32px;
  padding: 1.25rem;
  background: rgba(28, 28, 30, .92);
  color: #f4f4f5;
  box-shadow:
    18px 18px 46px rgba(0, 0, 0, .48),
    -10px -10px 28px rgba(255, 255, 255, .035),
    inset 0 0 0 1px rgba(255, 255, 255, .055);
  backdrop-filter: blur(20px);
}

.ui-app-loader-mark {
  width: 68px;
  height: 68px;
  margin: 0 auto .2rem;
  display: grid;
  place-items: center;
  border-radius: 24px;
  background: #1c1c1e;
  box-shadow:
    9px 9px 20px rgba(0, 0, 0, .44),
    -7px -7px 16px rgba(255, 255, 255, .035);
  color: #d1b77c;
  font-weight: 950;
  letter-spacing: .04em;
}

.ui-app-loader-mark::before {
  content: "AD";
  font-size: 1.15rem;
}

.ui-app-loader-title {
  text-align: center;
  color: #f4f4f5;
  font-weight: 950;
  font-size: 1.05rem;
}

.ui-app-loader-phrases {
  height: 176px;
  overflow: hidden;
  border-radius: 24px;
  background: #18181a;
  box-shadow:
    inset 6px 6px 14px rgba(0, 0, 0, .42),
    inset -5px -5px 12px rgba(255, 255, 255, .025);
  padding: .7rem;
  position: relative;
}

.ui-app-loader-phrases::before,
.ui-app-loader-phrases::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  height: 44px;
  z-index: 2;
  pointer-events: none;
}

.ui-app-loader-phrases::before {
  top: 0;
  background: linear-gradient(to bottom, #18181a, rgba(24, 24, 26, 0));
}

.ui-app-loader-phrases::after {
  bottom: 0;
  background: linear-gradient(to top, #18181a, rgba(24, 24, 26, 0));
}

.ui-app-loader-list {
  display: grid;
  gap: .55rem;
  animation: ui-app-loader-slide 8.5s cubic-bezier(.16, 1, .3, 1) infinite;
}

.ui-app-loader-step {
  min-height: 42px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  align-items: center;
  padding: .45rem .55rem;
  border-radius: 18px;
  color: #b6b6bd;
  font-size: .84rem;
  font-weight: 850;
}

.ui-app-loader-check {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #242426;
  color: #d1b77c;
  box-shadow:
    5px 5px 10px rgba(0, 0, 0, .34),
    -4px -4px 10px rgba(255, 255, 255, .028);
  font-size: .8rem;
  transform: scale(.92);
  animation: ui-app-loader-check 2.2s cubic-bezier(.16, 1, .3, 1) infinite;
}

.ui-app-loader-step:nth-child(2) .ui-app-loader-check { animation-delay: .18s; }
.ui-app-loader-step:nth-child(3) .ui-app-loader-check { animation-delay: .36s; }
.ui-app-loader-step:nth-child(4) .ui-app-loader-check { animation-delay: .54s; }
.ui-app-loader-step:nth-child(5) .ui-app-loader-check { animation-delay: .72s; }
.ui-app-loader-step:nth-child(6) .ui-app-loader-check { animation-delay: .90s; }

.ui-app-loader-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #18181a;
  box-shadow:
    inset 4px 4px 9px rgba(0, 0, 0, .36),
    inset -4px -4px 9px rgba(255, 255, 255, .025);
}

.ui-app-loader-progress span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transform-origin: right center;
  background: linear-gradient(90deg, #8f7444, #d1b77c);
  animation: ui-app-loader-progress 2.4s cubic-bezier(.16, 1, .3, 1) infinite;
}

.ui-app-loader-caption {
  text-align: center;
  color: #8f8f99;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.7;
}

@keyframes ui-app-loader-slide {
  0%, 16% {
    transform: translateY(0);
  }
  24%, 40% {
    transform: translateY(-49px);
  }
  48%, 64% {
    transform: translateY(-98px);
  }
  72%, 88% {
    transform: translateY(-147px);
  }
  100% {
    transform: translateY(-196px);
  }
}

@keyframes ui-app-loader-check {
  0%, 100% {
    transform: scale(.9);
    opacity: .64;
  }
  45% {
    transform: scale(1.06);
    opacity: 1;
  }
}

@keyframes ui-app-loader-progress {
  0% {
    transform: scaleX(.12);
    opacity: .8;
  }
  55% {
    transform: scaleX(.86);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: .9;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ui-app-loader-list,
  .ui-app-loader-check,
  .ui-app-loader-progress span {
    animation: none !important;
  }

  .ui-app-loader-progress span {
    transform: scaleX(.75);
  }
}



/* =========================================================
   Phase 4.2-A16 - Deep Charcoal Teal Dark Mode
   هدف: دارک‌مود استاندارد با طیف مشکی/ذغالی/سبزآبی، بدون نور سفید
   ========================================================= */

:root[data-ui-theme="dark"] {
  --neo-page-bg: #050607;
  --neo-page-bg-2: #090b0f;

  --neo-panel-bg: #171920;
  --neo-panel-bg-soft: #20232d;
  --neo-input-bg: #111318;

  --neo-text-main: #e4e7ec;
  --neo-text-soft: #8f96a3;
  --neo-text-faint: #5f6673;

  --neo-line-soft: rgba(80, 218, 197, .10);

  --neo-shadow-raised:
    14px 14px 32px rgba(0, 0, 0, .58),
    -8px -8px 22px rgba(55, 65, 81, .10);

  --neo-shadow-raised-soft:
    8px 8px 20px rgba(0, 0, 0, .46),
    -6px -6px 16px rgba(55, 65, 81, .075);

  --neo-shadow-inset:
    inset 6px 6px 14px rgba(0, 0, 0, .46),
    inset -5px -5px 12px rgba(55, 65, 81, .07);

  --premium-accent: #2dd4bf;
  --premium-accent-2: #14b8a6;
  --premium-accent-soft: rgba(45, 212, 191, .14);
  --premium-focus: rgba(45, 212, 191, .24);
}

/* اگر سیستم دارک است و کاربر light را دستی انتخاب نکرده */
@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) {
    --neo-page-bg: #050607;
    --neo-page-bg-2: #090b0f;

    --neo-panel-bg: #171920;
    --neo-panel-bg-soft: #20232d;
    --neo-input-bg: #111318;

    --neo-text-main: #e4e7ec;
    --neo-text-soft: #8f96a3;
    --neo-text-faint: #5f6673;

    --neo-line-soft: rgba(80, 218, 197, .10);

    --neo-shadow-raised:
      14px 14px 32px rgba(0, 0, 0, .58),
      -8px -8px 22px rgba(55, 65, 81, .10);

    --neo-shadow-raised-soft:
      8px 8px 20px rgba(0, 0, 0, .46),
      -6px -6px 16px rgba(55, 65, 81, .075);

    --neo-shadow-inset:
      inset 6px 6px 14px rgba(0, 0, 0, .46),
      inset -5px -5px 12px rgba(55, 65, 81, .07);

    --premium-accent: #2dd4bf;
    --premium-accent-2: #14b8a6;
    --premium-accent-soft: rgba(45, 212, 191, .14);
    --premium-focus: rgba(45, 212, 191, .24);
  }
}

/* پس‌زمینه دارک: بدون نور سفید، فقط عمق مشکی و ته‌مایه teal */
:root[data-ui-theme="dark"] html,
:root[data-ui-theme="dark"] body {
  background:
    radial-gradient(circle at 20% 0%, rgba(20, 184, 166, .10), transparent 24rem),
    radial-gradient(circle at 90% 8%, rgba(45, 212, 191, .055), transparent 20rem),
    linear-gradient(145deg, #050607 0%, #090b0f 50%, #030405 100%) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) html,
  :root:not([data-ui-theme="light"]) body {
    background:
      radial-gradient(circle at 20% 0%, rgba(20, 184, 166, .10), transparent 24rem),
      radial-gradient(circle at 90% 8%, rgba(45, 212, 191, .055), transparent 20rem),
      linear-gradient(145deg, #050607 0%, #090b0f 50%, #030405 100%) !important;
  }
}

/* کارت‌ها */
:root[data-ui-theme="dark"] .card,
:root[data-ui-theme="dark"] .item,
:root[data-ui-theme="dark"] .notice,
:root[data-ui-theme="dark"] .neo-start-hero,
:root[data-ui-theme="dark"] .neo-customer-panel,
:root[data-ui-theme="dark"] .neo-user-card,
:root[data-ui-theme="dark"] .neo-channel-picker,
:root[data-ui-theme="dark"] .neo-channel-card,
:root[data-ui-theme="dark"] .neo-wizard-topbar,
:root[data-ui-theme="dark"] .neo-wizard-review,
:root[data-ui-theme="dark"] .neo-final-confirm-form,
:root[data-ui-theme="dark"] .neo-review-jump-card,
:root[data-ui-theme="dark"] .neo-price-dock,
:root[data-ui-theme="dark"] .neo-review-row,
:root[data-ui-theme="dark"] details {
  background: #171920 !important;
  color: #e4e7ec !important;
  border-color: rgba(45, 212, 191, .08) !important;
  box-shadow:
    14px 14px 32px rgba(0, 0, 0, .58),
    -7px -7px 20px rgba(55, 65, 81, .085) !important;
}

/* سطح‌های فرو رفته */
:root[data-ui-theme="dark"] input,
:root[data-ui-theme="dark"] textarea,
:root[data-ui-theme="dark"] select,
:root[data-ui-theme="dark"] .neo-help-card,
:root[data-ui-theme="dark"] .neo-loading-card,
:root[data-ui-theme="dark"] .neo-empty-state,
:root[data-ui-theme="dark"] .neo-channel-insights,
:root[data-ui-theme="dark"] .neo-writing-tip,
:root[data-ui-theme="dark"] .neo-review-confirm-check,
:root[data-ui-theme="dark"] .neo-wizard-progress,
:root[data-ui-theme="dark"] .neo-stat-pill {
  background: #111318 !important;
  color: #e4e7ec !important;
  border-color: rgba(45, 212, 191, .08) !important;
  box-shadow:
    inset 6px 6px 14px rgba(0, 0, 0, .48),
    inset -5px -5px 12px rgba(55, 65, 81, .065) !important;
}

/* متن‌ها: سفید خالص ممنوع */
:root[data-ui-theme="dark"] h1,
:root[data-ui-theme="dark"] h2,
:root[data-ui-theme="dark"] h3,
:root[data-ui-theme="dark"] h4,
:root[data-ui-theme="dark"] label,
:root[data-ui-theme="dark"] .neo-channel-title,
:root[data-ui-theme="dark"] .neo-price-dock b,
:root[data-ui-theme="dark"] .neo-review-row b,
:root[data-ui-theme="dark"] .neo-wizard-title b {
  color: #e4e7ec !important;
}

:root[data-ui-theme="dark"] p,
:root[data-ui-theme="dark"] small,
:root[data-ui-theme="dark"] .meta,
:root[data-ui-theme="dark"] .small-note,
:root[data-ui-theme="dark"] .neo-eyebrow,
:root[data-ui-theme="dark"] .neo-channel-subtitle,
:root[data-ui-theme="dark"] .neo-channel-meta,
:root[data-ui-theme="dark"] .neo-upload-hint,
:root[data-ui-theme="dark"] .neo-review-row span,
:root[data-ui-theme="dark"] .neo-wizard-title span,
:root[data-ui-theme="dark"] .neo-wizard-counter,
:root[data-ui-theme="dark"] .neo-wizard-progress-label {
  color: #8f96a3 !important;
}

/* دکمه‌های اصلی: teal استاندارد */
:root[data-ui-theme="dark"] .neo-start-button,
:root[data-ui-theme="dark"] .neo-price-dock button,
:root[data-ui-theme="dark"] button[type="submit"],
:root[data-ui-theme="dark"] input[type="submit"],
:root[data-ui-theme="dark"] .button-link.primary,
:root[data-ui-theme="dark"] .neo-review-jump-button,
:root[data-ui-theme="dark"] .neo-review-main-submit,
:root[data-ui-theme="dark"] .neo-final-confirm-form button[type="submit"] {
  background: linear-gradient(135deg, #14b8a6, #2dd4bf) !important;
  color: #031412 !important;
  text-shadow: none !important;
  box-shadow:
    0 16px 34px rgba(20, 184, 166, .20),
    0 6px 14px rgba(0, 0, 0, .34) !important;
}

/* دکمه‌های ثانویه */
:root[data-ui-theme="dark"] button:not([type="submit"]):not(.neo-start-button):not(.neo-review-jump-button):not(.neo-review-main-submit),
:root[data-ui-theme="dark"] .button-link.secondary,
:root[data-ui-theme="dark"] .neo-wizard-secondary,
:root[data-ui-theme="dark"] .neo-wizard-back {
  background: #20232d !important;
  color: #b7c0cd !important;
  box-shadow:
    8px 8px 18px rgba(0,0,0,.42),
    -5px -5px 14px rgba(55,65,81,.075) !important;
}

/* انتخاب‌ها و badgeها */
:root[data-ui-theme="dark"] .neo-mini-badge,
:root[data-ui-theme="dark"] .neo-selected-count,
:root[data-ui-theme="dark"] .badge,
:root[data-ui-theme="dark"] .status-badge,
:root[data-ui-theme="dark"] .payment-badge,
:root[data-ui-theme="dark"] .publish-badge,
:root[data-ui-theme="dark"] .primary-image-badge,
:root[data-ui-theme="dark"] .neo-channel-select-state {
  background: #20232d !important;
  color: #2dd4bf !important;
  box-shadow:
    7px 7px 16px rgba(0,0,0,.42),
    -5px -5px 14px rgba(55,65,81,.075) !important;
}

:root[data-ui-theme="dark"] .neo-channel-card.is-selected {
  background: #1b2028 !important;
  box-shadow:
    inset 5px 5px 13px rgba(0, 0, 0, .34),
    inset -5px -5px 13px rgba(55, 65, 81, .065),
    0 0 0 1px rgba(45, 212, 191, .22) !important;
}

:root[data-ui-theme="dark"] .neo-channel-card.is-selected .neo-channel-select-state,
:root[data-ui-theme="dark"] .neo-channel-head .channel-checkbox:checked,
:root[data-ui-theme="dark"] .neo-start-steps span,
:root[data-ui-theme="dark"] .neo-flow-step.is-active span {
  background: linear-gradient(135deg, #14b8a6, #2dd4bf) !important;
  color: #031412 !important;
}

/* progress */
:root[data-ui-theme="dark"] .neo-wizard-progress > span,
:root[data-ui-theme="dark"] .ui-app-loader-progress span {
  background: linear-gradient(90deg, #14b8a6, #2dd4bf) !important;
}

/* theme toggle */
:root[data-ui-theme="dark"] .neo-theme-toggle {
  background: #20232d !important;
  color: #2dd4bf !important;
  box-shadow:
    7px 7px 16px rgba(0,0,0,.42),
    -5px -5px 14px rgba(55,65,81,.075) !important;
}

:root[data-ui-theme="dark"] .neo-theme-toggle::before {
  background: #2dd4bf !important;
}

/* orb و نورهای تزئینی: بدون سفیدی */
:root[data-ui-theme="dark"] .neo-start-hero::before,
:root[data-ui-theme="dark"] .neo-start-hero::after,
:root[data-ui-theme="dark"] .neo-hero-card::before {
  background: radial-gradient(circle, rgba(45, 212, 191, .08), transparent 68%) !important;
  opacity: .75 !important;
}

/* لودینگ تمام صفحه با همین طیف */
.ui-app-loader {
  background:
    radial-gradient(circle at 18% -10%, rgba(20, 184, 166, .14), transparent 26rem),
    radial-gradient(circle at 95% 5%, rgba(45, 212, 191, .065), transparent 22rem),
    linear-gradient(145deg, rgba(5, 6, 7, .99), rgba(9, 11, 15, .99)) !important;
}

.ui-app-loader-card {
  background: rgba(23, 25, 32, .94) !important;
  color: #e4e7ec !important;
  box-shadow:
    18px 18px 46px rgba(0, 0, 0, .56),
    -8px -8px 24px rgba(55, 65, 81, .08),
    inset 0 0 0 1px rgba(45, 212, 191, .08) !important;
}

.ui-app-loader-mark,
.ui-app-loader-check {
  background: #20232d !important;
  color: #2dd4bf !important;
  box-shadow:
    7px 7px 16px rgba(0,0,0,.42),
    -5px -5px 14px rgba(55,65,81,.075) !important;
}

.ui-app-loader-phrases,
.ui-app-loader-progress {
  background: #111318 !important;
  box-shadow:
    inset 6px 6px 14px rgba(0,0,0,.48),
    inset -5px -5px 12px rgba(55,65,81,.065) !important;
}

.ui-app-loader-phrases::before {
  background: linear-gradient(to bottom, #111318, rgba(17, 19, 24, 0)) !important;
}

.ui-app-loader-phrases::after {
  background: linear-gradient(to top, #111318, rgba(17, 19, 24, 0)) !important;
}

.ui-app-loader-title {
  color: #e4e7ec !important;
}

.ui-app-loader-step {
  color: #8f96a3 !important;
}

.ui-app-loader-caption {
  color: #6f7785 !important;
}

/* حذف white highlight روی دکمه pulse */
:root[data-ui-theme="dark"] .neo-review-jump-button::before {
  background:
    radial-gradient(circle at 30% 50%, rgba(45, 212, 191, .18), transparent 24%),
    linear-gradient(120deg, transparent 35%, rgba(45, 212, 191, .16), transparent 65%) !important;
}

:root[data-ui-theme="dark"] .neo-review-jump-button::after {
  border-color: rgba(45, 212, 191, .20) !important;
}

/* focus */
:root[data-ui-theme="dark"] input:focus,
:root[data-ui-theme="dark"] textarea:focus,
:root[data-ui-theme="dark"] select:focus {
  border-color: rgba(45, 212, 191, .32) !important;
  box-shadow:
    var(--neo-shadow-inset),
    0 0 0 4px rgba(45, 212, 191, .10) !important;
}



/* =========================================================
   Phase 4.2-A17 - Dark Silver Borders and Button Cleanup
   هدف: حذف طلایی/سفید باقی‌مانده و افزودن مرز نقره‌ای-سیلیکونی برای تفکیک کارت‌ها
   ========================================================= */

:root[data-ui-theme="dark"] {
  --neo-silver-border: rgba(176, 188, 205, .16);
  --neo-silver-border-strong: rgba(194, 204, 218, .24);
  --neo-silver-line: rgba(148, 163, 184, .13);
  --neo-dark-card: #171a21;
  --neo-dark-card-2: #1d212a;
  --neo-dark-recessed: #101217;
  --neo-teal-main: #2dd4bf;
  --neo-teal-muted: #20b8a6;
}

/* مرز نازک و سرد برای تفکیک همه کارت‌ها */
:root[data-ui-theme="dark"] .card,
:root[data-ui-theme="dark"] .item,
:root[data-ui-theme="dark"] .notice,
:root[data-ui-theme="dark"] .neo-start-hero,
:root[data-ui-theme="dark"] .neo-customer-panel,
:root[data-ui-theme="dark"] .neo-user-card,
:root[data-ui-theme="dark"] .neo-channel-picker,
:root[data-ui-theme="dark"] .neo-channel-card,
:root[data-ui-theme="dark"] .neo-wizard-topbar,
:root[data-ui-theme="dark"] .neo-wizard-review,
:root[data-ui-theme="dark"] .neo-final-confirm-form,
:root[data-ui-theme="dark"] .neo-review-jump-card,
:root[data-ui-theme="dark"] .neo-price-dock,
:root[data-ui-theme="dark"] .neo-review-row,
:root[data-ui-theme="dark"] .ad-image-card,
:root[data-ui-theme="dark"] details {
  background:
    linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(21, 24, 31, .98)) !important;
  border: 1px solid var(--neo-silver-border) !important;
  box-shadow:
    12px 12px 30px rgba(0, 0, 0, .60),
    -6px -6px 16px rgba(80, 90, 105, .08),
    inset 0 1px 0 rgba(210, 220, 235, .045) !important;
}

/* سطح‌های داخلی/فرورفته */
:root[data-ui-theme="dark"] input,
:root[data-ui-theme="dark"] textarea,
:root[data-ui-theme="dark"] select,
:root[data-ui-theme="dark"] .neo-help-card,
:root[data-ui-theme="dark"] .neo-loading-card,
:root[data-ui-theme="dark"] .neo-empty-state,
:root[data-ui-theme="dark"] .neo-channel-insights,
:root[data-ui-theme="dark"] .neo-writing-tip,
:root[data-ui-theme="dark"] .neo-review-confirm-check,
:root[data-ui-theme="dark"] .neo-wizard-progress,
:root[data-ui-theme="dark"] .neo-stat-pill,
:root[data-ui-theme="dark"] pre,
:root[data-ui-theme="dark"] code {
  background: #101217 !important;
  border: 1px solid rgba(176, 188, 205, .10) !important;
  box-shadow:
    inset 5px 5px 12px rgba(0, 0, 0, .50),
    inset -4px -4px 10px rgba(80, 90, 105, .055),
    inset 0 1px 0 rgba(210, 220, 235, .025) !important;
}

/* حذف طلایی از دکمه‌های عمومی مثل خانه/ثبت آگهی */
:root[data-ui-theme="dark"] button,
:root[data-ui-theme="dark"] .button,
:root[data-ui-theme="dark"] .button-link,
:root[data-ui-theme="dark"] a.button-link,
:root[data-ui-theme="dark"] input[type="submit"] {
  background: linear-gradient(145deg, #20242d, #171a21) !important;
  color: #d7dde7 !important;
  border: 1px solid var(--neo-silver-border) !important;
  box-shadow:
    8px 8px 20px rgba(0, 0, 0, .50),
    -5px -5px 14px rgba(80, 90, 105, .08),
    inset 0 1px 0 rgba(210, 220, 235, .045) !important;
}

/* فقط اکشن‌های واقعاً اصلی teal باشند */
:root[data-ui-theme="dark"] button[type="submit"],
:root[data-ui-theme="dark"] input[type="submit"],
:root[data-ui-theme="dark"] .button-link.primary,
:root[data-ui-theme="dark"] .neo-start-button,
:root[data-ui-theme="dark"] .neo-review-jump-button,
:root[data-ui-theme="dark"] .neo-review-main-submit,
:root[data-ui-theme="dark"] .neo-final-confirm-form button[type="submit"],
:root[data-ui-theme="dark"] .neo-price-dock button[data-neo-next] {
  background: linear-gradient(135deg, #12a99a, #2dd4bf) !important;
  color: #031412 !important;
  border: 1px solid rgba(45, 212, 191, .34) !important;
  box-shadow:
    0 14px 30px rgba(20, 184, 166, .20),
    0 6px 14px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(230, 255, 251, .20) !important;
}

/* دکمه‌های ناوبری بالایی/خانه نباید primary تلقی شوند */
:root[data-ui-theme="dark"] nav a,
:root[data-ui-theme="dark"] .nav a,
:root[data-ui-theme="dark"] header a,
:root[data-ui-theme="dark"] .header a,
:root[data-ui-theme="dark"] a[href="/"],
:root[data-ui-theme="dark"] a[href*="/o/"] {
  background: linear-gradient(145deg, #20242d, #171a21) !important;
  color: #d7dde7 !important;
  border: 1px solid var(--neo-silver-border) !important;
  box-shadow:
    7px 7px 18px rgba(0,0,0,.48),
    -5px -5px 14px rgba(80,90,105,.075) !important;
}

/* badgeها و چیپ‌ها */
:root[data-ui-theme="dark"] .neo-mini-badge,
:root[data-ui-theme="dark"] .neo-selected-count,
:root[data-ui-theme="dark"] .badge,
:root[data-ui-theme="dark"] .status-badge,
:root[data-ui-theme="dark"] .payment-badge,
:root[data-ui-theme="dark"] .publish-badge,
:root[data-ui-theme="dark"] .primary-image-badge,
:root[data-ui-theme="dark"] .neo-channel-select-state {
  background: linear-gradient(145deg, #20242d, #171a21) !important;
  color: #2dd4bf !important;
  border: 1px solid rgba(45, 212, 191, .14) !important;
  box-shadow:
    6px 6px 16px rgba(0,0,0,.44),
    -4px -4px 12px rgba(80,90,105,.07),
    inset 0 1px 0 rgba(210,220,235,.035) !important;
}

/* کارت انتخاب‌شده باید مرزش مشخص‌تر شود */
:root[data-ui-theme="dark"] .neo-channel-card.is-selected {
  background:
    linear-gradient(145deg, rgba(27, 35, 42, .98), rgba(18, 24, 29, .98)) !important;
  border-color: rgba(45, 212, 191, .34) !important;
  box-shadow:
    0 0 0 1px rgba(45, 212, 191, .16),
    12px 12px 30px rgba(0,0,0,.58),
    -6px -6px 16px rgba(80,90,105,.07),
    inset 0 1px 0 rgba(45, 212, 191, .09) !important;
}

/* خط جداکننده ظریف بین باکس‌ها */
:root[data-ui-theme="dark"] .neo-channel-details,
:root[data-ui-theme="dark"] .neo-form-stage .neo-image-uploader {
  border-top: 1px solid var(--neo-silver-line) !important;
}

/* نوارها و progress */
:root[data-ui-theme="dark"] .neo-wizard-progress {
  border: 1px solid rgba(176,188,205,.09) !important;
}

:root[data-ui-theme="dark"] .neo-wizard-progress > span,
:root[data-ui-theme="dark"] .ui-app-loader-progress span {
  background: linear-gradient(90deg, #0f9f91, #2dd4bf) !important;
}

/* دکمه تغییر تم */
:root[data-ui-theme="dark"] .neo-theme-toggle {
  background: linear-gradient(145deg, #20242d, #171a21) !important;
  color: #2dd4bf !important;
  border: 1px solid var(--neo-silver-border) !important;
}

/* حذف ته‌مایه طلایی از pulse دکمه review */
:root[data-ui-theme="dark"] .neo-review-jump-button::before {
  background:
    radial-gradient(circle at 30% 50%, rgba(45, 212, 191, .18), transparent 24%),
    linear-gradient(120deg, transparent 35%, rgba(45, 212, 191, .16), transparent 65%) !important;
}

:root[data-ui-theme="dark"] .neo-review-jump-button::after {
  border-color: rgba(45, 212, 191, .22) !important;
}

/* کاهش تاریکی بین باکس‌ها با کمی فاصله قابل تشخیص */
:root[data-ui-theme="dark"] .neo-mobile-shell,
:root[data-ui-theme="dark"] .neo-channel-list,
:root[data-ui-theme="dark"] .neo-review-list {
  gap: 1rem !important;
}

/* لودینگ هم border نقره‌ای بگیرد */
.ui-app-loader-card {
  border: 1px solid rgba(176,188,205,.16) !important;
  box-shadow:
    18px 18px 46px rgba(0, 0, 0, .58),
    -7px -7px 22px rgba(80,90,105,.08),
    inset 0 1px 0 rgba(210,220,235,.045) !important;
}



/* =========================================================
   Phase 4.2-A18 - Final Dark Nav Cleanup
   هدف: حذف کامل زمینه سفید/نور سفید از خانه، ثبت آگهی و ناوبری در دارک مود
   ========================================================= */

:root[data-ui-theme="dark"] header,
:root[data-ui-theme="dark"] nav,
:root[data-ui-theme="dark"] .topbar,
:root[data-ui-theme="dark"] .navbar,
:root[data-ui-theme="dark"] .nav-bar,
:root[data-ui-theme="dark"] .page-nav,
:root[data-ui-theme="dark"] .main-nav {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* لینک‌ها و دکمه‌های ناوبری، شامل خانه و ثبت آگهی */
:root[data-ui-theme="dark"] header a,
:root[data-ui-theme="dark"] nav a,
:root[data-ui-theme="dark"] .topbar a,
:root[data-ui-theme="dark"] .navbar a,
:root[data-ui-theme="dark"] .nav-bar a,
:root[data-ui-theme="dark"] .page-nav a,
:root[data-ui-theme="dark"] .main-nav a,
:root[data-ui-theme="dark"] a[href="/"],
:root[data-ui-theme="dark"] a[href="/o/test-owner"],
:root[data-ui-theme="dark"] a[href^="/o/"],
:root[data-ui-theme="dark"] a[href*="test-owner"],
:root[data-ui-theme="dark"] .top-actions a,
:root[data-ui-theme="dark"] .actions a,
:root[data-ui-theme="dark"] .button-link.secondary,
:root[data-ui-theme="dark"] .button-link:not(.primary) {
  background:
    linear-gradient(145deg, rgba(31, 35, 44, .98), rgba(18, 21, 27, .98)) !important;
  color: #d7dde7 !important;
  border: 1px solid rgba(176, 188, 205, .16) !important;
  box-shadow:
    7px 7px 18px rgba(0, 0, 0, .50),
    -4px -4px 12px rgba(80, 90, 105, .065),
    inset 0 1px 0 rgba(210, 220, 235, .035) !important;
  text-shadow: none !important;
  outline: none !important;
}

/* اگر لینک ثبت آگهی primary گرفته باشد ولی در header/nav باشد، باز هم نباید سفید/طلایی شود */
:root[data-ui-theme="dark"] header .button-link.primary,
:root[data-ui-theme="dark"] nav .button-link.primary,
:root[data-ui-theme="dark"] .topbar .button-link.primary,
:root[data-ui-theme="dark"] .navbar .button-link.primary,
:root[data-ui-theme="dark"] .nav-bar .button-link.primary,
:root[data-ui-theme="dark"] .page-nav .button-link.primary,
:root[data-ui-theme="dark"] .main-nav .button-link.primary {
  background:
    linear-gradient(145deg, rgba(31, 35, 44, .98), rgba(18, 21, 27, .98)) !important;
  color: #2dd4bf !important;
  border: 1px solid rgba(45, 212, 191, .20) !important;
  box-shadow:
    7px 7px 18px rgba(0, 0, 0, .50),
    -4px -4px 12px rgba(80, 90, 105, .065),
    inset 0 1px 0 rgba(210, 220, 235, .035) !important;
}

/* حذف pseudo glow سفید از لینک‌ها */
:root[data-ui-theme="dark"] header a::before,
:root[data-ui-theme="dark"] header a::after,
:root[data-ui-theme="dark"] nav a::before,
:root[data-ui-theme="dark"] nav a::after,
:root[data-ui-theme="dark"] .button-link::before,
:root[data-ui-theme="dark"] .button-link::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* hover شیک و کنترل‌شده */
:root[data-ui-theme="dark"] header a:hover,
:root[data-ui-theme="dark"] nav a:hover,
:root[data-ui-theme="dark"] .button-link.secondary:hover,
:root[data-ui-theme="dark"] .button-link:not(.primary):hover {
  color: #2dd4bf !important;
  border-color: rgba(45, 212, 191, .28) !important;
  transform: translateY(-1px);
}

/* اگر layout از ul/li برای ناوبری استفاده کرده باشد */
:root[data-ui-theme="dark"] header li,
:root[data-ui-theme="dark"] nav li,
:root[data-ui-theme="dark"] .topbar li,
:root[data-ui-theme="dark"] .navbar li {
  background: transparent !important;
  box-shadow: none !important;
}

/* جلوگیری از برگشت background سفید در webview */
:root[data-ui-theme="dark"] .container > p > a,
:root[data-ui-theme="dark"] .card > p > a,
:root[data-ui-theme="dark"] body > p > a {
  background:
    linear-gradient(145deg, rgba(31, 35, 44, .98), rgba(18, 21, 27, .98)) !important;
  color: #d7dde7 !important;
  border: 1px solid rgba(176, 188, 205, .16) !important;
  box-shadow:
    7px 7px 18px rgba(0, 0, 0, .50),
    -4px -4px 12px rgba(80, 90, 105, .065) !important;
}



/* =========================================================
   Phase 4.2-A19 - Dark Nav Surface Toast Progress Fix
   هدف:
   1) حذف کامل نوار سفید خانه/ثبت آگهی در دارک مود
   2) هماهنگ‌سازی toast با دارک مود
   3) تثبیت progress در مرحله انتخاب کانال
   ========================================================= */

/* کانتینر سفید بالای صفحه در دارک مود */
:root[data-ui-theme="dark"] body > .card:first-child,
:root[data-ui-theme="dark"] .container > .card:first-child,
:root[data-ui-theme="dark"] main > .card:first-child,
:root[data-ui-theme="dark"] .page > .card:first-child,
:root[data-ui-theme="dark"] .layout > .card:first-child,
:root[data-ui-theme="dark"] .top-card,
:root[data-ui-theme="dark"] .nav-shell,
:root[data-ui-theme="dark"] .nav-container,
:root[data-ui-theme="dark"] .top-nav,
:root[data-ui-theme="dark"] .site-nav,
:root[data-ui-theme="dark"] .main-menu,
:root[data-ui-theme="dark"] .menu,
:root[data-ui-theme="dark"] .header-card {
  background:
    linear-gradient(145deg, rgba(24, 28, 36, .98), rgba(12, 15, 20, .98)) !important;
  border: 1px solid rgba(176, 188, 205, .16) !important;
  box-shadow:
    12px 12px 30px rgba(0, 0, 0, .62),
    -6px -6px 16px rgba(80, 90, 105, .08),
    inset 0 1px 0 rgba(210, 220, 235, .04) !important;
}

/* اگر نوار بالا یک div ساده با p/a باشد */
:root[data-ui-theme="dark"] body > div:first-child:has(a[href="/"]),
:root[data-ui-theme="dark"] body > div:first-child:has(a[href^="/o/"]),
:root[data-ui-theme="dark"] .container > div:first-child:has(a[href="/"]),
:root[data-ui-theme="dark"] .container > div:first-child:has(a[href^="/o/"]) {
  background:
    linear-gradient(145deg, rgba(24, 28, 36, .98), rgba(12, 15, 20, .98)) !important;
  border: 1px solid rgba(176, 188, 205, .16) !important;
  box-shadow:
    12px 12px 30px rgba(0, 0, 0, .62),
    -6px -6px 16px rgba(80, 90, 105, .08),
    inset 0 1px 0 rgba(210, 220, 235, .04) !important;
}

/* حالت‌های احتمالی که همان نوار به شکل p یا section ساخته شده */
:root[data-ui-theme="dark"] body > p:first-child,
:root[data-ui-theme="dark"] .container > p:first-child,
:root[data-ui-theme="dark"] section:first-child:has(a[href="/"]),
:root[data-ui-theme="dark"] section:first-child:has(a[href^="/o/"]) {
  background:
    linear-gradient(145deg, rgba(24, 28, 36, .98), rgba(12, 15, 20, .98)) !important;
  border: 1px solid rgba(176, 188, 205, .16) !important;
  box-shadow:
    12px 12px 30px rgba(0, 0, 0, .62),
    -6px -6px 16px rgba(80, 90, 105, .08),
    inset 0 1px 0 rgba(210, 220, 235, .04) !important;
}

/* خود لینک‌های خانه/ثبت آگهی */
:root[data-ui-theme="dark"] a[href="/"],
:root[data-ui-theme="dark"] a[href^="/o/"],
:root[data-ui-theme="dark"] a[href*="/o/"],
:root[data-ui-theme="dark"] .button-link[href="/"],
:root[data-ui-theme="dark"] .button-link[href^="/o/"] {
  background:
    linear-gradient(145deg, rgba(32, 36, 45, .98), rgba(18, 21, 27, .98)) !important;
  color: #d7dde7 !important;
  border: 1px solid rgba(176, 188, 205, .18) !important;
  box-shadow:
    7px 7px 18px rgba(0, 0, 0, .52),
    -4px -4px 12px rgba(80, 90, 105, .07),
    inset 0 1px 0 rgba(210, 220, 235, .04) !important;
  text-shadow: none !important;
}

/* اگر روی لینک‌ها نور سفید pseudo مانده */
:root[data-ui-theme="dark"] a[href="/"]::before,
:root[data-ui-theme="dark"] a[href="/"]::after,
:root[data-ui-theme="dark"] a[href^="/o/"]::before,
:root[data-ui-theme="dark"] a[href^="/o/"]::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* Toast هماهنگ با پالت دارک */
:root[data-ui-theme="dark"] .ui-toast,
:root[data-ui-theme="dark"] .toast,
:root[data-ui-theme="dark"] .ui-toast-message,
:root[data-ui-theme="dark"] .notification,
:root[data-ui-theme="dark"] .snackbar {
  background:
    linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(14, 17, 22, .98)) !important;
  color: #d7dde7 !important;
  border: 1px solid rgba(176, 188, 205, .18) !important;
  box-shadow:
    12px 12px 30px rgba(0, 0, 0, .62),
    -6px -6px 16px rgba(80, 90, 105, .08),
    inset 0 1px 0 rgba(210, 220, 235, .04) !important;
}

/* success/toast سبز ضایع را خنثی کن */
:root[data-ui-theme="dark"] .ui-toast.success,
:root[data-ui-theme="dark"] .toast.success,
:root[data-ui-theme="dark"] .ui-toast-message.success,
:root[data-ui-theme="dark"] .notification.success,
:root[data-ui-theme="dark"] .snackbar.success,
:root[data-ui-theme="dark"] [class*="toast"][class*="success"] {
  background:
    linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(14, 17, 22, .98)) !important;
  color: #d7dde7 !important;
  border-color: rgba(45, 212, 191, .24) !important;
}

/* آیکون/نقطه toast اگر سبز جیغ است */
:root[data-ui-theme="dark"] .ui-toast::before,
:root[data-ui-theme="dark"] .toast::before,
:root[data-ui-theme="dark"] .ui-toast-message::before,
:root[data-ui-theme="dark"] .notification::before,
:root[data-ui-theme="dark"] .snackbar::before {
  background: #2dd4bf !important;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, .10) !important;
}

/* progress در مرحله انتخاب کانال نباید با تعداد انتخاب تغییر کند */
.neo-order-form.neo-step-channels .neo-wizard-progress > span {
  width: 100% !important;
  transform: scaleX(var(--neo-channel-step-progress, .25)) !important;
  transform-origin: right center !important;
}

/* وقتی در مرحله اول هستیم، progress ثابت و آرام باشد */
.neo-order-form.neo-step-channels {
  --neo-channel-step-progress: .25;
}



/* =========================================================
   Phase 4.2-A20 - Real Top Nav Surface Dark Fix
   هدف: حذف قطعی نوار سفید پشت خانه/ثبت آگهی در دارک مود
   ========================================================= */

:root[data-ui-theme="dark"] .neo-real-top-nav-surface {
  background:
    linear-gradient(145deg, rgba(24, 28, 36, .98), rgba(8, 10, 14, .98)) !important;
  background-color: #12161d !important;
  border: 1px solid rgba(176, 188, 205, .16) !important;
  box-shadow:
    12px 12px 30px rgba(0, 0, 0, .64),
    -6px -6px 16px rgba(80, 90, 105, .07),
    inset 0 1px 0 rgba(210, 220, 235, .035) !important;
  outline: none !important;
}

:root[data-ui-theme="dark"] .neo-real-top-nav-surface *,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface a,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface .button-link {
  text-shadow: none !important;
}

:root[data-ui-theme="dark"] .neo-real-top-nav-surface a,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface .button-link {
  background:
    linear-gradient(145deg, rgba(32, 36, 45, .98), rgba(18, 21, 27, .98)) !important;
  background-color: #1b1f28 !important;
  color: #d7dde7 !important;
  border: 1px solid rgba(176, 188, 205, .18) !important;
  box-shadow:
    7px 7px 18px rgba(0, 0, 0, .52),
    -4px -4px 12px rgba(80, 90, 105, .07),
    inset 0 1px 0 rgba(210, 220, 235, .035) !important;
}

:root[data-ui-theme="dark"] .neo-real-top-nav-surface a:hover,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface .button-link:hover {
  color: #2dd4bf !important;
  border-color: rgba(45, 212, 191, .28) !important;
}

:root[data-ui-theme="dark"] .neo-real-top-nav-surface::before,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface::after,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface *::before,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface *::after {
  box-shadow: none !important;
}

/* اگر یک wrapper داخلی سفید دارد، آن را هم تیره کن */
:root[data-ui-theme="dark"] .neo-real-top-nav-surface > *,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface p,
:root[data-ui-theme="dark"] .neo-real-top-nav-surface div {
  background-color: transparent !important;
}

/* fallback بسیار تهاجمی فقط برای اولین سطح بالایی در دارک مود */
:root[data-ui-theme="dark"] body > div:first-child,
:root[data-ui-theme="dark"] body > main:first-child,
:root[data-ui-theme="dark"] .container:first-child {
  border-color: rgba(176, 188, 205, .16) !important;
}



/* =========================================================
   Phase 4.2-A23 - Remove Hover Jump
   هدف: حذف پرش عمودی کارت‌ها در hover و تبدیل آن به feedback ظریف و استاندارد
   ========================================================= */

/* کارت‌ها و سکشن‌ها نباید روی hover جابه‌جا شوند */
.neo-start-hero:hover,
.neo-customer-panel:hover,
.neo-channel-card:hover,
.neo-user-card:hover,
.neo-channel-picker:hover,
.neo-wizard-topbar:hover,
.neo-wizard-review:hover,
.neo-review-jump-card:hover,
.neo-final-confirm-form:hover,
.card:hover,
.item:hover,
.notice:hover {
  transform: none !important;
}

/* hover کارت فقط مرز/سایه ظریف بدهد، نه حرکت */
.neo-channel-card:hover,
.neo-customer-panel:hover,
.neo-start-hero:hover,
.neo-user-card:hover,
.neo-channel-picker:hover,
.neo-wizard-review:hover,
.neo-review-jump-card:hover,
.neo-final-confirm-form:hover {
  border-color: rgba(45, 212, 191, .20) !important;
}

/* در حالت روشن هم feedback ظریف و بدون پرش */
:root:not([data-ui-theme="dark"]) .neo-channel-card:hover,
:root:not([data-ui-theme="dark"]) .neo-customer-panel:hover,
:root:not([data-ui-theme="dark"]) .neo-start-hero:hover,
:root:not([data-ui-theme="dark"]) .neo-user-card:hover,
:root:not([data-ui-theme="dark"]) .neo-channel-picker:hover {
  transform: none !important;
  border-color: rgba(37, 99, 235, .18) !important;
}

/* انتخاب کارت نباید scale یا translate ایجاد کند */
.neo-channel-card.is-selected,
.neo-channel-card.is-selected:hover,
.neo-order-form.neo-wizard-active .neo-channel-card.is-selected,
.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible {
  transform: none !important;
}

/* دکمه‌ها هم فقط feedback خیلی کوچک داشته باشند؛ نه پرش قابل‌دیدن */
button:hover,
.button-link:hover,
input[type="submit"]:hover {
  transform: none !important;
}

button:active,
.button-link:active,
input[type="submit"]:active {
  transform: scale(.992) !important;
}

/* دکمه‌های بزرگ CTA نباید layout را تکان بدهند */
.neo-start-button:hover,
.neo-review-jump-button:hover,
.neo-review-main-submit:hover,
.neo-final-confirm-form button[type="submit"]:hover,
.neo-price-dock button:hover {
  transform: none !important;
}

/* در موبایل/WebView همه hover-transformها بی‌اثر شوند */
@media (hover: none), (pointer: coarse) {
  *:hover {
    transform: none !important;
  }

  button:active,
  .button-link:active,
  input[type="submit"]:active {
    transform: scale(.992) !important;
  }
}

/* انیمیشن pulse دکمه تایید نهایی سر جای خودش بماند و صفحه را نلرزاند */
.neo-review-jump-button {
  transform-origin: center center;
}

@keyframes neo-review-button-breathe {
  0%, 100% {
    transform: scale(1);
    box-shadow:
      0 14px 30px rgba(30, 41, 59, .20),
      var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
  }

  48% {
    transform: scale(1.006);
    box-shadow:
      0 0 0 4px rgba(45, 212, 191, .10),
      0 18px 36px rgba(30, 41, 59, .18),
      var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
  }
}



/* =========================================================
   Phase 4.2-A24 - Compact Image UX and Live Preview
   هدف: دکمه‌های عکس جمع‌وجور شوند و پیش‌نمایش تصویر بدون reload آپدیت شود
   ========================================================= */

/* ---------- Upload controls: smaller, more professional ---------- */

.image-upload-box,
.neo-image-uploader {
  overflow: hidden;
}

.ad-image-picker-row,
.neo-image-actions,
.image-settings-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: .5rem !important;
  align-items: center;
  margin-top: .55rem !important;
}

.ad-image-add-btn,
.ad-image-clear-btn,
.image-settings-actions button,
.image-settings-actions .button-link,
.ad-image-card button,
.primary-image-choice,
.ad-image-remove-btn,
.ad-image-clear-btn,
.btn-light,
.btn-warning {
  min-height: 36px !important;
  height: auto !important;
  width: auto !important;
  padding: .42rem .72rem !important;
  border-radius: 14px !important;
  font-size: .76rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

/* دکمه افزودن عکس کمی مهم‌تر، اما نه کپل */
.ad-image-add-btn {
  background: linear-gradient(135deg, #1e293b, #64748b) !important;
  color: #fff !important;
}

/* حذف / پاک کردن با خطر کم‌رنگ‌تر */
.ad-image-clear-btn,
.ad-image-remove-btn,
.btn-light {
  background: var(--neo-panel-bg, #edf1f7) !important;
  color: var(--neo-text-soft, #7b8496) !important;
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.34), inset -5px -5px 12px rgba(255,255,255,.82)) !important;
}

/* دکمه عکس اصلی: کوچک، شبیه chip */
.primary-image-choice {
  min-height: 32px !important;
  padding: .35rem .62rem !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  background: var(--neo-panel-bg, #edf1f7) !important;
  color: var(--neo-text-soft, #7b8496) !important;
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.34), inset -5px -5px 12px rgba(255,255,255,.82)) !important;
}

.ad-image-card.is-primary .primary-image-choice,
.primary-image-choice.is-active {
  background: linear-gradient(135deg, #1e293b, #64748b) !important;
  color: #fff !important;
  box-shadow:
    0 10px 22px rgba(30, 41, 59, .16),
    var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
}

/* کارت‌های عکس در فرم اولیه کم‌حجم‌تر شوند */
.ad-image-preview,
.ad-image-grid,
.image-settings-grid {
  gap: .65rem !important;
}

.ad-image-card,
.image-settings-card {
  padding: .62rem !important;
  border-radius: 20px !important;
}

.ad-image-card img,
.image-settings-card img {
  border-radius: 16px !important;
}

.ad-image-card .meta,
.image-settings-card .meta {
  font-size: .72rem !important;
  line-height: 1.55 !important;
}

/* ---------- Review image settings: compact controls ---------- */

.image-settings-card {
  display: grid;
  gap: .55rem;
}

.image-settings-card label {
  margin: .15rem 0 0 !important;
  font-size: .74rem !important;
  color: var(--neo-text-soft, #7b8496) !important;
  font-weight: 850 !important;
}

.image-settings-card select {
  min-height: 40px !important;
  padding: .45rem .65rem !important;
  border-radius: 14px !important;
  font-size: .78rem !important;
}

.image-settings-card input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
}

/* دکمه تازه‌سازی پیش‌نمایش دیگر لازم نیست */
.image-settings-actions a[href*="order-review"] {
  display: none !important;
}

/* دکمه ذخیره settings کم‌رنگ‌تر شود چون auto-save داریم */
.image-settings-actions button[type="submit"] {
  min-height: 38px !important;
  background: var(--neo-panel-bg, #edf1f7) !important;
  color: var(--neo-text-soft, #7b8496) !important;
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.34), inset -5px -5px 12px rgba(255,255,255,.82)) !important;
}

/* باکس پیش‌نمایش collage */
.collage-preview-box {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
}

.collage-preview-box img {
  display: block;
  width: 100%;
  transition:
    opacity 220ms cubic-bezier(.16, 1, .3, 1),
    transform 260ms cubic-bezier(.16, 1, .3, 1),
    filter 220ms cubic-bezier(.16, 1, .3, 1);
}

.collage-preview-box.is-updating img {
  opacity: .38;
  transform: scale(.992);
  filter: blur(1.5px);
}

/* loading نرم روی preview */
.collage-preview-box::after {
  content: "در حال آماده‌سازی پیش‌نمایش...";
  position: absolute;
  inset: auto 1rem 1rem 1rem;
  min-height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(17, 19, 24, .82);
  color: #d7dde7;
  font-size: .78rem;
  font-weight: 850;
  box-shadow:
    8px 8px 18px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.04);
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 180ms cubic-bezier(.16, 1, .3, 1),
    transform 180ms cubic-bezier(.16, 1, .3, 1);
  pointer-events: none;
}

.collage-preview-box.is-updating::after {
  opacity: 1;
  transform: translateY(0);
}

.image-settings-live-note {
  margin-top: .5rem;
  color: var(--neo-text-soft, #7b8496);
  font-size: .74rem;
  font-weight: 800;
  line-height: 1.65;
}

/* ---------- Dark mode alignment ---------- */

:root[data-ui-theme="dark"] .ad-image-add-btn,
:root[data-ui-theme="dark"] .primary-image-choice.is-active,
:root[data-ui-theme="dark"] .ad-image-card.is-primary .primary-image-choice {
  background: linear-gradient(135deg, #12a99a, #2dd4bf) !important;
  color: #031412 !important;
  border: 1px solid rgba(45, 212, 191, .28) !important;
}

:root[data-ui-theme="dark"] .ad-image-clear-btn,
:root[data-ui-theme="dark"] .ad-image-remove-btn,
:root[data-ui-theme="dark"] .primary-image-choice,
:root[data-ui-theme="dark"] .image-settings-actions button[type="submit"] {
  background: #20242d !important;
  color: #b7c0cd !important;
  border: 1px solid rgba(176, 188, 205, .16) !important;
  box-shadow:
    7px 7px 18px rgba(0,0,0,.46),
    -4px -4px 12px rgba(80,90,105,.065) !important;
}

:root[data-ui-theme="dark"] .ad-image-card,
:root[data-ui-theme="dark"] .image-settings-card,
:root[data-ui-theme="dark"] .collage-preview-box {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176, 188, 205, .16) !important;
}

/* موبایل */
@media (max-width: 560px) {
  .ad-image-picker-row,
  .neo-image-actions,
  .image-settings-actions {
    gap: .42rem !important;
  }

  .ad-image-add-btn,
  .ad-image-clear-btn,
  .image-settings-actions button,
  .primary-image-choice,
  .ad-image-remove-btn {
    min-height: 34px !important;
    padding: .38rem .58rem !important;
    font-size: .7rem !important;
  }

  .image-settings-grid {
    grid-template-columns: 1fr !important;
  }
}



/* =========================================================
   Phase 4.2-A25 - Compact Image Review UX
   هدف: جمع‌وجور کردن آپلود عکس و خلاصه‌سازی صفحه تأیید نهایی
   ========================================================= */

/* ---------- Upload image cards in wizard ---------- */

.ad-image-preview {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
  gap: .55rem !important;
  margin-top: .65rem !important;
}

.ad-image-card {
  display: grid !important;
  gap: .45rem !important;
  padding: .55rem !important;
  border-radius: 18px !important;
  min-width: 0 !important;
}

.ad-image-card img {
  width: 100% !important;
  height: 86px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

.ad-image-card .meta {
  font-size: .68rem !important;
  line-height: 1.45 !important;
  color: var(--neo-text-soft) !important;
  word-break: break-word !important;
}

.ad-image-card .meta br {
  display: none !important;
}

.primary-image-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px !important;
  padding: .22rem .5rem !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  margin-bottom: .25rem !important;
}

.primary-image-choice,
.ad-image-remove-btn,
.ad-image-clear-btn,
.ad-image-add-btn {
  min-height: 32px !important;
  padding: .34rem .56rem !important;
  border-radius: 13px !important;
  font-size: .68rem !important;
  font-weight: 850 !important;
}

.primary-image-choice {
  white-space: normal !important;
}

.ad-image-picker-row {
  justify-content: center !important;
}

/* در مرحله متن و تصویر، بخش عکس نباید فرم را خیلی بلند کند */
.neo-order-form.neo-wizard-active.neo-step-item .image-upload-box,
.neo-order-form.neo-wizard-active.neo-step-item .neo-image-uploader {
  max-height: none !important;
  padding-bottom: .2rem !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .ad-image-preview {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
}

/* ---------- Compact final review page ---------- */

.neo-review-channel-card {
  padding: .85rem !important;
  border-radius: 24px !important;
}

.neo-review-channel-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  align-items: center;
}

.neo-review-channel-head h3 {
  margin: .15rem 0 .25rem !important;
}

.neo-review-channel-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: .35rem .7rem;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  color: var(--neo-text-main);
  box-shadow: var(--neo-shadow-inset);
  font-size: .78rem;
  font-weight: 950;
  white-space: nowrap;
}

.neo-review-channel-details {
  margin-top: .75rem !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.neo-review-channel-details > summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .55rem .75rem;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  color: var(--neo-text-soft);
  box-shadow: var(--neo-shadow-inset);
  font-size: .78rem;
  font-weight: 900;
  cursor: pointer;
}

.neo-review-channel-body {
  margin-top: .85rem;
  display: grid;
  gap: .85rem;
}

.neo-review-channel-body .ad-preview-box {
  max-height: 190px;
  overflow: auto;
  font-size: .82rem;
  line-height: 1.75;
  border-radius: 20px;
}

/* تنظیمات عکس در review باید secondary باشد، نه مرکز صفحه */
.neo-review-channel-body .neo-image-settings-intro {
  padding: .65rem .75rem !important;
  border-radius: 18px !important;
  font-size: .78rem !important;
}

.neo-review-channel-body .neo-image-settings-intro h4 {
  margin: 0 0 .25rem !important;
  font-size: .9rem !important;
}

/* کارت‌های تنظیم تصویر در review کوچک‌تر و خواناتر */
.image-settings-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: .65rem !important;
}

.image-settings-card {
  padding: .6rem !important;
  border-radius: 18px !important;
  gap: .42rem !important;
}

.image-settings-card img {
  height: 92px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
}

.image-settings-card .meta {
  font-size: .66rem !important;
  line-height: 1.35 !important;
  max-height: 32px;
  overflow: hidden;
  color: var(--neo-text-soft) !important;
}

.image-settings-card label {
  font-size: .68rem !important;
  margin-top: .1rem !important;
}

.image-settings-card select {
  min-height: 34px !important;
  padding: .32rem .5rem !important;
  border-radius: 12px !important;
  font-size: .7rem !important;
}

/* پیش‌نمایش نهایی تصویر دیگر نباید هیولا باشد */
.collage-preview-box {
  padding: .75rem !important;
  border-radius: 22px !important;
}

.collage-preview-box h4 {
  margin: 0 0 .55rem !important;
  font-size: .92rem !important;
}

.collage-preview-box img {
  max-height: 360px !important;
  width: 100% !important;
  object-fit: contain !important;
  border-radius: 18px !important;
}

.collage-preview-box .small-note {
  font-size: .68rem !important;
  line-height: 1.55 !important;
}

/* قوانین در review فشرده‌تر */
.neo-review-channel-body .rules-box,
.neo-review-channel-body .notice:last-child,
.neo-review-channel-body ul {
  font-size: .76rem !important;
  line-height: 1.65 !important;
}

/* در صفحه final review، اسکرول کلی باید کمتر شود */
.review-summary-grid {
  margin-bottom: .9rem !important;
}

.review-warning {
  margin: .85rem 0 !important;
  padding: .75rem !important;
  border-radius: 18px !important;
  font-size: .78rem !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .neo-review-channel-price,
:root[data-ui-theme="dark"] .neo-review-channel-details > summary {
  background: #101217 !important;
  color: #b7c0cd !important;
  border: 1px solid rgba(176,188,205,.12) !important;
}

:root[data-ui-theme="dark"] .neo-review-channel-card,
:root[data-ui-theme="dark"] .image-settings-card,
:root[data-ui-theme="dark"] .collage-preview-box {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.16) !important;
}

/* Mobile */
@media (max-width: 560px) {
  .ad-image-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ad-image-card img {
    height: 74px !important;
  }

  .neo-review-channel-head {
    grid-template-columns: 1fr;
  }

  .neo-review-channel-price {
    justify-self: start;
  }

  .image-settings-grid {
    grid-template-columns: 1fr !important;
  }

  .collage-preview-box img {
    max-height: 300px !important;
  }
}



/* =========================================================
   Phase 4.3-A - Per Channel Review UX
   هدف: بازبینی هر کانال داخل wizard و خلاصه نهایی بدون اسکرول اضافه
   ========================================================= */

/* فقط مرحله فعال دیده شود */
.neo-order-form.neo-wizard-active .neo-channel-inline-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-channel-review .neo-channel-inline-review {
  display: grid !important;
  gap: .9rem;
  animation: neo-wizard-slide-in 220ms cubic-bezier(.16, 1, .3, 1) both;
}

.neo-order-form.neo-wizard-active.neo-step-channel-review .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-channel-review .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-channel-review .neo-wizard-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-final-review .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-final-review .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-final-review .neo-channel-inline-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-final-review .neo-wizard-review {
  display: block !important;
}

.neo-channel-inline-review {
  padding: .95rem;
  border-radius: 28px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  border: 1px solid var(--neo-line-soft);
}

.neo-channel-review-summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .8rem;
  align-items: center;
}

.neo-channel-review-summary h3 {
  margin: .2rem 0 .3rem !important;
}

.neo-channel-review-summary p {
  margin: 0;
  color: var(--neo-text-soft);
  font-size: .82rem;
  font-weight: 850;
}

.neo-channel-review-status {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .3rem .7rem;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  color: var(--neo-text-soft);
  box-shadow: var(--neo-shadow-inset);
  font-size: .76rem;
  font-weight: 950;
  white-space: nowrap;
}

.neo-channel-review-status.is-done {
  background: linear-gradient(135deg, #12a99a, #2dd4bf) !important;
  color: #031412 !important;
}

.neo-channel-review-preview,
.neo-channel-review-images {
  padding: .75rem;
  border-radius: 22px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-channel-review-preview h4,
.neo-channel-review-images h4 {
  margin: 0 0 .55rem !important;
  font-size: .9rem;
}

.neo-channel-review-preview pre {
  max-height: 210px;
  overflow: auto;
  margin: 0;
  white-space: pre-wrap;
  line-height: 1.8;
  font-size: .84rem;
  color: var(--neo-text-main);
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.neo-channel-review-image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: .55rem;
}

.neo-channel-review-image {
  display: grid;
  gap: .35rem;
  padding: .45rem;
  border-radius: 16px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
}

.neo-channel-review-image img {
  width: 100%;
  height: 78px;
  object-fit: cover;
  border-radius: 12px;
}

.neo-channel-review-image span {
  font-size: .66rem;
  line-height: 1.45;
  color: var(--neo-text-soft);
  word-break: break-word;
}

.neo-channel-review-empty {
  padding: .7rem;
  border-radius: 16px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
  color: var(--neo-text-soft);
  font-size: .78rem;
  font-weight: 850;
  text-align: center;
}

.neo-confirm-channel-button {
  width: 100%;
  min-height: 56px;
  border-radius: 999px !important;
  font-weight: 950;
}

/* final summary */
.neo-final-review-alert {
  display: grid;
  gap: .25rem;
  padding: .8rem;
  margin-bottom: .75rem;
  border-radius: 20px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-final-review-alert b {
  color: var(--neo-text-main);
  font-weight: 950;
}

.neo-final-review-alert span {
  color: var(--neo-text-soft);
  font-size: .78rem;
  font-weight: 850;
  line-height: 1.7;
}

.neo-review-row.is-total {
  border: 1px solid rgba(45, 212, 191, .22);
}

/* old image controls in wizard compact */
.ad-image-preview {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
}

.ad-image-card img {
  height: 78px !important;
  object-fit: cover !important;
}

/* dark mode */
:root[data-ui-theme="dark"] .neo-channel-inline-review,
:root[data-ui-theme="dark"] .neo-channel-review-preview,
:root[data-ui-theme="dark"] .neo-channel-review-images,
:root[data-ui-theme="dark"] .neo-channel-review-image,
:root[data-ui-theme="dark"] .neo-final-review-alert {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.16) !important;
}

:root[data-ui-theme="dark"] .neo-channel-review-status,
:root[data-ui-theme="dark"] .neo-channel-review-empty {
  background: #101217 !important;
  border: 1px solid rgba(176,188,205,.12) !important;
}

/* mobile */
@media (max-width: 560px) {
  .neo-channel-review-summary {
    grid-template-columns: 1fr;
  }

  .neo-channel-review-status {
    justify-self: start;
  }

  .neo-channel-review-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}




/* =========================================================
   Phase 4.3-B - Compact Multi Image Thumbnails
   هدف:
   1) حذف دکمه اضافه تأیید کانال
   2) تبدیل عکس‌ها به بندانگشتی
   3) حذف مفهوم عکس اصلی از UI
   4) جمع‌وجور شدن بخش تصویر
   ========================================================= */

/* دکمه داخلی تأیید کانال حذف شود؛ دکمه پایین کافی است */
.neo-confirm-channel-button {
  display: none !important;
}

/* بخش آپلود تصویر باید کوچک و کاربردی باشد */
.image-upload-box {
  padding: .85rem !important;
  border-radius: 22px !important;
}

.image-upload-box .small-note {
  max-width: 620px;
  margin-inline: auto;
  font-size: .76rem !important;
  line-height: 1.7 !important;
}

/* دکمه‌های تصویر */
.ad-image-picker-row {
  justify-content: center !important;
  gap: .45rem !important;
  margin-top: .65rem !important;
}

.ad-image-add-btn,
.ad-image-clear-btn {
  min-height: 34px !important;
  padding: .38rem .68rem !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
}

.ad-image-add-btn::before {
  content: "+ ";
}

.ad-image-clear-btn {
  opacity: .82;
}

/* گرید بندانگشتی */
.ad-image-preview {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(82px, 92px)) !important;
  justify-content: center !important;
  gap: .55rem !important;
  margin-top: .75rem !important;
}

/* کارت عکس کوچک */
.ad-image-card {
  position: relative;
  display: grid !important;
  gap: .3rem !important;
  padding: .35rem !important;
  border-radius: 16px !important;
  min-width: 0 !important;
  width: 92px !important;
  background: var(--neo-panel-bg, #edf1f7) !important;
  box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.30), -8px -8px 18px rgba(255,255,255,.70)) !important;
}

/* تصویر بندانگشتی، نه مستطیل بزرگ */
.ad-image-card img {
  width: 100% !important;
  height: 64px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

/* نام فایل خیلی کوتاه */
.ad-image-card .meta {
  min-height: 0 !important;
  max-height: 32px !important;
  overflow: hidden !important;
  font-size: .58rem !important;
  line-height: 1.35 !important;
  color: var(--neo-text-soft, #7b8496) !important;
  text-align: center !important;
  word-break: break-word !important;
}

.ad-image-card .meta br {
  display: none !important;
}

/* مفهوم عکس اصلی از UI حذف شود */
.primary-image-badge,
.primary-image-choice,
.primary-image-hidden,
.ad-image-card .primary-image-choice,
.ad-image-card .primary-image-badge {
  display: none !important;
}

/* دکمه حذف هر عکس، کوچک و گوشه‌ای */
.ad-image-remove-btn,
.neo-thumb-remove {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  background: rgba(17, 24, 39, .78) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.24) !important;
  opacity: .9;
}

.ad-image-remove-btn:hover,
.neo-thumb-remove:hover {
  opacity: 1;
}

/* کارت انتخاب شده دیگر نباید سبز شود چون primary نداریم */
.ad-image-card.is-primary {
  background: var(--neo-panel-bg, #edf1f7) !important;
  border-color: transparent !important;
}

/* مرحله بازبینی کانال: تصاویر کوچک و درست */
.neo-channel-review-image-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(72px, 86px)) !important;
  justify-content: center;
  gap: .5rem !important;
}

.neo-channel-review-image {
  width: 86px;
  padding: .35rem !important;
  border-radius: 14px !important;
}

.neo-channel-review-image img {
  height: 62px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 11px !important;
}

.neo-channel-review-image span {
  display: block;
  max-height: 28px;
  overflow: hidden;
  font-size: .56rem !important;
  line-height: 1.3 !important;
  text-align: center;
}

/* متن توضیح عکس اصلی در review حذف/بی‌اثر */
.neo-channel-review-images .small-note {
  font-size: .68rem !important;
}

.neo-channel-review-images .small-note::before {
  content: "تصاویر انتخاب‌شده در خروجی نهایی ترکیب می‌شوند. ";
}

/* دارک مود */
:root[data-ui-theme="dark"] .ad-image-card {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.14) !important;
  box-shadow:
    7px 7px 16px rgba(0,0,0,.46),
    -4px -4px 12px rgba(80,90,105,.06) !important;
}

:root[data-ui-theme="dark"] .ad-image-add-btn {
  background: linear-gradient(135deg, #12a99a, #2dd4bf) !important;
  color: #031412 !important;
  border: 1px solid rgba(45, 212, 191, .28) !important;
}

:root[data-ui-theme="dark"] .ad-image-clear-btn {
  background: #20242d !important;
  color: #b7c0cd !important;
  border: 1px solid rgba(176,188,205,.16) !important;
}

/* موبایل */
@media (max-width: 560px) {
  .ad-image-preview {
    grid-template-columns: repeat(4, minmax(64px, 1fr)) !important;
    gap: .42rem !important;
  }

  .ad-image-card {
    width: auto !important;
    padding: .28rem !important;
  }

  .ad-image-card img {
    height: 58px !important;
  }

  .ad-image-card .meta {
    font-size: .52rem !important;
  }
}



/* =========================================================
   Phase 4.3-C - Inline Image Settings And Better Thumbnails
   هدف: بندانگشتی افقی، حذف عکس اصلی، و تنظیم تصویر در بازبینی همان کانال
   ========================================================= */

/* توضیح قبلی عکس اصلی دیگر کاربرد ندارد */
.primary-image-badge,
.primary-image-choice,
.primary-image-hidden,
.ad-image-card .primary-image-badge,
.ad-image-card .primary-image-choice {
  display: none !important;
}

/* گرید عکس‌ها: افقی/چندستونه، نه زیرهم */
.ad-image-preview {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: .5rem !important;
  margin-top: .75rem !important;
}

/* کارت بندانگشتی */
.ad-image-card,
.neo-thumb-card {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  min-height: 116px !important;
  display: grid !important;
  grid-template-rows: 64px auto !important;
  gap: .28rem !important;
  padding: .34rem !important;
  border-radius: 16px !important;
  position: relative !important;
  overflow: hidden !important;
}

.ad-image-card img,
.neo-thumb-card img {
  width: 100% !important;
  height: 64px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

.ad-image-card .meta,
.neo-thumb-card .meta {
  font-size: .54rem !important;
  line-height: 1.28 !important;
  max-height: 34px !important;
  overflow: hidden !important;
  text-align: center !important;
  word-break: break-word !important;
  color: var(--neo-text-soft) !important;
}

.neo-thumb-remove,
.ad-image-remove-btn {
  position: absolute !important;
  top: 5px !important;
  left: 5px !important;
  width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  font-size: .75rem !important;
  line-height: 1 !important;
  background: rgba(15, 23, 42, .78) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.24) !important;
}

/* دکمه‌ها */
.ad-image-add-btn,
.ad-image-clear-btn {
  min-height: 34px !important;
  padding: .38rem .7rem !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
}

/* مرحله بازبینی همان کانال: تنظیم تصویر */
.neo-inline-image-settings {
  display: grid;
  gap: .65rem;
  padding: .75rem;
  border-radius: 22px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-inline-image-settings h4 {
  margin: 0 !important;
  font-size: .92rem !important;
}

.neo-inline-image-settings-note {
  margin: -.35rem 0 .15rem;
  color: var(--neo-text-soft);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.65;
}

.neo-inline-image-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .55rem;
}

.neo-inline-image-setting-card {
  display: grid;
  gap: .45rem;
  padding: .5rem;
  border-radius: 18px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  border: 1px solid var(--neo-line-soft);
}

.neo-inline-image-setting-card img {
  width: 100%;
  height: 82px;
  object-fit: cover;
  border-radius: 13px;
}

.neo-inline-image-setting-card small {
  color: var(--neo-text-soft);
  font-size: .62rem;
  line-height: 1.35;
  max-height: 30px;
  overflow: hidden;
}

.neo-inline-image-setting-card label {
  margin: 0 !important;
  font-size: .66rem !important;
  color: var(--neo-text-soft) !important;
  font-weight: 850 !important;
}

.neo-inline-image-setting-card select {
  min-height: 34px !important;
  padding: .32rem .5rem !important;
  border-radius: 12px !important;
  font-size: .68rem !important;
}

/* preview عکس‌ها در review */
.neo-channel-review-image-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: .45rem !important;
}

.neo-channel-review-image {
  width: 76px !important;
  padding: .32rem !important;
  border-radius: 14px !important;
}

.neo-channel-review-image img {
  height: 56px !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

.neo-channel-review-image span {
  display: block;
  max-height: 24px;
  overflow: hidden;
  font-size: .5rem !important;
  line-height: 1.25 !important;
  text-align: center;
}

/* دکمه داخلی تأیید همچنان حذف باشد */
.neo-confirm-channel-button {
  display: none !important;
}

/* دارک مود */
:root[data-ui-theme="dark"] .ad-image-card,
:root[data-ui-theme="dark"] .neo-thumb-card,
:root[data-ui-theme="dark"] .neo-inline-image-settings,
:root[data-ui-theme="dark"] .neo-inline-image-setting-card {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.16) !important;
}

/* موبایل */
@media (max-width: 560px) {
  .ad-image-card,
  .neo-thumb-card {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    min-height: 104px !important;
    grid-template-rows: 56px auto !important;
  }

  .ad-image-card img,
  .neo-thumb-card img {
    height: 56px !important;
  }

  .neo-inline-image-settings-grid {
    grid-template-columns: 1fr 1fr;
  }
}



/* =========================================================
   Phase 4.3-D - Image Settings Step Layout Fix
   هدف: صفحه تنظیم عکس از کادر بیرون نزند و فقط تنظیم عکس باشد
   ========================================================= */

.neo-order-form.neo-wizard-active .neo-channel-inline-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-channel-inline-review {
  display: block !important;
  animation: neo-wizard-slide-in 220ms cubic-bezier(.16, 1, .3, 1) both;
}

.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-wizard-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-final-review .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-final-review .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-final-review .neo-channel-inline-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-final-review .neo-wizard-review {
  display: block !important;
}

.neo-image-settings-step,
.neo-channel-inline-review {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: .85rem !important;
  border-radius: 26px !important;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  border: 1px solid var(--neo-line-soft);
}

.neo-image-settings-shell {
  display: grid;
  gap: .85rem;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.neo-image-settings-header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  align-items: center;
}

.neo-image-settings-header h3 {
  margin: .15rem 0 .25rem !important;
}

.neo-image-settings-header p {
  margin: 0;
  color: var(--neo-text-soft);
  font-size: .78rem;
  line-height: 1.7;
  font-weight: 850;
}

.neo-image-settings-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: .75rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.neo-image-settings-panel,
.neo-image-preview-panel {
  min-width: 0;
  padding: .75rem;
  border-radius: 22px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
  overflow: hidden;
}

.neo-image-settings-panel h4,
.neo-image-preview-panel h4 {
  margin: 0 0 .55rem !important;
  font-size: .9rem !important;
}

.neo-image-settings-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: .55rem;
  max-height: 360px;
  overflow: auto;
  padding-inline-end: .15rem;
}

.neo-image-setting-mini-card {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: .45rem .55rem;
  align-items: center;
  padding: .5rem;
  border-radius: 18px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  border: 1px solid var(--neo-line-soft);
  min-width: 0;
}

.neo-image-setting-mini-card img {
  grid-row: span 5;
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 12px;
}

.neo-image-setting-mini-card small {
  color: var(--neo-text-soft);
  font-size: .62rem;
  line-height: 1.35;
  max-height: 30px;
  overflow: hidden;
  min-width: 0;
}

.neo-image-setting-mini-card label {
  margin: 0 !important;
  font-size: .62rem !important;
  color: var(--neo-text-soft) !important;
  font-weight: 850 !important;
}

.neo-image-setting-mini-card select {
  min-width: 0 !important;
  min-height: 32px !important;
  padding: .28rem .48rem !important;
  border-radius: 12px !important;
  font-size: .66rem !important;
}

.neo-image-output-preview {
  width: 100%;
  min-height: 300px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
  overflow: hidden;
}

.neo-image-empty-preview {
  display: grid;
  gap: .25rem;
  text-align: center;
  color: var(--neo-text-soft);
  font-weight: 850;
  padding: 1rem;
}

.neo-image-empty-preview b {
  color: var(--neo-text-main);
}

.neo-image-empty-preview span {
  font-size: .76rem;
}

.neo-client-collage {
  width: min(100%, 360px);
  aspect-ratio: 1 / 1;
  display: grid;
  gap: 4px;
  padding: 6px;
  border-radius: 24px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  overflow: hidden;
}

.neo-client-collage.count-1 {
  grid-template-columns: 1fr;
}

.neo-client-collage.count-2 {
  grid-template-columns: 1fr 1fr;
}

.neo-client-collage.count-3 {
  grid-template-columns: 1fr 1fr;
}

.neo-client-collage.count-3 .neo-client-collage-cell:first-child {
  grid-row: span 2;
}

.neo-client-collage.count-4 {
  grid-template-columns: 1fr 1fr;
}

.neo-client-collage-cell {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #101217;
}

.neo-client-collage-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.neo-client-collage-cell.focus-top img { object-position: center top; }
.neo-client-collage-cell.focus-center img { object-position: center center; }
.neo-client-collage-cell.focus-bottom img { object-position: center bottom; }
.neo-client-collage-cell.focus-left img { object-position: left center; }
.neo-client-collage-cell.focus-right img { object-position: right center; }
.neo-client-collage-cell.focus-top_left img { object-position: left top; }
.neo-client-collage-cell.focus-top_right img { object-position: right top; }
.neo-client-collage-cell.focus-bottom_left img { object-position: left bottom; }
.neo-client-collage-cell.focus-bottom_right img { object-position: right bottom; }

.neo-channel-review-status {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .3rem .65rem;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  color: var(--neo-text-soft);
  box-shadow: var(--neo-shadow-inset);
  font-size: .72rem;
  font-weight: 950;
  white-space: nowrap;
}

.neo-channel-review-status.is-done {
  background: linear-gradient(135deg, #12a99a, #2dd4bf) !important;
  color: #031412 !important;
}

.neo-final-review-alert {
  display: grid;
  gap: .25rem;
  padding: .8rem;
  margin-bottom: .75rem;
  border-radius: 20px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-review-row.is-total {
  border: 1px solid rgba(45, 212, 191, .22);
}

/* دارک */
:root[data-ui-theme="dark"] .neo-image-settings-step,
:root[data-ui-theme="dark"] .neo-image-settings-panel,
:root[data-ui-theme="dark"] .neo-image-preview-panel,
:root[data-ui-theme="dark"] .neo-image-setting-mini-card,
:root[data-ui-theme="dark"] .neo-client-collage,
:root[data-ui-theme="dark"] .neo-final-review-alert {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.16) !important;
}

/* موبایل */
@media (max-width: 720px) {
  .neo-image-settings-layout {
    grid-template-columns: 1fr;
  }

  .neo-image-settings-list {
    max-height: none;
  }

  .neo-image-output-preview {
    min-height: 260px;
  }

  .neo-client-collage {
    width: min(100%, 320px);
  }
}

@media (max-width: 480px) {
  .neo-image-settings-header {
    grid-template-columns: 1fr;
  }

  .neo-image-setting-mini-card {
    grid-template-columns: 56px 1fr;
  }

  .neo-image-setting-mini-card img {
    width: 56px;
    height: 56px;
  }
}



/* =========================================================
   Phase 4.3-E - Single Image Settings Style
   هدف:
   استفاده از مدل بهتر تنظیم عکس فقط در مرحله هر کانال
   و حذف تنظیم عکس از صفحه تایید نهایی
   ========================================================= */

.neo-order-form.neo-wizard-active .neo-channel-inline-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-channel-inline-review {
  display: block !important;
  animation: neo-wizard-slide-in 220ms cubic-bezier(.16, 1, .3, 1) both;
}

.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-wizard-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-final-review .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-final-review .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-final-review .neo-channel-inline-review {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-final-review .neo-wizard-review {
  display: block !important;
}

.neo-single-image-settings-step {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: .85rem !important;
  border-radius: 26px !important;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  border: 1px solid var(--neo-line-soft);
}

.neo-per-channel-image-settings {
  display: grid;
  gap: .85rem;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.neo-per-channel-image-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  align-items: center;
}

.neo-per-channel-image-head h3 {
  margin: .15rem 0 .25rem !important;
}

.neo-per-channel-image-head p {
  margin: 0;
  color: var(--neo-text-soft);
  font-size: .78rem;
  line-height: 1.7;
  font-weight: 850;
}

.neo-channel-review-status {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .3rem .65rem;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  color: var(--neo-text-soft);
  box-shadow: var(--neo-shadow-inset);
  font-size: .72rem;
  font-weight: 950;
  white-space: nowrap;
}

.neo-channel-review-status.is-done {
  background: linear-gradient(135deg, #12a99a, #2dd4bf) !important;
  color: #031412 !important;
}

.neo-per-channel-settings-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: .65rem !important;
}

.neo-per-channel-image-card {
  min-width: 0 !important;
}

.neo-per-channel-image-card img {
  height: 110px !important;
  object-fit: cover !important;
}

.neo-per-channel-collage-box {
  margin-top: 0 !important;
}

.neo-per-channel-collage-preview {
  width: 100%;
  min-height: 340px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
  overflow: hidden;
}

.neo-image-empty-preview {
  display: grid;
  gap: .25rem;
  text-align: center;
  color: var(--neo-text-soft);
  font-weight: 850;
  padding: 1rem;
}

.neo-image-empty-preview b {
  color: var(--neo-text-main);
}

.neo-image-empty-preview span {
  font-size: .76rem;
}

.neo-client-collage {
  width: min(100%, 380px);
  aspect-ratio: 1 / 1;
  display: grid;
  gap: 4px;
  padding: 6px;
  border-radius: 24px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  overflow: hidden;
}

.neo-client-collage.count-1 {
  grid-template-columns: 1fr;
}

.neo-client-collage.count-2 {
  grid-template-columns: 1fr 1fr;
}

.neo-client-collage.count-3 {
  grid-template-columns: 1fr 1fr;
}

.neo-client-collage.count-3 .neo-client-collage-cell:first-child {
  grid-row: span 2;
}

.neo-client-collage.count-4 {
  grid-template-columns: 1fr 1fr;
}

.neo-client-collage-cell {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #101217;
}

.neo-client-collage-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.neo-client-collage-cell.focus-top img { object-position: center top; }
.neo-client-collage-cell.focus-center img { object-position: center center; }
.neo-client-collage-cell.focus-bottom img { object-position: center bottom; }
.neo-client-collage-cell.focus-left img { object-position: left center; }
.neo-client-collage-cell.focus-right img { object-position: right center; }
.neo-client-collage-cell.focus-top_left img { object-position: left top; }
.neo-client-collage-cell.focus-top_right img { object-position: right top; }
.neo-client-collage-cell.focus-bottom_left img { object-position: left bottom; }
.neo-client-collage-cell.focus-bottom_right img { object-position: right bottom; }

.neo-final-review-alert {
  display: grid;
  gap: .25rem;
  padding: .8rem;
  margin-bottom: .75rem;
  border-radius: 20px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-review-row.is-total {
  border: 1px solid rgba(45, 212, 191, .22);
}

/* Final order-review page should not show image settings anymore */
.neo-review-channel-body .image-settings-grid,
.neo-review-channel-body .image-settings-card,
.neo-review-channel-body .collage-preview-box,
.neo-review-channel-body .neo-image-settings-intro {
  display: none !important;
}

/* Dark */
:root[data-ui-theme="dark"] .neo-single-image-settings-step,
:root[data-ui-theme="dark"] .neo-per-channel-collage-preview,
:root[data-ui-theme="dark"] .neo-client-collage,
:root[data-ui-theme="dark"] .neo-final-review-alert {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.16) !important;
}

/* Mobile */
@media (max-width: 720px) {
  .neo-per-channel-settings-grid {
    grid-template-columns: 1fr !important;
  }

  .neo-per-channel-collage-preview {
    min-height: 290px;
  }

  .neo-client-collage {
    width: min(100%, 320px);
  }
}

@media (max-width: 480px) {
  .neo-per-channel-image-head {
    grid-template-columns: 1fr;
  }

  .neo-per-channel-image-card img {
    height: 96px !important;
  }
}




/* =========================================================
   Phase 4.3-F - Final Small Collage Thumbnails
   هدف: نمایش کوچک تصویر ترکیبی در خلاصه نهایی، بدون تنظیمات و بدون اسکرول اضافه
   ========================================================= */

.neo-final-channel-thumbs {
  display: grid;
  gap: .55rem;
  margin-top: .75rem;
}

.neo-final-channel-thumbs-title {
  color: var(--neo-text-soft);
  font-size: .78rem;
  font-weight: 900;
  padding-inline: .25rem;
}

.neo-final-channel-thumb-card {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: .65rem;
  align-items: center;
  padding: .55rem;
  border-radius: 18px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
  min-width: 0;
}

.neo-final-channel-thumb-info {
  min-width: 0;
  display: grid;
  gap: .15rem;
}

.neo-final-channel-thumb-info b {
  color: var(--neo-text-main);
  font-size: .82rem;
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.neo-final-channel-thumb-info span {
  color: var(--neo-text-soft);
  font-size: .72rem;
  font-weight: 850;
}

.neo-final-mini-collage {
  width: 74px;
  height: 74px;
  display: grid;
  gap: 2px;
  padding: 3px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
}

.neo-final-mini-collage.count-1 {
  grid-template-columns: 1fr;
}

.neo-final-mini-collage.count-2,
.neo-final-mini-collage.count-3,
.neo-final-mini-collage.count-4 {
  grid-template-columns: 1fr 1fr;
}

.neo-final-mini-collage.count-3 .neo-final-mini-cell:first-child {
  grid-row: span 2;
}

.neo-final-mini-cell {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 9px;
  background: #101217;
}

.neo-final-mini-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.neo-final-mini-cell.focus-top img { object-position: center top; }
.neo-final-mini-cell.focus-center img { object-position: center center; }
.neo-final-mini-cell.focus-bottom img { object-position: center bottom; }
.neo-final-mini-cell.focus-left img { object-position: left center; }
.neo-final-mini-cell.focus-right img { object-position: right center; }
.neo-final-mini-cell.focus-top_left img { object-position: left top; }
.neo-final-mini-cell.focus-top_right img { object-position: right top; }
.neo-final-mini-cell.focus-bottom_left img { object-position: left bottom; }
.neo-final-mini-cell.focus-bottom_right img { object-position: right bottom; }

.neo-final-mini-noimage {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
  color: var(--neo-text-soft);
  font-size: .62rem;
  font-weight: 900;
  text-align: center;
}

/* read-only collage thumbnail in /order-review page */
.neo-readonly-collage-thumb {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: .65rem;
  align-items: center;
  margin-top: .7rem;
  padding: .55rem;
  border-radius: 18px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
}

.neo-readonly-collage-thumb img {
  width: 82px;
  height: 82px;
  object-fit: cover;
  border-radius: 15px;
  background: #fff;
}

.neo-readonly-collage-thumb div {
  display: grid;
  gap: .2rem;
  min-width: 0;
}

.neo-readonly-collage-thumb b {
  color: var(--neo-text-main);
  font-size: .82rem;
  font-weight: 950;
}

.neo-readonly-collage-thumb span {
  color: var(--neo-text-soft);
  font-size: .72rem;
  line-height: 1.55;
  font-weight: 850;
}

/* final page should remain compact */
.neo-review-channel-card .neo-review-channel-details {
  margin-top: .55rem !important;
}

:root[data-ui-theme="dark"] .neo-final-channel-thumb-card,
:root[data-ui-theme="dark"] .neo-final-mini-collage,
:root[data-ui-theme="dark"] .neo-final-mini-noimage,
:root[data-ui-theme="dark"] .neo-readonly-collage-thumb {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.14) !important;
}

@media (max-width: 560px) {
  .neo-final-channel-thumb-card {
    grid-template-columns: 66px 1fr;
  }

  .neo-final-mini-collage,
  .neo-final-mini-noimage {
    width: 66px;
    height: 66px;
  }

  .neo-readonly-collage-thumb {
    grid-template-columns: 70px 1fr;
  }

  .neo-readonly-collage-thumb img {
    width: 70px;
    height: 70px;
  }
}



/* =========================================================
   Phase 4.3-G - Stable Steps And Drag Image UX
   هدف:
   1) حذف تکان ریز مرحله‌ها هنگام اسلاید
   2) تبدیل تنظیم عکس به drag/drop و drag-to-focus
   ========================================================= */

/* ---------- Step stability: no physical slide jump ---------- */

.neo-order-form,
.neo-order-form * {
  scroll-behavior: smooth;
}

.neo-order-form {
  overflow-anchor: none;
}

.neo-order-form.neo-wizard-active .neo-user-card,
.neo-order-form.neo-wizard-active .neo-channel-picker,
.neo-order-form.neo-wizard-active .neo-channel-inline-review,
.neo-order-form.neo-wizard-active .neo-wizard-review {
  transform: none !important;
  will-change: opacity;
  backface-visibility: hidden;
}

.neo-order-form.neo-wizard-active.neo-step-contact .neo-user-card,
.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-picker,
.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible,
.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-channel-inline-review,
.neo-order-form.neo-wizard-active.neo-step-final-review .neo-wizard-review {
  animation: neo-step-stable-fade 160ms cubic-bezier(.16, 1, .3, 1) both !important;
}

@keyframes neo-step-stable-fade {
  from {
    opacity: .001;
  }
  to {
    opacity: 1;
  }
}

/* جلوگیری از لرزش داک پایین و نوار بالا */
.neo-wizard-topbar,
.neo-price-dock {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* ---------- Drag based image settings ---------- */

.neo-per-channel-settings-grid {
  align-items: stretch;
}

.neo-per-channel-image-card {
  position: relative;
  cursor: default;
  user-select: none;
  touch-action: manipulation;
  transition:
    border-color 160ms cubic-bezier(.16, 1, .3, 1),
    box-shadow 160ms cubic-bezier(.16, 1, .3, 1),
    opacity 160ms cubic-bezier(.16, 1, .3, 1) !important;
}

.neo-per-channel-image-card.is-dragging {
  opacity: .55;
  border-color: rgba(45, 212, 191, .35) !important;
}

.neo-per-channel-image-card.is-drop-target {
  border-color: rgba(45, 212, 191, .42) !important;
  box-shadow:
    0 0 0 3px rgba(45, 212, 191, .10),
    var(--neo-shadow-raised-soft) !important;
}

/* selectها برای سازگاری بک‌اند می‌مانند، اما UI اصلی drag است */
.neo-per-channel-image-card label,
.neo-per-channel-image-card select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.neo-per-channel-image-card img {
  cursor: crosshair;
}

.neo-drag-handle {
  position: absolute;
  top: .45rem;
  right: .45rem;
  z-index: 3;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 .55rem !important;
  border-radius: 999px !important;
  font-size: .66rem !important;
  font-weight: 950 !important;
  background: rgba(15, 23, 42, .78) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
  cursor: grab;
}

.neo-drag-handle:active {
  cursor: grabbing;
}

.neo-crop-chip,
.neo-order-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: .22rem .48rem;
  border-radius: 999px;
  background: var(--neo-panel-bg);
  color: var(--neo-text-soft);
  box-shadow: var(--neo-shadow-inset);
  font-size: .62rem;
  font-weight: 900;
  line-height: 1.2;
}

.neo-card-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  justify-content: center;
  margin-top: .15rem;
}

.neo-per-channel-image-card .meta {
  text-align: center;
  margin-top: .25rem;
}

/* راهنمای کوچک */
.neo-drag-image-help {
  margin: .2rem 0 .45rem;
  padding: .55rem .65rem;
  border-radius: 16px;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-inset);
  color: var(--neo-text-soft);
  font-size: .72rem;
  font-weight: 850;
  line-height: 1.7;
}

/* دارک */
:root[data-ui-theme="dark"] .neo-drag-handle {
  background: rgba(10, 13, 18, .82) !important;
  color: #d7dde7 !important;
  border: 1px solid rgba(176,188,205,.16) !important;
}

:root[data-ui-theme="dark"] .neo-crop-chip,
:root[data-ui-theme="dark"] .neo-order-chip,
:root[data-ui-theme="dark"] .neo-drag-image-help {
  background: #101217 !important;
  color: #b7c0cd !important;
  border: 1px solid rgba(176,188,205,.12) !important;
}

/* موبایل */
@media (max-width: 560px) {
  .neo-drag-handle {
    min-height: 26px !important;
    height: 26px !important;
    font-size: .6rem !important;
  }

  .neo-crop-chip,
  .neo-order-chip {
    font-size: .58rem;
  }
}



/* =========================================================
   Phase 4.3-I - Safe Next Hint Style
   ========================================================= */

.neo-inline-validation-hint {
  margin-top: .45rem;
  padding: .55rem .65rem;
  border-radius: 16px;
  background: rgba(239, 68, 68, .08);
  color: #b91c1c;
  font-size: .76rem;
  font-weight: 850;
  line-height: 1.6;
  border: 1px solid rgba(239, 68, 68, .16);
}

:root[data-ui-theme="dark"] .neo-inline-validation-hint {
  background: rgba(248, 113, 113, .10);
  color: #fca5a5;
  border-color: rgba(248, 113, 113, .20);
}

textarea.neo-has-error {
  border-color: rgba(239, 68, 68, .36) !important;
  box-shadow:
    var(--neo-shadow-inset),
    0 0 0 4px rgba(239, 68, 68, .10) !important;
}



/* =========================================================
   Phase 4.3-J - Hard Clean Wizard Display
   هدف: نمایش قطعی فقط مرحله فعال
   ========================================================= */

.neo-order-form.neo-wizard-active .neo-user-card,
.neo-order-form.neo-wizard-active .neo-channel-picker,
.neo-order-form.neo-wizard-active .neo-channel-inline-review,
.neo-order-form.neo-wizard-active .neo-wizard-review {
  display: none !important;
  transform: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-channels .neo-channel-picker {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-contact .neo-user-card {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-picker {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card {
  display: none !important;
}

.neo-order-form.neo-wizard-active.neo-step-item .neo-channel-card.is-wizard-visible {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-image-settings .neo-channel-inline-review {
  display: block !important;
}

.neo-order-form.neo-wizard-active.neo-step-final-review .neo-wizard-review {
  display: block !important;
}

.neo-single-image-settings-step {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: .85rem !important;
  border-radius: 26px !important;
  background: var(--neo-panel-bg);
  box-shadow: var(--neo-shadow-raised-soft);
  border: 1px solid var(--neo-line-soft);
}

.neo-inline-validation-hint {
  margin-top: .45rem;
  padding: .55rem .65rem;
  border-radius: 16px;
  background: rgba(239, 68, 68, .08);
  color: #b91c1c;
  font-size: .76rem;
  font-weight: 850;
  line-height: 1.6;
  border: 1px solid rgba(239, 68, 68, .16);
}

:root[data-ui-theme="dark"] .neo-inline-validation-hint {
  background: rgba(248, 113, 113, .10);
  color: #fca5a5;
  border-color: rgba(248, 113, 113, .20);
}

textarea.neo-has-error {
  border-color: rgba(239, 68, 68, .36) !important;
  box-shadow:
    var(--neo-shadow-inset),
    0 0 0 4px rgba(239, 68, 68, .10) !important;
}




/* =========================================================
   Phase 4.4 - Real Mobile Image Composer UI
   ========================================================= */

.neo-real-image-composer {
  display: grid;
  gap: .75rem;
  width: 100%;
  max-width: 100%;
  margin-top: .75rem;
}

.neo-composer-help {
  padding: .65rem .75rem;
  border-radius: 18px;
  background: var(--neo-panel-bg, #edf1f7);
  color: var(--neo-text-soft, #7b8496);
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.34), inset -5px -5px 12px rgba(255,255,255,.82));
  font-size: .75rem;
  font-weight: 850;
  line-height: 1.75;
}

.neo-composer-preview {
  width: min(100%, 390px);
  aspect-ratio: 1 / 1;
  justify-self: center;
  display: grid;
  gap: 5px;
  padding: 7px;
  border-radius: 28px;
  background: var(--neo-panel-bg, #edf1f7);
  box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82));
  overflow: hidden;
}

.neo-composer-preview.count-1 {
  grid-template-columns: 1fr;
}

.neo-composer-preview.count-2,
.neo-composer-preview.count-3,
.neo-composer-preview.count-4 {
  grid-template-columns: 1fr 1fr;
}

.neo-composer-preview.count-3 .neo-composer-cell:first-child {
  grid-row: span 2;
}

.neo-composer-cell {
  position: relative;
  min-width: 0;
  min-height: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 18px !important;
  background: #101217 !important;
  border: 2px solid transparent !important;
  box-shadow: none !important;
  touch-action: none;
  cursor: grab;
}

.neo-composer-cell.is-active {
  border-color: rgba(45, 212, 191, .70) !important;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, .12) !important;
}

.neo-composer-cell.is-panning {
  cursor: grabbing;
}

.neo-composer-cell img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform-origin: center center;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.neo-composer-controls {
  display: grid;
  gap: .55rem;
  padding: .7rem;
  border-radius: 22px;
  background: var(--neo-panel-bg, #edf1f7);
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.34), inset -5px -5px 12px rgba(255,255,255,.82));
}

.neo-composer-control-title {
  color: var(--neo-text-main, #1f2937);
  font-size: .82rem;
  font-weight: 950;
}

.neo-composer-actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .45rem;
}

.neo-composer-actions button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: .35rem .45rem !important;
  border-radius: 14px !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

.neo-composer-filmstrip {
  display: flex;
  gap: .45rem;
  overflow-x: auto;
  padding: .15rem .1rem .35rem;
  scrollbar-width: thin;
}

.neo-composer-thumb {
  width: 78px !important;
  min-width: 78px !important;
  min-height: 98px !important;
  display: grid !important;
  gap: .25rem !important;
  padding: .35rem !important;
  margin: 0 !important;
  border-radius: 16px !important;
  background: var(--neo-panel-bg, #edf1f7) !important;
  color: var(--neo-text-soft, #7b8496) !important;
  box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
  border: 1px solid transparent !important;
}

.neo-composer-thumb.is-active {
  border-color: rgba(45, 212, 191, .55) !important;
}

.neo-composer-thumb img {
  width: 100%;
  height: 56px;
  object-fit: cover;
  border-radius: 12px;
  pointer-events: none;
}

.neo-composer-thumb span {
  display: block;
  max-height: 28px;
  overflow: hidden;
  color: var(--neo-text-soft, #7b8496);
  font-size: .55rem;
  line-height: 1.25;
  text-align: center;
  pointer-events: none;
}

.neo-composer-empty {
  min-height: 190px;
  display: grid;
  place-items: center;
  gap: .2rem;
  text-align: center;
  padding: 1rem;
  border-radius: 22px;
  background: var(--neo-panel-bg, #edf1f7);
  color: var(--neo-text-soft, #7b8496);
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.34), inset -5px -5px 12px rgba(255,255,255,.82));
}

.neo-composer-empty b {
  color: var(--neo-text-main, #1f2937);
  font-weight: 950;
}

.neo-composer-empty span {
  font-size: .76rem;
  font-weight: 850;
}

/* hide old select-based settings when composer is active */
.neo-per-channel-image-settings[data-phase44-composer-ready="1"] > .image-settings-grid,
.neo-per-channel-image-settings[data-phase44-composer-ready="1"] > .neo-per-channel-settings-grid,
.neo-per-channel-image-settings[data-phase44-composer-ready="1"] > .collage-preview-box,
.neo-per-channel-image-settings[data-phase44-composer-ready="1"] > .neo-per-channel-collage-box {
  display: none !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .neo-composer-help,
:root[data-ui-theme="dark"] .neo-composer-controls,
:root[data-ui-theme="dark"] .neo-composer-empty {
  background: #101217 !important;
  border: 1px solid rgba(176,188,205,.12) !important;
  color: #b7c0cd !important;
  box-shadow:
    inset 6px 6px 14px rgba(0,0,0,.48),
    inset -5px -5px 12px rgba(55,65,81,.065) !important;
}

:root[data-ui-theme="dark"] .neo-composer-preview,
:root[data-ui-theme="dark"] .neo-composer-thumb {
  background: linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.16) !important;
  box-shadow:
    8px 8px 20px rgba(0,0,0,.46),
    -6px -6px 16px rgba(55,65,81,.075) !important;
}

:root[data-ui-theme="dark"] .neo-composer-cell {
  background: #050607 !important;
}

:root[data-ui-theme="dark"] .neo-composer-actions button {
  background: linear-gradient(145deg, #20242d, #171a21) !important;
  color: #d7dde7 !important;
  border: 1px solid rgba(176,188,205,.16) !important;
}

@media (max-width: 560px) {
  .neo-composer-preview {
    width: min(100%, 330px);
    border-radius: 24px;
  }

  .neo-composer-cell {
    border-radius: 14px !important;
  }

  .neo-composer-actions {
    grid-template-columns: 1fr 1fr;
  }

  .neo-composer-actions button {
    min-height: 36px !important;
    font-size: .7rem !important;
  }

  .neo-composer-thumb {
    width: 70px !important;
    min-width: 70px !important;
  }

  .neo-composer-thumb img {
    height: 50px;
  }
}


/* =========================================================
   Phase 4.4-B - Collage Direction Fix + Lightbox UI
   هدف:
   1) جلوگیری از حس mirror در کلاژ به خاطر RTL/grid
   2) یکی شدن چینش ۳ عکس با بک‌اند
   3) نمایش بزرگ تصویر داخل همان صفحه
   ========================================================= */

.neo-client-collage,
.neo-final-mini-collage,
.neo-composer-preview,
.neo-readonly-collage-thumb {
  direction: ltr !important;
}

.neo-client-collage.count-3,
.neo-final-mini-collage.count-3,
.neo-composer-preview.count-3 {
  grid-template-columns: 1fr 1fr !important;
}

.neo-client-collage.count-3 .neo-client-collage-cell:first-child,
.neo-final-mini-collage.count-3 .neo-final-mini-cell:first-child,
.neo-composer-preview.count-3 .neo-composer-cell:first-child {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
}

/* Click affordance */
.neo-final-mini-collage,
.neo-client-collage,
.neo-composer-preview,
.neo-readonly-collage-thumb {
  cursor: zoom-in;
}

.neo-image-lightbox-open,
.neo-lightbox-open body {
  overflow: hidden !important;
}

.neo-image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 180ms cubic-bezier(.16, 1, .3, 1),
    visibility 180ms cubic-bezier(.16, 1, .3, 1);
}

.neo-image-lightbox.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.neo-image-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 5, 7, .78);
  backdrop-filter: blur(12px);
}

.neo-image-lightbox-card {
  position: relative;
  z-index: 1;
  width: min(94vw, 560px);
  max-height: 88vh;
  display: grid;
  gap: .75rem;
  padding: .85rem;
  border-radius: 28px;
  background: var(--neo-panel-bg, #edf1f7);
  box-shadow:
    20px 20px 50px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255,255,255,.08);
  overflow: auto;
}

.neo-image-lightbox-close {
  position: sticky;
  top: 0;
  justify-self: start;
  z-index: 2;
  width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.neo-image-lightbox-content {
  display: grid;
  place-items: center;
  width: 100%;
}

.neo-lightbox-clone {
  width: min(100%, 520px) !important;
  height: auto !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1;
  cursor: default !important;
}

.neo-lightbox-clone.neo-readonly-collage-thumb {
  grid-template-columns: 1fr !important;
}

.neo-lightbox-clone.neo-readonly-collage-thumb img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  max-height: 72vh !important;
  object-fit: contain !important;
}

.neo-lightbox-clone.neo-final-mini-collage {
  width: min(100%, 520px) !important;
  height: auto !important;
}

.neo-lightbox-clone.neo-client-collage,
.neo-lightbox-clone.neo-composer-preview,
.neo-lightbox-clone.neo-final-mini-collage {
  gap: 6px !important;
  padding: 8px !important;
  border-radius: 28px !important;
}

.neo-lightbox-clone .neo-final-mini-cell,
.neo-lightbox-clone .neo-client-collage-cell,
.neo-lightbox-clone .neo-composer-cell {
  border-radius: 18px !important;
}

:root[data-ui-theme="dark"] .neo-image-lightbox-card {
  background:
    linear-gradient(145deg, rgba(29, 33, 42, .98), rgba(18, 21, 27, .98)) !important;
  border: 1px solid rgba(176,188,205,.16) !important;
  box-shadow:
    18px 18px 46px rgba(0,0,0,.58),
    -7px -7px 22px rgba(80,90,105,.08),
    inset 0 1px 0 rgba(210,220,235,.045) !important;
}

@media (max-width: 560px) {
  .neo-image-lightbox {
    padding: .65rem;
  }

  .neo-image-lightbox-card {
    width: 96vw;
    border-radius: 24px;
    padding: .65rem;
  }

  .neo-lightbox-clone {
    width: min(100%, 390px) !important;
  }
}


/* =========================================================
   Phase 4.4-C - Composer Click Safety
   هدف: در صفحه تنظیم عکس، کلیک/لمس برای ادیت باشد نه بزرگ‌نمایی
   ========================================================= */

.neo-real-image-composer,
.neo-real-image-composer *,
.neo-composer-preview,
.neo-composer-preview *,
.neo-client-collage,
.neo-client-collage * {
  cursor: default;
}

.neo-composer-cell {
  cursor: grab !important;
}

.neo-composer-cell.is-panning {
  cursor: grabbing !important;
}

/* فقط تصاویر خلاصه نهایی قابل بزرگ‌نمایی باشند */
.neo-final-mini-collage,
.neo-readonly-collage-thumb {
  cursor: zoom-in !important;
}


/* =========================================================
   Phase 4.4-F - Stable Thumbnail Remove Button
   هدف: ضربدر حذف روی hover گم نشود و همیشه بالای عکس باشد
   ========================================================= */

.neo-thumb-card,
.ad-image-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.neo-thumb-card img,
.ad-image-card img {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.neo-thumb-remove,
.ad-image-remove-btn,
button.neo-thumb-remove {
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  z-index: 50 !important;

  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;

  display: grid !important;
  place-items: center !important;

  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;

  background: rgba(15, 23, 42, .88) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;

  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;

  box-shadow: 0 6px 16px rgba(0, 0, 0, .34) !important;
}

.neo-thumb-card:hover .neo-thumb-remove,
.ad-image-card:hover .neo-thumb-remove,
.ad-image-card:hover .ad-image-remove-btn,
.neo-thumb-remove:hover,
.ad-image-remove-btn:hover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: rgba(15, 23, 42, .96) !important;
  color: #ffffff !important;
}

.neo-thumb-remove:active,
.ad-image-remove-btn:active {
  transform: scale(.94) !important;
}

:root[data-ui-theme="dark"] .neo-thumb-remove,
:root[data-ui-theme="dark"] .ad-image-remove-btn {
  background: rgba(3, 7, 12, .92) !important;
  color: #ffffff !important;
  border-color: rgba(176, 188, 205, .24) !important;
}


/* =========================================================
   Phase 5.3 - Contact UX
   ========================================================= */

.neo-contact-card {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 34%),
    rgba(255, 255, 255, 0.78);
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.07);
}

.neo-contact-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}

.neo-contact-head h3 {
  margin: 4px 0 0;
  font-size: 17px;
}

.neo-contact-field {
  display: block;
  margin-top: 14px;
}

.neo-contact-field > span {
  display: block;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 7px;
}

.neo-contact-field > span small {
  font-weight: 500;
  color: #64748b;
}

.neo-contact-field input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 15px;
  padding: 13px 14px;
  background: #fff;
  font-size: 15px;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.neo-contact-field input:focus {
  border-color: rgba(14, 165, 233, 0.78);
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.14);
}

.neo-contact-display-box {
  margin-top: 16px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(241, 245, 249, 0.92);
  border: 1px solid rgba(148, 163, 184, 0.25);
}

.neo-contact-display-title {
  font-weight: 900;
  color: #0f172a;
  margin-bottom: 10px;
}

.neo-contact-choice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-radius: 15px;
  background: #fff;
  border: 1px solid rgba(203, 213, 225, 0.7);
  margin-top: 9px;
  cursor: pointer;
}

.neo-contact-choice input {
  width: auto;
  margin-top: 4px;
  accent-color: #0ea5e9;
}

.neo-contact-choice b {
  display: block;
  color: #0f172a;
  font-size: 14px;
}

.neo-contact-choice small {
  display: block;
  color: #64748b;
  line-height: 1.8;
  margin-top: 2px;
}

.neo-contact-choice:has(input:checked) {
  border-color: rgba(14, 165, 233, 0.75);
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.10);
}

.neo-contact-live-summary {
  margin-top: 12px;
  padding: 11px 12px;
  border-radius: 14px;
  background: rgba(14, 165, 233, 0.10);
  color: #075985;
  font-weight: 800;
  line-height: 1.8;
}

:root[data-ui-theme="dark"] .neo-contact-card {
  background:
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.13), transparent 34%),
    rgba(15, 23, 42, 0.78);
  border-color: rgba(148, 163, 184, 0.22);
}

:root[data-ui-theme="dark"] .neo-contact-field > span,
:root[data-ui-theme="dark"] .neo-contact-head h3,
:root[data-ui-theme="dark"] .neo-contact-display-title,
:root[data-ui-theme="dark"] .neo-contact-choice b {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .neo-contact-display-box,
:root[data-ui-theme="dark"] .neo-contact-choice {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(148, 163, 184, 0.20);
}

:root[data-ui-theme="dark"] .neo-contact-field input {
  background: rgba(2, 6, 23, 0.72);
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .neo-contact-live-summary {
  color: #bae6fd;
  background: rgba(14, 165, 233, 0.14);
}


.neo-contact-hide-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 14px;
  padding: 13px 14px;
  border-radius: 16px;
  border: 1px solid rgba(14, 165, 233, 0.22);
  background: rgba(14, 165, 233, 0.07);
  cursor: pointer;
}

.neo-contact-hide-row input {
  width: auto;
  margin-top: 5px;
  accent-color: #0ea5e9;
  flex: 0 0 auto;
}

.neo-contact-hide-row b {
  display: block;
  color: #0f172a;
  font-size: 14px;
}

.neo-contact-hide-row small {
  display: block;
  color: #64748b;
  line-height: 1.8;
  margin-top: 2px;
}

:root[data-ui-theme="dark"] .neo-contact-hide-row {
  background: rgba(14, 165, 233, 0.12);
  border-color: rgba(56, 189, 248, 0.24);
}

:root[data-ui-theme="dark"] .neo-contact-hide-row b {
  color: #e5e7eb;
}


/* =========================================================
   Phase 5.5 - Contact cleanup overrides
   ساده‌سازی ظاهر بخش راه ارتباطی
   ========================================================= */

.neo-contact-card {
  background: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  padding: 16px !important;
}

.neo-contact-hide-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: transparent !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 14px !important;
  padding: 12px 13px !important;
  margin-top: 12px !important;
}

.neo-contact-hide-row input[type="checkbox"] {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.neo-contact-hide-row b {
  font-size: 14px !important;
}

.neo-contact-hide-row small {
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin-top: 1px !important;
}

.neo-contact-field.is-public-hidden span,
.neo-contact-field.is-public-hidden .small-note {
  color: #94a3b8 !important;
}

.neo-contact-field input.is-public-hidden {
  color: #94a3b8 !important;
  background: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
}

.neo-contact-live-summary {
  background: transparent !important;
  border: 1px dashed rgba(148, 163, 184, 0.36) !important;
  color: #475569 !important;
  font-weight: 700 !important;
}

:root[data-ui-theme="dark"] .neo-contact-field input.is-public-hidden {
  background: rgba(15, 23, 42, 0.38) !important;
  color: #64748b !important;
}

:root[data-ui-theme="dark"] .neo-contact-live-summary {
  color: #cbd5e1 !important;
}


/* =========================================================
   Phase 5.6 - Final contact guard CSS
   ========================================================= */

input[data-phone-input].is-public-hidden {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  background-color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
}

.neo-contact-field.is-public-hidden > span,
.neo-contact-field.is-public-hidden .small-note {
  color: #94a3b8 !important;
}

.neo-contact-hide-row input[type="checkbox"] {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  accent-color: #0ea5e9 !important;
}

:root[data-ui-theme="dark"] input[data-phone-input].is-public-hidden {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  background-color: rgba(15, 23, 42, 0.45) !important;
}


/* =========================================================
   Phase 5.7 - Contact validation visible error
   ========================================================= */

input[data-phone-input].is-public-hidden {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

.neo-contact-field.is-public-hidden > span,
.neo-contact-field.is-public-hidden .small-note {
  color: #94a3b8 !important;
}


/* =========================================================
   Phase 5.8 - Minimal wizard UX polish
   ========================================================= */

/* حذف انتخاب آبی و حس drag/selection روی کارت‌ها و کنترل‌های wizard */
.neo-order-form,
.neo-order-form *,
.neo-channel-card,
.channel-option,
.neo-contact-hide-row,
.neo-contact-choice,
.neo-wizard-action,
[data-neo-next],
[data-neo-prev] {
  -webkit-tap-highlight-color: transparent;
}

.neo-channel-card,
.channel-option,
.neo-contact-hide-row,
.neo-contact-choice,
.neo-wizard-action,
[data-neo-next],
[data-neo-prev],
button {
  -webkit-user-select: none;
  user-select: none;
}

/* انیمیشن سریع و نرم مرحله‌ها */
.neo-order-form.is-step-animating .neo-form-stage,
.neo-order-form.is-step-animating .neo-channel-card,
.neo-order-form.is-step-animating .neo-channel-body,
.neo-order-form.is-step-animating .neo-review-list,
.neo-order-form.is-step-animating .neo-final-channel-thumbs {
  animation: neoStepSoftIn 220ms ease-out both;
}

@keyframes neoStepSoftIn {
  from {
    opacity: 0.55;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* مینیمال‌تر کردن فاصله‌ها و borderهای اضافه داخل فرم */
.neo-form-stage,
.neo-channel-body,
.neo-ad-text-card,
.neo-image-uploader,
.neo-contact-card,
.neo-final-channel-thumb-card,
.neo-review-list,
.neo-final-channel-thumbs {
  border-width: 1px !important;
}

.neo-contact-card {
  margin-top: 12px !important;
  padding: 12px !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.neo-contact-head {
  margin-bottom: 8px !important;
}

.neo-contact-head h3 {
  font-size: 15px !important;
  margin-top: 2px !important;
}

.neo-contact-field {
  margin-top: 10px !important;
}

.neo-contact-field input {
  padding: 11px 12px !important;
  border-radius: 12px !important;
}

.neo-contact-field .small-note,
.neo-contact-hide-row small {
  font-size: 11.5px !important;
  line-height: 1.65 !important;
}

/* checkbox را از حالت مربع آماتوری به سوییچ کوچک تبدیل می‌کند */
.neo-contact-hide-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 11px !important;
  margin-top: 10px !important;
  border-radius: 13px !important;
  background: transparent !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  cursor: pointer !important;
}

.neo-contact-hide-row input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 20px !important;
  margin: 1px 0 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.72) !important;
  background: #e2e8f0 !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background-color 140ms ease, border-color 140ms ease !important;
}

.neo-contact-hide-row input[type="checkbox"]::after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.28) !important;
  transition: transform 140ms ease !important;
}

.neo-contact-hide-row input[type="checkbox"]:checked {
  background: #0ea5e9 !important;
  border-color: #0ea5e9 !important;
}

.neo-contact-hide-row input[type="checkbox"]:checked::after {
  transform: translateX(-14px) !important;
}

.neo-contact-hide-row b {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.neo-contact-hide-row small {
  margin-top: 0 !important;
}

/* وقتی شماره در آگهی مخفی می‌شود، فقط ظاهر عدد شماره خاکستری می‌شود؛ مقدار همچنان ارسال می‌شود */
input[data-phone-input].is-public-hidden {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  background: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.30) !important;
}

.neo-contact-field.is-public-hidden > span,
.neo-contact-field.is-public-hidden .small-note {
  color: #94a3b8 !important;
}

.neo-contact-live-summary {
  margin-top: 9px !important;
  padding: 9px 10px !important;
  border-radius: 11px !important;
  background: transparent !important;
  border: 1px dashed rgba(148, 163, 184, 0.28) !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

/* موبایل: فاصله‌ها کمتر و checkbox کوچک‌تر */
@media (max-width: 640px) {
  .neo-contact-card {
    padding: 10px !important;
  }

  .neo-contact-hide-row {
    padding: 9px 10px !important;
    gap: 9px !important;
  }

  .neo-contact-hide-row input[type="checkbox"] {
    width: 32px !important;
    min-width: 32px !important;
    height: 19px !important;
  }

  .neo-contact-hide-row input[type="checkbox"]::after {
    width: 13px !important;
    height: 13px !important;
  }

  .neo-contact-hide-row input[type="checkbox"]:checked::after {
    transform: translateX(-13px) !important;
  }

  .neo-contact-hide-row b {
    font-size: 12.5px !important;
  }

  .neo-contact-hide-row small {
    font-size: 11px !important;
  }
}

/* dark mode */
:root[data-ui-theme="dark"] .neo-contact-card {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

:root[data-ui-theme="dark"] .neo-contact-hide-row {
  background: transparent !important;
  border-color: rgba(148, 163, 184, 0.20) !important;
}

:root[data-ui-theme="dark"] .neo-contact-hide-row input[type="checkbox"] {
  background: rgba(51, 65, 85, 0.92) !important;
}

:root[data-ui-theme="dark"] input[data-phone-input].is-public-hidden {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  background: rgba(15, 23, 42, 0.42) !important;
}

:root[data-ui-theme="dark"] .neo-contact-live-summary {
  color: #cbd5e1 !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}


/* =========================================================
   Phase 5.10 - Sliding switch hide phone toggle
   CSS-only switch based on Sliding Switch Toggle
   ========================================================= */

.neo-contact-toggle-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 0 !important;
  margin-top: 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.neo-hide-phone-switch {
  direction: ltr !important;
  flex: 0 0 auto !important;
  position: relative !important;
  width: 96px !important;
  height: 34px !important;
}

.neo-hide-phone-switch .toggle--checkbox {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
}

.neo-hide-phone-switch .toggle--btn {
  position: relative !important;
  display: block !important;
  width: 96px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  cursor: pointer !important;

  font-family: inherit !important;
  text-transform: none !important;
  color: #fff !important;

  border-radius: 6px !important;
  background: linear-gradient(90deg, #a4bf4d 0%, #a4bf4d 50%, #ca5046 50%, #ca5046 200%) !important;
  background-position: -64px 0 !important;
  background-size: 200% 100% !important;
  box-shadow: inset 0 0 18px -8px #111 !important;

  transition: background-position 190ms ease !important;
  user-select: none !important;
}

.neo-hide-phone-switch .toggle--btn::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  transform: translateY(-50%) !important;

  width: 42px !important;
  height: 34px !important;
  border: 2px solid #202027 !important;
  border-radius: 6px !important;
  background-color: #2b2e3a !important;
  background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.15) 100%) !important;
  background-size: 5px 5px !important;
  box-sizing: border-box !important;

  transition: left 190ms ease !important;
}

.neo-hide-phone-switch .toggle--feature {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  height: 34px !important;
  line-height: 34px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.neo-hide-phone-switch .toggle--feature::before,
.neo-hide-phone-switch .toggle--feature::after {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  white-space: nowrap !important;
}

.neo-hide-phone-switch .toggle--feature::before {
  content: attr(data-label-on) !important;
  left: -60% !important;
}

.neo-hide-phone-switch .toggle--feature::after {
  content: attr(data-label-off) !important;
  right: 14% !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn {
  background-position: 0 0 !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn::before {
  left: calc(100% - 42px) !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn .toggle--feature::before {
  left: 13% !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn .toggle--feature::after {
  right: -60% !important;
}

.neo-contact-toggle-copy {
  display: block !important;
  min-width: 0 !important;
}

.neo-contact-toggle-copy b {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #0f172a !important;
}

.neo-contact-toggle-copy small {
  display: block !important;
  margin-top: 1px !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
  color: #64748b !important;
}

@media (max-width: 640px) {
  .neo-contact-toggle-row {
    gap: 10px !important;
    padding: 7px 0 !important;
  }

  .neo-hide-phone-switch {
    width: 86px !important;
    height: 31px !important;
  }

  .neo-hide-phone-switch .toggle--btn {
    width: 86px !important;
    height: 31px !important;
    background-position: -58px 0 !important;
  }

  .neo-hide-phone-switch .toggle--btn::before {
    width: 38px !important;
    height: 31px !important;
  }

  .neo-hide-phone-switch .toggle--feature {
    height: 31px !important;
    line-height: 31px !important;
    font-size: 10px !important;
  }

  .neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn::before {
    left: calc(100% - 38px) !important;
  }

  .neo-contact-toggle-copy b {
    font-size: 12.5px !important;
  }

  .neo-contact-toggle-copy small {
    font-size: 11px !important;
  }
}

:root[data-ui-theme="dark"] .neo-contact-toggle-copy b {
  color: #e5e7eb !important;
}

:root[data-ui-theme="dark"] .neo-contact-toggle-copy small {
  color: #94a3b8 !important;
}


/* =========================================================
   Phase 5.11 - Compact app themed hide phone switch
   کوچک‌تر و هماهنگ با رنگ‌بندی UI
   ========================================================= */

.neo-contact-toggle-row {
  gap: 9px !important;
  padding: 6px 0 !important;
  margin-top: 8px !important;
}

.neo-hide-phone-switch {
  width: 72px !important;
  height: 28px !important;
  min-width: 72px !important;
}

.neo-hide-phone-switch .toggle--btn {
  width: 72px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #0ea5e9 0%, #0ea5e9 50%, #cbd5e1 50%, #cbd5e1 200%) !important;
  background-position: -48px 0 !important;
  background-size: 200% 100% !important;
  box-shadow: inset 0 1px 5px rgba(15, 23, 42, 0.18) !important;
}

.neo-hide-phone-switch .toggle--btn::before {
  width: 32px !important;
  height: 28px !important;
  border: 1px solid rgba(15, 23, 42, 0.20) !important;
  border-radius: 999px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.22) !important;
}

.neo-hide-phone-switch .toggle--feature {
  height: 28px !important;
  line-height: 28px !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

.neo-hide-phone-switch .toggle--feature::after {
  right: 12% !important;
  color: #475569 !important;
}

.neo-hide-phone-switch .toggle--feature::before {
  color: #ffffff !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn {
  background-position: 0 0 !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn::before {
  left: calc(100% - 32px) !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn .toggle--feature::before {
  left: 13% !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn .toggle--feature::after {
  right: -65% !important;
}

.neo-contact-toggle-copy b {
  font-size: 12.5px !important;
}

.neo-contact-toggle-copy small {
  font-size: 11px !important;
  line-height: 1.55 !important;
}

[data-eitaa-required-label] {
  transition: color 160ms ease;
}

input[data-eitaa-contact-id]:required ~ .small-note,
.neo-contact-field:has(input[data-eitaa-contact-id]:required) [data-eitaa-required-label] {
  color: #0ea5e9 !important;
  font-weight: 800 !important;
}

@media (max-width: 640px) {
  .neo-hide-phone-switch {
    width: 66px !important;
    height: 26px !important;
    min-width: 66px !important;
  }

  .neo-hide-phone-switch .toggle--btn {
    width: 66px !important;
    height: 26px !important;
    background-position: -44px 0 !important;
  }

  .neo-hide-phone-switch .toggle--btn::before {
    width: 29px !important;
    height: 26px !important;
  }

  .neo-hide-phone-switch .toggle--feature {
    height: 26px !important;
    line-height: 26px !important;
    font-size: 9px !important;
  }

  .neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn::before {
    left: calc(100% - 29px) !important;
  }
}

:root[data-ui-theme="dark"] .neo-hide-phone-switch .toggle--btn {
  background: linear-gradient(90deg, #38bdf8 0%, #38bdf8 50%, #475569 50%, #475569 200%) !important;
}

:root[data-ui-theme="dark"] .neo-hide-phone-switch .toggle--feature::after {
  color: #e2e8f0 !important;
}

:root[data-ui-theme="dark"] .neo-hide-phone-switch .toggle--btn::before {
  background-color: #f8fafc !important;
}


/* =========================================================
   Phase 5.12 - Eitaa label spacing cleanup
   ========================================================= */

.neo-contact-toggle-row + .neo-contact-field {
  margin-top: 18px !important;
}

.neo-eitaa-id-title {
  display: block !important;
  margin-top: 4px !important;
  margin-bottom: 7px !important;
  clear: both !important;
}

.neo-contact-toggle-row {
  margin-bottom: 4px !important;
}

@media (max-width: 640px) {
  .neo-contact-toggle-row + .neo-contact-field {
    margin-top: 20px !important;
  }

  .neo-eitaa-id-title {
    margin-top: 6px !important;
  }
}


/* =========================================================
   Phase 5.13 - Contact spacing and copy cleanup
   ========================================================= */

/* switch باید به شماره تماس نزدیک‌تر باشد */
.neo-contact-field:has(input[data-phone-input]) {
  margin-bottom: 4px !important;
}

.neo-contact-toggle-row {
  margin-top: 4px !important;
  margin-bottom: 18px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* آیدی ایتا از switch فاصله بگیرد تا زیرمجموعه آن به نظر نرسد */
.neo-contact-toggle-row + .neo-contact-field {
  margin-top: 22px !important;
  padding-top: 2px !important;
}

/* نوشته‌ها کوتاه‌تر و کم‌مزاحم‌تر */
.neo-contact-field .small-note,
.neo-contact-toggle-copy small,
.neo-contact-live-summary {
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.neo-contact-toggle-copy b {
  font-size: 12.5px !important;
}

.neo-contact-live-summary {
  margin-top: 8px !important;
  opacity: 0.82 !important;
}

/* موبایل */
@media (max-width: 640px) {
  .neo-contact-toggle-row {
    margin-top: 3px !important;
    margin-bottom: 20px !important;
  }

  .neo-contact-toggle-row + .neo-contact-field {
    margin-top: 24px !important;
  }
}


/* =========================================================
   Phase 5.14 - Inline switch row and colors
   نمایش = آبی، مخفی = خاکستری
   ========================================================= */

.neo-contact-toggle-row {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  margin-top: 6px !important;
  margin-bottom: 18px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.neo-contact-toggle-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: right !important;
}

.neo-contact-toggle-copy b {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.neo-contact-toggle-copy small {
  font-size: 11px !important;
  line-height: 1.55 !important;
  margin-top: 2px !important;
}

/* switch compact inline */
.neo-hide-phone-switch {
  flex: 0 0 auto !important;
  width: 74px !important;
  min-width: 74px !important;
  height: 28px !important;
}

/* OFF = نمایش = آبی */
.neo-hide-phone-switch .toggle--btn {
  width: 74px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #94a3b8 0%, #94a3b8 50%, #0ea5e9 50%, #0ea5e9 200%) !important;
  background-position: -49px 0 !important;
  background-size: 200% 100% !important;
  box-shadow: inset 0 1px 5px rgba(15, 23, 42, 0.16) !important;
}

/* knob */
.neo-hide-phone-switch .toggle--btn::before {
  width: 32px !important;
  height: 28px !important;
  border: 1px solid rgba(15, 23, 42, 0.18) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.22) !important;
}

/* ON = مخفی = خاکستری */
.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn {
  background-position: 0 0 !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn::before {
  left: calc(100% - 32px) !important;
}

.neo-hide-phone-switch .toggle--feature {
  height: 28px !important;
  line-height: 28px !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

.neo-hide-phone-switch .toggle--feature::after {
  right: 13% !important;
  color: #ffffff !important;
}

.neo-hide-phone-switch .toggle--feature::before {
  color: #ffffff !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn .toggle--feature::before {
  left: 14% !important;
}

.neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn .toggle--feature::after {
  right: -65% !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .neo-contact-toggle-copy b {
  color: #e5e7eb !important;
}

:root[data-ui-theme="dark"] .neo-contact-toggle-copy small {
  color: #94a3b8 !important;
}

/* OFF in dark = نمایش آبی‌تر و خوانا */
:root[data-ui-theme="dark"] .neo-hide-phone-switch .toggle--btn {
  background: linear-gradient(90deg, #64748b 0%, #64748b 50%, #38bdf8 50%, #38bdf8 200%) !important;
  background-position: -49px 0 !important;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.36) !important;
}

:root[data-ui-theme="dark"] .neo-hide-phone-switch .toggle--btn::before {
  background: #f8fafc !important;
  border-color: rgba(15, 23, 42, 0.35) !important;
}

/* mobile */
@media (max-width: 640px) {
  .neo-contact-toggle-row {
    gap: 10px !important;
    margin-top: 5px !important;
    margin-bottom: 18px !important;
    padding: 6px 0 !important;
  }

  .neo-hide-phone-switch {
    width: 68px !important;
    min-width: 68px !important;
    height: 26px !important;
  }

  .neo-hide-phone-switch .toggle--btn {
    width: 68px !important;
    height: 26px !important;
    background-position: -45px 0 !important;
  }

  .neo-hide-phone-switch .toggle--btn::before {
    width: 29px !important;
    height: 26px !important;
  }

  .neo-hide-phone-switch .toggle--checkbox:checked + .toggle--btn::before {
    left: calc(100% - 29px) !important;
  }

  .neo-hide-phone-switch .toggle--feature {
    height: 26px !important;
    line-height: 26px !important;
    font-size: 9px !important;
  }

  :root[data-ui-theme="dark"] .neo-hide-phone-switch .toggle--btn {
    background-position: -45px 0 !important;
  }
}


/* =========================================================
   Phase 5.3-A1 - Admin operational shell
   ========================================================= */

.admin-order-hero-v2 {
  margin: 18px 0 14px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,252,0.82));
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.admin-order-hero-main h2 {
  margin: 4px 0 8px;
  font-size: 24px;
}

.admin-kicker {
  font-size: 12px;
  font-weight: 900;
  color: #0284c7;
  letter-spacing: -0.01em;
}

.admin-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: #64748b;
  font-size: 13px;
}

.admin-order-hero-status {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-order-hero-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-order-hero-grid > div {
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.admin-order-hero-grid span,
.admin-order-hero-grid small {
  display: block;
  color: #64748b;
  font-size: 12px;
}

.admin-order-hero-grid b {
  display: block;
  margin: 4px 0;
  font-size: 18px;
  color: #0f172a;
}

.admin-progress-v2 {
  margin: 12px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.admin-progress-step {
  position: relative;
  padding: 11px 10px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: #f8fafc;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-progress-step span {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e2e8f0;
  color: #475569;
  font-size: 12px;
  font-weight: 900;
}

.admin-progress-step b {
  font-size: 13px;
}

.admin-progress-step.done {
  background: rgba(14, 165, 233, 0.08);
  border-color: rgba(14, 165, 233, 0.22);
  color: #0369a1;
}

.admin-progress-step.done span {
  background: #0ea5e9;
  color: white;
}

.admin-progress-step.active {
  background: rgba(16, 185, 129, 0.10);
  border-color: rgba(16, 185, 129, 0.28);
  color: #047857;
  box-shadow: 0 10px 26px rgba(16, 185, 129, 0.08);
}

.admin-progress-step.active span {
  background: #10b981;
  color: white;
}

.admin-action-panel-v2 {
  margin: 12px 0 18px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: #ffffff;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
}

.admin-action-panel-v2 h3 {
  margin: 3px 0 6px;
  font-size: 18px;
}

.admin-action-panel-v2 p {
  margin: 0;
  color: #475569;
  line-height: 1.8;
}

.admin-action-panel-v2.ok {
  border-color: rgba(16, 185, 129, 0.26);
}

.admin-action-panel-v2.warning {
  border-color: rgba(245, 158, 11, 0.32);
}

.admin-action-panel-v2.danger {
  border-color: rgba(239, 68, 68, 0.30);
}

.admin-action-helper {
  margin-top: 8px;
  font-size: 12.5px;
  color: #64748b;
  font-weight: 700;
}

.admin-action-panel-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

@media (max-width: 760px) {
  .admin-order-hero-grid,
  .admin-progress-v2,
  .admin-action-panel-v2 {
    grid-template-columns: 1fr;
  }

  .admin-action-panel-buttons {
    justify-content: stretch;
  }

  .admin-action-panel-buttons .button-link {
    width: 100%;
    text-align: center;
  }
}

:root[data-ui-theme="dark"] .admin-order-hero-v2 {
  background:
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,0.92), rgba(15,23,42,0.76));
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-order-hero-grid > div,
:root[data-ui-theme="dark"] .admin-action-panel-v2 {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-order-hero-grid b,
:root[data-ui-theme="dark"] .admin-action-panel-v2 h3 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-progress-step {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(148, 163, 184, 0.16);
}


/* =========================================================
   Phase 5.3-A2 - Admin detail cleanup
   حذف حس تکرار و تمرکز روی workspace فعال
   ========================================================= */

.admin-order-hero-v2 + .admin-progress-v2 + .admin-action-panel-v2 {
  margin-bottom: 22px;
}

.admin-section-details {
  margin-top: 12px;
}

.admin-section-details summary {
  cursor: pointer;
  font-weight: 900;
}

.admin-section-details[open] {
  border-color: rgba(14, 165, 233, 0.20);
}

.admin-section-details#payment-section[open],
.admin-section-details#items-section[open],
.admin-section-details#publish-details-section[open],
.admin-section-details#refund-details-section[open] {
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055);
}

.admin-section-details#order-meta-section summary,
.admin-section-details#events-details-section summary {
  color: #64748b;
}

.admin-section-details#payment-section summary,
.admin-section-details#items-section summary,
.admin-section-details#publish-details-section summary {
  color: #0369a1;
}

:root[data-ui-theme="dark"] .admin-section-details#payment-section summary,
:root[data-ui-theme="dark"] .admin-section-details#items-section summary,
:root[data-ui-theme="dark"] .admin-section-details#publish-details-section summary {
  color: #38bdf8;
}


/* =========================================================
   Phase 5.3-A3 - State based admin detail UX
   صفحه جزئیات وضعیت‌محور: اقدام اصلی بالا، جزئیات تکمیلی پایین
   ========================================================= */

.admin-primary-task-v2 {
  margin: 18px 0 20px;
  border: 1px solid rgba(14, 165, 233, 0.22);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.90));
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07);
  overflow: hidden;
}

.admin-primary-task-head {
  padding: 18px 20px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 34%);
}

.admin-primary-task-head h3 {
  margin: 4px 0 6px;
  font-size: 21px;
  color: #0f172a;
}

.admin-primary-task-head p {
  margin: 0;
  color: #475569;
  line-height: 1.8;
}

.admin-primary-task-body {
  padding: 16px 18px 18px;
}

.admin-primary-task-body > hr:first-child,
.admin-primary-task-body > h4:first-child {
  display: none;
}

.admin-secondary-sections-v2 {
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px dashed rgba(148, 163, 184, 0.35);
}

.admin-secondary-title {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 900;
  color: #64748b;
}

.admin-secondary-sections-v2 .admin-section-details {
  box-shadow: none;
}

.admin-secondary-sections-v2 .admin-section-details summary {
  font-size: 14px;
}

.admin-secondary-sections-v2 .admin-section-details:not([open]) {
  opacity: 0.92;
}

@media (max-width: 760px) {
  .admin-primary-task-head {
    padding: 16px;
  }

  .admin-primary-task-body {
    padding: 14px;
  }

  .admin-primary-task-head h3 {
    font-size: 18px;
  }
}

:root[data-ui-theme="dark"] .admin-primary-task-v2 {
  background:
    linear-gradient(180deg, rgba(15,23,42,0.94), rgba(15,23,42,0.78));
  border-color: rgba(56, 189, 248, 0.18);
}

:root[data-ui-theme="dark"] .admin-primary-task-head {
  border-bottom-color: rgba(148, 163, 184, 0.14);
}

:root[data-ui-theme="dark"] .admin-primary-task-head h3 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-primary-task-head p {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-secondary-title {
  color: #94a3b8;
}


/* =========================================================
   Phase 5.3-B1 - Admin content actions UX
   فرم‌های خطرناک بررسی محتوا فقط هنگام نیاز باز شوند
   ========================================================= */

.admin-content-actions-v2 {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.admin-inline-action-form {
  margin: 0 !important;
}

.admin-inline-action-form button {
  width: 100%;
}

.admin-inline-decision {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 16px;
  background: rgba(248, 250, 252, 0.76);
  overflow: hidden;
}

.admin-inline-decision summary {
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 900;
  color: #334155;
  list-style: none;
}

.admin-inline-decision summary::-webkit-details-marker {
  display: none;
}

.admin-inline-decision summary::before {
  content: "＋";
  display: inline-block;
  margin-left: 8px;
  color: #0ea5e9;
  font-weight: 900;
}

.admin-inline-decision[open] summary::before {
  content: "−";
}

.admin-inline-decision form,
.admin-inline-decision .notice {
  margin: 0 14px 14px !important;
}

.admin-inline-decision.danger {
  border-color: rgba(239, 68, 68, 0.24);
  background: rgba(254, 242, 242, 0.66);
}

.admin-inline-decision.danger summary {
  color: #b91c1c;
}

.admin-inline-decision.danger summary::before {
  color: #ef4444;
}

@media (min-width: 760px) {
  .admin-content-actions-v2 {
    grid-template-columns: 1fr;
  }
}

:root[data-ui-theme="dark"] .admin-inline-decision {
  background: rgba(15, 23, 42, 0.58);
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-inline-decision summary {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-inline-decision.danger {
  background: rgba(127, 29, 29, 0.22);
  border-color: rgba(248, 113, 113, 0.22);
}

:root[data-ui-theme="dark"] .admin-inline-decision.danger summary {
  color: #fecaca;
}


/* =========================================================
   Phase 5.3-B2 - Content item card simplification
   کارت بررسی محتوا: اطلاعات مهم در دید اصلی، جزئیات فنی بسته
   ========================================================= */

.admin-content-item-card-v2 {
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.84));
}

.admin-content-item-head-v2 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: start;
  margin-bottom: 12px;
}

.admin-content-item-head-v2 h4 {
  margin: 0 0 8px;
  font-size: 18px;
}

.admin-content-item-badges-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-content-item-price-v2 {
  min-width: 130px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(14, 165, 233, 0.08);
  border: 1px solid rgba(14, 165, 233, 0.16);
  text-align: center;
}

.admin-content-item-price-v2 span,
.admin-content-item-price-v2 small {
  display: block;
  font-size: 11px;
  color: #64748b;
}

.admin-content-item-price-v2 b {
  display: block;
  margin: 3px 0;
  color: #0369a1;
  font-size: 17px;
}

.admin-content-visible-meta-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 14px;
}

.admin-content-visible-meta-v2 span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(241, 245, 249, 0.95);
  border: 1px solid rgba(148, 163, 184, 0.18);
  color: #475569;
  font-size: 12px;
}

.admin-content-main-v2 {
  margin-top: 12px;
}

.admin-content-main-v2 h4 {
  margin-top: 14px;
  margin-bottom: 8px;
  color: #0f172a;
}

.admin-content-main-v2 pre {
  margin-top: 0;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.035);
  border: 1px solid rgba(148, 163, 184, 0.16);
}

.admin-technical-details-v2 {
  margin-top: 14px;
  border: 1px dashed rgba(148, 163, 184, 0.35);
  border-radius: 16px;
  background: rgba(248, 250, 252, 0.62);
}

.admin-technical-details-v2 summary {
  cursor: pointer;
  padding: 11px 13px;
  font-size: 12.5px;
  font-weight: 900;
  color: #64748b;
  list-style: none;
}

.admin-technical-details-v2 summary::-webkit-details-marker {
  display: none;
}

.admin-technical-details-v2 summary::before {
  content: "＋";
  margin-left: 7px;
  color: #0ea5e9;
}

.admin-technical-details-v2[open] summary::before {
  content: "−";
}

.admin-technical-details-v2 .meta {
  padding: 0 13px 13px;
}

@media (max-width: 760px) {
  .admin-content-item-head-v2 {
    grid-template-columns: 1fr;
  }

  .admin-content-item-price-v2 {
    text-align: right;
  }
}

:root[data-ui-theme="dark"] .admin-content-item-card-v2 {
  background: rgba(15, 23, 42, 0.74);
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-content-item-price-v2 {
  background: rgba(56, 189, 248, 0.10);
  border-color: rgba(56, 189, 248, 0.16);
}

:root[data-ui-theme="dark"] .admin-content-item-price-v2 b,
:root[data-ui-theme="dark"] .admin-content-main-v2 h4 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-content-visible-meta-v2 span,
:root[data-ui-theme="dark"] .admin-technical-details-v2 {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(148, 163, 184, 0.18);
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-content-main-v2 pre {
  background: rgba(2, 6, 23, 0.36);
  border-color: rgba(148, 163, 184, 0.14);
}


/* =========================================================
   Phase 5.3 Clean-1 and Publish UX
   حذف متن اضافه، کاهش ابهام، تمیزکاری انتشار
   ========================================================= */

.admin-action-panel-v2 p,
.admin-primary-task-head p {
  max-width: 680px;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.admin-action-helper:empty {
  display: none !important;
}

.admin-primary-task-head {
  padding-bottom: 10px !important;
}

.admin-primary-task-head h3 {
  margin-bottom: 4px !important;
}

.admin-publish-preview-card {
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: rgba(255, 255, 255, 0.72);
}

.admin-publish-preview-card > .notice {
  margin-top: 12px;
}

.admin-final-publish-image {
  display: grid;
  gap: 10px;
}

.admin-final-publish-image img {
  width: 100%;
  max-height: 420px;
  object-fit: contain;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: #f8fafc;
}

.admin-tech-result-v2 {
  margin-top: 10px;
  border: 1px dashed rgba(148, 163, 184, 0.35);
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.68);
}

.admin-tech-result-v2 summary {
  cursor: pointer;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 900;
  color: #64748b;
  list-style: none;
}

.admin-tech-result-v2 summary::-webkit-details-marker {
  display: none;
}

.admin-tech-result-v2 summary::before {
  content: "＋";
  margin-left: 7px;
  color: #0ea5e9;
}

.admin-tech-result-v2[open] summary::before {
  content: "−";
}

.admin-tech-result-v2 pre {
  margin: 0 12px 12px !important;
  max-height: 240px;
  overflow: auto;
}

.admin-secondary-title {
  font-size: 12px !important;
  color: #64748b !important;
}

.admin-section-details summary {
  font-size: 13.5px !important;
}

:root[data-ui-theme="dark"] .admin-publish-preview-card {
  background: rgba(15, 23, 42, 0.70);
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-final-publish-image img {
  background: rgba(2, 6, 23, 0.34);
  border-color: rgba(148, 163, 184, 0.16);
}

:root[data-ui-theme="dark"] .admin-tech-result-v2 {
  background: rgba(15, 23, 42, 0.56);
  border-color: rgba(148, 163, 184, 0.18);
}


/* =========================================================
   Phase 5.3 FeatureFlags PaymentUX OrdersUX
   ساده‌سازی محصول، پرداخت، و لیست سفارش‌ها
   ========================================================= */

.admin-payment-actions-v2 {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.admin-payment-primary-v2 form {
  margin: 0 !important;
}

.admin-payment-primary-v2 button {
  width: 100%;
}

.admin-order-list-card-v2 {
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: rgba(255, 255, 255, 0.78);
}

.admin-order-list-top-v2 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: start;
}

.admin-order-list-badges-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.admin-order-list-card-v2 h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

.admin-order-list-meta-v2,
.admin-order-list-bottom-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: #475569;
  font-size: 13px;
}

.admin-order-list-action-v2 {
  min-width: 150px;
}

.admin-order-list-action-v2 .button-link,
.admin-order-list-action-v2 form button {
  width: 100%;
  text-align: center;
}

.admin-order-list-event-v2 {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(241, 245, 249, 0.80);
  color: #475569;
  font-size: 12.5px;
  line-height: 1.75;
}

.admin-order-list-links-v2 {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 760px) {
  .admin-order-list-top-v2 {
    grid-template-columns: 1fr;
  }

  .admin-order-list-action-v2 {
    min-width: 0;
  }

  .admin-order-list-links-v2 {
    justify-content: stretch;
  }

  .admin-order-list-links-v2 .button-link {
    width: 100%;
    text-align: center;
  }
}

:root[data-ui-theme="dark"] .admin-order-list-card-v2 {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-order-list-event-v2 {
  background: rgba(15, 23, 42, 0.56);
  color: #cbd5e1;
}


/* =========================================================
   Phase 5.3 DashboardUX and FinalPolish
   داشبورد به‌عنوان صف عملیات + تمیزکاری نهایی ادمین
   ========================================================= */

.admin-dashboard-hero-v2 {
  margin: 18px 0 16px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.88));
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
}

.admin-dashboard-hero-v2 h1 {
  margin: 4px 0 6px;
}

.admin-dashboard-hero-v2 p {
  margin: 0;
  color: #64748b;
  font-size: 13px;
}

.admin-dashboard-hero-actions-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.admin-dashboard-summary-v2 {
  margin: 12px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-dashboard-summary-v2 > div {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255,255,255,0.78);
}

.admin-dashboard-summary-v2 span {
  display: block;
  color: #64748b;
  font-size: 12px;
}

.admin-dashboard-summary-v2 b {
  display: block;
  margin-top: 5px;
  font-size: 22px;
  color: #0f172a;
}

.admin-dashboard-filters-v2 {
  margin-top: 12px;
}

.admin-dashboard-queue-v2 {
  margin-top: 20px;
}

.admin-dashboard-section-head-v2 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

.admin-dashboard-section-head-v2 h2 {
  margin: 0 0 4px;
}

.admin-dashboard-section-head-v2 p {
  margin: 0;
  color: #64748b;
  font-size: 13px;
}

.admin-dashboard-queue-row-v2 {
  margin-top: 10px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: rgba(255,255,255,0.78);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: start;
}

.admin-dashboard-stage-v2 {
  display: inline-flex;
  margin-bottom: 7px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.10);
  color: #0369a1;
  font-size: 12px;
  font-weight: 900;
}

.admin-dashboard-queue-row-v2 h3 {
  margin: 0 0 8px;
  font-size: 17px;
}

.admin-dashboard-queue-meta-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  color: #475569;
  font-size: 13px;
}

.admin-dashboard-queue-event-v2 {
  margin-top: 10px;
  padding: 9px 11px;
  border-radius: 14px;
  background: rgba(241, 245, 249, 0.82);
  color: #475569;
  font-size: 12.5px;
  line-height: 1.7;
}

.admin-dashboard-queue-action-v2 {
  min-width: 150px;
  display: grid;
  gap: 8px;
}

.admin-dashboard-queue-action-v2 .button-link,
.admin-dashboard-queue-action-v2 form button {
  width: 100%;
  text-align: center;
}

.admin-dashboard-empty-v2 {
  padding: 18px;
  border-radius: 20px;
  border: 1px dashed rgba(148, 163, 184, 0.36);
  background: rgba(248,250,252,0.70);
  display: grid;
  gap: 4px;
}

.admin-dashboard-empty-v2 b {
  color: #0f172a;
}

.admin-dashboard-empty-v2 span {
  color: #64748b;
  font-size: 13px;
}

.admin-dashboard-secondary-v2 {
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px dashed rgba(148, 163, 184, 0.32);
}

.admin-dashboard-secondary-v2 h2 {
  margin: 0 0 10px;
  font-size: 16px;
}

.admin-dashboard-links-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-dashboard-links-v2 a {
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(241, 245, 249, 0.88);
  border: 1px solid rgba(148, 163, 184, 0.18);
  text-decoration: none;
  color: #334155;
  font-size: 13px;
  font-weight: 800;
}

.admin-section-details,
.admin-primary-task-v2,
.admin-order-hero-v2,
.admin-action-panel-v2,
.admin-content-item-card-v2,
.admin-order-list-card-v2,
.admin-publish-preview-card {
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.admin-section-details:hover,
.admin-content-item-card-v2:hover,
.admin-order-list-card-v2:hover,
.admin-dashboard-queue-row-v2:hover {
  border-color: rgba(14, 165, 233, 0.26);
}

.admin-primary-task-head p,
.admin-action-panel-v2 p,
.admin-dashboard-hero-v2 p,
.admin-dashboard-section-head-v2 p {
  max-width: 720px;
}

pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.meta {
  line-height: 1.9;
}

@media (max-width: 760px) {
  .admin-dashboard-hero-v2,
  .admin-dashboard-section-head-v2,
  .admin-dashboard-queue-row-v2 {
    grid-template-columns: 1fr;
  }

  .admin-dashboard-summary-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-dashboard-hero-actions-v2,
  .admin-dashboard-queue-action-v2 {
    justify-content: stretch;
  }

  .admin-dashboard-hero-actions-v2 .button-link,
  .admin-dashboard-queue-action-v2 .button-link {
    width: 100%;
    text-align: center;
  }
}

:root[data-ui-theme="dark"] .admin-dashboard-hero-v2 {
  background:
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,0.94), rgba(15,23,42,0.78));
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-dashboard-summary-v2 > div,
:root[data-ui-theme="dark"] .admin-dashboard-queue-row-v2,
:root[data-ui-theme="dark"] .admin-dashboard-empty-v2 {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-dashboard-summary-v2 b,
:root[data-ui-theme="dark"] .admin-dashboard-empty-v2 b {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-dashboard-queue-event-v2,
:root[data-ui-theme="dark"] .admin-dashboard-links-v2 a {
  background: rgba(15, 23, 42, 0.58);
  border-color: rgba(148, 163, 184, 0.16);
  color: #cbd5e1;
}


/* =========================================================
   Phase 5.3 - Restore tiles and payment overview tools
   کاشی‌های سفارش + ابزار امن تصمیم پرداخت
   ========================================================= */

.admin-orders-status-hub-v5 {
  margin: 16px 0 18px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.86));
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.045);
}

.admin-orders-status-head-v2 {
  margin-bottom: 8px;
}

.admin-orders-status-head-v2 h2 {
  margin: 0 0 3px;
  font-size: 15px;
}

.admin-orders-status-head-v2 p {
  margin: 0;
  color: #64748b;
  font-size: 11.5px;
}

.admin-orders-status-columns-v5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "action action"
    "customer overview";
  gap: 9px;
}

.admin-orders-status-columns-v5 .is-action-group {
  grid-area: action;
}

.admin-orders-status-columns-v5 .is-customer-group {
  grid-area: customer;
}

.admin-orders-status-columns-v5 .is-overview-group {
  grid-area: overview;
}

.admin-orders-status-group-v3 {
  padding: 8px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(248, 250, 252, 0.55);
}

.admin-orders-status-group-v3 h3 {
  margin: 0 0 6px;
  font-size: 11.5px;
  line-height: 1.4;
}

.admin-orders-status-grid-v2 {
  display: grid;
  gap: 6px;
}

.is-action-group .admin-orders-status-grid-v2 {
  grid-template-columns: repeat(5, minmax(74px, 1fr));
}

.is-customer-group .admin-orders-status-grid-v2,
.is-overview-group .admin-orders-status-grid-v2 {
  grid-template-columns: repeat(2, minmax(74px, 1fr));
}

.admin-orders-status-card-v2 {
  min-height: 62px;
  padding: 6px;
  border-radius: 12px;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  text-decoration: none;
  color: #0f172a;
  background: rgba(255,255,255,0.74);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.admin-orders-status-card-v2 span {
  font-size: 10.8px;
  font-weight: 900;
  line-height: 1.25;
}

.admin-orders-status-card-v2 b {
  margin: 3px 0 0;
  font-size: 18px;
  line-height: 1;
  color: #64748b;
}

.admin-orders-status-card-v2 small {
  display: none;
}

.admin-orders-status-card-v2.is-zero {
  opacity: 0.78;
}

.admin-orders-status-card-v2.is-zero b {
  color: #94a3b8 !important;
}

.is-action-group,
.is-customer-group {
  border-color: rgba(14, 165, 233, 0.20);
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.065), rgba(255,255,255,0.62));
}

.is-action-group h3,
.is-customer-group h3 {
  color: #0369a1;
}

.is-action-group .admin-orders-status-card-v2.has-count b,
.is-customer-group .admin-orders-status-card-v2.has-count b {
  color: #dc2626 !important;
}

.is-overview-group {
  border-color: rgba(99, 102, 241, 0.22);
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.09), rgba(255,255,255,0.62));
}

.is-overview-group h3,
.is-overview-group .admin-orders-status-card-v2.has-count b {
  color: #4f46e5 !important;
}

.admin-orders-status-card-v2.active {
  box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.10);
}

/* Order overview */
.admin-order-overview-v4 {
  margin: 16px 0 16px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,250,252,0.88));
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
}

.admin-order-overview-head-v4,
.admin-order-overview-bottom-v4,
.admin-order-overview-action-v4 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

.admin-order-overview-head-v4 h2 {
  margin: 3px 0 0;
  font-size: 22px;
}

.admin-order-overview-stage-v4 {
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.10);
  border: 1px solid rgba(14, 165, 233, 0.20);
  color: #0369a1;
  font-size: 12px;
  font-weight: 900;
}

.admin-order-overview-meta-v4 {
  margin-top: 11px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 14px;
  color: #475569;
  font-size: 13px;
}

.admin-order-overview-meta-v4 b {
  color: #0f172a;
}

.admin-order-progress-v4 {
  margin: 16px 0 12px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.admin-order-step-v4 {
  padding: 10px 8px;
  border-radius: 16px;
  background: rgba(241, 245, 249, 0.88);
  border: 1px solid rgba(148, 163, 184, 0.20);
  color: #64748b;
  text-align: center;
}

.admin-order-step-v4 span {
  width: 24px;
  height: 24px;
  margin: 0 auto 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e2e8f0;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.admin-order-step-v4 b {
  display: block;
  font-size: 12px;
}

.admin-order-step-v4.is-done {
  background: rgba(14, 165, 233, 0.08);
  border-color: rgba(14, 165, 233, 0.22);
  color: #0369a1;
}

.admin-order-step-v4.is-done span {
  background: #0ea5e9;
  color: #fff;
}

.admin-order-step-v4.is-current {
  background: rgba(16, 185, 129, 0.11);
  border-color: rgba(16, 185, 129, 0.30);
  color: #047857;
}

.admin-order-step-v4.is-current span {
  background: #10b981;
  color: #fff;
}

.admin-order-overview-badges-v4 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-order-overview-action-v4 {
  min-width: 330px;
  padding: 10px;
  border-radius: 17px;
  background: rgba(255,255,255,0.70);
  border: 1px solid rgba(148, 163, 184, 0.17);
}

.admin-order-overview-action-v4 span {
  display: block;
  font-size: 11px;
  color: #64748b;
  font-weight: 900;
}

.admin-order-overview-action-v4 b {
  display: block;
  margin-top: 2px;
  color: #0f172a;
  font-size: 14px;
}

.admin-order-overview-action-v4 small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11.5px;
}

.admin-overview-decision-tools-v5 {
  margin-top: 12px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.70);
}

.admin-overview-decision-title-v5 {
  margin-bottom: 9px;
  font-size: 12px;
  font-weight: 900;
  color: #0369a1;
}

.admin-overview-decision-grid-v5 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}

.admin-overview-direct-form-v5 {
  margin: 0 !important;
}

.admin-overview-direct-form-v5 button {
  width: 100%;
}

.admin-overview-decision-detail-v5 {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.72);
  overflow: hidden;
}

.admin-overview-decision-detail-v5 summary {
  cursor: pointer;
  padding: 10px 11px;
  font-size: 12px;
  font-weight: 900;
  color: #334155;
  list-style: none;
  text-align: center;
}

.admin-overview-decision-detail-v5 summary::-webkit-details-marker {
  display: none;
}

.admin-overview-decision-detail-v5 form {
  margin: 0 !important;
  padding: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.admin-overview-decision-detail-v5.danger {
  border-color: rgba(239, 68, 68, 0.22);
  background: rgba(254, 242, 242, 0.58);
}

.admin-overview-decision-detail-v5.danger summary {
  color: #b91c1c;
}

.admin-order-hero-v2,
.admin-progress-v2,
.admin-action-panel-v2 {
  display: none !important;
}

@media (max-width: 820px) {
  .admin-orders-status-columns-v5 {
    grid-template-columns: 1fr;
    grid-template-areas:
      "action"
      "customer"
      "overview";
  }

  .is-action-group .admin-orders-status-grid-v2,
  .is-customer-group .admin-orders-status-grid-v2,
  .is-overview-group .admin-orders-status-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-order-overview-head-v4,
  .admin-order-overview-bottom-v4,
  .admin-order-overview-action-v4,
  .admin-overview-decision-grid-v5 {
    grid-template-columns: 1fr;
  }

  .admin-order-overview-action-v4 {
    min-width: 0;
  }
}


/* =========================================================
   Phase 5.3 - Admin order step wizard
   صفحه سفارش به صورت مرحله‌ای برای ادمین
   ========================================================= */

.admin-order-wizard-v6 {
  margin: 12px 0 16px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}

.admin-order-wizard-head-v6 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.admin-order-wizard-head-v6 h3 {
  margin: 0 0 4px;
  font-size: 16px;
  color: #0f172a;
}

.admin-order-wizard-head-v6 p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
}

.admin-order-wizard-nav-v6 {
  display: flex;
  gap: 7px;
}

.admin-order-wizard-nav-v6 button {
  padding: 8px 11px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: #fff;
  color: #334155;
  font-weight: 900;
  cursor: pointer;
}

.admin-order-wizard-nav-v6 button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.admin-order-wizard-steps-v6 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.admin-order-wizard-step-v6 {
  position: relative;
  padding: 10px 8px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: rgba(248, 250, 252, 0.88);
  color: #64748b;
  text-align: center;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.admin-order-wizard-step-v6:hover {
  transform: translateY(-1px);
  border-color: rgba(14, 165, 233, 0.30);
}

.admin-order-wizard-step-v6 span {
  width: 24px;
  height: 24px;
  margin: 0 auto 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #e2e8f0;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.admin-order-wizard-step-v6 b {
  display: block;
  font-size: 12px;
}

.admin-order-wizard-step-v6 small {
  display: block;
  margin-top: 3px;
  font-size: 10.5px;
  line-height: 1.35;
  color: #64748b;
}

.admin-order-wizard-step-v6.is-done {
  background: rgba(14, 165, 233, 0.08);
  border-color: rgba(14, 165, 233, 0.22);
  color: #0369a1;
}

.admin-order-wizard-step-v6.is-done span {
  background: #0ea5e9;
  color: #fff;
}

.admin-order-wizard-step-v6.is-current {
  background: rgba(16, 185, 129, 0.11);
  border-color: rgba(16, 185, 129, 0.30);
  color: #047857;
  box-shadow: 0 10px 25px rgba(16, 185, 129, 0.08);
}

.admin-order-wizard-step-v6.is-current span {
  background: #10b981;
  color: #fff;
}

.admin-order-slide-hidden-v6 {
  display: none !important;
}

.admin-order-slide-active-v6 {
  display: block !important;
}

.admin-primary-task-v2.admin-order-slide-hidden-v6,
.admin-section-details.admin-order-slide-hidden-v6 {
  display: none !important;
}

.admin-section-details.admin-order-slide-active-v6 {
  display: block !important;
}

.admin-section-details.admin-order-slide-active-v6[open] {
  border-color: rgba(14, 165, 233, 0.28);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055);
}

@media (max-width: 760px) {
  .admin-order-wizard-head-v6 {
    grid-template-columns: 1fr;
  }

  .admin-order-wizard-nav-v6 {
    width: 100%;
  }

  .admin-order-wizard-nav-v6 button {
    flex: 1;
  }

  .admin-order-wizard-steps-v6 {
    grid-template-columns: repeat(4, minmax(72px, 1fr));
    overflow-x: auto;
    padding-bottom: 3px;
  }

  .admin-order-wizard-step-v6 {
    min-width: 72px;
  }

  .admin-order-wizard-step-v6 small {
    display: none;
  }
}

:root[data-ui-theme="dark"] .admin-order-wizard-v6 {
  background: rgba(15, 23, 42, 0.74);
  border-color: rgba(148, 163, 184, 0.16);
}

:root[data-ui-theme="dark"] .admin-order-wizard-head-v6 h3 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-order-wizard-head-v6 p,
:root[data-ui-theme="dark"] .admin-order-wizard-step-v6 small {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-order-wizard-nav-v6 button,
:root[data-ui-theme="dark"] .admin-order-wizard-step-v6 {
  background: rgba(15, 23, 42, 0.58);
  border-color: rgba(148, 163, 184, 0.16);
}


/* =========================================================
   Phase 5.3 - Foundation cleanup visibility guard
   فرم‌ها و بخش‌های عملیاتی ادمین نباید با wizard مخفی شوند
   ========================================================= */

#payment-section,
#items-section,
#publish-details-section,
#refund-details-section,
#events-details-section,
#order-meta-section,
.admin-primary-task-v2 {
  display: block;
}

#payment-section.admin-order-slide-hidden-v6,
#items-section.admin-order-slide-hidden-v6,
#publish-details-section.admin-order-slide-hidden-v6,
#refund-details-section.admin-order-slide-hidden-v6,
#events-details-section.admin-order-slide-hidden-v6,
#order-meta-section.admin-order-slide-hidden-v6,
.admin-primary-task-v2.admin-order-slide-hidden-v6 {
  display: block !important;
}


/* =========================================================
   Phase 5.3 - OrderWorkflow-A Payment step safe
   فقط ظاهر مرحله پرداخت؛ بدون تغییر endpoint و payload
   ========================================================= */

.admin-workflow-step-v1 {
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
}

.admin-workflow-step-head-v1 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
}

.admin-workflow-step-head-v1 h3 {
  margin: 3px 0 5px;
  font-size: 18px;
  color: #0f172a;
}

.admin-workflow-step-head-v1 p {
  margin: 0;
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.7;
}

.admin-workflow-payment-grid-v1 {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 12px;
  align-items: start;
}

.admin-workflow-info-card-v1 {
  padding: 12px;
  border-radius: 17px;
  border: 1px solid rgba(148, 163, 184, 0.17);
  background: rgba(248, 250, 252, 0.72);
}

.admin-workflow-info-card-v1 h4 {
  margin: 0 0 9px;
  font-size: 14px;
  color: #0f172a;
}

.admin-workflow-info-card-v1 .notice {
  margin: 0;
  box-shadow: none;
}

.admin-workflow-decision-v1 {
  margin-top: 12px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(14, 165, 233, 0.18);
  background: rgba(14, 165, 233, 0.055);
}

.admin-workflow-decision-head-v1 h4 {
  margin: 0 0 10px;
  font-size: 15px;
  color: #0369a1;
}

.admin-workflow-decision-v1 .admin-payment-actions-v2 {
  margin: 0;
}

.admin-workflow-decision-v1 .admin-payment-primary-v2 form {
  margin: 0;
}

.admin-workflow-decision-v1 .admin-payment-primary-v2 button {
  width: 100%;
}

.admin-workflow-decision-v1 .admin-inline-decision {
  margin-top: 8px;
  border-radius: 14px;
  overflow: hidden;
}

@media (min-width: 820px) {
  .admin-workflow-decision-v1 .admin-payment-actions-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    align-items: start;
  }

  .admin-workflow-decision-v1 .admin-inline-decision {
    margin-top: 0;
  }
}

@media (max-width: 820px) {
  .admin-workflow-step-head-v1,
  .admin-workflow-payment-grid-v1 {
    grid-template-columns: 1fr;
  }
}

:root[data-ui-theme="dark"] .admin-workflow-step-v1 {
  background: rgba(15, 23, 42, 0.74);
  border-color: rgba(148, 163, 184, 0.16);
}

:root[data-ui-theme="dark"] .admin-workflow-step-head-v1 h3,
:root[data-ui-theme="dark"] .admin-workflow-info-card-v1 h4 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-workflow-step-head-v1 p {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-workflow-info-card-v1 {
  background: rgba(15, 23, 42, 0.52);
  border-color: rgba(148, 163, 184, 0.14);
}

:root[data-ui-theme="dark"] .admin-workflow-decision-v1 {
  background: rgba(56, 189, 248, 0.07);
  border-color: rgba(56, 189, 248, 0.16);
}


/* =========================================================
   Phase 5.3 - OrderWorkflow-A2 Payment polish
   پولیش امن مرحله پرداخت؛ فقط ظاهر، بدون تغییر فرم و endpoint
   ========================================================= */

.admin-workflow-payment-v1 {
  position: relative;
  overflow: hidden;
}

.admin-workflow-payment-v1::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(14,165,233,0.95), rgba(16,185,129,0.80));
  opacity: 0.85;
}

.admin-workflow-payment-v1 .admin-workflow-step-head-v1 {
  padding-top: 4px;
}

.admin-workflow-payment-v1 .status {
  align-self: start;
  white-space: nowrap;
}

/* کارت‌های اطلاعات پرداخت و رسید */
.admin-workflow-payment-v1 .admin-workflow-info-card-v1 {
  min-height: 100%;
}

.admin-workflow-payment-v1 .admin-workflow-info-card-v1 h4 {
  display: flex;
  align-items: center;
  gap: 7px;
}

.admin-workflow-payment-v1 .admin-workflow-info-card-v1 h4::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.85);
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.10);
}

/* حذف حس شلوغی noticeهای داخلی */
.admin-workflow-payment-v1 .admin-workflow-info-card-v1 .notice {
  padding: 10px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.62) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

/* بخش تصمیم پرداخت */
.admin-workflow-payment-v1 .admin-workflow-decision-v1 {
  position: relative;
}

.admin-workflow-payment-v1 .admin-workflow-decision-head-v1 h4 {
  display: flex;
  align-items: center;
  gap: 7px;
}

.admin-workflow-payment-v1 .admin-workflow-decision-head-v1 h4::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.12);
}

/* فرم‌های تصمیم پرداخت موجود؛ فقط چیدمان و ظاهر */
.admin-workflow-payment-v1 .admin-payment-actions-v2 {
  gap: 9px !important;
}

.admin-workflow-payment-v1 .admin-payment-primary-v2 {
  height: 100%;
}

.admin-workflow-payment-v1 .admin-payment-primary-v2 form {
  height: 100%;
}

.admin-workflow-payment-v1 .admin-payment-primary-v2 button {
  min-height: 46px;
  border-radius: 14px;
  font-weight: 900;
}

.admin-workflow-payment-v1 .admin-inline-decision {
  border: 1px solid rgba(148, 163, 184, 0.20);
  background: rgba(255,255,255,0.74);
  box-shadow: none;
}

.admin-workflow-payment-v1 .admin-inline-decision summary {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 10px;
  font-weight: 900;
  color: #334155;
}

.admin-workflow-payment-v1 .admin-inline-decision[open] {
  grid-column: span 1;
  border-color: rgba(14, 165, 233, 0.28);
  background: rgba(255,255,255,0.90);
}

.admin-workflow-payment-v1 .admin-inline-decision form {
  padding: 10px;
}

.admin-workflow-payment-v1 .admin-inline-decision label {
  margin-top: 8px;
  font-size: 12px;
  color: #475569;
}

.admin-workflow-payment-v1 .admin-inline-decision input {
  min-height: 40px;
}

.admin-workflow-payment-v1 .admin-inline-decision.danger {
  border-color: rgba(239, 68, 68, 0.22);
  background: rgba(254, 242, 242, 0.62);
}

.admin-workflow-payment-v1 .admin-inline-decision.danger summary {
  color: #b91c1c;
}

/* وقتی عملیات پرداخت فعال نیست */
.admin-workflow-payment-v1 .admin-workflow-decision-v1 .empty {
  margin: 0;
  padding: 12px;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.72);
  color: #64748b;
}

/* موبایل */
@media (max-width: 820px) {
  .admin-workflow-payment-v1 .admin-payment-primary-v2 button,
  .admin-workflow-payment-v1 .admin-inline-decision summary {
    min-height: 44px;
  }

  .admin-workflow-payment-v1 .admin-inline-decision[open] {
    grid-column: auto;
  }
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-workflow-payment-v1 .admin-workflow-info-card-v1 .notice {
  background: rgba(15, 23, 42, 0.48) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

:root[data-ui-theme="dark"] .admin-workflow-payment-v1 .admin-inline-decision {
  background: rgba(15, 23, 42, 0.52);
  border-color: rgba(148, 163, 184, 0.16);
}

:root[data-ui-theme="dark"] .admin-workflow-payment-v1 .admin-inline-decision summary {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-workflow-payment-v1 .admin-inline-decision[open] {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(56, 189, 248, 0.22);
}

:root[data-ui-theme="dark"] .admin-workflow-payment-v1 .admin-inline-decision label {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-workflow-payment-v1 .admin-inline-decision.danger {
  background: rgba(127, 29, 29, 0.18);
  border-color: rgba(248, 113, 113, 0.20);
}

:root[data-ui-theme="dark"] .admin-workflow-payment-v1 .admin-inline-decision.danger summary {
  color: #fecaca;
}


/* =========================================================
   Phase 5.3 - OrderWorkflow-B Content polish
   مرحله محتوا و تصاویر؛ فقط ظاهر، بدون تغییر فرم و endpoint
   ========================================================= */

.admin-workflow-content-v1 {
  position: relative;
  overflow: hidden;
}

.admin-workflow-content-v1::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, rgba(99,102,241,0.95), rgba(14,165,233,0.85));
  opacity: 0.85;
}

.admin-workflow-content-v1 .admin-workflow-step-head-v1 {
  padding-top: 4px;
}

.admin-workflow-content-v1 .status {
  align-self: start;
  white-space: nowrap;
}

.admin-workflow-content-list-v1 {
  display: grid;
  gap: 12px;
}

/* کارت‌های آیتم محتوا داخل همین مرحله */
.admin-workflow-content-v1 .admin-channel-item-card,
.admin-workflow-content-v1 .admin-content-item-card,
.admin-workflow-content-v1 .admin-order-item-card,
.admin-workflow-content-v1 .item {
  border-radius: 18px !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  background: rgba(248, 250, 252, 0.72) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.035);
}

/* اگر channel_items_block از .item استفاده کرده باشد، فرم‌های تصمیم داخلش تمیزتر شوند */
.admin-workflow-content-v1 .item h3,
.admin-workflow-content-v1 .item h4 {
  color: #0f172a;
}

.admin-workflow-content-v1 .item .meta {
  color: #64748b;
  line-height: 1.75;
}

.admin-workflow-content-v1 .item pre {
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(255, 255, 255, 0.72);
  padding: 10px;
  line-height: 1.8;
  white-space: pre-wrap;
}

/* دکمه‌ها و فرم‌های تصمیم محتوا */
.admin-workflow-content-v1 form {
  margin-top: 10px;
}

.admin-workflow-content-v1 form button,
.admin-workflow-content-v1 .button-link {
  border-radius: 13px;
  font-weight: 900;
}

.admin-workflow-content-v1 details {
  border-radius: 14px;
  border-color: rgba(148, 163, 184, 0.20);
  background: rgba(255, 255, 255, 0.68);
  overflow: hidden;
}

.admin-workflow-content-v1 details summary {
  cursor: pointer;
  padding: 10px 12px;
  font-weight: 900;
  color: #334155;
  list-style: none;
}

.admin-workflow-content-v1 details summary::-webkit-details-marker {
  display: none;
}

.admin-workflow-content-v1 details[open] {
  border-color: rgba(99, 102, 241, 0.25);
  background: rgba(255, 255, 255, 0.88);
}

.admin-workflow-content-v1 details form {
  padding: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
}

/* تصاویر داخل مرحله محتوا */
.admin-workflow-content-v1 img {
  border-radius: 14px;
}

.admin-workflow-content-v1 .admin-final-publish-image,
.admin-workflow-content-v1 .admin-image-gallery,
.admin-workflow-content-v1 .ad-image-gallery {
  border-radius: 16px;
}

/* حالت خالی */
.admin-workflow-content-v1 .empty {
  margin: 0;
  padding: 12px;
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.72);
  color: #64748b;
}

/* موبایل */
@media (max-width: 820px) {
  .admin-workflow-content-v1 .item {
    padding: 11px !important;
  }

  .admin-workflow-content-v1 form button,
  .admin-workflow-content-v1 .button-link {
    width: 100%;
    text-align: center;
  }
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-workflow-content-v1 .admin-channel-item-card,
:root[data-ui-theme="dark"] .admin-workflow-content-v1 .admin-content-item-card,
:root[data-ui-theme="dark"] .admin-workflow-content-v1 .admin-order-item-card,
:root[data-ui-theme="dark"] .admin-workflow-content-v1 .item {
  background: rgba(15, 23, 42, 0.52) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

:root[data-ui-theme="dark"] .admin-workflow-content-v1 .item h3,
:root[data-ui-theme="dark"] .admin-workflow-content-v1 .item h4 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-workflow-content-v1 .item .meta,
:root[data-ui-theme="dark"] .admin-workflow-content-v1 .empty {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-workflow-content-v1 .item pre,
:root[data-ui-theme="dark"] .admin-workflow-content-v1 details {
  background: rgba(15, 23, 42, 0.48);
  border-color: rgba(148, 163, 184, 0.14);
}

:root[data-ui-theme="dark"] .admin-workflow-content-v1 details summary {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-workflow-content-v1 details[open] {
  background: rgba(15, 23, 42, 0.70);
  border-color: rgba(129, 140, 248, 0.22);
}


/* =========================================================
   Phase 5.3 - Payment command center
   بررسی پرداخت به شکل میز تصمیم مالی
   ========================================================= */

.admin-payment-command-v2 {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.88));
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
}

.admin-payment-command-v2::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, #0ea5e9, #10b981);
}

.admin-payment-command-hero-v2 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: start;
  padding-top: 5px;
}

.admin-payment-command-hero-v2 h3 {
  margin: 4px 0 5px;
  font-size: 22px;
  color: #0f172a;
}

.admin-payment-command-hero-v2 p {
  margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.8;
}

.admin-payment-command-status-v2 {
  display: flex;
  justify-content: flex-end;
}

.admin-payment-command-status-v2 .status {
  white-space: nowrap;
}

.admin-payment-command-summary-v2 {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.admin-payment-command-summary-v2 > div {
  min-height: 68px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(14, 165, 233, 0.14);
  background: rgba(255,255,255,0.70);
  display: grid;
  align-content: center;
}

.admin-payment-command-summary-v2 span {
  display: block;
  margin-bottom: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}

.admin-payment-command-summary-v2 b {
  color: #0f172a;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.admin-payment-command-grid-v2 {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 12px;
  align-items: stretch;
}

.admin-payment-command-card-v2 {
  padding: 13px;
  border-radius: 19px;
  border: 1px solid rgba(148, 163, 184, 0.17);
  background: rgba(248, 250, 252, 0.76);
}

.admin-payment-command-card-head-v2 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 10px;
}

.admin-payment-command-card-head-v2 h4 {
  margin: 0;
  color: #0f172a;
  font-size: 15px;
}

.admin-payment-command-card-head-v2 span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.admin-payment-command-card-v2 .notice {
  margin: 0 !important;
  padding: 11px !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,0.70) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  box-shadow: none !important;
}

.admin-payment-decision-panel-v2 {
  margin-top: 12px;
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(16, 185, 129, 0.20);
  background: linear-gradient(180deg, rgba(16,185,129,0.075), rgba(255,255,255,0.72));
}

.admin-payment-decision-head-v2 {
  margin-bottom: 10px;
}

.admin-payment-decision-head-v2 h4 {
  margin: 0 0 4px;
  color: #047857;
  font-size: 16px;
}

.admin-payment-decision-head-v2 p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.7;
}

/* فرم‌های موجود پرداخت؛ فقط ظاهر و چیدمان، بدون تغییر payload */
.admin-payment-decision-panel-v2 .admin-payment-actions-v2 {
  margin: 0 !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  align-items: start;
}

.admin-payment-decision-panel-v2 .admin-payment-primary-v2,
.admin-payment-decision-panel-v2 .admin-payment-primary-v2 form {
  height: 100%;
  margin: 0 !important;
}

.admin-payment-decision-panel-v2 .admin-payment-primary-v2 button {
  width: 100%;
  min-height: 50px;
  border-radius: 15px;
  font-weight: 950;
  box-shadow: 0 10px 22px rgba(16, 185, 129, 0.16);
}

.admin-payment-decision-panel-v2 .admin-inline-decision {
  margin: 0 !important;
  border-radius: 15px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(255,255,255,0.78);
  overflow: hidden;
  box-shadow: none;
}

.admin-payment-decision-panel-v2 .admin-inline-decision summary {
  min-height: 50px;
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  list-style: none;
  font-size: 12px;
  font-weight: 950;
  color: #334155;
}

.admin-payment-decision-panel-v2 .admin-inline-decision summary::-webkit-details-marker {
  display: none;
}

.admin-payment-decision-panel-v2 .admin-inline-decision[open] {
  background: rgba(255,255,255,0.94);
  border-color: rgba(14, 165, 233, 0.30);
}

.admin-payment-decision-panel-v2 .admin-inline-decision form {
  margin: 0 !important;
  padding: 11px;
  border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.admin-payment-decision-panel-v2 .admin-inline-decision label {
  margin-top: 8px;
  color: #475569;
  font-size: 12px;
}

.admin-payment-decision-panel-v2 .admin-inline-decision input {
  min-height: 40px;
}

.admin-payment-decision-panel-v2 .admin-inline-decision.danger {
  border-color: rgba(239, 68, 68, 0.25);
  background: rgba(254, 242, 242, 0.68);
}

.admin-payment-decision-panel-v2 .admin-inline-decision.danger summary {
  color: #b91c1c;
}

.admin-payment-decision-panel-v2 .empty {
  margin: 0;
  padding: 12px;
  border-radius: 15px;
  background: rgba(248, 250, 252, 0.78);
  color: #64748b;
}

/* حذف شلوغی احتمالی wrapperهای قبلی وقتی داخل command center هستند */
.admin-payment-command-v2 .admin-workflow-step-v1,
.admin-payment-command-v2 .admin-workflow-payment-v1 {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  .admin-payment-command-summary-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-payment-command-grid-v2,
  .admin-payment-decision-panel-v2 .admin-payment-actions-v2 {
    grid-template-columns: 1fr;
  }

  .admin-payment-command-hero-v2 {
    grid-template-columns: 1fr;
  }

  .admin-payment-command-status-v2 {
    justify-content: flex-start;
  }
}

:root[data-ui-theme="dark"] .admin-payment-command-v2 {
  background:
    radial-gradient(circle at top right, rgba(56,189,248,0.13), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,0.94), rgba(15,23,42,0.78));
  border-color: rgba(148, 163, 184, 0.16);
}

:root[data-ui-theme="dark"] .admin-payment-command-hero-v2 h3,
:root[data-ui-theme="dark"] .admin-payment-command-summary-v2 b,
:root[data-ui-theme="dark"] .admin-payment-command-card-head-v2 h4 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-payment-command-hero-v2 p,
:root[data-ui-theme="dark"] .admin-payment-command-summary-v2 span,
:root[data-ui-theme="dark"] .admin-payment-command-card-head-v2 span,
:root[data-ui-theme="dark"] .admin-payment-decision-head-v2 p {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-payment-command-summary-v2 > div,
:root[data-ui-theme="dark"] .admin-payment-command-card-v2,
:root[data-ui-theme="dark"] .admin-payment-decision-panel-v2 .admin-inline-decision {
  background: rgba(15, 23, 42, 0.52);
  border-color: rgba(148, 163, 184, 0.14);
}

:root[data-ui-theme="dark"] .admin-payment-command-card-v2 .notice {
  background: rgba(15, 23, 42, 0.48) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

:root[data-ui-theme="dark"] .admin-payment-decision-panel-v2 {
  background: rgba(16,185,129,0.07);
  border-color: rgba(52, 211, 153, 0.16);
}

:root[data-ui-theme="dark"] .admin-payment-decision-head-v2 h4 {
  color: #34d399;
}

:root[data-ui-theme="dark"] .admin-payment-decision-panel-v2 .admin-inline-decision summary {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-payment-decision-panel-v2 .admin-inline-decision[open] {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(56, 189, 248, 0.22);
}

:root[data-ui-theme="dark"] .admin-payment-decision-panel-v2 .admin-inline-decision.danger {
  background: rgba(127, 29, 29, 0.18);
  border-color: rgba(248, 113, 113, 0.20);
}

:root[data-ui-theme="dark"] .admin-payment-decision-panel-v2 .admin-inline-decision.danger summary {
  color: #fecaca;
}


/* =========================================================
   Phase 5.3 - Payment focused rebuild v3
   بازطراحی کامل بخش پرداخت؛ یک میز تصمیم، بدون تکرار
   ========================================================= */

/* اگر نسخه قدیمی تصمیم پرداخت در نمای کلی هنوز جایی رندر شد، پنهان شود */
.admin-order-overview-v4 .admin-overview-decision-tools-v5.payment {
  display: none !important;
}

.admin-payment-review-redesign-v3 {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 26px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.16), transparent 34%),
    radial-gradient(circle at bottom left, rgba(16, 185, 129, 0.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.90));
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.07);
}

.admin-payment-review-redesign-v3::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, #0ea5e9, #10b981);
}

.admin-payment-review-hero-v3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding-top: 5px;
}

.admin-payment-review-title-v3 h3 {
  margin: 4px 0 6px;
  font-size: 23px;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.admin-payment-review-title-v3 p {
  margin: 0;
  max-width: 720px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.85;
}

.admin-payment-review-badge-v3 {
  display: flex;
  justify-content: flex-end;
}

.admin-payment-review-badge-v3 .status {
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

/* خلاصه مالی */
.admin-payment-review-metrics-v3 {
  margin-top: 15px;
  display: grid;
  grid-template-columns: 1.2fr repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.admin-payment-metric-v3 {
  min-height: 74px;
  padding: 11px;
  border-radius: 17px;
  border: 1px solid rgba(148, 163, 184, 0.15);
  background: rgba(255,255,255,0.74);
  display: grid;
  align-content: center;
}

.admin-payment-metric-v3.money {
  border-color: rgba(14, 165, 233, 0.22);
  background: rgba(14, 165, 233, 0.075);
}

.admin-payment-metric-v3 span {
  display: block;
  margin-bottom: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}

.admin-payment-metric-v3 b {
  display: block;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.admin-payment-metric-v3.money b {
  color: #0369a1;
  font-size: 16px;
}

/* بدنه اصلی: رسید بزرگ‌تر، اطلاعات کناری */
.admin-payment-review-main-v3 {
  margin-top: 13px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 13px;
  align-items: stretch;
}

.admin-payment-receipt-panel-v3,
.admin-payment-info-panel-v3 {
  padding: 13px;
  border-radius: 21px;
  border: 1px solid rgba(148, 163, 184, 0.17);
  background: rgba(248, 250, 252, 0.78);
}

.admin-payment-panel-head-v3 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: start;
  margin-bottom: 10px;
}

.admin-payment-panel-head-v3 h4 {
  margin: 0 0 4px;
  color: #0f172a;
  font-size: 15px;
}

.admin-payment-panel-head-v3 p {
  margin: 0;
  color: #64748b;
  font-size: 11.5px;
  line-height: 1.7;
}

.admin-payment-panel-body-v3 .notice {
  margin: 0 !important;
  padding: 11px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.70) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  box-shadow: none !important;
}

.admin-payment-panel-body-v3 img {
  max-width: 100%;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
}

/* پنل تصمیم مالی */
.admin-payment-decision-redesign-v3 {
  margin-top: 13px;
  padding: 14px;
  border-radius: 22px;
  border: 1px solid rgba(16, 185, 129, 0.22);
  background:
    radial-gradient(circle at top left, rgba(16, 185, 129, 0.12), transparent 35%),
    rgba(240, 253, 244, 0.64);
}

.admin-payment-decision-title-v3 {
  margin-bottom: 11px;
}

.admin-payment-decision-title-v3 h4 {
  margin: 0 0 4px;
  color: #047857;
  font-size: 16px;
}

.admin-payment-decision-title-v3 p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.75;
}

.admin-payment-decision-body-v3 .admin-payment-actions-v2 {
  margin: 0 !important;
  display: grid;
  grid-template-columns: 1.05fr 1fr 1fr;
  gap: 10px;
  align-items: start;
}

.admin-payment-decision-body-v3 .admin-payment-primary-v2,
.admin-payment-decision-body-v3 .admin-payment-primary-v2 form {
  height: 100%;
  margin: 0 !important;
}

.admin-payment-decision-body-v3 .admin-payment-primary-v2 button {
  width: 100%;
  min-height: 54px;
  border-radius: 16px;
  font-weight: 950;
  font-size: 14px;
  box-shadow: 0 12px 24px rgba(16, 185, 129, 0.18);
}

.admin-payment-decision-body-v3 .admin-inline-decision {
  margin: 0 !important;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(255,255,255,0.80);
  overflow: hidden;
  box-shadow: none;
}

.admin-payment-decision-body-v3 .admin-inline-decision summary {
  min-height: 54px;
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  list-style: none;
  font-size: 12.5px;
  font-weight: 950;
  color: #334155;
}

.admin-payment-decision-body-v3 .admin-inline-decision summary::-webkit-details-marker {
  display: none;
}

.admin-payment-decision-body-v3 .admin-inline-decision[open] {
  background: rgba(255,255,255,0.96);
  border-color: rgba(14, 165, 233, 0.32);
}

.admin-payment-decision-body-v3 .admin-inline-decision form {
  margin: 0 !important;
  padding: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.admin-payment-decision-body-v3 .admin-inline-decision label {
  margin-top: 8px;
  color: #475569;
  font-size: 12px;
}

.admin-payment-decision-body-v3 .admin-inline-decision input {
  min-height: 42px;
}

.admin-payment-decision-body-v3 .admin-inline-decision.danger {
  border-color: rgba(239, 68, 68, 0.25);
  background: rgba(254, 242, 242, 0.72);
}

.admin-payment-decision-body-v3 .admin-inline-decision.danger summary {
  color: #b91c1c;
}

.admin-payment-decision-body-v3 .empty {
  margin: 0;
  padding: 13px;
  border-radius: 16px;
  background: rgba(255,255,255,0.70);
  color: #64748b;
}

/* خنثی‌سازی ظاهرهای قبلی داخل این بخش */
.admin-payment-review-redesign-v3 .admin-workflow-step-v1,
.admin-payment-review-redesign-v3 .admin-workflow-payment-v1,
.admin-payment-review-redesign-v3 .admin-payment-command-v2 {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  .admin-payment-review-hero-v3,
  .admin-payment-review-main-v3 {
    grid-template-columns: 1fr;
  }

  .admin-payment-review-metrics-v3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-payment-review-badge-v3 {
    justify-content: flex-start;
  }

  .admin-payment-decision-body-v3 .admin-payment-actions-v2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .admin-payment-review-redesign-v3 {
    padding: 14px;
  }

  .admin-payment-review-metrics-v3 {
    grid-template-columns: 1fr;
  }
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-payment-review-redesign-v3 {
  background:
    radial-gradient(circle at top right, rgba(56,189,248,0.13), transparent 34%),
    radial-gradient(circle at bottom left, rgba(52,211,153,0.10), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,0.94), rgba(15,23,42,0.80));
  border-color: rgba(148, 163, 184, 0.16);
}

:root[data-ui-theme="dark"] .admin-payment-review-title-v3 h3,
:root[data-ui-theme="dark"] .admin-payment-metric-v3 b,
:root[data-ui-theme="dark"] .admin-payment-panel-head-v3 h4 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-payment-review-title-v3 p,
:root[data-ui-theme="dark"] .admin-payment-metric-v3 span,
:root[data-ui-theme="dark"] .admin-payment-panel-head-v3 p,
:root[data-ui-theme="dark"] .admin-payment-decision-title-v3 p {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-payment-metric-v3,
:root[data-ui-theme="dark"] .admin-payment-receipt-panel-v3,
:root[data-ui-theme="dark"] .admin-payment-info-panel-v3,
:root[data-ui-theme="dark"] .admin-payment-decision-body-v3 .admin-inline-decision {
  background: rgba(15, 23, 42, 0.54);
  border-color: rgba(148, 163, 184, 0.14);
}

:root[data-ui-theme="dark"] .admin-payment-metric-v3.money {
  background: rgba(14, 165, 233, 0.10);
  border-color: rgba(56, 189, 248, 0.18);
}

:root[data-ui-theme="dark"] .admin-payment-metric-v3.money b {
  color: #7dd3fc;
}

:root[data-ui-theme="dark"] .admin-payment-panel-body-v3 .notice {
  background: rgba(15, 23, 42, 0.48) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
}

:root[data-ui-theme="dark"] .admin-payment-decision-redesign-v3 {
  background: rgba(16,185,129,0.07);
  border-color: rgba(52, 211, 153, 0.16);
}

:root[data-ui-theme="dark"] .admin-payment-decision-title-v3 h4 {
  color: #34d399;
}

:root[data-ui-theme="dark"] .admin-payment-decision-body-v3 .admin-inline-decision summary {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-payment-decision-body-v3 .admin-inline-decision[open] {
  background: rgba(15, 23, 42, 0.74);
  border-color: rgba(56, 189, 248, 0.22);
}

:root[data-ui-theme="dark"] .admin-payment-decision-body-v3 .admin-inline-decision.danger {
  background: rgba(127, 29, 29, 0.20);
  border-color: rgba(248, 113, 113, 0.20);
}

:root[data-ui-theme="dark"] .admin-payment-decision-body-v3 .admin-inline-decision.danger summary {
  color: #fecaca;
}


/* =========================================================
   Phase 5.3 - Compact order detail shell
   حذف شلوغی بالای صفحه جزئیات سفارش
   ========================================================= */

.admin-order-focus-shell-v1 {
  margin: 10px 0 12px;
  padding: 12px 14px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.86));
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045);
}

.admin-order-focus-main-v1 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

.admin-order-focus-kicker-v1 {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}

.admin-order-focus-shell-v1 h1 {
  margin: 2px 0 0;
  font-size: 19px;
  line-height: 1.35;
  color: #0f172a;
}

.admin-order-focus-actions-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.admin-order-focus-actions-v1 .button-link {
  padding: 8px 11px;
  font-size: 12px;
  border-radius: 12px;
}

.admin-order-focus-meta-v1 {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  color: #475569;
  font-size: 12.5px;
}

.admin-order-focus-meta-v1 > span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.13);
}

.admin-order-focus-meta-v1 b {
  color: #0f172a;
}

.admin-secondary-sections-compact-v1 {
  margin-top: 12px !important;
}

.admin-secondary-sections-compact-v1 .admin-secondary-title {
  font-size: 13px;
  color: #64748b;
}

/* چون دیگر overview/wizard بالای صفحه order لازم نیست، اگر جایی مانده باشد پنهان شود */
.admin-order-focus-shell-v1 + .admin-order-overview-v4,
.admin-order-focus-shell-v1 + .admin-order-wizard-v6 {
  display: none !important;
}

@media (max-width: 720px) {
  .admin-order-focus-main-v1 {
    grid-template-columns: 1fr;
  }

  .admin-order-focus-actions-v1 {
    justify-content: stretch;
  }

  .admin-order-focus-actions-v1 .button-link {
    flex: 1;
    text-align: center;
  }

  .admin-order-focus-meta-v1 > span {
    width: 100%;
    justify-content: center;
  }
}

:root[data-ui-theme="dark"] .admin-order-focus-shell-v1 {
  background:
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.11), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,0.92), rgba(15,23,42,0.76));
  border-color: rgba(148, 163, 184, 0.16);
}

:root[data-ui-theme="dark"] .admin-order-focus-shell-v1 h1,
:root[data-ui-theme="dark"] .admin-order-focus-meta-v1 b {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-order-focus-kicker-v1,
:root[data-ui-theme="dark"] .admin-order-focus-meta-v1 {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-order-focus-meta-v1 > span {
  background: rgba(15, 23, 42, 0.48);
  border-color: rgba(148, 163, 184, 0.13);
}


/* =========================================================
   Phase 5.3 - Order workflow dashboard v2
   صفحه سفارش: نگاه کلی + پروسس‌بار + کاشی مراحل + پنل بدون رفرش
   ========================================================= */

.admin-order-workflow-page-v2 {
  display: grid;
  gap: 12px;
}

.admin-order-command-center-v2 {
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(148, 163, 184, 0.20);
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.88));
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.055);
}

.admin-order-command-top-v2 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

.admin-order-command-top-v2 h1 {
  margin: 3px 0 0;
  font-size: 21px;
  line-height: 1.35;
  color: #0f172a;
}

.admin-order-command-actions-v2 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.admin-order-command-actions-v2 .button-link {
  padding: 8px 11px;
  border-radius: 12px;
  font-size: 12px;
}

.admin-order-command-meta-v2 {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  color: #475569;
  font-size: 12.5px;
}

.admin-order-command-meta-v2 > span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.13);
}

.admin-order-command-meta-v2 b {
  color: #0f172a;
}

.admin-order-process-v2 {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
}

.admin-order-process-step-v2 {
  position: relative;
  min-height: 64px;
  padding: 8px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(248, 250, 252, 0.78);
  text-align: center;
  display: grid;
  align-content: center;
  justify-items: center;
}

.admin-order-process-step-v2 span {
  width: 23px;
  height: 23px;
  margin-bottom: 4px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #e2e8f0;
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
}

.admin-order-process-step-v2 b {
  color: #334155;
  font-size: 11.5px;
  line-height: 1.3;
}

.admin-order-process-step-v2 small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.35;
}

.admin-order-process-step-v2.is-done {
  background: rgba(14, 165, 233, 0.08);
  border-color: rgba(14, 165, 233, 0.22);
}

.admin-order-process-step-v2.is-done span {
  background: #0ea5e9;
  color: #fff;
}

.admin-order-process-step-v2.is-current {
  background: rgba(16, 185, 129, 0.10);
  border-color: rgba(16, 185, 129, 0.30);
  box-shadow: 0 10px 22px rgba(16, 185, 129, 0.08);
}

.admin-order-process-step-v2.is-current span {
  background: #10b981;
  color: #fff;
}

.admin-order-process-step-v2.is-current b {
  color: #047857;
}

.admin-order-stage-map-v2 {
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

.admin-order-stage-map-head-v2 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 9px;
}

.admin-order-stage-map-head-v2 h2 {
  margin: 0;
  color: #0f172a;
  font-size: 15px;
}

.admin-order-stage-map-head-v2 p {
  margin: 0;
  color: #64748b;
  font-size: 11.5px;
}

.admin-order-stage-grid-v2 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.admin-order-stage-tile-v2 {
  min-height: 84px;
  padding: 9px;
  border-radius: 17px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(248, 250, 252, 0.75);
  text-align: center;
  cursor: pointer;
  display: grid;
  align-content: center;
  justify-items: center;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.admin-order-stage-tile-v2:hover {
  transform: translateY(-1px);
  border-color: rgba(14, 165, 233, 0.30);
  background: rgba(255, 255, 255, 0.92);
}

.admin-order-stage-tile-v2.active {
  border-color: rgba(16, 185, 129, 0.35);
  background: rgba(16, 185, 129, 0.10);
  box-shadow: 0 10px 22px rgba(16, 185, 129, 0.08);
}

.admin-order-stage-tile-v2 span {
  display: block;
  color: #0f172a;
  font-size: 12.5px;
  font-weight: 950;
}

.admin-order-stage-tile-v2 b {
  display: block;
  margin-top: 4px;
  color: #0369a1;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 900;
}

.admin-order-stage-tile-v2 small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10.2px;
  line-height: 1.35;
}

.admin-order-stage-workspace-v2 {
  min-height: 280px;
}

.admin-order-stage-panel-v2 {
  display: block;
  animation: adminOrderPanelIn 0.18s ease-out;
}

.admin-order-stage-panel-v2.is-hidden {
  display: none !important;
}

.admin-order-stage-panel-head-v2 {
  display: none;
}

.admin-order-stage-panel-body-v2 > section,
.admin-order-stage-panel-body-v2 > div {
  margin-top: 0;
}

/* پنل‌های قدیمی اگر داخل صفحه جدید افتادند، با ظاهر جدید هماهنگ شوند */
.admin-order-stage-panel-body-v2 .admin-secondary-sections-v2,
.admin-order-stage-panel-body-v2 .admin-section-details {
  margin-top: 0 !important;
}

@keyframes adminOrderPanelIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1100px) {
  .admin-order-stage-grid-v2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .admin-order-command-top-v2,
  .admin-order-stage-map-head-v2 {
    display: grid;
    grid-template-columns: 1fr;
  }

  .admin-order-command-actions-v2 {
    justify-content: stretch;
  }

  .admin-order-command-actions-v2 .button-link {
    flex: 1;
    text-align: center;
  }

  .admin-order-process-v2 {
    grid-template-columns: repeat(5, minmax(70px, 1fr));
    overflow-x: auto;
    padding-bottom: 3px;
  }

  .admin-order-stage-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-order-process-step-v2 small,
  .admin-order-stage-tile-v2 small {
    display: none;
  }
}

@media (max-width: 520px) {
  .admin-order-stage-grid-v2 {
    grid-template-columns: 1fr;
  }
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-order-command-center-v2 {
  background:
    radial-gradient(circle at top right, rgba(56,189,248,0.12), transparent 34%),
    linear-gradient(180deg, rgba(15,23,42,0.94), rgba(15,23,42,0.78));
  border-color: rgba(148, 163, 184, 0.16);
}

:root[data-ui-theme="dark"] .admin-order-command-top-v2 h1,
:root[data-ui-theme="dark"] .admin-order-command-meta-v2 b,
:root[data-ui-theme="dark"] .admin-order-stage-map-head-v2 h2,
:root[data-ui-theme="dark"] .admin-order-stage-tile-v2 span {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-order-command-meta-v2,
:root[data-ui-theme="dark"] .admin-order-stage-map-head-v2 p,
:root[data-ui-theme="dark"] .admin-order-stage-tile-v2 small,
:root[data-ui-theme="dark"] .admin-order-process-step-v2 small {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-order-command-meta-v2 > span,
:root[data-ui-theme="dark"] .admin-order-process-step-v2,
:root[data-ui-theme="dark"] .admin-order-stage-map-v2,
:root[data-ui-theme="dark"] .admin-order-stage-tile-v2 {
  background: rgba(15, 23, 42, 0.54);
  border-color: rgba(148, 163, 184, 0.14);
}

:root[data-ui-theme="dark"] .admin-order-stage-tile-v2.active {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(52, 211, 153, 0.22);
}

:root[data-ui-theme="dark"] .admin-order-process-step-v2 b {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-order-process-step-v2.is-current b {
  color: #34d399;
}


/* =========================================================
   Phase 5.3 - Order workflow modal tiles
   کاشی‌های کوچک + باز شدن مرحله‌ها به صورت مودال داخلی
   ========================================================= */

.admin-order-stage-map-v2 {
  padding: 10px !important;
}

.admin-order-stage-map-head-v2 {
  margin-bottom: 8px !important;
}

.admin-order-stage-map-head-v2 h2 {
  font-size: 14px !important;
}

.admin-order-stage-map-head-v2 p {
  font-size: 11px !important;
}

/* کاشی‌ها کوچک، فشرده، کنار هم */
.admin-order-stage-grid-v2 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
  gap: 7px !important;
}

.admin-order-stage-tile-v2 {
  min-height: 74px !important;
  padding: 8px 7px !important;
  border-radius: 15px !important;
  background: rgba(248, 250, 252, 0.82) !important;
}

.admin-order-stage-tile-v2 span {
  font-size: 11.5px !important;
}

.admin-order-stage-tile-v2 b {
  margin-top: 3px !important;
  font-size: 10px !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-order-stage-tile-v2 small {
  display: none !important;
}

.admin-order-stage-tile-v2.active {
  background: rgba(14, 165, 233, 0.10) !important;
  border-color: rgba(14, 165, 233, 0.32) !important;
  box-shadow: 0 8px 18px rgba(14, 165, 233, 0.08) !important;
}

.admin-order-stage-workspace-v2 {
  min-height: 0 !important;
}

/* حالت عادی: پنل‌ها پایین صفحه جا نگیرند */
.admin-order-stage-panel-v2 {
  display: none !important;
}

/* مودال فعال */
.admin-order-stage-panel-v2.admin-stage-modal-open-v3 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  background: rgba(15, 23, 42, 0.56) !important;
  backdrop-filter: blur(10px);
  animation: adminStageOverlayIn 0.16s ease-out;
}

/* کارت داخلی مودال */
.admin-stage-modal-card-v3 {
  width: min(1080px, 96vw);
  max-height: min(86vh, 920px);
  overflow: auto;
  border-radius: 24px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95));
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.30);
  padding: 16px;
  animation: adminStageModalIn 0.18s ease-out;
}

.admin-stage-modal-toolbar-v3 {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: -16px -16px 14px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(255,255,255,0.88);
  backdrop-filter: blur(8px);
  border-radius: 24px 24px 0 0;
}

.admin-stage-modal-title-v3 {
  display: grid;
  gap: 2px;
}

.admin-stage-modal-title-v3 b {
  color: #0f172a;
  font-size: 15px;
}

.admin-stage-modal-title-v3 span {
  color: #64748b;
  font-size: 11.5px;
}

.admin-stage-modal-close-v3 {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 13px;
  background: rgba(15, 23, 42, 0.08);
  color: #0f172a;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
}

.admin-stage-modal-close-v3:hover {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.admin-stage-modal-card-v3 .admin-order-stage-panel-head-v2 {
  display: none !important;
}

body.admin-stage-modal-locked-v3 {
  overflow: hidden !important;
}

@keyframes adminStageOverlayIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes adminStageModalIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 720px) {
  .admin-order-stage-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-order-stage-panel-v2.admin-stage-modal-open-v3 {
    padding: 10px !important;
    align-items: stretch !important;
  }

  .admin-stage-modal-card-v3 {
    width: 100%;
    max-height: calc(100vh - 20px);
    border-radius: 20px;
    padding: 12px;
  }

  .admin-stage-modal-toolbar-v3 {
    margin: -12px -12px 12px;
    border-radius: 20px 20px 0 0;
  }
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-stage-modal-card-v3 {
  background:
    radial-gradient(circle at top right, rgba(56,189,248,0.11), transparent 32%),
    linear-gradient(180deg, rgba(15,23,42,0.98), rgba(15,23,42,0.92));
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-ui-theme="dark"] .admin-stage-modal-toolbar-v3 {
  background: rgba(15,23,42,0.88);
  border-color: rgba(148, 163, 184, 0.15);
}

:root[data-ui-theme="dark"] .admin-stage-modal-title-v3 b,
:root[data-ui-theme="dark"] .admin-stage-modal-close-v3 {
  color: #e5e7eb;
}

:root[data-ui-theme="dark"] .admin-stage-modal-title-v3 span {
  color: #cbd5e1;
}

:root[data-ui-theme="dark"] .admin-stage-modal-close-v3 {
  background: rgba(148, 163, 184, 0.12);
}


/* =========================================================
   Phase 5.3-A - Admin operational shell
   هدف: صفحه جزئیات سفارش ادمین از حالت پراکنده به مرکز عملیات تبدیل شود
   ========================================================= */

.admin-ops-page-v53 {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}

.admin-order-overview-v4,
.admin-order-wizard-v53,
.admin-stage-focus-v53,
.admin-command-bar-v53,
.admin-primary-task-v53 {
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14)) !important;
  border-radius: 28px !important;
  background: var(--neo-panel-bg, #edf1f7) !important;
  color: var(--neo-text-main, #1f2937) !important;
  box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
}

.admin-order-wizard-v53 {
  padding: 1rem !important;
}

.admin-order-wizard-head-v53 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin-bottom: .9rem;
}

.admin-order-wizard-head-v53 h3,
.admin-stage-focus-v53 h3,
.admin-primary-task-head-v53 h3 {
  margin: 0 0 .25rem !important;
}

.admin-order-wizard-head-v53 p,
.admin-stage-focus-v53 p,
.admin-primary-task-head-v53 p {
  margin: 0 !important;
  color: var(--neo-text-soft, #7b8496) !important;
  line-height: 1.8;
}

.admin-order-wizard-nav-v6 {
  display: none !important;
}

.admin-order-wizard-steps-v53 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem !important;
}

.admin-order-wizard-step-v53 {
  min-height: 86px;
  padding: .8rem !important;
  border-radius: 22px !important;
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14)) !important;
  background: var(--neo-panel-bg-soft, #f3f6fb) !important;
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.34), inset -5px -5px 12px rgba(255,255,255,.82)) !important;
  display: grid;
  gap: .25rem;
  align-content: center;
  text-align: center;
}

.admin-order-wizard-step-v53 span {
  width: 30px;
  height: 30px;
  margin: 0 auto .15rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 900;
  background: rgba(100,116,139,.16);
  color: var(--neo-text-soft, #7b8496);
}

.admin-order-wizard-step-v53 b {
  font-size: .92rem;
}

.admin-order-wizard-step-v53 small {
  color: var(--neo-text-soft, #7b8496);
  line-height: 1.55;
}

.admin-order-wizard-step-v53.is-current {
  border-color: rgba(31,122,255,.35) !important;
  box-shadow:
    0 0 0 4px rgba(31,122,255,.08),
    var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
}

.admin-order-wizard-step-v53.is-current span {
  background: linear-gradient(135deg, #1f7aff, #35c8f4);
  color: #fff;
}

.admin-order-wizard-step-v53.is-done span {
  background: rgba(16,185,129,.16);
  color: #047857;
}

.admin-stage-focus-v53 {
  padding: 1rem !important;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
}

.admin-command-bar-v53 {
  position: sticky;
  top: .5rem;
  z-index: 20;
  padding: .75rem !important;
  display: grid;
  grid-template-columns: minmax(150px, auto) 1fr auto;
  gap: .75rem;
  align-items: center;
}

.admin-command-bar-v53 > div {
  display: grid;
  gap: .15rem;
}

.admin-command-bar-v53 > div span {
  color: var(--neo-text-soft, #7b8496);
  font-size: .78rem;
  font-weight: 800;
}

.admin-command-bar-v53 > div b {
  font-size: .95rem;
}

.admin-command-bar-v53 nav {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: center;
}

.admin-command-bar-v53 nav a {
  text-decoration: none;
  padding: .48rem .75rem;
  border-radius: 999px;
  color: var(--neo-text-soft, #7b8496);
  background: var(--neo-panel-bg-soft, #f3f6fb);
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
  font-weight: 850;
  font-size: .78rem;
}

.admin-command-bar-v53 nav a:hover {
  color: var(--neo-text-main, #1f2937);
  border-color: rgba(31,122,255,.22);
}

.admin-primary-task-v53 {
  padding: 1rem !important;
  margin: 1rem 0 !important;
}

.admin-primary-task-head-v53 {
  padding: 0 0 .85rem !important;
  margin-bottom: .85rem !important;
  border-bottom: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
}

.admin-primary-task-body-v53 {
  display: grid;
  gap: .9rem;
}

.admin-primary-task-body-v53 .item,
.admin-primary-task-body-v53 .notice,
.admin-primary-task-body-v53 details {
  border-radius: 22px !important;
}

.admin-primary-task-body-v53 form {
  margin-top: .8rem;
}

.admin-primary-task-body-v53 button[type="submit"] {
  width: 100%;
  min-height: 48px;
}

.admin-publish-preview-card {
  border-radius: 24px !important;
}

.admin-final-publish-image img {
  max-height: 360px;
  object-fit: contain;
  background: rgba(15,23,42,.04);
}

@media (max-width: 820px) {
  .admin-order-wizard-steps-v53 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-stage-focus-v53,
  .admin-command-bar-v53 {
    grid-template-columns: 1fr;
  }

  .admin-command-bar-v53 {
    position: static;
  }

  .admin-command-bar-v53 nav {
    justify-content: flex-start;
  }
}

@media (max-width: 520px) {
  .admin-order-wizard-steps-v53 {
    grid-template-columns: 1fr;
  }

  .admin-order-wizard-step-v53 {
    min-height: 74px;
    text-align: right;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: .7rem;
  }

  .admin-order-wizard-step-v53 span {
    margin: 0;
    grid-row: span 2;
  }

  .admin-order-wizard-step-v53 small {
    grid-column: 2;
  }
}

:root[data-ui-theme="dark"] .admin-order-overview-v4,
:root[data-ui-theme="dark"] .admin-order-wizard-v53,
:root[data-ui-theme="dark"] .admin-stage-focus-v53,
:root[data-ui-theme="dark"] .admin-command-bar-v53,
:root[data-ui-theme="dark"] .admin-primary-task-v53 {
  background: linear-gradient(145deg, rgba(29,33,42,.98), rgba(18,21,27,.98)) !important;
  border-color: rgba(226,232,240,.09) !important;
}

:root[data-ui-theme="dark"] .admin-order-wizard-step-v53,
:root[data-ui-theme="dark"] .admin-command-bar-v53 nav a {
  background: #20242d !important;
  border-color: rgba(176,188,205,.14) !important;
}

:root[data-ui-theme="dark"] .admin-order-wizard-step-v53.is-current {
  border-color: rgba(45,212,191,.35) !important;
  box-shadow:
    0 0 0 4px rgba(45,212,191,.08),
    7px 7px 18px rgba(0,0,0,.46),
    -4px -4px 12px rgba(80,90,105,.065) !important;
}

:root[data-ui-theme="dark"] .admin-order-wizard-step-v53.is-current span {
  background: linear-gradient(135deg, #12a99a, #2dd4bf);
  color: #031412;
}



/* =========================================================
   Phase 5.4-B - Admin review workbench
   هدف: ادمین به جای خواندن جزئیات پراکنده، سفارش را مثل میز بررسی و انتشار ببیند
   ========================================================= */

.admin-decision-box-v54 {
  display: grid !important;
  grid-template-columns: 1.3fr .9fr auto;
  gap: 1rem !important;
  align-items: center;
  padding: 1rem !important;
  border-radius: 28px !important;
  margin: 1rem 0 !important;
}

.admin-decision-main-v54 h3 {
  margin: .2rem 0 .25rem !important;
  font-size: 1.2rem;
}

.admin-decision-main-v54 p {
  margin: 0 !important;
  color: var(--neo-text-soft, #7b8496);
  line-height: 1.8;
}

.admin-decision-state-v54 {
  display: grid;
  gap: .45rem;
}

.admin-decision-state-v54 span {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  padding: .55rem .7rem;
  border-radius: 16px;
  background: var(--neo-panel-bg-soft, #f3f6fb);
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
  color: var(--neo-text-soft, #7b8496);
  font-size: .82rem;
}

.admin-decision-state-v54 b {
  color: var(--neo-text-main, #1f2937);
}

.admin-action-grid-v54 {
  display: grid !important;
  gap: .55rem !important;
  min-width: 190px;
}

.admin-publish-workbench-v54 {
  display: grid;
  gap: 1rem;
}

.admin-publish-workbench-head-v54 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: start;
  padding: 1rem;
  border-radius: 26px;
  background: var(--neo-panel-bg-soft, #f3f6fb);
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
}

.admin-publish-workbench-head-v54 h4 {
  margin: .15rem 0 .25rem;
  font-size: 1.1rem;
}

.admin-publish-workbench-head-v54 p {
  margin: 0;
  color: var(--neo-text-soft, #7b8496);
  line-height: 1.8;
}

.admin-publish-workbench-stats-v54 {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: flex-end;
}

.admin-publish-workbench-stats-v54 > span,
.admin-publish-workbench-stats-v54 .status {
  padding: .48rem .7rem;
  border-radius: 999px;
  background: var(--neo-panel-bg, #edf1f7);
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
  font-size: .8rem;
  font-weight: 850;
}

.admin-publish-preview-card-v54 {
  display: grid !important;
  gap: 1rem !important;
  padding: 1rem !important;
  border-radius: 28px !important;
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14)) !important;
  background: var(--neo-panel-bg, #edf1f7) !important;
  box-shadow: var(--neo-shadow-raised-soft, 8px 8px 18px rgba(163,177,198,.36), -8px -8px 18px rgba(255,255,255,.82)) !important;
}

.admin-item-review-head-v54 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: start;
  padding-bottom: .85rem;
  border-bottom: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
}

.admin-item-review-head-v54 h4 {
  margin: .2rem 0 .2rem !important;
  font-size: 1.12rem;
}

.admin-item-review-head-v54 p {
  margin: 0 !important;
  color: var(--neo-text-soft, #7b8496);
}

.admin-item-review-badges-v54 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
}

.admin-item-review-layout-v54 {
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(280px, 1.15fr);
  gap: 1rem;
}

.admin-item-review-panel-v54 {
  min-width: 0;
  display: grid;
  gap: .65rem;
  padding: .85rem;
  border-radius: 24px;
  background: var(--neo-panel-bg-soft, #f3f6fb);
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
  box-shadow: var(--neo-shadow-inset, inset 5px 5px 12px rgba(163,177,198,.28), inset -5px -5px 12px rgba(255,255,255,.82));
}

.admin-mini-title-v54 {
  font-size: .78rem;
  font-weight: 950;
  color: var(--neo-text-soft, #7b8496);
  letter-spacing: -.01em;
}

.admin-final-publish-image-v54 {
  margin: 0;
  display: grid;
  gap: .65rem;
}

.admin-final-publish-image-v54 a {
  display: block;
  overflow: hidden;
  border-radius: 22px;
  background: rgba(15,23,42,.045);
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
}

.admin-final-publish-image-v54 img {
  display: block;
  width: 100%;
  max-height: 420px;
  object-fit: contain;
}

.admin-final-publish-image-v54 figcaption {
  display: grid;
  gap: .3rem;
  color: var(--neo-text-soft, #7b8496);
  font-size: .78rem;
  line-height: 1.65;
}

.admin-final-empty-v54 {
  min-height: 170px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .35rem;
  text-align: center;
  background: rgba(100,116,139,.08);
  border: 1px dashed rgba(100,116,139,.28);
  color: var(--neo-text-soft, #7b8496);
}

.admin-final-empty-v54 b {
  color: var(--neo-text-main, #1f2937);
}

.admin-caption-preview-v54,
.admin-raw-text-preview-v54,
.admin-contact-preview-v54 pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 430px;
  overflow: auto;
  margin: 0 !important;
  padding: .85rem !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.48) !important;
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14)) !important;
  line-height: 1.95 !important;
}

.admin-raw-text-preview-v54 {
  max-height: 240px;
}

.admin-contact-preview-v54 {
  display: grid;
  gap: .55rem;
}

.admin-contact-preview-v54 span {
  color: var(--neo-text-soft, #7b8496);
}

.admin-output-hint-v54 {
  padding: .7rem .8rem;
  border-radius: 18px;
  background: rgba(31,122,255,.08);
  color: var(--neo-text-main, #1f2937);
  line-height: 1.8;
  font-weight: 800;
}

.admin-publish-result-v54,
.admin-publish-order-result-v54 {
  display: grid;
  gap: .65rem;
  padding: .85rem;
  border-radius: 22px;
  background: rgba(245,158,11,.10);
  border: 1px solid rgba(245,158,11,.20);
}

.admin-result-grid-v54 {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.admin-result-grid-v54 span {
  padding: .45rem .65rem;
  border-radius: 999px;
  background: rgba(255,255,255,.42);
  border: 1px solid var(--neo-line-soft, rgba(100,116,139,.14));
  color: var(--neo-text-soft, #7b8496);
  font-size: .8rem;
}

.admin-result-error-v54 {
  color: var(--neo-text-soft, #7b8496);
  line-height: 1.8;
}

.admin-final-publish-form-v54 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border-radius: 26px;
  background: rgba(16,185,129,.10);
  border: 1px solid rgba(16,185,129,.20);
}

.admin-final-publish-form-v54 div {
  display: grid;
  gap: .25rem;
}

.admin-final-publish-form-v54 span {
  color: var(--neo-text-soft, #7b8496);
  line-height: 1.75;
}

.admin-final-publish-form-v54 button {
  min-width: 210px;
}

.admin-published-done-v54 {
  display: grid;
  gap: .25rem;
  padding: 1rem;
  border-radius: 24px;
  background: rgba(16,185,129,.10);
  border: 1px solid rgba(16,185,129,.20);
}

.admin-published-done-v54 span {
  color: var(--neo-text-soft, #7b8496);
}

@media (max-width: 980px) {
  .admin-decision-box-v54,
  .admin-publish-workbench-head-v54,
  .admin-item-review-head-v54,
  .admin-final-publish-form-v54 {
    grid-template-columns: 1fr;
  }

  .admin-item-review-badges-v54,
  .admin-publish-workbench-stats-v54 {
    justify-content: flex-start;
  }

  .admin-item-review-layout-v54 {
    grid-template-columns: 1fr;
  }

  .admin-final-publish-form-v54 button {
    width: 100%;
    min-width: 0;
  }
}

:root[data-ui-theme="dark"] .admin-publish-preview-card-v54 {
  background: linear-gradient(145deg, rgba(29,33,42,.98), rgba(18,21,27,.98)) !important;
  border-color: rgba(226,232,240,.09) !important;
}

:root[data-ui-theme="dark"] .admin-publish-workbench-head-v54,
:root[data-ui-theme="dark"] .admin-item-review-panel-v54,
:root[data-ui-theme="dark"] .admin-caption-preview-v54,
:root[data-ui-theme="dark"] .admin-raw-text-preview-v54,
:root[data-ui-theme="dark"] .admin-contact-preview-v54 pre {
  background: #20242d !important;
  border-color: rgba(176,188,205,.14) !important;
}

:root[data-ui-theme="dark"] .admin-final-empty-v54 {
  background: rgba(255,255,255,.035);
  border-color: rgba(176,188,205,.18);
}

:root[data-ui-theme="dark"] .admin-output-hint-v54 {
  background: rgba(45,212,191,.10);
}

:root[data-ui-theme="dark"] .admin-decision-state-v54 span {
  background: #20242d;
  border-color: rgba(176,188,205,.14);
}

:root[data-ui-theme="dark"] .admin-decision-state-v54 b,
:root[data-ui-theme="dark"] .admin-final-empty-v54 b {
  color: var(--neo-text-main, #eef3f8);
}



/* =========================================================

   Phase 6.2.4 - Stable fixed right admin sidebar

   ========================================================= */



:root {

  --admin-sidebar-rail-v624: 78px;

  --admin-sidebar-open-v624: 292px;

  --admin-sidebar-safe-gap-v624: 18px;

}



/* ثابت: صفحه فقط به اندازه نوار بسته فاصله می‌گیرد؛ با باز شدن صفحه تکان نمی‌خورد */

body.admin-layout-v622 {

  box-sizing: border-box;

  padding-right: calc(var(--admin-sidebar-rail-v624) + var(--admin-sidebar-safe-gap-v624)) !important;

}



body.admin-layout-v622.admin-sidebar-expanded-v622 {

  padding-right: calc(var(--admin-sidebar-rail-v624) + var(--admin-sidebar-safe-gap-v624)) !important;

}



body.admin-layout-v622 .card {

  box-sizing: border-box;

  max-width: min(

    760px,

    calc(100vw - var(--admin-sidebar-rail-v624) - var(--admin-sidebar-safe-gap-v624) - 32px)

  ) !important;

  margin-right: auto !important;

  margin-left: auto !important;

}



/* خود سایدبار */

.admin-fixed-sidebar-v622 {

  position: fixed;

  top: 14px;

  right: 14px;

  bottom: 14px;

  z-index: 2147482000;

  width: var(--admin-sidebar-rail-v624);

  box-sizing: border-box;

  display: grid;

  grid-template-rows: auto 1fr auto;

  gap: 12px;

  padding: 10px;

  direction: rtl;

  overflow: hidden;



  border-radius: 28px;

  background: var(--neo-surface, #edf1f7) !important;

  box-shadow:

    16px 16px 34px rgba(163, 177, 198, .46),

    -16px -16px 34px rgba(255,255,255,.90) !important;



  transition:

    width 240ms cubic-bezier(.16, 1, .3, 1),

    border-radius 220ms ease,

    box-shadow 220ms ease;

}



body.admin-sidebar-expanded-v622 .admin-fixed-sidebar-v622 {

  width: var(--admin-sidebar-open-v624);

  border-radius: 30px;

}



/* هیچ شفافیت/گنبد/سطح اضافه‌ای پشت سایدبار نباشد */

.admin-fixed-sidebar-v622::before,

.admin-fixed-sidebar-v622::after {

  display: none !important;

  content: none !important;

}



/* هدر ساده و بدون حالت گنبدی */

.admin-sidebar-brand-v622 {

  min-height: 56px;

  display: grid;

  grid-template-columns: 44px 1fr 44px;

  gap: 8px;

  align-items: center;

  padding: 6px;

  border-radius: 22px;

  background: var(--neo-surface, #edf1f7) !important;

  box-shadow:

    inset 6px 6px 14px rgba(163, 177, 198, .28),

    inset -6px -6px 14px rgba(255,255,255,.82) !important;

}



.admin-sidebar-logo-v622,

.admin-sidebar-toggle-v622,

.admin-sidebar-icon-v622 {

  width: 44px;

  height: 44px;

  min-width: 44px;

  display: grid;

  place-items: center;

  border: 0 !important;

  border-radius: 999px;

  margin: 0 !important;

  padding: 0 !important;

  background: var(--neo-surface, #edf1f7) !important;

  color: var(--neo-primary, #1f7aff);

  box-shadow:

    6px 6px 13px rgba(163, 177, 198, .34),

    -6px -6px 13px rgba(255,255,255,.82) !important;

  font-weight: 950;

}



.admin-sidebar-toggle-v622 {

  cursor: pointer;

}



.admin-sidebar-brand-text-v622 {

  min-width: 0;

  display: grid;

  gap: 2px;

  opacity: 0;

  visibility: hidden;

  transform: translateX(8px);

  transition:

    opacity 180ms ease,

    visibility 180ms ease,

    transform 220ms cubic-bezier(.16, 1, .3, 1);

}



body.admin-sidebar-expanded-v622 .admin-sidebar-brand-text-v622 {

  opacity: 1;

  visibility: visible;

  transform: translateX(0);

}



.admin-sidebar-brand-text-v622 b {

  color: var(--neo-text, #1f2937);

  font-size: 15px;

  font-weight: 950;

  white-space: nowrap;

}



.admin-sidebar-brand-text-v622 span {

  color: var(--neo-muted, #7b8496);

  font-size: 11px;

  font-weight: 850;

  white-space: nowrap;

}



/* حالت بسته: فقط دکمه منو دیده شود، نه لوگو و متن */

body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-brand-v622 {

  grid-template-columns: 44px;

  justify-content: center;

}



body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-logo-v622,

body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-brand-text-v622 {

  display: none !important;

}



body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-toggle-v622 {

  display: grid !important;

  opacity: 1 !important;

  visibility: visible !important;

  pointer-events: auto !important;

}



/* منو */

.admin-sidebar-menu-v622 {

  display: grid;

  align-content: start;

  gap: 8px;

  overflow-y: auto;

  overflow-x: visible;

  padding: 2px;

  scrollbar-width: none;

}



.admin-sidebar-menu-v622::-webkit-scrollbar {

  display: none;

}



.admin-sidebar-group-v622 {

  display: grid;

  gap: 8px;

}



.admin-sidebar-label-v622 {

  height: 0;

  overflow: hidden;

  opacity: 0;

  color: var(--neo-muted, #7b8496);

  font-size: 11px;

  font-weight: 950;

  padding: 0 12px;

  transition: opacity 180ms ease;

}



body.admin-sidebar-expanded-v622 .admin-sidebar-label-v622 {

  height: auto;

  opacity: 1;

  padding-top: 6px;

}



.admin-sidebar-link-v622 {

  position: relative;

  min-height: 52px;

  display: grid;

  grid-template-columns: 44px 1fr;

  gap: 10px;

  align-items: center;

  margin: 0 !important;

  padding: 4px 6px;

  box-sizing: border-box;

  border-radius: 22px;

  background: var(--neo-surface, #edf1f7) !important;

  color: var(--neo-text, #1f2937) !important;

  box-shadow:

    6px 6px 13px rgba(163, 177, 198, .30),

    -6px -6px 13px rgba(255,255,255,.80) !important;

  font-size: 13px;

  font-weight: 900;

  line-height: 1.35;

  text-decoration: none !important;

  cursor: pointer;

  transition:

    transform 150ms cubic-bezier(.16, 1, .3, 1),

    background 160ms ease,

    box-shadow 160ms ease,

    color 160ms ease;

}



.admin-sidebar-link-v622:hover {

  transform: translateY(-1px);

}



.admin-sidebar-link-v622 b {

  min-width: 0;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  opacity: 0;

  visibility: hidden;

  transform: translateX(8px);

  transition:

    opacity 180ms ease,

    visibility 180ms ease,

    transform 220ms cubic-bezier(.16, 1, .3, 1);

}



body.admin-sidebar-expanded-v622 .admin-sidebar-link-v622 b {

  opacity: 1;

  visibility: visible;

  transform: translateX(0);

}



body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-link-v622 {

  grid-template-columns: 44px;

  justify-content: center;

  padding-inline: 4px;

}



body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-link-v622::after {

  content: attr(title);

  position: absolute;

  top: 50%;

  right: calc(100% + 8px);

  z-index: 2147482100;

  min-width: max-content;

  max-width: 220px;

  padding: 8px 10px;

  border-radius: 16px;

  background: var(--neo-surface, #edf1f7);

  color: var(--neo-text, #1f2937);

  box-shadow:

    8px 8px 18px rgba(163, 177, 198, .38),

    -8px -8px 18px rgba(255,255,255,.82);

  font-size: 12px;

  font-weight: 900;

  transform: translateY(-50%) translateX(6px);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition:

    opacity 140ms ease,

    visibility 140ms ease,

    transform 160ms cubic-bezier(.16, 1, .3, 1);

}



body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-link-v622:hover::after {

  opacity: 1;

  visibility: visible;

  transform: translateY(-50%) translateX(0);

}



/* حالت انتخاب‌شده */

.admin-sidebar-link-v622.is-active {

  color: #fff !important;

  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;

  box-shadow:

    0 12px 26px rgba(31, 122, 255, .30),

    0 4px 10px rgba(31, 122, 255, .18) !important;

}



.admin-sidebar-link-v622.is-active .admin-sidebar-icon-v622 {

  color: #fff !important;

  background: rgba(255,255,255,.18) !important;

  box-shadow: inset 2px 2px 7px rgba(0,0,0,.12) !important;

}



.admin-sidebar-link-v622.is-disabled {

  opacity: .58;

  cursor: not-allowed;

}



.admin-sidebar-link-v622.is-danger {

  color: var(--neo-danger, #ef4444) !important;

}



.admin-sidebar-link-v622.is-danger .admin-sidebar-icon-v622 {

  color: var(--neo-danger, #ef4444);

}



.admin-sidebar-footer-v622 {

  display: grid;

  gap: 8px;

}



/* موبایل: صفحه فقط به اندازه نوار بسته فاصله دارد؛ باز شدن روی صفحه می‌آید، اما خود نوار کامل و opaque است */

@media (max-width: 760px) {

  :root {

    --admin-sidebar-rail-v624: 66px;

    --admin-sidebar-open-v624: min(292px, calc(100vw - 12px));

    --admin-sidebar-safe-gap-v624: 10px;

  }



  body.admin-layout-v622,

  body.admin-layout-v622.admin-sidebar-expanded-v622 {

    padding-right: calc(var(--admin-sidebar-rail-v624) + var(--admin-sidebar-safe-gap-v624)) !important;

  }



  body.admin-layout-v622 .card {

    max-width: calc(100vw - var(--admin-sidebar-rail-v624) - var(--admin-sidebar-safe-gap-v624) - 12px) !important;

  }



  .admin-fixed-sidebar-v622 {

    top: 8px;

    right: 6px;

    bottom: 8px;

    width: var(--admin-sidebar-rail-v624);

    padding: 8px;

    border-radius: 26px;

  }



  body.admin-sidebar-expanded-v622 .admin-fixed-sidebar-v622 {

    width: var(--admin-sidebar-open-v624);

    box-shadow:

      0 0 0 9999px rgba(237, 241, 247, .62),

      18px 18px 38px rgba(163, 177, 198, .46),

      -18px -18px 38px rgba(255,255,255,.82) !important;

  }



  .admin-sidebar-brand-v622 {

    grid-template-columns: 40px 1fr 40px;

  }



  .admin-sidebar-logo-v622,

  .admin-sidebar-toggle-v622,

  .admin-sidebar-icon-v622 {

    width: 40px;

    height: 40px;

    min-width: 40px;

  }



  .admin-sidebar-link-v622 {

    grid-template-columns: 40px 1fr;

  }



  body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-brand-v622,

  body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-link-v622 {

    grid-template-columns: 40px;

  }



  body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-link-v622::after {

    display: none;

  }

}



/* دارک مود */

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622,

:root[data-ui-theme="dark"] .admin-sidebar-brand-v622,

:root[data-ui-theme="dark"] .admin-sidebar-logo-v622,

:root[data-ui-theme="dark"] .admin-sidebar-toggle-v622,

:root[data-ui-theme="dark"] .admin-sidebar-icon-v622,

:root[data-ui-theme="dark"] .admin-sidebar-link-v622,

:root[data-ui-theme="dark"] body.admin-layout-v622:not(.admin-sidebar-expanded-v622) .admin-sidebar-link-v622::after {

  background: linear-gradient(145deg, rgba(29,33,42,.98), rgba(18,21,27,.98)) !important;

  color: var(--neo-text-main, #eef3f8) !important;

  border: 1px solid rgba(176,188,205,.10) !important;

  box-shadow:

    7px 7px 15px rgba(0,0,0,.26),

    -7px -7px 15px rgba(255,255,255,.035) !important;

}



:root[data-ui-theme="dark"] .admin-sidebar-brand-text-v622 b,

:root[data-ui-theme="dark"] .admin-sidebar-link-v622 b {

  color: var(--neo-text-main, #eef3f8);

}



:root[data-ui-theme="dark"] .admin-sidebar-brand-text-v622 span,

:root[data-ui-theme="dark"] .admin-sidebar-label-v622 {

  color: var(--neo-text-soft, #9aa5b7);

}



:root[data-ui-theme="dark"] .admin-sidebar-link-v622.is-active {

  background: linear-gradient(135deg, #1f7aff, #35c8f4) !important;

  color: #fff !important;

  border: 0 !important;

}



:root[data-ui-theme="dark"] .admin-sidebar-link-v622.is-active .admin-sidebar-icon-v622 {

  background: rgba(255,255,255,.16) !important;

  color: #fff !important;

  border: 0 !important;

}



:root[data-ui-theme="dark"] .admin-sidebar-link-v622.is-danger,

:root[data-ui-theme="dark"] .admin-sidebar-link-v622.is-danger .admin-sidebar-icon-v622 {

  color: #ff7373 !important;

}



@media (max-width: 760px) {

  :root[data-ui-theme="dark"] body.admin-sidebar-expanded-v622 .admin-fixed-sidebar-v622 {

    box-shadow:

      0 0 0 9999px rgba(10,13,18,.70),

      18px 18px 38px rgba(0,0,0,.40),

      -10px -10px 24px rgba(255,255,255,.035) !important;

  }

}


/* =========================================================
   Phase 6.2.6 - Real fixed right admin sidebar layout
   Sidebar is outside .card. Content reserves real space.
   ========================================================= */

:root {
  --admin-sidebar-closed-v626: 78px;
  --admin-sidebar-open-v626: 292px;
  --admin-sidebar-right-v626: 14px;
  --admin-sidebar-top-v626: 14px;
  --admin-sidebar-bottom-v626: 14px;
  --admin-sidebar-gap-v626: 18px;
  --admin-sidebar-current-v626: var(--admin-sidebar-closed-v626);
}

/* Admin page reserves real space for sidebar. */
body.admin-layout-v626 {
  --admin-sidebar-current-v626: var(--admin-sidebar-closed-v626);
  box-sizing: border-box;
  padding-right: calc(
    var(--admin-sidebar-right-v626) +
    var(--admin-sidebar-current-v626) +
    var(--admin-sidebar-gap-v626)
  ) !important;
  transition: padding-right 220ms cubic-bezier(.16, 1, .3, 1);
}

/* Expanded sidebar also reserves real space, so it never covers the page. */
body.admin-layout-v626.admin-sidebar-expanded-v626 {
  --admin-sidebar-current-v626: var(--admin-sidebar-open-v626);
}

/* Main content card: no sidebar inside it anymore. */
body.admin-layout-v626 .admin-main-card-v626 {
  box-sizing: border-box !important;
  width: min(760px, calc(100vw - var(--admin-sidebar-right-v626) - var(--admin-sidebar-current-v626) - var(--admin-sidebar-gap-v626) - 32px)) !important;
  max-width: min(760px, calc(100vw - var(--admin-sidebar-right-v626) - var(--admin-sidebar-current-v626) - var(--admin-sidebar-gap-v626) - 32px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  overflow: visible !important;
}

/* Sidebar shell: opaque, simple, no dome/radial/overlay. */
.admin-fixed-sidebar-v622 {
  position: fixed !important;
  top: var(--admin-sidebar-top-v626) !important;
  right: var(--admin-sidebar-right-v626) !important;
  bottom: var(--admin-sidebar-bottom-v626) !important;
  z-index: 2147482000 !important;

  width: var(--admin-sidebar-closed-v626) !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 12px !important;

  padding: 10px !important;
  direction: rtl !important;
  overflow: hidden !important;

  border: 0 !important;
  border-radius: 28px !important;
  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;

  box-shadow:
    14px 14px 30px rgba(163, 177, 198, .42),
    -14px -14px 30px rgba(255,255,255,.86) !important;

  transition:
    width 220ms cubic-bezier(.16, 1, .3, 1),
    border-radius 180ms ease,
    box-shadow 180ms ease !important;
}

body.admin-sidebar-expanded-v626 .admin-fixed-sidebar-v622 {
  width: var(--admin-sidebar-open-v626) !important;
  border-radius: 30px !important;
  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
}

/* Kill every decorative surface that created the dome/arc feeling. */
.admin-fixed-sidebar-v622::before,
.admin-fixed-sidebar-v622::after,
.admin-sidebar-brand-v622::before,
.admin-sidebar-brand-v622::after,
.admin-sidebar-menu-v622::before,
.admin-sidebar-menu-v622::after,
.admin-sidebar-group-v622::before,
.admin-sidebar-group-v622::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Header */
.admin-sidebar-brand-v622 {
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr 44px !important;
  gap: 8px !important;
  align-items: center !important;

  padding: 6px !important;
  border-radius: 22px !important;

  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  border: 0 !important;

  box-shadow:
    inset 6px 6px 14px rgba(163, 177, 198, .28),
    inset -6px -6px 14px rgba(255,255,255,.82) !important;
}

.admin-sidebar-logo-v622,
.admin-sidebar-toggle-v622,
.admin-sidebar-icon-v622 {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;

  display: grid !important;
  place-items: center !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;

  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  color: var(--neo-primary, #1f7aff) !important;

  box-shadow:
    6px 6px 13px rgba(163, 177, 198, .34),
    -6px -6px 13px rgba(255,255,255,.82) !important;

  font-weight: 950 !important;
}

.admin-sidebar-toggle-v622 {
  cursor: pointer !important;
}

.admin-sidebar-brand-text-v622 {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(8px) !important;
  transition:
    opacity 160ms ease,
    visibility 160ms ease,
    transform 200ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.admin-sidebar-expanded-v626 .admin-sidebar-brand-text-v622 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

.admin-sidebar-brand-text-v622 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-sidebar-brand-text-v622 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

/* Collapsed: only hamburger remains in brand. */
body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-brand-v622 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
}

body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-logo-v622,
body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-brand-text-v622 {
  display: none !important;
}

body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-toggle-v622 {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Menu */
.admin-sidebar-menu-v622 {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  overflow-y: auto !important;
  overflow-x: visible !important;
  padding: 2px !important;
  scrollbar-width: none !important;
  background: transparent !important;
}

.admin-sidebar-menu-v622::-webkit-scrollbar {
  display: none !important;
}

.admin-sidebar-group-v622 {
  display: grid !important;
  gap: 8px !important;
  background: transparent !important;
}

.admin-sidebar-label-v622 {
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  padding: 0 12px !important;

  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

body.admin-sidebar-expanded-v626 .admin-sidebar-label-v622 {
  height: auto !important;
  opacity: 1 !important;
  padding-top: 6px !important;
}

.admin-sidebar-link-v622 {
  position: relative !important;
  min-height: 52px !important;

  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  gap: 10px !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 4px 6px !important;
  box-sizing: border-box !important;

  border-radius: 22px !important;
  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  color: var(--neo-text, #1f2937) !important;

  box-shadow:
    6px 6px 13px rgba(163, 177, 198, .30),
    -6px -6px 13px rgba(255,255,255,.80) !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.admin-sidebar-link-v622 b {
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(8px) !important;

  transition:
    opacity 160ms ease,
    visibility 160ms ease,
    transform 200ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.admin-sidebar-expanded-v626 .admin-sidebar-link-v622 b {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-link-v622 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
  padding-inline: 4px !important;
}

/* Tooltip in collapsed desktop */
body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-link-v622::after {
  content: attr(title);
  position: absolute;
  top: 50%;
  right: calc(100% + 8px);
  z-index: 2147482100;

  min-width: max-content;
  max-width: 220px;
  padding: 8px 10px;

  border-radius: 16px;
  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  color: var(--neo-text, #1f2937) !important;

  box-shadow:
    8px 8px 18px rgba(163, 177, 198, .38),
    -8px -8px 18px rgba(255,255,255,.82) !important;

  font-size: 12px;
  font-weight: 900;

  transform: translateY(-50%) translateX(6px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-link-v622:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

/* Active state */
.admin-sidebar-link-v622.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 12px 26px rgba(31, 122, 255, .30),
    0 4px 10px rgba(31, 122, 255, .18) !important;
}

.admin-sidebar-link-v622.is-active .admin-sidebar-icon-v622 {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  box-shadow: inset 2px 2px 7px rgba(0,0,0,.12) !important;
}

.admin-sidebar-link-v622.is-disabled {
  opacity: .58 !important;
  cursor: not-allowed !important;
}

.admin-sidebar-link-v622.is-danger {
  color: var(--neo-danger, #ef4444) !important;
}

.admin-sidebar-link-v622.is-danger .admin-sidebar-icon-v622 {
  color: var(--neo-danger, #ef4444) !important;
}

.admin-sidebar-footer-v622 {
  display: grid !important;
  gap: 8px !important;
}

/* Mobile: still reserves real width; no overlay shadow blanket. */
@media (max-width: 760px) {
  :root {
    --admin-sidebar-closed-v626: 66px;
    --admin-sidebar-open-v626: min(292px, calc(100vw - 12px));
    --admin-sidebar-right-v626: 6px;
    --admin-sidebar-top-v626: 8px;
    --admin-sidebar-bottom-v626: 8px;
    --admin-sidebar-gap-v626: 10px;
  }

  body.admin-layout-v626 .admin-main-card-v626 {
    width: calc(100vw - var(--admin-sidebar-right-v626) - var(--admin-sidebar-current-v626) - var(--admin-sidebar-gap-v626) - 12px) !important;
    max-width: calc(100vw - var(--admin-sidebar-right-v626) - var(--admin-sidebar-current-v626) - var(--admin-sidebar-gap-v626) - 12px) !important;
  }

  .admin-fixed-sidebar-v622 {
    border-radius: 26px !important;
    padding: 8px !important;
  }

  .admin-sidebar-brand-v622 {
    grid-template-columns: 40px 1fr 40px !important;
  }

  .admin-sidebar-logo-v622,
  .admin-sidebar-toggle-v622,
  .admin-sidebar-icon-v622 {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .admin-sidebar-link-v622 {
    grid-template-columns: 40px 1fr !important;
  }

  body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-brand-v622,
  body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-link-v622 {
    grid-template-columns: 40px !important;
  }

  body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-link-v622::after {
    display: none !important;
  }
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622,
:root[data-ui-theme="dark"] .admin-sidebar-brand-v622,
:root[data-ui-theme="dark"] .admin-sidebar-logo-v622,
:root[data-ui-theme="dark"] .admin-sidebar-toggle-v622,
:root[data-ui-theme="dark"] .admin-sidebar-icon-v622,
:root[data-ui-theme="dark"] .admin-sidebar-link-v622,
:root[data-ui-theme="dark"] body.admin-layout-v626:not(.admin-sidebar-expanded-v626) .admin-sidebar-link-v622::after {
  background: #20242d !important;
  background-image: none !important;
  color: var(--neo-text-main, #eef3f8) !important;
  border: 1px solid rgba(176,188,205,.10) !important;
  box-shadow:
    7px 7px 15px rgba(0,0,0,.26),
    -7px -7px 15px rgba(255,255,255,.035) !important;
}

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 {
  background: #181c24 !important;
  background-image: none !important;
}

:root[data-ui-theme="dark"] .admin-sidebar-brand-text-v622 b,
:root[data-ui-theme="dark"] .admin-sidebar-link-v622 b {
  color: var(--neo-text-main, #eef3f8) !important;
}

:root[data-ui-theme="dark"] .admin-sidebar-brand-text-v622 span,
:root[data-ui-theme="dark"] .admin-sidebar-label-v622 {
  color: var(--neo-text-soft, #9aa5b7) !important;
}

:root[data-ui-theme="dark"] .admin-sidebar-link-v622.is-active {
  background: linear-gradient(135deg, #1f7aff, #35c8f4) !important;
  color: #fff !important;
  border: 0 !important;
}

:root[data-ui-theme="dark"] .admin-sidebar-link-v622.is-active .admin-sidebar-icon-v622 {
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  border: 0 !important;
}

:root[data-ui-theme="dark"] .admin-sidebar-link-v622.is-danger,
:root[data-ui-theme="dark"] .admin-sidebar-link-v622.is-danger .admin-sidebar-icon-v622 {
  color: #ff7373 !important;
}


/* Phase 6.2.7 - Remove generic nav dome from admin sidebar
   The sidebar menu used to be a <nav>, so global nav::before styles created
   the large dome/circle inside the sidebar. This hard reset keeps the sidebar flat. */
.admin-fixed-sidebar-v622,
.admin-fixed-sidebar-v622 *,
.admin-sidebar-menu-v622,
.admin-sidebar-group-v622 {
  isolation: auto;
}

.admin-fixed-sidebar-v622::before,
.admin-fixed-sidebar-v622::after,
.admin-sidebar-menu-v622::before,
.admin-sidebar-menu-v622::after,
.admin-sidebar-group-v622::before,
.admin-sidebar-group-v622::after,
.admin-sidebar-brand-v622::before,
.admin-sidebar-brand-v622::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

.admin-sidebar-menu-v622 {
  position: static !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow-y: auto !important;
  overflow-x: visible !important;
}

/* The sidebar surface itself must stay one clean opaque panel. */
.admin-fixed-sidebar-v622 {
  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  overflow: hidden !important;
}

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 {
  background: #181c24 !important;
  background-image: none !important;
}

:root[data-ui-theme="dark"] .admin-sidebar-menu-v622 {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}


/* Phase 6.2.7 - Remove generic nav dome from admin sidebar
   The sidebar menu used to be a <nav>, so global nav::before styles created
   the large dome/circle inside the sidebar. This hard reset keeps the sidebar flat. */
.admin-fixed-sidebar-v622,
.admin-fixed-sidebar-v622 *,
.admin-sidebar-menu-v622,
.admin-sidebar-group-v622 {
  isolation: auto;
}

.admin-fixed-sidebar-v622::before,
.admin-fixed-sidebar-v622::after,
.admin-sidebar-menu-v622::before,
.admin-sidebar-menu-v622::after,
.admin-sidebar-group-v622::before,
.admin-sidebar-group-v622::after,
.admin-sidebar-brand-v622::before,
.admin-sidebar-brand-v622::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

.admin-sidebar-menu-v622 {
  position: static !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow-y: auto !important;
  overflow-x: visible !important;
}

/* The sidebar surface itself must stay one clean opaque panel. */
.admin-fixed-sidebar-v622 {
  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  overflow: hidden !important;
}

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 {
  background: #181c24 !important;
  background-image: none !important;
}

:root[data-ui-theme="dark"] .admin-sidebar-menu-v622 {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}


/* Phase 6.2.9 - Final no-shift admin sidebar layout
   Page space is locked to collapsed rail width. Expanded sidebar must not change
   body padding, card width, card margin, or page position. */

:root {
  --admin-sidebar-rail-v629: 78px;
  --admin-sidebar-open-v629: 292px;
  --admin-sidebar-right-v629: 14px;
  --admin-sidebar-gap-v629: 18px;
  --admin-sidebar-top-v629: 14px;
  --admin-sidebar-bottom-v629: 14px;
  --admin-content-safe-v629: calc(
    var(--admin-sidebar-right-v629) +
    var(--admin-sidebar-rail-v629) +
    var(--admin-sidebar-gap-v629)
  );
}

/* Kill old layout classes effects if JS/body still carries them. */
body.admin-layout-v622,
body.admin-layout-v626,
body.admin-layout-v629,
body.admin-layout-v622.admin-sidebar-expanded-v622,
body.admin-layout-v626.admin-sidebar-expanded-v626,
body.admin-layout-v629.admin-sidebar-expanded-v629 {
  --admin-sidebar-current-v626: var(--admin-sidebar-closed-v626, 78px) !important;
  box-sizing: border-box !important;
  padding-right: var(--admin-content-safe-v629) !important;
  transition: none !important;
}

/* Main card must stay in the exact same place in closed/open states. */
body.admin-layout-v629 .admin-main-card-v626,
body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
body.admin-layout-v626 .admin-main-card-v626,
body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626,
body.admin-layout-v622 .card,
body.admin-layout-v622.admin-sidebar-expanded-v622 .card {
  box-sizing: border-box !important;
  width: min(
    760px,
    calc(100vw - var(--admin-content-safe-v629) - 32px)
  ) !important;
  max-width: min(
    760px,
    calc(100vw - var(--admin-content-safe-v629) - 32px)
  ) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  transform: none !important;
  transition: none !important;
}

/* Sidebar width changes only itself. It must not affect page layout. */
body.admin-layout-v629 .admin-fixed-sidebar-v622,
body.admin-layout-v626 .admin-fixed-sidebar-v622,
body.admin-layout-v622 .admin-fixed-sidebar-v622 {
  top: var(--admin-sidebar-top-v629) !important;
  right: var(--admin-sidebar-right-v629) !important;
  bottom: var(--admin-sidebar-bottom-v629) !important;
  width: var(--admin-sidebar-rail-v629) !important;
  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}

body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622,
body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-fixed-sidebar-v622,
body.admin-layout-v622.admin-sidebar-expanded-v622 .admin-fixed-sidebar-v622 {
  width: var(--admin-sidebar-open-v629) !important;
}

/* Expanded state for labels/text must follow the new v629 class too. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-link-v622 b {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-label-v622 {
  height: auto !important;
  opacity: 1 !important;
  padding-top: 6px !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-brand-v622 {
  grid-template-columns: 44px 1fr 44px !important;
}

/* Collapsed state under v629 */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-v622 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-logo-v622,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-text-v622 {
  display: none !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
  padding-inline: 4px !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 b {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Mobile no-shift */
@media (max-width: 760px) {
  :root {
    --admin-sidebar-rail-v629: 66px;
    --admin-sidebar-open-v629: min(292px, calc(100vw - 12px));
    --admin-sidebar-right-v629: 6px;
    --admin-sidebar-gap-v629: 10px;
    --admin-sidebar-top-v629: 8px;
    --admin-sidebar-bottom-v629: 8px;
  }

  body.admin-layout-v629,
  body.admin-layout-v629.admin-sidebar-expanded-v629,
  body.admin-layout-v626,
  body.admin-layout-v626.admin-sidebar-expanded-v626,
  body.admin-layout-v622,
  body.admin-layout-v622.admin-sidebar-expanded-v622 {
    padding-right: var(--admin-content-safe-v629) !important;
  }

  body.admin-layout-v629 .admin-main-card-v626,
  body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
  body.admin-layout-v626 .admin-main-card-v626,
  body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626,
  body.admin-layout-v622 .card,
  body.admin-layout-v622.admin-sidebar-expanded-v622 .card {
    width: calc(100vw - var(--admin-content-safe-v629) - 12px) !important;
    max-width: calc(100vw - var(--admin-content-safe-v629) - 12px) !important;
  }
}


/* Phase 6.3.0 - Soft admin navigation */
body.admin-soft-loading-v630 .admin-main-card-v626 {
  pointer-events: none;
  opacity: .72;
  transform: translateY(2px) scale(.997);
  transition:
    opacity 140ms ease,
    transform 160ms cubic-bezier(.16, 1, .3, 1);
}

.admin-main-card-v626 {
  transition:
    opacity 160ms ease,
    transform 180ms cubic-bezier(.16, 1, .3, 1);
}

.admin-main-card-v626.admin-soft-enter-v630 {
  animation: admin-soft-enter-v630 190ms cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes admin-soft-enter-v630 {
  from {
    opacity: .35;
    transform: translateY(8px) scale(.992);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Tiny loading pulse on the active sidebar item during soft navigation */
body.admin-soft-loading-v630 .admin-sidebar-link-v622.is-active {
  filter: saturate(1.08);
}


/* Phase 6.3.1 - Admin sidebar content polish and faster toggle
   Goal: more usable content width, less double-border feel, faster sidebar toggle. */

:root {
  --admin-sidebar-gap-v629: 8px !important;
  --admin-content-safe-v629: calc(
    var(--admin-sidebar-right-v629) +
    var(--admin-sidebar-rail-v629) +
    var(--admin-sidebar-gap-v629)
  ) !important;
}

/* Keep the page closer to the sidebar rail. */
body.admin-layout-v629,
body.admin-layout-v629.admin-sidebar-expanded-v629,
body.admin-layout-v626,
body.admin-layout-v626.admin-sidebar-expanded-v626,
body.admin-layout-v622,
body.admin-layout-v622.admin-sidebar-expanded-v622 {
  padding-right: var(--admin-content-safe-v629) !important;
}

/* Main admin page should feel like the app canvas, not a card inside a card. */
body.admin-layout-v629 .admin-main-card-v626,
body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
body.admin-layout-v626 .admin-main-card-v626,
body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626 {
  width: min(
    940px,
    calc(100vw - var(--admin-content-safe-v629) - 18px)
  ) !important;
  max-width: min(
    940px,
    calc(100vw - var(--admin-content-safe-v629) - 18px)
  ) !important;

  padding: clamp(14px, 2vw, 22px) !important;
  margin-right: auto !important;
  margin-left: auto !important;

  border: 0 !important;
  outline: 0 !important;
  border-radius: 28px !important;

  /* lighter surface: removes the heavy double-border feeling */
  box-shadow:
    10px 10px 24px rgba(163, 177, 198, .24),
    -10px -10px 24px rgba(255,255,255,.64) !important;

  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
}

/* Reduce nested card-on-card heaviness inside admin pages. */
body.admin-layout-v629 .admin-main-card-v626 .card,
body.admin-layout-v629 .admin-main-card-v626 .admin-collapsible-section,
body.admin-layout-v629 .admin-main-card-v626 .admin-order-card,
body.admin-layout-v629 .admin-main-card-v626 .admin-dashboard-card {
  border-width: 0 !important;
}

/* Faster sidebar: animate only width, not heavy shadows or every child. */
body.admin-layout-v629 .admin-fixed-sidebar-v622,
body.admin-layout-v626 .admin-fixed-sidebar-v622,
body.admin-layout-v622 .admin-fixed-sidebar-v622 {
  will-change: width !important;
  transition: width 135ms cubic-bezier(.2, 0, .2, 1) !important;
  box-shadow:
    10px 10px 22px rgba(163, 177, 198, .34),
    -10px -10px 22px rgba(255,255,255,.72) !important;
}

/* Do not animate expensive shadows/backgrounds on every item while opening. */
.admin-sidebar-brand-v622,
.admin-sidebar-link-v622,
.admin-sidebar-icon-v622,
.admin-sidebar-logo-v622,
.admin-sidebar-toggle-v622 {
  transition:
    background-color 90ms ease,
    color 90ms ease,
    transform 90ms ease !important;
}

/* Text reveal should be quick and cheap. */
.admin-sidebar-brand-text-v622,
.admin-sidebar-link-v622 b {
  transition:
    opacity 80ms ease,
    visibility 80ms ease !important;
  transform: none !important;
}

/* Expanded text visible without slide animation lag. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-link-v622 b,
body.admin-sidebar-expanded-v626 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v626 .admin-sidebar-link-v622 b {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Collapsed text hidden without extra transform work. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 b,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-text-v622 {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
}

/* Dark mode: also reduce the double-border feel. */
:root[data-ui-theme="dark"] body.admin-layout-v629 .admin-main-card-v626,
:root[data-ui-theme="dark"] body.admin-layout-v626 .admin-main-card-v626 {
  background: #181c24 !important;
  background-image: none !important;
  border: 1px solid rgba(176,188,205,.08) !important;
  box-shadow:
    10px 10px 24px rgba(0,0,0,.24),
    -8px -8px 20px rgba(255,255,255,.025) !important;
}

:root[data-ui-theme="dark"] body.admin-layout-v629 .admin-fixed-sidebar-v622,
:root[data-ui-theme="dark"] body.admin-layout-v626 .admin-fixed-sidebar-v622 {
  box-shadow:
    10px 10px 22px rgba(0,0,0,.30),
    -8px -8px 18px rgba(255,255,255,.025) !important;
}

/* Mobile: preserve safe rail but reduce wasted width. */
@media (max-width: 760px) {
  :root {
    --admin-sidebar-gap-v629: 6px !important;
  }

  body.admin-layout-v629 .admin-main-card-v626,
  body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
  body.admin-layout-v626 .admin-main-card-v626,
  body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626 {
    width: calc(100vw - var(--admin-content-safe-v629) - 8px) !important;
    max-width: calc(100vw - var(--admin-content-safe-v629) - 8px) !important;
    padding: 12px !important;
    border-radius: 24px !important;
  }
}

/* Respect users who prefer reduced motion, and also helps low-end phones. */
@media (prefers-reduced-motion: reduce) {
  .admin-fixed-sidebar-v622,
  .admin-sidebar-brand-v622,
  .admin-sidebar-link-v622,
  .admin-sidebar-icon-v622,
  .admin-sidebar-logo-v622,
  .admin-sidebar-toggle-v622,
  .admin-sidebar-brand-text-v622,
  .admin-sidebar-link-v622 b {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}


/* Phase 6.3.2 - Safe admin content polish
   Keep safe content width. Only remove extra visual border and slightly reduce spacing. */

:root {
  /* Slightly less than before, but not aggressive. */
  --admin-sidebar-gap-v629: 14px !important;
  --admin-content-safe-v629: calc(
    var(--admin-sidebar-right-v629) +
    var(--admin-sidebar-rail-v629) +
    var(--admin-sidebar-gap-v629)
  ) !important;
}

/* Do not let the content become wider than the safe old layout. */
body.admin-layout-v629,
body.admin-layout-v629.admin-sidebar-expanded-v629,
body.admin-layout-v626,
body.admin-layout-v626.admin-sidebar-expanded-v626,
body.admin-layout-v622,
body.admin-layout-v622.admin-sidebar-expanded-v622 {
  padding-right: var(--admin-content-safe-v629) !important;
}

/* Restore safe width. Do NOT use 940px. */
body.admin-layout-v629 .admin-main-card-v626,
body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
body.admin-layout-v626 .admin-main-card-v626,
body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626 {
  box-sizing: border-box !important;

  width: min(
    760px,
    calc(100vw - var(--admin-content-safe-v629) - 28px)
  ) !important;

  max-width: min(
    760px,
    calc(100vw - var(--admin-content-safe-v629) - 28px)
  ) !important;

  margin-right: auto !important;
  margin-left: auto !important;

  /* only a small padding reduction */
  padding: clamp(14px, 1.8vw, 20px) !important;

  /* remove one visual border layer */
  border: 0 !important;
  outline: 0 !important;

  /* lighter shadow, not another thick frame */
  box-shadow:
    8px 8px 18px rgba(163, 177, 198, .20),
    -8px -8px 18px rgba(255,255,255,.56) !important;

  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
}

/* Keep inner sections from adding an extra outline where it feels double-framed. */
body.admin-layout-v629 .admin-main-card-v626 > .admin-collapsible-section:first-child,
body.admin-layout-v629 .admin-main-card-v626 > .admin-order-card:first-child,
body.admin-layout-v629 .admin-main-card-v626 > .admin-dashboard-card:first-child {
  border-top-width: 0 !important;
}

/* Keep the sidebar faster, but only animate width. */
body.admin-layout-v629 .admin-fixed-sidebar-v622,
body.admin-layout-v626 .admin-fixed-sidebar-v622,
body.admin-layout-v622 .admin-fixed-sidebar-v622 {
  will-change: width !important;
  transition: width 140ms cubic-bezier(.2, 0, .2, 1) !important;
}

/* Avoid heavy child animations while sidebar opens. */
.admin-sidebar-brand-text-v622,
.admin-sidebar-link-v622 b {
  transition:
    opacity 90ms ease,
    visibility 90ms ease !important;
  transform: none !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-link-v622 b,
body.admin-sidebar-expanded-v626 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v626 .admin-sidebar-link-v622 b {
  transform: none !important;
}

/* Dark mode: same safe width, lighter frame. */
:root[data-ui-theme="dark"] body.admin-layout-v629 .admin-main-card-v626,
:root[data-ui-theme="dark"] body.admin-layout-v626 .admin-main-card-v626 {
  background: #181c24 !important;
  background-image: none !important;
  border: 1px solid rgba(176,188,205,.06) !important;
  box-shadow:
    8px 8px 18px rgba(0,0,0,.22),
    -6px -6px 16px rgba(255,255,255,.02) !important;
}

/* Mobile: keep safe width, only tiny spacing reduction. */
@media (max-width: 760px) {
  :root {
    --admin-sidebar-gap-v629: 8px !important;
  }

  body.admin-layout-v629 .admin-main-card-v626,
  body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
  body.admin-layout-v626 .admin-main-card-v626,
  body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626 {
    width: calc(100vw - var(--admin-content-safe-v629) - 12px) !important;
    max-width: calc(100vw - var(--admin-content-safe-v629) - 12px) !important;
    padding: 12px !important;
    border-radius: 24px !important;
  }
}


/* Phase 6.3.3 - Tight safe gap and synchronized sidebar toggle
   Keep the safe 760px content width. Only reduce the empty gutter and remove stagger/lag. */

:root {
  --admin-sidebar-gap-v629: 6px !important;
  --admin-content-safe-v629: calc(
    var(--admin-sidebar-right-v629) +
    var(--admin-sidebar-rail-v629) +
    var(--admin-sidebar-gap-v629)
  ) !important;
}

/* Locked safe spacing: page stays close to sidebar but never goes under the rail. */
body.admin-layout-v629,
body.admin-layout-v629.admin-sidebar-expanded-v629,
body.admin-layout-v626,
body.admin-layout-v626.admin-sidebar-expanded-v626,
body.admin-layout-v622,
body.admin-layout-v622.admin-sidebar-expanded-v622 {
  padding-right: var(--admin-content-safe-v629) !important;
  transition: none !important;
}

/* Keep width conservative. Do not expand to 940px. */
body.admin-layout-v629 .admin-main-card-v626,
body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
body.admin-layout-v626 .admin-main-card-v626,
body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626 {
  width: min(
    760px,
    calc(100vw - var(--admin-content-safe-v629) - 18px)
  ) !important;

  max-width: min(
    760px,
    calc(100vw - var(--admin-content-safe-v629) - 18px)
  ) !important;

  margin-right: auto !important;
  margin-left: auto !important;
  padding: clamp(13px, 1.6vw, 18px) !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow:
    7px 7px 16px rgba(163, 177, 198, .18),
    -7px -7px 16px rgba(255,255,255,.52) !important;
}

/* Sidebar opens fast: only width changes. No staggered child animations. */
.admin-fixed-sidebar-v622 {
  will-change: width !important;
  contain: layout paint style !important;
  transition: width 90ms cubic-bezier(.2, 0, .2, 1) !important;
}

/* Remove all separate child transitions that caused lag and out-of-sync closing. */
.admin-fixed-sidebar-v622 *,
.admin-sidebar-brand-v622,
.admin-sidebar-link-v622,
.admin-sidebar-icon-v622,
.admin-sidebar-logo-v622,
.admin-sidebar-toggle-v622,
.admin-sidebar-brand-text-v622,
.admin-sidebar-link-v622 b,
.admin-sidebar-label-v622 {
  transition: none !important;
  animation: none !important;
}

/* Expanded state: all text appears together. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-link-v622 b,
body.admin-sidebar-expanded-v626 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v626 .admin-sidebar-link-v622 b {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Collapsed state: all text disappears together. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-text-v622,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 b {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-label-v622 {
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-label-v622 {
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
}

/* Mobile: keep it even tighter but still safe. */
@media (max-width: 760px) {
  :root {
    --admin-sidebar-gap-v629: 4px !important;
  }

  body.admin-layout-v629 .admin-main-card-v626,
  body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
  body.admin-layout-v626 .admin-main-card-v626,
  body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626 {
    width: calc(100vw - var(--admin-content-safe-v629) - 8px) !important;
    max-width: calc(100vw - var(--admin-content-safe-v629) - 8px) !important;
    padding: 11px !important;
  }
}

/* Dark mode: keep the lighter single-frame feel. */
:root[data-ui-theme="dark"] body.admin-layout-v629 .admin-main-card-v626,
:root[data-ui-theme="dark"] body.admin-layout-v626 .admin-main-card-v626 {
  border: 1px solid rgba(176,188,205,.05) !important;
  box-shadow:
    7px 7px 16px rgba(0,0,0,.20),
    -5px -5px 14px rgba(255,255,255,.018) !important;
}


/* Phase 6.3.4 - Production fast sidebar rendering
   Server/mobile rendering can lag with neumorphic shadows during width animation.
   During toggle, animate only width and keep children/shadows stable. */

.admin-fixed-sidebar-v622 {
  transition: width 70ms linear !important;
  will-change: width !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  contain: layout paint style !important;
}

/* Keep expensive shadows static and lighter in production-like rendering. */
.admin-fixed-sidebar-v622,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622,
body.admin-sidebar-expanded-v626 .admin-fixed-sidebar-v622 {
  box-shadow:
    8px 8px 18px rgba(163, 177, 198, .28),
    -8px -8px 18px rgba(255,255,255,.62) !important;
}

/* No nested element animation while width changes. */
.admin-fixed-sidebar-v622 *,
.admin-sidebar-brand-text-v622,
.admin-sidebar-link-v622 b,
.admin-sidebar-label-v622 {
  transition: none !important;
  animation: none !important;
}

/* Use instant show/hide, no stagger. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-link-v622 b,
body.admin-sidebar-expanded-v629 .admin-sidebar-label-v622 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-text-v622,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 b,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-label-v622 {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
}

/* Reduce hover work on touch devices. */
@media (hover: none) {
  .admin-sidebar-link-v622:hover {
    transform: none !important;
  }

  body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622::after {
    display: none !important;
  }
}

/* Dark mode lighter render cost */
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622,
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
  box-shadow:
    8px 8px 18px rgba(0,0,0,.24),
    -6px -6px 14px rgba(255,255,255,.018) !important;
}


/* Phase 6.3.6 - Instant admin sidebar no lag
   Production/mobile lag comes from animating width and repainting neumorphic shadows.
   Final fix: no animation for sidebar open/close. State changes instantly. */

.admin-fixed-sidebar-v622,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622,
body.admin-sidebar-expanded-v626 .admin-fixed-sidebar-v622,
body.admin-sidebar-expanded-v622 .admin-fixed-sidebar-v622 {
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
  transform: none !important;
  contain: layout paint style !important;
}

/* Prevent every child from animating separately. */
.admin-fixed-sidebar-v622 *,
.admin-sidebar-brand-v622,
.admin-sidebar-link-v622,
.admin-sidebar-icon-v622,
.admin-sidebar-logo-v622,
.admin-sidebar-toggle-v622,
.admin-sidebar-brand-text-v622,
.admin-sidebar-link-v622 b,
.admin-sidebar-label-v622 {
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

/* Expanded: all labels/text appear together immediately. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-text-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-link-v622 b,
body.admin-sidebar-expanded-v629 .admin-sidebar-label-v622 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-label-v622 {
  height: auto !important;
  padding-top: 6px !important;
}

/* Collapsed: all labels/text disappear together immediately. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-text-v622,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 b,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-label-v622 {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-label-v622 {
  height: 0 !important;
  padding-top: 0 !important;
}

/* Keep shadows static and lighter so open/close does not repaint heavily. */
.admin-fixed-sidebar-v622,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
  box-shadow:
    7px 7px 16px rgba(163, 177, 198, .24),
    -7px -7px 16px rgba(255,255,255,.56) !important;
}

/* Touch devices: no hover tooltips or hover transforms. */
@media (hover: none) {
  .admin-sidebar-link-v622:hover {
    transform: none !important;
  }

  body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622::after {
    display: none !important;
  }
}

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622,
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
  box-shadow:
    7px 7px 16px rgba(0,0,0,.22),
    -5px -5px 12px rgba(255,255,255,.016) !important;
}


/* Phase 6.3.7 - Fast close admin sidebar
   During close, remove text/labels from layout before shrinking sidebar width. */
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-brand-text-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-link-v622 b,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-label-v622 {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  transform: none !important;
}

body.admin-sidebar-collapse-prep-v637 .admin-sidebar-brand-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-link-v622 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
}

body.admin-sidebar-collapse-prep-v637 .admin-sidebar-logo-v622 {
  display: none !important;
}

body.admin-sidebar-collapse-prep-v637 .admin-sidebar-toggle-v622 {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Keep close/open instant. The close optimization is handled in JS frame order. */
body.admin-sidebar-collapse-prep-v637 .admin-fixed-sidebar-v622,
.admin-fixed-sidebar-v622 {
  transition: none !important;
  animation: none !important;
}


/* Phase 6.3.8 - Stable sidebar icon alignment
   Open/closed states must keep the same vertical item geometry.
   Only text visibility changes; icon rows should not jump. */

/* Fixed, identical row geometry in both states */
.admin-sidebar-link-v622 {
  min-height: 52px !important;
  height: 52px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  align-content: center !important;
  padding: 4px 6px !important;
}

.admin-sidebar-icon-v622 {
  align-self: center !important;
  justify-self: center !important;
}

/* Collapsed state keeps the same row height and vertical rhythm.
   We no longer change the row grid to a single column because that shifts icons. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 {
  min-height: 52px !important;
  height: 52px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  justify-content: stretch !important;
  align-items: center !important;
  padding: 4px 6px !important;
}

/* Hide text visually, but do not let it change row height or icon alignment. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 b {
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* Group labels were changing the vertical positions between open/closed states.
   Keep them out of the layout completely for now. */
.admin-sidebar-label-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-label-v622,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-label-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-label-v622 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

/* Groups keep the same gap regardless of sidebar state. */
.admin-sidebar-group-v622 {
  gap: 8px !important;
}

/* Header also keeps stable geometry. */
.admin-sidebar-brand-v622 {
  min-height: 56px !important;
  height: 56px !important;
  align-items: center !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-v622 {
  grid-template-columns: 44px 1fr 44px !important;
  padding: 6px !important;
}

/* In collapsed mode, keep the toggle in the same column it occupies when open.
   Hide logo/text, but do not rebuild the header geometry. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-logo-v622 {
  opacity: 0 !important;
  visibility: hidden !important;
  display: grid !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-text-v622 {
  display: grid !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  overflow: hidden !important;
}

/* Fast close prep should preserve icon row geometry too. */
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-brand-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-link-v622 {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  justify-content: stretch !important;
  align-items: center !important;
}

body.admin-sidebar-collapse-prep-v637 .admin-sidebar-link-v622 b {
  display: block !important;
  width: 0 !important;
  max-width: 0 !important;
}

/* Mobile follows the same stable rhythm with 40px icons. */
@media (max-width: 760px) {
  .admin-sidebar-link-v622,
  body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622,
  body.admin-sidebar-collapse-prep-v637 .admin-sidebar-link-v622 {
    min-height: 50px !important;
    height: 50px !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    padding: 4px 5px !important;
  }

  .admin-sidebar-brand-v622,
  body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-v622 {
    min-height: 52px !important;
    height: 52px !important;
    grid-template-columns: 40px 1fr 40px !important;
    padding: 6px !important;
  }
}


/* Phase 6.3.9 - Restore collapsed sidebar toggle
   The previous alignment patch kept the collapsed header as 3 columns, pushing
   the hamburger outside the narrow rail. Collapsed header must be one column. */

/* Collapsed header: only hamburger, centered, clickable. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-brand-v622 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 6px !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-toggle-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-toggle-v622 {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  justify-self: center !important;
  align-self: center !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-logo-v622,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-text-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-logo-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-brand-text-v622 {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Expanded header: restore full 3-column layout. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-v622 {
  grid-template-columns: 44px 1fr 44px !important;
  justify-content: stretch !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-logo-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-toggle-v622 {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Keep menu icon rows stable without breaking the header toggle. */
.admin-sidebar-link-v622 {
  min-height: 52px !important;
  height: 52px !important;
  align-items: center !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-link-v622 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
  padding-inline: 4px !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622 b,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-link-v622 b {
  display: none !important;
}

/* Labels remain removed so vertical positions do not jump between states. */
.admin-sidebar-label-v622 {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Mobile sizes */
@media (max-width: 760px) {
  body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-brand-v622,
  body.admin-sidebar-collapse-prep-v637 .admin-sidebar-brand-v622 {
    grid-template-columns: 40px !important;
    min-height: 52px !important;
    height: 52px !important;
  }

  body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-link-v622,
  body.admin-sidebar-collapse-prep-v637 .admin-sidebar-link-v622 {
    grid-template-columns: 40px !important;
  }

  body.admin-sidebar-expanded-v629 .admin-sidebar-brand-v622 {
    grid-template-columns: 40px 1fr 40px !important;
  }
}


/* Phase 6.4.0 - Expanded sidebar full opaque panel
   When open, the sidebar should cover the underlying page all the way to the left,
   so text/cards behind it are not visible. The menu itself stays in a clean
   right-side column. */

:root {
  --admin-sidebar-panel-width-v640: calc(100vw - 28px);
  --admin-sidebar-menu-width-v640: 292px;
}

/* Expanded: full opaque panel from right to left edge. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
  width: var(--admin-sidebar-panel-width-v640) !important;
  max-width: var(--admin-sidebar-panel-width-v640) !important;

  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;

  box-shadow:
    14px 14px 30px rgba(163, 177, 198, .34),
    -14px -14px 30px rgba(255,255,255,.72) !important;
}

/* Keep actual menu content as a right-side vertical toolbar, not stretched full-width. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-menu-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-footer-v622 {
  width: min(var(--admin-sidebar-menu-width-v640), calc(100vw - 42px)) !important;
  max-width: min(var(--admin-sidebar-menu-width-v640), calc(100vw - 42px)) !important;
  justify-self: end !important;
}

/* Keep menu rows tidy inside the fixed right column. */
body.admin-sidebar-expanded-v629 .admin-sidebar-link-v622 {
  width: 100% !important;
  max-width: 100% !important;
}

/* Collapsed state remains narrow. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 {
  width: var(--admin-sidebar-rail-v629) !important;
  max-width: var(--admin-sidebar-rail-v629) !important;
}

/* Make sure the expanded blank area is a clean opaque canvas. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622::before,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Dark mode full opaque panel. */
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
  background: #181c24 !important;
  background-image: none !important;
  box-shadow:
    14px 14px 30px rgba(0,0,0,.30),
    -8px -8px 20px rgba(255,255,255,.018) !important;
}

/* Mobile: same idea, panel covers almost the whole viewport. */
@media (max-width: 760px) {
  :root {
    --admin-sidebar-panel-width-v640: calc(100vw - 12px);
    --admin-sidebar-menu-width-v640: min(292px, calc(100vw - 24px));
  }

  body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
    width: var(--admin-sidebar-panel-width-v640) !important;
    max-width: var(--admin-sidebar-panel-width-v640) !important;
  }
}


/* Phase 6.4.1 - Force expanded sidebar to full inset panel
   Expanded sidebar no longer uses width calculation.
   It is pinned from right to left, so it covers the underlying page completely. */

/* Expanded: fill the viewport horizontally with fixed left/right inset. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622,
body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
  position: fixed !important;

  top: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  left: 14px !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  background: var(--neo-surface, #edf1f7) !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  overflow: hidden !important;

  border-radius: 30px !important;
  transition: none !important;
  animation: none !important;
}

/* Collapsed: restore narrow rail. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 {
  left: auto !important;
  right: var(--admin-sidebar-right-v629, 14px) !important;
  width: var(--admin-sidebar-rail-v629, 78px) !important;
  min-width: var(--admin-sidebar-rail-v629, 78px) !important;
  max-width: var(--admin-sidebar-rail-v629, 78px) !important;
}

/* Keep actual menu content in a neat right-side column when the panel is full-width. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-menu-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-footer-v622 {
  width: 292px !important;
  max-width: 292px !important;
  justify-self: end !important;
}

/* The rest of the opened panel is a clean opaque canvas. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622::before,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

/* Mobile: full inset with smaller margins. */
@media (max-width: 760px) {
  body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622,
  body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
    top: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    left: 6px !important;
    width: auto !important;
    max-width: none !important;
  }

  body.admin-sidebar-expanded-v629 .admin-sidebar-brand-v622,
  body.admin-sidebar-expanded-v629 .admin-sidebar-menu-v622,
  body.admin-sidebar-expanded-v629 .admin-sidebar-footer-v622 {
    width: min(292px, calc(100vw - 24px)) !important;
    max-width: min(292px, calc(100vw - 24px)) !important;
  }

  body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 {
    left: auto !important;
    right: var(--admin-sidebar-right-v629, 6px) !important;
    width: var(--admin-sidebar-rail-v629, 66px) !important;
    min-width: var(--admin-sidebar-rail-v629, 66px) !important;
    max-width: var(--admin-sidebar-rail-v629, 66px) !important;
  }
}

/* Dark mode */
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
  background: #181c24 !important;
  background-image: none !important;
}


/* Phase 6.4.2 - Revert full sidebar panel and add blur backdrop
   Keep the previous partial sidebar width. When open, blur/dim the underlying
   page instead of expanding the sidebar to the full left edge. */

/* Revert v641 full-inset behavior. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622,
body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
  left: auto !important;
  right: var(--admin-sidebar-right-v629, 14px) !important;
  width: var(--admin-sidebar-open-v629, 292px) !important;
  min-width: var(--admin-sidebar-open-v629, 292px) !important;
  max-width: var(--admin-sidebar-open-v629, 292px) !important;
}

/* Actual menu content fills the sidebar width again. */
body.admin-sidebar-expanded-v629 .admin-sidebar-brand-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-menu-v622,
body.admin-sidebar-expanded-v629 .admin-sidebar-footer-v622 {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}

/* Blur the page behind/left of the opened sidebar. */
body.admin-sidebar-expanded-v629::before {
  content: "";
  position: fixed;
  top: 0;
  right: calc(
    var(--admin-sidebar-right-v629, 14px) +
    var(--admin-sidebar-open-v629, 292px)
  );
  bottom: 0;
  left: 0;
  z-index: 2147481500;
  background: rgba(237, 241, 247, .42);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  pointer-events: none;
}

/* Keep sidebar above the blur layer. */
.admin-fixed-sidebar-v622 {
  z-index: 2147482000 !important;
}

/* Dark mode blur */
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629::before {
  background: rgba(10, 13, 18, .44);
}

/* Mobile */
@media (max-width: 760px) {
  body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622,
  body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 {
    left: auto !important;
    right: var(--admin-sidebar-right-v629, 6px) !important;
    width: var(--admin-sidebar-open-v629, min(292px, calc(100vw - 12px))) !important;
    min-width: var(--admin-sidebar-open-v629, min(292px, calc(100vw - 12px))) !important;
    max-width: var(--admin-sidebar-open-v629, min(292px, calc(100vw - 12px))) !important;
  }

  body.admin-sidebar-expanded-v629::before {
    right: calc(
      var(--admin-sidebar-right-v629, 6px) +
      var(--admin-sidebar-open-v629, min(292px, calc(100vw - 12px)))
    );
    background: rgba(237, 241, 247, .38);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  :root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629::before {
    background: rgba(10, 13, 18, .42);
  }
}


/* Phase 6.4.3 - No flash admin soft navigation
   Disable previous fade/translate effects that looked like page refresh. */
body.admin-soft-loading-v630 .admin-main-card-v626,
.admin-main-card-v626,
.admin-main-card-v626.admin-soft-enter-v630 {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  pointer-events: auto !important;
}

@keyframes admin-soft-enter-v630 {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 1;
    transform: none;
  }
}


/* Phase 6.4.4 - Minimal sidebar group separators
   Keep icon positions stable. Add subtle dividers between groups instead of labels. */

.admin-sidebar-group-v622 {
  position: relative !important;
  gap: 8px !important;
}

/* Every group after the first gets a tiny neumorphic separator. */
.admin-sidebar-group-v622 + .admin-sidebar-group-v622 {
  margin-top: 6px !important;
  padding-top: 12px !important;
}

.admin-sidebar-group-v622 + .admin-sidebar-group-v622::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 3px !important;
  right: 10px !important;
  left: 10px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(123, 132, 150, .22),
      transparent
    ) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.50),
    0 -1px 0 rgba(163,177,198,.12) !important;
}

/* Expanded mode: separator can be a little wider and calmer. */
body.admin-sidebar-expanded-v629 .admin-sidebar-group-v622 + .admin-sidebar-group-v622::before {
  right: 14px !important;
  left: 14px !important;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(123, 132, 150, .18),
      rgba(31, 122, 255, .12),
      rgba(123, 132, 150, .18),
      transparent
    ) !important;
}

/* Keep labels hidden; separators are the grouping signal. */
.admin-sidebar-label-v622 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

/* Dark mode separators. */
:root[data-ui-theme="dark"] .admin-sidebar-group-v622 + .admin-sidebar-group-v622::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(154, 165, 183, .16),
      rgba(31, 122, 255, .16),
      rgba(154, 165, 183, .16),
      transparent
    ) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.035),
    0 -1px 0 rgba(0,0,0,.20) !important;
}

/* Mobile: slightly tighter separators. */
@media (max-width: 760px) {
  .admin-sidebar-group-v622 + .admin-sidebar-group-v622 {
    margin-top: 4px !important;
    padding-top: 10px !important;
  }

  .admin-sidebar-group-v622 + .admin-sidebar-group-v622::before {
    right: 8px !important;
    left: 8px !important;
  }
}










/* Phase 6.5.9 - Final clean Orders dropdown
   Native details/summary dropdown. No previous forced-visible rules remain. */

.admin-sidebar-orders-details-v659 {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-sidebar-orders-details-v659 > summary {
  list-style: none !important;
  position: relative !important;
}

.admin-sidebar-orders-details-v659 > summary::-webkit-details-marker {
  display: none !important;
}

.admin-sidebar-orders-details-v659 > summary.admin-sidebar-link-v622 {
  width: 100% !important;
  border: 0 !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* Closed: no submenu and no white gap. */
.admin-sidebar-orders-details-v659:not([open]) .admin-sidebar-submenu-v650,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-orders-details-v659 .admin-sidebar-submenu-v650,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-orders-details-v659 .admin-sidebar-submenu-v650 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.admin-sidebar-orders-details-v659:not([open]) .admin-sidebar-sublink-v650,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-orders-details-v659 .admin-sidebar-sublink-v650 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}

/* Open: submenu visible only when sidebar is expanded. */
body.admin-sidebar-expanded-v629 .admin-sidebar-orders-details-v659[open] .admin-sidebar-submenu-v650 {
  display: grid !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 5px !important;
  margin: 4px 10px 6px 0 !important;
  padding: 8px 10px 8px 0 !important;
  border-right: 1px solid rgba(123, 132, 150, .14) !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-orders-details-v659[open] .admin-sidebar-sublink-v650 {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 34px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

/* Arrow indicator. */
body.admin-sidebar-expanded-v629 .admin-sidebar-orders-details-v659 > summary::after {
  content: "⌄" !important;
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  background: rgba(255,255,255,.28) !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-orders-details-v659[open] > summary::after {
  content: "⌃" !important;
}

/* Collapsed sidebar: submenu never appears even if details remains open. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-orders-details-v659[open] .admin-sidebar-submenu-v650 {
  display: none !important;
}

/* Dark mode. */
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-sidebar-orders-details-v659[open] .admin-sidebar-submenu-v650 {
  border-right-color: rgba(154, 165, 183, .12) !important;
}

:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-sidebar-orders-details-v659 > summary::after {
  background: rgba(255,255,255,.055) !important;
}


/* Phase 6.6.0 - Clean Orders dropdown
   Native details/summary dropdown with isolated class names v660.
   No old v650 submenu CSS can affect this block. */

.admin-sidebar-orders-group-v660 {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-sidebar-orders-group-v660 > summary {
  list-style: none !important;
  position: relative !important;
}

.admin-sidebar-orders-group-v660 > summary::-webkit-details-marker {
  display: none !important;
}

.admin-sidebar-parent-link-v660 {
  width: 100% !important;
  border: 0 !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* Closed state: absolutely no submenu and no white gap. */
.admin-sidebar-orders-group-v660:not([open]) .admin-sidebar-submenu-v660,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-orders-group-v660 .admin-sidebar-submenu-v660,
body.admin-sidebar-collapse-prep-v637 .admin-sidebar-orders-group-v660 .admin-sidebar-submenu-v660 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.admin-sidebar-orders-group-v660:not([open]) .admin-sidebar-sublink-v660,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-sidebar-orders-group-v660 .admin-sidebar-sublink-v660 {
  display: none !important;
}

/* Open state: visible only when sidebar is expanded. */
body.admin-sidebar-expanded-v629 .admin-sidebar-orders-group-v660[open] .admin-sidebar-submenu-v660 {
  display: grid !important;
  gap: 5px !important;
  margin: 4px 10px 6px 0 !important;
  padding: 8px 10px 8px 0 !important;
  border-right: 1px solid rgba(123, 132, 150, .14) !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-orders-group-v660[open] .admin-sidebar-sublink-v660 {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 6px 10px !important;
  border-radius: 15px !important;
  color: var(--neo-text, #1f2937) !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.admin-sidebar-sublink-v660 span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-sidebar-sublink-v660:hover {
  background: rgba(255,255,255,.32) !important;
}

.admin-sidebar-sublink-v660.is-active,
.admin-sidebar-sublink-v660.active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-sidebar-parent-link-v660.is-parent-active-v660 {
  color: var(--neo-primary, #1f7aff) !important;
  box-shadow:
    inset 5px 5px 12px rgba(163, 177, 198, .24),
    inset -5px -5px 12px rgba(255,255,255,.70) !important;
}

/* Arrow indicator */
body.admin-sidebar-expanded-v629 .admin-sidebar-orders-group-v660 > summary::after {
  content: "⌄" !important;
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  background: rgba(255,255,255,.28) !important;
}

body.admin-sidebar-expanded-v629 .admin-sidebar-orders-group-v660[open] > summary::after {
  content: "⌃" !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-sidebar-orders-group-v660[open] .admin-sidebar-submenu-v660 {
  border-right-color: rgba(154, 165, 183, .12) !important;
}

:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-sidebar-orders-group-v660 > summary::after {
  background: rgba(255,255,255,.055) !important;
}

:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-sidebar-orders-group-v660[open] .admin-sidebar-sublink-v660 {
  color: var(--neo-text-main, #eef3f8) !important;
}

:root[data-ui-theme="dark"] .admin-sidebar-sublink-v660:hover {
  background: rgba(255,255,255,.055) !important;
}


/* Phase 6.6.1 - Orders submenu hard reset
   Uses isolated v661 class names so old v650/v658/v660 rules cannot affect submenu. */

.admin-fixed-sidebar-v622 .admin-orders-menu-v661 {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661 {
  position: relative !important;
  width: 100% !important;
  border: 0 !important;
  font-family: inherit !important;
  text-align: right !important;
  cursor: pointer !important;
  user-select: none !important;
}

/* closed */
.admin-fixed-sidebar-v622 .admin-orders-submenu-v661,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-submenu-v661,
body.admin-sidebar-collapse-prep-v637 .admin-fixed-sidebar-v622 .admin-orders-submenu-v661 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.admin-fixed-sidebar-v622 .admin-orders-submenu-v661 .admin-orders-sublink-v661 {
  display: none !important;
}

/* open */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-submenu-v661,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-orders-menu-v661.is-open-v661 .admin-orders-submenu-v661 {
  display: grid !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 5px !important;
  margin: 4px 10px 6px 0 !important;
  padding: 8px 10px 8px 0 !important;
  border-right: 1px solid rgba(123, 132, 150, .14) !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-sublink-v661,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-orders-menu-v661.is-open-v661 .admin-orders-sublink-v661 {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 6px 10px !important;
  border-radius: 15px !important;

  color: var(--neo-text, #1f2937) !important;
  background: transparent !important;
  text-decoration: none !important;

  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;

  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661 span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661:hover {
  background: rgba(255,255,255,.32) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 {
  color: var(--neo-primary, #1f7aff) !important;
  box-shadow:
    inset 5px 5px 12px rgba(163, 177, 198, .24),
    inset -5px -5px 12px rgba(255,255,255,.70) !important;
}

/* arrow */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661::after,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-orders-toggle-v661::after {
  content: "⌄" !important;
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  background: rgba(255,255,255,.28) !important;
}

body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-toggle-v661::after,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-orders-menu-v661.is-open-v661 .admin-orders-toggle-v661::after {
  content: "⌃" !important;
}

/* collapsed rail: submenu must never leak */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-submenu-v661 {
  display: none !important;
}

/* dark */
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-submenu-v661 {
  border-right-color: rgba(154, 165, 183, .12) !important;
}

:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-sublink-v661 {
  color: var(--neo-text-main, #eef3f8) !important;
}

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-sublink-v661:hover {
  background: rgba(255,255,255,.055) !important;
}


/* Phase 6.6.2 - Orders active state
   Make selected parent and selected submenu items visually obvious. */

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 10px 24px rgba(31, 122, 255, .24),
    0 4px 10px rgba(31, 122, 255, .18) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 .admin-sidebar-icon-v622 {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 b {
  color: #fff !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661::after {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .22),
    0 3px 8px rgba(31, 122, 255, .18) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active span {
  color: #fff !important;
}

/* Collapsed rail: if an order page is active, the Orders icon keeps active color. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 {
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  color: #fff !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #237bff, #32bfe8) !important;
}


/* Phase 6.6.3 - Match Orders toggle with normal sidebar links */

/* Remove browser button look; inherit exact sidebar link geometry. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661 {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  font: inherit !important;
  direction: rtl !important;
  text-align: right !important;
  width: 100% !important;
  min-height: var(--admin-sidebar-link-h-v622, 64px) !important;
  cursor: pointer !important;
}

/* Make Orders selected state use the same neumorphic active feel as normal items. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 10px 24px rgba(31, 122, 255, .24),
    0 4px 10px rgba(31, 122, 255, .18) !important;
}

/* Icon and label should follow selected color exactly. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 .admin-sidebar-icon-v622 {
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 b,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 b {
  color: #fff !important;
}

/* Arrow should not create a separate visual language. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661::after,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-orders-toggle-v661::after {
  background: transparent !important;
  box-shadow: none !important;
  color: currentColor !important;
  left: 14px !important;
}

/* Submenu item active: same gradient, smaller row. */
.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .22),
    0 3px 8px rgba(31, 122, 255, .18) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active span {
  color: #fff !important;
}

/* Collapsed rail: if Orders is selected, keep it exactly like active icon tile. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #237bff, #32bfe8) !important;
}


/* Phase 6.6.4 - Orders toggle matches normal sidebar items
   Do not give Orders its own active visual language.
   It must use the same .admin-sidebar-link-v622 and .is-active styling as other menu items. */

/* Button reset only; geometry/style comes from .admin-sidebar-link-v622. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661 {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  font: inherit !important;
  direction: rtl !important;
  text-align: right !important;
  width: 100% !important;
  cursor: pointer !important;
}

/* Kill previous custom active styling that made Orders visually different. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}

/* Previous custom icon/label overrides must not survive. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661 b,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 b {
  color: inherit !important;
}

/* Actual selected state: only global .is-active. This mirrors normal menu selection. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active b {
  color: #fff !important;
}

/* Arrow should be minimal and not add extra neumorphic shadow. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661::after,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-orders-toggle-v661::after {
  background: transparent !important;
  box-shadow: none !important;
  color: currentColor !important;
  left: 14px !important;
}

/* Submenu active item: keep it lighter than the main parent, but still selected. */
.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 6px 14px rgba(31, 122, 255, .18),
    0 2px 6px rgba(31, 122, 255, .14) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active span {
  color: #fff !important;
}

/* Dark mode: use the same final colors, with no extra custom shadow. */
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #237bff, #32bfe8) !important;
}


/* Phase 6.6.5 - Orders toggle exact sidebar parity */

/* The Orders button must behave visually exactly like normal .admin-sidebar-link-v622 items. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.admin-sidebar-link-v622 {
  appearance: none !important;
  -webkit-appearance: none !important;

  border: 0 !important;
  outline: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;

  direction: rtl !important;
  text-align: right !important;
  width: 100% !important;

  /* Match normal link layout. */
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: inherit !important;

  min-height: 52px !important;
  height: 52px !important;
  padding: 4px 6px !important;

  cursor: pointer !important;
}

/* Match label typography with other sidebar labels. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.admin-sidebar-link-v622 b {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* Match icon size with other icons. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661 .admin-sidebar-icon-v622 {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  font-size: inherit !important;
  line-height: 1 !important;
  align-self: center !important;
  justify-self: center !important;
}

/* Collapsed state must match the other collapsed links. */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.admin-sidebar-link-v622 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
  align-items: center !important;
  padding-inline: 4px !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.admin-sidebar-link-v622 b {
  display: none !important;
}

/* Remove old custom active styles completely. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 {
  background: inherit !important;
  box-shadow: inherit !important;
  color: inherit !important;
}

/* Only .is-active controls the selected state, same as other menu items. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active b {
  color: #fff !important;
}

/* Arrow should not change the visual weight of the row. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-toggle-v661::after,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-orders-toggle-v661::after {
  background: transparent !important;
  box-shadow: none !important;
  color: currentColor !important;
  left: 14px !important;
}

/* Submenu active item. */
.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 6px 14px rgba(31, 122, 255, .18),
    0 2px 6px rgba(31, 122, 255, .14) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active span {
  color: #fff !important;
}

/* Dark mode: same active language, no extra shadow. */
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #237bff, #32bfe8) !important;
}


/* Phase 6.6.6 - Immediate Orders active state */

/* Keep submenu selected item visible and clear. */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-orders-menu-v661.is-open-v661 .admin-orders-sublink-v661.is-active,
.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 6px 14px rgba(31, 122, 255, .18),
    0 2px 6px rgba(31, 122, 255, .14) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active span {
  color: #fff !important;
}

/* Orders parent uses only the same active class language as other sidebar links. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active b {
  color: #fff !important;
}

/* No stale custom states. */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-parent-active-v661,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-toggle-selected-v663 {
  color: inherit !important;
}


/* Phase 6.6.7 - Orders toggle stays active while dropdown is open */
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active b {
  color: #fff !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 6px 14px rgba(31, 122, 255, .18),
    0 2px 6px rgba(31, 122, 255, .14) !important;
}


/* Phase 6.6.8 - Reports and Settings dropdowns
   Same behavior and styling model as Orders, with isolated v668 classes. */

.admin-fixed-sidebar-v622 .admin-dropdown-menu-v668 {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668 {
  appearance: none !important;
  -webkit-appearance: none !important;

  border: 0 !important;
  outline: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;

  direction: rtl !important;
  text-align: right !important;
  width: 100% !important;

  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: stretch !important;

  min-height: 52px !important;
  height: 52px !important;
  padding: 4px 6px !important;

  cursor: pointer !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668 b {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668 .admin-sidebar-icon-v622 {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  font-size: inherit !important;
  line-height: 1 !important;
  align-self: center !important;
  justify-self: center !important;
}

/* Closed */
.admin-fixed-sidebar-v622 .admin-dropdown-submenu-v668,
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-dropdown-submenu-v668,
body.admin-sidebar-collapse-prep-v637 .admin-fixed-sidebar-v622 .admin-dropdown-submenu-v668 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-submenu-v668 .admin-dropdown-sublink-v668 {
  display: none !important;
}

/* Open */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-submenu-v668,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-submenu-v668 {
  display: grid !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 5px !important;
  margin: 4px 10px 6px 0 !important;
  padding: 8px 10px 8px 0 !important;
  border-right: 1px solid rgba(123, 132, 150, .14) !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-sublink-v668,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-sublink-v668 {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 6px 10px !important;
  border-radius: 15px !important;

  color: var(--neo-text, #1f2937) !important;
  background: transparent !important;
  text-decoration: none !important;

  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;

  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668 span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668:hover {
  background: rgba(255,255,255,.32) !important;
}

/* Active states */
.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active b {
  color: #fff !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 6px 14px rgba(31, 122, 255, .18),
    0 2px 6px rgba(31, 122, 255, .14) !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active span {
  color: #fff !important;
}

/* Arrow */
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668::after,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-dropdown-toggle-v668::after {
  content: "⌄" !important;
  display: grid !important;
  place-items: center !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  color: currentColor !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-toggle-v668::after,
.admin-fixed-sidebar-v622[aria-expanded="true"] .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-toggle-v668::after {
  content: "⌃" !important;
}

/* Collapsed */
body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668 {
  grid-template-columns: 44px !important;
  justify-content: center !important;
  align-items: center !important;
  padding-inline: 4px !important;
}

body.admin-layout-v629:not(.admin-sidebar-expanded-v629) .admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668 b {
  display: none !important;
}

/* Dark */
:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-submenu-v668 {
  border-right-color: rgba(154, 165, 183, .12) !important;
}

:root[data-ui-theme="dark"] body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-sublink-v668 {
  color: var(--neo-text-main, #eef3f8) !important;
}

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668:hover {
  background: rgba(255,255,255,.055) !important;
}

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #237bff, #32bfe8) !important;
}


/* Phase 6.6.9 - Final active state for Reports/Settings dropdowns */

.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active b {
  color: #fff !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active,
body.admin-sidebar-expanded-v629 .admin-fixed-sidebar-v622 .admin-dropdown-menu-v668.is-open-v668 .admin-dropdown-sublink-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 6px 14px rgba(31, 122, 255, .18),
    0 2px 6px rgba(31, 122, 255, .14) !important;
}

.admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active span {
  color: #fff !important;
}

/* Keep Reports/Settings button geometry identical to normal sidebar items. */
.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.admin-sidebar-link-v622 {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  outline: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  direction: rtl !important;
  text-align: right !important;
  width: 100% !important;
  cursor: pointer !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #237bff, #32bfe8) !important;
}


/* Phase 6.7.0 - Unified sidebar dropdown active state */

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active,
.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31, 122, 255, .20),
    0 3px 8px rgba(31, 122, 255, .16) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active b,
.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active .admin-sidebar-icon-v622,
.admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active b {
  color: #fff !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active,
.admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 6px 14px rgba(31, 122, 255, .18),
    0 2px 6px rgba(31, 122, 255, .14) !important;
}

.admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active span,
.admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active span {
  color: #fff !important;
}

:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-toggle-v661.is-active,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-dropdown-toggle-v668.is-active,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-orders-sublink-v661.is-active,
:root[data-ui-theme="dark"] .admin-fixed-sidebar-v622 .admin-dropdown-sublink-v668.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #237bff, #32bfe8) !important;
}


/* Phase 6.7.1 - Sidebar submenu soft navigation */

.admin-soft-nav-loading-v671 {
  cursor: progress !important;
}

.admin-soft-nav-loading-v671 .admin-main-card-v626,
.admin-soft-nav-loading-v671 main,
.admin-soft-nav-loading-v671 .card {
  transition: opacity 90ms ease, transform 90ms ease !important;
}

.admin-soft-nav-loading-v671 .admin-main-card-v626 {
  opacity: .58 !important;
  transform: translateY(2px) !important;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .admin-soft-nav-loading-v671 .admin-main-card-v626,
  .admin-soft-nav-loading-v671 main,
  .admin-soft-nav-loading-v671 .card {
    transition: none !important;
    transform: none !important;
  }
}


/* Phase 6.8.0 - Admin bottom navigation
   Replace the right sidebar mental model with a five-item bottom app navigation. */

body.admin-layout-v629,
body.admin-layout-v626,
body.admin-layout-v622 {
  padding-right: 0 !important;
  padding-bottom: 112px !important;
  transition: none !important;
}

body.admin-layout-v629.admin-sidebar-expanded-v629,
body.admin-layout-v626.admin-sidebar-expanded-v626,
body.admin-layout-v622.admin-sidebar-expanded-v622 {
  padding-right: 0 !important;
}

body.admin-layout-v629 .admin-main-card-v626,
body.admin-layout-v629.admin-sidebar-expanded-v629 .admin-main-card-v626,
body.admin-layout-v626 .admin-main-card-v626,
body.admin-layout-v626.admin-sidebar-expanded-v626 .admin-main-card-v626 {
  width: min(860px, calc(100vw - 22px)) !important;
  max-width: min(860px, calc(100vw - 22px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Old sidebar should not appear if any old markup/classes survive. */
.admin-fixed-sidebar-v622,
.admin-sidebar-overlay-v622,
.admin-sidebar-backdrop-v622 {
  display: none !important;
}

.admin-bottom-nav-v680 {
  --adminBottomBg: rgba(29, 29, 39, .96);
  --adminBottomDuration: .58s;
  --adminBottomItemSize: 58px;

  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: max(12px, env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;

  width: min(510px, calc(100vw - 24px)) !important;
  height: 76px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 24px !important;
  margin: 0 !important;

  direction: rtl !important;

  background: var(--adminBottomBg) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 999px !important;

  transform: translateX(-50%) translateZ(0) !important;
  box-shadow:
    0 22px 50px rgba(15, 23, 42, .28),
    0 8px 18px rgba(15, 23, 42, .18),
    inset 0 1px 0 rgba(255,255,255,.08) !important;

  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;

  isolation: isolate !important;
  user-select: none !important;
}

.admin-bottom-nav-item-v680 {
  all: unset;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 76px !important;

  position: relative !important;
  z-index: 2 !important;

  display: grid !important;
  place-items: center !important;

  cursor: pointer !important;
  color: rgba(255,255,255,.86) !important;
  text-decoration: none !important;

  transform: translate3d(0,0,0) !important;
  transition:
    transform var(--adminBottomDuration) cubic-bezier(.2, .9, .2, 1),
    color 160ms ease !important;
}

.admin-bottom-nav-item-v680::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;

  width: var(--adminBottomItemSize) !important;
  height: var(--adminBottomItemSize) !important;
  border-radius: 999px !important;

  background: var(--adminItemColor, #1f7aff) !important;

  transform: scale(0) !important;
  opacity: 0 !important;

  box-shadow:
    0 13px 28px color-mix(in srgb, var(--adminItemColor, #1f7aff) 45%, transparent),
    0 5px 12px rgba(0,0,0,.18) !important;

  transition:
    transform var(--adminBottomDuration) cubic-bezier(.2, .9, .2, 1),
    opacity 180ms ease !important;
}

.admin-bottom-nav-item-v680.is-active {
  transform: translate3d(0, -18px, 0) !important;
  color: #fff !important;
}

.admin-bottom-nav-item-v680.is-active::before {
  transform: scale(1) !important;
  opacity: 1 !important;
}

.admin-bottom-nav-icon-v680 {
  width: 29px !important;
  height: 29px !important;

  display: block !important;

  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  transition:
    transform var(--adminBottomDuration) cubic-bezier(.2, .9, .2, 1),
    stroke-dashoffset .9s ease !important;

  stroke-dasharray: 420 !important;
  stroke-dashoffset: 0 !important;
}

.admin-bottom-nav-item-v680.is-active .admin-bottom-nav-icon-v680 {
  animation: adminBottomStrokeV680 .95s reverse ease !important;
}

@keyframes adminBottomStrokeV680 {
  100% {
    stroke-dashoffset: 420;
  }
}

.admin-bottom-nav-item-v680 span {
  position: absolute !important;
  right: 50% !important;
  bottom: 7px !important;

  transform: translateX(50%) translateY(4px) !important;

  color: rgba(255,255,255,.82) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  opacity: 0 !important;
  transition:
    opacity 160ms ease,
    transform 160ms ease !important;
}

.admin-bottom-nav-item-v680.is-active span {
  opacity: 1 !important;
  transform: translateX(50%) translateY(0) !important;
}

.admin-bottom-nav-border-v680 {
  position: absolute !important;
  z-index: 1 !important;

  top: -21px !important;
  right: 0 !important;

  width: 102px !important;
  height: 42px !important;

  border-radius: 0 0 70px 70px !important;
  background: var(--adminBottomBg) !important;

  transform: translate3d(var(--adminBottomBorderX, 0px), 0, 0) !important;
  transition: transform var(--adminBottomDuration) cubic-bezier(.2, .9, .2, 1) !important;

  pointer-events: none !important;
}

.admin-bottom-nav-border-v680::before,
.admin-bottom-nav-border-v680::after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  width: 22px !important;
  height: 22px !important;
  background: transparent !important;
}

.admin-bottom-nav-border-v680::before {
  right: -21px !important;
  border-top-left-radius: 22px !important;
  box-shadow: -7px -7px 0 5px var(--adminBottomBg) !important;
}

.admin-bottom-nav-border-v680::after {
  left: -21px !important;
  border-top-right-radius: 22px !important;
  box-shadow: 7px -7px 0 5px var(--adminBottomBg) !important;
}

.admin-bottom-nav-logout-v680 {
  color: rgba(255,255,255,.76) !important;
}

@media (max-width: 560px) {
  body.admin-layout-v629,
  body.admin-layout-v626,
  body.admin-layout-v622 {
    padding-bottom: 104px !important;
  }

  .admin-bottom-nav-v680 {
    width: min(430px, calc(100vw - 16px)) !important;
    height: 68px !important;
    padding: 0 14px !important;
  }

  .admin-bottom-nav-item-v680 {
    height: 68px !important;
  }

  .admin-bottom-nav-icon-v680 {
    width: 26px !important;
    height: 26px !important;
  }

  .admin-bottom-nav-item-v680::before {
    width: 52px !important;
    height: 52px !important;
  }

  .admin-bottom-nav-item-v680.is-active {
    transform: translate3d(0, -16px, 0) !important;
  }

  .admin-bottom-nav-border-v680 {
    width: 88px !important;
    height: 38px !important;
    top: -19px !important;
  }

  .admin-bottom-nav-item-v680 span {
    font-size: 9.8px !important;
    bottom: 6px !important;
  }
}

/* Dark/light integration */
:root[data-ui-theme="light"] .admin-bottom-nav-v680 {
  --adminBottomBg: rgba(31, 41, 55, .95);
}

:root[data-ui-theme="dark"] .admin-bottom-nav-v680 {
  --adminBottomBg: rgba(18, 24, 34, .96);
  border-color: rgba(255,255,255,.06) !important;
  box-shadow:
    0 24px 54px rgba(0,0,0,.34),
    0 8px 18px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

@media (prefers-reduced-motion: reduce) {
  .admin-bottom-nav-v680,
  .admin-bottom-nav-item-v680,
  .admin-bottom-nav-item-v680::before,
  .admin-bottom-nav-border-v680,
  .admin-bottom-nav-icon-v680 {
    transition: none !important;
    animation: none !important;
  }
}


/* Phase 6.8.1 - CodePen-like neumorphic bottom tab bar
   Closer to the original animated bottom menu, but adapted to our admin UI.
   No body background color changes. */

body.admin-layout-v629,
body.admin-layout-v626,
body.admin-layout-v622 {
  padding-right: 0 !important;
  padding-bottom: 112px !important;
}

/* Bottom nav container */
.admin-bottom-nav-v680 {
  --adminBottomDuration: .62s;
  --adminBottomBg: #1d1d27;
  --adminBottomShadowA: rgba(15, 23, 42, .26);
  --adminBottomShadowB: rgba(255,255,255,.08);

  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;

  width: min(520px, calc(100vw - 28px)) !important;
  height: 76px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 42px !important;
  margin: 0 !important;

  direction: ltr !important;
  background: var(--adminBottomBg) !important;

  border: 0 !important;
  border-radius: 28px !important;

  transform: translateX(-50%) translateZ(0) !important;

  box-shadow:
    12px 12px 28px rgba(163, 177, 198, .30),
    -10px -10px 24px rgba(255, 255, 255, .72),
    0 18px 38px rgba(15, 23, 42, .16) !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  overflow: visible !important;
  isolation: isolate !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-bottom-nav-v680 {
  --adminBottomBg: #171b24;
  box-shadow:
    10px 10px 24px rgba(0,0,0,.34),
    -8px -8px 18px rgba(255,255,255,.035),
    0 18px 38px rgba(0,0,0,.20) !important;
}

/* Item */
.admin-bottom-nav-item-v680 {
  all: unset;
  flex-grow: 1 !important;
  height: 76px !important;
  min-width: 0 !important;

  z-index: 3 !important;
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;
  color: rgba(255,255,255,.90) !important;
  text-decoration: none !important;

  transform: translate3d(0,0,0) !important;
  will-change: transform !important;

  transition:
    transform var(--adminBottomDuration) cubic-bezier(.2,.9,.2,1),
    color 180ms ease !important;
}

.admin-bottom-nav-item-v680::before {
  content: "" !important;
  z-index: -1 !important;

  width: 62px !important;
  height: 62px !important;

  position: absolute !important;
  border-radius: 50% !important;

  background: var(--adminItemColor, #1f7aff) !important;

  transform: scale(0) !important;
  opacity: 0 !important;

  box-shadow:
    8px 8px 18px rgba(0,0,0,.18),
    -5px -5px 14px rgba(255,255,255,.12) !important;

  transition:
    transform var(--adminBottomDuration) cubic-bezier(.2,.9,.2,1),
    opacity 180ms ease !important;
}

.admin-bottom-nav-item-v680.is-active {
  transform: translate3d(0, -18px, 0) !important;
  color: #fff !important;
}

.admin-bottom-nav-item-v680.is-active::before {
  transform: scale(1) !important;
  opacity: 1 !important;
}

/* Icon animation close to original */
.admin-bottom-nav-icon-v680 {
  width: 32px !important;
  height: 32px !important;

  stroke: currentColor !important;
  fill: transparent !important;
  stroke-width: 1.7 !important;
  stroke-miterlimit: 10 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: 420 !important;
  stroke-dashoffset: 0 !important;

  transition: transform var(--adminBottomDuration) cubic-bezier(.2,.9,.2,1) !important;
}

.admin-bottom-nav-item-v680.is-active .admin-bottom-nav-icon-v680 {
  animation: adminBottomStrokeV681 1.25s reverse ease !important;
}

@keyframes adminBottomStrokeV681 {
  100% {
    stroke-dashoffset: 420;
  }
}

/* Minimal label: only active item shows it, without visual clutter */
.admin-bottom-nav-item-v680 span {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 5px !important;

  transform: translateX(-50%) translateY(5px) !important;

  color: rgba(255,255,255,.88) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  opacity: 0 !important;
  pointer-events: none !important;

  transition:
    opacity 160ms ease,
    transform 160ms ease !important;
}

.admin-bottom-nav-item-v680.is-active span {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* The wave/bulge behind active icon, using real clip-path like the CodePen */
.admin-bottom-nav-border-v680 {
  position: absolute !important;
  z-index: 1 !important;

  left: 0 !important;
  right: auto !important;
  bottom: 99% !important;

  width: 112px !important;
  height: 40px !important;

  background: var(--adminBottomBg) !important;
  clip-path: url(#admin-bottom-menu-clip-v681) !important;
  -webkit-clip-path: url(#admin-bottom-menu-clip-v681) !important;

  transform: translate3d(var(--adminBottomBorderX, 0px), 0, 0) !important;
  will-change: transform !important;

  transition: transform var(--adminBottomDuration) cubic-bezier(.2,.9,.2,1) !important;

  pointer-events: none !important;
}

/* Remove the old artificial side arcs */
.admin-bottom-nav-border-v680::before,
.admin-bottom-nav-border-v680::after {
  display: none !important;
  content: none !important;
}

/* Hide svg helper */
.admin-bottom-svg-container-v681 {
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

/* Mobile tuning */
@media (max-width: 560px) {
  body.admin-layout-v629,
  body.admin-layout-v626,
  body.admin-layout-v622 {
    padding-bottom: 102px !important;
  }

  .admin-bottom-nav-v680 {
    width: min(430px, calc(100vw - 18px)) !important;
    height: 68px !important;
    padding: 0 28px !important;
    border-radius: 24px !important;
  }

  .admin-bottom-nav-item-v680 {
    height: 68px !important;
  }

  .admin-bottom-nav-item-v680::before {
    width: 54px !important;
    height: 54px !important;
  }

  .admin-bottom-nav-item-v680.is-active {
    transform: translate3d(0, -16px, 0) !important;
  }

  .admin-bottom-nav-icon-v680 {
    width: 28px !important;
    height: 28px !important;
  }

  .admin-bottom-nav-border-v680 {
    width: 96px !important;
    height: 36px !important;
  }

  .admin-bottom-nav-item-v680 span {
    font-size: 9.4px !important;
    bottom: 4px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-bottom-nav-v680,
  .admin-bottom-nav-item-v680,
  .admin-bottom-nav-item-v680::before,
  .admin-bottom-nav-border-v680,
  .admin-bottom-nav-icon-v680 {
    transition: none !important;
    animation: none !important;
  }
}


/* Phase 6.8.2 - Native neumorphic bottom nav
   Final override: no foreign-looking clip protrusion, no labels clutter, no black blocky dark mode. */

body.admin-layout-v629,
body.admin-layout-v626,
body.admin-layout-v622 {
  padding-right: 0 !important;
  padding-bottom: 112px !important;
}

/* Hide all old sidebar remnants and the SVG wave helper. */
.admin-fixed-sidebar-v622,
.admin-sidebar-overlay-v622,
.admin-sidebar-backdrop-v622,
.admin-bottom-svg-container-v681 {
  display: none !important;
}

/* Main dock: neumorphic surface, not a foreign black component. */
.admin-bottom-nav-v680 {
  --adminBottomDuration: .55s;
  --adminBottomBg: var(--neo-surface, #edf1f7);
  --adminBottomIcon: var(--neo-muted, #7b8496);
  --adminBottomActive: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4));

  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  z-index: 9999 !important;

  width: min(460px, calc(100vw - 28px)) !important;
  height: 74px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 18px !important;
  margin: 0 !important;

  direction: rtl !important;
  overflow: visible !important;
  isolation: isolate !important;

  background:
    linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,255,255,0)),
    var(--adminBottomBg) !important;

  border: 1px solid rgba(255,255,255,.42) !important;
  border-radius: 32px !important;

  transform: translateX(-50%) translateZ(0) !important;

  box-shadow:
    10px 10px 24px rgba(163, 177, 198, .36),
    -10px -10px 24px rgba(255,255,255,.78),
    inset 1px 1px 0 rgba(255,255,255,.56) !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Soft moving cradle under active item, instead of the broken SVG protrusion. */
.admin-bottom-nav-v680::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;

  top: -11px !important;
  left: 0 !important;

  width: 74px !important;
  height: 38px !important;
  border-radius: 999px !important;

  background: var(--adminBottomBg) !important;

  transform: translate3d(var(--adminBottomCradleX, 0px), 0, 0) !important;
  transition: transform var(--adminBottomDuration) cubic-bezier(.2,.9,.2,1) !important;

  box-shadow:
    inset 5px 5px 12px rgba(163,177,198,.25),
    inset -5px -5px 12px rgba(255,255,255,.62) !important;

  opacity: .95 !important;
  pointer-events: none !important;
}

/* Completely disable old clip-path border/protrusion. */
.admin-bottom-nav-border-v680 {
  display: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

.admin-bottom-nav-border-v680::before,
.admin-bottom-nav-border-v680::after {
  display: none !important;
  content: none !important;
}

/* Items: clean app-tab behavior. */
.admin-bottom-nav-item-v680 {
  all: unset;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 74px !important;

  position: relative !important;
  z-index: 3 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;
  color: var(--adminBottomIcon) !important;
  text-decoration: none !important;

  transform: translate3d(0,0,0) !important;
  will-change: transform !important;

  transition:
    transform var(--adminBottomDuration) cubic-bezier(.2,.9,.2,1),
    color 160ms ease !important;

  -webkit-tap-highlight-color: transparent !important;
}

.admin-bottom-nav-item-v680::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;

  width: 58px !important;
  height: 58px !important;
  border-radius: 999px !important;

  background: var(--adminBottomActive) !important;

  transform: scale(.35) !important;
  opacity: 0 !important;

  box-shadow:
    0 12px 24px rgba(31, 122, 255, .20),
    0 5px 10px rgba(31, 122, 255, .14) !important;

  transition:
    transform var(--adminBottomDuration) cubic-bezier(.2,.9,.2,1),
    opacity 160ms ease !important;
}

.admin-bottom-nav-item-v680.is-active {
  transform: translate3d(0, -16px, 0) !important;
  color: #fff !important;
}

.admin-bottom-nav-item-v680.is-active::before {
  transform: scale(1) !important;
  opacity: 1 !important;
}

/* Icon: keep the CodePen-like stroke animation. */
.admin-bottom-nav-icon-v680 {
  width: 29px !important;
  height: 29px !important;

  display: block !important;

  stroke: currentColor !important;
  fill: transparent !important;
  stroke-width: 1.8 !important;
  stroke-miterlimit: 10 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;

  stroke-dasharray: 420 !important;
  stroke-dashoffset: 0 !important;

  transition: transform var(--adminBottomDuration) cubic-bezier(.2,.9,.2,1) !important;
}

.admin-bottom-nav-item-v680.is-active .admin-bottom-nav-icon-v680 {
  animation: adminBottomStrokeV682 1.05s reverse ease !important;
}

@keyframes adminBottomStrokeV682 {
  100% {
    stroke-dashoffset: 420;
  }
}

/* Labels were visually noisy in this UI. Keep them hidden; aria-label handles accessibility. */
.admin-bottom-nav-item-v680 span {
  display: none !important;
}

/* Logout should not become visually dominant unless active. */
.admin-bottom-nav-logout-v680 {
  color: var(--adminBottomIcon) !important;
}

/* Dark mode: same neumorphic language, no blocky black bar. */
:root[data-ui-theme="dark"] .admin-bottom-nav-v680 {
  --adminBottomBg: #171d27;
  --adminBottomIcon: #aeb8c8;

  background:
    linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
    var(--adminBottomBg) !important;

  border-color: rgba(255,255,255,.055) !important;

  box-shadow:
    9px 9px 22px rgba(0,0,0,.36),
    -7px -7px 18px rgba(255,255,255,.028),
    inset 1px 1px 0 rgba(255,255,255,.035) !important;
}

:root[data-ui-theme="dark"] .admin-bottom-nav-v680::before {
  background: var(--adminBottomBg) !important;
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.30),
    inset -5px -5px 12px rgba(255,255,255,.024) !important;
}

:root[data-ui-theme="dark"] .admin-bottom-nav-item-v680::before {
  box-shadow:
    0 12px 24px rgba(31, 122, 255, .22),
    0 5px 10px rgba(31, 122, 255, .16) !important;
}

/* Mobile tuning */
@media (max-width: 560px) {
  body.admin-layout-v629,
  body.admin-layout-v626,
  body.admin-layout-v622 {
    padding-bottom: 102px !important;
  }

  .admin-bottom-nav-v680 {
    width: min(410px, calc(100vw - 18px)) !important;
    height: 68px !important;
    padding: 0 12px !important;
    border-radius: 28px !important;
  }

  .admin-bottom-nav-v680::before {
    width: 66px !important;
    height: 34px !important;
    top: -9px !important;
  }

  .admin-bottom-nav-item-v680 {
    height: 68px !important;
  }

  .admin-bottom-nav-item-v680::before {
    width: 52px !important;
    height: 52px !important;
  }

  .admin-bottom-nav-item-v680.is-active {
    transform: translate3d(0, -14px, 0) !important;
  }

  .admin-bottom-nav-icon-v680 {
    width: 26px !important;
    height: 26px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-bottom-nav-v680,
  .admin-bottom-nav-v680::before,
  .admin-bottom-nav-item-v680,
  .admin-bottom-nav-item-v680::before,
  .admin-bottom-nav-icon-v680 {
    transition: none !important;
    animation: none !important;
  }
}


/* Phase 6.8.3 - Remove moving cradle/ellipse from bottom nav
   The animated oval under active item looked like a separate object.
   Keep only the active icon lift and active circular background. */

.admin-bottom-nav-v680::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  transform: none !important;
  transition: none !important;
}

:root[data-ui-theme="dark"] .admin-bottom-nav-v680::before {
  display: none !important;
  content: none !important;
}

/* Make the active state self-contained: the circle behind the icon is enough. */
.admin-bottom-nav-item-v680.is-active {
  transform: translate3d(0, -15px, 0) !important;
}

.admin-bottom-nav-item-v680::before {
  box-shadow:
    8px 8px 18px rgba(163, 177, 198, .22),
    -6px -6px 14px rgba(255,255,255,.42),
    0 10px 22px rgba(31, 122, 255, .16) !important;
}

:root[data-ui-theme="dark"] .admin-bottom-nav-item-v680::before {
  box-shadow:
    7px 7px 16px rgba(0,0,0,.30),
    -5px -5px 12px rgba(255,255,255,.035),
    0 10px 22px rgba(31, 122, 255, .18) !important;
}

@media (max-width: 560px) {
  .admin-bottom-nav-item-v680.is-active {
    transform: translate3d(0, -13px, 0) !important;
  }
}


/* Phase 6.8.4 - Bottom nav soft navigation */

body.admin-bottom-soft-loading-v684 {
  cursor: progress !important;
}

body.admin-bottom-soft-loading-v684 .admin-main-card-v626 {
  opacity: .62 !important;
  transform: translateY(2px) !important;
  pointer-events: none !important;
  transition:
    opacity 90ms ease,
    transform 90ms ease !important;
}

body.admin-soft-fade-in-v684 .admin-main-card-v626 {
  animation: adminSoftFadeInV684 120ms ease both !important;
}

@keyframes adminSoftFadeInV684 {
  from {
    opacity: .72;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.admin-bottom-soft-loading-v684 .admin-main-card-v626,
  body.admin-soft-fade-in-v684 .admin-main-card-v626 {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}


/* Phase 6.9.0 - Orders Command Center */

.admin-orders-command-center-v690 {
  display: grid !important;
  gap: 18px !important;
}

.admin-orders-hero-v690 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: stretch !important;

  padding: clamp(16px, 2.5vw, 24px) !important;
  border-radius: var(--neo-radius-xl, 38px) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-orders-hero-v690 h1 {
  margin: 4px 0 8px !important;
  color: var(--neo-text, #1f2937) !important;
}

.admin-orders-hero-v690 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
}

.admin-orders-hero-stats-v690 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(86px, 1fr)) !important;
  gap: 10px !important;
  min-width: 280px !important;
}

.admin-orders-hero-stats-v690 > div {
  display: grid !important;
  gap: 6px !important;
  align-content: center !important;
  text-align: center !important;

  padding: 13px 12px !important;
  border-radius: 22px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-orders-hero-stats-v690 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.admin-orders-hero-stats-v690 b {
  color: var(--neo-primary, #1f7aff) !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

.admin-orders-view-strip-v690 {
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 8px 4px 12px !important;
  scrollbar-width: none !important;
}

.admin-orders-view-strip-v690::-webkit-scrollbar {
  display: none !important;
}

.admin-orders-view-chip-v690 {
  flex: 0 0 auto !important;
  min-width: 112px !important;

  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 4px 8px !important;
  align-items: center !important;

  padding: 12px 14px !important;
  border-radius: 22px !important;

  color: var(--neo-text, #1f2937) !important;
  text-decoration: none !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;

  transition:
    transform 160ms ease,
    box-shadow 160ms ease !important;
}

.admin-orders-view-chip-v690:hover {
  transform: translateY(-1px) !important;
}

.admin-orders-view-chip-v690 span {
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.admin-orders-view-chip-v690 b {
  color: var(--neo-primary, #1f7aff) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.admin-orders-view-chip-v690 small {
  grid-column: 1 / -1 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  white-space: nowrap !important;
}

.admin-orders-view-chip-v690.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow: var(--neo-blue-glow) !important;
}

.admin-orders-view-chip-v690.is-active b,
.admin-orders-view-chip-v690.is-active small {
  color: rgba(255,255,255,.92) !important;
}

.admin-orders-searchbar-v690,
.admin-orders-urgent-v690,
.admin-orders-workspace-v690 {
  padding: clamp(14px, 2vw, 20px) !important;
  border-radius: var(--neo-radius-lg, 30px) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-orders-command-search-v690 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(150px, .7fr) auto auto !important;
  gap: 12px !important;
  align-items: end !important;
  margin: 0 !important;
}

.admin-orders-command-search-v690 label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
}

.admin-orders-command-search-v690 label span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.admin-orders-command-search-v690 input {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;
  background: var(--neo-surface, #edf1f7) !important;
  color: var(--neo-text, #1f2937) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-orders-command-search-v690 button {
  margin: 0 !important;
  min-height: 44px !important;
}

.admin-orders-section-head-v690 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.admin-orders-section-head-v690 h2 {
  margin: 0 0 4px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 18px !important;
}

.admin-orders-section-head-v690 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
}

.admin-orders-urgent-grid-v690 {
  display: grid !important;
  gap: 12px !important;
}

.admin-orders-urgent-card-v690 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;

  padding: 14px !important;
  border-radius: 24px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-orders-urgent-title-v690 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.admin-orders-urgent-title-v690 span {
  color: var(--neo-primary, #1f7aff) !important;
  font-weight: 950 !important;
  font-size: 12px !important;
}

.admin-orders-urgent-title-v690 h3 {
  margin: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 15px !important;
}

.admin-orders-urgent-main-v690 p {
  margin: 6px 0 10px !important;
  color: var(--neo-muted, #7b8496) !important;
}

.admin-orders-urgent-meta-v690,
.admin-orders-urgent-badges-v690 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
}

.admin-orders-urgent-empty-v690,
.admin-orders-empty-v690 {
  display: grid !important;
  gap: 8px !important;
  padding: 18px !important;
  border-radius: 24px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  color: var(--neo-muted, #7b8496) !important;
}

.admin-orders-urgent-empty-v690 b,
.admin-orders-empty-v690 b {
  color: var(--neo-text, #1f2937) !important;
}

.admin-orders-result-count-v690 {
  min-width: 74px !important;
  display: grid !important;
  gap: 4px !important;
  text-align: center !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-orders-result-count-v690 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
}

.admin-orders-result-count-v690 b {
  color: var(--neo-primary, #1f7aff) !important;
  font-size: 20px !important;
}

/* Soft navigation loading */
body.admin-orders-soft-loading-v690 .admin-orders-command-center-v690 {
  opacity: .62 !important;
  transform: translateY(2px) !important;
  pointer-events: none !important;
  transition: opacity 90ms ease, transform 90ms ease !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-orders-hero-v690,
:root[data-ui-theme="dark"] .admin-orders-searchbar-v690,
:root[data-ui-theme="dark"] .admin-orders-urgent-v690,
:root[data-ui-theme="dark"] .admin-orders-workspace-v690,
:root[data-ui-theme="dark"] .admin-orders-view-chip-v690,
:root[data-ui-theme="dark"] .admin-orders-urgent-card-v690,
:root[data-ui-theme="dark"] .admin-orders-urgent-empty-v690,
:root[data-ui-theme="dark"] .admin-orders-empty-v690,
:root[data-ui-theme="dark"] .admin-orders-result-count-v690 {
  background: var(--neo-surface, #171d27) !important;
}

@media (max-width: 760px) {
  .admin-orders-hero-v690 {
    grid-template-columns: 1fr !important;
  }

  .admin-orders-hero-stats-v690 {
    min-width: 0 !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .admin-orders-command-search-v690 {
    grid-template-columns: 1fr !important;
  }

  .admin-orders-urgent-card-v690 {
    grid-template-columns: 1fr !important;
  }

  .admin-orders-section-head-v690 {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}


/* Phase 6.9.2 - Orders command center focus refinement */

/* Desktop/tablet: chips should be discoverable, not hidden in horizontal scroll. */
.admin-orders-view-strip-v690 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
}

.admin-orders-view-chip-v690 {
  min-width: 0 !important;
  width: auto !important;
}

/* Compact urgent summary for focused views. */
.admin-orders-urgent-summary-v692 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  padding: 14px 16px !important;
  border-radius: var(--neo-radius-lg, 30px) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-orders-urgent-summary-v692 > div {
  display: grid !important;
  gap: 5px !important;
}

.admin-orders-urgent-summary-v692 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 14px !important;
}

.admin-orders-urgent-summary-v692 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
}

/* Dark mode harmony */
:root[data-ui-theme="dark"] .admin-orders-urgent-summary-v692 {
  background: var(--neo-surface, #171d27) !important;
}

/* Mobile: horizontal scroll remains, but make it discoverable. */
@media (max-width: 760px) {
  .admin-orders-view-strip-v690 {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 4px 28px !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
  }

  .admin-orders-view-strip-v690::-webkit-scrollbar {
    display: none !important;
  }

  .admin-orders-view-strip-v690::before,
  .admin-orders-view-strip-v690::after {
    content: "" !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 74px !important;
    pointer-events: none !important;
  }

  .admin-orders-view-strip-v690::before {
    right: 0 !important;
    margin-left: -22px !important;
    background: linear-gradient(90deg, transparent, var(--neo-surface, #edf1f7)) !important;
  }

  .admin-orders-view-strip-v690::after {
    left: 0 !important;
    margin-right: -22px !important;
    background: linear-gradient(270deg, transparent, var(--neo-surface, #edf1f7)) !important;
  }

  .admin-orders-view-chip-v690 {
    flex: 0 0 132px !important;
    scroll-snap-align: start !important;
  }

  .admin-orders-view-strip-v690 {
    border-radius: 24px !important;
  }

  .admin-orders-view-strip-v690 + .admin-orders-searchbar-v690 {
    margin-top: 0 !important;
  }

  .admin-orders-view-strip-v690::marker {
    display: none !important;
  }

  .admin-orders-command-center-v690::before {
    content: "برای دیدن همه وضعیت‌ها، ردیف وضعیت‌ها را افقی بکشید";
    display: block !important;
    order: 2 !important;
    margin-top: -12px !important;
    margin-bottom: -4px !important;
    padding: 0 8px !important;
    color: var(--neo-muted, #7b8496) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
  }

  .admin-orders-urgent-summary-v692 {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}


/* Phase 6.9.3 - Grouped orders chips grid on all screen sizes */

/* The status selector is no longer a horizontal scroller. */
.admin-orders-view-strip-v690 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  overflow: visible !important;
  padding: 0 !important;
}

.admin-orders-chip-group-v693 {
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
  border-radius: 26px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-orders-chip-group-title-v693 {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  padding: 0 4px !important;
}

.admin-orders-chip-group-grid-v693 {
  display: grid !important;
  gap: 10px !important;
}

.admin-orders-chip-group-v693.is-overview .admin-orders-chip-group-grid-v693,
.admin-orders-chip-group-v693.is-archive .admin-orders-chip-group-grid-v693 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.admin-orders-chip-group-v693.is-operation .admin-orders-chip-group-grid-v693 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.admin-orders-view-chip-v690 {
  min-width: 0 !important;
  width: auto !important;
}

/* Remove old mobile horizontal-scroll affordances completely. */
.admin-orders-view-strip-v690::before,
.admin-orders-view-strip-v690::after,
.admin-orders-command-center-v690::before {
  display: none !important;
  content: none !important;
}

/* Dark mode harmony */
:root[data-ui-theme="dark"] .admin-orders-chip-group-v693 {
  background: var(--neo-surface, #171d27) !important;
}

/* Mobile: three clear grouped blocks, no horizontal scroll. */
@media (max-width: 760px) {
  .admin-orders-view-strip-v690 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }

  .admin-orders-chip-group-v693 {
    padding: 10px !important;
    border-radius: 22px !important;
  }

  .admin-orders-chip-group-title-v693 {
    font-size: 11.5px !important;
  }

  .admin-orders-chip-group-v693.is-overview .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-operation .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-archive .admin-orders-chip-group-grid-v693 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-orders-view-chip-v690 {
    flex: initial !important;
    min-width: 0 !important;
    padding: 10px 11px !important;
  }

  .admin-orders-view-chip-v690 span {
    font-size: 11.5px !important;
  }

  .admin-orders-view-chip-v690 b {
    font-size: 17px !important;
  }

  .admin-orders-view-chip-v690 small {
    font-size: 10px !important;
  }
}

/* Very narrow phones: keep readable instead of cramped. */
@media (max-width: 390px) {
  .admin-orders-chip-group-v693.is-overview .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-operation .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-archive .admin-orders-chip-group-grid-v693 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.4 - Mobile chips as 3-column command grid
   On mobile, flatten the visual groups so the 8 status chips become:
   3 columns x 3 rows, instead of 8 vertical rows. */

@media (max-width: 760px) {
  .admin-orders-view-strip-v690 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }

  .admin-orders-chip-group-v693 {
    display: contents !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .admin-orders-chip-group-title-v693 {
    display: none !important;
  }

  .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-overview .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-operation .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-archive .admin-orders-chip-group-grid-v693 {
    display: contents !important;
  }

  .admin-orders-view-chip-v690 {
    min-width: 0 !important;
    width: auto !important;
    min-height: 74px !important;
    padding: 9px 8px !important;
    border-radius: 18px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 3px 5px !important;
  }

  .admin-orders-view-chip-v690 span {
    font-size: 10.8px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  .admin-orders-view-chip-v690 b {
    font-size: 16px !important;
  }

  .admin-orders-view-chip-v690 small {
    font-size: 9.2px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  .admin-orders-view-strip-v690::before,
  .admin-orders-view-strip-v690::after,
  .admin-orders-command-center-v690::before {
    display: none !important;
    content: none !important;
  }
}

/* Even on very narrow phones, do not fall back to one-column vertical list.
   Make chips more compact instead. */
@media (max-width: 390px) {
  .admin-orders-view-strip-v690 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .admin-orders-view-chip-v690 {
    min-height: 70px !important;
    padding: 8px 6px !important;
    border-radius: 16px !important;
  }

  .admin-orders-view-chip-v690 span {
    font-size: 10px !important;
  }

  .admin-orders-view-chip-v690 b {
    font-size: 15px !important;
  }

  .admin-orders-view-chip-v690 small {
    font-size: 8.7px !important;
  }
}


/* Phase 6.9.5 - Mobile orders command pills
   Keep the 3-column accessibility, remove the dry square-card feeling. */

@media (max-width: 760px) {
  .admin-orders-view-strip-v690 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;

    padding: 10px !important;
    border-radius: 28px !important;

    background:
      linear-gradient(145deg, rgba(255,255,255,.26), rgba(255,255,255,0)),
      var(--neo-surface, #edf1f7) !important;

    box-shadow: var(--neo-shadow-in-soft) !important;
  }

  .admin-orders-chip-group-v693,
  .admin-orders-chip-group-grid-v693 {
    display: contents !important;
  }

  .admin-orders-chip-group-title-v693 {
    display: none !important;
  }

  .admin-orders-view-chip-v690 {
    min-height: 54px !important;
    padding: 8px 9px !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    gap: 6px !important;

    border-radius: 999px !important;

    background:
      linear-gradient(145deg, rgba(255,255,255,.32), rgba(255,255,255,0)),
      var(--neo-surface, #edf1f7) !important;

    box-shadow:
      5px 5px 12px rgba(163,177,198,.24),
      -5px -5px 12px rgba(255,255,255,.58) !important;

    color: var(--neo-text, #1f2937) !important;
  }

  .admin-orders-view-chip-v690 span {
    min-width: 0 !important;
    font-size: 10.8px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: right !important;
  }

  .admin-orders-view-chip-v690 b {
    min-width: 25px !important;
    height: 25px !important;

    display: inline-grid !important;
    place-items: center !important;

    border-radius: 999px !important;

    font-size: 13px !important;
    font-weight: 950 !important;

    color: var(--neo-primary, #1f7aff) !important;
    background: var(--neo-surface, #edf1f7) !important;
    box-shadow: var(--neo-shadow-in-soft) !important;
  }

  .admin-orders-view-chip-v690 small {
    display: none !important;
  }

  .admin-orders-view-chip-v690.is-active {
    background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
    color: #fff !important;
    box-shadow:
      0 10px 24px rgba(31,122,255,.24),
      0 4px 10px rgba(31,122,255,.16) !important;
  }

  .admin-orders-view-chip-v690.is-active span {
    color: #fff !important;
  }

  .admin-orders-view-chip-v690.is-active b {
    color: var(--neo-primary, #1f7aff) !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: none !important;
  }
}

/* Dark mode mobile command pills */
@media (max-width: 760px) {
  :root[data-ui-theme="dark"] .admin-orders-view-strip-v690 {
    background:
      linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
      var(--neo-surface, #171d27) !important;

    box-shadow:
      inset 5px 5px 13px rgba(0,0,0,.24),
      inset -5px -5px 13px rgba(255,255,255,.018) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690 {
    background:
      linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
      var(--neo-surface, #171d27) !important;

    box-shadow:
      5px 5px 12px rgba(0,0,0,.24),
      -4px -4px 10px rgba(255,255,255,.025) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690 b {
    background: #171d27 !important;
    color: #7db7ff !important;
    box-shadow:
      inset 4px 4px 9px rgba(0,0,0,.24),
      inset -4px -4px 9px rgba(255,255,255,.022) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690.is-active {
    background: linear-gradient(135deg, #237bff, #32bfe8) !important;
    box-shadow:
      0 10px 24px rgba(35,123,255,.22),
      0 4px 10px rgba(35,123,255,.16) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690.is-active b {
    background: rgba(255,255,255,.92) !important;
    color: #237bff !important;
    box-shadow: none !important;
  }
}

/* Very narrow phones: still 3 columns, but tighter pills. */
@media (max-width: 390px) {
  .admin-orders-view-strip-v690 {
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 24px !important;
  }

  .admin-orders-view-chip-v690 {
    min-height: 50px !important;
    padding: 7px 7px !important;
    gap: 4px !important;
  }

  .admin-orders-view-chip-v690 span {
    font-size: 9.7px !important;
  }

  .admin-orders-view-chip-v690 b {
    min-width: 22px !important;
    height: 22px !important;
    font-size: 12px !important;
  }
}


/* Phase 6.9.6 - Mobile tactical lanes for Orders filters
   Replace the dry tile-grid feeling with three grouped operational lanes. */

@media (max-width: 760px) {
  .admin-orders-view-strip-v690 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;

    padding: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .admin-orders-chip-group-v693 {
    display: grid !important;
    gap: 9px !important;

    padding: 12px !important;
    border-radius: 26px !important;

    background:
      linear-gradient(145deg, rgba(255,255,255,.34), rgba(255,255,255,0)),
      var(--neo-surface, #edf1f7) !important;

    box-shadow: var(--neo-shadow-out-soft) !important;
  }

  .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-overview .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-operation .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-archive .admin-orders-chip-group-grid-v693 {
    display: grid !important;
    gap: 8px !important;
  }

  .admin-orders-chip-group-v693.is-overview .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-archive .admin-orders-chip-group-grid-v693 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-orders-chip-group-v693.is-operation .admin-orders-chip-group-grid-v693 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-orders-chip-group-title-v693 {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    padding: 0 2px !important;
    color: var(--neo-muted, #7b8496) !important;
    font-size: 11.5px !important;
    font-weight: 950 !important;
  }

  .admin-orders-chip-group-title-v693::before {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
    box-shadow: 0 0 0 4px rgba(31,122,255,.10) !important;
  }

  .admin-orders-view-chip-v690 {
    min-height: 44px !important;
    padding: 8px 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    border-radius: 999px !important;

    background: var(--neo-surface, #edf1f7) !important;
    box-shadow:
      4px 4px 10px rgba(163,177,198,.22),
      -4px -4px 10px rgba(255,255,255,.58) !important;

    color: var(--neo-text, #1f2937) !important;
  }

  .admin-orders-view-chip-v690 span {
    min-width: 0 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .admin-orders-view-chip-v690 b {
    min-width: 24px !important;
    height: 24px !important;

    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;

    border-radius: 999px !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;

    color: var(--neo-primary, #1f7aff) !important;
    background: var(--neo-surface, #edf1f7) !important;
    box-shadow: var(--neo-shadow-in-soft) !important;
  }

  .admin-orders-view-chip-v690 small {
    display: none !important;
  }

  .admin-orders-view-chip-v690.is-active {
    color: #fff !important;
    background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
    box-shadow:
      0 9px 20px rgba(31,122,255,.22),
      0 3px 8px rgba(31,122,255,.14) !important;
  }

  .admin-orders-view-chip-v690.is-active span {
    color: #fff !important;
  }

  .admin-orders-view-chip-v690.is-active b {
    color: var(--neo-primary, #1f7aff) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: none !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-chip-group-v693 {
    background:
      linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
      var(--neo-surface, #171d27) !important;

    box-shadow:
      7px 7px 18px rgba(0,0,0,.28),
      -5px -5px 14px rgba(255,255,255,.022) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690 {
    background: var(--neo-surface, #171d27) !important;
    box-shadow:
      4px 4px 10px rgba(0,0,0,.22),
      -4px -4px 10px rgba(255,255,255,.022) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690 b {
    background: #171d27 !important;
    color: #7db7ff !important;
    box-shadow:
      inset 4px 4px 9px rgba(0,0,0,.24),
      inset -4px -4px 9px rgba(255,255,255,.022) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690.is-active {
    background: linear-gradient(135deg, #237bff, #32bfe8) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690.is-active b {
    background: rgba(255,255,255,.94) !important;
    color: #237bff !important;
    box-shadow: none !important;
  }
}

/* Very narrow phones: keep tactical lanes, just tighten spacing. */
@media (max-width: 390px) {
  .admin-orders-chip-group-v693 {
    padding: 10px !important;
    gap: 8px !important;
    border-radius: 23px !important;
  }

  .admin-orders-view-chip-v690 {
    min-height: 42px !important;
    padding: 7px 8px !important;
    gap: 6px !important;
  }

  .admin-orders-view-chip-v690 span {
    font-size: 10.2px !important;
  }

  .admin-orders-view-chip-v690 b {
    min-width: 22px !important;
    height: 22px !important;
    font-size: 11.5px !important;
  }
}


/* Phase 6.9.9 - Orders target scroll and admin back-to-top */

.admin-orders-workspace-v690 {
  scroll-margin-top: 18px !important;
}

/* Floating back-to-top button */
.admin-back-to-top-v699 {
  position: fixed !important;
  left: max(18px, env(safe-area-inset-left)) !important;
  bottom: calc(max(98px, env(safe-area-inset-bottom)) + 10px) !important;
  z-index: 10020 !important;

  width: 48px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 999px !important;

  display: grid !important;
  place-items: center !important;

  cursor: pointer !important;

  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;

  box-shadow:
    0 14px 28px rgba(31, 122, 255, .24),
    0 5px 12px rgba(31, 122, 255, .16),
    inset 1px 1px 0 rgba(255,255,255,.22) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px) scale(.94) !important;

  transition:
    opacity 160ms ease,
    visibility 160ms ease,
    transform 180ms cubic-bezier(.2,.9,.2,1) !important;
}

.admin-back-to-top-v699.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

.admin-back-to-top-v699 svg {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.admin-back-to-top-v699:active {
  transform: translateY(1px) scale(.98) !important;
}

/* Keep it above the bottom nav without covering content too much on mobile. */
@media (max-width: 760px) {
  .admin-back-to-top-v699 {
    left: 14px !important;
    bottom: calc(max(92px, env(safe-area-inset-bottom)) + 8px) !important;
    width: 44px !important;
    height: 44px !important;
  }

  .admin-back-to-top-v699 svg {
    width: 20px !important;
    height: 20px !important;
  }
}

:root[data-ui-theme="dark"] .admin-back-to-top-v699 {
  box-shadow:
    0 14px 28px rgba(35, 123, 255, .22),
    0 5px 12px rgba(35, 123, 255, .15),
    inset 1px 1px 0 rgba(255,255,255,.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .admin-back-to-top-v699,
  .admin-back-to-top-v699.is-visible {
    transition: none !important;
  }
}


/* Phase 6.9.10 - Remove all separate urgent sections from Orders
   The "نیازمند اقدام" chip is now the only entry point for urgent work. */

.admin-orders-urgent-v690,
.admin-orders-urgent-summary-v692,
.admin-orders-urgent-grid-v690,
.admin-orders-urgent-empty-v690 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}


/* Phase 6.9.11 - Orders runtime-safe final guard */

.admin-orders-urgent-v690,
.admin-orders-urgent-summary-v692,
.admin-orders-urgent-grid-v690,
.admin-orders-urgent-empty-v690 {
  display: none !important;
}


/* Phase 6.9.13 - Final hard CSS for 8 grouped Orders filters */

.admin-orders-view-strip-v690 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  overflow: visible !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.admin-orders-chip-group-v693 {
  display: grid !important;
  gap: 10px !important;
  padding: 13px !important;
  border-radius: 28px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-orders-chip-group-title-v693 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  padding: 0 4px !important;
}

.admin-orders-chip-group-title-v693::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow: 0 0 0 4px rgba(31,122,255,.10) !important;
}

.admin-orders-chip-group-grid-v693 {
  display: grid !important;
  gap: 10px !important;
}

.admin-orders-chip-group-v693.is-overview .admin-orders-chip-group-grid-v693,
.admin-orders-chip-group-v693.is-archive .admin-orders-chip-group-grid-v693 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.admin-orders-chip-group-v693.is-operation .admin-orders-chip-group-grid-v693 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.admin-orders-view-chip-v690 {
  min-width: 0 !important;
  width: auto !important;
  min-height: 68px !important;
  border-radius: 22px !important;
}

.admin-orders-urgent-v690,
.admin-orders-urgent-summary-v692,
.admin-orders-urgent-grid-v690,
.admin-orders-urgent-empty-v690 {
  display: none !important;
}

/* Mobile: grouped lanes, no 5-mode layout, no horizontal scroll. */
@media (max-width: 760px) {
  .admin-orders-view-strip-v690 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .admin-orders-chip-group-v693 {
    display: grid !important;
    gap: 9px !important;
    padding: 12px !important;
    border-radius: 26px !important;

    background:
      linear-gradient(145deg, rgba(255,255,255,.34), rgba(255,255,255,0)),
      var(--neo-surface, #edf1f7) !important;

    box-shadow: var(--neo-shadow-out-soft) !important;
  }

  .admin-orders-chip-group-v693.is-overview .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-archive .admin-orders-chip-group-grid-v693,
  .admin-orders-chip-group-v693.is-operation .admin-orders-chip-group-grid-v693 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .admin-orders-view-chip-v690 {
    min-height: 44px !important;
    padding: 8px 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    border-radius: 999px !important;

    background: var(--neo-surface, #edf1f7) !important;
    box-shadow:
      4px 4px 10px rgba(163,177,198,.22),
      -4px -4px 10px rgba(255,255,255,.58) !important;

    color: var(--neo-text, #1f2937) !important;
  }

  .admin-orders-view-chip-v690 span {
    min-width: 0 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .admin-orders-view-chip-v690 b {
    min-width: 24px !important;
    height: 24px !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    border-radius: 999px !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
    color: var(--neo-primary, #1f7aff) !important;
    background: var(--neo-surface, #edf1f7) !important;
    box-shadow: var(--neo-shadow-in-soft) !important;
  }

  .admin-orders-view-chip-v690 small {
    display: none !important;
  }

  .admin-orders-view-chip-v690.is-active {
    color: #fff !important;
    background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
    box-shadow:
      0 9px 20px rgba(31,122,255,.22),
      0 3px 8px rgba(31,122,255,.14) !important;
  }

  .admin-orders-view-chip-v690.is-active span {
    color: #fff !important;
  }

  .admin-orders-view-chip-v690.is-active b {
    color: var(--neo-primary, #1f7aff) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: none !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-chip-group-v693 {
    background:
      linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
      var(--neo-surface, #171d27) !important;

    box-shadow:
      7px 7px 18px rgba(0,0,0,.28),
      -5px -5px 14px rgba(255,255,255,.022) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690 {
    background: var(--neo-surface, #171d27) !important;
    box-shadow:
      4px 4px 10px rgba(0,0,0,.22),
      -4px -4px 10px rgba(255,255,255,.022) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690 b {
    background: #171d27 !important;
    color: #7db7ff !important;
    box-shadow:
      inset 4px 4px 9px rgba(0,0,0,.24),
      inset -4px -4px 9px rgba(255,255,255,.022) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690.is-active {
    background: linear-gradient(135deg, #237bff, #32bfe8) !important;
  }

  :root[data-ui-theme="dark"] .admin-orders-view-chip-v690.is-active b {
    background: rgba(255,255,255,.94) !important;
    color: #237bff !important;
    box-shadow: none !important;
  }
}


/* Phase 6.9.14 - Operational order cards */

.admin-orders-list-v6914 {
  display: grid !important;
  gap: 14px !important;
}

.admin-order-op-card-v6914 {
  position: relative !important;
  overflow: hidden !important;

  display: grid !important;
  gap: 14px !important;

  padding: clamp(14px, 2vw, 18px) !important;
  border-radius: 30px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-order-op-ribbon-v6914 {
  position: absolute !important;
  inset-block: 18px !important;
  right: 0 !important;
  width: 5px !important;
  border-radius: 999px 0 0 999px !important;
  background: var(--order-card-accent-v6914, var(--neo-primary, #1f7aff)) !important;
  opacity: .9 !important;
}

.admin-order-op-card-v6914.is-payment {
  --order-card-accent-v6914: #f3a12f;
}

.admin-order-op-card-v6914.is-content {
  --order-card-accent-v6914: #8b5cf6;
}

.admin-order-op-card-v6914.is-publish {
  --order-card-accent-v6914: #20b26b;
}

.admin-order-op-card-v6914.is-failed {
  --order-card-accent-v6914: #ef4444;
}

.admin-order-op-card-v6914.is-refund {
  --order-card-accent-v6914: #f97316;
}

.admin-order-op-card-v6914.is-published {
  --order-card-accent-v6914: #14b8a6;
}

.admin-order-op-card-v6914.is-waiting {
  --order-card-accent-v6914: #7b8496;
}

.admin-order-op-head-v6914 {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.admin-order-op-id-v6914 {
  display: grid !important;
  gap: 3px !important;
}

.admin-order-op-id-v6914 span,
.admin-order-op-event-v6914 span,
.admin-order-op-meta-grid-v6914 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-order-op-id-v6914 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  direction: ltr !important;
  text-align: right !important;
}

.admin-order-op-status-v6914 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

.admin-order-op-kind-v6914 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 28px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;

  color: #fff !important;
  background: var(--order-card-accent-v6914, var(--neo-primary, #1f7aff)) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--order-card-accent-v6914, #1f7aff) 28%, transparent) !important;
}

.admin-order-op-next-v6914 {
  padding: 14px 15px !important;
  border-radius: 24px !important;

  background:
    linear-gradient(145deg, color-mix(in srgb, var(--order-card-accent-v6914, #1f7aff) 10%, transparent), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-op-next-v6914 h3 {
  margin: 0 0 6px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

.admin-order-op-next-v6914 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
}

.admin-order-op-meta-grid-v6914 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-order-op-meta-grid-v6914 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;

  padding: 11px 12px !important;
  border-radius: 20px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-op-meta-grid-v6914 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-order-op-meta-grid-v6914 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-order-op-badges-v6914 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.admin-order-op-foot-v6914 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
}

.admin-order-op-event-v6914 {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.admin-order-op-event-v6914 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-order-op-actions-v6914 {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.admin-order-op-primary-v6914,
.admin-order-op-secondary-v6914 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;

  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-order-op-primary-v6914 {
  color: #fff !important;
  background: linear-gradient(135deg, var(--order-card-accent-v6914, var(--neo-primary, #1f7aff)), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--order-card-accent-v6914, #1f7aff) 24%, transparent),
    0 4px 10px rgba(31,122,255,.12) !important;
}

.admin-order-op-secondary-v6914 {
  color: var(--neo-primary, #1f7aff) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-order-op-card-v6914,
:root[data-ui-theme="dark"] .admin-order-op-next-v6914,
:root[data-ui-theme="dark"] .admin-order-op-meta-grid-v6914 > div,
:root[data-ui-theme="dark"] .admin-order-op-secondary-v6914 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-order-op-card-v6914 {
  box-shadow:
    8px 8px 20px rgba(0,0,0,.28),
    -6px -6px 16px rgba(255,255,255,.022) !important;
}

:root[data-ui-theme="dark"] .admin-order-op-next-v6914,
:root[data-ui-theme="dark"] .admin-order-op-meta-grid-v6914 > div {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-order-op-card-v6914 {
    border-radius: 26px !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  .admin-order-op-head-v6914 {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .admin-order-op-status-v6914 {
    justify-content: flex-start !important;
  }

  .admin-order-op-meta-grid-v6914 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .admin-order-op-foot-v6914 {
    grid-template-columns: 1fr !important;
  }

  .admin-order-op-actions-v6914 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .admin-order-op-primary-v6914,
  .admin-order-op-secondary-v6914 {
    width: 100% !important;
    min-height: 44px !important;
  }

  .admin-order-op-event-v6914 b {
    white-space: normal !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 390px) {
  .admin-order-op-meta-grid-v6914 {
    grid-template-columns: 1fr !important;
  }

  .admin-order-op-actions-v6914 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.15 - Remove redundant Details button from order cards
   The primary CTA already opens the right order detail/section. */

.admin-order-op-secondary-v6914 {
  display: none !important;
}

.admin-order-op-actions-v6914 {
  display: flex !important;
  justify-content: flex-end !important;
}

.admin-order-op-primary-v6914 {
  min-width: 150px !important;
}

/* Mobile: single, clear full-width operational action. */
@media (max-width: 760px) {
  .admin-order-op-actions-v6914 {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .admin-order-op-primary-v6914 {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* Phase 6.9.16 - Admin order detail command room */

.admin-order-command-room-v6916 {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 16px !important;
  border-radius: 32px !important;
}

.admin-order-command-room-v6916::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 22px !important;
  right: 0 !important;
  width: 5px !important;
  border-radius: 999px 0 0 999px !important;
  background: var(--order-detail-accent-v6916, var(--neo-primary, #1f7aff)) !important;
  opacity: .95 !important;
}

.admin-order-command-room-v6916.is-payment {
  --order-detail-accent-v6916: #f3a12f;
}

.admin-order-command-room-v6916.is-content {
  --order-detail-accent-v6916: #8b5cf6;
}

.admin-order-command-room-v6916.is-publish {
  --order-detail-accent-v6916: #20b26b;
}

.admin-order-command-room-v6916.is-failed {
  --order-detail-accent-v6916: #ef4444;
}

.admin-order-command-room-v6916.is-refund {
  --order-detail-accent-v6916: #f97316;
}

.admin-order-command-room-v6916.is-published {
  --order-detail-accent-v6916: #14b8a6;
}

.admin-order-command-room-v6916.is-waiting {
  --order-detail-accent-v6916: #7b8496;
}

.admin-order-command-top-v6916 {
  align-items: start !important;
}

.admin-order-command-top-v6916 h1 {
  margin-bottom: 5px !important;
}

.admin-order-command-top-v6916 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.8 !important;
}

.admin-order-next-action-v6916 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;

  padding: 16px !important;
  border-radius: 28px !important;

  background:
    linear-gradient(145deg, color-mix(in srgb, var(--order-detail-accent-v6916, #1f7aff) 11%, transparent), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-next-action-main-v6916 {
  display: grid !important;
  gap: 5px !important;
}

.admin-order-next-action-main-v6916 span {
  color: var(--order-detail-accent-v6916, var(--neo-primary, #1f7aff)) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.admin-order-next-action-main-v6916 h2 {
  margin: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(17px, 2.4vw, 22px) !important;
  font-weight: 950 !important;
}

.admin-order-next-action-main-v6916 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.85 !important;
  font-size: 13px !important;
}

.admin-order-next-action-btn-v6916 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 46px !important;
  min-width: 160px !important;
  padding: 11px 16px !important;
  border-radius: 999px !important;

  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;

  background: linear-gradient(135deg, var(--order-detail-accent-v6916, var(--neo-primary, #1f7aff)), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 12px 24px color-mix(in srgb, var(--order-detail-accent-v6916, #1f7aff) 25%, transparent),
    0 4px 10px rgba(31,122,255,.12) !important;
}

.admin-order-summary-grid-v6916 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-order-summary-grid-v6916 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;

  padding: 12px !important;
  border-radius: 22px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-summary-grid-v6916 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-order-summary-grid-v6916 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-order-summary-grid-v6916 small {
  min-width: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-order-summary-grid-v6916 .status {
  white-space: normal !important;
}

.admin-order-process-v6916 {
  margin-top: 2px !important;
}

.admin-order-stage-map-v6916 {
  display: grid !important;
  gap: 12px !important;
}

.admin-order-stage-groups-v6916 {
  display: grid !important;
  gap: 12px !important;
}

.admin-order-stage-group-v6916 {
  display: grid !important;
  gap: 10px !important;
  padding: 13px !important;
  border-radius: 28px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-order-stage-group-title-v6916 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.admin-order-stage-group-title-v6916::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow: 0 0 0 4px rgba(31,122,255,.10) !important;
}

.admin-order-stage-grid-v6916 {
  display: grid !important;
  gap: 10px !important;
}

.admin-order-stage-group-v6916.is-main .admin-order-stage-grid-v6916 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.admin-order-stage-group-v6916.is-support .admin-order-stage-grid-v6916 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#admin-order-active-workspace-v6916 {
  scroll-margin-top: 16px !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-order-next-action-v6916,
:root[data-ui-theme="dark"] .admin-order-summary-grid-v6916 > div,
:root[data-ui-theme="dark"] .admin-order-stage-group-v6916 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-order-next-action-v6916,
:root[data-ui-theme="dark"] .admin-order-summary-grid-v6916 > div {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-order-stage-group-v6916 {
  box-shadow:
    8px 8px 20px rgba(0,0,0,.26),
    -6px -6px 16px rgba(255,255,255,.022) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-order-command-room-v6916 {
    border-radius: 27px !important;
    gap: 13px !important;
  }

  .admin-order-command-top-v6916 {
    grid-template-columns: 1fr !important;
  }

  .admin-order-command-actions-v6916 {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .admin-order-command-actions-v6916 a {
    width: 100% !important;
    justify-content: center !important;
  }

  .admin-order-next-action-v6916 {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    border-radius: 24px !important;
  }

  .admin-order-next-action-btn-v6916 {
    width: 100% !important;
    min-width: 0 !important;
  }

  .admin-order-summary-grid-v6916 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .admin-order-stage-group-v6916.is-main .admin-order-stage-grid-v6916,
  .admin-order-stage-group-v6916.is-support .admin-order-stage-grid-v6916 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-order-stage-tile-v2 {
    min-height: 64px !important;
  }
}

@media (max-width: 390px) {
  .admin-order-summary-grid-v6916 {
    grid-template-columns: 1fr !important;
  }

  .admin-order-command-actions-v6916 {
    grid-template-columns: 1fr !important;
  }

  .admin-order-stage-group-v6916.is-main .admin-order-stage-grid-v6916,
  .admin-order-stage-group-v6916.is-support .admin-order-stage-grid-v6916 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.17 - Order detail active workspace polish */

/* Active workspace should feel like the decision surface, not another raw list. */
.admin-order-stage-workspace-v2 {
  display: grid !important;
  gap: 14px !important;
}

.admin-order-stage-panel-v2 {
  border-radius: 32px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  overflow: hidden !important;
}

.admin-order-stage-panel-v2.active {
  display: grid !important;
  gap: 0 !important;
}

.admin-order-stage-panel-v2.is-hidden {
  display: none !important;
}

.admin-order-stage-panel-head-v2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;

  padding: 16px 18px !important;
  border-bottom: 1px solid rgba(123, 132, 150, .12) !important;

  background:
    linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,0)),
    var(--neo-surface, #edf1f7) !important;
}

.admin-order-stage-panel-head-v2 h2 {
  margin: 0 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(18px, 2.4vw, 23px) !important;
  font-weight: 950 !important;
}

.admin-order-stage-panel-head-v2 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.85 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

.admin-order-stage-panel-body-v2 {
  display: grid !important;
  gap: 16px !important;
  padding: 16px !important;
}

/* Content review workspace */
.admin-workflow-step-v1.admin-workflow-content-v1 {
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.admin-workflow-step-head-v1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;

  padding: 14px 15px !important;
  border-radius: 26px !important;

  background:
    linear-gradient(145deg, rgba(139, 92, 246, .10), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-workflow-step-head-v1 h3 {
  margin: 4px 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.admin-workflow-step-head-v1 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.85 !important;
  font-size: 12.5px !important;
}

.admin-workflow-content-list-v1 {
  display: grid !important;
  gap: 13px !important;
}

/* Multi-channel item cards become decision cards. */
.admin-content-item-card-v2 {
  position: relative !important;
  overflow: hidden !important;

  display: grid !important;
  gap: 13px !important;

  padding: 15px !important;
  border: 0 !important;
  border-radius: 28px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-content-item-card-v2::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 18px !important;
  right: 0 !important;
  width: 5px !important;
  border-radius: 999px 0 0 999px !important;
  background: linear-gradient(180deg, #8b5cf6, #35c8f4) !important;
  opacity: .92 !important;
}

.admin-content-item-head-v2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(123, 132, 150, .12) !important;
}

.admin-content-item-head-v2 h4 {
  margin: 0 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

.admin-content-item-badges-v2 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

.admin-content-main-v2 {
  display: grid !important;
  gap: 12px !important;
}

.admin-content-item-price-v2 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

.admin-content-item-price-v2 span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  padding: 7px 10px !important;
  border-radius: 999px !important;

  color: var(--neo-muted, #7b8496) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  font-size: 11.5px !important;
  font-weight: 850 !important;
}

.admin-content-item-price-v2 b {
  color: var(--neo-text, #1f2937) !important;
  font-weight: 950 !important;
}

/* Text blocks inside content cards should be readable but not visually noisy. */
.admin-content-item-card-v2 pre,
.admin-content-item-card-v2 textarea,
.admin-content-item-card-v2 .meta {
  border-radius: 20px !important;
}

.admin-content-item-card-v2 .meta {
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.85 !important;
}

/* Image grid inside content review */
.admin-content-item-card-v2 .ad-image-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 10px !important;
}

.admin-content-item-card-v2 .ad-image-card {
  border: 0 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-content-item-card-v2 .ad-image-card img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
}

.admin-content-item-card-v2 .ad-image-card .meta {
  padding: 9px !important;
  font-size: 10.5px !important;
}

/* Empty states inside order detail should look intentional. */
.admin-order-stage-panel-body-v2 .empty,
.admin-content-item-card-v2 .empty {
  min-height: 74px !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;

  padding: 14px !important;
  border: 0 !important;
  border-radius: 22px !important;

  color: var(--neo-muted, #7b8496) !important;
  background:
    linear-gradient(145deg, rgba(123,132,150,.08), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
}

/* Content decision actions */
.admin-content-actions-v2 {
  display: grid !important;
  gap: 9px !important;

  padding: 12px !important;
  border-radius: 24px !important;

  background:
    linear-gradient(145deg, rgba(31,122,255,.08), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-content-actions-v2::before {
  content: "تصمیم محتوایی این کانال" !important;
  display: block !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  margin-bottom: 2px !important;
}

.admin-content-actions-v2 .admin-inline-action-form {
  margin: 0 !important;
}

.admin-content-actions-v2 .admin-inline-action-form button,
.admin-content-actions-v2 > form button {
  width: 100% !important;
  min-height: 44px !important;
}

.admin-content-actions-v2 .admin-inline-decision {
  border: 0 !important;
  border-radius: 20px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  overflow: hidden !important;
}

.admin-content-actions-v2 .admin-inline-decision > summary {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px 12px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.admin-content-actions-v2 .admin-inline-decision form {
  padding: 0 12px 12px !important;
}

.admin-content-actions-v2 .admin-inline-decision.danger > summary {
  color: var(--neo-danger, #ef4444) !important;
}

/* Technical details should be available but visually secondary. */
.admin-technical-details-v2 {
  border: 0 !important;
  border-radius: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.admin-technical-details-v2 > summary {
  width: fit-content !important;
  min-height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;

  padding: 7px 10px !important;
  border-radius: 999px !important;

  color: var(--neo-muted, #7b8496) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  font-size: 11px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.admin-technical-details-v2[open] {
  padding: 10px !important;
  background: rgba(123,132,150,.055) !important;
  border-radius: 22px !important;
}

/* Payment workspace also gets a slight consistency polish. */
.admin-payment-review-redesign-v3 {
  display: grid !important;
  gap: 14px !important;
}

.admin-payment-review-hero-v3,
.admin-payment-review-metrics-v3,
.admin-payment-review-main-v3,
.admin-payment-decision-redesign-v3 {
  border-radius: 26px !important;
}

.admin-payment-metric-v3 {
  border: 0 !important;
  border-radius: 20px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-order-stage-panel-v2,
:root[data-ui-theme="dark"] .admin-order-stage-panel-head-v2,
:root[data-ui-theme="dark"] .admin-workflow-step-head-v1,
:root[data-ui-theme="dark"] .admin-content-item-card-v2,
:root[data-ui-theme="dark"] .admin-content-item-price-v2 span,
:root[data-ui-theme="dark"] .admin-content-item-card-v2 .ad-image-card,
:root[data-ui-theme="dark"] .admin-order-stage-panel-body-v2 .empty,
:root[data-ui-theme="dark"] .admin-content-item-card-v2 .empty,
:root[data-ui-theme="dark"] .admin-content-actions-v2,
:root[data-ui-theme="dark"] .admin-content-actions-v2 .admin-inline-decision,
:root[data-ui-theme="dark"] .admin-technical-details-v2 > summary,
:root[data-ui-theme="dark"] .admin-payment-metric-v3 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-order-stage-panel-v2,
:root[data-ui-theme="dark"] .admin-content-item-card-v2 {
  box-shadow:
    8px 8px 20px rgba(0,0,0,.26),
    -6px -6px 16px rgba(255,255,255,.022) !important;
}

:root[data-ui-theme="dark"] .admin-workflow-step-head-v1,
:root[data-ui-theme="dark"] .admin-content-item-price-v2 span,
:root[data-ui-theme="dark"] .admin-order-stage-panel-body-v2 .empty,
:root[data-ui-theme="dark"] .admin-content-item-card-v2 .empty,
:root[data-ui-theme="dark"] .admin-content-actions-v2,
:root[data-ui-theme="dark"] .admin-payment-metric-v3 {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-order-stage-panel-head-v2,
:root[data-ui-theme="dark"] .admin-content-item-head-v2 {
  border-bottom-color: rgba(176,188,205,.10) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-order-stage-panel-v2 {
    border-radius: 26px !important;
  }

  .admin-order-stage-panel-head-v2 {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }

  .admin-order-stage-panel-body-v2 {
    padding: 13px !important;
    gap: 13px !important;
  }

  .admin-workflow-step-head-v1,
  .admin-content-item-head-v2 {
    grid-template-columns: 1fr !important;
  }

  .admin-content-item-badges-v2 {
    justify-content: flex-start !important;
  }

  .admin-content-item-card-v2 {
    border-radius: 24px !important;
    padding: 13px !important;
  }

  .admin-content-actions-v2 {
    border-radius: 22px !important;
  }

  .admin-content-actions-v2 .admin-inline-action-form button,
  .admin-content-actions-v2 > form button {
    width: 100% !important;
  }

  .admin-content-item-card-v2 .ad-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-payment-review-main-v3 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 390px) {
  .admin-content-item-card-v2 .ad-image-grid {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.18 - Publish workbench simplification
   Raw submitted text is not part of the final publish decision surface. */

.admin-raw-text-preview-v54 {
  display: none !important;
}

.admin-item-review-panel-v54:has(.admin-raw-text-preview-v54) {
  display: none !important;
}


/* Phase 6.9.18 - Publish workbench simplification
   Raw submitted text is not part of the final publish decision surface. */

.admin-raw-text-preview-v54 {
  display: none !important;
}

.admin-item-review-panel-v54:has(.admin-raw-text-preview-v54) {
  display: none !important;
}


/* Phase 6.9.19 - Publish workbench final-output polish
   UI only. No publish logic changes. */

.admin-publish-workbench-v54 {
  display: grid !important;
  gap: 16px !important;
}

.admin-publish-workbench-head-v54 {
  position: relative !important;
  overflow: hidden !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;

  padding: 17px !important;
  border: 0 !important;
  border-radius: 30px !important;

  background:
    linear-gradient(145deg, rgba(32,178,107,.12), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-publish-workbench-head-v54::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 20px !important;
  right: 0 !important;
  width: 5px !important;
  border-radius: 999px 0 0 999px !important;
  background: linear-gradient(180deg, #20b26b, #35c8f4) !important;
}

.admin-publish-workbench-head-v54 h4 {
  margin: 4px 0 6px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(18px, 2.4vw, 23px) !important;
  font-weight: 950 !important;
}

.admin-publish-workbench-head-v54 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.85 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-publish-workbench-stats-v54 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.admin-publish-workbench-stats-v54 > span,
.admin-publish-workbench-stats-v54 .status {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 7px 11px !important;
  border: 0 !important;
  border-radius: 999px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;

  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
}

/* Each publish preview card becomes a final-output card. */
.admin-publish-preview-card-v54 {
  position: relative !important;
  overflow: hidden !important;

  display: grid !important;
  gap: 15px !important;

  padding: 16px !important;
  border: 0 !important;
  border-radius: 30px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-publish-preview-card-v54::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 20px !important;
  right: 0 !important;
  width: 5px !important;
  border-radius: 999px 0 0 999px !important;
  background: linear-gradient(180deg, #20b26b, #1f7aff) !important;
  opacity: .9 !important;
}

.admin-item-review-head-v54 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;

  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(123,132,150,.12) !important;
}

.admin-item-review-head-v54 h4 {
  margin: 4px 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.admin-item-review-head-v54 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.7 !important;
  font-size: 12.5px !important;
}

.admin-item-review-badges-v54 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

.admin-item-review-layout-v54 {
  display: grid !important;
  grid-template-columns: minmax(240px, .9fr) minmax(280px, 1.1fr) !important;
  gap: 13px !important;
  align-items: start !important;
}

.admin-item-review-panel-v54 {
  min-width: 0 !important;
  display: grid !important;
  gap: 10px !important;

  padding: 13px !important;
  border: 0 !important;
  border-radius: 24px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-mini-title-v54 {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;

  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.admin-mini-title-v54::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #20b26b, #35c8f4) !important;
  box-shadow: 0 0 0 4px rgba(32,178,107,.10) !important;
}

/* Image output */
.admin-final-publish-image-v54 {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
}

.admin-final-publish-image-v54 a {
  display: block !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: rgba(15,23,42,.045) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-final-publish-image-v54 img {
  display: block !important;
  width: 100% !important;
  max-height: 420px !important;
  object-fit: contain !important;
}

.admin-final-publish-image-v54 figcaption {
  display: grid !important;
  gap: 4px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  line-height: 1.7 !important;
}

/* No-image output */
.admin-final-empty-v54 {
  min-height: 170px !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;

  padding: 18px !important;
  border: 0 !important;
  border-radius: 22px !important;

  background:
    linear-gradient(145deg, rgba(123,132,150,.08), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-final-empty-v54 b {
  color: var(--neo-text, #1f2937) !important;
}

/* Caption must be the visual star of publish stage. */
.admin-caption-preview-v54 {
  max-height: none !important;
  min-height: 160px !important;

  margin: 0 !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 22px !important;

  color: var(--neo-text, #1f2937) !important;
  background:
    linear-gradient(145deg, rgba(31,122,255,.055), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;

  white-space: pre-wrap !important;
  line-height: 2 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

/* Contact/output hint */
.admin-contact-preview-v54 {
  display: grid !important;
  gap: 8px !important;
}

.admin-contact-preview-v54 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.admin-contact-preview-v54 pre {
  margin: 0 !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 20px !important;

  color: var(--neo-text, #1f2937) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  line-height: 1.85 !important;
  white-space: pre-wrap !important;
}

.admin-output-hint-v54 {
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 18px !important;

  background: rgba(32,178,107,.10) !important;
  color: var(--neo-text, #1f2937) !important;

  line-height: 1.8 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

/* Last publish result should be visible but secondary. */
.admin-publish-result-v54,
.admin-publish-order-result-v54 {
  display: grid !important;
  gap: 10px !important;

  padding: 13px !important;
  border: 0 !important;
  border-radius: 24px !important;

  background:
    linear-gradient(145deg, rgba(245,158,11,.10), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-tech-result-v2 {
  border: 0 !important;
  border-radius: 18px !important;
}

.admin-tech-result-v2 > summary {
  width: fit-content !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  color: var(--neo-muted, #7b8496) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

/* Final publish button area */
.admin-final-publish-form-v54 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;

  padding: 15px !important;
  border: 0 !important;
  border-radius: 28px !important;

  background:
    linear-gradient(145deg, rgba(32,178,107,.14), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-final-publish-form-v54 div {
  display: grid !important;
  gap: 5px !important;
}

.admin-final-publish-form-v54 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.admin-final-publish-form-v54 span {
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
}

.admin-final-publish-form-v54 button {
  min-width: 210px !important;
  min-height: 48px !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

.admin-published-done-v54 {
  display: grid !important;
  gap: 6px !important;

  padding: 15px !important;
  border: 0 !important;
  border-radius: 24px !important;

  background:
    linear-gradient(145deg, rgba(32,178,107,.13), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-publish-workbench-head-v54,
:root[data-ui-theme="dark"] .admin-publish-workbench-stats-v54 > span,
:root[data-ui-theme="dark"] .admin-publish-workbench-stats-v54 .status,
:root[data-ui-theme="dark"] .admin-publish-preview-card-v54,
:root[data-ui-theme="dark"] .admin-item-review-panel-v54,
:root[data-ui-theme="dark"] .admin-final-empty-v54,
:root[data-ui-theme="dark"] .admin-caption-preview-v54,
:root[data-ui-theme="dark"] .admin-contact-preview-v54 pre,
:root[data-ui-theme="dark"] .admin-publish-result-v54,
:root[data-ui-theme="dark"] .admin-publish-order-result-v54,
:root[data-ui-theme="dark"] .admin-tech-result-v2 > summary,
:root[data-ui-theme="dark"] .admin-final-publish-form-v54,
:root[data-ui-theme="dark"] .admin-published-done-v54 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-publish-preview-card-v54,
:root[data-ui-theme="dark"] .admin-final-publish-form-v54 {
  box-shadow:
    8px 8px 20px rgba(0,0,0,.26),
    -6px -6px 16px rgba(255,255,255,.022) !important;
}

:root[data-ui-theme="dark"] .admin-publish-workbench-head-v54,
:root[data-ui-theme="dark"] .admin-item-review-panel-v54,
:root[data-ui-theme="dark"] .admin-final-empty-v54,
:root[data-ui-theme="dark"] .admin-caption-preview-v54,
:root[data-ui-theme="dark"] .admin-contact-preview-v54 pre,
:root[data-ui-theme="dark"] .admin-publish-result-v54,
:root[data-ui-theme="dark"] .admin-publish-order-result-v54,
:root[data-ui-theme="dark"] .admin-published-done-v54 {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-item-review-head-v54 {
  border-bottom-color: rgba(176,188,205,.10) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-publish-workbench-head-v54,
  .admin-item-review-head-v54,
  .admin-final-publish-form-v54 {
    grid-template-columns: 1fr !important;
  }

  .admin-publish-workbench-stats-v54,
  .admin-item-review-badges-v54 {
    justify-content: flex-start !important;
  }

  .admin-item-review-layout-v54 {
    grid-template-columns: 1fr !important;
  }

  .admin-publish-preview-card-v54,
  .admin-publish-workbench-head-v54 {
    border-radius: 26px !important;
    padding: 14px !important;
  }

  .admin-final-publish-form-v54 button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .admin-caption-preview-v54 {
    min-height: 140px !important;
    font-size: 12.5px !important;
  }
}


/* Phase 6.9.21 - Payment desk declutter
   Keep payment decisions clear: amount, tracking, receipt, approve. */

.admin-payment-review-redesign-v3 {
  gap: 12px !important;
}

/* Make the intro calmer and shorter visually. */
.admin-payment-review-hero-v3 {
  padding: 14px 15px !important;
  border-radius: 26px !important;
}

.admin-payment-review-title-v3 h3 {
  font-size: clamp(17px, 2.2vw, 21px) !important;
  margin-bottom: 4px !important;
}

.admin-payment-review-title-v3 p {
  font-size: 12.5px !important;
  line-height: 1.75 !important;
}

/* Only key financial facts should dominate. */
.admin-payment-review-metrics-v3 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

/* Default metrics become compact secondary chips. */
.admin-payment-metric-v3 {
  min-height: 58px !important;
  padding: 10px 11px !important;
  border-radius: 20px !important;
  gap: 4px !important;
  opacity: .76 !important;
}

/* First metric: amount. Third metric: tracking number.
   In current HTML order:
   1 amount, 2 payer, 3 tracking, 4 card, 5 submitted_at */
.admin-payment-metric-v3:nth-child(1),
.admin-payment-metric-v3:nth-child(3) {
  min-height: 76px !important;
  opacity: 1 !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(243,161,47,.12), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-payment-metric-v3:nth-child(1) span,
.admin-payment-metric-v3:nth-child(3) span {
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.admin-payment-metric-v3:nth-child(1) b,
.admin-payment-metric-v3:nth-child(3) b {
  font-size: 15px !important;
  font-weight: 950 !important;
  color: var(--neo-text, #1f2937) !important;
}

.admin-payment-metric-v3:nth-child(1) b {
  color: #d97706 !important;
}

/* Put secondary metrics into a lighter row feeling. */
.admin-payment-metric-v3:nth-child(2),
.admin-payment-metric-v3:nth-child(4),
.admin-payment-metric-v3:nth-child(5) {
  min-height: 50px !important;
}

.admin-payment-metric-v3:nth-child(2) b,
.admin-payment-metric-v3:nth-child(4) b,
.admin-payment-metric-v3:nth-child(5) b {
  font-size: 11.5px !important;
  font-weight: 850 !important;
}

/* Main payment area: receipt gets priority, info panel becomes smaller. */
.admin-payment-review-main-v3 {
  grid-template-columns: minmax(280px, 1.15fr) minmax(230px, .85fr) !important;
  gap: 11px !important;
}

.admin-payment-receipt-panel-v3 {
  border-radius: 26px !important;
}

.admin-payment-info-panel-v3 {
  border-radius: 24px !important;
  opacity: .82 !important;
}

.admin-payment-info-panel-v3 .admin-payment-panel-head-v3 {
  padding: 11px 12px !important;
}

.admin-payment-info-panel-v3 .admin-payment-panel-head-v3 h4 {
  font-size: 13.5px !important;
}

.admin-payment-info-panel-v3 .admin-payment-panel-head-v3 p {
  font-size: 11.5px !important;
}

.admin-payment-info-panel-v3 .admin-payment-panel-body-v3 {
  padding: 11px !important;
}

.admin-payment-info-panel-v3 hr,
.admin-payment-info-panel-v3 h4 {
  display: none !important;
}

.admin-payment-info-panel-v3 .meta {
  font-size: 11.5px !important;
  line-height: 1.8 !important;
  color: var(--neo-muted, #7b8496) !important;
}

/* Receipt notice should look like the main evidence card. */
.admin-payment-receipt-panel-v3 .notice {
  min-height: 120px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
}

.admin-payment-receipt-panel-v3 .button-link {
  width: 100% !important;
  justify-content: center !important;
  margin-top: 8px !important;
}

/* Decision area should be visually simple: approve first, alternatives below. */
.admin-payment-decision-redesign-v3 {
  padding: 13px !important;
  border-radius: 26px !important;
  gap: 10px !important;
}

.admin-payment-decision-title-v3 h4 {
  font-size: 15px !important;
  margin-bottom: 3px !important;
}

.admin-payment-decision-title-v3 p {
  font-size: 12px !important;
  line-height: 1.7 !important;
}

/* Primary approve button becomes the obvious action. */
.admin-payment-primary-v2 button {
  min-height: 52px !important;
  font-size: 14px !important;
}

/* Alternatives become quieter accordions. */
.admin-payment-actions-v2 .admin-inline-decision {
  opacity: .82 !important;
  border-radius: 19px !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-payment-actions-v2 .admin-inline-decision > summary {
  min-height: 39px !important;
  padding: 9px 11px !important;
  font-size: 12px !important;
  color: var(--neo-muted, #7b8496) !important;
}

.admin-payment-actions-v2 .admin-inline-decision.danger > summary {
  color: var(--neo-danger, #ef4444) !important;
}

/* Empty state: reduce the feeling of a broken or overloaded desk. */
.admin-payment-decision-body-v3 > .empty {
  min-height: 64px !important;
  padding: 12px !important;
  font-size: 12px !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-payment-metric-v3:nth-child(1),
:root[data-ui-theme="dark"] .admin-payment-metric-v3:nth-child(3) {
  background:
    linear-gradient(145deg, rgba(243,161,47,.10), transparent),
    var(--neo-surface, #171d27) !important;
}

/* Mobile: still compact but not cramped. */
@media (max-width: 900px) {
  .admin-payment-review-main-v3 {
    grid-template-columns: 1fr !important;
  }

  .admin-payment-info-panel-v3 {
    opacity: .88 !important;
  }
}

@media (max-width: 760px) {
  .admin-payment-review-metrics-v3 {
    grid-template-columns: 1fr 1fr !important;
  }

  .admin-payment-metric-v3:nth-child(1),
  .admin-payment-metric-v3:nth-child(3) {
    min-height: 70px !important;
  }

  .admin-payment-metric-v3:nth-child(2),
  .admin-payment-metric-v3:nth-child(4),
  .admin-payment-metric-v3:nth-child(5) {
    min-height: 48px !important;
  }
}

@media (max-width: 430px) {
  .admin-payment-review-metrics-v3 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.22 - Remove redundant payment info panel
   The same payment details are already shown in the metric cards above. */

.admin-payment-info-panel-v3 {
  display: none !important;
}

.admin-payment-review-main-v3 {
  grid-template-columns: 1fr !important;
}

.admin-payment-receipt-panel-v3 {
  max-width: none !important;
}

.admin-payment-receipt-panel-v3 .notice {
  min-height: 110px !important;
}

/* With the duplicate panel removed, keep the receipt compact and focused. */
.admin-payment-panel-body-v3 {
  padding: 13px !important;
}

.admin-payment-receipt-panel-v3 .button-link {
  width: fit-content !important;
  min-width: 180px !important;
}

@media (max-width: 760px) {
  .admin-payment-receipt-panel-v3 .button-link {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* Phase 6.9.22 - Remove redundant payment info panel
   The same payment details are already shown in the metric cards above. */

.admin-payment-info-panel-v3 {
  display: none !important;
}

.admin-payment-review-main-v3 {
  grid-template-columns: 1fr !important;
}

.admin-payment-receipt-panel-v3 {
  max-width: none !important;
}

.admin-payment-receipt-panel-v3 .notice {
  min-height: 110px !important;
}

/* With the duplicate panel removed, keep the receipt compact and focused. */
.admin-payment-panel-body-v3 {
  padding: 13px !important;
}

.admin-payment-receipt-panel-v3 .button-link {
  width: fit-content !important;
  min-width: 180px !important;
}

@media (max-width: 760px) {
  .admin-payment-receipt-panel-v3 .button-link {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* Phase 6.9.24 - Order meta/details workspace polish */

.admin-order-meta-desk-v6924 {
  display: grid !important;
  gap: 14px !important;
}

.admin-order-meta-head-v6924 {
  position: relative !important;
  overflow: hidden !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;

  padding: 16px !important;
  border-radius: 28px !important;

  background:
    linear-gradient(145deg, rgba(31,122,255,.10), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-meta-head-v6924::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 18px !important;
  right: 0 !important;
  width: 5px !important;
  border-radius: 999px 0 0 999px !important;
  background: linear-gradient(180deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
}

.admin-order-meta-head-v6924 h3 {
  margin: 4px 0 6px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(17px, 2.3vw, 22px) !important;
  font-weight: 950 !important;
}

.admin-order-meta-head-v6924 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
}

.admin-order-meta-status-v6924 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}

.admin-order-meta-grid-v6924 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-order-meta-grid-v6924 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;

  padding: 12px !important;
  border-radius: 22px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-meta-grid-v6924 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-order-meta-grid-v6924 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-order-meta-grid-v6924 small {
  min-width: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-order-meta-tech-v6924 {
  border: 0 !important;
  border-radius: 22px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.admin-order-meta-tech-v6924 > summary {
  width: fit-content !important;
  min-height: 36px !important;

  display: inline-flex !important;
  align-items: center !important;

  padding: 8px 11px !important;
  border-radius: 999px !important;

  color: var(--neo-muted, #7b8496) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  font-size: 11.5px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.admin-order-meta-tech-v6924[open] {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;

  background:
    linear-gradient(145deg, rgba(123,132,150,.07), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-meta-tech-grid-v6924 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.admin-order-meta-tech-grid-v6924 span {
  min-width: 0 !important;
  padding: 9px 10px !important;
  border-radius: 16px !important;

  color: var(--neo-muted, #7b8496) !important;
  background: rgba(255,255,255,.28) !important;

  font-size: 11px !important;
  line-height: 1.6 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-order-meta-tech-grid-v6924 b {
  color: var(--neo-text, #1f2937) !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-order-meta-head-v6924,
:root[data-ui-theme="dark"] .admin-order-meta-grid-v6924 > div,
:root[data-ui-theme="dark"] .admin-order-meta-tech-v6924 > summary,
:root[data-ui-theme="dark"] .admin-order-meta-tech-v6924[open] {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-order-meta-head-v6924,
:root[data-ui-theme="dark"] .admin-order-meta-grid-v6924 > div,
:root[data-ui-theme="dark"] .admin-order-meta-tech-v6924 > summary,
:root[data-ui-theme="dark"] .admin-order-meta-tech-v6924[open] {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-order-meta-tech-grid-v6924 span {
  background: rgba(255,255,255,.035) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-order-meta-head-v6924 {
    grid-template-columns: 1fr !important;
    border-radius: 25px !important;
    padding: 14px !important;
  }

  .admin-order-meta-status-v6924 {
    justify-content: flex-start !important;
  }

  .admin-order-meta-grid-v6924 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .admin-order-meta-tech-grid-v6924 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  .admin-order-meta-grid-v6924 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.25 - Disabled receipt view when file is missing */

.admin-disabled-link-v6925 {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: .46 !important;
}

.admin-payment-receipt-empty-v6925 {
  border-right: 0 !important;
}


/* Phase 6.9.26 - Order detail single-scroll operational page
   Stage cards are shortcuts only; all sections stay visible. */

.admin-order-workflow-page-v2 {
  display: grid !important;
  gap: 16px !important;
}

.admin-order-stage-map-v2 {
  display: grid !important;
  gap: 12px !important;
}

.admin-order-stage-map-head-v2 p {
  color: var(--neo-muted, #7b8496) !important;
}

/* Stage cards remain useful, but they no longer hide/show panels. */
.admin-order-stage-grid-v2 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-order-stage-tile-v2 {
  cursor: pointer !important;
}

.admin-order-stage-tile-v2.active {
  outline: 0 !important;
}

/* All panels are always visible. */
.admin-order-stage-panel-v2,
.admin-order-stage-panel-v2.active,
.admin-order-stage-panel-v2.is-hidden,
.admin-order-stage-panel-v2.is-secondary {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* Turn the workspace into a readable vertical operations stack. */
.admin-order-stage-workspace-v2 {
  display: grid !important;
  gap: 18px !important;
}

/* Every section gets scroll offset so bottom nav does not cover it. */
.admin-order-stage-panel-v2 {
  scroll-margin-top: 18px !important;
  scroll-margin-bottom: 112px !important;
}

/* Secondary panels should not look disabled; just slightly calmer than the current action section. */
.admin-order-stage-panel-v2.is-secondary {
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-order-stage-panel-v2.active {
  box-shadow:
    var(--neo-shadow-out-soft),
    0 0 0 1px rgba(31,122,255,.10) !important;
}

/* Add a subtle section number feel through spacing, not clutter. */
.admin-order-stage-panel-v2 + .admin-order-stage-panel-v2 {
  margin-top: 2px !important;
}

/* Receipt disabled state must be genuinely non-clickable and visually inactive. */
.admin-disabled-link-v6926,
.admin-disabled-link-v6926:link,
.admin-disabled-link-v6926:visited {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: .44 !important;
  filter: grayscale(.45) !important;
  text-decoration: none !important;
}

.admin-payment-receipt-empty-v6926 .admin-disabled-link-v6926 {
  width: fit-content !important;
  min-width: 180px !important;
  justify-content: center !important;
  margin-top: 8px !important;
}

.admin-payment-receipt-ready-v6926 .button-link {
  width: fit-content !important;
  min-width: 180px !important;
  justify-content: center !important;
  margin-top: 8px !important;
}

/* Because everything is visible now, make the top shortcuts compact on mobile. */
@media (max-width: 760px) {
  .admin-order-stage-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .admin-order-stage-panel-v2 {
    scroll-margin-bottom: 104px !important;
  }

  .admin-payment-receipt-empty-v6926 .admin-disabled-link-v6926,
  .admin-payment-receipt-ready-v6926 .button-link {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 430px) {
  .admin-order-stage-grid-v2 {
    grid-template-columns: 1fr !important;
  }
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-order-stage-panel-v2.active {
  box-shadow:
    8px 8px 20px rgba(0,0,0,.26),
    -6px -6px 16px rgba(255,255,255,.022),
    0 0 0 1px rgba(91,159,255,.12) !important;
}


/* Phase 6.9.27 - Hybrid order detail layout
   Primary action stays open; secondary sections are collapsed. */

/* Compact shortcut chips instead of heavy stage cards */
.admin-order-stage-map-v2 {
  padding: 12px !important;
  border-radius: 28px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-stage-map-head-v2 {
  display: grid !important;
  gap: 4px !important;
  margin-bottom: 8px !important;
}

.admin-order-stage-map-head-v2 h2 {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.admin-order-stage-map-head-v2 p {
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.7 !important;
  color: var(--neo-muted, #7b8496) !important;
}

.admin-order-stage-grid-v2 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.admin-order-stage-tile-v2 {
  width: auto !important;
  min-width: 0 !important;
  min-height: 38px !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  padding: 8px 11px !important;
  border: 0 !important;
  border-radius: 999px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;

  cursor: pointer !important;
  text-align: right !important;
}

.admin-order-stage-tile-v2 span {
  font-size: 11.5px !important;
  font-weight: 950 !important;
  color: var(--neo-text, #1f2937) !important;
  white-space: nowrap !important;
}

.admin-order-stage-tile-v2 b {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 170px !important;
  overflow: hidden !important;
}

.admin-order-stage-tile-v2 small {
  display: none !important;
}

.admin-order-stage-tile-v2.active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  box-shadow:
    0 8px 18px rgba(31,122,255,.20),
    0 3px 8px rgba(31,122,255,.14) !important;
}

.admin-order-stage-tile-v2.active span,
.admin-order-stage-tile-v2.active b,
.admin-order-stage-tile-v2.active .status {
  color: #fff !important;
}

/* Workspace returns to a sane hierarchy */
.admin-order-stage-workspace-v2 {
  display: grid !important;
  gap: 16px !important;
}

/* Primary action panel */
.admin-order-primary-panel-v6927,
.admin-order-stage-panel-v2.active.admin-order-primary-panel-v6927 {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  border-radius: 32px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow:
    var(--neo-shadow-out-soft),
    0 0 0 1px rgba(31,122,255,.10) !important;

  scroll-margin-bottom: 112px !important;
}

.admin-order-primary-panel-v6927 .admin-order-stage-panel-head-v2 {
  background:
    linear-gradient(145deg, rgba(31,122,255,.10), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-order-primary-panel-v6927 .admin-order-stage-panel-head-v2 h2 {
  font-size: clamp(19px, 2.4vw, 24px) !important;
}

/* Secondary stack */
.admin-order-secondary-stack-v6927 {
  display: grid !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

.admin-order-secondary-stack-head-v6927 {
  padding: 12px 14px !important;
  border-radius: 24px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-secondary-stack-head-v6927 h2 {
  margin: 0 0 4px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  color: var(--neo-text, #1f2937) !important;
}

.admin-order-secondary-stack-head-v6927 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  line-height: 1.7 !important;
}

/* Collapsed secondary sections */
.admin-order-secondary-details-v6927 {
  border: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;

  scroll-margin-bottom: 112px !important;
}

.admin-order-secondary-details-v6927 > summary {
  min-height: 58px !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "title badge"
    "desc badge";
  gap: 3px 10px !important;
  align-items: center !important;

  padding: 12px 14px !important;

  cursor: pointer !important;
  list-style: none !important;
}

.admin-order-secondary-details-v6927 > summary::-webkit-details-marker {
  display: none !important;
}

.admin-order-secondary-details-v6927 > summary::after {
  content: "⌄" !important;
  position: absolute !important;
  left: 16px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-weight: 950 !important;
}

.admin-order-secondary-details-v6927[open] > summary::after {
  content: "⌃" !important;
}

.admin-order-secondary-details-v6927 > summary span {
  grid-area: title !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-order-secondary-details-v6927 > summary b {
  grid-area: badge !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding-left: 24px !important;
}

.admin-order-secondary-details-v6927 > summary small {
  grid-area: desc !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  line-height: 1.6 !important;
}

.admin-order-secondary-body-v6927 {
  padding: 0 14px 14px !important;
  display: grid !important;
  gap: 12px !important;
}

.admin-order-secondary-details-v6927:not([open]) .admin-order-secondary-body-v6927 {
  display: none !important;
}

/* Neutralize previous single-scroll forced visibility */
.admin-order-stage-panel-v2.is-hidden:not(.admin-order-primary-panel-v6927),
.admin-order-stage-panel-v2.is-secondary:not(.admin-order-primary-panel-v6927) {
  display: none !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-order-stage-map-v2,
:root[data-ui-theme="dark"] .admin-order-stage-tile-v2,
:root[data-ui-theme="dark"] .admin-order-primary-panel-v6927,
:root[data-ui-theme="dark"] .admin-order-primary-panel-v6927 .admin-order-stage-panel-head-v2,
:root[data-ui-theme="dark"] .admin-order-secondary-stack-head-v6927,
:root[data-ui-theme="dark"] .admin-order-secondary-details-v6927 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-order-stage-map-v2,
:root[data-ui-theme="dark"] .admin-order-secondary-stack-head-v6927 {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-order-stage-tile-v2,
:root[data-ui-theme="dark"] .admin-order-primary-panel-v6927,
:root[data-ui-theme="dark"] .admin-order-secondary-details-v6927 {
  box-shadow:
    8px 8px 20px rgba(0,0,0,.26),
    -6px -6px 16px rgba(255,255,255,.022) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-order-stage-map-v2 {
    border-radius: 24px !important;
    padding: 11px !important;
  }

  .admin-order-stage-grid-v2 {
    gap: 7px !important;
  }

  .admin-order-stage-tile-v2 {
    min-height: 36px !important;
    padding: 7px 10px !important;
  }

  .admin-order-stage-tile-v2 span {
    font-size: 11px !important;
  }

  .admin-order-stage-tile-v2 b {
    display: none !important;
  }

  .admin-order-primary-panel-v6927 {
    border-radius: 26px !important;
  }

  .admin-order-secondary-details-v6927 {
    border-radius: 22px !important;
  }

  .admin-order-secondary-details-v6927 > summary {
    min-height: 54px !important;
    padding: 11px 13px !important;
  }

  .admin-order-secondary-details-v6927 > summary b {
    display: none !important;
  }

  .admin-order-secondary-details-v6927 > summary {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "desc";
  }
}


/* Phase 6.9.28 - Remove modal-like stage cards completely
   Final order detail UX: primary action + collapsed secondary details. */

.admin-order-stage-map-v2,
.admin-order-stage-grid-v2,
.admin-order-stage-tile-v2 {
  display: none !important;
}

/* The workspace is now the real page body. */
.admin-order-stage-workspace-v2 {
  display: grid !important;
  gap: 16px !important;
}

/* Primary action must be the only fully open operational block. */
.admin-order-primary-panel-v6927,
.admin-order-stage-panel-v2.active.admin-order-primary-panel-v6927 {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Secondary sections must be native details, not modal/tab panels. */
.admin-order-secondary-stack-v6927 {
  display: grid !important;
  gap: 10px !important;
}

.admin-order-secondary-details-v6927 {
  display: block !important;
}

.admin-order-secondary-details-v6927:not([open]) .admin-order-secondary-body-v6927 {
  display: none !important;
}

.admin-order-secondary-details-v6927[open] .admin-order-secondary-body-v6927 {
  display: grid !important;
}

/* Kill old tab-panel visibility rules for anything that survived. */
.admin-order-stage-panel-v2.is-hidden:not(.admin-order-primary-panel-v6927),
.admin-order-stage-panel-v2.is-secondary:not(.admin-order-primary-panel-v6927) {
  display: none !important;
}

/* Make secondary details visually quieter than the main action. */
.admin-order-secondary-stack-head-v6927 {
  margin-top: 2px !important;
}

.admin-order-secondary-details-v6927 > summary {
  position: relative !important;
}

.admin-order-secondary-details-v6927 > summary::after {
  content: "⌄" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.admin-order-secondary-details-v6927[open] > summary::after {
  content: "⌃" !important;
}

/* There should be no workflow shortcut controller visible or clickable. */
[data-order-workflow-open] {
  display: none !important;
}


/* Phase 6.9.29 - Hard remove any remaining old stage map */
.admin-order-stage-map-v6916,
.admin-order-stage-map-v2,
.admin-order-stage-groups-v6916,
.admin-order-stage-group-v6916,
.admin-order-stage-grid-v6916 {
  display: none !important;
}


/* Phase 6.9.30 - Admin order history timeline */

.admin-order-timeline-v6930 {
  display: grid !important;
  gap: 14px !important;
}

.admin-order-timeline-head-v6930 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;

  padding: 16px !important;
  border-radius: 28px !important;

  background:
    linear-gradient(145deg, rgba(31,122,255,.09), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-timeline-head-v6930 h3 {
  margin: 4px 0 6px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(17px, 2.2vw, 22px) !important;
  font-weight: 950 !important;
}

.admin-order-timeline-head-v6930 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
}

.admin-order-timeline-count-v6930 {
  min-width: 74px !important;
  min-height: 64px !important;

  display: grid !important;
  place-items: center !important;
  gap: 2px !important;

  padding: 10px !important;
  border-radius: 22px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-order-timeline-count-v6930 span {
  color: var(--neo-primary, #1f7aff) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-order-timeline-count-v6930 b {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.admin-order-timeline-list-v6930 {
  position: relative !important;
  display: grid !important;
  gap: 12px !important;
  padding-right: 18px !important;
}

.admin-order-timeline-list-v6930::before {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  bottom: 8px !important;
  right: 7px !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--neo-primary, #1f7aff), rgba(123,132,150,.18)) !important;
}

.admin-order-timeline-item-v6930 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

.admin-order-timeline-dot-v6930 {
  position: relative !important;
  z-index: 1 !important;

  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;

  display: grid !important;
  place-items: center !important;

  color: #fff !important;
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;

  font-size: 11px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 18px rgba(31,122,255,.22) !important;
}

.admin-order-timeline-card-v6930 {
  min-width: 0 !important;
  display: grid !important;
  gap: 10px !important;

  padding: 13px !important;
  border-radius: 24px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-order-timeline-card-head-v6930 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}

.admin-order-timeline-card-head-v6930 h4 {
  margin: 0 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.admin-order-timeline-card-head-v6930 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.admin-order-timeline-card-head-v6930 time {
  max-width: 180px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;

  color: var(--neo-muted, #7b8496) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  font-size: 10.8px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-order-timeline-meta-v6930 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.admin-order-timeline-meta-v6930 span {
  padding: 6px 9px !important;
  border-radius: 999px !important;

  color: var(--neo-muted, #7b8496) !important;
  background: rgba(255,255,255,.30) !important;

  font-size: 11px !important;
  font-weight: 760 !important;
}

.admin-order-timeline-meta-v6930 b {
  color: var(--neo-text, #1f2937) !important;
  font-weight: 950 !important;
}

.admin-order-timeline-tech-v6930 {
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
}

.admin-order-timeline-tech-v6930 > summary {
  width: fit-content !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;

  color: var(--neo-muted, #7b8496) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.admin-order-timeline-tech-v6930 > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 8px !important;
}

.admin-order-timeline-tech-v6930 span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;

  padding: 8px 9px !important;
  border-radius: 15px !important;

  background: rgba(255,255,255,.28) !important;
}

.admin-order-timeline-tech-v6930 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10px !important;
}

.admin-order-timeline-tech-v6930 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 11px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-order-timeline-empty-v6930 {
  display: grid !important;
  gap: 6px !important;

  padding: 16px !important;
  border-radius: 24px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
}

.admin-order-timeline-empty-v6930 b {
  color: var(--neo-text, #1f2937) !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-order-timeline-head-v6930,
:root[data-ui-theme="dark"] .admin-order-timeline-count-v6930,
:root[data-ui-theme="dark"] .admin-order-timeline-card-v6930,
:root[data-ui-theme="dark"] .admin-order-timeline-card-head-v6930 time,
:root[data-ui-theme="dark"] .admin-order-timeline-tech-v6930 > summary,
:root[data-ui-theme="dark"] .admin-order-timeline-empty-v6930 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-order-timeline-head-v6930,
:root[data-ui-theme="dark"] .admin-order-timeline-card-head-v6930 time,
:root[data-ui-theme="dark"] .admin-order-timeline-tech-v6930 > summary,
:root[data-ui-theme="dark"] .admin-order-timeline-empty-v6930 {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-order-timeline-count-v6930,
:root[data-ui-theme="dark"] .admin-order-timeline-card-v6930 {
  box-shadow:
    8px 8px 20px rgba(0,0,0,.26),
    -6px -6px 16px rgba(255,255,255,.022) !important;
}

:root[data-ui-theme="dark"] .admin-order-timeline-meta-v6930 span,
:root[data-ui-theme="dark"] .admin-order-timeline-tech-v6930 span {
  background: rgba(255,255,255,.035) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-order-timeline-head-v6930 {
    grid-template-columns: 1fr !important;
    border-radius: 24px !important;
    padding: 14px !important;
  }

  .admin-order-timeline-count-v6930 {
    width: fit-content !important;
    min-height: 48px !important;
    grid-template-columns: auto auto !important;
    padding: 8px 11px !important;
  }

  .admin-order-timeline-card-head-v6930 {
    grid-template-columns: 1fr !important;
  }

  .admin-order-timeline-card-head-v6930 time {
    max-width: 100% !important;
    width: fit-content !important;
  }

  .admin-order-timeline-tech-v6930 > div {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.31 - Admin settings channel management foundation */

.admin-settings-page-v6931 {
  display: grid !important;
  gap: 16px !important;
}

.admin-settings-hero-v6931 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;

  padding: 18px !important;
  border-radius: 32px !important;

  background:
    radial-gradient(circle at top left, rgba(53,200,244,.16), transparent 34%),
    linear-gradient(145deg, rgba(31,122,255,.10), transparent),
    var(--neo-surface, #edf1f7) !important;

  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-settings-hero-v6931 h1 {
  margin: 5px 0 8px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(21px, 3vw, 30px) !important;
  font-weight: 950 !important;
}

.admin-settings-hero-v6931 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-settings-hero-badge-v6931 {
  min-width: 88px !important;
  min-height: 80px !important;
  display: grid !important;
  place-items: center !important;
  gap: 3px !important;
  padding: 12px !important;
  border-radius: 28px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-settings-hero-badge-v6931 span {
  color: var(--neo-primary, #1f7aff) !important;
  font-size: 30px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.admin-settings-hero-badge-v6931 b {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.admin-settings-summary-v6931 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-settings-summary-v6931 > div,
.admin-settings-owner-card-v6931,
.admin-settings-channel-card-v6931,
.admin-settings-section-head-v6931,
.admin-settings-empty-v6931 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-settings-summary-v6931 > div {
  display: grid !important;
  gap: 5px !important;
  padding: 13px !important;
  border-radius: 23px !important;
}

.admin-settings-summary-v6931 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-settings-summary-v6931 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 19px !important;
  font-weight: 950 !important;
}

.admin-settings-section-v6931 {
  display: grid !important;
  gap: 12px !important;
}

.admin-settings-section-head-v6931 {
  padding: 15px !important;
  border-radius: 26px !important;
}

.admin-settings-section-head-v6931 h2 {
  margin: 0 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.admin-settings-section-head-v6931 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
}

.admin-settings-owner-grid-v6931,
.admin-settings-channel-grid-v6931 {
  display: grid !important;
  gap: 12px !important;
}

.admin-settings-owner-card-v6931,
.admin-settings-channel-card-v6931 {
  display: grid !important;
  gap: 13px !important;
  padding: 15px !important;
  border-radius: 28px !important;
}

.admin-settings-card-head-v6931,
.admin-settings-channel-top-v6931 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.admin-settings-card-head-v6931 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-settings-card-head-v6931 h3,
.admin-settings-channel-top-v6931 h3 {
  margin: 3px 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.admin-settings-card-head-v6931 p,
.admin-settings-channel-top-v6931 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.75 !important;
  font-size: 12px !important;
}

.admin-settings-card-head-v6931 > b {
  padding: 7px 10px !important;
  border-radius: 999px !important;
  color: var(--neo-primary, #1f7aff) !important;
  background: rgba(31,122,255,.09) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.admin-settings-channel-status-v6931 {
  padding: 8px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-settings-channel-status-v6931.is-ok {
  color: #059669 !important;
  background: rgba(16,185,129,.12) !important;
}

.admin-settings-channel-status-v6931.is-warn {
  color: #d97706 !important;
  background: rgba(245,158,11,.13) !important;
}

.admin-settings-mini-grid-v6931,
.admin-settings-channel-meta-v6931 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.admin-settings-mini-grid-v6931 > div,
.admin-settings-channel-meta-v6931 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 11px !important;
  border-radius: 20px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-settings-mini-grid-v6931 span,
.admin-settings-channel-meta-v6931 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.admin-settings-mini-grid-v6931 b,
.admin-settings-channel-meta-v6931 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-settings-tech-details-v6931 {
  border: 0 !important;
  border-radius: 20px !important;
  background: transparent !important;
}

.admin-settings-tech-details-v6931 > summary {
  width: fit-content !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  color: var(--neo-muted, #7b8496) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.admin-settings-tech-details-v6931 > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 9px !important;
}

.admin-settings-tech-details-v6931 span {
  min-width: 0 !important;
  padding: 9px 10px !important;
  border-radius: 16px !important;
  color: var(--neo-muted, #7b8496) !important;
  background: rgba(255,255,255,.30) !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-settings-tech-details-v6931 b {
  color: var(--neo-text, #1f2937) !important;
}

.admin-settings-channel-actions-v6931 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 3px !important;
}

.admin-settings-channel-actions-v6931 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

.admin-settings-empty-v6931 {
  display: grid !important;
  gap: 6px !important;
  padding: 16px !important;
  border-radius: 24px !important;
  color: var(--neo-muted, #7b8496) !important;
}

.admin-settings-empty-v6931 b {
  color: var(--neo-text, #1f2937) !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-settings-hero-v6931,
:root[data-ui-theme="dark"] .admin-settings-hero-badge-v6931,
:root[data-ui-theme="dark"] .admin-settings-summary-v6931 > div,
:root[data-ui-theme="dark"] .admin-settings-owner-card-v6931,
:root[data-ui-theme="dark"] .admin-settings-channel-card-v6931,
:root[data-ui-theme="dark"] .admin-settings-section-head-v6931,
:root[data-ui-theme="dark"] .admin-settings-mini-grid-v6931 > div,
:root[data-ui-theme="dark"] .admin-settings-channel-meta-v6931 > div,
:root[data-ui-theme="dark"] .admin-settings-tech-details-v6931 > summary,
:root[data-ui-theme="dark"] .admin-settings-empty-v6931 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-settings-mini-grid-v6931 > div,
:root[data-ui-theme="dark"] .admin-settings-channel-meta-v6931 > div,
:root[data-ui-theme="dark"] .admin-settings-hero-badge-v6931,
:root[data-ui-theme="dark"] .admin-settings-tech-details-v6931 > summary {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-settings-tech-details-v6931 span {
  background: rgba(255,255,255,.035) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-settings-hero-v6931 {
    grid-template-columns: 1fr !important;
    border-radius: 26px !important;
  }

  .admin-settings-hero-badge-v6931 {
    width: fit-content !important;
    min-height: 54px !important;
    grid-template-columns: auto auto !important;
  }

  .admin-settings-summary-v6931 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-settings-card-head-v6931,
  .admin-settings-channel-top-v6931 {
    grid-template-columns: 1fr !important;
  }

  .admin-settings-mini-grid-v6931,
  .admin-settings-channel-meta-v6931,
  .admin-settings-tech-details-v6931 > div {
    grid-template-columns: 1fr !important;
  }

  .admin-settings-channel-actions-v6931 .button-link {
    width: 100% !important;
  }
}


/* Phase 6.9.34 - Channel readiness checklist */

.admin-settings-page-v6934 {
  gap: 18px !important;
}

.admin-settings-summary-v6934 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.admin-settings-disabled-note-v6934 {
  display: grid !important;
  gap: 5px !important;

  padding: 13px 15px !important;
  border-radius: 24px !important;

  background: rgba(245,158,11,.10) !important;
  border: 1px solid rgba(245,158,11,.18) !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
}

.admin-settings-disabled-note-v6934 b {
  color: #d97706 !important;
  font-weight: 950 !important;
}

.admin-settings-disabled-note-v6934 span {
  font-size: 12px !important;
  font-weight: 780 !important;
}

.admin-settings-channel-card-v6934 {
  position: relative !important;
}

.admin-settings-readiness-v6934,
.admin-settings-media-v6934 {
  display: grid !important;
  gap: 10px !important;

  padding: 12px !important;
  border-radius: 23px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-settings-readiness-head-v6934,
.admin-settings-media-head-v6934 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.admin-settings-readiness-head-v6934 h4,
.admin-settings-media-head-v6934 h4 {
  margin: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-settings-readiness-head-v6934 span,
.admin-settings-media-head-v6934 span {
  padding: 6px 9px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-settings-readiness-head-v6934 span.is-ok {
  color: #059669 !important;
  background: rgba(16,185,129,.12) !important;
}

.admin-settings-readiness-head-v6934 span.is-warn,
.admin-settings-media-head-v6934 span {
  color: #d97706 !important;
  background: rgba(245,158,11,.13) !important;
}

.admin-settings-readiness-grid-v6934 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.admin-settings-ready-chip-v6934 {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;

  padding: 10px !important;
  border-radius: 18px !important;

  background: rgba(255,255,255,.30) !important;
}

.admin-settings-ready-chip-v6934 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.admin-settings-ready-chip-v6934 b {
  min-width: 0 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-settings-ready-chip-v6934.is-ok b {
  color: #059669 !important;
}

.admin-settings-ready-chip-v6934.is-warn b {
  color: #d97706 !important;
}

.admin-settings-warning-box-v6934,
.admin-settings-ok-box-v6934 {
  display: grid !important;
  gap: 7px !important;

  padding: 12px !important;
  border-radius: 22px !important;
}

.admin-settings-warning-box-v6934 {
  background: rgba(245,158,11,.10) !important;
  border: 1px solid rgba(245,158,11,.18) !important;
}

.admin-settings-ok-box-v6934 {
  background: rgba(16,185,129,.10) !important;
  border: 1px solid rgba(16,185,129,.18) !important;
}

.admin-settings-warning-box-v6934 b,
.admin-settings-ok-box-v6934 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
}

.admin-settings-warning-box-v6934 ul {
  margin: 0 !important;
  padding-right: 18px !important;
  color: #b45309 !important;
  line-height: 1.9 !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

.admin-settings-ok-box-v6934 span {
  color: #059669 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.admin-settings-channel-meta-v6934 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.admin-settings-media-grid-v6934 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.admin-settings-media-grid-v6934 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;

  padding: 10px !important;
  border-radius: 18px !important;

  background: rgba(255,255,255,.30) !important;
}

.admin-settings-media-grid-v6934 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.admin-settings-media-grid-v6934 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-settings-readiness-v6934,
:root[data-ui-theme="dark"] .admin-settings-media-v6934 {
  background: var(--neo-surface, #171d27) !important;
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-settings-ready-chip-v6934,
:root[data-ui-theme="dark"] .admin-settings-media-grid-v6934 > div {
  background: rgba(255,255,255,.035) !important;
}

/* Mobile */
@media (max-width: 900px) {
  .admin-settings-summary-v6934 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-settings-readiness-grid-v6934 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-settings-media-grid-v6934 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .admin-settings-summary-v6934 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-settings-channel-meta-v6934 {
    grid-template-columns: 1fr !important;
  }

  .admin-settings-readiness-head-v6934,
  .admin-settings-media-head-v6934 {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}


/* Phase 6.9.35 - Safe channel diagnostics page */

.admin-settings-channel-actions-row-v6935 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.admin-channel-diagnostics-page-v6935 {
  display: grid !important;
  gap: 16px !important;
}

.admin-channel-diagnostics-hero-v6935,
.admin-channel-diagnostics-summary-v6935 > div,
.admin-channel-diagnostics-warning-v6935,
.admin-channel-diagnostic-group-v6935,
.admin-channel-diagnostics-next-v6935 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-channel-diagnostics-hero-v6935 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;

  padding: 18px !important;
  border-radius: 32px !important;
}

.admin-channel-diagnostics-hero-v6935.is-ok {
  background:
    radial-gradient(circle at top left, rgba(16,185,129,.16), transparent 34%),
    var(--neo-surface, #edf1f7) !important;
}

.admin-channel-diagnostics-hero-v6935.is-bad {
  background:
    radial-gradient(circle at top left, rgba(245,158,11,.18), transparent 34%),
    var(--neo-surface, #edf1f7) !important;
}

.admin-channel-diagnostics-hero-v6935 h1 {
  margin: 5px 0 8px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(22px, 3vw, 31px) !important;
  font-weight: 950 !important;
}

.admin-channel-diagnostics-hero-v6935 p,
.admin-channel-diagnostics-next-v6935 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-channel-diagnostics-actions-v6935 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.admin-channel-diagnostics-summary-v6935 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-channel-diagnostics-summary-v6935 > div {
  display: grid !important;
  gap: 5px !important;
  padding: 13px !important;
  border-radius: 22px !important;
}

.admin-channel-diagnostics-summary-v6935 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-channel-diagnostics-summary-v6935 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-channel-diagnostics-warning-v6935 {
  display: grid !important;
  gap: 8px !important;
  padding: 15px !important;
  border-radius: 26px !important;
  background:
    linear-gradient(145deg, rgba(245,158,11,.10), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-channel-diagnostics-warning-v6935 h2,
.admin-channel-diagnostic-group-v6935 h2,
.admin-channel-diagnostics-next-v6935 h2 {
  margin: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.admin-channel-diagnostics-warning-v6935 ul {
  margin: 0 !important;
  padding-right: 20px !important;
  color: #b45309 !important;
  line-height: 1.9 !important;
  font-size: 12.5px !important;
  font-weight: 790 !important;
}

.admin-channel-diagnostics-warning-v6935 p {
  margin: 0 !important;
  color: #059669 !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

.admin-channel-diagnostics-grid-v6935 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.admin-channel-diagnostic-group-v6935 {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  padding: 15px !important;
  border-radius: 28px !important;
}

.admin-diagnostic-row-v6935 {
  display: grid !important;
  gap: 8px !important;

  padding: 12px !important;
  border-radius: 21px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-diagnostic-row-main-v6935 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}

.admin-diagnostic-row-v6935 h4 {
  margin: 0 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-diagnostic-row-v6935 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.75 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.admin-diagnostic-status-v6935 {
  padding: 6px 9px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-diagnostic-status-v6935.is-ok {
  color: #059669 !important;
  background: rgba(16,185,129,.12) !important;
}

.admin-diagnostic-status-v6935.is-bad {
  color: #d97706 !important;
  background: rgba(245,158,11,.14) !important;
}

.admin-diagnostic-value-v6935 {
  width: fit-content !important;
  max-width: 100% !important;

  margin-top: 7px !important;
  padding: 7px 9px !important;
  border-radius: 999px !important;

  color: var(--neo-muted, #7b8496) !important;
  background: rgba(255,255,255,.35) !important;

  font-size: 11px !important;
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-diagnostic-fix-v6935 {
  display: grid !important;
  gap: 4px !important;

  padding: 9px 10px !important;
  border-radius: 17px !important;

  background: rgba(245,158,11,.11) !important;
  color: #b45309 !important;
}

.admin-diagnostic-fix-v6935 b {
  font-size: 11.5px !important;
  font-weight: 950 !important;
}

.admin-diagnostic-fix-v6935 span {
  font-size: 12px !important;
  line-height: 1.75 !important;
  font-weight: 780 !important;
}

.admin-channel-diagnostics-next-v6935 {
  padding: 16px !important;
  border-radius: 28px !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-channel-diagnostics-hero-v6935,
:root[data-ui-theme="dark"] .admin-channel-diagnostics-summary-v6935 > div,
:root[data-ui-theme="dark"] .admin-channel-diagnostics-warning-v6935,
:root[data-ui-theme="dark"] .admin-channel-diagnostic-group-v6935,
:root[data-ui-theme="dark"] .admin-channel-diagnostics-next-v6935,
:root[data-ui-theme="dark"] .admin-diagnostic-row-v6935 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-diagnostic-row-v6935 {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-diagnostic-value-v6935 {
  background: rgba(255,255,255,.035) !important;
}

/* Mobile */
@media (max-width: 900px) {
  .admin-channel-diagnostics-hero-v6935 {
    grid-template-columns: 1fr !important;
  }

  .admin-channel-diagnostics-actions-v6935 {
    justify-content: flex-start !important;
  }

  .admin-channel-diagnostics-summary-v6935 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-channel-diagnostics-grid-v6935 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .admin-settings-channel-actions-row-v6935,
  .admin-settings-channel-actions-row-v6935 .button-link,
  .admin-channel-diagnostics-actions-v6935 .button-link {
    width: 100% !important;
  }

  .admin-channel-diagnostics-summary-v6935 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-diagnostic-row-main-v6935 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.36 - Controlled Eitaayar test send */

.admin-eita-test-page-v6936 {
  display: grid !important;
  gap: 16px !important;
}

.admin-eita-test-hero-v6936,
.admin-eita-test-warning-v6936,
.admin-eita-test-card-v6936,
.admin-eita-test-result-v6936 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-eita-test-hero-v6936 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 18px !important;
  border-radius: 32px !important;
}

.admin-eita-test-hero-v6936.is-enabled {
  background:
    radial-gradient(circle at top left, rgba(16,185,129,.18), transparent 34%),
    var(--neo-surface, #edf1f7) !important;
}

.admin-eita-test-hero-v6936.is-disabled {
  background:
    radial-gradient(circle at top left, rgba(245,158,11,.18), transparent 34%),
    var(--neo-surface, #edf1f7) !important;
}

.admin-eita-test-hero-v6936 h1 {
  margin: 5px 0 8px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(22px, 3vw, 31px) !important;
  font-weight: 950 !important;
}

.admin-eita-test-hero-v6936 p,
.admin-eita-test-warning-v6936 span,
.admin-eita-test-result-v6936 span {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-eita-test-state-v6936 {
  min-width: 110px !important;
  display: grid !important;
  gap: 5px !important;
  padding: 13px !important;
  border-radius: 24px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-eita-test-state-v6936 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-eita-test-state-v6936 b {
  color: var(--neo-primary, #1f7aff) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.admin-eita-test-warning-v6936,
.admin-eita-test-result-v6936 {
  display: grid !important;
  gap: 7px !important;
  padding: 14px 15px !important;
  border-radius: 24px !important;
}

.admin-eita-test-warning-v6936 {
  background: rgba(245,158,11,.10) !important;
  border: 1px solid rgba(245,158,11,.18) !important;
}

.admin-eita-test-warning-v6936 b {
  color: #d97706 !important;
  font-weight: 950 !important;
}

.admin-eita-test-card-v6936 {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 28px !important;
}

.admin-eita-test-meta-v6936 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-eita-test-meta-v6936 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-eita-test-meta-v6936 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-eita-test-meta-v6936 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-eita-test-form-v6936 {
  display: grid !important;
  gap: 10px !important;
  padding: 13px !important;
  border-radius: 23px !important;
  background: rgba(245,158,11,.08) !important;
}

.admin-eita-test-form-v6936 code {
  width: fit-content !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.45) !important;
  color: var(--neo-text, #1f2937) !important;
  font-weight: 950 !important;
}

.admin-eita-test-result-v6936.is-ok {
  background: rgba(16,185,129,.10) !important;
  border: 1px solid rgba(16,185,129,.18) !important;
}

.admin-eita-test-result-v6936.is-blocked {
  background: rgba(245,158,11,.10) !important;
  border: 1px solid rgba(245,158,11,.18) !important;
}

.admin-eita-test-result-v6936.is-error {
  background: rgba(239,68,68,.10) !important;
  border: 1px solid rgba(239,68,68,.18) !important;
}

.admin-eita-test-result-v6936 b {
  color: var(--neo-text, #1f2937) !important;
  font-weight: 950 !important;
}

.admin-eita-test-result-v6936 pre {
  max-height: 280px !important;
  overflow: auto !important;
  direction: ltr !important;
  text-align: left !important;
  white-space: pre-wrap !important;
}

.admin-eita-test-actions-v6936,
.admin-channel-diagnostics-next-v6936 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-eita-test-hero-v6936,
:root[data-ui-theme="dark"] .admin-eita-test-state-v6936,
:root[data-ui-theme="dark"] .admin-eita-test-card-v6936,
:root[data-ui-theme="dark"] .admin-eita-test-meta-v6936 > div,
:root[data-ui-theme="dark"] .admin-eita-test-result-v6936 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-eita-test-state-v6936,
:root[data-ui-theme="dark"] .admin-eita-test-meta-v6936 > div {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-eita-test-hero-v6936 {
    grid-template-columns: 1fr !important;
  }

  .admin-eita-test-meta-v6936 {
    grid-template-columns: 1fr !important;
  }

  .admin-eita-test-actions-v6936 .button-link,
  .admin-channel-diagnostics-next-v6936 .button-link {
    width: 100% !important;
  }
}


/* Phase 6.9.37 - Channel test audit log */

.admin-channel-test-audit-v6937 {
  display: grid !important;
  gap: 12px !important;
  padding: 15px !important;
  border-radius: 28px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-channel-test-audit-v6937.is-ok {
  background:
    linear-gradient(145deg, rgba(16,185,129,.10), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-channel-test-audit-v6937.is-blocked {
  background:
    linear-gradient(145deg, rgba(245,158,11,.10), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-channel-test-audit-v6937.is-error {
  background:
    linear-gradient(145deg, rgba(239,68,68,.10), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-channel-test-audit-head-v6937 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.admin-channel-test-audit-head-v6937 h2 {
  margin: 0 0 5px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.admin-channel-test-audit-head-v6937 p,
.admin-channel-test-audit-v6937.is-empty p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
}

.admin-channel-test-audit-head-v6937 > span {
  padding: 7px 10px !important;
  border-radius: 999px !important;
  color: var(--neo-primary, #1f7aff) !important;
  background: rgba(31,122,255,.10) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-channel-test-audit-summary-v6937 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.admin-channel-test-audit-summary-v6937 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 11px !important;
  border-radius: 19px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-channel-test-audit-summary-v6937 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.admin-channel-test-audit-summary-v6937 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 11.5px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-channel-test-audit-tech-v6937,
.admin-channel-test-audit-history-v6937 {
  border: 0 !important;
}

.admin-channel-test-audit-tech-v6937 summary,
.admin-channel-test-audit-history-v6937 summary {
  width: fit-content !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  cursor: pointer !important;

  color: var(--neo-muted, #7b8496) !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  font-size: 11px !important;
  font-weight: 900 !important;
}

.admin-channel-test-audit-tech-v6937 pre {
  max-height: 280px !important;
  overflow: auto !important;
  direction: ltr !important;
  text-align: left !important;
  white-space: pre-wrap !important;
  margin-top: 9px !important;
}

.admin-channel-test-audit-history-v6937 ul {
  display: grid !important;
  gap: 7px !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.admin-channel-test-audit-history-v6937 li {
  display: grid !important;
  gap: 3px !important;
  padding: 9px 10px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.30) !important;
}

.admin-channel-test-audit-history-v6937 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 11px !important;
}

.admin-channel-test-audit-history-v6937 span,
.admin-channel-test-audit-history-v6937 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  line-height: 1.6 !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-channel-test-audit-v6937,
:root[data-ui-theme="dark"] .admin-channel-test-audit-summary-v6937 > div,
:root[data-ui-theme="dark"] .admin-channel-test-audit-tech-v6937 summary,
:root[data-ui-theme="dark"] .admin-channel-test-audit-history-v6937 summary {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-channel-test-audit-summary-v6937 > div,
:root[data-ui-theme="dark"] .admin-channel-test-audit-tech-v6937 summary,
:root[data-ui-theme="dark"] .admin-channel-test-audit-history-v6937 summary {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-channel-test-audit-history-v6937 li {
  background: rgba(255,255,255,.035) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-channel-test-audit-head-v6937 {
    flex-direction: column !important;
  }

  .admin-channel-test-audit-summary-v6937 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.38 - Safe channel settings draft editor */

.admin-channel-edit-page-v6938 {
  display: grid !important;
  gap: 16px !important;
}

.admin-channel-edit-hero-v6938,
.admin-channel-edit-warning-v6938,
.admin-channel-edit-form-v6938,
.admin-channel-edit-saved-v6938 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-channel-edit-hero-v6938 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;

  padding: 18px !important;
  border-radius: 32px !important;

  background:
    radial-gradient(circle at top left, rgba(31,122,255,.15), transparent 35%),
    var(--neo-surface, #edf1f7) !important;
}

.admin-channel-edit-hero-v6938 h1 {
  margin: 5px 0 8px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(22px, 3vw, 31px) !important;
  font-weight: 950 !important;
}

.admin-channel-edit-hero-v6938 p,
.admin-channel-edit-warning-v6938 span,
.admin-channel-edit-saved-v6938 span {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-channel-edit-state-v6938 {
  min-width: 116px !important;
  display: grid !important;
  gap: 5px !important;
  padding: 13px !important;
  border-radius: 24px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-channel-edit-state-v6938 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-channel-edit-state-v6938 b {
  color: var(--neo-primary, #1f7aff) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.admin-channel-edit-state-v6938.has-draft b {
  color: #d97706 !important;
}

.admin-channel-edit-warning-v6938,
.admin-channel-edit-saved-v6938 {
  display: grid !important;
  gap: 7px !important;
  padding: 14px 15px !important;
  border-radius: 24px !important;
}

.admin-channel-edit-warning-v6938 {
  background: rgba(245,158,11,.10) !important;
  border: 1px solid rgba(245,158,11,.18) !important;
}

.admin-channel-edit-warning-v6938 b {
  color: #d97706 !important;
  font-weight: 950 !important;
}

.admin-channel-edit-saved-v6938 {
  background: rgba(16,185,129,.10) !important;
  border: 1px solid rgba(16,185,129,.18) !important;
}

.admin-channel-edit-saved-v6938 b {
  color: #059669 !important;
  font-weight: 950 !important;
}

.admin-channel-edit-form-v6938 {
  display: grid !important;
  gap: 15px !important;
  padding: 16px !important;
  border-radius: 30px !important;
}

.admin-channel-edit-grid-v6938 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-channel-edit-grid-v6938 label,
.admin-channel-edit-rules-v6938 {
  display: grid !important;
  gap: 8px !important;
}

.admin-channel-edit-grid-v6938 span,
.admin-channel-edit-rules-v6938 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.admin-channel-edit-switches-v6938 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-channel-edit-switches-v6938 label {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  padding: 12px !important;
  border-radius: 20px !important;

  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;

  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.admin-channel-edit-switches-v6938 input {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

.admin-channel-edit-rules-v6938 textarea {
  min-height: 170px !important;
}

.admin-channel-edit-submit-v6938 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

.admin-channel-diagnostics-next-actions-v6938 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-channel-edit-hero-v6938,
:root[data-ui-theme="dark"] .admin-channel-edit-state-v6938,
:root[data-ui-theme="dark"] .admin-channel-edit-form-v6938,
:root[data-ui-theme="dark"] .admin-channel-edit-switches-v6938 label,
:root[data-ui-theme="dark"] .admin-channel-edit-saved-v6938 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-channel-edit-state-v6938,
:root[data-ui-theme="dark"] .admin-channel-edit-switches-v6938 label {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

/* Mobile */
@media (max-width: 900px) {
  .admin-channel-edit-hero-v6938 {
    grid-template-columns: 1fr !important;
  }

  .admin-channel-edit-grid-v6938,
  .admin-channel-edit-switches-v6938 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .admin-channel-edit-submit-v6938 .button-link,
  .admin-channel-edit-submit-v6938 button,
  .admin-channel-diagnostics-next-actions-v6938 .button-link {
    width: 100% !important;
  }
}


/* Phase 6.9.40 - Channel draft compare page */

.admin-draft-compare-page-v6940 {
  display: grid !important;
  gap: 16px !important;
}

.admin-draft-compare-hero-v6940,
.admin-draft-compare-meta-v6940 > div,
.admin-draft-compare-warning-v6940,
.admin-draft-compare-row-v6940,
.admin-draft-compare-empty-v6940 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-draft-compare-hero-v6940 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 18px !important;
  border-radius: 32px !important;
}

.admin-draft-compare-hero-v6940.has-change {
  background:
    radial-gradient(circle at top left, rgba(245,158,11,.18), transparent 34%),
    var(--neo-surface, #edf1f7) !important;
}

.admin-draft-compare-hero-v6940.is-same {
  background:
    radial-gradient(circle at top left, rgba(16,185,129,.16), transparent 34%),
    var(--neo-surface, #edf1f7) !important;
}

.admin-draft-compare-hero-v6940 h1 {
  margin: 5px 0 8px !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: clamp(22px, 3vw, 31px) !important;
  font-weight: 950 !important;
}

.admin-draft-compare-hero-v6940 p,
.admin-draft-compare-warning-v6940 span,
.admin-draft-compare-empty-v6940 span {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-draft-compare-state-v6940 {
  min-width: 96px !important;
  display: grid !important;
  gap: 5px !important;
  padding: 13px !important;
  border-radius: 24px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-draft-compare-state-v6940 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-draft-compare-state-v6940 b {
  color: var(--neo-primary, #1f7aff) !important;
  font-size: 28px !important;
  font-weight: 950 !important;
}

.admin-draft-compare-meta-v6940 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-draft-compare-meta-v6940 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 13px !important;
  border-radius: 22px !important;
}

.admin-draft-compare-meta-v6940 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-draft-compare-meta-v6940 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-draft-compare-warning-v6940,
.admin-draft-compare-empty-v6940 {
  display: grid !important;
  gap: 7px !important;
  padding: 14px 15px !important;
  border-radius: 24px !important;
  background: rgba(245,158,11,.10) !important;
  border: 1px solid rgba(245,158,11,.18) !important;
}

.admin-draft-compare-warning-v6940 b,
.admin-draft-compare-empty-v6940 b {
  color: #d97706 !important;
  font-weight: 950 !important;
}

.admin-draft-compare-list-v6940 {
  display: grid !important;
  gap: 12px !important;
}

.admin-draft-compare-row-v6940 {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
  border-radius: 26px !important;
}

.admin-draft-compare-row-v6940.is-changed {
  border: 1px solid rgba(245,158,11,.20) !important;
}

.admin-draft-compare-row-v6940.is-same {
  opacity: .82 !important;
}

.admin-draft-compare-row-head-v6940 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
}

.admin-draft-compare-row-head-v6940 h3 {
  margin: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.admin-draft-compare-row-head-v6940 span {
  padding: 7px 10px !important;
  border-radius: 999px !important;
  color: #d97706 !important;
  background: rgba(245,158,11,.12) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-draft-compare-row-v6940.is-same .admin-draft-compare-row-head-v6940 span {
  color: #059669 !important;
  background: rgba(16,185,129,.12) !important;
}

.admin-draft-compare-values-v6940 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-draft-compare-values-v6940 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-draft-compare-values-v6940 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-draft-compare-values-v6940 pre {
  margin: 0 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  color: var(--neo-text, #1f2937) !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.75 !important;
}

.admin-draft-compare-actions-v6940 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Dark mode */
:root[data-ui-theme="dark"] .admin-draft-compare-hero-v6940,
:root[data-ui-theme="dark"] .admin-draft-compare-state-v6940,
:root[data-ui-theme="dark"] .admin-draft-compare-meta-v6940 > div,
:root[data-ui-theme="dark"] .admin-draft-compare-row-v6940,
:root[data-ui-theme="dark"] .admin-draft-compare-values-v6940 > div,
:root[data-ui-theme="dark"] .admin-draft-compare-empty-v6940 {
  background: var(--neo-surface, #171d27) !important;
}

:root[data-ui-theme="dark"] .admin-draft-compare-state-v6940,
:root[data-ui-theme="dark"] .admin-draft-compare-values-v6940 > div {
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

/* Mobile */
@media (max-width: 760px) {
  .admin-draft-compare-hero-v6940,
  .admin-draft-compare-values-v6940,
  .admin-draft-compare-meta-v6940 {
    grid-template-columns: 1fr !important;
  }

  .admin-draft-compare-row-head-v6940 {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .admin-draft-compare-actions-v6940 .button-link {
    width: 100% !important;
  }
}


/* Phase 6.9.43 - Hide draft compare from visible workflow */

.admin-draft-notice-v6939 span {
  line-height: 1.9 !important;
}


/* Phase 6.9.45 - Runtime channel settings are customer-preview capable */

.admin-runtime-notice-v6945 {
  display: grid !important;
  gap: 6px !important;
  padding: 12px 13px !important;
  border-radius: 22px !important;
  background: rgba(31,122,255,.09) !important;
  border: 1px solid rgba(31,122,255,.15) !important;
}


/* Phase 6.9.48 - Admin order channel settings snapshot */

.admin-channel-snapshot-v6948 {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 22px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-channel-snapshot-v6948 summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  cursor: pointer !important;
  list-style: none !important;
}

.admin-channel-snapshot-v6948 summary::-webkit-details-marker {
  display: none !important;
}

.admin-channel-snapshot-v6948 summary span,
.admin-channel-snapshot-v6948.is-empty span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.admin-channel-snapshot-v6948 summary b {
  padding: 6px 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-channel-snapshot-v6948.is-runtime summary b {
  color: #059669 !important;
  background: rgba(16,185,129,.13) !important;
}

.admin-channel-snapshot-v6948.is-constants summary b {
  color: #64748b !important;
  background: rgba(100,116,139,.12) !important;
}

.admin-channel-snapshot-v6948.is-empty {
  background: rgba(245,158,11,.10) !important;
  border: 1px solid rgba(245,158,11,.18) !important;
}

.admin-channel-snapshot-v6948.is-empty b {
  color: #d97706 !important;
}

.admin-channel-snapshot-grid-v6948 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 10px !important;
}

.admin-channel-snapshot-grid-v6948 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 10px !important;
  border-radius: 17px !important;
  background: rgba(255,255,255,.34) !important;
}

.admin-channel-snapshot-grid-v6948 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.admin-channel-snapshot-grid-v6948 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-channel-snapshot-rules-v6948 {
  margin-top: 10px !important;
  display: grid !important;
  gap: 8px !important;
}

.admin-channel-snapshot-rules-v6948 h4 {
  margin: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-channel-snapshot-rules-v6948 ul {
  margin: 0 !important;
  padding-right: 20px !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.admin-channel-snapshot-rules-v6948 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

:root[data-ui-theme="dark"] .admin-channel-snapshot-v6948 {
  background: var(--neo-surface, #171d27) !important;
  box-shadow:
    inset 5px 5px 12px rgba(0,0,0,.24),
    inset -5px -5px 12px rgba(255,255,255,.02) !important;
}

:root[data-ui-theme="dark"] .admin-channel-snapshot-grid-v6948 > div {
  background: rgba(255,255,255,.035) !important;
}

@media (max-width: 760px) {
  .admin-channel-snapshot-grid-v6948 {
    grid-template-columns: 1fr !important;
  }

  .admin-channel-snapshot-v6948 summary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Phase 6.9.53 - Admin settings runtime display */
.admin-channel-diagnostics-description-v6953 {
  display: grid !important;
  gap: 12px !important;
  padding: 16px !important;
  border-radius: 28px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-channel-diagnostics-description-v6953 h3 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  color: var(--neo-text, #1f2937) !important;
}

.admin-channel-diagnostics-description-card-v6953 {
  display: grid !important;
  gap: 7px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.34) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-channel-diagnostics-description-card-v6953 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-channel-diagnostics-description-card-v6953 p {
  margin: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 780 !important;
}

/* Phase 6.9.54 */
.admin-runtime-badge-v6944,
.admin-draft-badge-v6939 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.admin-runtime-badge-v6944 {
  color: #059669 !important;
  background: rgba(16,185,129,.14) !important;
}

.admin-draft-badge-v6939 {
  color: #64748b !important;
  background: rgba(100,116,139,.13) !important;
}

/* Phase 6.9.54 */
.admin-runtime-badge-v6944,
.admin-draft-badge-v6939 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.admin-runtime-badge-v6944 {
  color: #059669 !important;
  background: rgba(16,185,129,.14) !important;
}

.admin-draft-badge-v6939 {
  color: #64748b !important;
  background: rgba(100,116,139,.13) !important;
}


/* Phase 6.9.62 - Channel edit success actions */
.admin-channel-edit-success-actions-v6962 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.admin-channel-edit-success-actions-v6962 .button-link.primary {
  order: -1 !important;
  min-width: 210px !important;
  font-weight: 950 !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-channel-edit-success-actions-v6962 .button-link.secondary {
  opacity: .88 !important;
}


/* Phase 6.9.68 - Final channel settings polish */

.admin-channel-edit-warning-v6938 {
  padding: 14px 18px !important;
  border-radius: 24px !important;
}

.admin-channel-edit-warning-v6938 b {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.admin-channel-edit-warning-v6938 span {
  display: block !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-channel-edit-finance-v6956,
.admin-channel-edit-finance-v6955 {
  display: grid !important;
  gap: 16px !important;
  padding: 18px !important;
  margin: 16px 0 !important;
  border-radius: 28px !important;
  background: rgba(245, 158, 11, .07) !important;
  border: 1px solid rgba(245, 158, 11, .18) !important;
}

.admin-channel-edit-section-title-v6956 {
  display: grid !important;
  gap: 6px !important;
}

.admin-channel-edit-section-title-v6956 h3 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  color: var(--neo-text, #1f2937) !important;
}

.admin-channel-edit-section-title-v6956 p {
  margin: 0 !important;
  max-width: 880px !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  color: var(--neo-muted, #7b8496) !important;
}

.admin-channel-edit-finance-v6956 .admin-channel-edit-grid-v6938,
.admin-channel-edit-finance-v6955 .admin-channel-edit-grid-v6938 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.admin-channel-edit-finance-v6956 label,
.admin-channel-edit-finance-v6955 label {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-height: 164px !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.40) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  overflow: hidden !important;
}

.admin-channel-edit-finance-v6956 label > span,
.admin-channel-edit-finance-v6955 label > span {
  min-height: 26px !important;
  display: flex !important;
  align-items: center !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.admin-channel-edit-finance-v6956 input,
.admin-channel-edit-finance-v6955 input {
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 58px !important;
  margin: 0 !important;
  text-align: center !important;
  direction: ltr !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
}

.admin-channel-edit-finance-v6956 input[name="card_number"],
.admin-channel-edit-finance-v6955 input[name="card_number"] {
  font-size: 19px !important;
  direction: ltr !important;
  text-align: center !important;
}

.admin-channel-edit-finance-v6956 input[name="card_owner"],
.admin-channel-edit-finance-v6955 input[name="card_owner"] {
  direction: rtl !important;
  text-align: right !important;
  font-size: 16px !important;
}

.admin-channel-edit-finance-v6956 small,
.admin-channel-edit-finance-v6955 small,
.admin-channel-edit-finance-v6956 .admin-live-validation-hint-v6961,
.admin-channel-edit-finance-v6955 .admin-live-validation-hint-v6961 {
  display: block !important;
  min-height: 34px !important;
  margin: 0 !important;
  line-height: 1.7 !important;
  font-size: 11.5px !important;
  font-weight: 760 !important;
  color: var(--neo-muted, #7b8496) !important;
}

/* پیام ثابت بانک و پیام تعداد عضو مخفی؛ فقط پیام زنده بانک بماند */
.admin-channel-edit-finance-v6956 input[name="card_number"] ~ .admin-field-hint-v6959,
.admin-channel-edit-finance-v6955 input[name="card_number"] ~ .admin-field-hint-v6959,
.admin-channel-edit-page-v6938 input[name="followers_count"] + small,
.admin-channel-edit-page-v6938 input[name="followers_count"] ~ small,
.admin-channel-edit-page-v6938 input[name="followers_count"] ~ .admin-live-validation-hint-v6961,
.admin-channel-edit-page-v6938 input[name="followers_count"] ~ .admin-field-hint-v6959 {
  display: none !important;
}

.admin-channel-edit-finance-v6956 input[readonly],
.admin-channel-edit-finance-v6955 input[readonly],
.admin-readonly-input-v6959 {
  opacity: .76 !important;
  cursor: not-allowed !important;
  background: rgba(100,116,139,.08) !important;
}

.admin-live-validation-hint-v6961.is-ok {
  color: #059669 !important;
}

.admin-live-validation-hint-v6961.is-error {
  color: #dc2626 !important;
}

input.is-valid-v6961 {
  border-color: rgba(16,185,129,.42) !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,.10) !important;
}

input.is-invalid-v6961 {
  border-color: rgba(220,38,38,.42) !important;
  box-shadow: 0 0 0 3px rgba(220,38,38,.10) !important;
}

@media (max-width: 980px) {
  .admin-channel-edit-finance-v6956 .admin-channel-edit-grid-v6938,
  .admin-channel-edit-finance-v6955 .admin-channel-edit-grid-v6938 {
    grid-template-columns: 1fr !important;
  }

  .admin-channel-edit-finance-v6956 label,
  .admin-channel-edit-finance-v6955 label {
    min-height: auto !important;
  }
}


/* Phase 6.9.69 - Final settings dashboard polish */

.admin-settings-page-v6931 {
  gap: 18px !important;
}

.admin-settings-hero-v6931 p,
.admin-settings-section-head-v6931 p,
.admin-settings-channel-actions-v6931 > span {
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-settings-channel-card-v6931 {
  display: grid !important;
  gap: 14px !important;
  overflow: hidden !important;
}

.admin-settings-channel-top-v6931 {
  align-items: flex-start !important;
}

.admin-settings-channel-top-v6931 h3 {
  margin-bottom: 6px !important;
}

.admin-settings-channel-top-v6931 p {
  margin: 0 !important;
  line-height: 1.8 !important;
  min-height: 0 !important;
}

.admin-settings-channel-status-v6931 {
  white-space: nowrap !important;
}

.admin-settings-ok-box-v6934 span,
.admin-settings-warning-box-v6934 li {
  line-height: 1.8 !important;
}

.admin-settings-channel-meta-v6934 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-settings-channel-meta-v6934 > div {
  min-width: 0 !important;
  min-height: 72px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.30) !important;
}

.admin-settings-channel-meta-v6934 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.8px !important;
  font-weight: 850 !important;
}

.admin-settings-channel-meta-v6934 b {
  min-width: 0 !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-settings-tech-details-v6931 summary {
  font-weight: 950 !important;
}

.admin-settings-tech-details-v6931 > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.admin-settings-tech-details-v6931 > div > span {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.28) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-settings-tech-details-v6931 > div > span b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-runtime-badge-v6944,
.admin-constants-badge-v6969 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
}

.admin-runtime-badge-v6944 {
  color: #059669 !important;
  background: rgba(16,185,129,.14) !important;
}

.admin-constants-badge-v6969 {
  color: #475569 !important;
  background: rgba(100,116,139,.13) !important;
}

.admin-settings-channel-actions-v6931 {
  display: grid !important;
  gap: 10px !important;
}

.admin-settings-channel-actions-row-v6935 {
  display: grid !important;
  grid-template-columns: 1.25fr 1fr 1fr !important;
  gap: 10px !important;
}

.admin-settings-channel-actions-row-v6935 .button-link {
  justify-content: center !important;
  text-align: center !important;
}

.admin-settings-channel-actions-row-v6935 .button-link:first-child {
  font-weight: 950 !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

@media (max-width: 900px) {
  .admin-settings-channel-meta-v6934,
  .admin-settings-tech-details-v6931 > div,
  .admin-settings-channel-actions-row-v6935 {
    grid-template-columns: 1fr !important;
  }

  .admin-settings-channel-meta-v6934 > div {
    min-height: auto !important;
  }
}


/* Phase 6.9.70 - Simple admin reports */

.admin-reports-page-v6970 {
  display: grid !important;
  gap: 18px !important;
}

.admin-reports-hero-v6970,
.admin-report-panel-v6970,
.admin-report-kpi-v6970 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-reports-hero-v6970 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 18px !important;
  border-radius: 30px !important;
}

.admin-reports-hero-v6970 h1 {
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

.admin-reports-hero-v6970 p {
  margin: 8px 0 0 !important;
  line-height: 1.9 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-reports-actions-v6970 {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

.admin-reports-summary-v6970 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-report-kpi-v6970 {
  display: grid !important;
  gap: 7px !important;
  padding: 16px !important;
  border-radius: 26px !important;
  text-decoration: none !important;
  color: inherit !important;
  min-height: 122px !important;
}

.admin-report-kpi-v6970 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.admin-report-kpi-v6970 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1.4 !important;
}

.admin-report-kpi-v6970 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
  line-height: 1.7 !important;
}

.admin-report-kpi-v6970.is-ok {
  background:
    linear-gradient(145deg, rgba(16,185,129,.13), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-report-kpi-v6970.is-waiting {
  background:
    linear-gradient(145deg, rgba(245,158,11,.15), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-report-kpi-v6970.is-money {
  background:
    linear-gradient(145deg, rgba(31,122,255,.12), transparent),
    var(--neo-surface, #edf1f7) !important;
}

.admin-reports-grid-v6970 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
  gap: 14px !important;
}

.admin-report-panel-v6970 {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 30px !important;
}

.admin-report-panel-head-v6970 h2 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.admin-report-panel-head-v6970 p {
  margin: 6px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
  font-weight: 740 !important;
}

.admin-report-mini-grid-v6970 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-report-mini-grid-v6970 > a,
.admin-report-mini-grid-v6970 > div,
.admin-report-money-list-v6970 > div {
  display: grid !important;
  gap: 5px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.34) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  text-decoration: none !important;
  color: inherit !important;
}

.admin-report-mini-grid-v6970 span,
.admin-report-money-list-v6970 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-report-mini-grid-v6970 b,
.admin-report-money-list-v6970 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.admin-report-money-list-v6970 {
  display: grid !important;
  gap: 10px !important;
}

.admin-report-channel-table-v6970 {
  display: grid !important;
  gap: 9px !important;
}

.admin-report-channel-row-v6970 {
  display: grid !important;
  grid-template-columns: minmax(170px, 1.2fr) repeat(3, minmax(110px, .8fr)) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-report-channel-row-v6970 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.admin-report-channel-row-v6970 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.8px !important;
  font-weight: 800 !important;
}

.admin-report-channel-row-v6970 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-report-empty-v6970 {
  padding: 14px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.32) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-weight: 780 !important;
}

@media (max-width: 980px) {
  .admin-reports-hero-v6970,
  .admin-reports-grid-v6970,
  .admin-report-channel-row-v6970 {
    grid-template-columns: 1fr !important;
  }

  .admin-reports-summary-v6970,
  .admin-report-mini-grid-v6970 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-reports-actions-v6970 {
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px) {
  .admin-reports-summary-v6970,
  .admin-report-mini-grid-v6970 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.9.71 - Visual filtered admin reports */

.admin-reports-page-v6971 {
  display: grid !important;
  gap: 18px !important;
}

.admin-reports-hero-v6971,
.admin-reports-filter-v6971,
.admin-report-panel-v6971,
.admin-report-kpi-v6971,
.admin-reports-actions-bottom-v6971 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-reports-hero-v6971 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 20px !important;
  border-radius: 32px !important;
}

.admin-reports-hero-v6971 h1 {
  margin: 0 !important;
  font-size: 25px !important;
  font-weight: 950 !important;
}

.admin-reports-hero-v6971 p {
  margin: 8px 0 0 !important;
  line-height: 1.9 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-reports-hero-ring-v6971 {
  width: 118px !important;
  height: 118px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background:
    conic-gradient(
      rgba(16,185,129,.95) 0 var(--paid),
      rgba(31,122,255,.50) var(--paid) var(--publish),
      rgba(148,163,184,.22) var(--publish) 100%
    ) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-reports-hero-ring-v6971 > div {
  width: 82px !important;
  height: 82px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-reports-hero-ring-v6971 b {
  font-size: 20px !important;
  font-weight: 950 !important;
}

.admin-reports-hero-ring-v6971 span {
  font-size: 10px !important;
  font-weight: 850 !important;
  color: var(--neo-muted, #7b8496) !important;
}

.admin-reports-filter-v6971 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
  gap: 12px !important;
  align-items: end !important;
  padding: 15px !important;
  border-radius: 28px !important;
}

.admin-reports-filter-v6971 label {
  display: grid !important;
  gap: 7px !important;
}

.admin-reports-filter-v6971 label span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.admin-reports-filter-v6971 select {
  min-height: 48px !important;
  border-radius: 18px !important;
  padding: 0 12px !important;
  border: 0 !important;
  background: rgba(255,255,255,.44) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  color: var(--neo-text, #1f2937) !important;
  font-weight: 850 !important;
}

.admin-reports-filter-actions-v6971 {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.admin-reports-filter-actions-v6971 button {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-reports-summary-v6971 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-report-kpi-v6971 {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 7px !important;
  min-height: 136px !important;
  padding: 16px !important;
  border-radius: 28px !important;
  text-decoration: none !important;
  color: inherit !important;
}

.admin-report-kpi-v6971::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.55), transparent 28%),
    linear-gradient(145deg, rgba(31,122,255,.08), transparent) !important;
  pointer-events: none !important;
}

.admin-report-kpi-v6971 span,
.admin-report-kpi-v6971 b,
.admin-report-kpi-v6971 small,
.admin-report-kpi-v6971 i {
  position: relative !important;
  z-index: 1 !important;
}

.admin-report-kpi-v6971 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.admin-report-kpi-v6971 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1.4 !important;
}

.admin-report-kpi-v6971 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  line-height: 1.7 !important;
  font-weight: 720 !important;
}

.admin-report-kpi-v6971 > i {
  width: 100% !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(148,163,184,.20) !important;
  overflow: hidden !important;
}

.admin-report-kpi-v6971 > i::after {
  content: "" !important;
  display: block !important;
  width: var(--bar) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #2563eb, #7c3aed) !important;
}

.admin-report-kpi-v6971.is-ok > i::after {
  background: linear-gradient(90deg, #10b981, #22c55e) !important;
}

.admin-report-kpi-v6971.is-waiting > i::after {
  background: linear-gradient(90deg, #f59e0b, #f97316) !important;
}

.admin-report-kpi-v6971.is-money > i::after {
  background: linear-gradient(90deg, #2563eb, #06b6d4) !important;
}

.admin-reports-visual-grid-v6971 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  gap: 14px !important;
}

.admin-report-panel-v6971 {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 30px !important;
}

.admin-report-panel-head-v6971 h2 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.admin-report-panel-head-v6971 p {
  margin: 6px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
  font-weight: 740 !important;
}

.admin-report-funnel-v6971 {
  display: grid !important;
  gap: 10px !important;
}

.admin-report-funnel-v6971 > div {
  display: grid !important;
  grid-template-columns: 120px 42px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

.admin-report-funnel-v6971 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
}

.admin-report-funnel-v6971 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  text-align: center !important;
}

.admin-report-funnel-v6971 i {
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(148,163,184,.18) !important;
  overflow: hidden !important;
}

.admin-report-funnel-v6971 i::after {
  content: "" !important;
  display: block !important;
  width: var(--bar) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #4343f5, #f54888) !important;
}

.admin-report-rings-v6971 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-report-rings-v6971 > div {
  min-height: 142px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 7px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at center, var(--neo-surface, #edf1f7) 0 48%, transparent 49%),
    conic-gradient(#2563eb 0 var(--value), rgba(148,163,184,.20) var(--value) 100%) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-report-rings-v6971 b {
  font-size: 20px !important;
  font-weight: 950 !important;
}

.admin-report-rings-v6971 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-report-channel-table-v6971 {
  display: grid !important;
  gap: 10px !important;
}

.admin-report-channel-row-v6971 {
  display: grid !important;
  grid-template-columns: minmax(160px, 1.05fr) minmax(160px, 1fr) minmax(120px, .75fr) minmax(110px, .7fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-report-channel-row-v6971 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

.admin-report-channel-row-v6971 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.8px !important;
  font-weight: 820 !important;
}

.admin-report-channel-row-v6971 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-report-channel-metric-v6971 i {
  width: 100% !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(148,163,184,.18) !important;
  overflow: hidden !important;
}

.admin-report-channel-metric-v6971 i::after {
  content: "" !important;
  display: block !important;
  width: var(--bar) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #2563eb, #65ddb7) !important;
}

.admin-report-empty-v6971 {
  padding: 14px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.32) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-weight: 780 !important;
}

.admin-reports-actions-bottom-v6971 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 14px !important;
  border-radius: 26px !important;
}

@media (max-width: 1100px) {
  .admin-reports-filter-v6971,
  .admin-reports-visual-grid-v6971,
  .admin-report-channel-row-v6971 {
    grid-template-columns: 1fr !important;
  }

  .admin-reports-summary-v6971 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-report-rings-v6971 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .admin-reports-hero-v6971,
  .admin-reports-summary-v6971,
  .admin-report-rings-v6971 {
    grid-template-columns: 1fr !important;
  }

  .admin-reports-hero-ring-v6971 {
    justify-self: start !important;
  }

  .admin-report-funnel-v6971 > div {
    grid-template-columns: 1fr 42px !important;
  }

  .admin-report-funnel-v6971 i {
    grid-column: 1 / -1 !important;
  }
}














/* Phase 6.9.79 - Reports refresh button, no form submit */

.admin-reports-page-v6971 {
  position: relative !important;
  overflow-anchor: none !important;
}

.admin-reports-filter-v6971 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) 220px !important;
  align-items: end !important;
}

.admin-reports-filter-actions-v6971 {
  width: 220px !important;
  min-width: 220px !important;
  min-height: 48px !important;
  display: flex !important;
  gap: 8px !important;
  align-items: end !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
}

.admin-reports-filter-actions-v6971 button,
.admin-reports-filter-actions-v6971 [data-reports-refresh="1"] {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  white-space: nowrap !important;
}

.admin-reports-page-v6971.has-pending-filter-v6979 .admin-reports-filter-actions-v6971 [data-reports-refresh="1"] {
  animation: adminReportsPulseV6979 1.2s ease-in-out infinite !important;
}

@keyframes adminReportsPulseV6979 {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
  }
  50% {
    transform: translateY(-1px);
    filter: brightness(1.08);
  }
}

.admin-reports-page-v6971.is-loading-v6979,
.admin-reports-page-v6971.is-swapping-v6979 {
  pointer-events: none !important;
}

.admin-reports-page-v6971.is-loading-v6979 .admin-reports-summary-v6971,
.admin-reports-page-v6971.is-loading-v6979 .admin-reports-visual-grid-v6971,
.admin-reports-page-v6971.is-loading-v6979 .admin-report-panel-v6971,
.admin-reports-page-v6971.is-swapping-v6979 .admin-reports-summary-v6971,
.admin-reports-page-v6971.is-swapping-v6979 .admin-reports-visual-grid-v6971,
.admin-reports-page-v6971.is-swapping-v6979 .admin-report-panel-v6971 {
  opacity: .62 !important;
  filter: saturate(.92) blur(.2px) !important;
  transition: opacity .16s ease, filter .16s ease !important;
}

.admin-reports-ajax-loader-v6979 {
  position: sticky !important;
  top: 14px !important;
  z-index: 50 !important;
  justify-self: center !important;
  width: max-content !important;
  max-width: calc(100% - 28px) !important;
  display: none !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(237, 241, 247, .92) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  backdrop-filter: blur(14px) !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.admin-reports-page-v6971.is-loading-v6979 .admin-reports-ajax-loader-v6979 {
  display: inline-flex !important;
}

.admin-reports-ajax-loader-v6979 span {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  border: 3px solid rgba(37, 99, 235, .18) !important;
  border-top-color: rgba(37, 99, 235, .95) !important;
  animation: adminReportsSpinV6979 .75s linear infinite !important;
}

@keyframes adminReportsSpinV6979 {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1100px) {
  .admin-reports-filter-v6971 {
    grid-template-columns: 1fr !important;
  }

  .admin-reports-filter-actions-v6971 {
    width: auto !important;
    min-width: 0 !important;
  }
}





/* Phase 6.9.81 - Revert bad reports bounce patch */

.admin-reports-page-v6971 {
  overflow-anchor: none !important;
}

.admin-reports-page-v6971.is-loading-v6979,
.admin-reports-page-v6971.is-swapping-v6979 {
  overflow-anchor: none !important;
}

.admin-reports-ajax-loader-v6979 {
  position: sticky !important;
  top: 14px !important;
  left: auto !important;
  transform: none !important;
  margin: 0 auto !important;
}

.admin-reports-page-v6971.is-loading-v6979 .admin-reports-summary-v6971,
.admin-reports-page-v6971.is-loading-v6979 .admin-reports-visual-grid-v6971,
.admin-reports-page-v6971.is-loading-v6979 .admin-report-panel-v6971,
.admin-reports-page-v6971.is-swapping-v6979 .admin-reports-summary-v6971,
.admin-reports-page-v6971.is-swapping-v6979 .admin-reports-visual-grid-v6971,
.admin-reports-page-v6971.is-swapping-v6979 .admin-report-panel-v6971 {
  opacity: .62 !important;
  filter: saturate(.92) blur(.2px) !important;
}


/* Phase 6.10.0 - Admin account / subscription area */

.admin-bottom-nav-account-v6100 {
  --adminItemColor: #65ddb7;
}

.admin-account-page-v6100 {
  display: grid !important;
  gap: 18px !important;
}

.admin-account-hero-v6100,
.admin-account-card-v6100,
.admin-account-actions-v6100,
.admin-account-requests-v6100,
.admin-account-profile-v6100 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  border-radius: 32px !important;
}

.admin-account-hero-v6100 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 20px !important;
}

.admin-account-hero-v6100 h1 {
  margin: 0 !important;
  font-size: 26px !important;
  font-weight: 950 !important;
}

.admin-account-hero-v6100 p {
  margin: 8px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-account-hero-status-v6100 {
  min-width: 150px !important;
  min-height: 118px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 6px !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(16,185,129,.18), rgba(255,255,255,.32)) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-account-hero-status-v6100 span,
.admin-account-hero-status-v6100 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-account-hero-status-v6100 b {
  font-size: 24px !important;
  font-weight: 950 !important;
  color: #059669 !important;
}

.admin-account-hero-status-v6100.is-expired b,
.admin-account-hero-status-v6100.is-suspended b {
  color: #dc2626 !important;
}

.admin-account-grid-v6100 {
  display: grid !important;
  grid-template-columns: 1.1fr 1fr .9fr !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.admin-account-card-v6100 {
  padding: 16px !important;
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
}

.admin-account-card-head-v6100 {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: start !important;
}

.admin-account-card-head-v6100 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-account-card-head-v6100 h2 {
  margin: 5px 0 0 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.admin-account-card-head-v6100 > b {
  padding: 8px 10px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.38) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

.admin-account-metrics-v6100 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-account-metrics-v6100 > div,
.admin-account-profile-v6100 > div {
  min-width: 0 !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.30) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  display: grid !important;
  gap: 5px !important;
}

.admin-account-metrics-v6100 span,
.admin-account-profile-v6100 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.admin-account-metrics-v6100 b,
.admin-account-profile-v6100 b {
  font-size: 12px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-account-progress-v6100 {
  display: grid !important;
  gap: 8px !important;
}

.admin-account-progress-v6100 > div {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.admin-account-progress-v6100 i {
  height: 10px !important;
  border-radius: 999px !important;
  background: rgba(148,163,184,.18) !important;
  overflow: hidden !important;
}

.admin-account-progress-v6100 i::after {
  content: "" !important;
  display: block !important;
  width: var(--bar) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #10b981, #2563eb) !important;
}

.admin-account-quick-form-v6100 button,
.admin-account-request-form-v6100 button {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  color: #fff !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-account-channel-list-v6100 {
  display: grid !important;
  gap: 8px !important;
}

.admin-account-channel-chip-v6100 {
  display: grid !important;
  gap: 4px !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-account-channel-chip-v6100 b {
  font-size: 12.5px !important;
  font-weight: 950 !important;
}

.admin-account-channel-chip-v6100 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 780 !important;
}

.admin-account-support-v6100 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
}

.admin-account-support-actions-v6100 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.admin-account-actions-v6100,
.admin-account-requests-v6100 {
  padding: 16px !important;
  display: grid !important;
  gap: 14px !important;
}

.admin-account-section-head-v6100 h2 {
  margin: 0 !important;
  font-size: 19px !important;
  font-weight: 950 !important;
}

.admin-account-section-head-v6100 p {
  margin: 6px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.8 !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
}

.admin-account-request-form-v6100 {
  display: grid !important;
  grid-template-columns: 1fr 1fr auto !important;
  gap: 12px !important;
  align-items: end !important;
}

.admin-account-request-form-v6100 label {
  display: grid !important;
  gap: 7px !important;
}

.admin-account-request-form-v6100 label.is-wide {
  grid-column: 1 / 3 !important;
}

.admin-account-request-form-v6100 label span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-account-request-form-v6100 input,
.admin-account-request-form-v6100 select,
.admin-account-request-form-v6100 textarea {
  width: 100% !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.40) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  padding: 12px !important;
  font: inherit !important;
  font-weight: 780 !important;
  color: var(--neo-text, #1f2937) !important;
}

.admin-account-request-form-v6100 textarea {
  resize: vertical !important;
}

.admin-account-request-list-v6100 {
  display: grid !important;
  gap: 10px !important;
}

.admin-account-request-row-v6100 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.30) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-account-request-row-v6100 span,
.admin-account-request-row-v6100 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.admin-account-request-row-v6100 h4 {
  margin: 4px 0 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.admin-account-request-row-v6100 p {
  margin: 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  font-weight: 740 !important;
}

.admin-account-request-row-v6100 code {
  direction: ltr !important;
  display: inline-block !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10px !important;
}

.admin-account-request-badge-v6100 {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  background: rgba(37,99,235,.14) !important;
  color: #2563eb !important;
}

.admin-account-request-badge-v6100.is-done {
  background: rgba(16,185,129,.14) !important;
  color: #059669 !important;
}

.admin-account-request-badge-v6100.is-progress {
  background: rgba(245,158,11,.16) !important;
  color: #d97706 !important;
}

.admin-account-request-badge-v6100.is-rejected {
  background: rgba(220,38,38,.14) !important;
  color: #dc2626 !important;
}

.admin-account-empty-v6100 {
  padding: 14px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.30) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-weight: 820 !important;
}

.admin-account-profile-v6100 {
  padding: 16px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width: 1100px) {
  .admin-account-grid-v6100,
  .admin-account-profile-v6100,
  .admin-account-request-form-v6100 {
    grid-template-columns: 1fr !important;
  }

  .admin-account-request-form-v6100 label.is-wide {
    grid-column: auto !important;
  }

  .admin-account-hero-v6100 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .admin-account-metrics-v6100 {
    grid-template-columns: 1fr !important;
  }

  .admin-account-request-row-v6100 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.10.3 - Fix admin account active nav */

.admin-bottom-nav-item-v680[data-nav-key="account"].active,
.admin-bottom-nav-item-v680[data-nav-key="account"].is-active,
.admin-bottom-nav-item-v680.admin-bottom-nav-account-v6100.active,
.admin-bottom-nav-item-v680.admin-bottom-nav-account-v6100.is-active {
  color: #ffffff !important;
}

.admin-bottom-nav-item-v680[data-nav-key="account"].active .admin-bottom-nav-icon-v680,
.admin-bottom-nav-item-v680[data-nav-key="account"].is-active .admin-bottom-nav-icon-v680,
.admin-bottom-nav-item-v680.admin-bottom-nav-account-v6100.active .admin-bottom-nav-icon-v680,
.admin-bottom-nav-item-v680.admin-bottom-nav-account-v6100.is-active .admin-bottom-nav-icon-v680 {
  color: #ffffff !important;
}


/* Phase 6.10.4 - Force admin account active nav */

.admin-bottom-nav-item-v680[data-nav-key="account"].active,
.admin-bottom-nav-item-v680[data-nav-key="account"].is-active,
.admin-bottom-nav-item-v680[data-nav-key="account"].admin-bottom-nav-active-v680 {
  color: #ffffff !important;
}

.admin-bottom-nav-item-v680[data-nav-key="account"].active .admin-bottom-nav-icon-v680,
.admin-bottom-nav-item-v680[data-nav-key="account"].is-active .admin-bottom-nav-icon-v680,
.admin-bottom-nav-item-v680[data-nav-key="account"].admin-bottom-nav-active-v680 .admin-bottom-nav-icon-v680 {
  color: #ffffff !important;
  opacity: 1 !important;
}

.admin-bottom-nav-item-v680[data-nav-key="dashboard"]:not(.active):not(.is-active):not(.admin-bottom-nav-active-v680) {
  color: inherit;
}




/* Phase 6.11.2 - Dashboard mobile simplify and reduce visual noise */

/* کم کردن تزئینات اضافه‌ای که در 6.11.1 زیادی نمایشی شده بود */
.admin-dashboard-command-v6110::before,
.admin-dashboard-hero-v6110::after,
.admin-dashboard-kpi-v6110::after,
.admin-dashboard-panel-v6110::before,
.admin-dashboard-shortcuts-v6110 a::after {
  display: none !important;
}

.admin-dashboard-hero-v6110 {
  min-height: auto !important;
  padding: 18px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.34), rgba(255,255,255,.08)),
    var(--neo-surface, #edf1f7) !important;
}

.admin-dashboard-hero-v6110::before {
  opacity: .42 !important;
}

.admin-dashboard-hero-v6110 h1 {
  font-size: 24px !important;
}

.admin-dashboard-hero-v6110 p {
  max-width: 680px !important;
}

.admin-dashboard-health-v6110 {
  width: 120px !important;
  height: 120px !important;
}

.admin-dashboard-health-v6110 > div {
  width: 84px !important;
  height: 84px !important;
}

.admin-dashboard-health-v6110 b {
  font-size: 18px !important;
}

.admin-dashboard-health-v6110 small {
  display: none !important;
}

.admin-dashboard-kpi-v6110 {
  min-height: 122px !important;
  padding: 14px !important;
}

.admin-dashboard-kpi-v6110 b {
  padding-left: 0 !important;
  font-size: 19px !important;
}

.admin-dashboard-kpi-v6110 small {
  min-height: 28px !important;
}

.admin-dashboard-shortcuts-v6110 {
  padding: 10px !important;
}

.admin-dashboard-shortcuts-v6110 a {
  min-height: 62px !important;
  padding: 11px !important;
}

.admin-dashboard-panel-v6110 {
  padding: 14px !important;
}

.admin-dashboard-priority-row-v6110,
.admin-dashboard-funnel-row-v6110,
.admin-dashboard-channel-row-v6110,
.admin-dashboard-request-row-v6110 {
  transform: none !important;
}

.admin-dashboard-kpi-v6110:hover,
.admin-dashboard-shortcuts-v6110 a:hover,
.admin-dashboard-funnel-row-v6110:hover,
.admin-dashboard-channel-row-v6110:hover,
.admin-dashboard-request-row-v6110:hover,
.admin-dashboard-priority-row-v6110:hover {
  transform: none !important;
  filter: none !important;
}

/* تبلت: هنوز گرافیکی باشد ولی جمع‌وجورتر */
@media (max-width: 1100px) {
  .admin-dashboard-kpis-v6110 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-dashboard-shortcuts-v6110 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-dashboard-main-grid-v6110 {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-side-v6110 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-dashboard-side-v6110 .admin-dashboard-account-panel-v6110 {
    grid-column: 1 / -1 !important;
  }
}

/* موبایل: به جای زیرهم‌چینی طولانی، بخش‌های اصلی افقی و فشرده شوند */
@media (max-width: 760px) {
  .admin-dashboard-command-v6110 {
    gap: 12px !important;
  }

  .admin-dashboard-hero-v6110 {
    grid-template-columns: 1fr !important;
    padding: 15px !important;
    border-radius: 26px !important;
  }

  .admin-dashboard-hero-v6110 h1 {
    font-size: 21px !important;
  }

  .admin-dashboard-hero-v6110 p {
    font-size: 12px !important;
    line-height: 1.75 !important;
  }

  .admin-dashboard-hero-actions-v6110 {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    scrollbar-width: thin !important;
  }

  .admin-dashboard-hero-actions-v6110 .button-link {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .admin-dashboard-health-v6110 {
    justify-self: stretch !important;
    width: auto !important;
    height: 64px !important;
    border-radius: 22px !important;
    background:
      linear-gradient(90deg, rgba(16,185,129,.20), rgba(37,99,235,.12)),
      var(--neo-surface, #edf1f7) !important;
  }

  .admin-dashboard-health-v6110 > div {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 14px !important;
  }

  .admin-dashboard-health-v6110 b,
  .admin-dashboard-health-v6110 span {
    font-size: 13px !important;
  }

  .admin-dashboard-kpis-v6110 {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding: 2px 2px 8px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: thin !important;
  }

  .admin-dashboard-kpi-v6110 {
    flex: 0 0 78% !important;
    min-height: 112px !important;
    scroll-snap-align: start !important;
    border-radius: 24px !important;
  }

  .admin-dashboard-kpi-v6110 b {
    font-size: 18px !important;
  }

  .admin-dashboard-shortcuts-v6110 {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 10px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: thin !important;
  }

  .admin-dashboard-shortcuts-v6110 a {
    flex: 0 0 42% !important;
    min-height: 58px !important;
    scroll-snap-align: start !important;
  }

  .admin-dashboard-shortcuts-v6110 b {
    font-size: 12px !important;
  }

  .admin-dashboard-main-grid-v6110 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .admin-dashboard-priority-row-v6110 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .admin-dashboard-priority-actions-v6110 {
    display: flex !important;
    overflow-x: auto !important;
    gap: 8px !important;
    scrollbar-width: thin !important;
  }

  .admin-dashboard-priority-actions-v6110 .button-link,
  .admin-dashboard-priority-actions-v6110 form {
    flex: 0 0 auto !important;
  }

  .admin-dashboard-priority-actions-v6110 form button {
    white-space: nowrap !important;
  }

  .admin-dashboard-side-v6110 {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    gap: 10px !important;
    padding-bottom: 8px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: thin !important;
  }

  .admin-dashboard-side-v6110 > .admin-dashboard-panel-v6110 {
    flex: 0 0 86% !important;
    scroll-snap-align: start !important;
  }

  .admin-dashboard-panel-head-v6110 {
    gap: 8px !important;
  }

  .admin-dashboard-panel-head-v6110 h2 {
    font-size: 16px !important;
  }

  .admin-dashboard-panel-head-v6110 p {
    font-size: 11.5px !important;
  }

  .admin-dashboard-channel-row-v6110 {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-bottom-v6110 {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    padding: 10px !important;
    scrollbar-width: thin !important;
  }

  .admin-dashboard-bottom-v6110 .button-link {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

/* موبایل خیلی کوچک */
@media (max-width: 420px) {
  .admin-dashboard-kpi-v6110 {
    flex-basis: 86% !important;
  }

  .admin-dashboard-shortcuts-v6110 a {
    flex-basis: 56% !important;
  }

  .admin-dashboard-side-v6110 > .admin-dashboard-panel-v6110 {
    flex-basis: 92% !important;
  }
}


/* Phase 6.11.3 - Dashboard mobile-first redesign, no horizontal scroll */

.admin-dashboard-mobile-v6113 {
  display: grid !important;
  gap: 14px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.admin-dashboard-mobile-v6113 *,
.admin-dashboard-mobile-v6113 *::before,
.admin-dashboard-mobile-v6113 *::after {
  box-sizing: border-box !important;
}

.admin-dashboard-mobile-v6113 a {
  text-decoration: none !important;
  color: inherit !important;
}

.admin-dashboard-top-v6113,
.admin-dashboard-kpi-card-v6113,
.admin-dashboard-chart-card-v6113,
.admin-dashboard-quick-v6113,
.admin-dashboard-panel-v6113,
.admin-dashboard-bottom-actions-v6113 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  border-radius: 28px !important;
}

.admin-dashboard-top-v6113 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 106px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 18px !important;
}

.admin-dashboard-top-v6113 h1 {
  margin: 0 !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
}

.admin-dashboard-top-v6113 p {
  margin: 7px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  font-weight: 760 !important;
}

.admin-dashboard-health-v6113 {
  height: 106px !important;
  border-radius: 30px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 4px !important;
  background: linear-gradient(145deg, rgba(16,185,129,.18), rgba(255,255,255,.28)) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-health-v6113.is-warning {
  background: linear-gradient(145deg, rgba(245,158,11,.20), rgba(255,255,255,.28)) !important;
}

.admin-dashboard-health-v6113.is-danger {
  background: linear-gradient(145deg, rgba(239,68,68,.18), rgba(255,255,255,.28)) !important;
}

.admin-dashboard-health-v6113 b {
  font-size: 25px !important;
  font-weight: 950 !important;
}

.admin-dashboard-health-v6113 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.admin-dashboard-kpi-grid-v6113 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-dashboard-kpi-card-v6113 {
  min-height: 124px !important;
  padding: 14px !important;
  display: grid !important;
  gap: 7px !important;
  align-content: space-between !important;
  overflow: hidden !important;
}

.admin-dashboard-kpi-card-v6113.is-dark {
  background: linear-gradient(145deg, #111827, #374151) !important;
  color: #fff !important;
}

.admin-dashboard-kpi-card-v6113 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.admin-dashboard-kpi-card-v6113.is-dark span,
.admin-dashboard-kpi-card-v6113.is-dark small {
  color: rgba(255,255,255,.72) !important;
}

.admin-dashboard-kpi-card-v6113 b {
  font-size: 23px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}

.admin-dashboard-kpi-card-v6113 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.5 !important;
}

.admin-dashboard-kpi-card-v6113 i,
.admin-dashboard-channel-mini-v6113 i {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(148,163,184,.18) !important;
  overflow: hidden !important;
}

.admin-dashboard-kpi-card-v6113 i::after,
.admin-dashboard-channel-mini-v6113 i::after {
  content: "" !important;
  display: block !important;
  width: var(--bar) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #2563eb, #7c3aed) !important;
}

.admin-dashboard-chart-card-v6113,
.admin-dashboard-panel-v6113 {
  padding: 15px !important;
  display: grid !important;
  gap: 13px !important;
}

.admin-dashboard-card-head-v6113 {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: start !important;
}

.admin-dashboard-card-head-v6113 h2 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.admin-dashboard-card-head-v6113 p {
  margin: 5px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  font-weight: 740 !important;
}

.admin-dashboard-card-head-v6113 a {
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.admin-dashboard-bars-v6113 {
  height: 180px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 10px 4px 2px !important;
}

.admin-dashboard-bar-v6113 {
  height: 100% !important;
  display: grid !important;
  grid-template-rows: 1fr auto auto !important;
  gap: 6px !important;
  align-items: end !important;
  text-align: center !important;
}

.admin-dashboard-bar-v6113 i {
  width: 100% !important;
  max-width: 46px !important;
  height: var(--h) !important;
  min-height: 10px !important;
  justify-self: center !important;
  border-radius: 16px 16px 8px 8px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.55), var(--c)) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-dashboard-bar-v6113 b {
  font-size: 12px !important;
  font-weight: 950 !important;
}

.admin-dashboard-bar-v6113 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

.admin-dashboard-quick-v6113 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 11px !important;
}

.admin-dashboard-quick-v6113 a {
  min-height: 68px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  display: grid !important;
  gap: 4px !important;
  align-content: center !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-quick-v6113 b {
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-dashboard-quick-v6113 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.admin-dashboard-two-col-v6113 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-dashboard-list-v6113 {
  display: grid !important;
  gap: 9px !important;
}

.admin-dashboard-task-v6113,
.admin-dashboard-channel-mini-v6113,
.admin-dashboard-request-mini-v6113 {
  display: grid !important;
  gap: 7px !important;
  padding: 11px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-task-v6113 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.admin-dashboard-task-v6113 span,
.admin-dashboard-request-mini-v6113 span,
.admin-dashboard-channel-mini-v6113 span,
.admin-dashboard-money-v6113 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 820 !important;
}

.admin-dashboard-task-v6113 b,
.admin-dashboard-channel-mini-v6113 b,
.admin-dashboard-request-mini-v6113 b {
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-dashboard-task-v6113 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 740 !important;
}

.admin-dashboard-task-v6113 strong {
  font-size: 12px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-dashboard-money-v6113 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.admin-dashboard-money-v6113 > div {
  min-height: 82px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
}

.admin-dashboard-money-v6113 b {
  font-size: 16px !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}

.admin-dashboard-empty-v6113 {
  padding: 13px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.admin-dashboard-bottom-actions-v6113 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 12px !important;
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  border-radius: 24px !important;
}

@media (max-width: 900px) {
  .admin-dashboard-kpi-grid-v6113 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-dashboard-two-col-v6113 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .admin-dashboard-mobile-v6113 {
    gap: 12px !important;
  }

  .admin-dashboard-top-v6113 {
    grid-template-columns: 1fr !important;
    padding: 15px !important;
    border-radius: 24px !important;
  }

  .admin-dashboard-top-v6113 h1 {
    font-size: 24px !important;
  }

  .admin-dashboard-health-v6113 {
    height: 58px !important;
    border-radius: 20px !important;
    grid-template-columns: auto 1fr !important;
    display: grid !important;
    padding: 0 14px !important;
    justify-items: start !important;
  }

  .admin-dashboard-health-v6113 b {
    font-size: 18px !important;
  }

  .admin-dashboard-kpi-grid-v6113 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .admin-dashboard-kpi-card-v6113 {
    min-height: 112px !important;
    padding: 12px !important;
    border-radius: 22px !important;
  }

  .admin-dashboard-kpi-card-v6113 b {
    font-size: 18px !important;
  }

  .admin-dashboard-kpi-card-v6113 small {
    font-size: 10.5px !important;
  }

  .admin-dashboard-chart-card-v6113,
  .admin-dashboard-panel-v6113 {
    padding: 13px !important;
    border-radius: 24px !important;
  }

  .admin-dashboard-bars-v6113 {
    height: 150px !important;
    gap: 7px !important;
  }

  .admin-dashboard-quick-v6113 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 9px !important;
    border-radius: 22px !important;
  }

  .admin-dashboard-quick-v6113 a {
    min-height: 60px !important;
    border-radius: 18px !important;
  }

  .admin-dashboard-card-head-v6113 h2 {
    font-size: 16px !important;
  }

  .admin-dashboard-money-v6113 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-dashboard-money-v6113 > div {
    min-height: 74px !important;
    padding: 10px !important;
  }

  .admin-dashboard-task-v6113 {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-task-v6113 strong {
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .admin-dashboard-kpi-grid-v6113,
  .admin-dashboard-quick-v6113,
  .admin-dashboard-money-v6113 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.11.4 - Fix dashboard CSS error and isolate v6113 */

.admin-dashboard-mobile-v6113 {
  isolation: isolate !important;
  overflow: visible !important;
}

.admin-dashboard-mobile-v6113 .admin-dashboard-command-v6110,
.admin-dashboard-mobile-v6113 .admin-dashboard-kpis-v6110,
.admin-dashboard-mobile-v6113 .admin-dashboard-shortcuts-v6110,
.admin-dashboard-mobile-v6113 .admin-dashboard-side-v6110 {
  display: initial !important;
}

.admin-dashboard-mobile-v6113::before,
.admin-dashboard-top-v6113::before,
.admin-dashboard-top-v6113::after,
.admin-dashboard-kpi-card-v6113::before,
.admin-dashboard-kpi-card-v6113::after,
.admin-dashboard-panel-v6113::before,
.admin-dashboard-panel-v6113::after,
.admin-dashboard-chart-card-v6113::before,
.admin-dashboard-chart-card-v6113::after {
  display: none !important;
}

.admin-dashboard-bar-v6113 i {
  background: linear-gradient(180deg, rgba(255,255,255,.45), var(--c)) !important;
}


/* Phase 6.11.5 - Safe dashboard render final guard */

.admin-dashboard-mobile-v6113 {
  display: grid !important;
  gap: 14px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.admin-dashboard-mobile-v6113::before,
.admin-dashboard-mobile-v6113::after,
.admin-dashboard-top-v6113::before,
.admin-dashboard-top-v6113::after,
.admin-dashboard-kpi-card-v6113::before,
.admin-dashboard-kpi-card-v6113::after,
.admin-dashboard-panel-v6113::before,
.admin-dashboard-panel-v6113::after,
.admin-dashboard-chart-card-v6113::before,
.admin-dashboard-chart-card-v6113::after {
  display: none !important;
}

.admin-dashboard-bar-v6113 i {
  background: linear-gradient(180deg, rgba(255,255,255,.45), var(--c, #2563eb)) !important;
}


/* Phase 6.11.6 - Dashboard no-500 safe render */

.admin-dashboard-v6116 {
  display: grid !important;
  gap: 14px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.admin-dashboard-v6116 a {
  color: inherit !important;
  text-decoration: none !important;
}

.admin-dashboard-top-v6116,
.admin-dashboard-kpi-v6116,
.admin-dashboard-card-v6116,
.admin-dashboard-quick-v6116 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
  border-radius: 28px !important;
}

.admin-dashboard-top-v6116 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 106px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 18px !important;
}

.admin-dashboard-top-v6116 h1 {
  margin: 0 !important;
  font-size: 28px !important;
  font-weight: 950 !important;
}

.admin-dashboard-top-v6116 p {
  margin: 7px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  font-weight: 760 !important;
}

.admin-dashboard-health-v6116 {
  height: 106px !important;
  border-radius: 30px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 4px !important;
  background: linear-gradient(145deg, rgba(16,185,129,.18), rgba(255,255,255,.28)) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-health-v6116.is-warning {
  background: linear-gradient(145deg, rgba(245,158,11,.20), rgba(255,255,255,.28)) !important;
}

.admin-dashboard-health-v6116.is-danger {
  background: linear-gradient(145deg, rgba(239,68,68,.18), rgba(255,255,255,.28)) !important;
}

.admin-dashboard-health-v6116 b {
  font-size: 25px !important;
  font-weight: 950 !important;
}

.admin-dashboard-health-v6116 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.admin-dashboard-kpis-v6116 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-dashboard-kpi-v6116 {
  min-height: 118px !important;
  padding: 14px !important;
  display: grid !important;
  gap: 7px !important;
  align-content: center !important;
}

.admin-dashboard-kpi-v6116.is-dark {
  background: linear-gradient(145deg, #111827, #374151) !important;
  color: #fff !important;
}

.admin-dashboard-kpi-v6116 span,
.admin-dashboard-kpi-v6116 small,
.admin-dashboard-task-v6116 span,
.admin-dashboard-task-v6116 small,
.admin-dashboard-money-v6116 span,
.admin-dashboard-channel-v6116 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.admin-dashboard-kpi-v6116.is-dark span,
.admin-dashboard-kpi-v6116.is-dark small {
  color: rgba(255,255,255,.72) !important;
}

.admin-dashboard-kpi-v6116 b {
  font-size: 22px !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}

.admin-dashboard-card-v6116 {
  padding: 15px !important;
  display: grid !important;
  gap: 13px !important;
}

.admin-dashboard-head-v6116 {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: start !important;
}

.admin-dashboard-head-v6116 h2 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.admin-dashboard-head-v6116 p {
  margin: 5px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  font-weight: 740 !important;
}

.admin-dashboard-head-v6116 a {
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.admin-dashboard-bars-v6116 {
  height: 170px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
}

.admin-dashboard-bar-v6116 {
  height: 100% !important;
  display: grid !important;
  grid-template-rows: 1fr auto auto !important;
  gap: 6px !important;
  align-items: end !important;
  text-align: center !important;
}

.admin-dashboard-bar-v6116 i {
  width: 100% !important;
  max-width: 46px !important;
  min-height: 10px !important;
  justify-self: center !important;
  border-radius: 16px 16px 8px 8px !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-dashboard-bar-v6116 b {
  font-size: 12px !important;
  font-weight: 950 !important;
}

.admin-dashboard-bar-v6116 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

.admin-dashboard-quick-v6116 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 11px !important;
}

.admin-dashboard-quick-v6116 a,
.admin-dashboard-task-v6116,
.admin-dashboard-channel-v6116,
.admin-dashboard-money-v6116 > div,
.admin-dashboard-empty-v6116 {
  padding: 11px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-quick-v6116 a {
  min-height: 64px !important;
  display: grid !important;
  gap: 4px !important;
  align-content: center !important;
}

.admin-dashboard-quick-v6116 b,
.admin-dashboard-task-v6116 b,
.admin-dashboard-channel-v6116 b {
  font-size: 13px !important;
  font-weight: 950 !important;
}

.admin-dashboard-quick-v6116 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.admin-dashboard-grid-v6116 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-dashboard-list-v6116 {
  display: grid !important;
  gap: 9px !important;
}

.admin-dashboard-task-v6116 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.admin-dashboard-task-v6116 strong {
  font-size: 12px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.admin-dashboard-money-v6116 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.admin-dashboard-money-v6116 > div {
  min-height: 74px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
}

.admin-dashboard-money-v6116 b {
  font-size: 16px !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}

.admin-dashboard-channel-v6116 {
  display: grid !important;
  gap: 8px !important;
}

.admin-dashboard-channel-v6116 i {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(148,163,184,.18) !important;
  overflow: hidden !important;
}

.admin-dashboard-channel-v6116 em {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #2563eb, #7c3aed) !important;
}

.admin-dashboard-empty-v6116 {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

@media (max-width: 900px) {
  .admin-dashboard-kpis-v6116,
  .admin-dashboard-grid-v6116 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .admin-dashboard-v6116 {
    gap: 12px !important;
  }

  .admin-dashboard-top-v6116 {
    grid-template-columns: 1fr !important;
    padding: 15px !important;
    border-radius: 24px !important;
  }

  .admin-dashboard-top-v6116 h1 {
    font-size: 24px !important;
  }

  .admin-dashboard-health-v6116 {
    height: 58px !important;
    border-radius: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 14px !important;
  }

  .admin-dashboard-health-v6116 b {
    font-size: 18px !important;
  }

  .admin-dashboard-kpis-v6116,
  .admin-dashboard-quick-v6116,
  .admin-dashboard-grid-v6116,
  .admin-dashboard-money-v6116 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .admin-dashboard-kpi-v6116 {
    min-height: 106px !important;
    padding: 12px !important;
    border-radius: 22px !important;
  }

  .admin-dashboard-kpi-v6116 b {
    font-size: 18px !important;
  }

  .admin-dashboard-card-v6116 {
    padding: 13px !important;
    border-radius: 24px !important;
  }

  .admin-dashboard-bars-v6116 {
    height: 145px !important;
    gap: 7px !important;
  }

  .admin-dashboard-quick-v6116 {
    padding: 9px !important;
    border-radius: 22px !important;
  }

  .admin-dashboard-quick-v6116 a {
    min-height: 58px !important;
    border-radius: 18px !important;
  }

  .admin-dashboard-head-v6116 h2 {
    font-size: 16px !important;
  }

  .admin-dashboard-task-v6116 {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-task-v6116 strong {
    white-space: normal !important;
  }
}

@media (max-width: 380px) {
  .admin-dashboard-kpis-v6116,
  .admin-dashboard-quick-v6116,
  .admin-dashboard-grid-v6116,
  .admin-dashboard-money-v6116 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.12.0 - Remove black KPI from dashboard only */

.admin-dashboard-kpi-v6116.is-dark {
  background: linear-gradient(135deg, var(--neo-primary, #1f7aff), var(--neo-primary-2, #35c8f4)) !important;
  color: #fff !important;
  box-shadow: var(--neo-blue-glow, 0 12px 28px rgba(31, 122, 255, .35)) !important;
}

.admin-dashboard-kpi-v6116.is-dark span,
.admin-dashboard-kpi-v6116.is-dark small,
.admin-dashboard-kpi-v6116.is-dark b {
  color: #fff !important;
}

:root[data-ui-theme="dark"] .admin-dashboard-kpi-v6116.is-dark {
  background: linear-gradient(135deg, #6f5634, #b08d57) !important;
  color: #fff7ed !important;
  box-shadow:
    0 14px 30px rgba(176, 141, 87, .20),
    0 5px 12px rgba(176, 141, 87, .12) !important;
}

:root[data-ui-theme="dark"] .admin-dashboard-kpi-v6116.is-dark span,
:root[data-ui-theme="dark"] .admin-dashboard-kpi-v6116.is-dark small,
:root[data-ui-theme="dark"] .admin-dashboard-kpi-v6116.is-dark b {
  color: #fff7ed !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) .admin-dashboard-kpi-v6116.is-dark {
    background: linear-gradient(135deg, #6f5634, #b08d57) !important;
    color: #fff7ed !important;
    box-shadow:
      0 14px 30px rgba(176, 141, 87, .20),
      0 5px 12px rgba(176, 141, 87, .12) !important;
  }

  :root:not([data-ui-theme="light"]) .admin-dashboard-kpi-v6116.is-dark span,
  :root:not([data-ui-theme="light"]) .admin-dashboard-kpi-v6116.is-dark small,
  :root:not([data-ui-theme="light"]) .admin-dashboard-kpi-v6116.is-dark b {
    color: #fff7ed !important;
  }
}





/* Phase 6.11.0 - Admin dashboard command center */

.admin-dashboard-command-v6110 {
  display: grid !important;
  gap: 18px !important;
}

.admin-dashboard-hero-v6110,
.admin-dashboard-kpi-v6110,
.admin-dashboard-shortcuts-v6110,
.admin-dashboard-panel-v6110,
.admin-dashboard-bottom-v6110 {
  background: var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-dashboard-hero-v6110 {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 20px !important;
  border-radius: 34px !important;
}

.admin-dashboard-hero-v6110::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 12% 15%, rgba(255,255,255,.62), transparent 28%),
    radial-gradient(circle at 85% 12%, rgba(37,99,235,.14), transparent 32%),
    radial-gradient(circle at 45% 100%, rgba(101,221,183,.18), transparent 36%) !important;
}

.admin-dashboard-hero-main-v6110,
.admin-dashboard-health-v6110 {
  position: relative !important;
  z-index: 1 !important;
}

.admin-dashboard-hero-v6110 h1 {
  margin: 0 !important;
  font-size: 27px !important;
  font-weight: 950 !important;
}

.admin-dashboard-hero-v6110 p {
  margin: 8px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.9 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
}

.admin-dashboard-hero-actions-v6110 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

.admin-dashboard-health-v6110 {
  width: 138px !important;
  height: 138px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle at center, var(--neo-surface, #edf1f7) 0 49%, transparent 50%),
    conic-gradient(#10b981 0 var(--score), rgba(148,163,184,.22) var(--score) 100%) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-hero-v6110.is-warning .admin-dashboard-health-v6110 {
  background:
    radial-gradient(circle at center, var(--neo-surface, #edf1f7) 0 49%, transparent 50%),
    conic-gradient(#f59e0b 0 var(--score), rgba(148,163,184,.22) var(--score) 100%) !important;
}

.admin-dashboard-hero-v6110.is-danger .admin-dashboard-health-v6110 {
  background:
    radial-gradient(circle at center, var(--neo-surface, #edf1f7) 0 49%, transparent 50%),
    conic-gradient(#ef4444 0 var(--score), rgba(148,163,184,.22) var(--score) 100%) !important;
}

.admin-dashboard-health-v6110 > div {
  width: 96px !important;
  height: 96px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 3px !important;
  text-align: center !important;
}

.admin-dashboard-health-v6110 b {
  font-size: 20px !important;
  font-weight: 950 !important;
}

.admin-dashboard-health-v6110 span {
  font-size: 11px !important;
  font-weight: 950 !important;
}

.admin-dashboard-health-v6110 small {
  max-width: 82px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 9.5px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

.admin-dashboard-kpis-v6110 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-dashboard-kpi-v6110 {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 7px !important;
  min-height: 136px !important;
  padding: 15px !important;
  border-radius: 28px !important;
  text-decoration: none !important;
  color: inherit !important;
}

.admin-dashboard-kpi-v6110::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.58), transparent 30%),
    linear-gradient(135deg, rgba(37,99,235,.08), transparent) !important;
}

.admin-dashboard-kpi-v6110 span,
.admin-dashboard-kpi-v6110 b,
.admin-dashboard-kpi-v6110 small,
.admin-dashboard-kpi-v6110 i {
  position: relative !important;
  z-index: 1 !important;
}

.admin-dashboard-kpi-v6110 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11.5px !important;
  font-weight: 880 !important;
}

.admin-dashboard-kpi-v6110 b {
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  color: var(--neo-text, #1f2937) !important;
  font-size: 21px !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
}

.admin-dashboard-kpi-v6110 small {
  min-height: 34px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
  font-weight: 740 !important;
}

.admin-dashboard-kpi-v6110 i,
.admin-dashboard-funnel-row-v6110 i,
.admin-dashboard-channel-row-v6110 i {
  width: 100% !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(148,163,184,.18) !important;
  overflow: hidden !important;
}

.admin-dashboard-kpi-v6110 i::after,
.admin-dashboard-funnel-row-v6110 i::after,
.admin-dashboard-channel-row-v6110 i::after {
  content: "" !important;
  display: block !important;
  width: var(--bar) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #2563eb, #7c3aed) !important;
}

.admin-dashboard-kpi-v6110.is-danger i::after {
  background: linear-gradient(90deg, #ef4444, #f97316) !important;
}

.admin-dashboard-kpi-v6110.is-ready i::after,
.admin-dashboard-kpi-v6110.is-money i::after {
  background: linear-gradient(90deg, #10b981, #22c55e) !important;
}

.admin-dashboard-kpi-v6110.is-waiting i::after,
.admin-dashboard-kpi-v6110.is-payment i::after {
  background: linear-gradient(90deg, #f59e0b, #f97316) !important;
}

.admin-dashboard-shortcuts-v6110 {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 26px !important;
}

.admin-dashboard-shortcuts-v6110 a {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  color: inherit !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-shortcuts-v6110 span {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

.admin-dashboard-shortcuts-v6110 b {
  font-size: 12.5px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-dashboard-main-grid-v6110 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) !important;
  gap: 14px !important;
  align-items: start !important;
}

.admin-dashboard-side-v6110 {
  display: grid !important;
  gap: 14px !important;
}

.admin-dashboard-panel-v6110 {
  padding: 16px !important;
  border-radius: 30px !important;
  display: grid !important;
  gap: 13px !important;
}

.admin-dashboard-panel-head-v6110 {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: start !important;
}

.admin-dashboard-panel-head-v6110 h2 {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.admin-dashboard-panel-head-v6110 p {
  margin: 6px 0 0 !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.75 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.admin-dashboard-panel-head-v6110 a {
  color: #2563eb !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.admin-dashboard-priority-list-v6110 {
  display: grid !important;
  gap: 10px !important;
}

.admin-dashboard-priority-row-v6110 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 148px !important;
  gap: 12px !important;
  align-items: stretch !important;
  padding: 12px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.32) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-priority-main-v6110 {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
  color: inherit !important;
  text-decoration: none !important;
}

.admin-dashboard-priority-main-v6110 > span {
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: rgba(37,99,235,.12) !important;
  color: #2563eb !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.admin-dashboard-priority-main-v6110 h3 {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-dashboard-priority-main-v6110 div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px 10px !important;
}

.admin-dashboard-priority-main-v6110 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

.admin-dashboard-priority-main-v6110 p {
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.30) !important;
  color: var(--neo-muted, #7b8496) !important;
  line-height: 1.65 !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
}

.admin-dashboard-priority-actions-v6110 {
  display: grid !important;
  gap: 8px !important;
  align-content: center !important;
}

.admin-dashboard-priority-actions-v6110 .button-link,
.admin-dashboard-priority-actions-v6110 form button {
  width: 100% !important;
  text-align: center !important;
}

.admin-dashboard-funnel-v6110,
.admin-dashboard-channels-v6110,
.admin-dashboard-account-requests-v6110 {
  display: grid !important;
  gap: 9px !important;
}

.admin-dashboard-funnel-row-v6110,
.admin-dashboard-channel-row-v6110,
.admin-dashboard-request-row-v6110 {
  display: grid !important;
  gap: 7px !important;
  padding: 10px 11px !important;
  border-radius: 20px !important;
  color: inherit !important;
  text-decoration: none !important;
  background: rgba(255,255,255,.30) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-funnel-row-v6110 {
  grid-template-columns: minmax(0, 1fr) 42px !important;
  align-items: center !important;
}

.admin-dashboard-funnel-row-v6110 i {
  grid-column: 1 / -1 !important;
}

.admin-dashboard-funnel-row-v6110 span,
.admin-dashboard-channel-row-v6110 span,
.admin-dashboard-channel-row-v6110 small,
.admin-dashboard-request-row-v6110 span,
.admin-dashboard-request-row-v6110 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 820 !important;
}

.admin-dashboard-funnel-row-v6110 b,
.admin-dashboard-channel-row-v6110 b,
.admin-dashboard-channel-row-v6110 strong,
.admin-dashboard-request-row-v6110 b {
  font-size: 12.5px !important;
  font-weight: 950 !important;
}

.admin-dashboard-channel-row-v6110 {
  grid-template-columns: minmax(0, 1fr) minmax(120px, .8fr) !important;
  align-items: center !important;
}

.admin-dashboard-channel-row-v6110 > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.admin-dashboard-empty-v6110 {
  padding: 14px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.30) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  color: var(--neo-muted, #7b8496) !important;
  font-weight: 820 !important;
}

.admin-dashboard-bottom-v6110 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  padding: 13px !important;
  border-radius: 26px !important;
}

@media (max-width: 1100px) {
  .admin-dashboard-main-grid-v6110,
  .admin-dashboard-hero-v6110 {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-health-v6110 {
    justify-self: start !important;
  }

  .admin-dashboard-shortcuts-v6110 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .admin-dashboard-kpis-v6110,
  .admin-dashboard-shortcuts-v6110,
  .admin-dashboard-priority-row-v6110,
  .admin-dashboard-channel-row-v6110 {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-priority-actions-v6110 {
    grid-template-columns: 1fr !important;
  }
}

/* Phase 6.11.1 - Dashboard soft navigation and visual polish */

.admin-main-card-v626.admin-dashboard-soft-loading-v6111 {
  pointer-events: none !important;
  opacity: .74 !important;
  filter: saturate(.92) blur(.15px) !important;
  transition: opacity 140ms ease, filter 140ms ease !important;
}

.admin-main-card-v626.admin-dashboard-soft-enter-v6111 {
  animation: adminDashboardSoftEnterV6111 190ms cubic-bezier(.16, 1, .3, 1) both !important;
}

@keyframes adminDashboardSoftEnterV6111 {
  from {
    opacity: .70;
    transform: translateY(4px) scale(.997);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* more graphical dashboard */

.admin-dashboard-command-v6110 {
  position: relative !important;
}

.admin-dashboard-command-v6110::before {
  content: "" !important;
  position: absolute !important;
  inset: -10px -6px auto -6px !important;
  height: 260px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 36px !important;
  opacity: .72 !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(101,221,183,.20), transparent 32%),
    radial-gradient(circle at 82% 4%, rgba(67,67,245,.14), transparent 34%),
    radial-gradient(circle at 48% 52%, rgba(245,72,136,.10), transparent 30%) !important;
  filter: blur(2px) !important;
}

.admin-dashboard-command-v6110 > * {
  position: relative !important;
  z-index: 1 !important;
}

.admin-dashboard-hero-v6110 {
  isolation: isolate !important;
  min-height: 210px !important;
}

.admin-dashboard-hero-v6110::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  bottom: 18px !important;
  width: 170px !important;
  height: 86px !important;
  z-index: 0 !important;
  opacity: .62 !important;
  pointer-events: none !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, transparent 0 18%, rgba(37,99,235,.20) 18% 22%, transparent 22% 42%, rgba(16,185,129,.22) 42% 47%, transparent 47% 68%, rgba(245,158,11,.20) 68% 73%, transparent 73%),
    radial-gradient(circle at 18% 75%, rgba(37,99,235,.20), transparent 13%),
    radial-gradient(circle at 46% 45%, rgba(16,185,129,.20), transparent 14%),
    radial-gradient(circle at 78% 30%, rgba(245,158,11,.18), transparent 14%) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-kpi-v6110 {
  transform: translateZ(0) !important;
  transition:
    transform 160ms cubic-bezier(.16, 1, .3, 1),
    box-shadow 160ms ease,
    filter 160ms ease !important;
}

.admin-dashboard-kpi-v6110:hover,
.admin-dashboard-shortcuts-v6110 a:hover,
.admin-dashboard-funnel-row-v6110:hover,
.admin-dashboard-channel-row-v6110:hover,
.admin-dashboard-request-row-v6110:hover,
.admin-dashboard-priority-row-v6110:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.04) !important;
}

.admin-dashboard-kpi-v6110::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 14px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.70), transparent 30%),
    linear-gradient(135deg, rgba(37,99,235,.22), rgba(124,58,237,.13)) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  z-index: 0 !important;
}

.admin-dashboard-kpi-v6110.is-danger::after {
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.70), transparent 30%),
    linear-gradient(135deg, rgba(239,68,68,.24), rgba(249,115,22,.14)) !important;
}

.admin-dashboard-kpi-v6110.is-ready::after,
.admin-dashboard-kpi-v6110.is-money::after {
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.70), transparent 30%),
    linear-gradient(135deg, rgba(16,185,129,.25), rgba(34,197,94,.14)) !important;
}

.admin-dashboard-kpi-v6110.is-payment::after,
.admin-dashboard-kpi-v6110.is-waiting::after {
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.70), transparent 30%),
    linear-gradient(135deg, rgba(245,158,11,.26), rgba(249,115,22,.14)) !important;
}

.admin-dashboard-kpi-v6110 b {
  padding-left: 52px !important;
}

.admin-dashboard-shortcuts-v6110 a {
  min-height: 74px !important;
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform 150ms cubic-bezier(.16, 1, .3, 1),
    filter 150ms ease !important;
}

.admin-dashboard-shortcuts-v6110 a::after {
  content: "" !important;
  position: absolute !important;
  left: -18px !important;
  bottom: -18px !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: rgba(37,99,235,.11) !important;
}

.admin-dashboard-priority-row-v6110,
.admin-dashboard-funnel-row-v6110,
.admin-dashboard-channel-row-v6110,
.admin-dashboard-request-row-v6110 {
  transition:
    transform 150ms cubic-bezier(.16, 1, .3, 1),
    filter 150ms ease !important;
}

.admin-dashboard-panel-v6110 {
  position: relative !important;
  overflow: hidden !important;
}

.admin-dashboard-panel-v6110::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .70 !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(255,255,255,.42), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.22), transparent 45%) !important;
}

.admin-dashboard-panel-v6110 > * {
  position: relative !important;
  z-index: 1 !important;
}

.admin-dashboard-funnel-row-v6110 i,
.admin-dashboard-channel-row-v6110 i,
.admin-dashboard-kpi-v6110 i {
  height: 10px !important;
  box-shadow: inset 3px 3px 7px rgba(163,177,198,.22), inset -3px -3px 7px rgba(255,255,255,.42) !important;
}

.admin-dashboard-bottom-v6110 {
  justify-content: center !important;
}

@media (max-width: 760px) {
  .admin-dashboard-hero-v6110::after {
    width: 130px !important;
    height: 70px !important;
    opacity: .44 !important;
  }

  .admin-dashboard-kpi-v6110 b {
    padding-left: 0 !important;
  }

  .admin-dashboard-kpi-v6110::after {
    width: 36px !important;
    height: 36px !important;
    opacity: .55 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-main-card-v626.admin-dashboard-soft-enter-v6111,
  .admin-dashboard-kpi-v6110,
  .admin-dashboard-shortcuts-v6110 a,
  .admin-dashboard-priority-row-v6110,
  .admin-dashboard-funnel-row-v6110,
  .admin-dashboard-channel-row-v6110,
  .admin-dashboard-request-row-v6110 {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}


/* Phase 6.11.3 - Dashboard priority Persian polish */

.admin-dashboard-priority-row-v6113 {
  grid-template-columns: minmax(0, 1fr) 170px !important;
}

.admin-dashboard-priority-row-v6113 .admin-dashboard-priority-main-v6110 h3 {
  font-size: 16px !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
}

.admin-dashboard-priority-meta-v6113 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
}

.admin-dashboard-priority-meta-v6113 small {
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.35) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-dashboard-priority-actions-v6113 {
  align-content: center !important;
}

.admin-dashboard-priority-actions-v6113 .button-link.primary {
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.admin-dashboard-priority-row-v6113 .admin-dashboard-priority-main-v6110 p {
  font-size: 12.5px !important;
  line-height: 1.9 !important;
}

@media (max-width: 760px) {
  .admin-dashboard-priority-row-v6113 {
    grid-template-columns: 1fr !important;
  }
}


/* Phase 6.11.4 - Dashboard mobile grid polish */

@media (max-width: 760px) {
  .admin-dashboard-command-v6110 {
    gap: 14px !important;
  }

  .admin-dashboard-hero-v6110 {
    grid-template-columns: minmax(0, 1fr) 104px !important;
    min-height: auto !important;
    padding: 16px !important;
    gap: 12px !important;
    align-items: center !important;
  }

  .admin-dashboard-hero-v6110 h1 {
    font-size: 22px !important;
    line-height: 1.45 !important;
  }

  .admin-dashboard-hero-v6110 p {
    font-size: 11.5px !important;
    line-height: 1.75 !important;
    margin-top: 5px !important;
  }

  .admin-dashboard-hero-actions-v6110 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 10px !important;
  }

  .admin-dashboard-hero-actions-v6110 .button-link {
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
    border-radius: 16px !important;
    white-space: normal !important;
    line-height: 1.45 !important;
  }

  .admin-dashboard-health-v6110 {
    width: 96px !important;
    height: 96px !important;
    justify-self: end !important;
  }

  .admin-dashboard-health-v6110 > div {
    width: 70px !important;
    height: 70px !important;
  }

  .admin-dashboard-health-v6110 b {
    font-size: 17px !important;
  }

  .admin-dashboard-health-v6110 span {
    font-size: 9.5px !important;
  }

  .admin-dashboard-health-v6110 small {
    display: none !important;
  }

  .admin-dashboard-kpis-v6110 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .admin-dashboard-kpi-v6110 {
    min-height: 118px !important;
    padding: 12px !important;
    border-radius: 23px !important;
    gap: 6px !important;
  }

  .admin-dashboard-kpi-v6110 span {
    font-size: 10.5px !important;
  }

  .admin-dashboard-kpi-v6110 b {
    min-height: 28px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    padding-left: 0 !important;
  }

  .admin-dashboard-kpi-v6110 small {
    min-height: 30px !important;
    font-size: 10px !important;
    line-height: 1.55 !important;
  }

  .admin-dashboard-kpi-v6110::after {
    left: 10px !important;
    top: 10px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 12px !important;
    opacity: .55 !important;
  }

  .admin-dashboard-shortcuts-v6110 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 24px !important;
  }

  .admin-dashboard-shortcuts-v6110 a {
    min-height: 68px !important;
    padding: 10px 8px !important;
    border-radius: 18px !important;
    align-content: center !important;
  }

  .admin-dashboard-shortcuts-v6110 span {
    font-size: 9.5px !important;
  }

  .admin-dashboard-shortcuts-v6110 b {
    font-size: 11.2px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
  }

  .admin-dashboard-main-grid-v6110 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .admin-dashboard-side-v6110 {
    gap: 12px !important;
  }

  .admin-dashboard-panel-v6110 {
    padding: 13px !important;
    border-radius: 26px !important;
  }

  .admin-dashboard-panel-head-v6110 h2 {
    font-size: 16px !important;
  }

  .admin-dashboard-panel-head-v6110 p {
    font-size: 11px !important;
  }

  .admin-dashboard-priority-row-v6110,
  .admin-dashboard-priority-row-v6113 {
    grid-template-columns: minmax(0, 1fr) 128px !important;
    gap: 9px !important;
    padding: 10px !important;
    border-radius: 22px !important;
  }

  .admin-dashboard-priority-row-v6113 .admin-dashboard-priority-main-v6110 h3 {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  .admin-dashboard-priority-main-v6110 > span {
    font-size: 9.8px !important;
    padding: 4px 8px !important;
  }

  .admin-dashboard-priority-meta-v6113 {
    gap: 6px !important;
  }

  .admin-dashboard-priority-meta-v6113 small {
    font-size: 9.5px !important;
    padding: 5px 7px !important;
  }

  .admin-dashboard-priority-row-v6113 .admin-dashboard-priority-main-v6110 p {
    font-size: 10.5px !important;
    line-height: 1.7 !important;
  }

  .admin-dashboard-priority-actions-v6113 .button-link.primary {
    min-height: 48px !important;
    font-size: 11.5px !important;
    border-radius: 18px !important;
    padding: 0 8px !important;
    line-height: 1.45 !important;
  }

  .admin-dashboard-funnel-row-v6110 {
    grid-template-columns: minmax(0, 1fr) 34px !important;
  }

  .admin-dashboard-channel-row-v6110 {
    grid-template-columns: minmax(0, 1fr) minmax(96px, .75fr) !important;
  }

  .admin-dashboard-bottom-v6110 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .admin-dashboard-bottom-v6110 .button-link {
    min-width: 0 !important;
    font-size: 11.5px !important;
    white-space: normal !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 430px) {
  .admin-dashboard-hero-v6110 {
    grid-template-columns: minmax(0, 1fr) 86px !important;
    padding: 14px !important;
  }

  .admin-dashboard-health-v6110 {
    width: 82px !important;
    height: 82px !important;
  }

  .admin-dashboard-health-v6110 > div {
    width: 58px !important;
    height: 58px !important;
  }

  .admin-dashboard-health-v6110 b {
    font-size: 15px !important;
  }

  .admin-dashboard-health-v6110 span {
    font-size: 8.5px !important;
  }

  .admin-dashboard-hero-actions-v6110 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-dashboard-kpis-v6110 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-dashboard-shortcuts-v6110 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .admin-dashboard-priority-row-v6110,
  .admin-dashboard-priority-row-v6113 {
    grid-template-columns: 1fr !important;
  }

  .admin-dashboard-priority-actions-v6113 {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Phase 6.12.1 - Admin dark mode polish
   هدف: همسان‌سازی صفحات جدید ادمین با دارک‌مود استاندارد فرم مشتری
   ========================================================= */

/* bridge: صفحات جدید ادمین از --neo-surface و --neo-text استفاده می‌کنند،
   دارک‌مود مشتری از --neo-panel-bg و --neo-text-main. اینجا این دو دنیا یکی می‌شوند. */
:root[data-ui-theme="dark"] {
  --neo-bg: var(--neo-page-bg, #141414);
  --neo-bg-2: var(--neo-page-bg-2, #101010);
  --neo-surface: var(--neo-panel-bg, #1c1c1e);
  --neo-surface-light: var(--neo-panel-bg-soft, #242426);
  --neo-text: var(--neo-text-main, #f4f4f5);
  --neo-muted: var(--neo-text-soft, #b6b6bd);
  --neo-faint: var(--neo-text-faint, #7c7c85);
  --neo-border: var(--neo-line-soft, rgba(255,255,255,.075));
  --neo-shadow-out:
    14px 14px 30px rgba(0,0,0,.34),
    -12px -12px 26px rgba(255,255,255,.025);
  --neo-shadow-out-soft:
    8px 8px 20px rgba(0,0,0,.30),
    -8px -8px 18px rgba(255,255,255,.025);
  --neo-shadow-in:
    inset 7px 7px 16px rgba(0,0,0,.32),
    inset -7px -7px 16px rgba(255,255,255,.025);
  --neo-shadow-in-soft:
    inset 5px 5px 12px rgba(0,0,0,.26),
    inset -5px -5px 12px rgba(255,255,255,.022);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) {
    --neo-bg: var(--neo-page-bg, #141414);
    --neo-bg-2: var(--neo-page-bg-2, #101010);
    --neo-surface: var(--neo-panel-bg, #1c1c1e);
    --neo-surface-light: var(--neo-panel-bg-soft, #242426);
    --neo-text: var(--neo-text-main, #f4f4f5);
    --neo-muted: var(--neo-text-soft, #b6b6bd);
    --neo-faint: var(--neo-text-faint, #7c7c85);
    --neo-border: var(--neo-line-soft, rgba(255,255,255,.075));
    --neo-shadow-out:
      14px 14px 30px rgba(0,0,0,.34),
      -12px -12px 26px rgba(255,255,255,.025);
    --neo-shadow-out-soft:
      8px 8px 20px rgba(0,0,0,.30),
      -8px -8px 18px rgba(255,255,255,.025);
    --neo-shadow-in:
      inset 7px 7px 16px rgba(0,0,0,.32),
      inset -7px -7px 16px rgba(255,255,255,.025);
    --neo-shadow-in-soft:
      inset 5px 5px 12px rgba(0,0,0,.26),
      inset -5px -5px 12px rgba(255,255,255,.022);
  }
}

/* dark admin shell */
:root[data-ui-theme="dark"] body.admin-layout-v629,
:root[data-ui-theme="dark"] .admin-main-card-v626 {
  background:
    radial-gradient(circle at 18% 0%, rgba(37,99,235,.10), transparent 28%),
    linear-gradient(145deg, var(--neo-bg), var(--neo-bg-2)) !important;
  color: var(--neo-text) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) body.admin-layout-v629,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 {
    background:
      radial-gradient(circle at 18% 0%, rgba(37,99,235,.10), transparent 28%),
      linear-gradient(145deg, var(--neo-bg), var(--neo-bg-2)) !important;
    color: var(--neo-text) !important;
  }
}

/* cards and panels built in phase 6 */
:root[data-ui-theme="dark"] .admin-dashboard-hero-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-health-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-kpi-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-shortcuts-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-shortcuts-v6110 a,
:root[data-ui-theme="dark"] .admin-dashboard-panel-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-bottom-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-priority-row-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-funnel-row-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-channel-row-v6110,
:root[data-ui-theme="dark"] .admin-dashboard-request-row-v6110,
:root[data-ui-theme="dark"] .admin-reports-hero-v6971,
:root[data-ui-theme="dark"] .admin-reports-filter-v6971,
:root[data-ui-theme="dark"] .admin-report-kpi-v6971,
:root[data-ui-theme="dark"] .admin-report-panel-v6971,
:root[data-ui-theme="dark"] .admin-report-ring-v6971,
:root[data-ui-theme="dark"] .admin-report-channel-row-v6971,
:root[data-ui-theme="dark"] .admin-reports-actions-bottom-v6971,
:root[data-ui-theme="dark"] .admin-account-hero-v6100,
:root[data-ui-theme="dark"] .admin-account-card-v6100,
:root[data-ui-theme="dark"] .admin-account-actions-v6100,
:root[data-ui-theme="dark"] .admin-account-requests-v6100,
:root[data-ui-theme="dark"] .admin-account-profile-v6100,
:root[data-ui-theme="dark"] .admin-account-channel-chip-v6100,
:root[data-ui-theme="dark"] .admin-account-request-row-v6100,
:root[data-ui-theme="dark"] .admin-account-empty-v6100,
:root[data-ui-theme="dark"] .admin-channel-edit-hero-v6938,
:root[data-ui-theme="dark"] .admin-channel-edit-warning-v6938,
:root[data-ui-theme="dark"] .admin-channel-edit-form-v6938,
:root[data-ui-theme="dark"] .admin-channel-edit-finance-v6956,
:root[data-ui-theme="dark"] .admin-channel-edit-state-v6938,
:root[data-ui-theme="dark"] .admin-settings-card,
:root[data-ui-theme="dark"] .admin-settings-channel-card,
:root[data-ui-theme="dark"] .admin-settings-page-v6931,
:root[data-ui-theme="dark"] .admin-bottom-nav-v680 {
  background: var(--neo-surface) !important;
  color: var(--neo-text) !important;
  border-color: var(--neo-border) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) .admin-dashboard-hero-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-health-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-kpi-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-shortcuts-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-shortcuts-v6110 a,
  :root:not([data-ui-theme="light"]) .admin-dashboard-panel-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-bottom-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-priority-row-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-funnel-row-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-channel-row-v6110,
  :root:not([data-ui-theme="light"]) .admin-dashboard-request-row-v6110,
  :root:not([data-ui-theme="light"]) .admin-reports-hero-v6971,
  :root:not([data-ui-theme="light"]) .admin-reports-filter-v6971,
  :root:not([data-ui-theme="light"]) .admin-report-kpi-v6971,
  :root:not([data-ui-theme="light"]) .admin-report-panel-v6971,
  :root:not([data-ui-theme="light"]) .admin-report-ring-v6971,
  :root:not([data-ui-theme="light"]) .admin-report-channel-row-v6971,
  :root:not([data-ui-theme="light"]) .admin-reports-actions-bottom-v6971,
  :root:not([data-ui-theme="light"]) .admin-account-hero-v6100,
  :root:not([data-ui-theme="light"]) .admin-account-card-v6100,
  :root:not([data-ui-theme="light"]) .admin-account-actions-v6100,
  :root:not([data-ui-theme="light"]) .admin-account-requests-v6100,
  :root:not([data-ui-theme="light"]) .admin-account-profile-v6100,
  :root:not([data-ui-theme="light"]) .admin-account-channel-chip-v6100,
  :root:not([data-ui-theme="light"]) .admin-account-request-row-v6100,
  :root:not([data-ui-theme="light"]) .admin-account-empty-v6100,
  :root:not([data-ui-theme="light"]) .admin-channel-edit-hero-v6938,
  :root:not([data-ui-theme="light"]) .admin-channel-edit-warning-v6938,
  :root:not([data-ui-theme="light"]) .admin-channel-edit-form-v6938,
  :root:not([data-ui-theme="light"]) .admin-channel-edit-finance-v6956,
  :root:not([data-ui-theme="light"]) .admin-channel-edit-state-v6938,
  :root:not([data-ui-theme="light"]) .admin-settings-card,
  :root:not([data-ui-theme="light"]) .admin-settings-channel-card,
  :root:not([data-ui-theme="light"]) .admin-settings-page-v6931,
  :root:not([data-ui-theme="light"]) .admin-bottom-nav-v680 {
    background: var(--neo-surface) !important;
    color: var(--neo-text) !important;
    border-color: var(--neo-border) !important;
    box-shadow: var(--neo-shadow-out-soft) !important;
  }
}

/* inner soft blocks that were hardcoded white */
:root[data-ui-theme="dark"] .admin-account-metrics-v6100 > div,
:root[data-ui-theme="dark"] .admin-account-profile-v6100 > div,
:root[data-ui-theme="dark"] .admin-account-card-head-v6100 > b,
:root[data-ui-theme="dark"] .admin-account-hero-status-v6100,
:root[data-ui-theme="dark"] .admin-report-kpi-v6971::before,
:root[data-ui-theme="dark"] .admin-dashboard-kpi-v6110::before,
:root[data-ui-theme="dark"] .admin-dashboard-panel-v6110::before,
:root[data-ui-theme="dark"] .admin-dashboard-shortcuts-v6110 a::before,
:root[data-ui-theme="dark"] .admin-channel-edit-grid-v6938 label,
:root[data-ui-theme="dark"] .admin-channel-edit-rules-v6938,
:root[data-ui-theme="dark"] .admin-channel-edit-switches-v6938 label {
  background: var(--neo-surface-light) !important;
  color: var(--neo-text) !important;
  border-color: var(--neo-border) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) .admin-account-metrics-v6100 > div,
  :root:not([data-ui-theme="light"]) .admin-account-profile-v6100 > div,
  :root:not([data-ui-theme="light"]) .admin-account-card-head-v6100 > b,
  :root:not([data-ui-theme="light"]) .admin-account-hero-status-v6100,
  :root:not([data-ui-theme="light"]) .admin-report-kpi-v6971::before,
  :root:not([data-ui-theme="light"]) .admin-dashboard-kpi-v6110::before,
  :root:not([data-ui-theme="light"]) .admin-dashboard-panel-v6110::before,
  :root:not([data-ui-theme="light"]) .admin-dashboard-shortcuts-v6110 a::before,
  :root:not([data-ui-theme="light"]) .admin-channel-edit-grid-v6938 label,
  :root:not([data-ui-theme="light"]) .admin-channel-edit-rules-v6938,
  :root:not([data-ui-theme="light"]) .admin-channel-edit-switches-v6938 label {
    background: var(--neo-surface-light) !important;
    color: var(--neo-text) !important;
    border-color: var(--neo-border) !important;
    box-shadow: var(--neo-shadow-in-soft) !important;
  }
}

/* typography */
:root[data-ui-theme="dark"] .admin-main-card-v626 h1,
:root[data-ui-theme="dark"] .admin-main-card-v626 h2,
:root[data-ui-theme="dark"] .admin-main-card-v626 h3,
:root[data-ui-theme="dark"] .admin-main-card-v626 h4,
:root[data-ui-theme="dark"] .admin-main-card-v626 b,
:root[data-ui-theme="dark"] .admin-main-card-v626 strong,
:root[data-ui-theme="dark"] .admin-main-card-v626 label {
  color: var(--neo-text) !important;
}

:root[data-ui-theme="dark"] .admin-main-card-v626 p,
:root[data-ui-theme="dark"] .admin-main-card-v626 small,
:root[data-ui-theme="dark"] .admin-main-card-v626 span,
:root[data-ui-theme="dark"] .admin-main-card-v626 .admin-kicker,
:root[data-ui-theme="dark"] .admin-main-card-v626 .meta {
  color: var(--neo-muted) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 h1,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 h2,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 h3,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 h4,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 b,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 strong,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 label {
    color: var(--neo-text) !important;
  }

  :root:not([data-ui-theme="light"]) .admin-main-card-v626 p,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 small,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 span,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 .admin-kicker,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 .meta {
    color: var(--neo-muted) !important;
  }
}

/* inputs */
:root[data-ui-theme="dark"] .admin-main-card-v626 input,
:root[data-ui-theme="dark"] .admin-main-card-v626 textarea,
:root[data-ui-theme="dark"] .admin-main-card-v626 select {
  background: var(--neo-input-bg, #18181a) !important;
  color: var(--neo-text) !important;
  border-color: var(--neo-border) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

:root[data-ui-theme="dark"] .admin-main-card-v626 input::placeholder,
:root[data-ui-theme="dark"] .admin-main-card-v626 textarea::placeholder {
  color: var(--neo-faint) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 input,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 textarea,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 select {
    background: var(--neo-input-bg, #18181a) !important;
    color: var(--neo-text) !important;
    border-color: var(--neo-border) !important;
    box-shadow: var(--neo-shadow-in-soft) !important;
  }

  :root:not([data-ui-theme="light"]) .admin-main-card-v626 input::placeholder,
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 textarea::placeholder {
    color: var(--neo-faint) !important;
  }
}

/* charts / progress tracks */
:root[data-ui-theme="dark"] .admin-dashboard-kpi-v6110 i,
:root[data-ui-theme="dark"] .admin-dashboard-funnel-row-v6110 i,
:root[data-ui-theme="dark"] .admin-dashboard-channel-row-v6110 i,
:root[data-ui-theme="dark"] .admin-account-progress-v6100 i,
:root[data-ui-theme="dark"] .admin-report-bar-track-v6971,
:root[data-ui-theme="dark"] .admin-report-ring-v6971 i {
  background: rgba(255,255,255,.08) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

/* bottom nav in dark */
:root[data-ui-theme="dark"] .admin-bottom-nav-v680 {
  background: rgba(28,28,30,.92) !important;
  backdrop-filter: blur(18px) !important;
}

:root[data-ui-theme="dark"] .admin-bottom-nav-item-v680:not(.active):not(.is-active):not(.admin-bottom-nav-active-v680) {
  color: var(--neo-muted) !important;
}

:root[data-ui-theme="dark"] .admin-bottom-nav-item-v680.active,
:root[data-ui-theme="dark"] .admin-bottom-nav-item-v680.is-active,
:root[data-ui-theme="dark"] .admin-bottom-nav-item-v680.admin-bottom-nav-active-v680 {
  color: #fff !important;
}

/* keep primary/action colors readable */
:root[data-ui-theme="dark"] .admin-main-card-v626 button[type="submit"],
:root[data-ui-theme="dark"] .admin-main-card-v626 .button-link.primary,
:root[data-ui-theme="dark"] .admin-reports-filter-actions-v6971 button,
:root[data-ui-theme="dark"] .admin-account-quick-form-v6100 button,
:root[data-ui-theme="dark"] .admin-account-request-form-v6100 button {
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow: 0 12px 28px rgba(37,99,235,.28) !important;
}

/* warning/status panels */
:root[data-ui-theme="dark"] .admin-channel-edit-warning-v6938,
:root[data-ui-theme="dark"] .admin-decision-box.warning {
  background: rgba(245,158,11,.10) !important;
  color: #f8d28b !important;
  border-color: rgba(245,158,11,.20) !important;
}

:root[data-ui-theme="dark"] .admin-decision-box.danger,
:root[data-ui-theme="dark"] .ad-image-preview-error {
  background: rgba(239,68,68,.10) !important;
  color: #fca5a5 !important;
  border-color: rgba(239,68,68,.22) !important;
}


/* =========================================================
   Phase 6.12.2 - Settings nav and edit button polish
   ========================================================= */

/* زیرصفحه‌های تنظیمات باید همان تب تنظیمات را فعال و رنگی نگه دارند */
.admin-bottom-nav-item-v680[data-nav-key="settings"].active,
.admin-bottom-nav-item-v680[data-nav-key="settings"].is-active,
.admin-bottom-nav-item-v680[data-nav-key="settings"].admin-bottom-nav-active-v680 {
  color: #ffffff !important;
}

.admin-bottom-nav-item-v680[data-nav-key="settings"].active .admin-bottom-nav-icon-v680,
.admin-bottom-nav-item-v680[data-nav-key="settings"].is-active .admin-bottom-nav-icon-v680,
.admin-bottom-nav-item-v680[data-nav-key="settings"].admin-bottom-nav-active-v680 .admin-bottom-nav-icon-v680 {
  color: #ffffff !important;
}

/* دکمه ویرایش در صفحه تنظیمات باید مثل CTA واضح دیده شود */
.admin-main-card-v626 a[href^="/admin/settings/channel/"][href$="/edit"],
.admin-settings-page-v6931 a[href^="/admin/settings/channel/"][href$="/edit"],
.admin-settings-channel-card a[href^="/admin/settings/channel/"][href$="/edit"],
.admin-settings-channel-card-v6931 a[href^="/admin/settings/channel/"][href$="/edit"],
.admin-settings-channel-card-v6938 a[href^="/admin/settings/channel/"][href$="/edit"] {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow:
    0 12px 26px rgba(37,99,235,.28),
    var(--neo-shadow-out-soft) !important;
  position: relative !important;
  z-index: 2 !important;
}

.admin-main-card-v626 a[href^="/admin/settings/channel/"][href$="/edit"]::before,
.admin-settings-page-v6931 a[href^="/admin/settings/channel/"][href$="/edit"]::before,
.admin-settings-channel-card a[href^="/admin/settings/channel/"][href$="/edit"]::before,
.admin-settings-channel-card-v6931 a[href^="/admin/settings/channel/"][href$="/edit"]::before,
.admin-settings-channel-card-v6938 a[href^="/admin/settings/channel/"][href$="/edit"]::before {
  content: "✎" !important;
  font-size: 13px !important;
  line-height: 1 !important;
  opacity: .95 !important;
}

.admin-main-card-v626 a[href^="/admin/settings/channel/"][href$="/edit"]:hover,
.admin-settings-page-v6931 a[href^="/admin/settings/channel/"][href$="/edit"]:hover,
.admin-settings-channel-card a[href^="/admin/settings/channel/"][href$="/edit"]:hover,
.admin-settings-channel-card-v6931 a[href^="/admin/settings/channel/"][href$="/edit"]:hover,
.admin-settings-channel-card-v6938 a[href^="/admin/settings/channel/"][href$="/edit"]:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) saturate(1.06) !important;
}

/* لینک‌های عیب‌یابی و تست کنار ویرایش، secondary بمانند تا ویرایش گم نشود */
.admin-settings-page-v6931 a[href*="/diagnostics"],
.admin-settings-channel-card a[href*="/diagnostics"],
.admin-settings-page-v6931 a[href*="/test"],
.admin-settings-channel-card a[href*="/test"] {
  opacity: .86 !important;
}

/* موبایل: دکمه ویرایش تمام‌عرض‌تر و واضح‌تر */
@media (max-width: 720px) {
  .admin-main-card-v626 a[href^="/admin/settings/channel/"][href$="/edit"],
  .admin-settings-page-v6931 a[href^="/admin/settings/channel/"][href$="/edit"],
  .admin-settings-channel-card a[href^="/admin/settings/channel/"][href$="/edit"],
  .admin-settings-channel-card-v6931 a[href^="/admin/settings/channel/"][href$="/edit"],
  .admin-settings-channel-card-v6938 a[href^="/admin/settings/channel/"][href$="/edit"] {
    min-height: 46px !important;
    padding: 0 18px !important;
    font-size: 12.5px !important;
  }
}

/* دارک مود */
:root[data-ui-theme="dark"] .admin-main-card-v626 a[href^="/admin/settings/channel/"][href$="/edit"],
:root[data-ui-theme="dark"] .admin-settings-page-v6931 a[href^="/admin/settings/channel/"][href$="/edit"],
:root[data-ui-theme="dark"] .admin-settings-channel-card a[href^="/admin/settings/channel/"][href$="/edit"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow: 0 14px 30px rgba(37,99,235,.30) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-ui-theme="light"]) .admin-main-card-v626 a[href^="/admin/settings/channel/"][href$="/edit"],
  :root:not([data-ui-theme="light"]) .admin-settings-page-v6931 a[href^="/admin/settings/channel/"][href$="/edit"],
  :root:not([data-ui-theme="light"]) .admin-settings-channel-card a[href^="/admin/settings/channel/"][href$="/edit"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
    box-shadow: 0 14px 30px rgba(37,99,235,.30) !important;
  }
}


/* =========================================================
   Phase 6.12.3 - Admin bottom nav soft navigation
   ========================================================= */

.admin-main-card-v626.admin-bottom-soft-loading-v6123 {
  pointer-events: none !important;
  opacity: .78 !important;
  filter: saturate(.94) blur(.12px) !important;
  transition: opacity 140ms ease, filter 140ms ease !important;
}

.admin-main-card-v626.admin-bottom-soft-enter-v6123 {
  animation: adminBottomSoftEnterV6123 180ms cubic-bezier(.16, 1, .3, 1) both !important;
}

@keyframes adminBottomSoftEnterV6123 {
  from {
    opacity: .72;
    transform: translateY(3px) scale(.998);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-main-card-v626.admin-bottom-soft-loading-v6123,
  .admin-main-card-v626.admin-bottom-soft-enter-v6123 {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
}


/* =========================================================
   Phase 7.2.0 - Lean admin order workflow
   هدف: سبک‌سازی صفحه سفارش ادمین بدون حذف امکانات
   ========================================================= */

/* صفحه سفارش نباید مثل داشبورد مدیریتی سنگین شروع شود؛ تصمیم بعدی باید سریع دیده شود. */
.admin-order-wizard-v53,
.admin-order-wizard-v6,
.admin-stage-focus-v53,
.admin-command-bar-v53 {
  display: none !important;
}

/* کارت‌های خلاصه زیاد بودند؛ اطلاعات کامل در بخش‌های پایین باقی می‌ماند. */
.admin-summary-grid {
  display: none !important;
}

/* Hero سفارش فشرده‌تر شود تا ادمین سریع‌تر به تصمیم برسد. */
.admin-order-hero-v2 {
  padding: 14px !important;
  border-radius: 26px !important;
  margin-bottom: 10px !important;
}

.admin-order-hero-v2 h2 {
  font-size: clamp(18px, 3vw, 24px) !important;
  margin-bottom: 6px !important;
}

.admin-order-hero-v2 .admin-hero-meta {
  gap: 6px !important;
}

/* تصمیم بعدی: کم‌حجم، واضح، نزدیک به عمل. */
.admin-decision-box-v54 {
  padding: 13px !important;
  border-radius: 26px !important;
  margin: 10px 0 12px !important;
}

.admin-decision-box-v54 h3 {
  font-size: clamp(17px, 2.5vw, 22px) !important;
  margin: 4px 0 6px !important;
}

.admin-decision-box-v54 p {
  margin: 0 !important;
  line-height: 1.75 !important;
  font-size: 12.5px !important;
}

.admin-decision-state-v54 {
  gap: 6px !important;
}

.admin-decision-state-v54 span {
  min-height: 32px !important;
  padding: 6px 9px !important;
  font-size: 11.5px !important;
}

.admin-action-grid-v54 {
  gap: 7px !important;
}

.admin-action-grid-v54 .button-link {
  min-height: 40px !important;
}

/* بخش عملیاتی اصلی باز و واضح بماند، اما کم‌حجم‌تر شود. */
.admin-primary-task-v53,
.admin-primary-task-v2 {
  margin: 10px 0 !important;
  padding: 13px !important;
  border-radius: 26px !important;
}

.admin-primary-task-head-v53,
.admin-primary-task-head {
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

.admin-primary-task-head-v53 h3,
.admin-primary-task-head h3 {
  font-size: clamp(17px, 2.5vw, 21px) !important;
}

.admin-primary-task-head-v53 p,
.admin-primary-task-head p {
  font-size: 12.2px !important;
  line-height: 1.7 !important;
}

/* جزئیات فرعی باید جمع‌وجور بمانند، نه شبیه فرم‌های سنگین. */
.admin-order-secondary-stack-head-v6927 {
  padding: 10px 12px !important;
  border-radius: 20px !important;
}

.admin-order-secondary-stack-head-v6927 h2 {
  font-size: 14px !important;
}

.admin-order-secondary-stack-head-v6927 p {
  font-size: 11.3px !important;
}

.admin-order-secondary-details-v6927 {
  border-radius: 20px !important;
}

.admin-order-secondary-details-v6927 > summary {
  min-height: 48px !important;
  padding: 10px 12px !important;
}

.admin-order-secondary-details-v6927 > summary span {
  font-size: 12.5px !important;
}

.admin-order-secondary-details-v6927 > summary small {
  font-size: 11px !important;
}

/* جزئیات فنی و snapshot باید مزاحم تصمیم سریع نباشند. */
.admin-order-meta-tech-v6924,
.admin-channel-snapshot-v6948,
.admin-technical-details-v2,
.admin-tech-result-v2 {
  opacity: .78 !important;
}

/* آخرین رویدادها فارسی و خوانا */
.admin-latest-event-v720 {
  display: grid !important;
  gap: 4px !important;
  line-height: 1.75 !important;
}

.admin-latest-event-v720 b {
  color: var(--neo-text, #1f2937) !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
}

.admin-latest-event-v720 small {
  color: var(--neo-muted, #7b8496) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.admin-latest-event-v720 span {
  color: var(--neo-muted, #64748b) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

/* کارت‌های سفارش در لیست: رویداد فارسی نباید فضا را سنگین کند. */
.admin-order-op-event-v6914 {
  padding: 10px 12px !important;
}

:root[data-ui-theme="dark"] .admin-latest-event-v720 b {
  color: var(--neo-text, #eef3f8) !important;
}

:root[data-ui-theme="dark"] .admin-latest-event-v720 span,
:root[data-ui-theme="dark"] .admin-latest-event-v720 small {
  color: var(--neo-muted, #b8c2d2) !important;
}

@media (max-width: 760px) {
  .admin-decision-box-v54 {
    grid-template-columns: 1fr !important;
    border-radius: 24px !important;
  }

  .admin-order-hero-v2,
  .admin-primary-task-v53,
  .admin-primary-task-v2 {
    border-radius: 24px !important;
  }

  .admin-action-grid-v54 .button-link {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* =========================================================
   Phase 7.2.2 - Calm latest event card
   آخرین رویداد باید خلاصه باشد، نه گزارش فنی شلوغ
   ========================================================= */

.admin-order-op-event-v6914,
.admin-order-list-event-v2 {
  margin-top: 8px !important;
  padding: 8px 10px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(123,132,150,.055), transparent),
    var(--neo-surface, #edf1f7) !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
  color: var(--neo-muted, #64748b) !important;
  font-size: 11.8px !important;
  font-weight: 780 !important;
  line-height: 1.75 !important;
  text-align: right !important;
}

.admin-order-op-event-v6914 {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.admin-order-op-event-v6914::before,
.admin-order-list-event-v2::before {
  content: "آخرین رویداد" !important;
  display: block !important;
  margin-bottom: 3px !important;
  color: var(--neo-muted, #7b8496) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  opacity: .72 !important;
}

:root[data-ui-theme="dark"] .admin-order-op-event-v6914,
:root[data-ui-theme="dark"] .admin-order-list-event-v2 {
  background: var(--neo-surface, #171d27) !important;
  color: var(--neo-muted, #b8c2d2) !important;
}


/* =========================================================
   Phase 7.3.0 - Admin order detail declutter
   سبک‌سازی صفحه سفارش ادمین، بدون حذف قابلیت‌ها
   ========================================================= */

/* حذف نسل‌های قدیمی و مسیرهای کم‌استفاده از دید اصلی */
.admin-order-wizard-v53,
.admin-order-wizard-v6,
.admin-stage-focus-v53,
.admin-command-bar-v53,
.admin-progress-v2,
.admin-action-panel-v2,
.admin-summary-grid {
  display: none !important;
}

/* Hero اگر جایی رندر شد، خیلی فشرده باشد. */
.admin-order-hero-v2 {
  padding: 12px !important;
  margin: 8px 0 10px !important;
  border-radius: 24px !important;
}

.admin-order-hero-v2 h2,
.admin-order-hero-main h2 {
  margin: 2px 0 4px !important;
  font-size: clamp(17px, 3vw, 22px) !important;
}

.admin-order-hero-grid {
  display: none !important;
}

/* کارت تصمیم بعدی باید کوتاه باشد، نه یک گزارش وضعیت. */
.admin-decision-box-v54 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 12px !important;
  margin: 8px 0 10px !important;
  border-radius: 24px !important;
}

.admin-decision-main-v54 .admin-kicker {
  display: none !important;
}

.admin-decision-box-v54 h3 {
  margin: 0 0 4px !important;
  font-size: clamp(16px, 2.4vw, 20px) !important;
}

.admin-decision-box-v54 p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

.admin-decision-state-v54 {
  display: none !important;
}

.admin-action-grid-v54 {
  min-width: 150px !important;
  gap: 6px !important;
}

.admin-action-grid-v54 .button-link {
  min-height: 38px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

/* بخش فعال سفارش: تیتر و توضیح کم‌حجم */
.admin-primary-task-v2,
.admin-primary-task-v53 {
  margin: 8px 0 12px !important;
  border-radius: 24px !important;
}

.admin-primary-task-head,
.admin-primary-task-head-v53 {
  padding: 12px 13px 9px !important;
}

.admin-primary-task-head h3,
.admin-primary-task-head-v53 h3 {
  margin: 0 0 3px !important;
  font-size: clamp(16px, 2.5vw, 20px) !important;
}

.admin-primary-task-head p,
.admin-primary-task-head-v53 p {
  margin: 0 !important;
  font-size: 11.8px !important;
  line-height: 1.55 !important;
}

.admin-primary-task-body {
  padding: 12px !important;
}

/* پرداخت: عنوان‌ها و توضیح‌های فرعی آرام‌تر */
.admin-payment-review-redesign-v3 {
  padding: 13px !important;
  border-radius: 24px !important;
}

.admin-payment-review-title-v3 .admin-kicker,
.admin-payment-panel-head-v3 p,
.admin-payment-decision-title-v3 p {
  display: none !important;
}

.admin-payment-review-title-v3 h3 {
  margin: 0 !important;
  font-size: 18px !important;
}

.admin-payment-review-title-v3 p {
  font-size: 11.8px !important;
  line-height: 1.55 !important;
}

.admin-payment-review-metrics-v3 {
  margin-top: 10px !important;
  gap: 7px !important;
}

.admin-payment-metric-v3 {
  min-height: 58px !important;
  padding: 9px !important;
  border-radius: 15px !important;
}

.admin-payment-metric-v3 span {
  margin-bottom: 3px !important;
  font-size: 10.5px !important;
}

.admin-payment-metric-v3 b {
  font-size: 12.5px !important;
}

.admin-payment-review-main-v3 {
  margin-top: 10px !important;
  gap: 10px !important;
}

.admin-payment-receipt-panel-v3,
.admin-payment-info-panel-v3 {
  padding: 10px !important;
  border-radius: 18px !important;
}

.admin-payment-panel-head-v3 {
  margin-bottom: 7px !important;
}

.admin-payment-panel-head-v3 h4 {
  font-size: 13.5px !important;
}

.admin-payment-decision-redesign-v3 {
  margin-top: 10px !important;
  padding: 10px !important;
  border-radius: 18px !important;
}

.admin-payment-decision-title-v3 h4 {
  margin: 0 0 8px !important;
  font-size: 14px !important;
}

/* اطلاعات پرداخت و رسید: متن‌های خنثی کوتاه‌تر و کمتر. */
.admin-payment-info-panel-v3 hr,
.admin-payment-panel-body-v3 hr {
  display: none !important;
}

/* کارت‌های محتوایی */
.admin-workflow-step-head-v1 .admin-kicker {
  display: none !important;
}

.admin-workflow-step-head-v1 h3 {
  margin: 0 0 4px !important;
  font-size: 17px !important;
}

.admin-workflow-step-head-v1 p {
  font-size: 11.8px !important;
  line-height: 1.55 !important;
}

.admin-content-item-card-v2 {
  padding: 12px !important;
  border-radius: 22px !important;
}

.admin-content-item-head-v2 h4 {
  font-size: 15.5px !important;
  margin-bottom: 4px !important;
}

.admin-content-visible-meta-v2 {
  gap: 6px !important;
  margin: 8px 0 10px !important;
}

.admin-content-visible-meta-v2 span {
  padding: 5px 8px !important;
  font-size: 11px !important;
}

.admin-content-main-v2 h4 {
  margin: 10px 0 6px !important;
  font-size: 13px !important;
}

.admin-content-main-v2 pre {
  max-height: 300px !important;
  overflow: auto !important;
  font-size: 12.5px !important;
  line-height: 1.75 !important;
}

/* Snapshot و جزئیات فنی: موجود بمانند، اما مزاحم نباشند. */
.admin-channel-snapshot-v6948,
.admin-technical-details-v2,
.admin-order-meta-tech-v6924,
.admin-tech-result-v2,
.admin-order-timeline-tech-v6930 {
  opacity: .64 !important;
  margin-top: 8px !important;
}

.admin-channel-snapshot-v6948 summary,
.admin-technical-details-v2 summary,
.admin-order-meta-tech-v6924 summary,
.admin-tech-result-v2 summary,
.admin-order-timeline-tech-v6930 summary {
  min-height: 34px !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
  color: var(--neo-muted, #7b8496) !important;
}

/* بخش‌های تکمیلی پایین صفحه */
.admin-secondary-sections-v2,
.admin-order-secondary-stack-v6927 {
  margin-top: 12px !important;
  padding-top: 8px !important;
}

.admin-secondary-title,
.admin-order-secondary-stack-head-v6927 p {
  display: none !important;
}

.admin-order-secondary-stack-head-v6927,
.admin-order-secondary-details-v6927 > summary,
.admin-section-details > summary {
  min-height: 42px !important;
  padding: 9px 11px !important;
  border-radius: 18px !important;
}

.admin-section-details > summary {
  font-size: 12.5px !important;
}

/* انتشار */
.admin-publish-workbench-head-v54 .admin-kicker {
  display: none !important;
}

.admin-publish-workbench-head-v54 {
  padding: 13px !important;
  border-radius: 24px !important;
}

.admin-publish-workbench-head-v54 h4 {
  margin: 0 0 4px !important;
  font-size: 17px !important;
}

.admin-publish-workbench-head-v54 p {
  font-size: 11.8px !important;
  line-height: 1.55 !important;
}

.admin-publish-workbench-stats-v54 > span,
.admin-publish-workbench-stats-v54 .status {
  min-height: 30px !important;
  padding: 5px 8px !important;
  font-size: 10.8px !important;
}

.admin-publish-preview-card-v54 {
  padding: 12px !important;
  border-radius: 22px !important;
}

.admin-item-review-panel-v54 {
  padding: 10px !important;
  border-radius: 18px !important;
}

.admin-mini-title-v54 {
  font-size: 11px !important;
}

.admin-caption-preview-v54 {
  max-height: 340px !important;
  overflow: auto !important;
  font-size: 12.5px !important;
  line-height: 1.75 !important;
}

/* تاریخچه: فنی‌ترها آرام‌تر */
.admin-order-timeline-head-v6930 .admin-kicker,
.admin-order-timeline-head-v6930 p,
.admin-order-timeline-meta-v6930 span:first-child:empty {
  display: none !important;
}

.admin-order-timeline-head-v6930 h3 {
  margin: 0 !important;
  font-size: 17px !important;
}

.admin-order-timeline-card-head-v6930 h4 {
  font-size: 14px !important;
}

.admin-order-timeline-card-head-v6930 p {
  font-size: 12px !important;
  line-height: 1.65 !important;
}

/* موبایل */
@media (max-width: 760px) {
  .admin-decision-box-v54 {
    grid-template-columns: 1fr !important;
  }

  .admin-action-grid-v54 {
    min-width: 0 !important;
  }

  .admin-action-grid-v54 .button-link {
    width: 100% !important;
    justify-content: center !important;
  }

  .admin-payment-review-metrics-v3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-payment-review-main-v3 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px) {
  .admin-payment-review-metrics-v3 {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Phase 7.4.0 - Admin order id page focus
   مخصوص صفحه /admin/order/{id}
   ========================================================= */

/* قاب کلی صفحه جزئیات سفارش: ریتم کمتر، فاصله کمتر */
.admin-ops-page-v53 {
  gap: 10px !important;
}

/* در صفحه id، نسل‌های مختلف UI نباید همزمان حس شوند. */
.admin-order-wizard-v53,
.admin-order-wizard-v6,
.admin-stage-focus-v53,
.admin-command-bar-v53,
.admin-order-overview-v4,
.admin-progress-v2,
.admin-action-panel-v2,
.admin-summary-grid {
  display: none !important;
}

/* اگر hero قدیمی هنوز رندر شد، فقط فشرده و کم‌رنگ باشد. */
.admin-order-hero-v2 {
  margin: 6px 0 8px !important;
  padding: 10px 12px !important;
  border-radius: 22px !important;
  box-shadow: var(--neo-shadow-in-soft) !important;
}

.admin-order-hero-v2 h2,
.admin-order-hero-main h2 {
  font-size: 18px !important;
  margin: 0 0 3px !important;
}

.admin-order-hero-status,
.admin-order-hero-grid,
.admin-hero-meta {
  display: none !important;
}

/* کارت اقدام بعدی: فقط تصمیم، بدون جدول وضعیت */
.admin-decision-box-v54 {
  padding: 11px 12px !important;
  margin: 6px 0 8px !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
}

.admin-decision-main-v54 .admin-kicker,
.admin-decision-state-v54 {
  display: none !important;
}

.admin-decision-box-v54 h3 {
  margin: 0 0 3px !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}

.admin-decision-box-v54 p {
  margin: 0 !important;
  font-size: 11.8px !important;
  line-height: 1.55 !important;
}

.admin-action-grid-v54 {
  min-width: 142px !important;
  gap: 5px !important;
}

.admin-action-grid-v54 .button-link {
  min-height: 36px !important;
  padding: 0 11px !important;
  font-size: 11.7px !important;
}

/* بخش فعال بالا باید مثل میز کار باشد، نه گزارش طولانی */
.admin-primary-task-v2,
.admin-primary-task-v53 {
  margin: 7px 0 10px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.admin-primary-task-head,
.admin-primary-task-head-v53 {
  padding: 10px 12px 8px !important;
}

.admin-primary-task-head h3,
.admin-primary-task-head-v53 h3 {
  margin: 0 0 3px !important;
  font-size: 17px !important;
}

.admin-primary-task-head p,
.admin-primary-task-head-v53 p {
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  max-width: 520px !important;
}

.admin-primary-task-body {
  padding: 10px !important;
}

/* پرداخت در صفحه id */
.admin-payment-review-redesign-v3 {
  padding: 11px !important;
  border-radius: 22px !important;
}

.admin-payment-review-redesign-v3::before {
  height: 3px !important;
}

.admin-payment-review-hero-v3 {
  gap: 8px !important;
}

.admin-payment-review-title-v3 .admin-kicker,
.admin-payment-review-title-v3 p,
.admin-payment-panel-head-v3 p,
.admin-payment-decision-title-v3 p {
  display: none !important;
}

.admin-payment-review-title-v3 h3 {
  margin: 0 !important;
  font-size: 16.5px !important;
}

.admin-payment-review-badge-v3 .status {
  min-height: 30px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
}

.admin-payment-review-metrics-v3 {
  margin-top: 8px !important;
  gap: 6px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.admin-payment-metric-v3 {
  min-height: 52px !important;
  padding: 8px !important;
  border-radius: 14px !important;
}

.admin-payment-metric-v3 span {
  margin-bottom: 2px !important;
  font-size: 10px !important;
}

.admin-payment-metric-v3 b {
  font-size: 11.8px !important;
  line-height: 1.45 !important;
}

.admin-payment-metric-v3.money b {
  font-size: 13px !important;
}

.admin-payment-review-main-v3 {
  margin-top: 8px !important;
  gap: 8px !important;
}

.admin-payment-receipt-panel-v3,
.admin-payment-info-panel-v3,
.admin-payment-decision-redesign-v3 {
  padding: 9px !important;
  border-radius: 17px !important;
}

.admin-payment-panel-head-v3 {
  margin-bottom: 6px !important;
}

.admin-payment-panel-head-v3 h4,
.admin-payment-decision-title-v3 h4 {
  margin: 0 0 6px !important;
  font-size: 13px !important;
}

.admin-payment-panel-body-v3 hr,
.admin-payment-info-panel-v3 hr {
  display: none !important;
}

.admin-payment-panel-body-v3 .meta {
  font-size: 11.7px !important;
  line-height: 1.65 !important;
}

/* رسید پرداخت: متن‌های توضیحی کم‌جا */
.admin-payment-receipt-empty-v6923,
.admin-payment-receipt-ready-v6926 {
  padding: 9px !important;
  border-radius: 15px !important;
  font-size: 11.7px !important;
  line-height: 1.6 !important;
}

.admin-payment-receipt-empty-v6923 .button-link,
.admin-payment-receipt-ready-v6926 .button-link {
  min-height: 34px !important;
  margin-top: 6px !important;
  font-size: 11px !important;
}

/* محتوا و تصاویر */
.admin-workflow-step-v1 {
  padding: 10px !important;
  border-radius: 20px !important;
}

.admin-workflow-step-head-v1 {
  margin-bottom: 8px !important;
  gap: 8px !important;
}

.admin-workflow-step-head-v1 .admin-kicker,
.admin-workflow-step-head-v1 p {
  display: none !important;
}

.admin-workflow-step-head-v1 h3 {
  margin: 0 !important;
  font-size: 16.5px !important;
}

.admin-content-item-card-v2 {
  padding: 10px !important;
  gap: 9px !important;
  border-radius: 20px !important;
}

.admin-content-item-head-v2 {
  gap: 8px !important;
  margin-bottom: 7px !important;
  padding-bottom: 7px !important;
}

.admin-content-item-head-v2 h4 {
  margin: 0 0 3px !important;
  font-size: 14.5px !important;
}

.admin-content-item-badges-v2 .status {
  min-height: 28px !important;
  padding: 5px 8px !important;
  font-size: 10.5px !important;
}

.admin-content-item-price-v2 {
  min-width: 105px !important;
  padding: 7px 9px !important;
  border-radius: 14px !important;
}

.admin-content-item-price-v2 span,
.admin-content-item-price-v2 small {
  font-size: 10px !important;
}

.admin-content-item-price-v2 b {
  font-size: 13px !important;
}

.admin-content-visible-meta-v2 {
  margin: 6px 0 8px !important;
  gap: 5px !important;
}

.admin-content-visible-meta-v2 span {
  padding: 4px 7px !important;
  font-size: 10.8px !important;
}

.admin-content-main-v2 h4 {
  margin: 8px 0 5px !important;
  font-size: 12.5px !important;
}

.admin-content-main-v2 pre {
  max-height: 260px !important;
  padding: 9px !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  border-radius: 14px !important;
}

/* تصاویر داخل سفارش: کارت سبک‌تر */
.admin-content-item-card-v2 .ad-image-grid,
.admin-workflow-content-v1 .ad-image-grid {
  gap: 7px !important;
}

.admin-content-item-card-v2 .ad-image-card,
.admin-workflow-content-v1 .ad-image-card {
  border-radius: 16px !important;
}

.admin-content-item-card-v2 .ad-image-card .meta,
.admin-workflow-content-v1 .ad-image-card .meta {
  padding: 6px !important;
  font-size: 9.8px !important;
  line-height: 1.45 !important;
}

/* اکشن‌های محتوا */
.admin-content-actions-v2 {
  margin-top: 8px !important;
  padding: 8px !important;
  gap: 7px !important;
  border-radius: 17px !important;
}

.admin-content-actions-v2 button,
.admin-content-actions-v2 .button-link {
  min-height: 40px !important;
  font-size: 12px !important;
}

.admin-inline-decision summary {
  min-height: 36px !important;
  padding: 7px 10px !important;
  font-size: 11.5px !important;
}

/* انتشار */
.admin-publish-workbench-v54 {
  gap: 10px !important;
}

.admin-publish-workbench-head-v54 {
  padding: 11px !important;
  border-radius: 22px !important;
}

.admin-publish-workbench-head-v54 .admin-kicker,
.admin-publish-workbench-head-v54 p {
  display: none !important;
}

.admin-publish-workbench-head-v54 h4 {
  margin: 0 !important;
  font-size: 16.5px !important;
}

.admin-publish-workbench-stats-v54 {
  gap: 5px !important;
}

.admin-publish-workbench-stats-v54 > span,
.admin-publish-workbench-stats-v54 .status {
  min-height: 28px !important;
  padding: 4px 7px !important;
  font-size: 10px !important;
}

.admin-publish-preview-card-v54 {
  padding: 10px !important;
  gap: 10px !important;
  border-radius: 20px !important;
}

.admin-item-review-head-v54 {
  padding-bottom: 7px !important;
  gap: 8px !important;
}

.admin-item-review-head-v54 .admin-kicker {
  display: none !important;
}

.admin-item-review-head-v54 h4 {
  margin: 0 !important;
  font-size: 14.5px !important;
}

.admin-item-review-panel-v54 {
  padding: 9px !important;
  border-radius: 16px !important;
}

.admin-mini-title-v54 {
  margin-bottom: 5px !important;
  font-size: 10.8px !important;
}

.admin-caption-preview-v54,
.admin-contact-preview-v54 pre {
  max-height: 290px !important;
  padding: 9px !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

/* جزئیات فنی و snapshot: فقط برای عیب‌یابی، نه دید اصلی */
.admin-channel-snapshot-v6948,
.admin-technical-details-v2,
.admin-order-meta-tech-v6924,
.admin-tech-result-v2,
.admin-order-timeline-tech-v6930 {
  opacity: .55 !important;
  margin-top: 6px !important;
}

.admin-channel-snapshot-v6948 summary,
.admin-technical-details-v2 summary,
.admin-order-meta-tech-v6924 summary,
.admin-tech-result-v2 summary,
.admin-order-timeline-tech-v6930 summary {
  min-height: 32px !important;
  padding: 6px 9px !important;
  font-size: 10.8px !important;
}

.admin-channel-snapshot-grid-v6948 {
  gap: 6px !important;
}

.admin-channel-snapshot-grid-v6948 > div {
  padding: 7px !important;
  border-radius: 12px !important;
}

.admin-channel-snapshot-grid-v6948 span {
  font-size: 10px !important;
}

.admin-channel-snapshot-grid-v6948 b {
  font-size: 11px !important;
}

/* بخش‌های بسته پایین صفحه: جمع‌وجور */
.admin-secondary-sections-v2,
.admin-order-secondary-stack-v6927 {
  margin-top: 10px !important;
  padding-top: 6px !important;
}

.admin-secondary-title,
.admin-order-secondary-stack-head-v6927,
.admin-order-secondary-stack-head-v6927 p {
  display: none !important;
}

.admin-section-details,
.admin-order-secondary-details-v6927 {
  margin-top: 7px !important;
  border-radius: 18px !important;
}

.admin-section-details > summary,
.admin-order-secondary-details-v6927 > summary {
  min-height: 38px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
}

/* متادیتاهای سفارش داخل بخش بسته */
.admin-order-meta-desk-v6924 {
  padding: 10px !important;
  border-radius: 20px !important;
}

.admin-order-meta-head-v6924 .admin-kicker,
.admin-order-meta-head-v6924 p {
  display: none !important;
}

.admin-order-meta-head-v6924 h3 {
  margin: 0 !important;
  font-size: 16px !important;
}

.admin-order-meta-grid-v6924 {
  gap: 7px !important;
}

.admin-order-meta-grid-v6924 > div {
  min-height: 56px !important;
  padding: 8px !important;
  border-radius: 14px !important;
}

.admin-order-meta-grid-v6924 span,
.admin-order-meta-grid-v6924 small {
  font-size: 10px !important;
}

.admin-order-meta-grid-v6924 b {
  font-size: 12px !important;
}

/* تاریخچه */
.admin-order-timeline-v6930 {
  padding: 10px !important;
  border-radius: 20px !important;
}

.admin-order-timeline-head-v6930 .admin-kicker,
.admin-order-timeline-head-v6930 p {
  display: none !important;
}

.admin-order-timeline-head-v6930 h3 {
  margin: 0 !important;
  font-size: 16px !important;
}

.admin-order-timeline-card-v6930 {
  padding: 9px !important;
  border-radius: 16px !important;
}

.admin-order-timeline-card-head-v6930 h4 {
  margin: 0 0 4px !important;
  font-size: 13px !important;
}

.admin-order-timeline-card-head-v6930 p {
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

.admin-order-timeline-card-head-v6930 time {
  font-size: 10.8px !important;
}

.admin-order-timeline-meta-v6930 {
  margin-top: 6px !important;
  gap: 5px !important;
}

.admin-order-timeline-meta-v6930 span {
  padding: 4px 7px !important;
  font-size: 10.5px !important;
}

/* موبایل */
@media (max-width: 980px) {
  .admin-payment-review-metrics-v3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-payment-review-main-v3 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .admin-decision-box-v54,
  .admin-payment-review-hero-v3,
  .admin-workflow-step-head-v1,
  .admin-content-item-head-v2,
  .admin-publish-workbench-head-v54,
  .admin-item-review-head-v54,
  .admin-order-meta-head-v6924,
  .admin-order-timeline-card-head-v6930 {
    grid-template-columns: 1fr !important;
  }

  .admin-action-grid-v54 {
    min-width: 0 !important;
  }

  .admin-action-grid-v54 .button-link {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .admin-payment-review-metrics-v3,
  .admin-order-meta-grid-v6924 {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Phase 7.5.0 - Admin order anchor and dedupe fix
   اصلاح اسکرول صفحه آیدی‌دار و حذف حس تکرار
   ========================================================= */

#payment-review-section,
#order-items-section,
#publish-section,
#refund-section,
#events-section,
#admin-order-active-workspace-v6916 {
  scroll-margin-top: 92px !important;
}

/* اکشن‌های پرداخت دیگر مقصد اسکرول نیستند؛ فقط داخل سکشن پرداخت‌اند. */
#payment-action-buttons {
  scroll-margin-top: 0 !important;
}

/* اگر خروجی قدیمی primary/secondary هنوز جایی از cache یا نسخه قبلی ماند، مزاحم نباشد. */
.admin-primary-task-v2:empty,
.admin-primary-task-v53:empty,
.admin-secondary-sections-v2:empty {
  display: none !important;
}

/* workspace جدید نقطه اصلی صفحه آیدی‌دار است. */
.admin-order-stage-workspace-v2 {
  margin-top: 8px !important;
}

/* وقتی از لیست وارد صفحه می‌شویم، اولین بخش فعال نباید زیر هدر/ناوبری گیر کند. */
.admin-order-stage-panel-v2,
.admin-order-stage-workspace-v2,
.admin-payment-review-redesign-v3,
.admin-workflow-content-v1,
.admin-publish-workbench-v54 {
  scroll-margin-top: 92px !important;
}


/* =========================================================
   Phase 7.6.0 - Single active admin order workspace
   رندر واقعی صفحه آیدی‌دار: فقط یک میز کار فعال
   ========================================================= */

/* نسل‌های قدیمی یا تکراری نباید صفحه id را سنگین کنند. */
.admin-order-wizard-v53,
.admin-order-wizard-v6,
.admin-stage-focus-v53,
.admin-command-bar-v53,
.admin-order-overview-v4,
.admin-progress-v2,
.admin-action-panel-v2,
.admin-summary-grid,
.admin-primary-task-v2,
.admin-primary-task-v53,
.admin-secondary-sections-v2,
.admin-order-summary-grid-v6916,
.admin-order-process-v6916 {
  display: none !important;
}

/* بالای صفحه فقط یک خلاصه خطی سبک باشد. */
.admin-order-compact-strip-v760 {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.admin-order-compact-strip-v760 span {
  min-height: 34px;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(148,163,184,.16);
  color: var(--neo-text-soft, #64748b);
  font-size: 11.5px;
  font-weight: 750;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.admin-order-compact-strip-v760 b {
  color: var(--neo-text-main, #1f2937);
  font-weight: 950;
}

.admin-order-compact-strip-v760 .status {
  min-height: 24px !important;
  padding: 3px 7px !important;
  font-size: 10px !important;
}

/* command center باید سبک باشد، نه یک داشبورد کامل. */
.admin-order-command-center-v2,
.admin-order-command-room-v6916 {
  padding: 12px !important;
  border-radius: 24px !important;
  margin-bottom: 10px !important;
}

.admin-order-command-top-v6916 {
  gap: 10px !important;
  align-items: center !important;
}

.admin-order-command-top-v6916 .admin-kicker {
  display: none !important;
}

.admin-order-command-top-v6916 h1 {
  margin: 0 0 3px !important;
  font-size: clamp(18px, 3vw, 23px) !important;
}

.admin-order-command-top-v6916 p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* کارت اقدام اصلی بالای صفحه نباید خودش یک صفحه دوم باشد. */
.admin-order-next-action-v6916 {
  margin-top: 9px !important;
  padding: 9px !important;
  border-radius: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
}

.admin-order-next-action-main-v6916 span {
  display: none !important;
}

.admin-order-next-action-main-v6916 h2 {
  margin: 0 0 3px !important;
  font-size: 15.5px !important;
}

.admin-order-next-action-main-v6916 p {
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
}

.admin-order-next-action-btn-v6916 {
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 11.5px !important;
}

/* workspace اصلی */
#payment-review-section,
#order-items-section,
#publish-section,
#refund-section,
#events-section,
#admin-order-active-workspace-v6916,
.admin-order-stage-panel-v2 {
  scroll-margin-top: 96px !important;
}

.admin-order-stage-workspace-v2 {
  margin-top: 8px !important;
  display: grid !important;
  gap: 10px !important;
}

.admin-order-stage-primary-v2,
.admin-order-primary-panel-v6927 {
  display: block !important;
}

.admin-order-stage-secondary-v2,
.admin-order-secondary-stack-v6927 {
  margin-top: 9px !important;
  display: grid !important;
  gap: 7px !important;
}

.admin-order-secondary-stack-head-v6927 {
  display: none !important;
}

.admin-order-stage-panel-v2 .admin-kicker,
.admin-payment-review-title-v3 .admin-kicker,
.admin-workflow-step-head-v1 .admin-kicker,
.admin-publish-workbench-head-v54 .admin-kicker,
.admin-order-meta-head-v6924 .admin-kicker,
.admin-order-timeline-head-v6930 .admin-kicker {
  display: none !important;
}

/* بخش‌های غیرفعال فقط مکمل‌اند. */
.admin-order-secondary-details-v6927 {
  border-radius: 18px !important;
  opacity: .84 !important;
}

.admin-order-secondary-details-v6927 > summary {
  min-height: 38px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
}

.admin-order-secondary-details-v6927 > summary small {
  display: none !important;
}

/* تصمیم پرداخت نزدیک دست ادمین بماند. */
.admin-payment-decision-redesign-v3 {
  margin-top: 8px !important;
  padding: 9px !important;
  border-radius: 17px !important;
  position: sticky !important;
  bottom: 74px !important;
  z-index: 6 !important;
}

.admin-order-secondary-details-v6927 .admin-payment-decision-redesign-v3 {
  position: static !important;
}

/* فنیات در دید دوم */
.admin-channel-snapshot-v6948,
.admin-technical-details-v2,
.admin-order-meta-tech-v6924,
.admin-tech-result-v2,
.admin-order-timeline-tech-v6930 {
  opacity: .52 !important;
  margin-top: 6px !important;
}

.admin-channel-snapshot-v6948 summary,
.admin-technical-details-v2 summary,
.admin-order-meta-tech-v6924 summary,
.admin-tech-result-v2 summary,
.admin-order-timeline-tech-v6930 summary {
  min-height: 32px !important;
  padding: 6px 9px !important;
  font-size: 10.8px !important;
}

/* مقصد ورود از صفحه سفارش‌ها */
#payment-review-section:target,
#order-items-section:target,
#publish-section:target,
#refund-section:target,
#events-section:target {
  outline: 2px solid rgba(14,165,233,.32) !important;
  outline-offset: 4px !important;
}

@media (max-width: 760px) {
  .admin-order-command-top-v6916,
  .admin-order-next-action-v6916 {
    grid-template-columns: 1fr !important;
  }

  .admin-order-command-actions-v6916 {
    width: 100% !important;
  }

  .admin-order-command-actions-v6916 .button-link,
  .admin-order-next-action-btn-v6916 {
    width: 100% !important;
    justify-content: center !important;
  }

  #payment-review-section,
  #order-items-section,
  #publish-section,
  #refund-section,
  #events-section,
  #admin-order-active-workspace-v6916 {
    scroll-margin-top: 76px !important;
  }

  .admin-payment-decision-redesign-v3 {
    bottom: 66px !important;
  }
}


/* =========================================================
   Phase 7.8.2 - Safe review image first
   بررسی آگهی: تصویر بالا، متن زیر تصویر
   ========================================================= */

.admin-content-main-v782 {
  display: grid !important;
  gap: 12px !important;
}

.admin-review-image-first-v782 {
  order: 1 !important;
}

.admin-review-text-under-image-v782 {
  order: 2 !important;
}

.admin-content-main-v782 > .admin-channel-snapshot-v6948 {
  order: 3 !important;
}

.admin-review-image-first-v782 > h4,
.admin-review-text-under-image-v782 > h4 {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  color: var(--neo-text-main, #0f172a) !important;
}

.admin-content-main-v782 .ad-image-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 !important;
}

.admin-content-main-v782 .ad-image-card {
  margin: 0 !important;
  padding: 8px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-content-main-v782 .ad-image-card img {
  width: 100% !important;
  max-height: 520px !important;
  min-height: 220px !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 18px !important;
  background: #f8fafc !important;
}

.admin-content-main-v782 .ad-image-card .meta {
  margin-top: 7px !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  color: var(--neo-text-soft, #64748b) !important;
  text-align: center !important;
}

.admin-content-main-v782 .ad-image-card:not(:first-child) {
  box-shadow: none !important;
  opacity: .92 !important;
}

.admin-content-main-v782 .ad-image-card:not(:first-child) img {
  max-height: 230px !important;
  min-height: 130px !important;
}

.admin-review-text-under-image-v782 pre {
  white-space: pre-wrap !important;
  direction: rtl !important;
  text-align: right !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: rgba(248,250,252,.78) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
}

@media (max-width: 760px) {
  .admin-content-main-v782 .ad-image-card img {
    max-height: 390px !important;
    min-height: 180px !important;
  }

  .admin-review-text-under-image-v782 pre {
    font-size: 12.5px !important;
    line-height: 1.75 !important;
    padding: 10px !important;
  }
}


/* =========================================================
   Phase 7.8.3 - Large review image
   عکس بررسی آگهی باید واقعاً بزرگ و درست نمایش داده شود
   ========================================================= */

.admin-content-main-v782,
.admin-content-main-v2.admin-content-main-v782 {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.admin-review-image-first-v782 {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}

.admin-review-image-first-v782 .ad-image-grid,
.admin-content-main-v782 .ad-image-grid {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-review-image-first-v782 .ad-image-card,
.admin-content-main-v782 .ad-image-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
  display: block !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-review-image-first-v782 .ad-image-card > a,
.admin-content-main-v782 .ad-image-card > a {
  width: 100% !important;
  display: block !important;
  line-height: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
}

.admin-review-image-first-v782 .ad-image-card img,
.admin-content-main-v782 .ad-image-card img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 260px !important;
  max-height: 72vh !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
  background: #f8fafc !important;
}

/* اگر CSS قدیمی تصویر را thumbnail کرده باشد، این‌ها خنثی‌اش می‌کنند */
.admin-content-main-v782 .ad-image-card,
.admin-content-main-v782 .ad-image-card *,
.admin-review-image-first-v782 .ad-image-card,
.admin-review-image-first-v782 .ad-image-card * {
  box-sizing: border-box !important;
}

.admin-review-image-first-v782 .ad-image-card .meta,
.admin-content-main-v782 .ad-image-card .meta {
  margin-top: 8px !important;
  padding: 0 4px !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  color: var(--neo-text-soft, #64748b) !important;
  text-align: center !important;
}

/* عکس‌های دوم به بعد کوچک‌تر شوند، ولی همچنان درست دیده شوند */
.admin-review-image-first-v782 .ad-image-card:not(:first-child),
.admin-content-main-v782 .ad-image-card:not(:first-child) {
  box-shadow: none !important;
  opacity: .94 !important;
}

.admin-review-image-first-v782 .ad-image-card:not(:first-child) img,
.admin-content-main-v782 .ad-image-card:not(:first-child) img {
  min-height: 150px !important;
  max-height: 280px !important;
}

/* متن زیر عکس */
.admin-review-text-under-image-v782 {
  width: 100% !important;
  max-width: none !important;
}

.admin-review-text-under-image-v782 pre {
  width: 100% !important;
  max-width: none !important;
  white-space: pre-wrap !important;
  direction: rtl !important;
  text-align: right !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: rgba(248,250,252,.78) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
}

@media (max-width: 760px) {
  .admin-review-image-first-v782 .ad-image-card,
  .admin-content-main-v782 .ad-image-card {
    padding: 7px !important;
    border-radius: 20px !important;
  }

  .admin-review-image-first-v782 .ad-image-card img,
  .admin-content-main-v782 .ad-image-card img {
    min-height: 210px !important;
    max-height: 62vh !important;
    border-radius: 16px !important;
  }

  .admin-review-image-first-v782 .ad-image-card:not(:first-child) img,
  .admin-content-main-v782 .ad-image-card:not(:first-child) img {
    min-height: 120px !important;
    max-height: 210px !important;
  }
}


/* =========================================================
   Phase 7.9.0 - Published success state
   بعد از انتشار موفق، جزئیات بسته و پیام موفقیت واضح باشد
   ========================================================= */

.admin-published-success-workbench-v790 {
  display: grid !important;
  gap: 12px !important;
}

.admin-published-success-card-v790 {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(34,197,94,.16), rgba(255,255,255,.82)) !important;
  border: 1px solid rgba(34,197,94,.28) !important;
  box-shadow: var(--neo-shadow-out-soft) !important;
}

.admin-published-success-icon-v790 {
  width: 48px !important;
  height: 48px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(34,197,94,.95) !important;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 950 !important;
}

.admin-published-success-card-v790 h2 {
  margin: 0 0 4px !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  color: #14532d !important;
}

.admin-published-success-card-v790 p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #166534 !important;
}

.admin-published-success-stats-v790 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.admin-published-success-stats-v790 span {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  font-size: 11.5px !important;
  color: var(--neo-text-soft, #64748b) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.admin-published-success-stats-v790 b {
  color: var(--neo-text-main, #0f172a) !important;
  font-weight: 950 !important;
}

.admin-published-review-details-v790 {
  border-radius: 20px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  overflow: hidden !important;
}

.admin-published-review-details-v790 > summary {
  cursor: pointer !important;
  list-style: none !important;
  min-height: 44px !important;
  padding: 11px 13px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  color: var(--neo-text-main, #0f172a) !important;
}

.admin-published-review-details-v790 > summary::-webkit-details-marker {
  display: none !important;
}

.admin-published-review-details-v790 > summary::after {
  content: "باز کردن" !important;
  float: left !important;
  font-size: 11px !important;
  color: var(--neo-text-soft, #64748b) !important;
}

.admin-published-review-details-v790[open] > summary::after {
  content: "بستن" !important;
}

.admin-published-review-body-v790 {
  padding: 12px !important;
  display: grid !important;
  gap: 10px !important;
}


/* ============================================================
   Phase 8.5 - Admin storage health page
   ============================================================ */

.admin-storage-health-v850 {
  display: grid;
  gap: 16px;
}

.admin-storage-hero-v850 {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(20, 184, 166, .14), rgba(59, 130, 246, .10));
  border: 1px solid rgba(15, 23, 42, .08);
}

.admin-storage-hero-v850 h1 {
  margin: 6px 0;
  font-size: 22px;
}

.admin-storage-hero-v850 p {
  margin: 0;
  color: var(--muted, #64748b);
  line-height: 1.9;
}

.admin-storage-status-pill-v850 {
  white-space: nowrap;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 900;
  background: #ecfeff;
  color: #0f766e;
  border: 1px solid rgba(13, 148, 136, .18);
}

.admin-storage-hero-v850.is-warn .admin-storage-status-pill-v850 {
  background: #fffbeb;
  color: #b45309;
  border-color: rgba(245, 158, 11, .25);
}

.admin-storage-hero-v850.is-bad .admin-storage-status-pill-v850 {
  background: #fef2f2;
  color: #b91c1c;
  border-color: rgba(239, 68, 68, .25);
}

.admin-storage-grid-v850 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-storage-metric-v850,
.admin-storage-file-card-v850,
.admin-storage-note-v850 {
  padding: 14px;
  border-radius: 18px;
  background: var(--card, #fff);
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.admin-storage-metric-v850 span {
  display: block;
  color: var(--muted, #64748b);
  font-size: 12px;
  margin-bottom: 8px;
}

.admin-storage-metric-v850 b {
  font-size: 20px;
}

.admin-storage-checks-v850 {
  display: grid;
  gap: 10px;
}

.admin-storage-check-v850 {
  display: grid;
  grid-template-columns: 1fr 1.5fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
}

.admin-storage-check-v850 em {
  font-style: normal;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 999px;
}

.admin-storage-check-v850.is-ok em {
  background: #ecfdf5;
  color: #047857;
}

.admin-storage-check-v850.is-warn em {
  background: #fffbeb;
  color: #b45309;
}

.admin-storage-check-v850.is-bad em {
  background: #fef2f2;
  color: #b91c1c;
}

.admin-storage-files-v850 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.admin-storage-file-card-v850 {
  display: grid;
  gap: 8px;
  line-height: 1.8;
}

.admin-storage-file-card-v850 h3 {
  margin: 0 0 6px;
  font-size: 16px;
}

.admin-storage-file-card-v850 code,
.admin-storage-note-v850 code {
  direction: ltr;
  unicode-bidi: plaintext;
  background: rgba(15, 23, 42, .06);
  padding: 2px 6px;
  border-radius: 8px;
  word-break: break-all;
}

.admin-storage-actions-v850 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 780px) {
  .admin-storage-hero-v850 {
    display: grid;
  }

  .admin-storage-grid-v850,
  .admin-storage-files-v850 {
    grid-template-columns: 1fr;
  }

  .admin-storage-check-v850 {
    grid-template-columns: 1fr;
  }
}

body.dark .admin-storage-metric-v850,
body.dark .admin-storage-file-card-v850,
body.dark .admin-storage-check-v850,
body.dark .admin-storage-note-v850 {
  background: rgba(15, 23, 42, .88);
  border-color: rgba(148, 163, 184, .16);
}

body.dark .admin-storage-hero-v850 {
  border-color: rgba(148, 163, 184, .18);
}


/* Phase speed-8: admin orders pagination */
.admin-orders-pagination-v8 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin: 16px 0 0;
  padding: 14px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 16px;
  background: var(--card, #fff);
}

.admin-orders-pagination-actions-v8 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 720px) {
  .admin-orders-pagination-v8 {
    align-items: stretch;
    flex-direction: column;
  }
}


/* UI Smoothness Fix 1: keep admin soft navigation, but make motion cheap */
.admin-main-card-v626.admin-bottom-soft-loading-v6123,
.card.admin-bottom-soft-loading-v6123 {
  opacity: 0.72;
  transform: translate3d(0, 2px, 0);
  transition: opacity 120ms ease, transform 120ms ease;
  will-change: opacity, transform;
  pointer-events: none;
}

.admin-main-card-v626.admin-bottom-soft-enter-v6123,
.card.admin-bottom-soft-enter-v6123 {
  animation: admin-soft-enter-v6123 160ms ease-out both;
  will-change: opacity, transform;
}

@keyframes admin-soft-enter-v6123 {
  from {
    opacity: 0.72;
    transform: translate3d(0, 3px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-main-card-v626.admin-bottom-soft-loading-v6123,
  .card.admin-bottom-soft-loading-v6123,
  .admin-main-card-v626.admin-bottom-soft-enter-v6123,
  .card.admin-bottom-soft-enter-v6123 {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    will-change: auto !important;
  }
}


/* Admin Web App Phase 1 */
.admin-app-shell-v1 {
  view-transition-name: admin-shell-v1;
}

.admin-app-view-v1 {
  view-transition-name: admin-main-view-v1;
  contain: layout paint;
}

.admin-app-navigating-v1 {
  cursor: progress;
}

.admin-app-navigating-v1 .admin-bottom-nav-v680 {
  pointer-events: none;
}

.admin-app-view-leave-v1 {
  opacity: 0.92;
  transform: translate3d(0, 2px, 0);
  transition: opacity 90ms ease, transform 90ms ease;
}

.admin-app-view-enter-v1 {
  animation: admin-app-enter-v1 130ms ease-out both;
}

@keyframes admin-app-enter-v1 {
  from {
    opacity: 0.88;
    transform: translate3d(0, 4px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

::view-transition-old(admin-main-view-v1) {
  animation: admin-view-old-v1 120ms ease both;
}

::view-transition-new(admin-main-view-v1) {
  animation: admin-view-new-v1 160ms ease both;
}

@keyframes admin-view-old-v1 {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0.82;
    transform: translate3d(0, -3px, 0);
  }
}

@keyframes admin-view-new-v1 {
  from {
    opacity: 0.7;
    transform: translate3d(0, 6px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-app-view-leave-v1,
  .admin-app-view-enter-v1 {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  ::view-transition-old(admin-main-view-v1),
  ::view-transition-new(admin-main-view-v1) {
    animation: none !important;
  }
}

/* Phase 11.6 marker: phase116-last-good-ui-forced-scroll-patch-css */
/* No visual override here. UI restored from last good commit. */

/* Phase 11.7 marker: phase117-admin-router-owns-bottom-nav-css */
/* No visual override. Router-only fix. */

/* =========================================================
   Phase 11.8 - Keep admin bottom nav visible during soft navigation
   Marker: phase118-admin-bottom-nav-no-blink

   هدف:
   - هنگام جابه‌جایی بین منوها، bottom nav لحظه‌ای غیب نشود.
   - فقط منوی پایین تثبیت می‌شود؛ ظاهر کلی، دارک‌مود و backend دست‌نخورده‌اند.
   ========================================================= */

.admin-bottom-nav-v680,
[data-admin-bottom-nav-v680] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  z-index: 9999 !important;
}

body.admin-app-navigating-v1 .admin-bottom-nav-v680,
body.admin-app-navigating-v1 [data-admin-bottom-nav-v680],
body.admin-bottom-soft-loading-v684 .admin-bottom-nav-v680,
body.admin-bottom-soft-loading-v684 [data-admin-bottom-nav-v680],
body.admin-soft-loading-v630 .admin-bottom-nav-v680,
body.admin-soft-loading-v630 [data-admin-bottom-nav-v680],
body.admin-soft-nav-loading-v671 .admin-bottom-nav-v680,
body.admin-soft-nav-loading-v671 [data-admin-bottom-nav-v680] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateZ(0) !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
  pointer-events: auto !important;
}

/* پایان Phase 11.8 */

/* =========================================================
   Phase 11.9 - Fix bottom nav position after no-blink patch
   Marker: phase119-bottom-nav-position-fix

   علت:
   - در Phase 11.8 برای جلوگیری از blink، transform: translateZ(0) روی منو گذاشته شد.
   - اگر منوی پایین با left:50% و translateX(-50%) وسط‌چین شده باشد،
     translateZ(0) باعث از بین رفتن translateX و خروج منو از کادر می‌شود.

   تصمیم:
   - منوی پایین visible بماند.
   - اما transform وسط‌چین آن حفظ شود.
   - فقط CSS اصلاح می‌شود؛ JS و navigation دست‌نخورده‌اند.
   ========================================================= */

.admin-bottom-nav-v680,
[data-admin-bottom-nav-v680] {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) translateZ(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: calc(100vw - 16px) !important;
  width: min(560px, calc(100vw - 16px)) !important;
  box-sizing: border-box !important;
}

body.admin-app-navigating-v1 .admin-bottom-nav-v680,
body.admin-app-navigating-v1 [data-admin-bottom-nav-v680],
body.admin-bottom-soft-loading-v684 .admin-bottom-nav-v680,
body.admin-bottom-soft-loading-v684 [data-admin-bottom-nav-v680],
body.admin-soft-loading-v630 .admin-bottom-nav-v680,
body.admin-soft-loading-v630 [data-admin-bottom-nav-v680],
body.admin-soft-nav-loading-v671 .admin-bottom-nav-v680,
body.admin-soft-nav-loading-v671 [data-admin-bottom-nav-v680] {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) translateZ(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: calc(100vw - 16px) !important;
  width: min(560px, calc(100vw - 16px)) !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
  pointer-events: auto !important;
}

/* موبایل‌های خیلی باریک */
@media (max-width: 420px) {
  .admin-bottom-nav-v680,
  [data-admin-bottom-nav-v680] {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
  }
}

/* پایان Phase 11.9 */

.neo-help-card.neo-help-card-compact {
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:9px 11px;
  font-size:13px;
  line-height:1.7;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  color:#475569;
}

.neo-help-card.neo-help-card-compact .neo-help-icon {
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  font-size:14px;
}

.admin-owner-settings-page .admin-channel-edit-form-v6938 textarea {
  width:100%;
  box-sizing:border-box;
}

.admin-owner-settings-form {
  margin-top:16px;
}

/* Phase 4.3-L - Focus customer wizard on the active step */
.neo-focused-shell.neo-wizard-focus-mode .neo-start-hero,
.neo-focused-shell.neo-wizard-focus-mode .neo-order-panel > .neo-section-head,
.neo-focused-shell.neo-wizard-focus-mode .neo-order-panel > .neo-help-card,
.neo-focused-shell.neo-wizard-focus-mode .neo-dashboard-panel {
  display:none !important;
}

.neo-focused-shell.neo-wizard-focus-mode .neo-order-panel {
  padding-top:0 !important;
  margin-top:0 !important;
}

.neo-focused-shell.neo-wizard-focus-mode .neo-form-stage {
  margin-top:0 !important;
}

.neo-order-form.neo-wizard-focus-mode .neo-wizard-topbar {
  margin-top:0;
}

.neo-order-form.neo-wizard-focus-mode.neo-step-contact .neo-channel-picker,
.neo-order-form.neo-wizard-focus-mode.neo-step-item .neo-user-card,
.neo-order-form.neo-wizard-focus-mode.neo-step-item .neo-channel-picker,
.neo-order-form.neo-wizard-focus-mode.neo-step-image-settings .neo-user-card,
.neo-order-form.neo-wizard-focus-mode.neo-step-image-settings .neo-channel-picker,
.neo-order-form.neo-wizard-focus-mode.neo-step-final-review .neo-user-card,
.neo-order-form.neo-wizard-focus-mode.neo-step-final-review .neo-channel-picker {
  display:none !important;
}


/* Local test: show selected channel body on item step */
.neo-order-form.neo-wizard-focus-mode.neo-step-item .neo-channel-picker {
  display:block !important;
}

.neo-order-form.neo-wizard-focus-mode.neo-step-item .neo-channel-picker .neo-channel-card:not(.is-wizard-visible),
.neo-order-form.neo-wizard-focus-mode.neo-step-item .neo-channel-picker .channel-option:not(.is-wizard-visible) {
  display:none !important;
}

.neo-order-form.neo-wizard-focus-mode.neo-step-item .neo-channel-picker .neo-channel-card.is-wizard-visible,
.neo-order-form.neo-wizard-focus-mode.neo-step-item .neo-channel-picker .channel-option.is-wizard-visible {
  display:block !important;
}


/* Phase 4.4 - Local contact validation UI */
.neo-contact-validation-error {
  border:1px solid #fecaca;
  background:#fff1f2;
  color:#991b1b;
  border-radius:16px;
  padding:10px 12px;
  margin:0 0 12px;
  font-size:13px;
  line-height:1.8;
}

.neo-eitaa-fixed-prefix {
  display:flex;
  align-items:center;
  gap:8px;
  direction:ltr;
  width:100%;
}

.neo-eitaa-fixed-prefix .neo-eitaa-at {
  flex:0 0 auto;
  min-width:42px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  background:#eef2ff;
  color:#1d4ed8;
  border:1px solid #c7d2fe;
}

.neo-eitaa-fixed-prefix input {
  flex:1 1 auto;
  min-width:0;
}

.neo-contact-toggle-row .toggle--btn {
  background:#e5e7eb !important;
}

.neo-contact-toggle-row.is-on .toggle--btn {
  background:#2563eb !important;
}

.neo-contact-toggle-row.is-on .neo-contact-toggle-copy small {
  color:#1d4ed8;
  font-weight:700;
}


/* Phase 4.5 - Ad title field and publish title preview */
.neo-ad-title-field {
  display:block;
  margin:0 0 14px;
}

.neo-ad-title-field > span {
  display:block;
  font-weight:900;
  margin-bottom:6px;
}

.neo-ad-title-input {
  font-weight:800;
}

.neo-ad-title-preview {
  border:1px solid #dbeafe;
  background:#eff6ff;
  color:#1e3a8a;
  border-radius:14px;
  padding:10px 12px;
  line-height:1.8;
}

.neo-final-ad-title {
  color:#1d4ed8;
  font-weight:800;
}


/* Phase 4.6 - Simplified final flow */
.neo-final-simple-card-v46 {
  display:grid;
  gap:14px;
}

.neo-final-simple-head-v46 {
  border:1px solid #dbeafe;
  background:linear-gradient(135deg, #eff6ff, #ffffff);
  border-radius:18px;
  padding:16px;
}

.neo-final-simple-head-v46 h3 {
  margin:6px 0 6px;
  font-size:1.15rem;
  font-weight:950;
}

.neo-final-simple-head-v46 p {
  margin:0;
  color:#475569;
  line-height:1.9;
}

.neo-final-simple-grid-v46 {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.neo-final-simple-grid-v46 > div {
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:12px;
  background:#fff;
}

.neo-final-simple-grid-v46 span {
  display:block;
  color:#64748b;
  font-size:.82rem;
  margin-bottom:5px;
}

.neo-final-simple-grid-v46 b {
  font-weight:950;
}

.neo-final-simple-note-v46 {
  display:grid;
  gap:4px;
  border:1px solid #fed7aa;
  background:#fff7ed;
  color:#9a3412;
  border-radius:16px;
  padding:12px 14px;
  line-height:1.8;
}

.neo-final-simple-note-v46 b {
  font-weight:950;
}

.neo-final-simple-channels-v46 {
  display:grid;
  gap:8px;
}

.neo-final-simple-title-v46 {
  color:#475569;
  font-weight:900;
  font-size:.92rem;
}

.neo-final-simple-channel-v46 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:16px;
  padding:12px;
}

.neo-final-simple-channel-v46 div {
  display:grid;
  gap:3px;
}

.neo-final-simple-channel-v46 b {
  font-weight:950;
}

.neo-final-simple-channel-v46 span {
  color:#64748b;
  font-size:.86rem;
}

.neo-final-simple-channel-v46 strong {
  white-space:nowrap;
  color:#1d4ed8;
}

.neo-final-simple-empty-v46 {
  border:1px dashed #cbd5e1;
  color:#64748b;
  border-radius:16px;
  padding:14px;
  text-align:center;
}

@media (max-width: 640px) {
  .neo-final-simple-grid-v46 {
    grid-template-columns:1fr;
  }

  .neo-final-simple-channel-v46 {
    align-items:flex-start;
    flex-direction:column;
  }
}

.dark .neo-final-simple-head-v46,
.dark .neo-final-simple-grid-v46 > div,
.dark .neo-final-simple-channel-v46 {
  background:#0f172a;
  border-color:#334155;
}

.dark .neo-final-simple-head-v46 p,
.dark .neo-final-simple-grid-v46 span,
.dark .neo-final-simple-channel-v46 span,
.dark .neo-final-simple-title-v46 {
  color:#cbd5e1;
}

.dark .neo-final-simple-note-v46 {
  background:#431407;
  border-color:#9a3412;
  color:#fed7aa;
}


/* Phase 4.7 - Image upload guidance */
.neo-upload-hint-v47 {
  display:block;
  line-height:1.9;
}

.neo-upload-hint-v47 b {
  font-weight:950;
}

.neo-image-counter-v47 {
  display:grid;
  gap:4px;
  margin-top:10px;
  border:1px dashed #bfdbfe;
  background:#eff6ff;
  color:#1e3a8a;
  border-radius:14px;
  padding:10px 12px;
  font-size:.9rem;
  line-height:1.7;
}

.neo-image-counter-v47 span {
  display:block;
  color:#475569;
  font-size:.82rem;
}

.ad-image-add-btn.is-disabled,
.image-upload-box.is-image-limit-reached-v47 .ad-image-add-btn {
  opacity:.55;
  cursor:not-allowed;
}

.dark .neo-image-counter-v47 {
  background:#0f172a;
  border-color:#334155;
  color:#bfdbfe;
}

.dark .neo-image-counter-v47 span {
  color:#cbd5e1;
}


/* Phase 4.7b - Image upload visual polish */
.neo-upload-hint-v47 {
  display:block;
  margin-top:10px;
  padding:12px 14px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  color:#475569;
  border-radius:16px;
  line-height:1.9;
  font-size:.88rem;
  box-shadow:inset -3px 0 0 #2563eb;
}

.neo-upload-hint-v47 b {
  color:#0f172a;
  font-weight:950;
  margin-inline-end:4px;
}

.neo-image-counter-v47 {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  margin-top:10px;
  padding:9px 11px;
  border:1px solid #e2e8f0;
  background:#ffffff;
  color:#334155;
  border-radius:15px;
  font-size:.84rem;
  line-height:1.6;
  box-shadow:0 8px 22px rgba(15, 23, 42, .05);
}

.neo-image-counter-v47 b {
  all:unset;
}

.neo-image-counter-pill-v47 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#1d4ed8;
  color:#fff;
  font-weight:950;
  font-size:.82rem;
  direction:ltr;
  box-shadow:0 8px 16px rgba(37, 99, 235, .22);
  flex:0 0 auto;
}

.neo-image-counter-v47 span {
  display:block;
  min-width:0;
  color:#64748b;
  font-size:.82rem;
  line-height:1.7;
}

.image-upload-box .ad-image-add-btn {
  border-radius:14px;
  font-weight:950;
  padding-inline:15px;
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.image-upload-box .ad-image-add-btn:not(.is-disabled):hover {
  transform:translateY(-1px);
}

.image-upload-box.is-image-limit-reached-v47 .neo-image-counter-v47 {
  background:#f0fdf4;
  border-color:#bbf7d0;
}

.image-upload-box.is-image-limit-reached-v47 .neo-image-counter-pill-v47 {
  background:#16a34a;
  box-shadow:0 8px 16px rgba(22, 163, 74, .18);
}

@media (max-width: 640px) {
  .neo-upload-hint-v47 {
    font-size:.84rem;
    padding:11px 12px;
  }

  .neo-image-counter-v47 {
    align-items:flex-start;
  }

  .neo-image-counter-v47 span {
    font-size:.78rem;
  }
}

.dark .neo-upload-hint-v47 {
  background:#0f172a;
  border-color:#334155;
  color:#cbd5e1;
  box-shadow:inset -3px 0 0 #60a5fa;
}

.dark .neo-upload-hint-v47 b {
  color:#f8fafc;
}

.dark .neo-image-counter-v47 {
  background:#0f172a;
  border-color:#334155;
  color:#e2e8f0;
  box-shadow:none;
}

.dark .neo-image-counter-v47 span {
  color:#cbd5e1;
}

.dark .image-upload-box.is-image-limit-reached-v47 .neo-image-counter-v47 {
  background:#052e16;
  border-color:#166534;
}


/* Phase 4.9 - Payment flow hardening */
.neo-payment-shell-v49 {
  display:grid;
  gap:16px;
}

.neo-payment-hero-v49 {
  border:1px solid #dbeafe;
  background:linear-gradient(135deg, #eff6ff, #ffffff);
  border-radius:22px;
  padding:18px;
  box-shadow:0 14px 34px rgba(15, 23, 42, .06);
}

.neo-payment-hero-v49 h1 {
  margin:6px 0 8px;
  font-size:1.35rem;
  font-weight:950;
}

.neo-payment-hero-v49 p {
  margin:0;
  color:#475569;
  line-height:1.9;
}

.neo-payment-path-v49 {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}

.neo-payment-path-v49 > div {
  display:grid;
  gap:6px;
  justify-items:center;
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:16px;
  padding:10px 8px;
  color:#64748b;
  text-align:center;
  font-size:.82rem;
}

.neo-payment-path-v49 b {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#e2e8f0;
  color:#334155;
  font-weight:950;
}

.neo-payment-path-v49 .is-done b {
  background:#16a34a;
  color:#fff;
}

.neo-payment-path-v49 .is-current {
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
  font-weight:900;
}

.neo-payment-path-v49 .is-current b {
  background:#1d4ed8;
  color:#fff;
}

.neo-payment-form-v49 {
  display:grid;
  gap:13px;
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:22px;
  padding:16px;
  box-shadow:0 14px 34px rgba(15, 23, 42, .05);
}

.neo-payment-form-head-v49 h2 {
  margin:0 0 6px;
  font-size:1.1rem;
  font-weight:950;
}

.neo-payment-form-head-v49 p {
  margin:0;
  color:#64748b;
  line-height:1.8;
}

.neo-payment-form-v49 label {
  display:grid;
  gap:7px;
  font-weight:900;
}

.neo-payment-form-v49 label span {
  color:#334155;
}

.neo-payment-receipt-box-v49 small {
  color:#64748b;
  font-weight:500;
  line-height:1.7;
}

.neo-payment-receipt-state-v49 {
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  color:#64748b;
  border-radius:14px;
  padding:10px 12px;
  font-size:.86rem;
  font-weight:800;
  line-height:1.7;
}

.neo-payment-receipt-state-v49.is-ready {
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:#166534;
}

.neo-payment-submit-note-v49 {
  border:1px solid #fed7aa;
  background:#fff7ed;
  color:#9a3412;
  border-radius:16px;
  padding:12px 14px;
  line-height:1.8;
}

.neo-payment-submit-note-v49 b {
  font-weight:950;
}

.neo-payment-actions-v49 {
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.neo-payment-actions-v49 button {
  margin:0;
}

@media (max-width: 700px) {
  .neo-payment-path-v49 {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .neo-payment-actions-v49 {
    flex-direction:column;
    align-items:stretch;
  }

  .neo-payment-actions-v49 .button-link,
  .neo-payment-actions-v49 button {
    width:100%;
    text-align:center;
  }
}

.dark .neo-payment-hero-v49,
.dark .neo-payment-form-v49,
.dark .neo-payment-path-v49 > div {
  background:#0f172a;
  border-color:#334155;
  box-shadow:none;
}

.dark .neo-payment-hero-v49 p,
.dark .neo-payment-form-head-v49 p,
.dark .neo-payment-form-v49 label span,
.dark .neo-payment-receipt-box-v49 small {
  color:#cbd5e1;
}

.dark .neo-payment-path-v49 .is-current {
  background:#172554;
  border-color:#1d4ed8;
  color:#bfdbfe;
}

.dark .neo-payment-receipt-state-v49 {
  background:#020617;
  border-color:#334155;
  color:#cbd5e1;
}

.dark .neo-payment-receipt-state-v49.is-ready {
  background:#052e16;
  border-color:#166534;
  color:#bbf7d0;
}

.dark .neo-payment-submit-note-v49 {
  background:#431407;
  border-color:#9a3412;
  color:#fed7aa;
}


/* Phase 4.9b - Payment field-level errors */
.neo-payment-field-error-v49b {
  margin-top:2px;
  border:1px solid #fecaca;
  background:#fef2f2;
  color:#991b1b;
  border-radius:12px;
  padding:8px 10px;
  font-size:.82rem;
  font-weight:850;
  line-height:1.7;
}

.neo-payment-form-v49 input.neo-has-error {
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239, 68, 68, .12) !important;
}

.dark .neo-payment-field-error-v49b {
  background:#450a0a;
  border-color:#991b1b;
  color:#fecaca;
}


/* P2 - Platform Admin Shell */
.platform-shell-v2,
.platform-login-v2 {
  display:grid;
  gap:16px;
}

.platform-brand-v2 {
  border:1px solid #dbeafe;
  background:linear-gradient(135deg, #eff6ff, #ffffff);
  border-radius:22px;
  padding:18px;
  box-shadow:0 14px 34px rgba(15, 23, 42, .06);
}

.platform-brand-v2 h1 {
  margin:6px 0 8px;
  font-size:1.35rem;
  font-weight:950;
}

.platform-brand-v2 p {
  margin:0;
  color:#475569;
  line-height:1.9;
}

.platform-nav-v2 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:18px;
  padding:8px;
}

.platform-nav-v2 a {
  text-decoration:none;
  color:#334155;
  border-radius:12px;
  padding:9px 12px;
  font-weight:900;
}

.platform-nav-v2 a.is-active {
  background:#1d4ed8;
  color:#fff;
}

.platform-kpi-grid-v2,
.platform-detail-grid-v2 {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.platform-kpi-grid-v2 > div,
.platform-detail-grid-v2 > div {
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:18px;
  padding:14px;
}

.platform-kpi-grid-v2 span,
.platform-detail-grid-v2 span {
  display:block;
  color:#64748b;
  font-size:.84rem;
  margin-bottom:6px;
}

.platform-kpi-grid-v2 b,
.platform-detail-grid-v2 b {
  font-size:1.05rem;
  font-weight:950;
}

.platform-app-list-v2 {
  display:grid;
  gap:12px;
}

.platform-app-card-v2 {
  display:grid;
  gap:12px;
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:20px;
  padding:15px;
}

.platform-app-card-v2 h3 {
  margin:4px 0;
  font-weight:950;
}

.platform-app-card-v2 p {
  margin:0;
  color:#64748b;
}

.platform-app-meta-v2 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.platform-app-meta-v2 span {
  border:1px solid #e2e8f0;
  background:#f8fafc;
  color:#475569;
  border-radius:999px;
  padding:6px 10px;
  font-size:.84rem;
}

.platform-login-form-v2 {
  display:grid;
  gap:10px;
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:20px;
  padding:16px;
}

.platform-action-row-v2 {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

@media (max-width: 700px) {
  .platform-kpi-grid-v2,
  .platform-detail-grid-v2 {
    grid-template-columns:1fr;
  }

  .platform-nav-v2,
  .platform-action-row-v2 {
    flex-direction:column;
  }
}

.dark .platform-brand-v2,
.dark .platform-nav-v2,
.dark .platform-kpi-grid-v2 > div,
.dark .platform-detail-grid-v2 > div,
.dark .platform-app-card-v2,
.dark .platform-login-form-v2 {
  background:#0f172a;
  border-color:#334155;
  box-shadow:none;
}

.dark .platform-brand-v2 p,
.dark .platform-kpi-grid-v2 span,
.dark .platform-detail-grid-v2 span,
.dark .platform-app-card-v2 p {
  color:#cbd5e1;
}

.dark .platform-nav-v2 a {
  color:#e2e8f0;
}

.dark .platform-app-meta-v2 span {
  background:#020617;
  border-color:#334155;
  color:#cbd5e1;
}


/* P3 - Platform Pre-config Summary */
.platform-preconfig-table-v3 {
  overflow:auto;
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:18px;
  margin:12px 0;
}

.platform-preconfig-table-v3 table {
  width:100%;
  border-collapse:collapse;
  min-width:560px;
}

.platform-preconfig-table-v3 th,
.platform-preconfig-table-v3 td {
  padding:10px 12px;
  border-bottom:1px solid #e2e8f0;
  text-align:right;
  white-space:nowrap;
}

.platform-preconfig-table-v3 th {
  color:#475569;
  background:#f8fafc;
  font-size:.86rem;
}

.platform-preconfig-table-v3 tr:last-child td {
  border-bottom:0;
}

.dark .platform-preconfig-table-v3 {
  background:#0f172a;
  border-color:#334155;
}

.dark .platform-preconfig-table-v3 th,
.dark .platform-preconfig-table-v3 td {
  border-color:#334155;
}

.dark .platform-preconfig-table-v3 th {
  background:#020617;
  color:#cbd5e1;
}


/* P6.1.4 - Admin App Context Badge */
.admin-app-context-badge-v614 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  margin:0 0 16px;
  border:1px solid #dbeafe;
  border-radius:16px;
  background:linear-gradient(135deg, #eff6ff, #f8fafc);
  color:#0f172a;
}

.admin-app-context-main-v614 {
  display:flex;
  flex-direction:column;
  gap:3px;
}

.admin-app-context-kicker-v614 {
  font-size:12px;
  color:#2563eb;
  font-weight:800;
}

.admin-app-context-main-v614 b {
  font-size:16px;
}

.admin-app-context-meta-v614 {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-end;
}

.admin-app-context-meta-v614 span {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 9px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  color:#475569;
  font-size:12px;
  font-weight:800;
}

@media (max-width: 640px) {
  .admin-app-context-badge-v614 {
    align-items:flex-start;
    flex-direction:column;
  }

  .admin-app-context-meta-v614 {
    justify-content:flex-start;
  }
}

body.dark-mode .admin-app-context-badge-v614,
body.theme-dark .admin-app-context-badge-v614 {
  background:linear-gradient(135deg, #0f172a, #111827);
  border-color:#334155;
  color:#e5e7eb;
}

body.dark-mode .admin-app-context-kicker-v614,
body.theme-dark .admin-app-context-kicker-v614 {
  color:#93c5fd;
}

body.dark-mode .admin-app-context-meta-v614 span,
body.theme-dark .admin-app-context-meta-v614 span {
  background:#111827;
  border-color:#374151;
  color:#cbd5e1;
}