/* iOS-native compact dashboard polish (v23) */
.ios-grouped-page{
  background: #f5f5f7;
  border-radius: 18px;
}
.ios-grouped-page .native-card,
.ios-grouped-page .card.native-card{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  overflow: hidden;
}
.ios-grouped-page .native-card .card-header{
  background: rgba(255,255,255,.85);
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: 10px 14px;
}
.ios-grouped-page .native-card .card-body{
  padding: 12px 14px;
}
.ios-header-row h2{
  letter-spacing: -0.2px;
}
.ps-ref-actions{
  gap: 8px;
}
.ps-ref-chip{
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.1;
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(8px);
}
.ps-mini-btn{
  border-radius: 999px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: none !important;
}
.ps-mini-btn:active{
  transform: scale(.98);
}
.ps-notice{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(0, 200, 255, .12);
  color: rgba(0,0,0,.75);
}
.ps-notice strong{ color: rgba(0,0,0,.85); }
.ps-avatar{
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  object-fit: cover;
}
.ps-avatar-fallback{
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.8);
  display: grid;
  place-items: center;
  font-weight: 800;
  color: rgba(0,0,0,.65);
  letter-spacing: .5px;
}
.ios-grouped-page .form-control,
.ios-grouped-page .custom-select,
.ios-grouped-page input[type="text"],
.ios-grouped-page input[type="date"],
.ios-grouped-page select{
  height: 36px;
  padding: 6px 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.9);
}
.ios-grouped-page label{ font-size: 12px; color: rgba(0,0,0,.55); }
.ios-grouped-page .btn.btn-primary,
.ios-grouped-page .btn.btn-outline-primary,
.ios-grouped-page .btn.btn-light{
  border-radius: 12px;
}
.ios-grouped-page .btn.btn-primary{
  padding: 7px 12px;
  font-size: 13px;
}
.ios-table{
  border-collapse: separate;
  border-spacing: 0;
}
.ios-table thead th{
  font-size: 12px;
  color: rgba(0,0,0,.55);
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}
.ios-table tbody tr{
  position: relative;
}
.ios-table tbody td{
  border-top: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  padding: 10px 12px !important;
  vertical-align: middle;
}
.ios-table tbody tr:hover{
  background: rgba(0,0,0,.03);
}
.ios-table tbody tr:active{
  background: rgba(0,0,0,.05);
}
.ios-chevron tbody tr::after{
  content: "›";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: rgba(0,0,0,.25);
  pointer-events: none;
}
@media (max-width: 768px){
  .ios-header-row{
    gap: 10px;
  }
  .ps-ref-actions{
    width: 100%;
  }
}