/* =====================================================================
   SSBAPP — اللمسة النهائية: قراءة مريحة وتباين أعلى
   خطوط أكبر وأوضح، نصوص ثانوية أغمق، وشاشة دخول بمقاس احترافي.
   ===================================================================== */
:root{
  --fs-title:26px;--fs-h:19px;--fs-body:16px;--fs-label:15px;--fs-small:14px;--fs-num:27px;--fs-num-sm:21px;
  --fw-body:600;--fw-strong:700;
  /* نصوص ثانوية أغمق لتباين أوضح (WCAG AA على الخلفيات الفاتحة) */
  --t-strong:#10201b;--t-body:#22332d;--t-muted:#4a5a53;--t-accent:#7a5410;
}
html.is-native-app{--fs-title:20px;--fs-h:17px;--fs-body:15.5px;--fs-label:14px;--fs-small:13.5px;--fs-num:21px;--fs-num-sm:18px;}
html[data-theme="dark"]{--t-strong:#eef4f1;--t-body:#d5e0db;--t-muted:#a9bab3;--t-accent:#e3c27a;}

@media screen{

/* نعومة ووضوح الخط */
#loginView,#appView,.modal,.side{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
#appView,.modal,#loginView{color:var(--t-body);}
/* الأوصاف تحت العناوين: أغمق وأوضح ومسافة أسطر مريحة */
.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,.ssb-fee-hint{
  color:var(--t-muted)!important;font-weight:600!important;line-height:1.75!important;
}
.panel-head p,.set-head p{margin-top:4px!important;}
/* عناوين البطاقات المالية */
.main .cards .card{font-weight:700!important;letter-spacing:0;}
.smart-metric span{font-weight:700!important;color:var(--t-body)!important;}
.app-status-footer,.app-status-footer b{font-weight:700!important;}
.app-status-footer{color:var(--t-muted)!important;}
/* القائمة الجانبية: أوضح */
.side .nav-item,.side .side-btn{font-size:var(--fs-body)!important;font-weight:700!important;color:#eef4f0!important;}
.side .side-label{font-size:13px!important;font-weight:700!important;color:#a8c4ba!important;letter-spacing:.2px;}
.side-brand b{font-size:17px!important;} .side-brand small{font-size:13px!important;color:#b9d3c9!important;}
.ssb-building-switch .bs-kicker{font-size:12.5px!important;} .ssb-building-switch b{font-size:16px!important;}
/* ترويسة التطبيق */
.app-letterhead .al-name{font-weight:700!important;}
.app-letterhead .al-sub{font-size:15px!important;font-weight:600!important;color:#d3e6de!important;}
.app-letterhead .al-chip{font-size:13.5px!important;font-weight:700!important;}
/* الحقول: نص أوضح */
#appView :is(input,select,textarea)::placeholder,.modal :is(input,textarea)::placeholder,#loginView input::placeholder{color:#7b8a84!important;font-weight:600!important;opacity:1;}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:#7f948c!important;}

/* =====================================================================
   شاشة الدخول
   ===================================================================== */
.login-split{width:min(1100px,100%)!important;border-radius:30px!important;}
.login-split .login-card{padding:52px 46px 30px!important;}
#loginView .login-split .login-card h1{font-size:23px!important;font-weight:700!important;line-height:1.45!important;}
#loginView .login-split .login-card h1::before{width:52px!important;height:52px!important;}
#loginView .login-lead{font-size:16px!important;font-weight:600!important;color:var(--t-muted)!important;margin:14px 0 8px!important;}
#loginView .login-label{font-size:15.5px!important;font-weight:700!important;color:var(--t-body)!important;margin:16px 0 6px!important;}
#loginView .login-split .login-card input:not([type=checkbox]){height:54px!important;min-height:54px!important;font-size:17px!important;border-radius:14px!important;padding:0 16px!important;}
#loginView .remember-login-row{padding:12px 14px!important;font-size:15.5px!important;font-weight:700!important;margin-top:14px!important;}
#loginView .remember-login-row input{width:20px!important;height:20px!important;}
#loginView .login-actions-grid{gap:10px!important;margin-top:18px!important;}
#loginView .login-actions-grid button{height:54px!important;min-height:54px!important;font-size:16.5px!important;border-radius:14px!important;}
#loginView .login-version{font-size:14px!important;margin-top:18px!important;}
#loginView .login-brand{padding:56px 52px!important;}
#loginView .login-brand h2{font-size:38px!important;line-height:1.3!important;}
#loginView .login-brand p{font-size:17px!important;font-weight:600!important;line-height:1.9!important;color:#d6e8e1!important;max-width:420px!important;}
#loginView .login-features li{font-size:16px!important;font-weight:600!important;color:#f3ede0!important;}
#loginView .login-features li::before{width:22px!important;height:22px!important;}
#loginView .login-brand .brand-mark-lg{width:76px!important;height:76px!important;}
#loginView .msg{font-size:15px!important;}
@media (max-width:620px){
  #loginView .login-split .login-card{padding:16px 18px 14px!important;}
  #loginView .login-split .login-card h1{font-size:18px!important;}
  #loginView .login-split .login-card h1::before{width:40px!important;height:40px!important;}
  #loginView .login-lead{font-size:14px!important;margin:8px 0 2px!important;}
  #loginView .login-label{font-size:14px!important;margin:8px 0 3px!important;}
  #loginView .login-split .login-card input:not([type=checkbox]){height:46px!important;min-height:46px!important;font-size:16px!important;}
  #loginView .remember-login-row{padding:8px 12px!important;font-size:14.5px!important;margin-top:8px!important;}
  #loginView .login-actions-grid{margin-top:10px!important;gap:8px!important;}
  #loginView .login-actions-grid button{height:46px!important;min-height:46px!important;font-size:15.5px!important;}
  #loginView .login-version{font-size:13px!important;margin-top:8px!important;}
  #loginView .login-brand{padding:12px 16px!important;}
  #loginView .login-brand h2{font-size:24px!important;}
}
@media (max-width:620px) and (max-height:700px){
  #loginView .login-label{display:none!important;}
  #loginView .login-lead{display:none!important;}
}

} /* end @media screen */
@media screen and (min-width:621px){
  #loginView .login-brand{justify-content:flex-start!important;
    background:radial-gradient(420px 260px at 100% 0%,rgba(184,134,47,.22),transparent 65%),url("../img/login-building.svg") center bottom/auto 46% no-repeat,linear-gradient(160deg,#123d37,#082220)!important;}
}