/* BPMS Increment 29 - Mobile UX Refinement */
.bpms-mobile-actions{display:none!important}
.bpms-mobile-section-title:has(+ .bpms-mobile-actions){display:none!important}
.mobile-app-note{display:none!important}
body[data-pwa-installed="true"] .pwa-install-card,
body[data-pwa-installed="true"] #bpmsInstallCard{display:none!important}

.bpms-bubble-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 18px}
.bpms-bubble{background:#fff;border:1px solid #dfe5ef;border-radius:18px;padding:14px 8px;text-align:center;text-decoration:none;color:#102a66;box-shadow:0 8px 20px rgba(15,23,42,.06);min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bpms-bubble .bicon{width:36px;height:36px;border-radius:13px;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:8px}
.bpms-bubble b{font-size:12px;line-height:1.15}
.bpms-bubble span{display:block;font-size:11px;color:#64748b;margin-top:3px}
.bpms-mobile-fab-menu{transform-origin:bottom right}
.bpms-mobile-fab-menu a{transform:translateY(8px);opacity:.98;transition:.18s ease}
.bpms-mobile-fab-menu.open a{transform:translateY(0)}
.bpms-mobile-fab-menu a:nth-child(1){transition-delay:.02s}
.bpms-mobile-fab-menu a:nth-child(2){transition-delay:.04s}
.bpms-mobile-fab-menu a:nth-child(3){transition-delay:.06s}
.bpms-mobile-fab-menu a:nth-child(4){transition-delay:.08s}
.bpms-mobile-fab-menu a:nth-child(5){transition-delay:.10s}
.bpms-mobile-fab{transition:.18s ease}
.bpms-mobile-fab-menu.open + .bpms-mobile-fab,
#bpmsFab.open{transform:rotate(45deg)}
.bpms-mobile-header-compact{display:none}
@media(max-width:760px){
  .bpms-mobile-project{margin-bottom:4px}
  .bpms-mobile-stats{grid-template-columns:1fr 1fr}
  .bpms-recent-list{margin-bottom:84px}
  header{padding:10px!important}
  header .brand img.logo{max-height:58px!important}
  header .brand{gap:8px!important}
  header .brand h1{font-size:14px!important}
  header select{max-width:210px}
  .bpms-bubble-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:390px){
  .bpms-bubble-grid{grid-template-columns:repeat(3,1fr)}
}