/*
 * Nidar Exchange brand layer (derived from the official logo kit).
 * Colours: green #1B9A66 (primary), charcoal #2A3337 (ink / dark surfaces),
 * mint #35C98C (accent on dark), white. Type: IBM Plex Sans Arabic + Inter.
 * Shapes: 12–14px radii like the app icon, angled "N" stroke as a motif.
 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --primary: #1B9A66;
  --primary-2: #157a51;
  --primary-soft: #e6f5ee;
  --accent: #35C98C;
  --ink: #2A3337;
  --text: #22292c;
  --muted: #66737a;
  --bg: #f4f6f6;
  --border: #e1e6e7;
  --nav: #2A3337;
  --nav-text: #c3cdd1;
  --good: #1B9A66;
  --radius: 14px;
  --shadow: 0 1px 2px rgba(42, 51, 55, .06), 0 4px 14px rgba(42, 51, 55, .05);
}

body { font-family: 'IBM Plex Sans Arabic', 'Inter', 'Segoe UI', Tahoma, sans-serif; letter-spacing: 0; }
.num, .stat b, .amount-input, .result-main b, .price, [dir="ltr"] { font-family: 'Inter', 'IBM Plex Sans Arabic', sans-serif; font-feature-settings: 'tnum' 1; }
h1, h2, h3 { color: var(--ink); font-weight: 700; }

/* buttons & controls */
.btn { border-radius: 10px; font-weight: 600; }
.btn.primary { background: var(--primary); border-color: var(--primary); }
.btn.primary:hover { background: var(--primary-2); }
input:focus, select:focus, textarea:focus { outline: 3px solid rgba(27, 154, 102, .15); border-color: var(--primary); }
.card { border-radius: var(--radius); }

/* top bar & navigation */
.topbar { background: #fff; border-bottom: 1px solid var(--border); }
.tenant-name { color: var(--muted); font-weight: 600; padding-inline-start: 12px; border-inline-start: 1px solid var(--border); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidenav { background: var(--nav); }
.sidenav a.active { background: rgba(53, 201, 140, .12); color: #fff; border-inline-start-color: var(--accent); }
.sidenav a.active i { color: var(--accent); opacity: 1; }
.nav-group { color: #8c9aa0; }

/* dashboard tiles */
.qa i { border-radius: 12px; }
.qa-pos { background: var(--primary); border-color: var(--primary); }
.qa-fx { background: var(--ink); border-color: var(--ink); }
.qa-fx i { color: var(--accent); }
.stat.good { border-inline-start-color: var(--primary); }

/* entry forms */
.result-card { background: var(--primary); }
.quick-form[data-type="deposit"] .result-card { background: var(--ink); }
.quick-form[data-type="purchase"] .result-card { background: #12704a; }
.seg-opt.t-deposit input:checked + span { border-color: var(--ink); background: #eef1f2; color: var(--ink); }
.bottom-nav a.bn-action i { background: var(--primary); }
.bottom-nav a.active { color: var(--primary); }
.badge.b-active, .tt-withdrawal { background: var(--primary-soft); color: var(--primary-2); }
.tt-deposit { background: #eef1f2; color: var(--ink); }
.cur-tag { background: var(--primary-soft); color: var(--primary-2); }

/* receipts */
.r-head { border-bottom: 2px solid var(--primary); }