:root {
  --bg: #f5f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --text: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --primary: #0f766e;
  --primary-dark: #115e59;
  --primary-soft: #ccfbf1;
  --danger: #b91c1c;
  --danger-soft: #fee2e2;
  --warning: #b45309;
  --warning-soft: #fef3c7;
  --success: #15803d;
  --success-soft: #dcfce7;
  --info: #1d4ed8;
  --info-soft: #dbeafe;
  --shadow: 0 10px 30px rgba(15, 23, 42, .08);
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Tahoma, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.app-shell { min-height: 100vh; }
.topbar {
  position: fixed;
  inset: 0 0 auto 0;
  height: 72px;
  background: #0f172a;
  color: white;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  z-index: 50;
  box-shadow: 0 5px 20px rgba(15, 23, 42, .22);
}
.brand { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.brand-logo {
  width: 42px; height: 42px; border-radius: 13px;
  background: linear-gradient(135deg, #14b8a6, #0f766e);
  display: grid; place-items: center; font-weight: 800; overflow: hidden;
}
.brand-logo img { width: 100%; height: 100%; object-fit: cover; }
.brand h1 { margin: 0; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand small { color: #cbd5e1; }
.icon-btn {
  border: 0; background: rgba(255,255,255,.1); color: white;
  width: 42px; height: 42px; border-radius: 12px; font-size: 21px;
}

.sidebar {
  position: fixed;
  top: 72px; right: 0; bottom: 0;
  width: 250px;
  background: var(--surface);
  border-left: 1px solid var(--line);
  padding: 18px 12px;
  z-index: 45;
  display: flex; flex-direction: column;
  transition: transform .25s ease;
}
.sidebar nav { display: grid; gap: 7px; }
.nav-item {
  border: 0; background: transparent; color: #334155;
  display: flex; gap: 12px; align-items: center;
  padding: 13px 14px; border-radius: 13px; text-align: right;
}
.nav-item span { width: 25px; text-align: center; font-size: 19px; }
.nav-item:hover { background: var(--surface-soft); }
.nav-item.active { background: var(--primary-soft); color: var(--primary-dark); font-weight: 700; }
.sidebar-footer { margin-top: auto; padding: 12px; color: var(--muted); border-top: 1px solid var(--line); }

.main-content { margin-right: 250px; padding: 96px 24px 40px; min-height: 100vh; }
.page-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.page-head h2 { margin: 0 0 5px; font-size: 24px; }
.page-head p { margin: 0; color: var(--muted); }
.actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

button.primary, button.secondary, button.danger, button.ghost {
  border: 0; border-radius: 12px; padding: 11px 16px; font-weight: 700;
}
button.primary { background: var(--primary); color: white; }
button.primary:hover { background: var(--primary-dark); }
button.secondary { background: #e2e8f0; color: #1e293b; }
button.ghost { background: transparent; color: var(--primary); border: 1px solid var(--line); }
button.danger { background: var(--danger-soft); color: var(--danger); }
button.compact { padding: 9px 12px; white-space: nowrap; }
button:disabled { opacity: .5; cursor: not-allowed; }

.grid { display: grid; gap: 16px; }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.card {
  background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 18px; box-shadow: var(--shadow);
}
.metric-card { position: relative; overflow: hidden; }
.metric-card::after {
  content: ""; position: absolute; width: 95px; height: 95px; border-radius: 50%;
  background: var(--primary-soft); left: -35px; top: -35px; opacity: .65;
}
.metric-label { color: var(--muted); font-size: 14px; }
.metric-value { margin-top: 9px; font-size: 26px; font-weight: 800; }
.metric-note { margin-top: 7px; color: var(--muted); font-size: 12px; }
.section-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.section-title h3 { margin: 0; font-size: 18px; }

.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; }
table { width: 100%; border-collapse: collapse; min-width: 720px; background: white; }
th, td { padding: 13px 12px; text-align: right; border-bottom: 1px solid var(--line); vertical-align: middle; }
th { background: #f8fafc; color: #475569; font-size: 13px; }
tr:last-child td { border-bottom: 0; }
.empty { padding: 38px 18px; text-align: center; color: var(--muted); }

.badge { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; padding: 5px 10px; font-size: 12px; font-weight: 700; }
.badge.success { background: var(--success-soft); color: var(--success); }
.badge.warning { background: var(--warning-soft); color: var(--warning); }
.badge.danger { background: var(--danger-soft); color: var(--danger); }
.badge.info { background: var(--info-soft); color: var(--info); }
.badge.muted { background: #e2e8f0; color: #475569; }

.session-card { display: flex; flex-direction: column; gap: 14px; }
.session-card .session-meta { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.session-card h3 { margin: 0 0 6px; }
.session-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.session-stats div { padding: 10px; background: var(--surface-soft); border-radius: 12px; }
.session-stats small { display: block; color: var(--muted); margin-bottom: 4px; }
.session-actions { display: flex; gap: 8px; margin-top: auto; }

.wallet-card { display: flex; flex-direction: column; gap: 12px; }
.wallet-icon { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--primary-soft); font-size: 22px; }
.wallet-balance { font-size: 28px; font-weight: 800; }
.wallet-summary { display: flex; gap: 8px; }
.wallet-summary > div { flex: 1; padding: 9px; border-radius: 11px; background: var(--surface-soft); }
.wallet-summary small { color: var(--muted); display: block; }

.customer-card { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.customer-main { min-width: 0; }
.customer-main h3 { margin: 0 0 4px; }
.customer-main p { margin: 0; color: var(--muted); }
.balance-box { text-align: left; }
.balance-box strong { display: block; font-size: 18px; }
.text-success { color: var(--success); }
.text-danger { color: var(--danger); }
.text-muted { color: var(--muted); }

.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.field { display: grid; gap: 7px; }
.field.full { grid-column: 1 / -1; }
.field label { font-size: 13px; font-weight: 700; color: #334155; }
.field input, .field select, .field textarea {
  width: 100%; border: 1px solid #cbd5e1; background: white; color: var(--text);
  border-radius: 12px; padding: 12px 13px; outline: none;
}
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(15,118,110,.12); }
.field textarea { min-height: 85px; resize: vertical; }
.help { color: var(--muted); font-size: 12px; }
.preview-box { background: var(--surface-soft); border: 1px dashed #cbd5e1; border-radius: 14px; padding: 14px; }
.calc-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.calc-grid div { background: white; border: 1px solid var(--line); padding: 10px; border-radius: 11px; }
.calc-grid small { display: block; color: var(--muted); margin-bottom: 4px; }

.modal-backdrop {
  position: fixed; inset: 0; z-index: 100; background: rgba(15,23,42,.58);
  display: grid; place-items: center; padding: 18px;
}
.modal {
  width: min(760px, 100%); max-height: calc(100vh - 36px); overflow: auto;
  background: white; border-radius: 20px; box-shadow: 0 25px 70px rgba(15,23,42,.3);
}
.modal.small { width: min(500px, 100%); }
.modal-head { display: flex; justify-content: space-between; align-items: center; padding: 18px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: white; z-index: 2; }
.modal-head h3 { margin: 0; }
.modal-body { padding: 18px; }
.modal-foot { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 18px; border-top: 1px solid var(--line); position: sticky; bottom: 0; background: white; }
.close-btn { border: 0; background: #f1f5f9; width: 36px; height: 36px; border-radius: 10px; font-size: 20px; }

.toast-root { position: fixed; left: 18px; bottom: 18px; z-index: 200; display: grid; gap: 9px; }
.toast { min-width: 260px; max-width: 360px; background: #0f172a; color: white; padding: 13px 15px; border-radius: 12px; box-shadow: var(--shadow); animation: slideIn .2s ease; }
.toast.error { background: #991b1b; }
@keyframes slideIn { from { opacity: 0; transform: translateY(8px); } }

.overlay { display: none; }
.mobile-only { display: none; }
.hidden { display: none !important; }
.divider { height: 1px; background: var(--line); margin: 16px 0; }
.list { display: grid; gap: 10px; }
.list-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; }
.list-row p, .list-row h4 { margin: 0; }
.list-row small { color: var(--muted); }

@media (max-width: 1050px) {
  .grid-4 { grid-template-columns: repeat(2,1fr); }
  .grid-3 { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 780px) {
  .topbar { padding: 0 12px; }
  .brand small { display: none; }
  .sidebar { transform: translateX(105%); width: min(82vw, 290px); }
  .sidebar.open { transform: translateX(0); }
  .overlay { position: fixed; inset: 72px 0 0 0; background: rgba(15,23,42,.4); z-index: 40; }
  .overlay.show { display: block; }
  .main-content { margin-right: 0; padding: 92px 14px 30px; }
  .page-head { align-items: flex-start; }
  .page-head h2 { font-size: 21px; }
  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .calc-grid { grid-template-columns: 1fr; }
  .session-stats { grid-template-columns: 1fr 1fr; }
  .customer-card { align-items: flex-start; }
  .mobile-only { display: initial; }
}

@media (max-width: 480px) {
  .brand-logo { display: none; }
  .topbar .primary { font-size: 13px; padding: 9px 10px; }
  .metric-value { font-size: 22px; }
  .card { padding: 15px; }
  .page-head { flex-direction: column; }
  .page-head .actions { width: 100%; }
  .page-head .actions button { flex: 1; }
  .session-actions { flex-wrap: wrap; }
  .session-actions button { flex: 1; }
  .modal-backdrop { padding: 8px; }
  .modal { max-height: calc(100vh - 16px); border-radius: 16px; }
}

/* إضافات النسخة المبسطة V2 */
.session-card-wide { grid-column: span 1; }
.session-stats-expanded { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.session-stats-expanded div:last-child { grid-column: span 2; }
.session-detail-metrics { margin-bottom: 2px; }
.sales-table { min-width: 1180px; }
.sale-actions { max-width: 240px; }
button.danger.outline { background: transparent; border: 1px solid #fecaca; }
.inactive-row { opacity: .72; background: #f8fafc; }
.align-left { text-align: left; }
.customer-badges { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 9px; }
.customer-actions { margin-top: 9px; justify-content: flex-end; }
.customer-picker { position: relative; }
.customer-suggestions {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: 0;
  z-index: 12;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 16px 38px rgba(15,23,42,.15);
  overflow: hidden;
  max-height: 245px;
  overflow-y: auto;
}
.customer-suggestions.show { display: block; }
.customer-suggestions button {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: #fff;
  padding: 11px 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  text-align: right;
}
.customer-suggestions button:last-child { border-bottom: 0; }
.customer-suggestions button:hover { background: var(--surface-soft); }
.customer-suggestions small { color: var(--muted); direction: ltr; }
.suggestion-empty { padding: 12px; color: var(--muted); font-size: 12px; }
.toggle-field {
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 12px;
}
.toggle-field > label { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.toggle-field input[type="checkbox"] { width: auto; }
.field-group { grid-column: 1 / -1; }
.inner-grid { background: #f8fafc; border: 1px dashed #cbd5e1; padding: 13px; border-radius: 14px; }
.calc-grid-6 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.delivery-settings { display: grid; gap: 10px; padding: 13px; background: var(--surface-soft); border-radius: 14px; }
.delivery-settings h4 { margin: 0 0 2px; }
.delivery-setting-row { display: grid; grid-template-columns: 1fr 150px; align-items: center; gap: 10px; }
.delivery-setting-row label { display: flex; align-items: center; gap: 8px; }
.delivery-setting-row input[type="checkbox"] { width: auto; }
.delivery-setting-row input[type="number"] { padding: 10px 11px; }
.file-button { display: block; text-align: center; border-radius: 12px; padding: 11px 16px; font-weight: 700; cursor: pointer; }
.selection-row { width: 100%; background: #fff; color: var(--text); cursor: pointer; }

@media (max-width: 1050px) {
  .session-stats-expanded { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .session-stats-expanded div:last-child { grid-column: auto; }
}

@media (max-width: 780px) {
  .session-stats-expanded { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .calc-grid-6 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .delivery-setting-row { grid-template-columns: 1fr 110px; }
  .balance-box { width: 100%; text-align: right; }
  .customer-card { flex-direction: column; }
  .customer-actions { justify-content: flex-start; }
}

@media (max-width: 480px) {
  .calc-grid-6 { grid-template-columns: 1fr; }
  .delivery-setting-row { grid-template-columns: 1fr; }
  .sale-actions { max-width: none; }
}

/* إضافات النسخة المبسطة V3: الدفع والتقارير */
.calc-grid-8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gateway-payment-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
  border: 1px solid #bfdbfe;
  border-radius: 13px;
  background: #eff6ff;
  margin-bottom: 7px;
}
.gateway-payment-preview > div { background: #fff; border-radius: 10px; padding: 10px; }
.gateway-payment-preview small { display: block; color: var(--muted); margin-bottom: 4px; }
.gateway-payment-preview strong { font-size: 15px; }

.report-controls { margin-bottom: 16px; }
.report-filter-grid { grid-template-columns: 1fr 1.4fr auto; align-items: end; }
.report-buttons .actions { flex-wrap: nowrap; }
.report-output { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.print-report { padding: 24px; background: #fff; color: #0f172a; }
.report-header {
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: 16px;
  align-items: center;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 2px solid #0f766e;
}
.report-header img, .report-logo-fallback {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  object-fit: cover;
  border: 1px solid var(--line);
}
.report-logo-fallback { display: grid; place-items: center; background: var(--primary-soft); color: var(--primary-dark); font-size: 27px; font-weight: 800; }
.report-header h1 { margin: 0 0 3px; font-size: 20px; }
.report-header h2 { margin: 0; font-size: 25px; }
.report-header p { margin: 5px 0 0; color: var(--muted); }
.report-date { text-align: left; color: var(--muted); font-size: 12px; }
.report-date strong { color: var(--text); }
.report-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-bottom: 20px; }
.report-metrics > div { border: 1px solid var(--line); border-radius: 12px; padding: 11px; background: #f8fafc; }
.report-metrics small, .report-metrics span { display: block; color: var(--muted); }
.report-metrics strong { display: block; font-size: 18px; margin: 5px 0 3px; }
.report-metrics span { font-size: 11px; }
.report-section-title { font-size: 18px; margin: 22px 0 10px; padding-right: 10px; border-right: 4px solid var(--primary); }
.report-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.report-table { min-width: 900px; font-size: 12px; }
.report-table th, .report-table td { padding: 9px 8px; vertical-align: top; }
.report-table small { color: var(--muted); }
.report-inactive-row { background: #f8fafc; color: #64748b; }
.report-empty { padding: 35px 16px; text-align: center; color: var(--muted); border: 1px dashed #cbd5e1; border-radius: 12px; }

@media (max-width: 1050px) {
  .calc-grid-8 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-filter-grid { grid-template-columns: 1fr 1fr; }
  .report-buttons { grid-column: 1 / -1; }
}

@media (max-width: 780px) {
  .report-filter-grid { grid-template-columns: 1fr; }
  .report-buttons { grid-column: auto; }
  .report-buttons .actions button { flex: 1; }
  .report-header { grid-template-columns: 54px 1fr; }
  .report-header img, .report-logo-fallback { width: 50px; height: 50px; }
  .report-date { grid-column: 1 / -1; text-align: right; }
  .print-report { padding: 15px; }
  .gateway-payment-preview { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .calc-grid-8, .report-metrics { grid-template-columns: 1fr; }
  .report-header h2 { font-size: 20px; }
}

@media print {
  @page { size: A4 landscape; margin: 9mm; }
  body.printing-report { background: #fff !important; }
  body.printing-report .topbar,
  body.printing-report .sidebar,
  body.printing-report .overlay,
  body.printing-report .page-head,
  body.printing-report .report-controls,
  body.printing-report .toast-root,
  body.printing-report #modalRoot { display: none !important; }
  body.printing-report .main-content { margin: 0 !important; padding: 0 !important; }
  body.printing-report .report-output { border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
  body.printing-report .print-report { padding: 0; }
  body.printing-report .report-header { break-inside: avoid; }
  body.printing-report .report-metrics { grid-template-columns: repeat(4, 1fr); break-inside: avoid; }
  body.printing-report .report-table-wrap { overflow: visible; border-radius: 0; }
  body.printing-report .report-table { min-width: 0; width: 100%; font-size: 8.5pt; }
  body.printing-report .report-table th,
  body.printing-report .report-table td { padding: 5px 4px; }
  body.printing-report .report-table thead { display: table-header-group; }
  body.printing-report .report-table tr { break-inside: avoid; }
  body.printing-report .report-section-title { break-after: avoid; }
}

/* النسخة V4 — تجربة استخدام احترافية ومتجاوبة */
:root {
  --bg: #f3f6f8;
  --surface: #ffffff;
  --surface-soft: #f7faf9;
  --text: #17232c;
  --muted: #687782;
  --line: #dfe7e5;
  --primary: #1d6f67;
  --primary-dark: #15574f;
  --primary-soft: #e3f2ef;
  --danger: #a83a3a;
  --danger-soft: #fbeaea;
  --warning: #98621b;
  --warning-soft: #fff4dc;
  --success: #26734c;
  --success-soft: #e6f5ec;
  --info: #386b91;
  --info-soft: #e8f1f7;
  --shadow: 0 12px 34px rgba(27, 47, 55, .07);
  --radius: 17px;
}

html, body { min-height: 100%; }
body { font-family: "Segoe UI", Tahoma, Arial, sans-serif; font-variant-numeric: tabular-nums; }
body.modal-open { overflow: hidden; }
.topbar { background: linear-gradient(115deg, #14272e, #1b3d41); box-shadow: 0 7px 26px rgba(19, 39, 46, .22); }
.icon-btn { display: grid; place-items: center; transition: background .2s ease, transform .2s ease; }
.icon-btn:hover { background: rgba(255,255,255,.18); transform: translateY(-1px); }
.sidebar { box-shadow: -8px 0 30px rgba(23, 35, 44, .04); }
.nav-item { transition: .18s ease; }
.nav-item.active { box-shadow: inset -3px 0 0 var(--primary); }
.main-content { max-width: 1680px; margin-left: auto; transition: margin-right .25s ease; }
body.sidebar-collapsed .sidebar { transform: translateX(105%); }
body.sidebar-collapsed .main-content { margin-right: 0; }
.card { box-shadow: var(--shadow); }
.metric-card { border-top: 3px solid rgba(29,111,103,.35); }
button.primary, button.secondary, button.danger, button.ghost, .file-button { min-height: 42px; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
button:not(:disabled):active { transform: translateY(1px); }
button.primary { box-shadow: 0 7px 16px rgba(29,111,103,.16); }
button.ghost:hover { background: var(--primary-soft); border-color: #bedbd5; }
.field input, .field select, .field textarea { min-height: 46px; transition: border-color .15s ease, box-shadow .15s ease; }
.field input[type="number"], .field input[inputmode="tel"], .field input[type="date"] { direction: ltr; text-align: right; font-variant-numeric: tabular-nums; }
.ltr-cell { direction: ltr; text-align: right; }

.modal { overflow: hidden; display: flex; flex-direction: column; }
.modal.wide { width: min(1120px, 100%); }
.modal-body { overflow: auto; flex: 1; }
.modal-head, .modal-foot { flex: 0 0 auto; }
.modal-head { background: rgba(255,255,255,.97); backdrop-filter: blur(8px); }
.modal-foot { background: rgba(255,255,255,.97); backdrop-filter: blur(8px); }
.sale-modal { height: min(94dvh, 940px); }
.sale-modal .modal-body { background: #f4f7f6; padding: 16px; }
.sale-form { display: grid; gap: 14px; }
.form-section { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 16px; box-shadow: 0 5px 18px rgba(24, 45, 52, .035); }
.form-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #edf1f0; }
.form-section-head > div { display: flex; align-items: center; gap: 9px; }
.form-section-head h4 { margin: 0; font-size: 16px; }
.form-section-head small { color: var(--muted); }
.step-chip { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: var(--primary-soft); color: var(--primary-dark); font-weight: 800; direction: ltr; }
.sale-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.parties-grid .field { grid-column: span 2; }
.help-block { margin: -3px 0 12px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.sale-preview { border-style: solid; background: linear-gradient(145deg, #eff7f5, #f8fbfa); }
.sale-preview .calc-grid > div { min-height: 75px; }

.farqiya-rows { display: grid; gap: 10px; }
.farqiya-row { display: grid; grid-template-columns: 1.35fr 1fr .7fr 42px; gap: 10px; align-items: end; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: #f9fbfa; }
.icon-danger { width: 42px; height: 46px; border: 0; border-radius: 11px; background: var(--danger-soft); color: var(--danger); font-size: 22px; }
.inline-empty { padding: 16px; text-align: center; color: var(--muted); border: 1px dashed #cbd8d5; border-radius: 13px; background: #fbfcfc; }
.mini-line { display: grid; gap: 2px; padding: 5px 0; border-bottom: 1px dashed var(--line); }
.mini-line:last-child { border-bottom: 0; }
.mini-line small { color: var(--muted); }
.sales-table { min-width: 1480px; }

.policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.policy-card { display: grid; gap: 9px; border: 1px solid var(--line); border-radius: 14px; padding: 13px; background: var(--surface-soft); font-weight: 700; }
.policy-card select, .policy-card input { width: 100%; min-height: 43px; border: 1px solid #cbd8d5; border-radius: 10px; padding: 9px 11px; background: #fff; }
.reversal-layout { display: grid; gap: 14px; }
.reversal-preview { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.provider-settlements { background: linear-gradient(150deg, #fff, #f7fbfa); }
.provider-card { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.provider-card h4 { margin: 5px 0; }
.provider-type { color: var(--primary); font-size: 12px; font-weight: 800; }
.provider-due { text-align: left; display: grid; justify-items: end; gap: 7px; }
.provider-due small { color: var(--muted); }
.provider-due strong { font-size: 20px; }

.delivery-setting-card { border: 1px solid var(--line); border-radius: 14px; padding: 13px; background: #fff; display: grid; gap: 12px; }
.delivery-toggle { display: flex !important; align-items: center; gap: 8px; font-size: 14px !important; }
.delivery-toggle input, .pickup-row input[type="checkbox"] { width: auto; min-height: auto; }
.pickup-row { border: 1px solid var(--line); border-radius: 13px; padding: 10px 12px; background: #fff; }

.session-stats-expanded { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.session-stats-expanded div:last-child { grid-column: auto; }
.page-head .actions { justify-content: flex-end; }

@media (max-width: 1180px) {
  .sidebar { transform: translateX(105%); width: min(84vw, 310px); }
  .sidebar.open { transform: translateX(0); }
  .overlay { position: fixed; inset: 72px 0 0; background: rgba(16, 31, 37, .42); z-index: 40; }
  .overlay.show { display: block; }
  .main-content, body.sidebar-collapsed .main-content { margin-right: 0; padding-right: 18px; padding-left: 18px; }
  .sale-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .parties-grid .field { grid-column: span 1; }
  .farqiya-row { grid-template-columns: 1fr 1fr .75fr 42px; }
}

@media (max-width: 820px) {
  .main-content { padding: 90px 13px 28px; }
  .modal-backdrop { padding: 8px; align-items: stretch; }
  .modal, .modal.wide, .modal.small { width: 100%; max-height: calc(100dvh - 16px); border-radius: 15px; }
  .sale-modal { height: calc(100dvh - 16px); }
  .sale-modal .modal-body { padding: 10px; }
  .form-section { padding: 13px; }
  .form-section-head { align-items: flex-start; }
  .form-section-head > small { display: none; }
  .sale-grid, .policy-grid { grid-template-columns: 1fr 1fr; }
  .farqiya-row { grid-template-columns: 1fr 1fr; padding-top: 14px; }
  .farqiya-row .farqiya-amount { grid-column: 1 / -1; }
  .farqiya-row .icon-danger { position: absolute; margin-top: -8px; left: 20px; width: 34px; height: 34px; min-height: 34px; }
  .farqiya-row { position: relative; }
  .reversal-preview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .provider-card { align-items: flex-start; }
}

@media (max-width: 560px) {
  .sale-grid, .policy-grid, .reversal-preview { grid-template-columns: 1fr; }
  .parties-grid .field { grid-column: auto; }
  .farqiya-row { grid-template-columns: 1fr; }
  .farqiya-row .farqiya-amount { grid-column: auto; }
  .modal-foot { display: grid; grid-template-columns: 1fr 1fr; }
  .modal-foot button { width: 100%; }
  .form-section-head { flex-wrap: wrap; }
  .provider-card { flex-direction: column; }
  .provider-due { width: 100%; justify-items: stretch; text-align: right; }
  .provider-due button { width: 100%; }
}

@media print {
  body.printing-delivery { background: #fff !important; }
  body.printing-delivery .topbar,
  body.printing-delivery .sidebar,
  body.printing-delivery .overlay,
  body.printing-delivery .main-content,
  body.printing-delivery .toast-root,
  body.printing-delivery .modal-head,
  body.printing-delivery .modal-foot { display: none !important; }
  body.printing-delivery #modalRoot,
  body.printing-delivery .modal-backdrop,
  body.printing-delivery .modal,
  body.printing-delivery .modal-body { position: static !important; display: block !important; width: 100% !important; max-height: none !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; background: #fff !important; box-shadow: none !important; border-radius: 0 !important; }
  body.printing-delivery .print-report { padding: 0 !important; }
  body.printing-delivery .report-table { min-width: 0 !important; width: 100% !important; font-size: 10pt; }
  body.printing-delivery .report-table-wrap { overflow: visible !important; }
  body.printing-delivery .report-metrics { grid-template-columns: repeat(3, 1fr); }
}

/* =========================================================
   V5 — واجهة حديثة وتقارير رسمية وهوية عملاء مرنة
   ========================================================= */
:root {
  --bg: #eef2f7;
  --surface: #ffffff;
  --surface-soft: #f6f8fb;
  --surface-strong: #eef3f8;
  --text: #132033;
  --muted: #6b778c;
  --line: #dfe6ee;
  --primary: #3157d5;
  --primary-dark: #2445b4;
  --primary-soft: #e8edff;
  --accent: #0f9f8f;
  --accent-soft: #e3f7f4;
  --danger: #c53c4c;
  --danger-soft: #fff0f2;
  --warning: #b7791f;
  --warning-soft: #fff7e7;
  --success: #198754;
  --success-soft: #e9f7f0;
  --info: #2d6da3;
  --info-soft: #eaf4fb;
  --shadow: 0 14px 36px rgba(31, 49, 80, .08);
  --shadow-strong: 0 22px 60px rgba(31, 49, 80, .16);
  --radius: 20px;
}

body {
  background:
    radial-gradient(circle at 90% 0%, rgba(49,87,213,.08), transparent 28%),
    radial-gradient(circle at 10% 100%, rgba(15,159,143,.06), transparent 30%),
    var(--bg);
  color: var(--text);
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  letter-spacing: .01em;
}

.topbar {
  height: 76px;
  background: linear-gradient(115deg, #16243a 0%, #20365d 60%, #274a78 100%);
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(20,35,58,.24);
  padding-inline: 20px;
}
.brand-logo {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  background: linear-gradient(145deg, #5f7cff, #2fc2b0);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 8px 20px rgba(25,70,170,.28);
}
.brand h1 { font-size: 18px; letter-spacing: .01em; }
.brand small { color: rgba(255,255,255,.68); }
.icon-btn {
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
}

.sidebar {
  top: 76px;
  width: 264px;
  padding: 22px 14px;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(18px);
  border-left: 1px solid rgba(215,225,237,.9);
  box-shadow: -14px 0 45px rgba(36,55,85,.055);
}
.sidebar nav { gap: 9px; }
.nav-item {
  min-height: 48px;
  padding: 13px 15px;
  border-radius: 15px;
  color: #42516a;
  font-weight: 650;
}
.nav-item span {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: #f0f3f8;
  font-size: 16px;
}
.nav-item:hover { background: #f6f8fc; color: var(--primary); }
.nav-item.active {
  background: linear-gradient(115deg, var(--primary-soft), #edf7ff);
  color: var(--primary-dark);
  box-shadow: inset -4px 0 0 var(--primary), 0 8px 20px rgba(49,87,213,.08);
}
.nav-item.active span { background: white; color: var(--primary); box-shadow: 0 5px 13px rgba(49,87,213,.12); }
.sidebar-footer {
  border-top: 1px solid var(--line);
  background: var(--surface-soft);
  border-radius: 14px;
  margin: 14px 4px 0;
}

.main-content {
  margin-right: 264px;
  padding: 104px 28px 46px;
  max-width: 1740px;
}
.page-head {
  margin-bottom: 24px;
  padding: 4px 2px;
}
.page-head h2 {
  font-size: clamp(23px, 2.3vw, 31px);
  font-weight: 800;
  letter-spacing: -.02em;
}
.page-head p { font-size: 14px; line-height: 1.8; }

.card {
  border: 1px solid rgba(215,225,237,.88);
  box-shadow: var(--shadow);
  border-radius: var(--radius);
  padding: 20px;
  background: rgba(255,255,255,.97);
}
.card:hover { border-color: #d3deeb; }
.metric-card {
  border-top: 0;
  isolation: isolate;
  min-height: 135px;
}
.metric-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, var(--primary), var(--accent));
  border-radius: 20px 0 0 20px;
}
.metric-card::after {
  background: linear-gradient(145deg, rgba(49,87,213,.15), rgba(15,159,143,.08));
  width: 120px;
  height: 120px;
  left: -46px;
  top: -50px;
}
.metric-value { font-size: 28px; letter-spacing: -.025em; }

button.primary, button.secondary, button.danger, button.ghost, .file-button {
  min-height: 44px;
  border-radius: 13px;
  padding: 11px 17px;
  font-weight: 750;
  letter-spacing: .01em;
}
button.primary {
  background: linear-gradient(135deg, #365fe2, #294cc4);
  box-shadow: 0 9px 20px rgba(49,87,213,.22);
}
button.primary:hover { background: linear-gradient(135deg, #2f55d0, #213fab); transform: translateY(-1px); }
button.secondary { background: #eef2f7; color: #34435b; border: 1px solid #dce4ed; }
button.secondary:hover { background: #e5ebf3; }
button.ghost { border: 1px solid #d8e1ec; color: var(--primary); background: #fff; }
button.danger { border: 1px solid #f4ccd2; }

.table-wrap {
  border-radius: 16px;
  border: 1px solid #dce4ed;
  background: #fff;
  box-shadow: 0 7px 22px rgba(31,49,80,.035);
}
th {
  background: #f2f5f9;
  color: #4b5870;
  font-weight: 750;
  letter-spacing: .01em;
}
td { color: #233149; }
tbody tr:hover { background: #fafcff; }

.field { gap: 8px; }
.field label { color: #34435b; font-size: 13px; font-weight: 750; }
.field input, .field select, .field textarea {
  min-height: 48px;
  border: 1px solid #d5deea;
  border-radius: 13px;
  background: #fbfcfe;
  padding: 12px 14px;
  color: #17243a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.field input:hover, .field select:hover, .field textarea:hover { border-color: #bdc9d9; background: #fff; }
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: #5f7cff;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(49,87,213,.11);
}
.field input:disabled { background: #eef2f6; color: #7c8799; cursor: not-allowed; }
.help { line-height: 1.65; }

.modal-backdrop {
  background: rgba(15,28,48,.58);
  backdrop-filter: blur(8px);
}
.modal {
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 23px;
  box-shadow: var(--shadow-strong);
}
.modal-head {
  min-height: 68px;
  padding: 18px 22px;
  background: rgba(255,255,255,.96);
}
.modal-head h3 { font-size: 19px; }
.modal-body { padding: 20px; }
.modal-foot { padding: 16px 22px; box-shadow: 0 -8px 22px rgba(29,47,76,.045); }
.close-btn { background: #eef2f7; color: #42516a; }
.sale-modal { height: min(95dvh, 980px); }
.sale-modal .modal-body { background: #f1f4f8; }
.sale-form { gap: 16px; }
.form-section {
  border: 1px solid #dce4ee;
  border-radius: 19px;
  padding: 18px;
  box-shadow: 0 8px 25px rgba(31,49,80,.045);
}
.form-section-head {
  border-bottom: 1px solid #e9eef4;
  padding-bottom: 12px;
}
.form-section-head h4 { font-size: 17px; }
.step-chip {
  width: 32px;
  height: 32px;
  border-radius: 11px;
  background: linear-gradient(145deg, var(--primary-soft), #e8f7f5);
  color: var(--primary-dark);
  box-shadow: inset 0 0 0 1px rgba(49,87,213,.09);
}
.sale-primary-section { background: linear-gradient(145deg, #fff, #fbfcff); }
.identity-rule {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 13px;
  background: #f1f5ff;
  border: 1px solid #d9e2ff;
  color: #40537b;
  font-size: 13px;
  line-height: 1.7;
}
.number-affix {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}
.number-affix input { border-radius: 13px 0 0 13px !important; }
.number-affix span {
  min-width: 56px;
  display: grid;
  place-items: center;
  padding-inline: 10px;
  background: #edf2fb;
  color: #43516b;
  border: 1px solid #d5deea;
  border-left: 0;
  border-radius: 0 13px 13px 0;
  font-weight: 800;
  white-space: nowrap;
}
.phone-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}
.no-phone-check {
  min-height: 48px;
  display: flex !important;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid #d5deea;
  border-radius: 12px;
  background: #f3f6fa;
  white-space: nowrap;
  font-size: 12px !important;
  cursor: pointer;
}
.no-phone-check input { width: 17px !important; min-height: auto !important; height: 17px; margin: 0; }
.customer-code-box {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border: 1px dashed #b7c5d7;
  border-radius: 13px;
  background: #f7f9fc;
}
.customer-code-box span { color: var(--muted); }
.customer-code-box strong { direction: ltr; }

.farqiya-row {
  grid-template-columns: 1.3fr 1.15fr .7fr 44px;
  background: linear-gradient(145deg, #fbfcfe, #f5f8fc);
  border-color: #dce4ee;
}
.sale-preview {
  background: linear-gradient(145deg, #edf2ff, #eef9f7);
  border-color: #d7e2f4;
}
.sale-preview .calc-grid > div {
  border: 1px solid rgba(196,210,229,.9);
  box-shadow: 0 4px 12px rgba(31,49,80,.035);
}
.sale-preview .calc-grid strong { font-size: 18px; }
.sale-preview .calc-grid span { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }

.customer-card {
  background: linear-gradient(145deg, #fff, #fbfcff);
  border-color: #dce4ee;
}
.customer-card::before {
  content: "";
  width: 5px;
  align-self: stretch;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--primary), var(--accent));
}
.customer-main p { font-variant-numeric: tabular-nums; }
.wallet-card { background: linear-gradient(145deg, #fff, #fbfdff); }
.wallet-icon { background: linear-gradient(145deg, var(--primary-soft), var(--accent-soft)); color: var(--primary); }
.session-card { background: linear-gradient(145deg, #fff, #fbfcff); }
.session-stats div { border: 1px solid #e6ecf3; background: #f7f9fc; }

/* Report builder */
.report-controls { padding: 22px; }
.report-control-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.report-control-header h3 { margin: 0 0 5px; }
.report-control-header p { margin: 0; color: var(--muted); }
.report-options-panel {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid #dce4ee;
  border-radius: 16px;
  background: #f7f9fc;
}
.report-options-title { font-weight: 800; margin-bottom: 12px; color: #34435b; }
.report-option-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px; }
.report-option {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border: 1px solid #dce4ee;
  border-radius: 12px;
  background: #fff;
  color: #42516a;
  cursor: pointer;
  user-select: none;
}
.report-option:has(input:checked) { border-color: #aebfff; background: #eef2ff; color: #2948ad; }
.report-option input { width: 17px; height: 17px; accent-color: var(--primary); }
.report-output { margin-top: 20px; }
.official-report {
  background: #fff;
  border: 1px solid #d8e0e9;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 18px 50px rgba(31,49,80,.09);
}
.official-report-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 3px double #75839a;
}
.report-brand-block { display: flex; align-items: center; gap: 15px; }
.report-brand-block img, .report-logo-fallback { width: 66px; height: 66px; border-radius: 12px; object-fit: cover; }
.report-logo-fallback { display: grid; place-items: center; background: #e9edf3; color: #24344d; font-size: 25px; font-weight: 800; }
.report-org-name { font-size: 14px; color: #5a6679; margin-bottom: 4px; }
.official-report-header h1 { margin: 0; font-size: 24px; color: #16243a; }
.official-report-header p { margin: 6px 0 0; color: #69768a; }
.report-document-meta { min-width: 210px; display: grid; gap: 8px; }
.report-document-meta > div { display: grid; gap: 3px; padding: 8px 10px; border: 1px solid #d9e1eb; border-radius: 9px; background: #f8fafc; }
.report-document-meta span { font-size: 11px; color: #6c788a; }
.report-document-meta strong { direction: ltr; text-align: right; font-size: 12px; }
.report-scope-box, .report-info-grid {
  margin-bottom: 18px;
  border: 1px solid #d9e1eb;
  border-radius: 12px;
  background: #f7f9fc;
}
.report-scope-box { display: flex; justify-content: space-between; gap: 15px; padding: 12px 14px; }
.report-scope-box span, .report-info-grid span { color: #6a7688; font-size: 12px; }
.report-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; }
.report-info-grid > div { padding: 12px 14px; display: grid; gap: 4px; border-left: 1px solid #d9e1eb; }
.report-info-grid > div:last-child { border-left: 0; }
.report-metrics { margin-bottom: 24px; }
.report-metrics > div { border-color: #d8e0e9; background: #fbfcfd; }
.report-section-title {
  margin: 25px 0 10px;
  padding: 9px 12px;
  border-right: 4px solid #334d75;
  background: #f1f4f8;
  color: #253650;
  font-size: 15px;
}
.report-table { border: 1px solid #cfd8e3; }
.report-table th { background: #e9eef4; color: #253650; border-color: #cfd8e3; }
.report-table td { border-color: #dbe2eb; }
.official-report-footer { margin-top: 30px; padding-top: 18px; border-top: 1px solid #cfd8e3; }
.report-signatures { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-bottom: 25px; }
.report-signatures > div { display: grid; gap: 22px; text-align: center; }
.report-signatures span { color: #667286; font-size: 12px; }
.report-signatures strong { font-weight: 400; }
.report-system-note { text-align: center; color: #7a8595; font-size: 10px; }

@media (max-width: 1180px) {
  .main-content, body.sidebar-collapsed .main-content { margin-right: 0; padding-right: 20px; padding-left: 20px; }
  .report-option-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .phone-control { grid-template-columns: 1fr; }
  .no-phone-check { min-height: 40px; justify-content: center; }
  .report-option-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .official-report { padding: 20px; }
  .official-report-header { flex-direction: column; }
  .report-document-meta { min-width: 0; width: 100%; grid-template-columns: 1fr 1fr; }
  .report-info-grid { grid-template-columns: 1fr; }
  .report-info-grid > div { border-left: 0; border-bottom: 1px solid #d9e1eb; }
  .report-info-grid > div:last-child { border-bottom: 0; }
}

@media (max-width: 580px) {
  .topbar { height: 70px; padding-inline: 10px; }
  .sidebar { top: 70px; }
  .main-content { padding-top: 88px; }
  .page-head { align-items: stretch; }
  .page-head .actions { width: 100%; }
  .page-head .actions button { flex: 1; }
  .report-option-grid { grid-template-columns: 1fr; }
  .report-control-header { flex-direction: column; }
  .report-document-meta { grid-template-columns: 1fr; }
  .report-brand-block { align-items: flex-start; }
  .report-brand-block img, .report-logo-fallback { width: 54px; height: 54px; }
  .official-report-header h1 { font-size: 19px; }
  .report-signatures { grid-template-columns: 1fr; }
}

@media print {
  @page { size: A4; margin: 11mm 9mm 13mm; }
  body.printing-report .official-report,
  body.printing-delivery .official-report {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  body.printing-report .official-report-header,
  body.printing-delivery .official-report-header { break-inside: avoid; }
  body.printing-report .report-document-meta > div,
  body.printing-delivery .report-document-meta > div { background: #fff !important; }
  body.printing-report .report-section-title,
  body.printing-delivery .report-section-title { background: #eef1f4 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  body.printing-report .report-table,
  body.printing-delivery .report-table { font-size: 8.2pt; }
  body.printing-report .report-table th,
  body.printing-report .report-table td,
  body.printing-delivery .report-table th,
  body.printing-delivery .report-table td { padding: 4.5px 3.5px; }
  body.printing-report .official-report-footer,
  body.printing-delivery .official-report-footer { break-inside: avoid; }
}

.suggestion-conflict {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: #fff2f4;
  color: #9f2f40;
  border: 1px solid #f2c5cd;
  border-radius: 10px;
  line-height: 1.55;
}
.suggestion-conflict strong { font-size: 13px; }
.suggestion-conflict span { font-size: 12px; }


/* تحسينات تطبيق الويب PWA */
:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}
.topbar {
  height: calc(72px + var(--safe-top));
  padding-top: var(--safe-top);
}
.sidebar {
  top: calc(72px + var(--safe-top));
  padding-bottom: calc(18px + var(--safe-bottom));
}
.main-content {
  padding-top: calc(96px + var(--safe-top));
  padding-bottom: calc(40px + var(--safe-bottom));
}
.install-app-btn {
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.12);
  color: #fff;
  border-radius: 12px;
  padding: 9px 13px;
  font-weight: 800;
  white-space: nowrap;
  transition: background .2s ease, transform .2s ease;
}
.install-app-btn:hover { background: rgba(255,255,255,.22); transform: translateY(-1px); }
.pwa-notice {
  position: fixed;
  z-index: 250;
  left: max(16px, env(safe-area-inset-left, 0px));
  right: max(16px, env(safe-area-inset-right, 0px));
  bottom: calc(16px + var(--safe-bottom));
  margin-inline: auto;
  max-width: 620px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid #cbd5e1;
  border-radius: 15px;
  background: rgba(255,255,255,.97);
  color: #0f172a;
  box-shadow: 0 18px 50px rgba(15,23,42,.2);
  backdrop-filter: blur(10px);
}
.pwa-notice strong { display: block; margin-bottom: 2px; }
.pwa-notice small { color: #64748b; line-height: 1.6; }
.pwa-notice-actions { display: flex; gap: 7px; flex-shrink: 0; }
.pwa-notice button { border: 0; border-radius: 10px; padding: 9px 12px; font-weight: 800; }
.pwa-notice .pwa-action { background: var(--primary); color: #fff; }
.pwa-notice .pwa-dismiss { background: #e2e8f0; color: #334155; }
@media (max-width: 640px) {
  .install-app-btn { width: 42px; height: 42px; padding: 0; font-size: 0; display: grid; place-items: center; }
  .install-app-btn::before { content: "⇩"; font-size: 20px; line-height: 1; }
  .pwa-notice { align-items: flex-start; flex-direction: column; }
  .pwa-notice-actions { width: 100%; }
  .pwa-notice-actions button { flex: 1; }
}
@media (display-mode: standalone) {
  body { overscroll-behavior-y: none; -webkit-user-select: none; user-select: none; }
  input, textarea, select, [contenteditable="true"] { -webkit-user-select: text; user-select: text; }
}

/* بطاقات العملاء والبحث — V10 */
.customer-toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding: 14px;
  border-color: #d8e2ec;
  background: linear-gradient(145deg, #ffffff, #f8fafc);
}
.customer-search-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
}
.customer-search-wrap input {
  width: 100%;
  min-height: 50px;
  padding: 12px 48px 12px 42px;
  border: 1px solid #cbd6e2;
  border-radius: 15px;
  background: #fff;
  color: var(--text);
  outline: none;
  font-size: 15px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.customer-search-wrap input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgba(15,118,110,.11);
}
.customer-search-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary);
  font-size: 24px;
  line-height: 1;
  pointer-events: none;
}
.customer-search-clear {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: #edf2f7;
  color: #526173;
  font-size: 21px;
  cursor: pointer;
}
.customer-results-count {
  flex-shrink: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.customer-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 16px;
}
.customer-summary-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  overflow: hidden;
  padding: 18px;
  background: linear-gradient(150deg, #fff 0%, #fbfcff 65%, #f5f8fb 100%);
  border-color: #d9e3ed;
  box-shadow: 0 10px 26px rgba(32,51,78,.065);
}
.customer-summary-card::before {
  position: absolute;
  inset: 0 0 auto 0;
  width: auto;
  height: 4px;
  border-radius: 0;
  background: linear-gradient(90deg, var(--primary), var(--accent));
}
.customer-card-head {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}
.customer-avatar {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg, var(--primary), #244e55);
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(22,56,59,.18);
}
.customer-identity { min-width: 0; }
.customer-identity h3 {
  margin: 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
}
.customer-phone {
  margin: 0;
  color: #526173;
  direction: ltr;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.customer-reference {
  display: inline-block;
  margin-top: 4px;
  color: var(--muted);
  direction: rtl;
}
.customer-reference b { direction: ltr; display: inline-block; }
.customer-net-status {
  min-width: 110px;
  padding: 9px 11px;
  border: 1px solid #e1e8ef;
  border-radius: 13px;
  background: rgba(247,249,252,.88);
  text-align: left;
}
.customer-net-status small {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
}
.customer-net-status strong {
  display: block;
  font-size: 14px;
  white-space: nowrap;
}
.customer-activity-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.customer-stat {
  min-width: 0;
  padding: 10px 7px;
  border: 1px solid #e1e8f0;
  border-radius: 13px;
  background: #f7f9fc;
  text-align: center;
}
.customer-stat span {
  display: block;
  margin-bottom: 3px;
  color: #21324a;
  font-size: 19px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.customer-stat small {
  display: block;
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-stat.return-stat { background: #fff9ed; border-color: #f1dec0; }
.customer-stat.return-stat span { color: #a9660b; }
.customer-stat.cancel-stat { background: #fff4f5; border-color: #efd4d8; }
.customer-stat.cancel-stat span { color: #aa3948; }
.customer-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #e5ebf1;
}
.customer-financial-snapshot {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.customer-due-pill {
  display: flex;
  align-items: baseline;
  gap: 5px;
  padding: 7px 9px;
  border-radius: 11px;
}
.customer-due-pill small { font-size: 11px; }
.customer-due-pill b { font-size: 13px; white-space: nowrap; }
.customer-due-pill.danger { background: var(--danger-soft); color: var(--danger); }
.customer-due-pill.success { background: var(--success-soft); color: var(--success); }
.customer-summary-card .customer-actions { margin: 0; flex-shrink: 0; }
.customer-no-results {
  min-height: 190px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  padding: 24px;
  border: 1px dashed #c8d4df;
  border-radius: 18px;
  background: #f8fafc;
  color: var(--muted);
  text-align: center;
}
.customer-no-results strong { color: var(--text); font-size: 17px; }

@media (max-width: 900px) {
  .customer-cards-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .customer-toolbar { align-items: stretch; flex-direction: column; }
  .customer-results-count { padding-inline: 3px; white-space: normal; }
  .customer-card-head { grid-template-columns: 46px minmax(0, 1fr); }
  .customer-avatar { width: 46px; height: 46px; border-radius: 14px; }
  .customer-net-status {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    text-align: right;
  }
  .customer-net-status small { margin: 0; }
  .customer-activity-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .customer-card-foot { align-items: stretch; flex-direction: column; }
  .customer-summary-card .customer-actions { width: 100%; }
  .customer-summary-card .customer-actions button { flex: 1; }
}
@media (max-width: 400px) {
  .customer-activity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-stat:last-child { grid-column: span 2; }
}


/* شاشة افتتاحية منصة إدارة المزادات */
.app-splash {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  background: #332001;
  opacity: 1;
  visibility: visible;
  transition: opacity .48s ease, visibility .48s ease;
}
.app-splash img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
}
.app-splash.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .app-splash { transition: none; }
}



/* توزيع التحصيل والتسوية على الجلسات والبيعات */
.payment-total-grid { gap: 12px; }
.selected-payment-box { border-color: #b9d8ce; background: #f2fbf7; }
.allocation-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.allocation-toolbar label { display: block; font-weight: 800; margin-bottom: 4px; }
.payment-allocation-list { display: grid; gap: 10px; max-height: 46vh; overflow: auto; padding: 2px; }
.payment-allocation-row { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(120px, .55fr) minmax(170px, .75fr); gap: 12px; align-items: center; padding: 13px; border: 1px solid #dfe7ea; border-radius: 14px; background: #fff; }
.payment-allocation-row:focus-within { border-color: #78aa9b; box-shadow: 0 0 0 3px rgba(64, 124, 106, .10); }
.payment-allocation-info { min-width: 0; }
.payment-allocation-info strong, .payment-allocation-info small { display: block; }
.payment-allocation-info small { color: var(--muted); margin: 4px 0 7px; }
.payment-allocation-due { text-align: center; padding: 8px 10px; border-radius: 10px; background: var(--surface-soft); }
.payment-allocation-due small, .payment-allocation-due strong { display: block; }
.payment-allocation-input label { display: block; font-size: .78rem; color: var(--muted); margin-bottom: 5px; }
.payment-allocation-input input { font-weight: 800; }
.notice.warning { padding: 14px 16px; border: 1px solid #efd99e; border-radius: 14px; background: #fff9e9; }
.notice.warning p { margin: 6px 0 0; color: #6f571d; }
@media (max-width: 760px) {
  .allocation-toolbar { align-items: stretch; flex-direction: column; }
  .payment-allocation-row { grid-template-columns: 1fr 1fr; }
  .payment-allocation-info { grid-column: 1 / -1; }
}


/* === SaaS compatibility layer on top of the exact PWA V14 visual system === */
.hidden{display:none!important}.muted{color:var(--muted)}
.app{min-height:100vh}.tenant-view{min-height:100vh}.tenant-content{margin-right:250px;padding:96px 24px 40px;min-height:100vh}.admin-content{padding:96px 24px 40px;max-width:1400px;margin:auto}.footer{color:var(--muted);font-size:12px;text-align:center;padding:14px 20px 28px}.tenant-view+.footer{margin-right:250px}
.brand-area{flex:1;min-width:0}.brand-title{min-width:0}.brand-title h1{margin:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-title small{color:#cbd5e1}.top-actions{display:flex;align-items:center;gap:7px}.logout{color:#fecaca}.menu-btn{display:none}
.sidebar{overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}.sidebar-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.sidebar-logo img{width:100%;height:100%;object-fit:cover}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{font-size:11px;color:var(--muted)}.sidebar-menu{display:grid;gap:7px}.tab{width:100%}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer span{font-weight:700}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.page-heading h2{margin:0 0 5px;font-size:24px}.page-heading p{margin:0;color:var(--muted)}.eyebrow{display:none}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.panel h2{margin:0 0 4px;font-size:19px}.panel h3{margin:16px 0 8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-head h2,.section-head h3,.section-head p{margin:0}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.session-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.wallet-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.metric:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:var(--primary-soft);left:-35px;top:-35px;opacity:.65}.metric span{color:var(--muted);font-size:14px}.metric strong{display:block;margin-top:9px;font-size:26px;font-weight:800;position:relative;z-index:1}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auction-card,.client-card,.seller-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.badges,.sale-details{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.card-actions,.sale-actions,.item-actions,.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.meta{color:var(--muted);font-size:12px}
.list-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.compact-list .list-item{padding:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.finance-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.finance-card strong{display:block;font-size:22px;margin-top:7px}.finance-card.positive{background:linear-gradient(145deg,#f0fdf4,#fff);border-color:#bbf7d0}.finance-card.warning{background:linear-gradient(145deg,#fffbeb,#fff);border-color:#fde68a}.finance-card.info{background:linear-gradient(145deg,#eff6ff,#fff);border-color:#bfdbfe}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end}.form-action{display:flex;align-items:end}.form-action button{width:100%}.settings-form{display:grid;gap:14px}.settings-section,.subpanel{background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:14px}.span-2{grid-column:span 2}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto}.field-help{font-size:12px;color:var(--muted);font-weight:400}
.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.workspace-title{flex:1}.workspace-head h2,.workspace-head p{margin:0}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap}.session-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.session-stats-expanded{grid-template-columns:repeat(4,1fr)}.mini-stat{padding:10px;background:var(--surface-soft);border-radius:12px}.mini-stat strong{display:block;margin-top:4px}.calc-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-box{background:#fff;border:1px solid var(--line);padding:10px;border-radius:11px}.calc-box strong{display:block;margin-top:4px}.farqiya-list{display:grid;gap:10px}.farqiya-row{display:grid;grid-template-columns:1.35fr 1fr .7fr 42px;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f9fbfa}.farqiya-note{display:none}.sale-form{display:grid;gap:14px}.sale-form .form-section{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.form-section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.form-section-head>div{display:flex;align-items:center;gap:8px}.form-section-head h4{margin:0}.step-chip{width:28px;height:28px;border-radius:9px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;font-weight:800}.identity-rule,.help-block{font-size:12px;color:var(--muted);background:var(--surface-soft);border-radius:10px;padding:9px;margin-top:8px}.customer-picker{position:relative}.customer-suggestions{position:absolute;z-index:12;top:100%;right:0;left:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-height:240px;overflow:auto;display:none}.customer-suggestions.show{display:block}.customer-suggestions button{display:flex;justify-content:space-between;gap:8px;width:100%;border:0;background:#fff;padding:10px;text-align:right}.customer-suggestions button:hover{background:var(--surface-soft)}.customer-suggestions small{color:var(--muted)}.suggestion-empty,.suggestion-conflict{padding:10px;color:var(--muted);font-size:12px}.phone-control{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.no-phone-check{display:flex!important;align-items:center;gap:4px;white-space:nowrap;font-size:12px}.no-phone-check input{width:auto}.icon-danger{width:42px;height:42px;border:0;border-radius:11px;background:var(--danger-soft);color:var(--danger);font-weight:900;font-size:18px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.sales-table{min-width:1100px}.inactive-row{opacity:.68;background:#f8fafc}.mini-line{display:grid;gap:2px;margin-bottom:6px}.mini-line small{color:var(--muted)}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.align-left{text-align:left}
.settlement-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:12px}.settlement-tab{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:700}.settlement-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.allocations{display:grid;gap:7px}.allocation-row{display:grid;grid-template-columns:auto 1fr 130px 120px;gap:9px;align-items:center;border:1px solid var(--line);background:var(--surface-soft);padding:9px;border-radius:11px}.allocation-row input[type=checkbox]{width:auto}.settle-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:10px}.tx-in{color:var(--success)}.tx-out{color:var(--danger)}
.report-session-bar{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(3,auto);gap:9px;align-items:end}.report-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.report-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;text-align:right;display:grid;gap:6px;box-shadow:var(--shadow)}.report-card>span{width:38px;height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary-dark);display:grid;place-items:center;font-size:20px}.report-card small{color:var(--muted)}.report-preview{min-height:260px}.report-table-wrap{overflow:auto}.empty-state{text-align:center;color:var(--muted);padding:38px 18px}.global-search-box{display:flex;align-items:center;gap:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:15px;padding:9px 12px}.global-search-box input{border:0;background:transparent;box-shadow:none!important}.search-results{margin-top:14px;display:grid;gap:14px}.search-result{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.profile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.profile-stat{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:10px}.profile-stat strong{display:block;font-size:18px}.profile-net{padding:12px;border-radius:12px;font-weight:800}.profile-net.positive{background:var(--success-soft);color:var(--success)}.profile-net.negative{background:var(--danger-soft);color:var(--danger)}
.modal{position:fixed;inset:0;z-index:120;background:rgba(15,23,42,.58);display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.modal-card{width:min(500px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 25px 70px rgba(15,23,42,.3);padding:18px}.wide-modal{width:min(920px,100%)}.modal-head-v14{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.modal-head-v14 h2{margin:0}.modal-actions{justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line)}.toast{position:fixed;left:18px;bottom:18px;z-index:200;min-width:260px;max-width:360px;background:#0f172a;color:#fff;padding:13px 15px;border-radius:12px;box-shadow:var(--shadow)}.toast.ok{background:#166534}.toast.error{background:#991b1b}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:#020617}.login-card{width:min(425px,100%);background:#fff;border:1px solid var(--line);box-shadow:0 20px 25px -5px rgba(0,0,0,.45);border-radius:16px;padding:24px}.login-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;display:grid;place-items:center;font-weight:900}.login-brand h1,.login-brand p{margin:0}.login-brand p,.login-copy p{color:var(--muted)}.login-copy{margin:18px 0}.login-copy h2{margin:0 0 5px}.stack{display:grid;gap:12px}.demo{margin-top:15px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:10px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.demo-grid button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px}.warning{font-size:12px;color:#92400e;background:var(--warning-soft);padding:9px;border-radius:10px}
.logo-preview-wrap{display:flex;align-items:end;gap:8px}.logo-preview{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.logo-preview img{width:100%;height:100%;object-fit:cover}.saas-account-tools{background:linear-gradient(150deg,#fff,#f8fafc)}
@media(max-width:1180px){.menu-btn{display:grid}.sidebar{transform:translateX(105%);box-shadow:-18px 0 45px rgba(15,23,42,.18)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;z-index:44;inset:72px 0 0;background:rgba(15,23,42,.35);display:block}.tenant-content{margin-right:0;padding:92px 16px 28px}.tenant-view+.footer{margin-right:0}.dashboard-columns{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.form-grid,.inline-form{grid-template-columns:1fr}.farqiya-row{grid-template-columns:1fr 1fr}.session-stats-expanded{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.report-actions{grid-template-columns:1fr 1fr}.report-session-bar{grid-template-columns:1fr}.allocation-row{grid-template-columns:auto 1fr}.settle-footer{grid-template-columns:1fr}.profile-summary{grid-template-columns:repeat(2,1fr)}.workspace-head{align-items:flex-start;flex-direction:column}.workspace-actions{width:100%}.workspace-actions button{flex:1}.top-actions{gap:4px}.top-actions .icon-btn{width:38px;height:38px}.quick-actions{width:100%}}
@media(max-width:560px){.tenant-content{padding:88px 10px 24px}.page-heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:12px}.metric strong{font-size:19px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:8px}.report-actions{grid-template-columns:1fr}.farqiya-row{grid-template-columns:1fr}.session-stats-expanded{grid-template-columns:1fr 1fr}.brand-logo{width:38px;height:38px}.topbar{padding:0 10px}.brand-title small{display:none}.sidebar-brand{display:none}.sales-table{min-width:980px}.modal{align-items:flex-end;padding:0}.modal-card{max-height:94dvh;border-radius:18px 18px 0 0;width:100%;padding:16px 13px calc(16px + env(safe-area-inset-bottom))}}
@media print{.topbar,.sidebar,.sidebar-backdrop,.footer,.quick-actions,.saas-account-tools{display:none!important}.tenant-content,.admin-content{margin:0;padding:0;max-width:none}.panel{box-shadow:none;border:0;padding:0}}


/* === V6.1 final parity corrections: follow the uploaded PWA V14 shell === */
.tenant-content {
  margin-right: 264px;
  padding: 104px 28px 46px;
  min-height: 100vh;
}
.tenant-view + .footer { margin-right: 264px; }
.sidebar { top: 76px; width: 264px; padding: 22px 14px; }
.sidebar-menu { display: grid; gap: 9px; }
.sidebar-footer { margin-top: auto; }
.page-heading {
  margin-bottom: 24px;
  padding: 4px 2px;
}
.page-heading h2 {
  font-size: clamp(23px, 2.3vw, 31px);
  font-weight: 800;
  letter-spacing: -.02em;
}
@media(max-width:1180px){
  .tenant-content { margin-right:0; padding:100px 16px 28px; }
  .tenant-view + .footer { margin-right:0; }
  .sidebar { width:min(84vw,310px); }
}
@media(max-width:560px){
  .tenant-content { padding:94px 10px 24px; }
}


/* === V6.2 stabilization: tablet navigation, unified layout, reports and backup === */
button.is-loading{opacity:.72;cursor:wait;pointer-events:none}
.backup-panel{background:linear-gradient(150deg,#fff,#f8fafc)}
.backup-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.backup-note{margin-top:12px;padding:11px 13px;border:1px solid #dbe4ec;border-radius:12px;background:#f8fafc;color:var(--muted);font-size:12px}
#backupStatus{margin-top:9px}
.workspace-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.workspace-head{gap:14px}
.report-modal-card{width:min(1120px,96vw);max-height:94dvh}
.modal-report-preview{background:#edf2f7;padding:12px;border-radius:14px;max-height:70dvh;overflow:auto}
.modal-report-preview .official-report,.report-preview .official-report{background:#fff;border:1px solid #d7e0e9;border-radius:12px;padding:24px;box-shadow:0 8px 26px rgba(15,23,42,.08)}
.report-control-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.report-control-header h3,.report-control-header p{margin:0}.report-control-header p{color:var(--muted);margin-top:4px}
.report-filter-grid{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(280px,1.2fr)}
.report-options-panel{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.report-options-title{font-weight:800;margin-bottom:10px}
.report-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.report-option{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600!important}
.report-option:has(input:checked){border-color:#9acbc0;background:#effbf7;color:var(--primary-dark)}
.report-option input{width:auto;min-height:auto;accent-color:var(--primary)}
.report-buttons .actions{display:flex;gap:8px}.report-buttons button{flex:1}
.report-preview{overflow:auto}
.report-preview .official-report{min-width:720px}
.official-report-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:14px;border-bottom:3px solid var(--primary);margin-bottom:14px}
.report-brand-block{display:flex;gap:12px;align-items:center}.report-brand-block img,.report-logo-fallback{width:58px;height:58px;border-radius:11px;object-fit:contain;border:1px solid var(--line)}.report-logo-fallback{display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:22px}
.report-org-name{color:var(--primary);font-weight:800}.official-report h1{margin:3px 0;font-size:22px}.official-report p{margin:3px 0;color:var(--muted)}
.report-document-meta{min-width:180px;display:grid;gap:7px}.report-document-meta>div,.report-info-grid>div{border:1px solid var(--line);border-radius:9px;padding:8px}.report-document-meta span,.report-info-grid span{display:block;color:var(--muted);font-size:11px}.report-document-meta strong,.report-info-grid strong{display:block;margin-top:3px}
.report-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.report-scope-box{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);margin:10px 0}.report-scope-box span{color:var(--muted);margin-left:8px}
.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}.report-metrics>div{padding:9px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.report-metrics small,.report-metrics span{display:block;color:var(--muted)}.report-metrics strong{display:block;margin:3px 0;font-size:17px}
.report-section-title{border-right:4px solid var(--primary);padding-right:8px;margin:18px 0 8px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th,.report-table td{padding:7px;border:1px solid #d9e1eb;vertical-align:top;text-align:right}.report-table th{background:#e9eef4}.report-table small{color:var(--muted)}.report-table hr{border:0;border-top:1px solid #d9e1eb}
.report-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0}.report-signatures>div{display:grid;gap:17px;text-align:center}.report-signatures span{color:var(--muted);font-size:11px}.report-system-note{text-align:center;color:var(--muted);font-size:10px}
.delivery-report-notes{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:10px}.delivery-report-notes div{height:36px;border-bottom:1px solid var(--line)}

@media (min-width:1181px){
  .menu-btn{display:none!important}
  .sidebar{transform:none!important}
  .tenant-content{margin-right:264px!important}
  .tenant-view+.footer{margin-right:264px!important}
}
@media (max-width:1180px){
  .menu-btn{display:grid!important}
  .sidebar{position:fixed!important;top:76px!important;right:0!important;bottom:0!important;transform:translateX(105%)!important;width:min(84vw,310px)!important;z-index:45!important;box-shadow:-18px 0 45px rgba(15,23,42,.18)}
  .sidebar.open{transform:translateX(0)!important}
  .tenant-content{margin-right:0!important;padding:100px 18px 30px!important}
  .tenant-view+.footer{margin-right:0!important}
  .sidebar-backdrop:not(.hidden){display:block!important;position:fixed;z-index:44;inset:76px 0 0;background:rgba(15,23,42,.38)}
  .report-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-filter-grid{grid-template-columns:1fr 1fr}
  .report-buttons{grid-column:1/-1}
}
@media(max-width:820px){
  .workspace-head{align-items:stretch;flex-direction:column}
  .workspace-actions{width:100%}.workspace-actions button{flex:1;min-width:150px}
  .report-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-info-grid,.report-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:580px){
  .tenant-content{padding:92px 10px 24px!important}
  .report-filter-grid,.report-option-grid{grid-template-columns:1fr}
  .report-buttons{grid-column:auto}
  .report-control-header{flex-direction:column}
  .report-preview .official-report{min-width:680px}
  .backup-actions>*{width:100%}
  .workspace-actions{display:grid;grid-template-columns:1fr}
  .workspace-actions button{width:100%}
}


/* =========================================================
   V6.3 — UI Polish + Super Admin Pro + General Platform Brand
   ========================================================= */
:root{
  --field-h:50px;
  --field-radius:12px;
  --field-border:#cbd5e1;
  --field-bg:#fff;
  --admin-sidebar-w:276px;
}
/* General platform splash */
.app-splash{background:radial-gradient(circle at 50% 35%,#173d43 0,#0f172a 55%,#08101f 100%);padding:24px}
.app-splash>img{display:none!important}
.platform-splash-card{display:grid;place-items:center;text-align:center;color:#fff;gap:10px;animation:platformSplashIn .5s ease both}
.platform-splash-card img{width:min(30vw,156px)!important;height:min(30vw,156px)!important;object-fit:cover!important;border-radius:34px;box-shadow:0 28px 70px rgba(0,0,0,.35)}
.platform-splash-card h1{margin:12px 0 0;font-size:clamp(25px,5vw,42px)}
.platform-splash-card p{margin:0;color:#b9c9d8;font-size:clamp(13px,2vw,17px)}
@keyframes platformSplashIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}

/* Unified fields: one visual language across tenant and Super Admin */
:where(.form-grid,.inline-form,.stack,.settings-form,.modal-card,.admin-detail-section) label:has(> input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])),
:where(.form-grid,.inline-form,.stack,.settings-form,.modal-card,.admin-detail-section) label:has(> select),
:where(.form-grid,.inline-form,.stack,.settings-form,.modal-card,.admin-detail-section) label:has(> textarea){display:grid;align-content:start;gap:7px;color:#334155;font-size:13px;font-weight:800;min-width:0}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select){width:100%;height:var(--field-h);min-height:var(--field-h);border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);color:var(--text);padding:0 13px;outline:none;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
textarea{width:100%;min-height:92px;border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);color:var(--text);padding:12px 13px;outline:none;resize:vertical;line-height:1.6;transition:border-color .18s ease,box-shadow .18s ease}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),select,textarea):focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}
:where(input,select,textarea):disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}
input[type="date"],input[type="number"],input[inputmode="tel"],input[inputmode="decimal"]{font-variant-numeric:tabular-nums}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;align-items:end}
.inline-form{align-items:end;gap:14px}
.form-action{display:flex;align-items:end;gap:8px;min-height:var(--field-h)}
.form-action button{min-height:var(--field-h)}
.span-2{grid-column:1/-1}
.settings-section{padding:18px;border:1px solid #e1e7ee;border-radius:16px;background:#fbfcfe;margin-bottom:14px}
.settings-section>h3{margin:0 0 15px!important;padding-bottom:10px;border-bottom:1px solid #e5eaf0}
.modal-card>label,.modal-body-v14>label{margin-top:12px}
.phone-control{min-height:var(--field-h);align-items:center}
.check-label,.no-phone-check{min-height:44px!important;border-radius:11px!important}

/* Platform brand */
.brand-logo,.brand-mark,.logo-preview{background:linear-gradient(145deg,#14b8a6,#0f766e)!important;color:#fff}
.brand-logo img{width:100%;height:100%;object-fit:cover}
.platform-mark{font-size:13px;letter-spacing:0}

/* Super Admin layout */
.admin-view{min-height:100vh}
.admin-sidebar{position:fixed;top:76px;right:0;bottom:0;width:var(--admin-sidebar-w);background:#0b1324;color:#fff;z-index:45;display:flex;flex-direction:column;padding:18px 12px;border-left:1px solid #243249;box-shadow:-8px 0 30px rgba(15,23,42,.08)}
.admin-sidebar-brand{display:flex;align-items:center;gap:11px;padding:7px 8px 18px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:12px}
.admin-sidebar-brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;flex:0 0 auto}
.admin-sidebar-brand strong,.admin-sidebar-brand small{display:block}.admin-sidebar-brand strong{font-size:14px}.admin-sidebar-brand small{margin-top:4px;color:#94a3b8;font-size:11px}
.admin-nav{display:grid;gap:5px}.admin-nav-item{width:100%;border:0;border-radius:11px;padding:12px 13px;background:transparent;color:#aebbd0;display:flex;align-items:center;gap:11px;text-align:right;font-weight:700;transition:.18s ease}
.admin-nav-item>span{width:24px;text-align:center;color:#5eead4}.admin-nav-item:hover,.admin-nav-item.active{background:#172238;color:#fff}.admin-nav-item.active{box-shadow:inset -3px 0 #14b8a6}
.admin-sidebar-footer{margin-top:auto;padding:14px 10px 6px;border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar-footer strong,.admin-sidebar-footer small{display:block}.admin-sidebar-footer small{margin-top:4px;color:#94a3b8}
.admin-main-content{margin-right:var(--admin-sidebar-w);max-width:none!important;padding:104px 28px 48px!important}
.admin-page-heading{padding:3px 0 0}.admin-eyebrow{display:block!important;color:#0f766e;font-weight:900;font-size:12px;margin-bottom:5px}
.admin-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.admin-overview-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px}
.admin-attention-list{display:grid;gap:9px}.admin-alert{width:100%;border:1px solid #e2e8f0;border-radius:13px;background:#fff;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:right;color:var(--text)}.admin-alert:hover{border-color:#b8c5d3;transform:translateY(-1px)}.admin-alert-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8}.admin-alert.warning .admin-alert-dot{background:#f59e0b}.admin-alert.danger .admin-alert-dot{background:#ef4444}.admin-alert.success .admin-alert-dot{background:#22c55e}.admin-alert.info .admin-alert-dot{background:#3b82f6}.admin-alert strong,.admin-alert small{display:block}.admin-alert small{margin-top:3px;color:var(--muted);font-weight:500}.admin-alert>b{font-size:20px;color:#94a3b8}
.admin-recent-row{width:100%;border:0;border-bottom:1px solid #edf1f5;background:transparent;padding:11px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;color:var(--text)}.admin-recent-row:last-child{border-bottom:0}.admin-recent-row strong,.admin-recent-row small{display:block}.admin-recent-row small{margin-top:4px;color:var(--muted)}
.admin-create-panel{border-right:4px solid #0f766e}.form-collapsed{display:none!important}
.admin-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.admin-search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 10px}.admin-search input{border:0!important;box-shadow:none!important;padding-inline:3px!important}.admin-toolbar>select{width:auto;min-width:175px}.admin-toolbar>button{min-height:var(--field-h)}
.admin-auction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-auction-card{border:1px solid #dde5ed;background:#fff;border-radius:17px;padding:17px;box-shadow:0 8px 28px rgba(15,23,42,.06);display:grid;gap:14px}.admin-auction-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center}.admin-auction-avatar{width:48px;height:48px;border-radius:15px;background:#e5f8f4;color:#0f766e;display:grid;place-items:center;font-size:19px;font-weight:900}.admin-auction-card-head h3,.admin-auction-card-head p{margin:0}.admin-auction-card-head p{margin-top:4px;color:var(--muted);font-size:12px}.admin-auction-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-auction-facts>div{padding:9px;border:1px solid #e6ebf0;border-radius:11px;background:#fafbfd}.admin-auction-facts small,.admin-auction-facts strong,.admin-auction-facts span{display:block}.admin-auction-facts small,.admin-auction-facts span{color:var(--muted);font-size:10px}.admin-auction-facts strong{margin:3px 0;font-size:13px}.admin-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:2px}.admin-card-actions .primary{flex:1}.admin-empty-card{grid-column:1/-1;padding:35px;text-align:center;color:var(--muted);border:1px dashed #cbd5e1;border-radius:15px}
.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px}.admin-table th{background:#f1f5f9;color:#475569;font-size:12px;text-align:right;padding:11px;border-bottom:1px solid #dbe3ec}.admin-table td{padding:11px;border-bottom:1px solid #edf1f5;vertical-align:middle}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:var(--muted);margin-top:3px}.admin-table tr:hover td{background:#fbfcfd}.admin-row-actions{display:flex;gap:6px;flex-wrap:wrap}
.admin-auction-modal-card{width:min(1120px,96vw);max-height:94dvh}.admin-detail-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px}.admin-detail-metrics .metric{padding:12px}.admin-detail-metrics .metric strong{font-size:20px}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-detail-section{border:1px solid #dfe6ed;border-radius:15px;padding:15px;background:#fbfcfe;margin-bottom:14px}.admin-detail-section>h3{margin:0 0 13px}.subscription-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.admin-mini-users{display:grid;gap:7px}.admin-mini-users>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid #e4eaf0;border-radius:10px;background:#fff}.admin-mini-users strong,.admin-mini-users small{display:block}.admin-mini-users small{margin-top:3px;color:var(--muted)}.admin-payment-history{display:grid;gap:8px}.admin-payment-history>div{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;padding:10px;border-bottom:1px solid #e5eaf0}.admin-payment-history small{grid-column:1/-1;color:var(--muted)}
.announcement-admin-row{display:flex;justify-content:space-between;gap:15px;padding:13px;border:1px solid var(--line);border-radius:13px}.announcement-admin-row p{margin:5px 0;color:#334155}.announcement-admin-row small{color:var(--muted)}
.system-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.system-status-grid>div{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fafbfd}.system-status-grid small,.system-status-grid strong{display:block}.system-status-grid small{color:var(--muted);margin-bottom:5px}.platform-name-policy{border-right:4px solid #14b8a6}
.admin-sidebar-backdrop{display:none}

/* Platform announcements inside tenant */
.platform-announcements{display:grid;gap:8px;margin-bottom:14px}.platform-announcement{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;color:#1e3a5f}.platform-announcement strong,.platform-announcement p{display:block;margin:0}.platform-announcement p{margin-top:3px;font-size:12px}.announcement-icon{width:28px;height:28px;border-radius:9px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;flex:0 0 auto}

/* Tablet / phone */
@media(max-width:1260px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-auction-facts{grid-template-columns:repeat(2,1fr)}.admin-detail-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){
 .admin-sidebar{top:76px;right:0;transform:translateX(105%);width:min(86vw,310px);transition:transform .22s ease;box-shadow:-18px 0 45px rgba(15,23,42,.22)}.admin-sidebar.open{transform:translateX(0)}
 .admin-main-content{margin-right:0!important;padding:100px 18px 32px!important}.admin-sidebar-backdrop:not(.hidden){display:block;position:fixed;z-index:44;inset:76px 0 0;background:rgba(15,23,42,.42)}
}
@media(max-width:900px){.admin-overview-grid,.admin-detail-grid{grid-template-columns:1fr}.admin-auction-grid{grid-template-columns:1fr}.admin-detail-metrics{grid-template-columns:repeat(3,1fr)}.system-status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.form-grid,.admin-form-grid,.inline-form{grid-template-columns:1fr!important}.span-2{grid-column:auto}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar>select,.admin-toolbar>button{width:100%}.admin-search{width:100%}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-detail-metrics{grid-template-columns:repeat(2,1fr)}.admin-auction-card-head{grid-template-columns:46px minmax(0,1fr)}.admin-auction-card-head>.badge{grid-column:1/-1;justify-self:start}.admin-card-actions{display:grid;grid-template-columns:1fr 1fr}.admin-card-actions .primary{grid-column:1/-1}.announcement-admin-row{flex-direction:column}.system-status-grid{grid-template-columns:1fr}.modal-card.admin-auction-modal-card{padding:14px 11px}.admin-payment-history>div{grid-template-columns:1fr}}
@media(max-width:480px){.admin-main-content{padding:94px 9px 25px!important}.admin-metrics{grid-template-columns:1fr 1fr;gap:8px}.admin-detail-metrics{grid-template-columns:1fr 1fr}.admin-auction-facts{grid-template-columns:1fr 1fr}.platform-splash-card img{width:118px!important;height:118px!important}}


/* ===== V6.4 DAILY OPERATIONS + SUPER ADMIN DETAIL ===== */
.action-center-panel{border-color:rgba(15,118,110,.20);background:linear-gradient(145deg,#fff,#f8fffd)}
.action-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.action-card{appearance:none;text-align:right;border:1px solid var(--line);border-radius:16px;background:#fff;padding:15px;color:var(--text);min-height:140px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:.2s transform,.2s border-color,.2s box-shadow}
.action-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,23,42,.08)}
.action-card.needs-action{border-color:#f5c76d;background:linear-gradient(145deg,#fff,#fffbeb)}
.action-card.is-clear{opacity:.72}.action-card-top{display:flex;align-items:center;gap:8px}.action-card-top strong{flex:1}.action-card-top b{font-size:22px}.action-status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.needs-action .action-status-dot{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}.action-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.action-card-amount{font-size:18px;font-weight:900}.action-card-link{font-size:11px;color:var(--primary);font-weight:800;margin-top:auto}
.financial-feed{display:grid}.financial-feed-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid var(--line)}.financial-feed-row:last-child{border-bottom:0}.financial-feed-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-weight:900}.financial-feed-icon.in{background:#ecfdf5;color:#059669}.financial-feed-icon.out{background:#fff1f2;color:#e11d48}.financial-feed-main{display:grid;gap:2px}.financial-feed-main span,.financial-feed-main small{color:var(--muted);font-size:11px}
.dashboard-session-row small{color:var(--muted)}
.settlement-summary{margin-bottom:14px}.settlement-tab{display:flex!important;align-items:center;gap:7px}.settlement-count{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#e2e8f0;color:#475569;font-size:11px}.settlement-count.has-items{background:#fef3c7;color:#92400e}.settlement-tab.active .settlement-count{background:rgba(255,255,255,.22);color:inherit}
.session-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session-title-line h3{margin:0}.session-pending-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 12px;margin-top:12px;border-radius:12px;background:#fff8e7;border:1px solid #f4d58a;font-size:11px}.session-pending-strip span{color:#7c5c17}.session-pending-strip b{padding:5px 8px;border-radius:8px;background:#fff;color:#8a5c00}.session-ready{border-color:#cce9df}
.sale-save-actions{justify-content:flex-end}.sale-save-actions #saveAndNewSaleBtn{border-color:#a7d8ca;color:#0f766e;background:#f0fdf9}
.client-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc);margin-bottom:14px}.customer-avatar.large{width:56px;height:56px;font-size:18px}.client-profile-hero>div:nth-child(2){display:grid;gap:3px}.client-profile-hero>div:nth-child(2)>strong{font-size:18px}.client-profile-hero>div:nth-child(2)>span{font-size:12px;color:var(--muted)}.profile-hero-net{display:grid;text-align:left;gap:3px;padding:9px 12px;border-radius:12px}.profile-hero-net.positive{background:#ecfdf5;color:#047857}.profile-hero-net.negative{background:#fff1f2;color:#be123c}.profile-hero-net small{font-size:10px}.profile-hero-net b{font-size:16px}.client-profile-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:8px;margin-bottom:10px}.client-profile-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 12px;border-radius:10px;font-weight:800}.client-profile-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.client-profile-panel{min-height:240px}.profile-summary-v64{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-stat.danger-soft{background:#fff1f2}.profile-stat.success-soft{background:#ecfdf5}.profile-stat.warning-soft{background:#fffbeb}.profile-section-title{margin:20px 0 8px}
.admin-auction-detail-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--admin-line);border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc);margin-bottom:14px}.admin-auction-detail-header>div:nth-child(2){display:grid;gap:3px}.admin-auction-detail-header>div:nth-child(2)>strong{font-size:19px}.admin-auction-detail-header span,.admin-auction-detail-header small{color:#64748b}.admin-auction-avatar.large{width:56px;height:56px;font-size:20px}.admin-detail-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--admin-line);padding:0 3px 10px;margin:10px 0 16px}.admin-detail-tabs button{white-space:nowrap;border:0;background:#f1f5f9;color:#526174;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}.admin-detail-tabs button.active{background:#17283b;color:#fff}.admin-detail-tabpane{animation:v64fade .15s ease}.admin-account-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-account-status-grid>div{display:grid;gap:3px;padding:11px;border:1px solid var(--admin-line);border-radius:12px;background:#f8fafc}.admin-account-status-grid span{font-size:11px;color:#64748b}.admin-detail-user{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--admin-line)}.admin-detail-user>div{display:grid;gap:2px}.admin-detail-user span,.admin-detail-user small{font-size:11px;color:#64748b}.admin-activity-list{display:grid}.admin-activity-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--admin-line)}.admin-activity-row>div{display:grid;gap:3px}.admin-activity-row span,.admin-activity-row small{font-size:11px;color:#64748b}.admin-payment-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--admin-line)}.admin-payment-row>div{display:grid;gap:3px}.admin-payment-row span,.admin-payment-row small{font-size:11px;color:#64748b}@keyframes v64fade{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:980px){.action-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-summary-v64{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.action-center-grid{grid-template-columns:1fr}.client-profile-hero,.admin-auction-detail-header{grid-template-columns:auto 1fr}.client-profile-hero .profile-hero-net,.admin-auction-detail-header>.badge{grid-column:1/-1;text-align:right}.profile-summary-v64,.admin-account-status-grid{grid-template-columns:1fr}.admin-payment-row{grid-template-columns:1fr}.financial-feed-row{grid-template-columns:36px minmax(0,1fr)}.financial-feed-row>b{grid-column:2}.sale-save-actions{display:grid;grid-template-columns:1fr}.sale-save-actions>*{width:100%}}


/* ===== V6.4.1 STABILIZATION ===== */
/* Super Admin sidebar: internal scrolling on tablets / short screens */
.admin-sidebar{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;-webkit-overflow-scrolling:touch}
.admin-sidebar-brand{flex:0 0 auto}.admin-nav{flex:0 0 auto;padding-bottom:8px}.admin-sidebar-footer{flex:0 0 auto;margin-top:10px!important}
.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.42);border-radius:99px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}

/* Dismissible tenant announcements */
.platform-announcement{position:relative;align-items:flex-start}.announcement-copy{min-width:0;flex:1}.announcement-dismiss{width:30px;height:30px;min-width:30px;border:0;border-radius:9px;background:rgba(255,255,255,.72);color:#475569;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.announcement-dismiss:hover{background:#fff;color:#b91c1c}.announcement-dismiss:disabled{opacity:.55;cursor:wait}

/* Unified pagination for long records */
.pager-hidden{display:none!important}.record-pager{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:10px;position:static;z-index:auto;grid-column:1/-1;width:100%;min-height:0;box-sizing:border-box;align-self:start}.pager-summary{color:var(--muted);font-size:12px}.pager-summary strong{color:var(--text)}.pager-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pager-actions label{display:flex;align-items:center;gap:6px;margin:0!important;color:var(--muted);font-size:12px}.pager-actions select{min-height:34px!important;height:34px!important;width:68px!important;padding:3px 7px!important}.pager-actions button{min-height:34px}.pager-actions button:disabled{opacity:.45;cursor:not-allowed}.pager-page{min-width:52px;text-align:center;font-weight:800;color:#334155;font-size:12px}
#adminAudit,#announcementList,#walletTransactions,#settlementHistory,#nettingHistory,#deliveryHistory,#returnHistory,#tenantAudit{scroll-margin-top:100px}
@media(max-width:760px){.record-pager{align-items:stretch;flex-direction:column}.pager-actions{width:100%;justify-content:space-between}.pager-summary{text-align:center}.platform-announcement{padding:11px}.announcement-dismiss{width:34px;height:34px;min-width:34px}}


/* ===== V6.5 — Plans, granular permissions, subscription states, notifications ===== */
.notification-button{position:relative}.notification-badge{position:absolute;top:-5px;left:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#dc2626;color:#fff;font:700 10px/1 system-ui;border:2px solid #fff}.notification-panel{position:fixed;z-index:90;top:76px;left:18px;width:min(430px,calc(100vw - 28px));max-height:min(680px,calc(100dvh - 96px));overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.22)}.notification-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid var(--line);background:#fbfcfe}.notification-panel-head>div:first-child{display:grid;gap:2px}.notification-panel-head small{color:var(--muted)}.notification-panel-actions{display:flex;align-items:center;gap:6px}.notification-list{overflow:auto;max-height:570px;padding:8px}.notification-row{width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:11px 8px;display:grid;grid-template-columns:10px 1fr;gap:10px;text-align:right;cursor:pointer}.notification-row.unread{background:#f4fbf9}.notification-row:hover{background:#f8fafc}.notification-row p{margin:4px 0;color:#536173}.notification-row small{color:var(--muted)}.notification-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#0ea5e9}.notification-dot.warning{background:#f59e0b}.notification-dot.danger{background:#dc2626}.notification-dot.info{background:#0ea5e9}.subscription-banner{margin-bottom:14px;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 12px;border:1px solid}.subscription-banner.warning{background:#fff8e7;border-color:#f5d78b;color:#7a5200}.subscription-banner.danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.subscription-banner small{grid-column:1/-1;opacity:.82}
.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-plan-card{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.admin-plan-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.admin-plan-head>div{display:grid;gap:3px}.admin-plan-head strong{font-size:17px}.admin-plan-head span{color:var(--muted);font-size:12px}.admin-plan-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0}.admin-plan-facts>div{padding:9px;border-radius:11px;background:var(--surface-soft);border:1px solid var(--line)}.admin-plan-facts small{display:block;color:var(--muted)}.admin-plan-facts strong{display:block;margin-top:3px}.permission-modal-card{width:min(920px,95vw);max-height:92dvh}.permission-mode-label{margin-bottom:12px}.permission-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:58dvh;overflow:auto;padding:2px}.permission-catalog-disabled{opacity:.55}.permission-group{border:1px solid var(--line);border-radius:13px;padding:11px;background:#fbfcfe}.permission-group h4{margin:0 0 8px;color:var(--primary-dark)}.permission-group>div{display:grid;gap:6px}.permission-choice{display:flex!important;align-items:center;gap:8px;padding:8px;border-radius:9px;background:#fff;border:1px solid #e8edf2;font-weight:600!important}.permission-choice input{width:auto!important;min-height:auto!important;accent-color:var(--primary)}.audit-meta-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.audit-meta-chips span{font-size:11px;padding:4px 7px;border-radius:999px;background:#eef5f4;color:#0f665d;border:1px solid #d1e8e3}
@media(max-width:980px){.admin-plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.admin-plan-grid,.permission-catalog{grid-template-columns:1fr}.notification-panel{top:70px;left:8px;width:calc(100vw - 16px)}.subscription-banner{grid-template-columns:1fr}}


/* V6.5.1 — account menu, user management and permission UX */
.account-menu-wrap{position:relative;display:flex;align-items:center}.account-menu-button{font-size:18px}.account-menu{position:absolute;top:calc(100% + 10px);left:0;width:min(310px,88vw);background:#fff;color:#172033;border:1px solid #d9e2ec;border-radius:15px;padding:7px;box-shadow:0 18px 48px rgba(15,23,42,.22);z-index:120}.account-menu-head{display:grid;gap:2px;padding:10px 11px 11px;border-bottom:1px solid #e6ebf1;margin-bottom:5px}.account-menu-head strong{font-size:14px}.account-menu-head small{color:#64748b;font-size:11px}.account-menu>button{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;text-align:right;border:0;background:transparent;color:#263547;padding:9px 10px;border-radius:10px;cursor:pointer}.account-menu>button:hover{background:#f1f5f9}.account-menu>button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf3f6}.account-menu>button>div{display:grid;gap:1px}.account-menu>button strong{font-size:12px}.account-menu>button small{font-size:10px;color:#748195}.account-menu>button.account-logout{color:#b4232c}.account-profile-card{width:min(620px,94vw)}
.permission-help{padding:10px 12px;margin:10px 0;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:12px}.permission-reset-row{display:flex;justify-content:flex-start;margin-top:9px}.permission-catalog-role{opacity:1!important}.permission-catalog-role .permission-choice{cursor:pointer}.permission-catalog-role input{pointer-events:auto!important}.permission-catalog-custom .permission-choice{border-color:#c7e5dd}.item-actions .delete-user{min-width:58px}.user-permission-note{font-size:11px;color:var(--muted)}
@media(max-width:680px){.account-menu{position:fixed;top:70px;left:8px;right:8px;width:auto}.account-menu-button{width:38px!important;height:38px!important}.item-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.item-actions .role{grid-column:1/-1}.item-actions button{width:100%}}


/* === V6.6 clean login portals === */
.login-shell{background:radial-gradient(circle at 20% 12%,rgba(20,184,166,.13),transparent 31%),linear-gradient(145deg,#020617,#0f172a 62%,#111827)}
.login-card{width:min(430px,100%);padding:28px;border-radius:20px;border-color:rgba(255,255,255,.10);box-shadow:0 28px 70px rgba(0,0,0,.38)}
.login-brand{padding-bottom:17px;border-bottom:1px solid var(--line)}
.login-brand h1{font-size:20px}.login-brand p{font-size:12px;margin-top:4px!important}
.clean-login-copy{margin:21px 0 15px}.clean-login-copy h2{font-size:18px}.clean-login-copy p{font-size:13px;line-height:1.7}
.login-card .stack label{font-size:13px;font-weight:800;color:#334155}.login-card .stack input{margin-top:7px;min-height:48px;border-radius:12px}
.login-submit{min-height:48px;margin-top:2px}
.login-footer-note{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-align:center}
.test-build-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-weight:800}
body.admin-login-portal .brand-mark{background:linear-gradient(135deg,#334155,#0f172a)}
body.admin-login-portal .login-submit{background:#0f172a}
body.admin-login-portal .login-submit:hover{background:#1e293b}
@media(max-width:520px){.login-shell{padding:12px}.login-card{padding:22px 17px;border-radius:18px}.login-brand{align-items:flex-start}.login-footer-note{line-height:1.6}}

/* V6.6.1 login route hardening */
.admin-portal-link{font-size:.78rem;color:var(--text-muted);text-decoration:none;border-bottom:1px dashed currentColor;opacity:.75}
.admin-portal-link:hover{opacity:1;color:var(--accent)}
body.admin-login-portal .admin-portal-link{display:none}

/* ===== V6.7.3 PUBLIC LANDING + HELP + SUPPORT + SETTLEMENT CENTER ===== */
.nav-badge{margin-inline-start:auto;min-width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;font-size:11px;padding:0 6px}.nav-badge.hidden{display:none}

/* Keep two-word sidebar labels on one line */
.sidebar-menu .nav-item{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}
.sidebar-menu .nav-item>.nav-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f0f3f8;font-size:16px}
.sidebar-menu .nav-item>span:not(.nav-icon){width:auto!important;height:auto!important;min-width:0;display:block!important;place-items:initial!important;flex:1;text-align:right!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent!important;box-shadow:none!important;font-size:13px!important}
.sidebar-menu .nav-item.active>.nav-icon{background:#fff;color:var(--primary);box-shadow:0 5px 13px rgba(49,87,213,.12)}
.admin-nav-item{white-space:nowrap;overflow:hidden}.admin-nav-item>.nav-badge{margin-inline-start:auto}

/* Settlement center — same visual language as the rest of the app */
.settlement-center-home{display:grid;gap:16px}
.settlement-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.settlement-center-card{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:17px;text-align:right;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;min-height:132px;cursor:pointer;box-shadow:var(--shadow);transition:.18s transform,.18s border-color,.18s box-shadow}
.settlement-center-card:hover{transform:translateY(-2px);border-color:#cbd7e5;box-shadow:var(--shadow-strong)}
.settlement-center-card .settlement-card-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary-soft),var(--accent-soft));font-size:23px}
.settlement-center-card strong{display:block;font-size:16px}.settlement-center-card small{display:block;color:var(--muted);margin-top:5px;line-height:1.65}
.settlement-card-stats{text-align:left;min-width:88px}.settlement-card-stats b{display:block;font-size:22px;color:var(--text)}.settlement-card-stats span{font-size:11px;color:var(--muted)}
.settlement-center-card em{grid-column:2/4;font-style:normal;color:var(--primary);font-weight:800;font-size:12px}
.settlement-history-card{grid-column:span 3;min-height:92px}
.settlement-center-card.tone-blue,.settlement-center-card.tone-orange,.settlement-center-card.tone-green,.settlement-center-card.tone-purple,.settlement-center-card.tone-cyan,.settlement-center-card.tone-red,.settlement-center-card.tone-gray{border-top:1px solid var(--line)}
.settlement-attention{border-radius:var(--radius);border:1px solid #f0d79c;background:linear-gradient(145deg,#fff,#fffbef);padding:16px;box-shadow:0 8px 24px rgba(31,49,80,.05)}
.settlement-attention-title{display:flex;gap:11px;align-items:center;margin-bottom:11px}.settlement-attention-title>span{font-size:23px}.settlement-attention-title strong,.settlement-attention-title small{display:block}.settlement-attention-title small{color:var(--muted);margin-top:3px}
.settlement-attention-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.settlement-attention-items button{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:13px;padding:12px;text-align:right;cursor:pointer}.settlement-attention-items button:hover{border-color:#e3c679;background:#fffdf8}.settlement-attention-items button strong,.settlement-attention-items button span{display:block}.settlement-attention-items button span{color:var(--muted);font-size:11px;margin-top:4px}
.settlement-all-clear{padding:14px;border:1px solid #cce9df;background:#f0fdf9;border-radius:14px;color:#166534}
.settlement-section-header{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:10px 0}.settlement-section-header>div strong,.settlement-section-header>div small{display:block}.settlement-section-header>div small{color:var(--muted);margin-top:3px}

/* Guide — accordion answers appear directly under each question */
.help-guide-panel{max-width:980px}.help-topic-list{display:grid;gap:10px}.help-faq-item{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;transition:.18s border-color,.18s box-shadow}.help-faq-item.open{border-color:#b9c8ef;box-shadow:0 8px 24px rgba(31,49,80,.06)}
.help-topic{width:100%;border:0;background:#fff;color:var(--text);padding:14px 15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;text-align:right;cursor:pointer}.help-topic:hover{background:var(--surface-soft)}.help-faq-item.open .help-topic{background:linear-gradient(145deg,#fff,#f5f7ff)}
.help-topic-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);font-size:20px}.help-topic strong,.help-topic small{display:block}.help-topic small{color:var(--muted);margin-top:3px;font-size:11px}.help-chevron{color:var(--muted);font-size:20px;transition:.18s transform}.help-faq-item.open .help-chevron{transform:rotate(180deg);color:var(--primary)}
.help-inline-answer{padding:4px 66px 18px 18px;border-top:1px solid #edf1f6;line-height:1.9;color:var(--muted);background:#fff}.help-inline-answer p{margin:13px 0}.help-inline-answer ol,.help-inline-answer ul{margin:10px 0;padding-right:22px}.help-inline-answer strong{color:var(--text)}

/* Support */
.support-tenant-layout,.support-admin-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(360px,1.15fr);gap:16px;margin-bottom:16px}.support-admin-layout{grid-template-columns:minmax(330px,.9fr) minmax(400px,1.1fr)}.support-ticket-list{display:grid;gap:8px}.support-ticket-row{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:13px;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:right;cursor:pointer;width:100%}.support-ticket-row.active,.support-ticket-row:hover{border-color:#b9c8ef;background:#f7f9ff}.support-ticket-row strong,.support-ticket-row small{display:block}.support-ticket-row small{color:var(--muted);margin-top:4px}.support-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;white-space:nowrap;background:#eef2f7}.status-new{background:#eaf4fb}.status-in_progress{background:#fff7e7}.status-waiting_customer{background:#f2edff}.status-resolved{background:#e9f7f0}.status-closed{opacity:.72}.support-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.support-detail-head h2{margin:8px 0 4px}.support-detail-head p{color:var(--muted);margin:0}.support-thread{display:grid;gap:10px;max-height:430px;overflow:auto;padding:4px}.support-message{max-width:86%;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.support-message.from-tenant{justify-self:start}.support-message.from-admin{justify-self:end;background:#f1f5ff}.support-message>div{display:flex;justify-content:space-between;gap:12px}.support-message small{color:var(--muted)}.support-message p{margin:8px 0 0;white-space:pre-wrap;line-height:1.7}.support-reply{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.support-reply textarea{min-height:88px}.support-admin-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-bottom:14px}.support-grant-banner,.support-access-current{display:grid;gap:4px;padding:12px;border:1px solid #cce9df;background:#f0fdf9;border-radius:13px;margin-bottom:14px}.support-grant-banner span,.support-grant-banner small,.support-access-current span{color:var(--muted)}

/* Public landing — light palette aligned with the app */
.landing-body{margin:0;background:#eef2f7;color:#132033;font-family:"Segoe UI",Tahoma,Arial,sans-serif;direction:rtl}.landing-body a{color:inherit;text-decoration:none}
.landing-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:13px max(22px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #dfe6ee;box-shadow:0 6px 24px rgba(31,49,80,.05)}.landing-brand{display:flex;gap:10px;align-items:center}.landing-brand img{width:44px;height:44px;border-radius:12px}.landing-brand strong,.landing-brand small{display:block}.landing-brand strong{color:#1b2a41}.landing-brand small{color:#6b778c;margin-top:2px}.landing-header nav{display:flex;gap:22px;align-items:center;color:#526174}.landing-header nav>a:hover{color:#3157d5}.landing-login-link{padding:10px 16px;border-radius:11px;background:#3157d5;color:#fff!important;font-weight:800;box-shadow:0 8px 18px rgba(49,87,213,.18)}
.landing-hero{max-width:1180px;margin:auto;padding:84px 22px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.landing-kicker,.landing-section-head>span,.landing-contact>div>span{color:#0f9f8f;font-weight:800}.landing-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.16;margin:16px 0 20px;letter-spacing:-1.3px;color:#16243a}.landing-hero-copy>p{font-size:18px;color:#5f6e83;line-height:1.9;max-width:680px}.landing-actions{display:flex;gap:12px;margin-top:28px}.landing-primary,.landing-secondary{display:inline-flex;padding:14px 22px;border-radius:13px;font-weight:800}.landing-primary{background:#3157d5;color:#fff!important;box-shadow:0 10px 24px rgba(49,87,213,.18)}.landing-secondary{border:1px solid #d8e1ec;background:#fff;color:#3157d5!important}.landing-trust{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px;color:#6b778c;font-size:14px}
.landing-dashboard-mock{border:1px solid #dce4ee;background:#fff;border-radius:22px;padding:20px;box-shadow:0 24px 65px rgba(31,49,80,.14);transform:rotate(-.5deg)}.mock-top{display:flex;gap:6px}.mock-top span{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.mock-title{font-size:20px;font-weight:800;margin:22px 0 14px;color:#16243a}.mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-metrics div,.mock-action{background:#f6f8fb;border:1px solid #dfe6ee;border-radius:14px;padding:14px}.mock-metrics small,.mock-metrics b{display:block}.mock-metrics small{color:#6b778c}.mock-metrics b{font-size:22px;margin-top:8px;color:#16243a}.mock-action{margin-top:10px;background:#fff}.mock-action>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9eef4;color:#536173}.mock-action>div:last-child{border-bottom:0}.mock-action span{color:#3157d5;font-weight:800}
.landing-section{max-width:1180px;margin:auto;padding:72px 22px}.landing-section-head{text-align:center;max-width:720px;margin:0 auto 34px}.landing-section-head h2{font-size:36px;margin:10px 0;color:#16243a}.landing-section-head p{color:#6b778c}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-feature-grid article{background:#fff;border:1px solid #dfe6ee;border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(31,49,80,.05)}.landing-feature-grid article>span{font-size:30px}.landing-feature-grid h3{margin:14px 0 8px;color:#1b2a41}.landing-feature-grid p{color:#6b778c;line-height:1.75}.landing-how{border-top:1px solid #dfe6ee;background:rgba(255,255,255,.35)}.landing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.landing-steps>div{padding:20px}.landing-steps b{display:flex;width:38px;height:38px;border-radius:11px;background:#3157d5;color:#fff;align-items:center;justify-content:center}.landing-steps h3{color:#1b2a41}.landing-steps p{color:#6b778c;line-height:1.7}.landing-contact{max-width:1136px;margin:40px auto 80px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #cfdaf4;background:linear-gradient(120deg,#f4f7ff,#effbf8);border-radius:22px;box-shadow:0 12px 35px rgba(31,49,80,.07)}.landing-contact h2{margin:8px 0;color:#16243a}.landing-contact p{color:#5f6e83}.landing-contact>a{padding:14px 20px;background:#3157d5;color:#fff!important;border-radius:13px;font-weight:800;white-space:nowrap}.landing-footer{border-top:1px solid #dfe6ee;max-width:1180px;margin:auto;padding:32px 22px;display:flex;justify-content:space-between;gap:20px;color:#6b778c}.landing-footer strong{color:#1b2a41}.landing-footer>div:last-child{display:grid;gap:7px;text-align:left}

@media(max-width:1000px){.settlement-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-history-card{grid-column:span 2}.settlement-attention-items{grid-template-columns:repeat(2,minmax(0,1fr))}.support-tenant-layout,.support-admin-layout{grid-template-columns:1fr}.landing-hero{grid-template-columns:1fr;padding-top:60px}.landing-dashboard-mock{max-width:700px}.landing-feature-grid{grid-template-columns:repeat(2,1fr)}.landing-steps{grid-template-columns:repeat(2,1fr)}.landing-header nav a:not(.landing-login-link){display:none}}
@media(max-width:620px){.settlement-center-grid,.settlement-attention-items{grid-template-columns:1fr}.settlement-history-card{grid-column:auto}.settlement-center-card{grid-template-columns:auto minmax(0,1fr);min-height:124px}.settlement-card-stats{grid-column:2;text-align:right}.settlement-center-card em{grid-column:2}.help-inline-answer{padding:4px 15px 16px}.support-reply,.support-admin-controls{grid-template-columns:1fr}.landing-header{padding:12px 16px}.landing-brand small{display:none}.landing-hero{padding:50px 18px}.landing-hero h1{font-size:39px}.landing-actions{flex-direction:column}.landing-feature-grid,.landing-steps{grid-template-columns:1fr}.landing-section{padding:54px 18px}.landing-contact{margin:20px 18px 60px;flex-direction:column;align-items:flex-start}.landing-footer{flex-direction:column}.landing-footer>div:last-child{text-align:right}}


/* ===== V6.7.3 PUBLIC SITE SETTINGS + TEST PORTAL SWITCH ===== */
.portal-switch-button{font:inherit;cursor:pointer;background:transparent;border:0;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.public-site-form .settings-section{margin:0;padding:18px;border:1px solid var(--border-color);border-radius:16px;background:var(--panel-soft,rgba(148,163,184,.06))}.public-site-form .settings-section h3{margin:0 0 16px}.public-site-form textarea{resize:vertical;min-height:110px}.public-site-form .logo-preview img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.landing-about{padding-top:28px}.landing-text-card{max-width:900px;margin:auto;background:#fff;border:1px solid #dfe6ee;border-radius:18px;padding:28px;box-shadow:0 10px 28px rgba(31,49,80,.05)}.landing-text-card p{margin:0;color:#5f6e83;line-height:2;white-space:pre-line}
.landing-legal-wrap{padding-top:8px}.landing-legal{background:#fff;border:1px solid #dfe6ee;border-radius:16px;padding:0 20px;margin:12px auto;max-width:1000px}.landing-legal summary{cursor:pointer;font-weight:800;color:#1b2a41;padding:18px 0;list-style:none}.landing-legal summary::-webkit-details-marker{display:none}.landing-legal summary:after{content:'+';float:left;color:#3157d5;font-size:22px}.landing-legal[open] summary:after{content:'−'}.landing-legal p{white-space:pre-line;line-height:2;color:#5f6e83;border-top:1px solid #e7edf4;margin:0;padding:18px 0 22px}
.landing-footer>div:last-child{display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start}.landing-footer>div:last-child a{color:#536173}.landing-footer>div:last-child a:hover{color:#3157d5}

/* V6.7.4 WhatsApp identity */
.landing-whatsapp{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:13px;background:#25d366!important;border:1px solid #20bd5a!important;color:#fff!important;font-weight:800;box-shadow:0 9px 22px rgba(37,211,102,.18);transition:transform .18s ease,box-shadow .18s ease}
.landing-whatsapp:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(37,211,102,.24)}
.landing-whatsapp.hidden{display:none!important}
.whatsapp-icon{width:23px;height:23px;display:inline-flex;flex:0 0 23px;align-items:center;justify-content:center}
.whatsapp-icon svg{width:100%;height:100%;display:block}
.whatsapp-icon .wa-bubble{fill:#fff}.whatsapp-icon .wa-phone{fill:#25d366}
.floating-whatsapp{position:fixed;left:22px;bottom:22px;z-index:80;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.23);border:2px solid #fff;transition:transform .18s ease,box-shadow .18s ease}
.floating-whatsapp:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 30px rgba(15,23,42,.27)}
.floating-whatsapp.hidden{display:none!important}.floating-whatsapp .whatsapp-icon{width:32px;height:32px;flex-basis:32px}
@media(max-width:620px){.floating-whatsapp{left:16px;bottom:16px;width:52px;height:52px}.floating-whatsapp .whatsapp-icon{width:29px;height:29px;flex-basis:29px}}

/* ===== V6.8 FINAL LAB ACCEPTANCE ===== */
.readiness-summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--border-color);border-radius:16px;background:var(--panel-dark);margin-bottom:14px}
.readiness-summary strong{display:block;margin-top:4px;font-size:1.05rem}.readiness-numbers{display:flex;gap:8px;flex-wrap:wrap}.readiness-numbers span{padding:7px 10px;border:1px solid var(--border-color);border-radius:999px;font-size:.82rem;white-space:nowrap}
.readiness-list{display:grid;gap:9px}.readiness-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-dark)}.readiness-row>div{display:grid;gap:3px;min-width:0}.readiness-row small{color:var(--text-muted);line-height:1.55}.readiness-row .badge{min-width:78px;text-align:center}
.production-next-list{margin:14px 0 0;padding:0 20px 0 0;display:grid;gap:9px;color:var(--text-main)}.production-next-list li::marker{color:var(--accent)}
@media(max-width:700px){.readiness-summary{align-items:flex-start;flex-direction:column}.readiness-numbers{width:100%}.readiness-row{display:grid;grid-template-columns:auto 1fr}}


/* V6.8.2 support mode + financial history */
.support-mode-banner{position:fixed;top:76px;inset-inline:0;z-index:49;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid var(--warning);background:#fff7ed;color:#7c2d12}.support-mode-banner>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.support-mode-banner strong{white-space:nowrap}.support-mode-banner.hidden{display:none}.active-support-grant .list-row{align-items:center}.support-grant-banner button{margin-inline-start:auto}.payment-history-item .danger,.unified-settlement-item .danger{margin-top:10px}@media(max-width:720px){.support-mode-banner{align-items:stretch;flex-direction:column}.support-mode-banner button{width:100%}}

#supportModeBanner:not(.hidden) ~ #tenantView .tenant-content{padding-top:148px;}
@media(max-width:560px){#supportModeBanner:not(.hidden) ~ #tenantView .tenant-content{padding-top:158px;}}


/* === V6.8.3 UX alignment: GitHub-style settlements, wallets, tablet grids, reports and support === */
@media (min-width:700px) and (max-width:1180px){
  #clientList.client-cards,#sessionList.session-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}
  #sessionList .session-card{min-width:0}
  #sessionList .session-stats-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px){#clientList.client-cards,#sessionList.session-cards{grid-template-columns:1fr!important}}

.wallet-page-actions{display:flex;gap:10px;flex-wrap:wrap}.wallet-action-toggle.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.wallet-github-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.wallet-github-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);display:grid;gap:12px;min-height:260px}.wallet-card-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#eef6ff,#e7faf6);display:grid;place-items:center;font-size:27px}.wallet-github-card>span{color:var(--muted);font-size:16px}.wallet-github-card>strong{font-size:34px;line-height:1}.wallet-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.wallet-flow-grid>div{background:var(--surface-soft);border-radius:14px;padding:12px}.wallet-flow-grid small,.wallet-flow-grid b{display:block}.wallet-flow-grid small{color:var(--muted);margin-bottom:5px}.wallet-github-card .wallet-show-history{margin-top:auto;width:100%}.wallet-action-panels{margin-bottom:16px}.wallet-action-panel{margin-bottom:0}
@media(max-width:900px){.wallet-github-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wallet-github-card{padding:15px;min-height:225px}.wallet-github-card>strong{font-size:26px}}
@media(max-width:620px){.wallet-github-grid{grid-template-columns:1fr}.wallet-github-card{min-height:0}.wallet-page-actions{width:100%}.wallet-page-actions button{flex:1}}

.settlement-summary-compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.settlement-classic-home{display:grid;gap:16px}.settlement-classic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settlement-classic-panel{min-height:330px}.settlement-classic-head{border-bottom:1px solid var(--line);padding-bottom:12px}.settlement-head-total{text-align:left;min-width:105px}.settlement-head-total span{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:900}.settlement-head-total strong{display:block;margin-top:5px;color:var(--success);font-size:17px}.settlement-delivery-wide{min-height:auto}.settlement-history-details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.settlement-history-details summary{cursor:pointer;color:var(--primary);font-weight:800}.settlement-history-details[open] summary{margin-bottom:10px}.settlement-extra-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.settlement-extra-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;text-align:right;display:flex;justify-content:space-between;gap:10px;align-items:center;box-shadow:var(--shadow);cursor:pointer}.settlement-extra-card strong,.settlement-extra-card small{display:block}.settlement-extra-card small{color:var(--muted);margin-top:4px}.settlement-extra-card>div:last-child{text-align:left}.settlement-extra-card b{font-size:18px;color:var(--primary)}.settlement-extra-card span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.settlement-attention-compact{margin-bottom:0}.settlement-attention-compact .settlement-attention-title{padding:9px 12px}.settlement-attention-compact .settlement-attention-items{grid-template-columns:repeat(4,minmax(0,1fr))}.settlement-attention-compact .settlement-attention-items button{padding:9px 10px}
@media(max-width:980px){.settlement-classic-grid{grid-template-columns:1fr 1fr}.settlement-extra-actions{grid-template-columns:repeat(2,1fr)}.settlement-attention-compact .settlement-attention-items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.settlement-classic-grid{grid-template-columns:1fr}.settlement-classic-panel{min-height:0}.settlement-extra-actions{grid-template-columns:1fr}.settlement-summary-compact{grid-template-columns:repeat(2,1fr)}}

.report-filter-grid-v683{grid-template-columns:repeat(3,minmax(0,1fr))}.report-scope-hint{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:12px}.section-backup-grid{align-items:end}.settings-divider{height:1px;background:var(--line);margin:18px 0}.dangerous-data-panel{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fffafa)}.danger-zone-note{display:grid;gap:4px;padding:12px 14px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:13px;margin-bottom:14px}.data-reset-explanation{padding:12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;line-height:1.7}.data-reset-grid{align-items:end}
@media(max-width:850px){.report-filter-grid-v683{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.report-filter-grid-v683{grid-template-columns:1fr}}

.support-mode-banner{top:84px!important;inset-inline:auto 16px!important;width:auto!important;max-width:min(520px,calc(100vw - 32px));border:1px solid #fdba74!important;border-radius:14px!important;padding:7px 9px!important;box-shadow:0 10px 28px rgba(124,45,18,.14);background:#fff7ed!important;gap:8px!important}.support-mode-banner>div{gap:7px!important;flex-wrap:nowrap!important;min-width:0}.support-mode-banner strong{font-size:12px}.support-mode-banner span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-mode-banner button{padding:6px 9px!important;font-size:11px!important;white-space:nowrap}.support-mode-banner.hidden{display:none!important}#supportModeBanner:not(.hidden) ~ #tenantView .tenant-content{padding-top:104px!important}@media(max-width:720px){.support-mode-banner{top:76px!important;right:10px!important;left:10px!important;max-width:none!important;flex-direction:row!important;align-items:center!important}.support-mode-banner button{width:auto!important}}@media(max-width:560px){#supportModeBanner:not(.hidden) ~ #tenantView .tenant-content{padding-top:92px!important}}

/* === V6.8.4 section import === */
.section-backup-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.section-backup-actions button{white-space:nowrap}

/* === V6.8.5 pagination placement stabilization === */
#clientList.client-cards>.record-pager,#sessionList.session-cards>.record-pager{grid-column:1/-1!important;width:100%!important;min-height:0!important;align-self:start!important;position:static!important}
#clientList.client-cards:has(>.record-pager){align-items:start}
@media(max-width:760px){.record-pager{position:static!important;min-height:0!important}.pager-actions{flex-wrap:wrap}.pager-actions label{flex:0 0 auto}}