/* Employee PWA/mobile layout v15 */
html,body{max-width:100%;overflow-x:hidden}.pe-global-loader{position:fixed;inset:0;z-index:3000;background:rgba(5,14,31,.68);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center}.pe-global-loader.show{display:flex}.pe-loader-card{background:#fff;border-radius:22px;padding:22px;min-width:180px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.25)}.pe-spinner{width:34px;height:34px;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:peSpin .75s linear infinite;margin:0 auto 10px}@keyframes peSpin{to{transform:rotate(360deg)}}
.pe-notification-button{position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;z-index:1050;width:42px;height:42px;border-radius:14px;border:1px solid #dce6f3;background:#fff;box-shadow:0 8px 25px rgba(15,23,42,.14);display:grid;place-items:center}.pe-notification-badge{position:absolute;top:-5px;right:-5px;background:#dc2626;color:#fff;border-radius:99px;min-width:19px;height:19px;font-size:10px;line-height:19px;display:none}.pe-notification-badge.show{display:block}
@media(max-width:767.98px){
  .page-shell,.app-shell,.container{max-width:100%!important;padding-inline:10px!important}.tabs{position:sticky!important;top:max(8px,env(safe-area-inset-top))!important;bottom:auto!important;z-index:1100!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;margin:8px 0 12px!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(15,23,42,.13)!important}.tabs .tab-btn{width:100%!important;min-width:0!important;height:48px!important;padding:0!important;font-size:0!important;border-radius:13px!important}.tabs .tab-btn i,.tabs .tab-btn svg{font-size:20px!important;margin:0!important}.tabs .tab-btn::before{font-size:20px!important}.tabs .tab-logout{color:#dc2626!important}.tabs .tab-logout::after{content:'⇥';font-size:21px}.tabs .tab-btn[title]{}
  .filter-grid,.perf-filter-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.filter-grid .btn,.perf-filter-grid .btn{width:100%!important;min-width:0!important}.filter-card input,.perf-filter-card input{font-size:16px!important}.kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.kpi-card{min-height:86px!important;padding:8px 4px!important;border-radius:14px!important}.kpi-card .kpi-title,.kpi-card .label{font-size:8.5px!important;line-height:1.25!important}.kpi-card .kpi-value,.kpi-card .value{font-size:14px!important;line-height:1.2!important}.kpi-card .kpi-note,.kpi-card .note{font-size:8px!important}
  .recent-mine-list,.mine-list{display:grid!important;gap:7px!important}.recent-mine-item,.mine-row{display:grid!important;grid-template-columns:minmax(62px,1fr) auto auto auto!important;align-items:center!important;gap:5px!important;padding:8px!important;border-radius:14px!important;min-width:0!important;overflow:hidden!important}.quick-pay-main,.mine-main{display:contents!important}.recent-mine-name,.mine-name{min-width:0!important;font-size:11px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.recent-mine-name small,.mine-name small{display:block!important;direction:ltr!important;text-align:right!important;font-size:9px!important}.recent-mine-amount,.mine-amount{font-size:11px!important;white-space:nowrap!important}.recent-mine-actions,.mine-actions{display:flex!important;gap:4px!important;flex-wrap:nowrap!important}.recent-mine-actions .btn,.mine-actions .btn,.quick-pay-actions .btn{font-size:0!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important}.recent-mine-actions .btn i,.mine-actions .btn i{font-size:14px!important}.recent-mine-item .badge,.mine-row .badge{font-size:8px!important;padding:5px!important;white-space:nowrap!important}
  .content-card,.recent-mine-panel,.perf-card{padding:12px!important;border-radius:18px!important}.show-more-wrap{padding:8px!important}.show-more-wrap .btn{min-height:42px!important}.brand-header{padding-inline:4px!important}.brand-logo-main{max-width:96px!important}
}
@media(max-width:360px){.recent-mine-item,.mine-row{grid-template-columns:minmax(52px,1fr) auto auto auto!important;gap:3px!important;padding:7px 5px!important}.recent-mine-actions .btn,.mine-actions .btn{width:31px!important;height:31px!important;min-width:31px!important}.kpi-card .kpi-value,.kpi-card .value{font-size:12px!important}}