.group-access-panel{display:grid;gap:1rem;margin-bottom:2rem;padding:1.35rem;border:1px solid #b9dfe1;border-radius:16px;background:#f4fbfb}
.group-access-panel header h3{margin:0 0 .35rem;color:#10284d}
.group-access-panel header p{max-width:54rem;margin:0;color:#536779;line-height:1.6}
.group-access-form{margin:0;background:#fff}
.group-access-form select[multiple]{min-height:12rem}
.group-access-summary{margin:0;color:#536779;font-size:.88rem}
.group-access-picker{position:relative}
.group-access-picker__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid #b8c8d7;border-radius:12px;color:#10284d;background:#fff;text-align:left;cursor:pointer}
.group-access-picker__trigger:hover,.group-access-picker.is-open .group-access-picker__trigger{border-color:#087f8c;box-shadow:0 0 0 3px rgba(8,127,140,.14)}
.group-access-picker__trigger-copy{display:grid;gap:.15rem;min-width:0}
.group-access-picker__trigger-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.group-access-picker__trigger-copy small{color:#60758a;font-size:.78rem;font-weight:500}
.group-access-picker__chevron{color:#087f8c;font-size:1.35rem;line-height:1;transition:transform .18s ease}
.group-access-picker.is-open .group-access-picker__chevron{transform:rotate(180deg)}
.group-access-picker__panel{position:absolute;z-index:5;top:calc(100% + .5rem);left:0;width:min(100%,34rem);display:grid;gap:.8rem;padding:1rem;border:1px solid #b8c8d7;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(8,31,65,.18)}
.group-access-picker__panel[hidden]{display:none}
.group-access-picker__panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#10284d}
.group-access-picker__count{color:#087f8c;font-size:.78rem;font-weight:800}
.group-access-picker__search input{width:100%;padding:.7rem .8rem;border:1px solid #cbd7e2;border-radius:9px;color:#10284d;background:#f8fafc}
.group-access-picker__search input:focus{outline:3px solid rgba(37,99,235,.2);border-color:#2563eb}
.group-access-picker__options{display:grid;gap:.25rem;max-height:16rem;overflow:auto}
.group-access-picker__option{display:flex;align-items:center;gap:.7rem;padding:.65rem .7rem;border-radius:9px;color:#30465d;font-size:.88rem;font-weight:600;cursor:pointer}
.group-access-picker__option:hover{background:#eef8f8;color:#10284d}
.group-access-picker__option input{width:1.1rem;height:1.1rem;accent-color:#087f8c}
.group-access-picker__empty{margin:0;padding:.75rem;color:#60758a;font-size:.82rem}
.group-access-picker__selected{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}
.group-access-picker__selected-empty{color:#6b7f91;font-size:.78rem}
.group-access-picker__chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;padding:.38rem .65rem;border:1px solid #b9dfe1;border-radius:999px;color:#075e68;background:#eaf8f8;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
.group-access-picker__chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.group-access-picker__chip b{font-size:1rem;line-height:.8}
.record-list article form button.button--suspend{border:2px solid #2563eb !important;color:#fff !important;background:#2563eb !important}
.record-list article form button.button--suspend:hover{border-color:#1d4ed8 !important;background:#1d4ed8 !important}
.record-list article form button.button--suspend:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.record-list article form button.button--secondary{border:2px solid #2563eb !important;color:#fff !important;background:#2563eb !important}
.record-list article form button.button--secondary:hover{border-color:#1d4ed8 !important;background:#1d4ed8 !important}
.record-list article form button.button--secondary:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.group-overview{display:grid;gap:2.5rem}
.group-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.group-summary-grid article{display:grid;gap:.4rem;padding:1.25rem;border:1px solid #b9dfe1;border-radius:14px;background:#eaf8f8}
.group-summary-grid strong{font-size:2rem;color:#087f8c}
.group-summary-grid span{font-size:.85rem;font-weight:700;color:#30465d}
.group-overview>section{display:grid;gap:1rem}
.group-overview .section-heading{margin:0}
.group-overview .section-heading h3{margin:.35rem 0 0;font-size:1.65rem;color:#10284d}
.group-overview .section-heading>p{max-width:32rem}
.group-restaurant-list ul{margin:.8rem 0 0;padding-left:1.1rem;color:#536779}
.group-restaurant-list li{padding:.25rem 0}
@media(max-width:760px){
  .group-summary-grid{grid-template-columns:1fr}
  .group-access-picker__panel{position:fixed;top:50%;left:1rem;right:1rem;width:auto;max-height:75vh;transform:translateY(-50%)}
  .group-access-picker__options{max-height:45vh}
}