/* =====================================================================
   تطبيق أندرويد: واجهة مدمجة (خطوط وبطاقات وتبويبات وقوائم أصغر)
   يعمل فقط عند html.is-native-app وعلى الشاشة. لا يمس التقارير وملفات PDF.
   ===================================================================== */
@media screen{

/* شريط التنقل السفلي بخمسة عناصر (يشمل المتأخرات) */
@media (max-width:980px){
  .bottom-nav{grid-template-columns:repeat(5,1fr)!important;}
}

/* مناطق المستندات داخل النوافذ تبقى بحجمها الأصلي (مهم لملفات PDF) */

/* الترويسة */
html.is-native-app .app-letterhead{padding:9px 12px!important;border-radius:16px!important;margin-top:6px!important;}
html.is-native-app .app-letterhead .al-mark,html.is-native-app .app-letterhead .brand-mark,html.is-native-app .app-letterhead img{width:38px!important;height:38px!important;}

/* الشريط العلوي */
html.is-native-app .main-head{padding:8px 10px!important;gap:8px 10px!important;border-radius:14px!important;}
html.is-native-app .main-head .menu-toggle{width:38px!important;height:38px!important;border-radius:11px!important;}
html.is-native-app .main-head .vt-year{padding:1px 8px!important;}
html.is-native-app .main-head .year-box{padding:3px!important;border-radius:11px!important;}
html.is-native-app .main-head .year-box select{height:36px!important;}
html.is-native-app #appView .main-head .year-box button{width:32px!important;height:36px!important;}
html.is-native-app #saveBtn{height:42px!important;min-height:42px!important;padding:0 10px 0 12px!important;gap:7px!important;border-radius:12px!important;}
html.is-native-app #saveBtn::before{width:26px!important;height:26px!important;border-radius:8px!important;}
html.is-native-app #saveBtn::after{inset-inline-start:10px!important;width:16px!important;height:16px!important;margin-top:-8px!important;margin-inline-start:5px!important;}
html.is-native-app .main .app-status-footer{padding:6px 10px!important;margin-top:8px!important;}

/* البطاقات المالية */
html.is-native-app .main .cards{gap:8px!important;margin-top:10px!important;}
html.is-native-app .main .cards .card{min-height:0!important;padding:9px 12px!important;border-radius:13px!important;}
html.is-native-app .main .cards .card b{margin-top:4px!important;}
html.is-native-app .mini-tile{padding:8px 12px!important;border-radius:12px!important;}
html.is-native-app .ssb-mini-sum{gap:8px!important;margin-top:10px!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{padding:12px!important;border-radius:16px!important;margin-top:10px!important;}
html.is-native-app .ssb-cat-card{padding:10px 12px!important;border-radius:14px!important;}
html.is-native-app .legend .lg{padding:3px 8px!important;}
html.is-native-app .smart-metric{padding:9px 10px!important;border-radius:12px!important;}
html.is-native-app .smart-alert{padding:8px 10px!important;}
html.is-native-app .quick-links{gap:8px!important;}
html.is-native-app .quick-link{padding:10px 12px!important;border-radius:13px!important;min-height:0!important;}
html.is-native-app .quick-link::before{width:32px!important;height:32px!important;}

/* أزرار الأقسام */
html.is-native-app .main .section .actions button,html.is-native-app #addExpenseBtn{height:40px!important;min-height:40px!important;border-radius:11px!important;}

/* الجداول */
html.is-native-app #paymentsWrap th,html.is-native-app #expensesWrap th{padding:7px 4px!important;}
html.is-native-app #paymentsWrap td,html.is-native-app #expensesWrap td{padding:2px!important;}
html.is-native-app #paymentsWrap input,html.is-native-app #expensesWrap input{height:36px!important;min-height:36px!important;}
html.is-native-app #paymentsWrap table{min-width:1180px!important;}
html.is-native-app #paymentsWrap col.name-col{width:156px!important;}
html.is-native-app #paymentsWrap col.month-col{width:62px!important;}
html.is-native-app #paymentsWrap col.total-col{width:84px!important;}
html.is-native-app #paymentsWrap col.note-col{width:130px!important;}
html.is-native-app #paymentsWrap .resident-account-btn{padding:2px 6px!important;height:auto!important;min-height:0!important;}

/* نماذج الإدخال */
html.is-native-app .expense-form input,html.is-native-app .ssb-search input,html.is-native-app .ssb-fee-bar input{height:38px!important;}
html.is-native-app .ssb-fee-bar{padding:8px 10px!important;}
html.is-native-app .ssb-chip{height:28px!important;min-height:28px!important;padding:0 10px!important;}

/* المتأخرات */
html.is-native-app .ssb-arrear{padding:8px 10px!important;border-radius:12px!important;gap:8px!important;}
html.is-native-app .ssb-wa-btn{height:34px!important;padding:0 10px!important;}

/* التنقل السفلي */
html.is-native-app .bottom-nav{padding:4px!important;border-radius:16px!important;inset-inline:8px!important;}
html.is-native-app .bottom-nav .nav-item{min-height:46px!important;gap:2px!important;border-radius:12px!important;}
html.is-native-app .bottom-nav .nav-item::before{width:19px!important;height:19px!important;}
html.is-native-app .main{padding-bottom:calc(72px + var(--sa-bottom,0px))!important;}

/* القائمة الجانبية */
html.is-native-app .side .nav-item,html.is-native-app .side .side-btn{min-height:40px!important;padding:8px 12px!important;border-radius:11px!important;}
html.is-native-app .side-label{margin:10px 4px 4px!important;}

/* النوافذ */
html.is-native-app .modal-box>h2:first-child{padding:10px 14px 12px!important;}
html.is-native-app .modal-box>h2:first-child::before{width:30px!important;height:30px!important;}
html.is-native-app .modal-box>h2:first-child .ssb-x{width:34px!important;height:34px!important;min-height:34px!important;}
html.is-native-app .modal .actions>button,html.is-native-app .modal .user-guide-actions>button,html.is-native-app .modal .receipt-view-actions>button,html.is-native-app .modal .actions>select{height:42px!important;min-height:42px!important;border-radius:12px!important;}
html.is-native-app .modal-box input:not([type=checkbox]):not([type=radio]):not([type=file]),html.is-native-app .modal-box select{height:40px!important;min-height:40px!important;}

} /* end @media screen */