/* ميزات المتابعة (شاشة فقط) */
@media screen{

/* عدم الاتصال */
.ssb-offline{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#fff4e0;border:1px solid #ecd29b;color:#7a4e0c;font-size:14px;font-weight:700;display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.ssb-offline::before{content:"";width:9px;height:9px;border-radius:50%;background:#d9822b;box-shadow:0 0 0 4px rgba(217,130,43,.2);}
.ssb-offline.hidden{display:none!important;}
html[data-theme="dark"] .ssb-offline{background:#33260f;border-color:#5b4a22;color:#ecd29b;}

/* بطاقات المتأخرات والتصنيف */
.ssb-arrears-card,.ssb-cat-card{margin:16px 0 0;padding:18px 18px 12px;border-radius:20px;background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow-sm);}
.ssb-cat-card{margin:0 0 14px;padding:14px 16px 10px;background:var(--surface-2);box-shadow:none;}
.ssb-arrears-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin-bottom:10px;}
.ssb-arrears-head h3{margin:2px 0 0;font-size:18px;font-weight:800;color:var(--ink);}
.ssb-arrears-total{display:flex;gap:8px;flex-wrap:wrap;}
.ssb-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--pine-50);color:var(--ink-2);font-size:13px;font-weight:800;border:1px solid var(--hair);font-variant-numeric:tabular-nums;}
.ssb-pill.bad{background:var(--bad-50);color:var(--bad);border-color:var(--bad-100);font-size:15px;}
.ssb-empty{padding:16px 12px;border-radius:12px;background:var(--surface-2);color:var(--muted-ink);font-weight:700;text-align:center;line-height:1.9;}
.ssb-empty.good{background:var(--ok-50);color:var(--ok);}
.ssb-link-btn{margin-top:8px;height:40px;padding:0 16px;border-radius:11px;background:var(--pine-700)!important;color:#fff!important;border:0!important;font-weight:800;}
.ssb-arrears-list{display:grid;gap:8px;}
.ssb-arrear{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--hair);}
.ssb-arrear-main{min-width:0;display:flex;flex-direction:column;gap:2px;}
.ssb-arrear-main b{font-size:15px;color:var(--ink);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ssb-arrear-main span{font-size:12.5px;color:var(--muted-ink);font-weight:700;}
.ssb-arrear-amt{font-size:17px;font-weight:800;color:var(--bad);font-variant-numeric:tabular-nums;}
.ssb-wa-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 14px;border-radius:11px!important;
  background:linear-gradient(180deg,#25b064,#178a4b)!important;color:#fff!important;border:1px solid #13773f!important;font-weight:800;font-size:14px;box-shadow:none;
}
.ssb-wa-btn::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--ico-wa) center/contain no-repeat;mask:var(--ico-wa) center/contain no-repeat;}
.ssb-wa-btn.wide{width:100%;height:46px;margin-top:10px;}

/* الاشتراك الشهري */
.ssb-fee-bar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border-radius:14px;background:var(--brass-100);border:1px solid #e6cf9d;}
.ssb-fee-bar label{font-size:14px;font-weight:800;color:var(--brass-700);}
.ssb-fee-bar input{width:130px!important;height:40px!important;margin:0!important;text-align:center!important;font-size:16px!important;font-weight:800;border-radius:10px!important;}
.ssb-fee-hint{font-size:12px;font-weight:700;color:var(--muted-ink);flex:1 1 200px;}
html[data-theme="dark"] .ssb-fee-bar{background:#2e2614;border-color:#5b4a22;}

/* حساب الساكن */
.ssb-res-extra h3{margin:0 0 8px;}
.ssb-res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ssb-res-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:800;color:var(--ink-2);}
.ssb-res-grid input{height:44px!important;margin:0!important;font-size:15px!important;text-align:start!important;}
.ssb-res-arrears{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--hair);font-weight:700;color:var(--ink-2);line-height:1.8;}
.ssb-res-arrears .neg{color:var(--bad);} .ssb-res-arrears .pos{color:var(--ok);}
.ssb-cc{width:70px!important;height:32px!important;display:inline-block!important;margin:0 6px!important;text-align:center!important;padding:0 6px!important;}
@media (max-width:620px){.ssb-res-grid{grid-template-columns:1fr;}}

/* تصنيف المصروفات */
.ssb-cat-list{display:grid;gap:7px;}
.ssb-cat-row{display:grid;grid-template-columns:110px minmax(0,1fr) 112px;align-items:center;gap:10px;}
.ssb-cat-name{font-size:13.5px;font-weight:800;color:var(--ink-2);}
.ssb-cat-track{height:12px;border-radius:6px;background:var(--hair);overflow:hidden;}
.ssb-cat-track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#c97a26,#e0a050);}
.ssb-cat-val{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.ssb-cat-val b{font-weight:800;}
.ssb-cat-val small{min-width:36px;padding:1px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--hair);font-size:11.5px;color:var(--muted-ink);text-align:center;}
.ssb-cat-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-bottom:2px;}
.ssb-chip{height:32px!important;min-height:32px;padding:0 12px!important;border-radius:999px!important;background:var(--surface)!important;color:var(--ink-2)!important;border:1px solid var(--hair-2)!important;box-shadow:none!important;font-size:13px!important;font-weight:800;flex:0 0 auto!important;width:auto!important;}
.ssb-chip.on{background:var(--brass-100)!important;border-color:#d9b56b!important;color:var(--brass-700)!important;}
@media (max-width:620px){.ssb-cat-row{grid-template-columns:78px minmax(0,1fr) 100px;}}

/* زر سند القبض العائم فوق خانة الشهر */
.ssb-cell-receipt{
  position:absolute;z-index:60;height:34px!important;min-height:34px;padding:0 12px!important;border-radius:10px!important;
  background:linear-gradient(180deg,#c99a42,#a3741f)!important;color:#fff!important;border:1px solid #8c6219!important;
  font-size:13px!important;font-weight:800;box-shadow:0 10px 22px -10px rgba(0,0,0,.5)!important;display:inline-flex;align-items:center;gap:6px;
}
.ssb-cell-receipt::before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:var(--ico-receipt) center/contain no-repeat;mask:var(--ico-receipt) center/contain no-repeat;}
.ssb-cell-receipt.hidden{display:none!important;}

/* سجل التعديلات */
#auditLogModal .modal-box{width:min(720px,96vw);}
.audit-log-lead{margin:0 0 10px;color:var(--muted-ink);font-weight:700;font-size:13.5px;}
.audit-log-list{display:grid;gap:8px;max-height:60vh;overflow:auto;}
.audit-item{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--hair);}
.audit-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--muted-ink);margin-bottom:3px;direction:rtl;}
.audit-text{font-size:14px;font-weight:700;color:var(--ink);line-height:1.7;}
#auditLogBtn{--ico: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v4l3 2'/%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4M3 4v5h5'/%3E%3C/svg%3E");}
#auditLogBtn::before{content:"";flex:0 0 auto;width:19px;height:19px;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;}

.ssb-toast{z-index:100000;}
}
@media screen{.ssb-res-arrears .neg{color:var(--bad)!important;}.ssb-res-arrears .pos{color:var(--ok)!important;}}

/* ===== تبويب المتأخرات + الملخص الصغير + العمارات + أدوات السجل ===== */
@media screen{
.nav-arrears{--ico: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 2M5 3 2 6M19 3l3 3'/%3E%3C/svg%3E");}
[data-view-panel="arrears"] .ssb-arrears-card{margin-top:12px;}

.ssb-mini-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0;}
.ssb-mini-sum:empty{display:none;}
.mini-tile{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--hair);background:var(--surface);position:relative;overflow:hidden;}
.mini-tile::after{content:"";position:absolute;inset-inline-end:0;top:10px;bottom:10px;width:4px;border-radius:4px 0 0 4px;background:var(--hair-2);}
.mini-tile span{font-size:12.5px;font-weight:800;color:var(--muted-ink);}
.mini-tile b{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1.25;}
.mini-tile.pay{background:var(--c-pay-bg);border-color:var(--c-pay-bd);}  .mini-tile.pay b,.mini-tile.pay span{color:var(--c-pay);}  .mini-tile.pay::after{background:var(--c-pay);}
.mini-tile.exp{background:var(--c-exp-bg);border-color:var(--c-exp-bd);}  .mini-tile.exp b,.mini-tile.exp span{color:var(--c-exp);}  .mini-tile.exp::after{background:var(--c-exp);}
.mini-tile.cnt{background:var(--c-total-bg);border-color:var(--c-total-bd);} .mini-tile.cnt b,.mini-tile.cnt span{color:var(--c-total);} .mini-tile.cnt::after{background:var(--c-total);}
.mini-tile.bal{background:linear-gradient(140deg,#1c6a60,#0b2b28);border-color:#0b2b28;} .mini-tile.bal b{color:#fff;} .mini-tile.bal span{color:#cfe6dd;} .mini-tile.bal::after{background:var(--brass);}
/* على الويب البطاقات الكاملة ظاهرة في كل التبويبات، فالملخص الصغير لتطبيق الجوال فقط (والمتأخرات دائمًا) */
html:not(.is-native-app) #ssbMiniPayments,html:not(.is-native-app) #ssbMiniExpenses{display:none;}

/* العمارات */
.ssb-building-switch{
  display:grid;grid-template-columns:1fr auto;grid-template-areas:"k a" "n a";align-items:center;gap:0 8px;width:100%;margin:2px 0 6px;padding:10px 12px!important;
  border-radius:14px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;text-align:start;box-shadow:none!important;height:auto!important;
}
.ssb-building-switch .bs-kicker{grid-area:k;font-size:11px;font-weight:700;color:#bcd6cc;}
.ssb-building-switch b{grid-area:n;font-size:15px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ssb-building-switch .bs-action{grid-area:a;font-size:11.5px;font-weight:800;color:#ecd6a8;padding:5px 9px;border-radius:999px;border:1px solid rgba(236,214,168,.35);}
#buildingsModal .modal-box{width:min(640px,96vw);}
.buildings-list{display:grid;gap:8px;margin-bottom:12px;}
.bld-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1.5px solid var(--hair);}
.bld-row.on{border-color:var(--pine-600);box-shadow:0 0 0 3px rgba(28,106,96,.12);}
.bld-main{min-width:0;display:flex;flex-direction:column;gap:2px;}
.bld-main b{font-size:16px;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bld-main span{font-size:12.5px;font-weight:700;color:var(--muted-ink);}
.bld-actions{display:flex;gap:6px;flex:0 0 auto;align-items:center;}
.bld-actions button{height:38px!important;min-height:38px;padding:0 12px!important;border-radius:10px!important;font-size:13px!important;font-weight:800;}
.bld-open{background:linear-gradient(180deg,#1f5a51,#123d37)!important;color:#fff!important;border:1px solid #0e322d!important;}
.bld-badge{padding:5px 10px;border-radius:999px;background:var(--pine-50);color:var(--pine-700);font-size:12px;font-weight:800;}
.buildings-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}
.buildings-add input{height:46px!important;margin:0!important;text-align:start!important;}
.buildings-add button{height:46px!important;padding:0 16px!important;border-radius:12px!important;}
html[data-theme="dark"] .bld-badge{background:#15302b;color:#9fd8c6;}

/* أدوات سجل التعديلات */
.audit-log-tools{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px;margin-bottom:10px;}
.audit-log-tools input,.audit-log-tools select{height:42px!important;margin:0!important;}
@media (max-width:620px){.audit-log-tools{grid-template-columns:1fr;}.bld-row{flex-wrap:wrap;}.bld-actions{width:100%;justify-content:flex-end;}}
}
@media screen{
.exp-toolbar{margin:0 0 12px;}
.exp-toolbar.hidden,.exp-add-form.hidden{display:none!important;}
.expense-form.exp-add-form{display:grid!important;grid-template-columns:170px 150px minmax(0,1fr) auto auto;gap:10px;align-items:end;margin:0 0 14px!important;padding:14px!important;border-radius:16px!important;
  background:linear-gradient(180deg,#f3f8f5,#fbf8f1)!important;border:1.5px solid #cfe0d8!important;box-shadow:0 10px 24px -18px rgba(11,43,40,.6);animation:setAddIn .18s ease-out;}
.expense-form.exp-add-form .exp-add-title,.expense-form.exp-add-form .ssb-cat-chips{grid-column:1/-1;}
.expense-form.exp-add-form input{height:46px!important;margin:0!important;border-radius:12px!important;border:1.5px solid var(--hair-2)!important;background:#fff!important;font-weight:700!important;}
.expense-form.exp-add-form #addExpenseBtn,.expense-form.exp-add-form #expAddCancel{height:46px!important;padding:0 18px!important;white-space:nowrap;}
#expensesWrap .expense-table tbody tr.expense-row.expense-row.exp-row-new td{background:#e2f1e7!important;transition:background .4s;}
html[data-theme="dark"] .expense-form.exp-add-form{background:linear-gradient(180deg,#15302b,#172723)!important;border-color:#2c5a51!important;}
html[data-theme="dark"] .expense-form.exp-add-form input{background:#0f1c19!important;}
@media (max-width:760px){.expense-form.exp-add-form{grid-template-columns:1fr 1fr;}.expense-form.exp-add-form #expenseDetails{grid-column:1/-1;}.expense-form.exp-add-form #addExpenseBtn,.expense-form.exp-add-form #expAddCancel{grid-column:auto;}}
}
@media screen{
.expense-form.exp-add-form.hidden{display:none!important;}
.expense-form.exp-add-form>*{min-width:0!important;max-width:100%!important;}
.expense-form.exp-add-form input{width:100%!important;}
}