/* Tambahan sahaja; tiada padding berubah jika safe-area ialah sifar. */
@media screen {
#arfm-root{padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box}
#arfm-root .arfm-topbar{padding-top:calc(16px + env(safe-area-inset-top,0px))}
#arfm-root .arfm-sidebar{padding-top:env(safe-area-inset-top,0px);box-sizing:border-box}
#arfm-root .arfm-login-card{margin-top:calc(7vh + env(safe-area-inset-top,0px))}
@media(max-width:1050px){#arfm-root .arfm-topbar{padding-top:calc(14px + env(safe-area-inset-top,0px))}}
@media(max-width:800px){#arfm-root .arfm-topbar{padding-top:calc(12px + env(safe-area-inset-top,0px))}#arfm-root .arfm-login-card{margin-top:calc(25px + env(safe-area-inset-top,0px))}}
}
#arfm-root .arfm-pwa-banner{flex-shrink:0;background:#eaf4ee;border-bottom:1px solid #dce3de;padding:8px 14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;max-height:24dvh;overflow:auto}
#arfm-root .arfm-pwa-banner span{flex:1;min-width:130px}
#arfm-root .arfm-pwa-share{width:18px;height:18px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8}
#arfm-root .arfm-pwa-panel p{margin:8px 0}
@media print{.arfm-pwa-banner,.arfm-pwa-panel{display:none!important}}