/* ══════════════════════════════════════════════════
   الإعدادات — الورديات · قواعد الخصم · الإعدادات العامة · النسخ · سجل التدقيق (js/pages/settings.js)
   ══════════════════════════════════════════════════ */

/* قواعد الخصم: عمودين على الشاشة الكبيرة (الماكيت Settings.dc.html) */
.stg-cols { display: flex; flex-wrap: wrap; gap: var(--sp-4); align-items: flex-start; margin-bottom: var(--sp-4); }
.stg-cols > .card { margin: 0; min-width: 0; }
.stg-main { flex: 999 1 520px; display: flex; flex-direction: column; gap: var(--sp-3); }
.stg-side { flex: 1 1 300px; }
.stg-side .form-group { display: flex; flex-direction: column; gap: 6px; }
.stg-side .form-group.check-row { flex-direction: row; }
.stg-side .check-row { margin-bottom: var(--sp-2); }
.stg-add { align-self: flex-start; }
.stg-tiers td, .stg-tiers th { vertical-align: middle; }
.stg-tiers .stg-upto { width: 96px; }
.stg-kind { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; }
.stg-kind .stg-k { width: auto; min-width: 150px; }
.stg-kind .stg-v { width: 90px; }
.stg-unit { color: var(--color-muted); font-size: var(--fs-sm); }
.stg-from { color: var(--color-muted); }

.stg-savebar { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: flex-end; justify-content: space-between; }
.stg-reason { flex: 1 1 360px; margin: 0; }
.stg-save-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); }

/* الإعدادات العامة */
.stg-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0 var(--sp-4); }
.stg-fields .form-group { display: flex; flex-direction: column; gap: 6px; }
.stg-sec-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); justify-content: flex-end; border-top: 1px solid var(--color-border); padding-top: var(--sp-3); }

/* قبل ← بعد */
.stg-diff { list-style: none; margin: var(--sp-2) 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-sm); }
.stg-diff li { display: flex; flex-wrap: wrap; gap: 4px var(--sp-2); }
.stg-diff-k { color: var(--color-muted); }
.stg-diff-v { font-weight: var(--fw-medium); font-variant-numeric: tabular-nums; }
.stg-reason-q { display: block; font-size: var(--fs-sm); color: var(--color-ink); margin-top: 2px; }
.stg-audit-row .row-main { min-width: 0; }

/* سجل التدقيق */
.stg-audit-filters { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: flex-end; justify-content: space-between; }
.stg-audit-filters .inline-form { flex: 1 1 320px; margin: 0; }
.stg-details { margin-top: var(--sp-2); font-size: var(--fs-sm); }
.stg-details summary { cursor: pointer; color: var(--color-accent); font-weight: var(--fw-medium); min-height: 32px; display: inline-flex; align-items: center; }
.stg-rec { display: flex; flex-wrap: wrap; gap: 4px var(--sp-3); margin: var(--sp-2) 0; }
.stg-rec strong { flex-basis: 100%; }
.stg-vals td, .stg-vals th { white-space: nowrap; }
.stg-changed { background: var(--warn-bg); }
.stg-changed s { color: var(--color-muted); }

.stg-kpis { margin-bottom: var(--sp-4); }

@media (max-width: 767px) {
  .stg-tiers .stg-upto { width: 72px; }
  .stg-kind .stg-k { min-width: 0; flex: 1 1 130px; }
  .stg-save-actions { width: 100%; }
  .stg-save-actions .btn { flex: 1 1 auto; }
  .stg-sec-actions .btn { flex: 1 1 auto; }
}

/* ══ الرسائل (js/pages/messages.js) ══ */
.msg-grid { max-width: 960px; }
.msg-quick { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: 6px; }
.msg-result { margin-top: var(--sp-3); font-size: var(--fs-sm); text-align: center; min-height: 1.4em; }
.msg-log { max-height: 440px; overflow-y: auto; }
.msg-item .row-title { white-space: pre-wrap; overflow-wrap: anywhere; }
.msg-item.is-read .row-title { font-weight: var(--fw-medium); color: var(--color-muted); }

/* ══ تعارض الحفظ (412) · تبويبات النسخ · مقارنة نسخ الخادم ══ */
.stg-conflict { flex-direction: column; align-items: stretch; }
.stg-conflict .tbox { background: var(--color-surface); border-radius: 10px; }
.stg-cmp th[scope=row] { font-weight: var(--fw-medium); text-align: start; }
.stg-tabs { margin-bottom: var(--sp-4); }
.stg-snap-diff { margin-top: var(--sp-2); }
.stg-sa-section { width: auto; min-width: 150px; }