/* =====================================================================
   SSBAPP — نظام موحّد: خط واحد، سلّم أحجام واحد، وألوان موحّدة
   لكل الشاشات والنوافذ والسندات والتقارير.
   الخط: IBM Plex Sans Arabic (مرفق مع التطبيق، رخصة OFL).
   ===================================================================== */

:root{
  --font:'SSB Plex',Tahoma,'Segoe UI',Arial,sans-serif;
  /* سلّم الأحجام (الويب) */
  --fs-title:24px;   /* عنوان الشاشة */
  --fs-h:18px;       /* عناوين الأقسام والبطاقات والنوافذ */
  --fs-body:15.5px;  /* النصوص والحقول والأزرار والجداول */
  --fs-label:14px;   /* العناوين الصغيرة فوق الحقول، الوسوم، أسماء البطاقات */
  --fs-small:13px;   /* الملاحظات والتلميحات */
  --fs-num:25px;     /* الأرقام الكبيرة في البطاقات */
  --fs-num-sm:20px;  /* أرقام الملخصات الصغيرة */
  --fw-body:600;--fw-strong:700;
  /* الألوان النصية الموحّدة */
  --t-strong:var(--ink,#16231f);
  --t-body:var(--ink-2,#2c3b36);
  --t-muted:var(--muted-ink,#6b7570);
  --t-accent:var(--brass-700,#8f6519);
}
html.is-native-app{
  --fs-title:19px;--fs-h:16.5px;--fs-body:15px;--fs-label:13.5px;--fs-small:12.5px;--fs-num:20px;--fs-num-sm:17px;
}

/* ---------- الخط الواحد في كل مكان (الشاشة والطباعة وملفات PDF) ---------- */
html,body,#loginView,#appView,.modal,.toast,.biometric-lock-overlay,
button,input,select,textarea,
#receiptPrintArea,#reportRoot,#receiptRecordViewArea,#residentReceiptsContent,
.report-root,.report-root *,.report-year,.report-year *,.receipt-paper,.receipt-paper *,
.doc-letterhead,.doc-letterhead *,.report-print-physical-page,.report-print-physical-page *{
  font-family:var(--font)!important;
}

@media screen{

/* ---------- الأحجام ---------- */
#loginView,#appView,.modal,.side{font-size:var(--fs-body)!important;font-weight:var(--fw-body)!important;}
#appView :is(input,select,textarea),.modal :is(input,select,textarea),#loginView :is(input,select,textarea){font-weight:var(--fw-strong)!important;}
#appView :is(button,input,select,textarea),.modal :is(button,input,select,textarea),#loginView :is(button,input,select,textarea),.side button{font-size:var(--fs-body)!important;}
/* مناطق المستندات داخل النوافذ: حجمها الأصلي ثابت (مهم لملفات PDF) */
:is(#reportRoot,#receiptPrintArea,#receiptRecordViewArea,#residentReceiptsContent){font-size:15px!important;}

/* عنوان الشاشة */
.main-head .head-title h1{font-size:var(--fs-title)!important;font-weight:700!important;color:var(--t-strong)!important;}
.main-head .vt-year{font-size:calc(var(--fs-label) - .5px)!important;}

/* عناوين الأقسام */
.panel-head h3,.panel-title h3,.smart-dashboard h2,.ssb-chart-head h3,.ssb-arrears-head h3,.set-head h3,.wiz-title,
.resident-account-section h3,.ssb-res-extra h3,.modal-box>h2:first-child,#userGuideModal .user-guide-header h2,
.login-split .login-card h1{
  font-size:var(--fs-h)!important;font-weight:700!important;letter-spacing:0;
}
.panel-head h3,.panel-title h3,.smart-dashboard h2,.ssb-chart-head h3,.ssb-arrears-head h3,.set-head h3,.wiz-title,.resident-account-section h3,.ssb-res-extra h3{color:var(--t-strong)!important;}
.wiz-hero h2{font-size:calc(var(--fs-h) + 4px)!important;font-weight:700!important;}

/* الأوصاف والملاحظات */
.panel-head p,.set-head p,.wiz-lead,.audit-log-lead,.ssb-chart-note,.ssb-fee-hint,.login-lead,.wiz-hero p,
.set-note span,.set-grid small,.smart-metric small,.quick-link span,.ssb-arrear-main span,.bld-main span,.audit-meta{
  font-size:var(--fs-small)!important;font-weight:var(--fw-body)!important;line-height:1.8;
}
.panel-head p,.set-head p,.wiz-lead,.audit-log-lead,.ssb-chart-note,.login-lead,.set-note span,.set-grid small,.smart-metric small,.quick-link span,.ssb-arrear-main span,.bld-main span,.audit-meta{color:var(--t-muted)!important;}

/* العناوين الصغيرة والوسوم */
.ssb-chart-kicker,.smart-dashboard-kicker,.resident-account-kicker,.wiz-kicker,.side-label,.bs-kicker,
.set-grid label,.set-res label,.login-label,.modal-box label,.legend .lg,.ssb-chart-legend .lgd,
.main .cards .card,.mini-tile span,.smart-metric span,.ssb-pill,.ssb-search-count,.bld-badge,.mini-tile span,
.ssb-cat-name,.wiz-progress em,.wiz-summary span,.app-status-footer,.ssb-res-meta,.vt-year{
  font-size:var(--fs-label)!important;
}
.ssb-chart-kicker,.smart-dashboard-kicker,.resident-account-kicker,.wiz-kicker{font-weight:700!important;color:var(--t-accent)!important;}
.set-grid label,.set-res label,.login-label,.modal-box label{font-weight:700!important;color:var(--t-body)!important;}
.ssb-res-meta{font-size:calc(var(--fs-small) - .5px)!important;}

/* الأرقام */
.main .cards .card b,.smart-metric b{font-size:var(--fs-num)!important;font-weight:700!important;font-variant-numeric:tabular-nums;}
.mini-tile b,.ssb-arrear-amt,.ssb-pill.bad,.ssb-cat-val,.ssb-cat-val b{font-size:var(--fs-num-sm)!important;font-weight:700!important;font-variant-numeric:tabular-nums;}
.ssb-cat-val,.ssb-cat-val b{font-size:var(--fs-body)!important;}

/* النصوص الأساسية */
.quick-link b,.ssb-arrear-main b,.bld-main b,.audit-text,.wiz-summary b,.ssb-building-switch b,.set-note b,
.smart-alert,.ssb-chart-tip,.ssb-empty,.ssb-res-arrears,.wiz-feats span,.ssb-offline,.toast{
  font-size:var(--fs-body)!important;
}
.quick-link b,.ssb-arrear-main b,.bld-main b{font-weight:700!important;color:var(--t-strong)!important;}

/* الجداول في التطبيق */
#paymentsWrap th,#expensesWrap th,.resident-history-table th,.receipts-ledger-table th{font-size:var(--fs-label)!important;font-weight:700!important;}
#paymentsWrap td,#paymentsWrap input,#expensesWrap td,#expensesWrap input,.resident-history-table td,.receipts-ledger-table td{font-size:var(--fs-body)!important;}
#paymentsWrap .name-cell input{font-weight:700!important;}

/* الأزرار: وزن موحّد */
#appView button,.modal button,#loginView button,.side button{font-weight:700!important;letter-spacing:0;}
#saveBtn .sb-text b{font-size:var(--fs-body)!important;}
#saveBtn .sb-state{font-size:calc(var(--fs-small) - .5px)!important;}
.bottom-nav .nav-item{font-size:calc(var(--fs-small) - 1px)!important;}
.view-tabs .nav-item,.side .nav-item,.side .side-btn{font-size:var(--fs-body)!important;}
.ssb-chip,.bld-actions button,.ssb-wa-btn,.resident-account-btn{font-size:var(--fs-label)!important;}
/* أيقونات فقط */
#appView .main-head .year-box button,#appView #saveBtn,.ssb-x,#closeUserGuideBtn,#userGuideModal #whatsappUserGuideBtn{font-size:0!important;}
#userGuideModal #whatsappUserGuideBtn::after{font-size:var(--fs-label)!important;}

/* ---------- الأزرار: نظام ألوان واحد داخل الأقسام ---------- */
/* إضافة/حفظ = أخضر داكن، حذف/تفريغ = إطار أحمر */
.main .section .actions button.success,#addExpenseBtn,#addResidentBtn,.set-primary,.ssb-link-btn{
  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 6px 14px -10px rgba(11,43,40,.9)!important;border-radius:12px!important;
}
.main .section .actions button.danger,#clearActiveYearBtn{
  background:var(--surface,#fff)!important;color:var(--bad,#b0412d)!important;border:1.5px solid #ecc4ba!important;box-shadow:none!important;border-radius:12px!important;
}
html[data-theme="dark"] .main .section .actions button.danger,html[data-theme="dark"] #clearActiveYearBtn{background:var(--bad-50)!important;border-color:#6e3428!important;}

/* ---------- المدفوعات: الإضافة والحذف انتقلا إلى الإعدادات ---------- */
#addResidentBtn{display:none!important;}
#paymentsWrap col.action-col{width:0!important;}
#paymentsWrap tr>th:last-child,#paymentsWrap tr>td:last-child{display:none!important;}
#paymentsWrap table{min-width:0!important;}
#paymentsWrap table{width:max(100%,1380px)!important;}
html.is-native-app #paymentsWrap table{width:max(100%,1120px)!important;}

/* ---------- الإعدادات: بطاقة الإعداد السريع ---------- */
.set-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:radial-gradient(360px 140px at 0% 0%,rgba(184,134,47,.22),transparent 65%),linear-gradient(120deg,#1c6a60,#0b2b28)!important;border-color:#0b2b28!important;}
.set-banner>div{display:flex;flex-direction:column;gap:2px;}
.set-banner b{font-size:var(--fs-h)!important;color:#fff!important;font-weight:700;}
.set-banner span{font-size:var(--fs-small)!important;color:#cfe6dd!important;}
.set-banner .set-primary{background:linear-gradient(180deg,#c99a42,#a3741f)!important;border-color:#8c6219!important;}

/* ---------- تباعد موحّد بين البطاقات ---------- */
.main .section,.smart-dashboard,.ssb-chart-card,.ssb-arrears-card,.set-card{border-radius:18px!important;}
html.is-native-app .main .section,html.is-native-app .smart-dashboard,html.is-native-app .ssb-chart-card,html.is-native-app .ssb-arrears-card,html.is-native-app .set-card{border-radius:16px!important;}


/* ---------- ألوان تبويبي المتأخرات والإعدادات ---------- */
.nav-arrears{--tab:var(--c-total);--tab-bg:var(--c-total-bg);--tab-bd:var(--c-total-bd);--tab-light:#ecd29b;}
.nav-settings{--tab:var(--c-prev);--tab-bg:var(--c-prev-bg);--tab-bd:var(--c-prev-bd);--tab-light:#cbbcf0;}
.bottom-nav .nav-item.nav-arrears::before{background:var(--tab-light)!important;}


/* ---------- شاشة الدخول بنفس تصميم التطبيق ---------- */
#loginView .login-split .login-card h1{font-size:var(--fs-h)!important;font-weight:700!important;color:var(--t-strong)!important;}
#loginView .login-lead{font-size:var(--fs-small)!important;color:var(--t-muted)!important;font-weight:600!important;}
#loginView .login-label{font-size:var(--fs-label)!important;font-weight:700!important;color:var(--t-body)!important;}
#loginView .login-split .login-card input:not([type=checkbox]){
  height:48px!important;min-height:48px!important;border-radius:12px!important;border:1.5px solid var(--hair-2,#d5ccb9)!important;
  background:var(--surface,#fffdf9)!important;color:var(--t-strong)!important;font-size:var(--fs-body)!important;font-weight:700!important;padding:0 14px!important;box-shadow:none!important;
}
#loginView .login-split .login-card input:not([type=checkbox]):focus{border-color:var(--pine-600,#1c6a60)!important;box-shadow:0 0 0 3px rgba(28,106,96,.15)!important;outline:0;}
#loginView .remember-login-row{border-radius:12px!important;font-size:var(--fs-body)!important;font-weight:600!important;color:var(--t-body)!important;}
#loginView .login-actions-grid button{height:48px!important;min-height:48px!important;border-radius:12px!important;font-size:var(--fs-body)!important;font-weight:700!important;box-shadow:none!important;}
#loginView #loginBtn{grid-column:1/-1;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;}
#loginView #forgotBtn,#loginView #showRegisterBtn{background:var(--surface,#fff)!important;color:var(--pine-800,#123d37)!important;border:1.5px solid #c9d8d1!important;}
#loginView #loginSubscriptionBtn{grid-column:1/-1;background:linear-gradient(180deg,#c99a42,#a3741f)!important;color:#fff!important;border:1px solid #8c6219!important;}
#loginView .login-version{font-size:var(--fs-small)!important;color:var(--t-muted)!important;font-weight:600!important;}
#loginView .login-brand h2{font-weight:700!important;}
#loginView .msg{font-size:var(--fs-label)!important;font-weight:700!important;}
html[data-theme="dark"] #loginView #forgotBtn,html[data-theme="dark"] #loginView #showRegisterBtn{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--hair-2)!important;}
html[data-theme="dark"] #loginView .login-split .login-card input:not([type=checkbox]){background:#0f1c19!important;}

@media (max-width:620px){
  #loginView .login-split .login-card input:not([type=checkbox]){height:44px!important;min-height:44px!important;}
  #loginView .login-actions-grid button{height:44px!important;min-height:44px!important;}
}

} /* end @media screen */

/* ===== جدول المصروفات: مجموعات حسب الشهر بتصميم هادئ وواضح ===== */
@media screen{
#expensesWrap table{border-collapse:separate!important;border-spacing:0!important;}
#expensesWrap .expense-table tbody tr.expense-month-head td{
  padding:10px 14px!important;background:linear-gradient(90deg,#eef5f1,#f7f3ea)!important;color:var(--t-strong)!important;
  border-top:2px solid #cfe0d8!important;border-bottom:1px solid #dfe8e3!important;text-align:start!important;
}
#expensesWrap .expense-table tbody tr.expense-month-head td{display:table-cell;}
#expensesWrap .expense-table tbody tr.expense-month-head .emh-name{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-body)!important;font-weight:700!important;color:#123d37;}
#expensesWrap .expense-table tbody tr.expense-month-head .emh-name::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--emh,#1c6a60);}
#expensesWrap .expense-table tbody tr.expense-month-head .emh-meta{float:left;font-size:var(--fs-label)!important;font-weight:600!important;color:var(--t-muted);}
#expensesWrap .expense-table tbody tr.expense-month-head .emh-meta b{color:#a3361f;font-weight:700;font-variant-numeric:tabular-nums;}
#expensesWrap .expense-table tbody tr.expense-row.expense-row td{background:#fff!important;border-color:#e6e0d3!important;}
#expensesWrap .expense-table tbody tr.expense-row.expense-row.exp-gb td{background:#fbf8f1!important;}
#expensesWrap .expense-table tbody tr.expense-row.expense-row td:first-child{box-shadow:inset -4px 0 0 var(--emh,#1c6a60)!important;}
#expensesWrap .expense-table tbody tr.expense-row.expense-row:hover td{background:#f2f7f4!important;}
#expensesWrap .expense-table tbody tr.expense-row.expense-row input{background:transparent!important;color:var(--t-strong)!important;font-weight:700!important;}
#expensesWrap .expense-table tbody tr.expense-row.expense-row input[data-field="amount"]{color:#a3361f!important;font-variant-numeric:tabular-nums;}
#expensesWrap .expense-table tbody tr.expense-row.expense-row input[data-field="details"]{text-align:start!important;padding-inline:12px!important;}
/* لون مميز لكل شهر (نقطة الشهر وشريط الصفوف) */
#expensesWrap .exp-m1{--emh:#1c6a60;} #expensesWrap .exp-m2{--emh:#b8862f;} #expensesWrap .exp-m3{--emh:#2b6890;}
#expensesWrap .exp-m4{--emh:#5d4a8a;} #expensesWrap .exp-m5{--emh:#2b7a4b;} #expensesWrap .exp-m6{--emh:#b0412d;}
#expensesWrap .exp-m7{--emh:#155049;} #expensesWrap .exp-m8{--emh:#8f6519;} #expensesWrap .exp-m9{--emh:#215d86;}
#expensesWrap .exp-m10{--emh:#7a5aa8;} #expensesWrap .exp-m11{--emh:#3c8c5a;} #expensesWrap .exp-m12{--emh:#a3361f;}
#expensesWrap .exp-m0{--emh:#8a948f;}
html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-month-head td{background:linear-gradient(90deg,#15302b,#1d241b)!important;border-color:#2f4842!important;}
html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-month-head .emh-name{color:#eef4f1;}
html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-month-head .emh-meta b{color:#f29a85;}
html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-row.expense-row td{background:#13211e!important;border-color:#2f4842!important;}
html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-row.expense-row.exp-gb td{background:#172723!important;}
html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-row.expense-row input[data-field="amount"]{color:#f29a85!important;}
@media (max-width:620px){#expensesWrap .expense-table tbody tr.expense-month-head .emh-meta{float:none;display:block;margin-top:2px;}}
}

/* ===== التقارير: نفس شكل جداول الإدخال (للشاشة والطباعة وملفات PDF) ===== */
.report-payments-table td.rp-name{background:#eef1ec!important;font-weight:700!important;}
.report-expenses-table tbody tr.report-expense-month-head td{
  background:#eef5f1!important;border-top:2px solid #cfe0d8!important;text-align:right!important;padding:7px 12px!important;color:#123d37!important;font-weight:700!important;
}
.report-expenses-table tbody tr.report-expense-month-head .rem-name{display:inline-flex;align-items:center;gap:7px;}
.report-expenses-table tbody tr.report-expense-month-head .rem-name::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--rem,#1c6a60);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.report-expenses-table tbody tr.report-expense-month-head .rem-meta{float:left;color:#5a3d08;font-weight:700;}
.report-expenses-table tbody tr.report-expense-row td{background:#fff!important;}
.report-expenses-table tbody tr.report-expense-row.rem-gb td{background:#fbf8f1!important;}
.report-expenses-table tbody tr.report-expense-row td:first-child{box-shadow:inset -5px 0 0 var(--rem,#1c6a60)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.report-expenses-table tbody tr.report-expense-row td.rem-amount{color:#a3361f!important;}
.report-expenses-table .rem-m1{--rem:#1c6a60}.report-expenses-table .rem-m2{--rem:#b8862f}.report-expenses-table .rem-m3{--rem:#2b6890}
.report-expenses-table .rem-m4{--rem:#5d4a8a}.report-expenses-table .rem-m5{--rem:#2b7a4b}.report-expenses-table .rem-m6{--rem:#b0412d}
.report-expenses-table .rem-m7{--rem:#155049}.report-expenses-table .rem-m8{--rem:#8f6519}.report-expenses-table .rem-m9{--rem:#215d86}
.report-expenses-table .rem-m10{--rem:#7a5aa8}.report-expenses-table .rem-m11{--rem:#3c8c5a}.report-expenses-table .rem-m12{--rem:#a3361f}
.report-expenses-table .rem-m0{--rem:#8a948f}

/* ===== جدول المصروفات على الجوال: كل مصروف بطاقة مدمجة بعرض الشاشة بلا تمرير أفقي ===== */
@media (max-width:620px){
  #expensesWrap{overflow-x:visible!important;}
  #expensesWrap .expense-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  #expensesWrap .expense-table thead{display:none!important;}
  #expensesWrap .expense-table tbody{display:block!important;width:100%!important;}
  #expensesWrap .expense-table tbody tr.expense-month-head{display:block!important;margin:12px 0 6px!important;}
  #expensesWrap .expense-table tbody tr.expense-month-head:first-child{margin-top:0!important;}
  #expensesWrap .expense-table tbody tr.expense-month-head td{display:block!important;width:auto!important;border-radius:12px!important;border:1px solid #dfe7e2!important;padding:9px 12px!important;}
  #expensesWrap .expense-table tbody tr.expense-row{display:grid!important;grid-template-columns:minmax(0,1fr) 96px 40px;grid-template-areas:"date amount del" "details details details";gap:0;margin:0 0 6px!important;border:1px solid #e6e0d3;border-radius:12px;overflow:hidden;box-shadow:inset -4px 0 0 var(--emh,#1c6a60);}
  #expensesWrap .expense-table tbody tr.expense-row td{display:block!important;width:auto!important;min-width:0!important;border:0!important;padding:4px 6px!important;box-shadow:none!important;}
  #expensesWrap .expense-table tbody tr.expense-row td:nth-child(1){grid-area:date;padding-inline-start:12px!important;}
  #expensesWrap .expense-table tbody tr.expense-row td:nth-child(2){grid-area:amount;}
  #expensesWrap .expense-table tbody tr.expense-row td:nth-child(3){grid-area:details;border-top:1px dashed #e6e0d3!important;padding-inline-start:12px!important;}
  #expensesWrap .expense-table tbody tr.expense-row td:nth-child(4){grid-area:del;display:flex!important;align-items:center;justify-content:center;padding:4px!important;}
  #expensesWrap .expense-table tbody tr.expense-row input{width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;}
  #expensesWrap .expense-table tbody tr.expense-row input[data-field="date"]{text-align:start!important;}
  #expensesWrap .expense-table tbody tr.expense-row input[data-field="amount"]{text-align:center!important;}
  #expensesWrap .expense-table tbody tr.expense-row input[data-field="details"]{text-align:start!important;padding-inline:0!important;}
  #expensesWrap .expense-table tbody tr.expense-row .delete-expense{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;}
  html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-row{border-color:#2f4842;}
  html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-row td:nth-child(3){border-top-color:#2f4842!important;}
}

/* ===== شاشات الجوال الضيقة (≤ 380px) ===== */
#ssbSettingsRoot{grid-template-columns:minmax(0,1fr)!important;}
#ssbSettingsRoot>.set-card{min-width:0!important;max-width:100%!important;}
@media (max-width:380px){
  body[data-current-view="overview"] .main-head .head-tools{flex-wrap:wrap!important;}
  body[data-current-view="overview"] .main-head .year-box{flex:1 1 100%!important;}
  body[data-current-view="overview"] .main-head #saveBtn{flex:1 1 100%!important;justify-content:flex-start!important;}
}
.set-grid.one{grid-template-columns:minmax(0,1fr)!important;}
.set-grid label{min-width:0!important;}
.set-grid input,.set-grid select{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
@media (max-width:760px){.set-grid{grid-template-columns:minmax(0,1fr)!important;}}
@media (max-width:620px){
  .audit-log-tools,.ssb-res-grid{grid-template-columns:minmax(0,1fr)!important;}
  .ssb-res-grid label{min-width:0!important;}
  .audit-log-tools input,.audit-log-tools select,.ssb-res-grid input{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
}
/* زر اختيار صورة التوقيع/الختم */
.ssb-file{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1.5px dashed var(--hair-2,#d9d1c0);border-radius:12px;background:var(--surface,#fff);}
.ssb-file input.ssb-file-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;border:0!important;padding:0!important;}
.ssb-file-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:10px;background:#123d37;color:#fff!important;font-weight:700;font-size:var(--fs-label,15px);cursor:pointer;white-space:nowrap;}
.ssb-file-btn:hover{background:#1c6a60;}
.ssb-file-name{flex:1 1 120px;min-width:0;color:var(--t-muted,#4a5a53);font-weight:600;font-size:var(--fs-small,14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ssb-file.has-file .ssb-file-name{color:#1c6a60;}
html[data-theme="dark"] .ssb-file{background:#0f1c19;border-color:#2f4842;}
html[data-theme="dark"] .ssb-file-btn{background:#1c6a60;}
#profileModal .ssb-file label.ssb-file-btn,html[data-theme="dark"] #profileModal .ssb-file label.ssb-file-btn{color:#fff!important;margin:0!important;}
#profileModal .ssb-file{justify-content:center;}
#profileModal .ssb-file .ssb-file-name{flex:0 1 auto;text-align:center;}

/* ===== القوائم المنسدلة: منع قصّ النص العربي (الحروف النازلة تحت السطر) ===== */
#appView select,.modal select,#loginView select{padding-top:0!important;padding-bottom:0!important;line-height:1.6!important;text-overflow:clip!important;}

/* ===== المصروفات: عناوين الأشهر تبويبات تفتح وتغلق ===== */
#expensesWrap .expense-table tbody tr.expense-row.emh-collapsed{display:none!important;}
#expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;}
#expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle td{background:var(--emh,#1c6a60)!important;color:#fff!important;border:0!important;border-top:3px solid #fff!important;padding:12px 16px!important;}
#expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle .emh-name{color:#fff!important;font-size:calc(var(--fs-body) + 1px)!important;}
#expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle .emh-name::before{background:#fff!important;opacity:.85;}
#expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle .emh-meta{color:rgba(255,255,255,.88)!important;}
#expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle .emh-meta b{color:#fff!important;background:rgba(255,255,255,.18);padding:1px 8px;border-radius:999px;}
#expensesWrap .emh-chev{float:left;width:26px;height:26px;margin-inline-start:10px;border-radius:8px;background:rgba(255,255,255,.18);position:relative;}
#expensesWrap .emh-chev::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-70%) rotate(45deg);transition:transform .2s;}
#expensesWrap tr.emh-open .emh-chev::before{transform:translate(-50%,-30%) rotate(-135deg);}
#expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle:hover td{filter:brightness(1.08);}
#expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle:focus-visible td{outline:3px solid #b8862f;outline-offset:-3px;}
.exp-toolbar{display:flex!important;gap:8px;flex-wrap:wrap;align-items:center;}
.exp-toolbar .exp-toggle-all{height:44px;padding:0 16px;}
@media (max-width:620px){
  #expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle{margin:8px 0 6px!important;}
  #expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle td{border-radius:14px!important;border:0!important;box-shadow:0 6px 14px -10px rgba(0,0,0,.5);}
  #expensesWrap .emh-chev{margin-top:4px;}
  .exp-toolbar>*{flex:1 1 auto;}
}
html[data-theme="dark"] #expensesWrap .expense-table tbody tr.expense-month-head.emh-toggle td{border-top-color:#0b1513!important;}

/* ===== الإعدادات: السكان كتبويبات تفتح وتغلق ===== */
.set-res-acc{border:1px solid var(--hair,#e0d8c8);border-radius:14px;background:var(--surface,#fffdf9);overflow:hidden;transition:box-shadow .2s;}
.set-res-acc.open{box-shadow:0 10px 24px -18px rgba(8,34,32,.55);border-color:#c7e0d6;}
.set-res-acc .set-res-head{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.set-res-acc .set-res-head:hover{background:#f6faf8;}
.set-res-acc .set-res-head:focus-visible{outline:3px solid #b8862f;outline-offset:-3px;border-radius:14px;}
.set-res-acc .set-res-n{display:grid!important;flex:0 0 30px;}
.set-res-acc .srh-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:start;}
.set-res-acc .srh-name{font-size:var(--fs-body,16px);font-weight:700;color:var(--t-strong,#10201b);white-space:normal;overflow-wrap:anywhere;line-height:1.5;}
.set-res-acc .srh-name i{color:var(--t-muted);font-style:normal;}
.set-res-acc .srh-sub{font-size:var(--fs-small,14px);font-weight:600;color:var(--t-muted,#4a5a53);line-height:1.6;}
.set-res-acc .srh-ph{direction:ltr;unicode-bidi:isolate;color:#1c6a60;}
.set-res-acc .srh-noph{color:#a3361f;}
.set-res-acc .srh-fee{color:#8f6519;}
.set-res-acc .srh-chev{flex:0 0 30px;height:30px;border-radius:9px;background:#eef5f1;position:relative;}
.set-res-acc .srh-chev::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:solid #1c6a60;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-70%) rotate(45deg);transition:transform .2s;}
.set-res-acc.open .srh-chev::before{transform:translate(-50%,-30%) rotate(-135deg);}
.set-res-acc>.set-res{display:none!important;border:0!important;border-top:1px dashed var(--hair,#e0d8c8)!important;border-radius:0!important;margin:0!important;}
.set-res-acc.open>.set-res{display:grid!important;}
.set-res-acc>.set-res{grid-template-columns:minmax(150px,2fr) minmax(130px,1.4fr) repeat(3,minmax(70px,.8fr)) auto!important;}
@media (max-width:760px){.set-res-acc>.set-res{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
.set-res-acc.set-res-new{border-color:#2b7a4b!important;box-shadow:0 0 0 3px rgba(43,122,75,.22)!important;}
html[data-theme="dark"] .set-res-acc{background:#13211e;border-color:#2f4842;}
html[data-theme="dark"] .set-res-acc .set-res-head:hover{background:#172723;}
html[data-theme="dark"] .set-res-acc .srh-chev{background:#1d3530;}
html[data-theme="dark"] .set-res-acc .srh-chev::before{border-color:#c7e0d6;}

/* ===== مدفوعات السكان: عرض البطاقات ===== */
.ssb-view-switch{display:inline-flex;gap:4px;padding:4px;margin:4px 0 12px;border-radius:14px;background:#eef1ec;border:1px solid var(--hair,#e0d8c8);}
.ssb-view-switch button{all:unset;cursor:pointer;padding:8px 18px;border-radius:10px;font-weight:700;font-size:var(--fs-label,15px);color:var(--t-body,#22332d);}
.ssb-view-switch button.on{background:#123d37;color:#fff;box-shadow:0 6px 14px -8px rgba(8,34,32,.7);}
.ssb-paycards{display:none;}
body.pay-cards-mode .ssb-paycards{display:grid;gap:10px;}
body.pay-cards-mode #paymentsWrap{display:none!important;}
.ssb-pc{border:1px solid var(--hair,#e0d8c8);border-radius:16px;background:var(--surface,#fffdf9);overflow:hidden;}
.ssb-pc.ssb-hide{display:none;}
.ssb-pc.open{box-shadow:0 12px 26px -18px rgba(8,34,32,.6);border-color:#c7e0d6;}
.ssb-pc .pc-head{display:flex;align-items:center;gap:8px;padding:10px 12px;}
.ssb-pc .pc-toggle{all:unset;box-sizing:border-box;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.ssb-pc .pc-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:start;}
.ssb-pc .pc-name{font-size:var(--fs-body,16px);font-weight:700;color:var(--t-strong,#10201b);white-space:normal;overflow-wrap:anywhere;line-height:1.45;}
.ssb-pc .pc-name i{font-style:normal;color:var(--t-muted);}
.ssb-pc .pc-main small{font-size:var(--fs-small,14px);font-weight:600;color:var(--t-muted,#4a5a53);}
.ssb-pc .pc-stats{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto;}
.ssb-pc .pc-paid{font-size:12.5px;font-weight:700;color:#1f6e3d;background:#d3ecdc;padding:1px 9px;border-radius:999px;}
.ssb-pc .pc-total{font-size:var(--fs-body,16px);font-weight:800;color:#7a5410;font-variant-numeric:tabular-nums;}
.ssb-pc .pc-ar{font-size:12.5px;font-weight:700;color:#a3361f;background:#f8dcd3;padding:1px 9px;border-radius:999px;}
.ssb-pc .pc-chev{flex:0 0 28px;height:28px;border-radius:9px;background:#eef5f1;position:relative;}
.ssb-pc .pc-chev::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:solid #1c6a60;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-70%) rotate(45deg);transition:transform .2s;}
.ssb-pc.open .pc-chev::before{transform:translate(-50%,-30%) rotate(-135deg);}
.ssb-pc .pc-body{display:none;padding:10px 12px 12px;border-top:1px dashed var(--hair,#e0d8c8);}
.ssb-pc.open .pc-body{display:block;}
.ssb-pc .pc-months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
@media (min-width:761px){.ssb-pc .pc-months{grid-template-columns:repeat(6,minmax(0,1fr));}}
.ssb-pc .pc-m{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;border:1px solid transparent;}
.ssb-pc .pc-m span{font-size:12.5px;font-weight:700;text-align:center;}
.ssb-pc .pc-m.paid{background:#d3ecdc;border-color:#b6dcc3;} .ssb-pc .pc-m.paid span{color:#1f6e3d;}
.ssb-pc .pc-m.unpaid{background:#f8dcd3;border-color:#efc3b5;} .ssb-pc .pc-m.unpaid span{color:#a3361f;}
.ssb-pc input{width:100%!important;min-width:0!important;box-sizing:border-box!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 6px!important;border-radius:9px!important;border:1px solid rgba(0,0,0,.12)!important;background:#fff!important;text-align:center!important;font-weight:700!important;font-size:15px!important;color:var(--t-strong,#10201b)!important;}
.ssb-pc .pc-extra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px;margin-top:8px;}
.ssb-pc .pc-extra label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:700;color:var(--t-body);}
.ssb-pc .pc-other{background:#dbe9f5;border-radius:12px;padding:6px;} .ssb-pc .pc-other span{color:#215d86;text-align:center;}
.ssb-pc .pc-notes{padding:6px;} .ssb-pc .pc-notes input{text-align:start!important;}
.ssb-pc .pc-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;}
.ssb-pc .pc-acc{all:unset;cursor:pointer;padding:7px 14px;border-radius:10px;background:#f5e5c1;color:#7a5410;font-weight:700;font-size:14px;}
.ssb-pc .pc-sum{font-weight:700;color:var(--t-body);} .ssb-pc .pc-sum b{color:#7a5410;}
.ssb-pc .ssb-wa-mini{flex:0 0 auto;}
html[data-theme="dark"] .ssb-view-switch{background:#13211e;border-color:#2f4842;}
html[data-theme="dark"] .ssb-view-switch button{color:#d5e0db;}
html[data-theme="dark"] .ssb-view-switch button.on{background:#1c6a60;}
html[data-theme="dark"] .ssb-pc{background:#13211e;border-color:#2f4842;}
html[data-theme="dark"] .ssb-pc input{background:#0f1c19!important;color:#eef4f1!important;border-color:#2f4842!important;}
html[data-theme="dark"] .ssb-pc .pc-m.paid{background:#173a2a;border-color:#245c41;} html[data-theme="dark"] .ssb-pc .pc-m.unpaid{background:#3a1d17;border-color:#5c2c22;}
html[data-theme="dark"] .ssb-pc .pc-other{background:#14283a;}
html[data-theme="dark"] .ssb-pc .pc-chev{background:#1d3530;} html[data-theme="dark"] .ssb-pc .pc-chev::before{border-color:#c7e0d6;}

/* ===== الملف الشخصي: نص الأزرار كاملًا ===== */
#profileModal .modal-box button{white-space:normal!important;height:auto!important;min-height:44px!important;line-height:1.45!important;padding-top:8px!important;padding-bottom:8px!important;}
#profileModal #biometricToggleBtn,#profileModal #biometricTestBtn,#profileModal #refreshVerificationBtn,#profileModal #profileResendVerificationBtn{max-width:100%!important;width:auto;}
@media (max-width:620px){#profileModal #biometricToggleBtn,#profileModal #biometricTestBtn,#profileModal #refreshVerificationBtn,#profileModal #profileResendVerificationBtn,#profileModal #saveProfileBtn{width:100%!important;}}

/* ===== الاشتراك: نافذة مدمجة تظهر كاملة على الجوال دون تمرير ===== */
@media (max-width:620px){
  #subscriptionModal .modal-box{padding:12px!important;max-height:calc(100dvh - 20px)!important;overflow:auto!important;}
  #subscriptionModal .subscription-hero{padding:12px 14px!important;margin:0 0 10px!important;border-radius:16px!important;}
  #subscriptionModal .subscription-hero h2{font-size:19px!important;margin:0!important;}
  #subscriptionModal .subscription-hero p{font-size:13.5px!important;margin:4px 0 0!important;line-height:1.6!important;}
  #subscriptionModal .subscription-plans{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 10px!important;}
  #subscriptionModal .subscription-plan{padding:10px 8px!important;margin:0!important;border-radius:14px!important;}
  #subscriptionModal .subscription-plan h3{font-size:15.5px!important;margin:0 0 6px!important;}
  #subscriptionModal .subscription-price{font-size:14px!important;padding:6px 10px!important;margin:0 auto 6px!important;}
  #subscriptionModal .subscription-plan p{font-size:12.5px!important;line-height:1.55!important;margin:2px 0!important;}
  #subscriptionModal .subscription-plan p+p{display:none!important;}
  #subscriptionModal .subscription-steps{padding:10px 12px!important;margin:0 0 10px!important;font-size:13.5px!important;border-radius:14px!important;}
  #subscriptionModal .subscription-steps ol{margin:4px 0 0!important;padding-inline-start:20px!important;}
  #subscriptionModal .subscription-steps li{margin:1px 0!important;line-height:1.6!important;font-size:13.5px!important;}
  #subscriptionModal .subscription-contact{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;}
  #subscriptionModal .subscription-contact a,#subscriptionModal .subscription-contact button{min-height:44px!important;font-size:14px!important;padding:8px 12px!important;}
}
@media (max-width:620px){html body #profileModal .modal-box :is(#biometricToggleBtn,#biometricTestBtn,#refreshVerificationBtn,#profileResendVerificationBtn,#saveProfileBtn){width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important;}}

/* ===== جدول المدفوعات: اسم الساكن كاملًا ===== */
#paymentsWrap .name-cell input[data-field="name"]{display:none!important;}
#paymentsWrap .name-cell{vertical-align:middle!important;padding:6px 8px!important;}
#paymentsWrap .resident-name-wrap{justify-content:flex-start!important;gap:6px!important;}
#paymentsWrap .pay-name-label{display:block;margin-top:4px;font-size:var(--fs-label,15px);font-weight:700;color:var(--t-strong,#10201b);white-space:normal;overflow-wrap:anywhere;line-height:1.35;text-align:start;}
#paymentsWrap .ssb-res-meta{text-align:start!important;margin-top:2px!important;}
@media (max-width:760px){#paymentsWrap col.name-col,html.is-native-app #paymentsWrap col.name-col{width:150px!important;}}
html[data-theme="dark"] #paymentsWrap .pay-name-label{color:#eef4f1;}
.ssb-cell-receipt.send{background:linear-gradient(180deg,#25b066,#1d8a52)!important;color:#fff!important;border-color:#1d8a52!important;}
.ssb-cell-receipt.send::before{-webkit-mask:var(--ico-wa) center/contain no-repeat!important;mask:var(--ico-wa) center/contain no-repeat!important;}
html body #paymentsWrap table tbody td.name-cell{padding:6px 10px 6px 6px!important;}

/* ===== القائمة الجانبية على الجوال: مربعات مدمجة تظهر كلها دون تمرير ===== */
.side .lbl-short{display:none;}
@media (max-width:980px){
  html body .side{gap:2px!important;padding:calc(10px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom))!important;width:min(360px,92vw)!important;overflow-y:auto;}
  html body .side .side-brand{padding:2px 4px 8px!important;margin-bottom:6px!important;}
  html body .side .side-label{margin:8px 4px 5px!important;font-size:11.5px!important;}
  html body .side .side-nav,html body .side .side-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;align-items:stretch!important;}
  html body .side .nav-item,html body .side .side-btn{
    flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:5px!important;
    min-height:66px!important;height:100%!important;padding:9px 3px 6px!important;border-radius:12px!important;
    background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;
    font-size:12px!important;line-height:1.3!important;text-align:center!important;white-space:normal!important;
  }
  html body .side .nav-item::before,html body .side .side-btn::before{width:21px!important;height:21px!important;margin:0!important;flex:0 0 auto!important;}
  html body .side .nav-item.active{box-shadow:inset 0 -3px 0 var(--tab-light,#ecd6a8)!important;}
  html body .side .side-btn.hidden{display:none!important;}
  html body .side .lbl-full{display:none;} html body .side .lbl-short{display:inline;}
  html body .side .side-account{margin-top:10px!important;padding:8px 10px!important;gap:4px!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;}
  html body .side .side-account-row{font-size:11.5px!important;}
  html body .side .side-account-row:nth-child(1){grid-column:1/-1;}
  html body .side .side-account-row:nth-child(2),html body .side .side-account-row:nth-child(3){grid-column:1;}
  html body .side .side-account-row>span:first-child{display:none;}
  html body .side .side-account-row b{font-size:12px!important;}
  html body .side #logoutBtn{grid-column:2;grid-row:2/4;flex-direction:row!important;min-height:44px!important;height:auto!important;padding:6px 12px!important;margin:0!important;font-size:13px!important;}
}
@media (max-width:980px){
  html body .side .side-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  html body .side .side-nav .nav-item{font-size:11.5px!important;padding:9px 2px 6px!important;}
}
@media (max-width:980px) and (max-height:760px){
  html body .side .nav-item,html body .side .side-btn{min-height:56px!important;padding:6px 2px 4px!important;gap:3px!important;font-size:11.5px!important;}
  html body .side .nav-item::before,html body .side .side-btn::before{width:19px!important;height:19px!important;}
  html body .side .side-label{margin:5px 4px 3px!important;}
  html body .side .side-brand{padding-bottom:5px!important;margin-bottom:3px!important;}
  html body .side .side-account{margin-top:6px!important;}
}

/* ===== معاينة التقارير على الجوال: بطاقات بدل الجداول العريضة ===== */
.rv-mobile,.rv-toggle{display:none;}
@media (max-width:760px){
  #reportsModal .rv-toggle:not(.hidden){display:block;width:100%;margin:0 0 10px;padding:10px 12px;border-radius:12px;border:1px dashed #b9b19f;background:#fffdf9;color:#123d37;font-weight:700;font-size:14px;cursor:pointer;}
  #reportRoot:not(.rv-full) :is(.report-payments-table,.resident-report-summary-table){display:none!important;}
  #reportRoot:not(.rv-full) .rv-mobile{display:grid;gap:8px;margin:6px 0 14px;}
  #reportRoot.rv-full .report-year{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  #reportRoot.rv-full :is(.report-payments-table,.resident-report-summary-table){min-width:780px!important;}
  #reportRoot.rv-full :is(.report-payments-table,.resident-report-summary-table) :is(th,td){white-space:nowrap!important;word-break:normal!important;}
  #reportRoot .rv-card{border:1px solid #d9d1c0;border-radius:14px;background:#fff;padding:10px 10px 8px;box-shadow:0 6px 16px -14px rgba(8,34,32,.6);}
  #reportRoot .rv-card.rv-total{background:#fbf3df;border-color:#e6cf9c;}
  #reportRoot .rv-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
  #reportRoot .rv-name{font-size:15.5px;font-weight:800;color:#10201b;line-height:1.4;overflow-wrap:anywhere;}
  #reportRoot .rv-badges{display:flex;gap:6px;align-items:center;flex:0 0 auto;}
  #reportRoot .rv-paid{font-size:12px;font-weight:700;color:#1f6e3d;background:#d3ecdc;padding:2px 9px;border-radius:999px;}
  #reportRoot .rv-sum{font-size:14.5px;font-weight:800;color:#7a5410;background:#f5e5c1;padding:2px 10px;border-radius:999px;font-variant-numeric:tabular-nums;}
  #reportRoot .rv-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;}
  #reportRoot .rv-m{border-radius:9px;padding:4px 2px;text-align:center;border:1px solid transparent;}
  #reportRoot .rv-m span{display:block;font-size:10.5px;font-weight:700;line-height:1.3;}
  #reportRoot .rv-m b{display:block;font-size:13.5px;font-weight:800;line-height:1.35;font-variant-numeric:tabular-nums;}
  #reportRoot .rv-m.paid{background:#d3ecdc;border-color:#b6dcc3;color:#1f6e3d;}
  #reportRoot .rv-m.unpaid{background:#f8e3dc;border-color:#efc8bb;color:#a3361f;}
  #reportRoot .rv-m.tot{background:#fff;border-color:#e6cf9c;color:#7a5410;}
  #reportRoot .rv-extra{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:13px;font-weight:600;color:#2c3b36;}
  #reportRoot .rv-other{background:#dbe9f5;color:#215d86;padding:2px 9px;border-radius:999px;font-weight:700;}
  #reportRoot .rv-other b{color:#215d86;}
  #reportRoot .rv-notes{flex:1 1 100%;color:#4a5a53;line-height:1.6;}
  /* بقية جداول التقرير على الجوال: نص أفقي غير مكسور */
  #reportRoot :is(.report-expenses-table,.resident-report-year-summary) :is(th,td){word-break:normal!important;overflow-wrap:normal!important;}
  #reportRoot .resident-report-year-summary :is(th,td){font-size:13px!important;padding:6px 4px!important;}
}

/* ===== الخصوصية وحذف الحساب ===== */
.login-legal{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;color:var(--t-muted,#4a5a53);}
.login-legal .link-btn{all:unset;cursor:pointer;color:#1c6a60;font-weight:700;text-decoration:underline;text-underline-offset:3px;}
#legalModal .legal-box{width:min(860px,96vw)!important;height:min(86vh,900px);display:flex;flex-direction:column;}
#legalModal iframe{flex:1 1 auto;width:100%;min-height:300px;border:1px solid var(--hair,#e0d8c8);border-radius:14px;background:#f3efe6;}
#legalModal .actions{margin-top:10px;}
.ssb-privacy-card h3{margin:0 0 4px;}
.ssb-privacy-card .security-actions{display:flex;gap:8px;flex-wrap:wrap;}
@media (max-width:620px){#legalModal .legal-box{height:calc(100dvh - 24px);padding:10px!important;}.ssb-privacy-card .security-actions>*{flex:1 1 100%;}}
@media (max-width:380px){#reportRoot .rv-m span{font-size:9.5px;} #reportRoot .rv-m b{font-size:12.5px;}}

/* ===== تحديث 27: الحفظ التلقائي وشريط التعارض ===== */
.ssb-autosave-switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;color:inherit;white-space:nowrap}
.ssb-autosave-switch input{width:16px;height:16px;margin:0;accent-color:#0f766e}
.ssb-conflict{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:10px 0;padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fdba74;color:#7c2d12;line-height:1.7}
.ssb-conflict.hidden{display:none!important}
.ssb-conflict .sc-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 260px}
.ssb-conflict .sc-text span{font-size:.92em}
.ssb-conflict .sc-actions{display:flex;gap:8px;flex-wrap:wrap}
.ssb-conflict .sc-actions button{white-space:nowrap}
html[data-theme="dark"] .ssb-conflict,body.dark .ssb-conflict{background:#3b2410;border-color:#9a3412;color:#fed7aa}