/* Tuva eier-app: the Groups screen (CRM full F9). Phone first; cards in a grid from the width up. No inline styles (CSP). */
.grpscreen{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
@media (min-width:900px){.grpscreen{padding-bottom:24px}}
.grptop{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px}
.grptop .hint{flex:1 1 220px}
.grptop .btn{min-height:44px}
.grptop .btn[hidden],.grpscreen [hidden]{display:none}
.grpwhat{padding:12px 14px;border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--line)}
.grpcards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.grpcards .card + .card{margin-top:0}
.grpcard{display:flex;flex-direction:column;gap:6px;min-width:0}
.grphead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.grpname{font-size:17px;overflow-wrap:anywhere}
.grpdel{margin:-8px -8px 0 0}
.grpnum{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.grpnum .num{font-size:34px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.grpbtns{margin-top:auto;padding-top:8px}
.grpbtns .btn{min-width:0;white-space:nowrap;text-align:center}
.grptbl{width:100%;border-collapse:collapse;font-size:15px}
.grptbl td{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.grptbl td:last-child{text-align:right;white-space:nowrap}
.grpform{display:grid;gap:0 12px;grid-template-columns:1fr}
@media (min-width:560px){.grpform{grid-template-columns:1fr 1fr}}
.sumbox{margin-top:16px;padding:12px 14px;border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--line)}
.sumbox b{font-size:20px}
#sheet .btn.danger.solid{background:var(--danger);border-color:var(--danger);color:#1a0a07}
.view .grpscreen .hint,.view .grpwhat{max-width:540px}