/* =====================================================================
   SSBAPP — توحيد النوافذ والأزرار (مراجعة الاحترافية)
   شاشة فقط. لا يمس الطباعة أو ملفات PDF.
   ===================================================================== */
@media screen{

:root{
  --ico-print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3h10v6'/%3E%3Crect x='3' y='9' width='18' height='8' rx='2'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E");
  --ico-pdf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M12 11v6M9 14l3 3 3-3'/%3E%3C/svg%3E");
  --ico-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.4.8 3.2.6a2.8 2.8 0 0 0 1.8-1.3 2.3 2.3 0 0 0 .2-1.3c-.1-.1-.3-.2-.6-.3z'/%3E%3C/svg%3E");
  --ico-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  --ico-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --ico-refresh:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.6-6.4L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E");
  --ico-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
  --ico-ban:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E");
}

/* ---------- زر الإغلاق (×) في رأس النوافذ ---------- */
.modal-box>h2:first-child .ssb-x{
  margin-inline-start:auto;flex:0 0 auto;width:38px;height:38px;min-height:38px;padding:0!important;border-radius:11px!important;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important;
  color:#fff!important;font-size:0!important;cursor:pointer;
}
.modal-box>h2:first-child .ssb-x::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--ico-x) center/contain no-repeat;mask:var(--ico-x) center/contain no-repeat;}
.modal-box>h2:first-child .ssb-x:hover{background:rgba(255,255,255,.2)!important;}
/* زر «إغلاق» القديم في آخر النافذة لم يعد ضروريًا */
.modal .modal-box button.ssb-row-close,.modal .modal-box .actions>button.ssb-row-close,.modal .modal-box div>button.ssb-row-close{display:none!important;}

/* ---------- شريط الإجراءات الموحّد داخل النوافذ ---------- */
.modal .actions,.modal .user-guide-actions,.modal .receipt-view-actions,.modal .system-health-actions,
.modal .users-modal-footer,.modal .backup-warning-actions,.modal .monitor-detail-actions,.modal .security-actions,.modal .backup-file-tools{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px!important;
  align-items:stretch;justify-content:stretch;margin-top:14px;
}
.modal .actions>button,.modal .user-guide-actions>button,.modal .receipt-view-actions>button,.modal .system-health-actions>button,
.modal .users-modal-footer>button,.modal .backup-warning-actions>button,.modal .monitor-detail-actions>button,.modal .security-actions>button,.modal .backup-file-tools>button,
.modal .actions>select{
  width:100%!important;min-width:0;height:48px!important;min-height:48px!important;margin:0!important;
  border-radius:13px!important;font-size:14.5px!important;font-weight:800!important;
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:0 12px!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.modal .actions>button.hidden,.modal .actions>select.hidden,.modal .receipt-view-actions>button.hidden,.modal .security-actions>button.hidden{display:none!important;}

/* أدوار الأزرار: أساسي / ثانوي / واتساب / خطر */
.modal button.purple,.modal button.secondary,.modal button.teal,.modal #previewReceiptBtn,.modal #refreshUsersBtn,.modal #refreshReceiptsLedgerBtn{
  background:#fff!important;color:var(--pine-800,#123d37)!important;border:1.5px solid #c9d8d1!important;box-shadow:0 1px 0 rgba(15,58,54,.05)!important;
}
.modal button.purple:hover,.modal button.secondary:hover,.modal button.teal:hover,.modal #previewReceiptBtn:hover{background:#f2f7f4!important;border-color:var(--pine-600,#1f5a51)!important;}
.modal button.good,.modal button.success,.modal #saveReceiptPdfBtn,.modal #saveSavedReceiptPdfBtn{
  background:linear-gradient(180deg,#1f5a51,#123d37)!important;color:#fff!important;border:1px solid #0e322d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px -12px rgba(11,43,40,.9)!important;
}
.modal #saveReceiptBtn,.modal #saveOtherPaymentBtn{
  background:linear-gradient(180deg,#c99a42,#a3741f)!important;color:#fff!important;border:1px solid #8c6219!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px -12px rgba(140,98,25,.9)!important;
}
.modal .whatsapp-btn{
  background:linear-gradient(180deg,#25b064,#178a4b)!important;color:#fff!important;border:1px solid #13773f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px -12px rgba(19,119,63,.9)!important;
}
.modal button.danger{background:#fff!important;color:#b0412d!important;border:1.5px solid #ecc4ba!important;box-shadow:none!important;}
.modal button.danger:hover{background:#fdf1ee!important;}
.modal button.warning{background:#fff7e6!important;color:#8a5a12!important;border:1.5px solid #ecd29b!important;}

/* أيقونات الأزرار */
.modal [id^="print"]::before,.modal .whatsapp-btn::before,.modal [id*="Pdf"]::before,.modal #previewReceiptBtn::before,.modal #saveReceiptBtn::before,
.modal [id^="refresh"]::before,.modal #voidSavedReceiptBtn::before{
  content:"";flex:0 0 auto;width:18px;height:18px;background:currentColor;
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;
}
.modal [id^="print"]{--i:var(--ico-print);}
.modal [id*="Pdf"]{--i:var(--ico-pdf);}
.modal .whatsapp-btn{--i:var(--ico-wa);}
.modal #previewReceiptBtn{--i:var(--ico-eye);}
.modal #saveReceiptBtn{--i:var(--ico-check);}
.modal [id^="refresh"]{--i:var(--ico-refresh);}
.modal #voidSavedReceiptBtn{--i:var(--ico-ban);}

/* ---------- نافذة سند القبض ---------- */
#receiptModal .receipt-form,#receiptModal .form-grid{gap:10px 14px;}
#receiptModal .actions{grid-template-columns:repeat(3,minmax(0,1fr));}
#receiptModal #saveReceiptBtn{grid-column:1/-1;order:-2;height:52px!important;font-size:16px!important;}
#receiptModal #saveOtherPaymentBtn{grid-column:1/-1;order:-1;}
#receiptModal .whatsapp-btn{grid-column:span 2;}

/* ---------- نافذة التقارير: الأدوات في شريط مرتب ---------- */
#reportsModal .actions{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px;border:1px solid var(--hair,#e6e0d3);border-radius:16px;background:var(--surface-2,#f7f4ec);margin-top:0;}
#reportsModal .actions>select{background:#fff!important;border:1.5px solid #c9d8d1!important;color:var(--pine-900,#0b2b28)!important;justify-content:flex-start;}
#reportsModal #reportTypeChoice,#reportsModal #reportYearChoice{grid-column:span 2;}
#reportsModal #reportResidentChoice,#reportsModal #residentReceiptsBtn{grid-column:span 2;}
#reportsModal .whatsapp-btn{grid-column:span 2;}

/* ---------- الجوال ---------- */
@media (max-width:620px){
  .modal{padding:10px!important;}
  .modal .actions,.modal .user-guide-actions,.modal .receipt-view-actions,.modal .system-health-actions,
  .modal .users-modal-footer,.modal .backup-warning-actions,.modal .monitor-detail-actions,.modal .security-actions,.modal .backup-file-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;}
  .modal .whatsapp-btn{grid-column:1/-1;}
  #receiptModal .actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  #receiptModal .whatsapp-btn{grid-column:auto;}
  #reportsModal .actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;}
  #reportsModal .actions>select{grid-column:1/-1!important;}
  #reportsModal .whatsapp-btn,#reportsModal #residentReceiptsBtn{grid-column:1/-1;}
  .modal .actions>button,.modal .user-guide-actions>button,.modal .receipt-view-actions>button,.modal .actions>select{height:46px!important;min-height:46px!important;font-size:14px!important;}
  .modal-box>h2:first-child{font-size:17px!important;}
}


/* ---------- نافذة دليل المستخدم ---------- */
#userGuideModal .user-guide-header{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;padding:12px 14px!important;
  background:radial-gradient(360px 140px at 0% 0%,rgba(184,134,47,.28),transparent 65%),linear-gradient(120deg,var(--pine-700,#1f5a51),var(--pine-950,#071e1c))!important;
  box-shadow:inset 0 -4px 0 var(--brass,#b8862f);
}
#userGuideModal .user-guide-header h2{display:flex;align-items:center;gap:10px;font-size:18px!important;}
#userGuideModal .user-guide-header h2::before{content:"";width:34px;height:34px;border-radius:10px;background:url("../img/emblem.png") center/contain no-repeat;flex:0 0 auto;}
#userGuideModal .user-guide-actions{display:flex!important;flex-wrap:nowrap;gap:8px!important;margin:0!important;}
#userGuideModal .user-guide-actions>button{height:40px!important;min-height:40px!important;width:auto!important;font-size:13px!important;padding:0 12px!important;border-radius:11px!important;}
#userGuideModal #printUserGuideBtn,#userGuideModal #saveUserGuidePdfBtn{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:none!important;}
#userGuideModal #closeUserGuideBtn{display:inline-flex!important;width:40px!important;padding:0!important;font-size:0!important;background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;}
#userGuideModal #closeUserGuideBtn::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--ico-x) center/contain no-repeat;mask:var(--ico-x) center/contain no-repeat;}
@media (max-width:620px){
  #userGuideModal .user-guide-header{grid-template-columns:minmax(0,1fr) 40px;}
  #userGuideModal .user-guide-header h2{grid-column:1;}
  #userGuideModal .user-guide-actions{display:contents!important;}
  #userGuideModal #closeUserGuideBtn{grid-row:1;grid-column:2;}
  #userGuideModal #printUserGuideBtn,#userGuideModal #saveUserGuidePdfBtn,#userGuideModal #whatsappUserGuideBtn{grid-row:2;}
  #userGuideModal .user-guide-header{grid-template-columns:repeat(3,minmax(0,1fr)) 40px;}
  #userGuideModal .user-guide-header h2{grid-column:1/4;}
  #userGuideModal #closeUserGuideBtn{grid-column:4;}
  #userGuideModal .user-guide-actions>button{font-size:12px!important;padding:0 6px!important;gap:5px!important;}
  #userGuideModal .whatsapp-btn{grid-column:auto!important;}
  #userGuideModal #whatsappUserGuideBtn{font-size:0!important;}
  #userGuideModal #whatsappUserGuideBtn::after{content:"واتساب";font-size:12px;}
}

} /* end @media screen */