/* Expiry Platform («منصة الصلاحية», pharmacy only): proposed batches, my offers, search, deals, settings. Tokens from admin.css only, logical properties (RTL), light + dark through the tokens. */

.xp-note { margin-block: 0 12px; }
.xp-bad { color: var(--danger-ink); }
.xp-num { max-inline-size: 160px; }
.xp-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-block-end: 12px; }
.xp-seg { flex-wrap: wrap; }
.xp-sum { display: grid; gap: 4px; margin-block-end: 12px; }
.xp-status { min-block-size: 20px; margin-block: 8px; }

/* rows of the lists: the verbs of a row sit together at the end, big enough for a thumb */
.xp-actions { white-space: nowrap; }
.xp-row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.xp-row-btn { min-block-size: 36px; }
.xp-never { color: var(--muted); }
.xp-never:hover { color: var(--danger-ink); }
tr.xp-nopoint td { background: var(--warn-soft, var(--panel-2)); }
tr.xp-attn td:first-child { box-shadow: inset 3px 0 0 var(--warn, var(--accent)); }
[dir="rtl"] tr.xp-attn td:first-child { box-shadow: inset -3px 0 0 var(--warn, var(--accent)); }

/* search */
.xp-search { display: grid; gap: 8px; }
.xp-search-bar { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(220px, 2fr); gap: 12px; align-items: end; }
.xp-search-where { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
.xp-search-sort { grid-template-columns: repeat(2, minmax(160px, 1fr)); }
.xp-search-bar .field, .xp-place-fields .field { margin: 0; }
.xp-place { display: block; }
.xp-place .input { inline-size: 100%; }
.xp-where { white-space: normal; }

/* the page of a deal */
.xp-card { display: grid; gap: 12px; margin-block-end: 12px; }
.xp-kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px 20px; }
.xp-kv > div { display: grid; gap: 2px; align-content: start; min-inline-size: 0; overflow-wrap: anywhere; }
.xp-kv > div > [dir="ltr"] { justify-self: start; }
.xp-order { display: grid; gap: 8px; }
.xp-moves { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.xp-move { position: relative; display: grid; gap: 2px; padding-block: 8px; padding-inline-start: 22px; border-inline-start: 2px solid var(--line, var(--panel-2)); }
.xp-move::before { content: ""; position: absolute; inset-inline-start: -6px; inset-block-start: 14px; inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--muted); }
.xp-move.by-me::before { background: var(--accent); }
.xp-move.by-system::before { background: var(--warn, var(--muted)); }
.xp-move-text { font-weight: 600; }
.xp-move-note { overflow-wrap: anywhere; }

/* settings */
.xp-inline { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.xp-inline .field { margin: 0; }
.xp-branches { display: grid; gap: 12px; }
.xp-branch { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--line, var(--panel-2)); border-radius: var(--r, 10px); }
.xp-branch-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 6px 16px; }
.xp-point { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.xp-place-fields { display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); gap: 12px; }
.xp-branch-set { display: flex; flex-wrap: wrap; gap: 8px; }
.xp-branch-set .input { flex: 1 1 260px; min-inline-size: 0; }
.xp-excluded { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.xp-excluded li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; }

@media (max-width: 720px) {
  .xp-search-bar, .xp-search-where, .xp-search-sort, .xp-place-fields { grid-template-columns: 1fr; }
  .xp-row-btn, .xp-never { min-block-size: 44px; }
  .xp-never { min-inline-size: 44px; }
  .xp-actions { white-space: normal; }
}