/* ===== أساسيات ===== */
*{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(4,1fr);gap:12px}
.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}
.card.single{max-width:820px;margin:12px auto}

/* شاشات أصغر: الكروت عمود واحد */
@media (max-width:820px){ .cards{grid-template-columns:1fr} }

/* ===== قسم الزيادة ===== */
.form-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.num{direction:ltr;font-weight:800;padding:10px 12px;border:1px solid #d7dde6;border-radius:10px;width:160px}

/* ===== عنوان قسم الالتزامات ===== */
.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}

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