/* پله ۷ — مقصدها. همه‌ی اندازه‌ها و رنگ‌ها این بالا. */
:root {
  --ds-card-min: 230px;
  --ds-flag: 40px;
  --ds-live: var(--p-600, #0f7a4f);   --ds-live-bg: var(--p-100, #e6f6ee);
  --ds-prep: #8a5a00;   --ds-prep-bg: #fff4d6;
  --ds-plan: #4b5d6b;   --ds-plan-bg: #eef2f5;
  --ds-pill-pad: 2px 10px;
  --ds-table-font: 14px;
}
.ds-card { position: relative; }
.ds-card .ic { font-size: var(--ds-flag); line-height: 1; }
.ds-status { display: inline-block; font-size: 12px; font-weight: 800; padding: var(--ds-pill-pad); border-radius: 999px; }
.ds-status.live { color: var(--ds-live); background: var(--ds-live-bg); }
.ds-status.preparing { color: var(--ds-prep); background: var(--ds-prep-bg); }
.ds-status.planned { color: var(--ds-plan); background: var(--ds-plan-bg); }
.ds-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--ds-card-min), 1fr)); gap: 14px; }
.ds-order { position: absolute; top: 12px; left: 14px; font-size: 12px; color: var(--tl-muted); font-weight: 800; }
.ds-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ds-form select, .ds-form input[type=email], .ds-form input[type=text] { width: auto; flex: 1 1 180px; padding: 9px 12px; border: 1.5px solid var(--tl-line); border-radius: 12px; font: inherit; min-width: 0; }
.ds-form button { padding: 9px 18px; border: 0; border-radius: 12px; background: var(--tl-green); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.ds-hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }  /* بدون جابه‌جایی: در RTL جابه‌جایی منفی اسکرول افقی می‌سازه */
.ds-sources a { display: block; padding: 4px 0; word-break: break-word; }
.ds-table { width: 100%; border-collapse: collapse; font-size: var(--ds-table-font); }
.ds-table th, .ds-table td { padding: 8px; border-bottom: 1px solid var(--tl-line); text-align: right; vertical-align: top; }
.ds-wrap { overflow-x: auto; }
.ds-verified { font-size: 12px; color: var(--tl-muted); }
.ds-levels { display: flex; flex-wrap: wrap; gap: 8px; }
.ds-level { display: inline-flex; gap: 6px; align-items: center; padding: 8px 14px; border-radius: 999px; border: 1.5px solid var(--tl-line); background: #fff; color: inherit; text-decoration: none; font-weight: 700; }
.ds-level.on { border-color: var(--tl-green); color: var(--tl-green); }
.ds-level.soon { opacity: .6; }