/* Compact group overview: one selected group expands into the sole action panel. */
.group-overview{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));align-items:start}
.group-card{padding:0!important;min-width:0;position:relative;z-index:0;overflow:visible}
.group-card:has(.more-menu:not([hidden])){z-index:12}
.group-card.expanded{grid-column:1/-1}
.group-summary{display:block;width:100%;min-height:126px;padding:16px;text-align:left;background:#fff;color:#16213A;box-shadow:none;border:0;border-radius:11px}
.group-summary:hover{background:#FAFCFF;color:#16213A;box-shadow:none}
.group-summary:focus-visible{outline:3px solid #2563eb2e;outline-offset:-3px}
.group-card.expanded .group-summary{min-height:auto;border-radius:11px 11px 0 0;background:#F9FBFF;border-bottom:1px solid #E6EBF2}
.group-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.group-card-head h3{margin:0;font-size:.96rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-chips{display:grid;gap:5px;margin-top:13px}
.content-chip{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;border-radius:6px;background:#F7F9FC;color:#718096;font-size:.72rem}
.content-chip b{font-size:.68rem;margin-right:5px;color:#718096}
.content-chip.configured{background:#F0F6FF;color:#315A9D}
.content-chip.configured b{color:#2563EB}
.expand-hint{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#718096;font-size:.75rem}
.expand-hint i{font-style:normal;color:#2563EB;font-size:1rem;line-height:.8}
.group-details{padding:18px 20px 20px;background:#fff;border-radius:0 0 11px 11px}
.detail-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.detail-intro strong{font-size:.92rem}
.detail-intro span{max-width:540px;color:#718096;font-size:.78rem;line-height:1.55}
.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-fields label{display:grid;gap:5px;color:#52627A;font-size:.78rem}
.group-action-bar{display:flex;align-items:center;gap:8px;margin-top:14px}
.icon-action{width:38px;height:36px;padding:0;display:grid;place-items:center;border-radius:8px}
.icon-action i{font-size:.94rem}
.icon-action.primary{background:#2563EB;color:#fff}
.icon-action.primary:hover{background:#1D4ED8}
.group-more{position:relative;z-index:2;margin-left:auto}
.save-group{display:flex;align-items:center;gap:7px;white-space:nowrap}
.more-menu{position:absolute;z-index:30;right:0;top:calc(100% + 7px);width:184px;padding:6px;background:#fff;border:1px solid #DCE5F0;border-radius:9px;box-shadow:0 10px 24px #16213a1c}
.more-menu button{display:flex;width:100%;align-items:center;gap:8px;background:transparent;color:#3D4B62;padding:.58rem .65rem;text-align:left;box-shadow:none;font-size:.8rem}
.more-menu button:hover{background:#F4F8FE;color:#2563EB;box-shadow:none}
.more-menu button.danger{color:#C2413C}.more-menu button.danger:hover{background:#FFF4F4;color:#B42318}
@media(max-width:650px){.group-overview{grid-template-columns:1fr}.detail-fields{grid-template-columns:1fr}.detail-intro{display:grid;gap:5px}.logout-button{display:none}}