/* PM24 V393 HF5 — premium mobile interactions only.
   No calculations, permissions, data, report or workflow logic changes. */

/* Camera card */
.member-live-camera.pm24-camera-polished{
  border:1px solid #d7e4f4!important;
  background:linear-gradient(145deg,#f7fbff 0%,#fff 52%,#fff5fb 100%)!important;
  box-shadow:0 16px 38px rgba(10,45,96,.08)!important;
}
.member-live-camera.pm24-camera-polished .member-live-camera-copy h4{
  color:#102b58!important;
  letter-spacing:-.02em!important;
}
.member-live-camera.pm24-camera-polished .member-camera-stage{
  border:1px solid rgba(255,255,255,.6)!important;
  box-shadow:0 12px 28px rgba(7,30,75,.18)!important;
}
.pm24-camera-action-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
}
.pm24-camera-action-grid .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:0 9px 20px rgba(18,62,120,.08)!important;
}
.pm24-camera-open,
.pm24-camera-capture{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#0877ff,#7357df 58%,#e41c8c)!important;
}
.pm24-camera-retake,
.pm24-camera-gallery{
  color:#174d92!important;
  border:1px solid #bfd2ee!important;
  background:#fff!important;
}
.member-live-camera.is-native-camera-mode .pm24-camera-capture{
  display:none!important;
}
.member-live-camera>[data-live-camera-status]{
  display:block!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#eef6ff!important;
  color:#365a88!important;
  line-height:1.45!important;
}
.member-live-camera>[data-live-camera-status].is-error{
  background:#fff1f1!important;
  color:#a52828!important;
}

/* Members list premium action toolbar */
.pm24-member-action-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  min-width:300px!important;
  background:transparent!important;
}
.pm24-member-action-grid::before{display:none!important}
.pm24-member-action-grid>.pm24-member-action,
.pm24-member-action-grid>.pm24-member-left-form{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.pm24-member-action-grid>.pm24-member-left-form .pm24-member-action{width:100%!important}
.pm24-member-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:40px!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(9,42,91,.08)!important;
}
.pm24-member-action span{font-size:14px!important}
.pm24-member-action-view{
  color:#155aa7!important;
  border-color:#bfd5f2!important;
  background:linear-gradient(180deg,#fff,#eef6ff)!important;
}
.pm24-member-action-edit{
  color:#fff!important;
  background:linear-gradient(135deg,#6c55df,#e72791)!important;
}
.pm24-member-action-collect{
  color:#fff!important;
  background:linear-gradient(135deg,#0877ff,#3b69df)!important;
}
.pm24-member-action-call{
  color:#116447!important;
  border-color:#bfe7d6!important;
  background:linear-gradient(180deg,#f8fffb,#eafaf3)!important;
}
.pm24-member-action-left{
  color:#a12838!important;
  border-color:#f0c5cc!important;
  background:linear-gradient(180deg,#fff,#fff1f3)!important;
}

/* Member detail page action groups */
.pm24-member-page-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
}
.pm24-member-page-action,
.pm24-member-summary-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:44px!important;
  border-radius:14px!important;
  font-weight:900!important;
  box-shadow:0 9px 20px rgba(10,43,91,.08)!important;
}
.pm24-member-page-action.is-edit,
.pm24-member-summary-action.is-collect{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#0877ff,#7059df 58%,#e52390)!important;
}
.pm24-member-page-action.is-print{
  color:#155aa7!important;
  background:#f5f9ff!important;
  border-color:#c4d6ef!important;
}
.pm24-member-page-action.is-back{
  color:#40536f!important;
  background:#fff!important;
  border-color:#d9e2ee!important;
}
.pm24-member-summary-action.is-call{
  color:#116447!important;
  background:#effaf5!important;
  border-color:#bfe5d4!important;
}

@media (max-width:760px){
  .pm24-camera-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .pm24-camera-action-grid .btn{
    min-height:50px!important;
    font-size:12px!important;
  }
  body.app-members .pgco-member-actions.pm24-member-action-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    min-width:0!important;
    padding:12px!important;
  }
  body.app-members .pm24-member-action-grid>.pm24-member-action,
  body.app-members .pm24-member-action-grid>.pm24-member-left-form{
    flex:none!important;
    min-width:0!important;
  }
  body.app-members .pm24-member-action{
    min-height:48px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }
  body.app-member-view .section-title{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .pm24-member-page-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .pm24-member-page-action{
    width:100%!important;
    min-width:0!important;
  }
  body.app-member-view .member-profile-summary>.pm24-member-summary-action{
    width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:340px){
  .pm24-camera-action-grid,
  body.app-members .pgco-member-actions.pm24-member-action-grid{
    grid-template-columns:1fr!important;
  }
}
