/* أساسيات */
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%}
body{
  font-family:Tahoma,Arial,sans-serif;
  background:#f5f7fa; color:#0b1220; direction:rtl; line-height:1.6;
}

/* هيدر */
.hdr{background:#075985;color:#fff;padding:14px 10px;text-align:center}
.hdr h1{margin:0 0 6px;font-size:22px;font-weight:800}
.date{font-weight:800;font-size:18px;margin:4px 0 8px}

/* أزرار */
.nav-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.btn{
  background:#2563eb;color:#fff;border:none;border-radius:10px;
  padding:8px 14px;font-weight:800;cursor:pointer
}
.btn:hover{background:#1e40af}
.btn.ghost{background:#0000;color:#fff;border:1px solid #ffffff55}
.btn.danger{background:#ffe7e7;color:#a40000;border:1px solid #ffc9c9}

/* غلاف */
.wrap{padding:12px}

/* بطاقات الملخص */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:10px}
.card{
  background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:12px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);text-align:center
}
.card span{display:block;font-weight:800;font-size:14px;margin-bottom:6px;color:#0f172a}
.card .val{font-weight:800;font-size:20px;direction:ltr}

/* شاشة صغيرة: بطاقة بكل سطر */
@media (max-width:820px){ .cards{grid-template-columns:1fr} }

/* بطاقة تحديث الراتب */
.salary-row{
  display:flex; gap:10px; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:6px;
}
.amt{
  flex:0 0 180px; max-width:220px;
  direction:ltr; text-align:left; font-size:17px; font-weight:700;
  padding:10px 12px; border:1px solid #d7dde6; border-radius:10px; background:#fff; color:#0b1220
}
.hint{display:block; color:#6b7280; margin-top:6px}

/* عنوان القسم */
.section-title{margin:12px 6px;font-size:18px;font-weight:800;color:#0f172a}

/* قائمة الالتزامات */
.list{list-style:none;margin:0;padding:0 6px 18px}
.list li{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:#fff;border:1px solid #e9edf3;border-radius:12px;padding:12px;margin:8px 0;
  box-shadow:0 1px 2px rgba(0,0,0,.04)
}
.list li input[type="checkbox"]{width:22px;height:22px;flex:0 0 22px;accent-color:#2563eb}
.list li .name{flex:1 1 auto;text-align:right;font-size:17px;font-weight:700;color:#0b1220}
.list li .amt{
  flex:0 0 150px;max-width:190px;width:150px;direction:ltr;text-align:left;
  font-size:17px;font-weight:700;padding:10px 12px;border:1px solid #d7dde6;border-radius:10px;background:#fff;color:#0b1220
}
.list li .amt[disabled]{background:#f3f5f7;color:#111;opacity:1;border:1px solid #e1e6ee}

/* فوتر + أزرار سوداء للاستيراد/التصدير */
.ftr{display:flex;justify-content:center;gap:10px;padding:16px}
.ftr .btn{background:#000;color:#fff;border:none}
.ftr .btn:hover{background:#333}

/* أرقام إنجليزية في القيم */
#netSalary,#totalCommitments,#monthlySpend,#loanRemaining{
  direction:ltr;font-variant-numeric:tabular-nums
}