.group-manage{flex-direction:column;display:flex}.group-manage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.group-manage-count{color:var(--text-3);margin:0;font-size:13px;font-weight:600}.group-manage-count span{color:var(--text-4);margin:0 7px}.group-manage-note{color:var(--muted);align-items:flex-start;gap:7px;margin:14px 0 0;font-size:12.5px;line-height:1.5;display:flex}.group-manage-note i{color:var(--text-4);margin-top:1px;font-size:13px}.group-manage .p-button.group-manage-new{background:var(--primary);border:1.5px solid var(--primary);white-space:nowrap;border-radius:10px;gap:7px;height:34px;padding:0 14px;font-size:13px;font-weight:700;box-shadow:0 1px 2px #3858cf2e}.group-manage .p-button.group-manage-new:not(:disabled):hover{background:var(--brand-hover);border-color:var(--brand-hover)}.group-manage .p-button.group-manage-new .p-button-icon{margin:0;font-size:12px}.group-manage-empty{text-align:center;border:1.5px dashed var(--border);color:var(--muted);border-radius:14px;padding:36px 16px}.group-manage-empty i{color:var(--text-4);font-size:28px}.group-manage-empty h4{color:var(--text);margin:10px 0 4px;font-size:16px}.group-manage-empty p{max-width:46ch;margin:0 auto;font-size:13.5px;line-height:1.55}.group-manage-empty .p-button{margin-top:16px}.group-manage-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}.group-manage-row{background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 24px rgba(var(--shadow-rgb), .08);border-radius:18px;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;transition:border-color .18s,box-shadow .18s;display:grid}@media (hover:hover){.group-manage-row:hover{border-color:var(--brand-border);box-shadow:0 10px 24px rgba(var(--shadow-rgb), .1)}}.group-manage-img{object-fit:cover;background:var(--border-2);border-radius:12px;width:96px;height:72px}.group-manage-main{min-width:0}.group-manage-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.group-manage-kind{background:var(--brand-soft);color:var(--text-2);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700}.group-manage-name{color:var(--text);overflow-wrap:anywhere;font-size:15.5px;font-weight:700;text-decoration:none}.group-manage-name:hover{text-decoration:underline}.group-manage-meta{color:var(--muted);margin-top:3px;font-size:13px}.group-manage-counts{color:var(--text-2);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12.5px;display:flex}.group-manage-counts span{align-items:center;gap:5px;display:inline-flex}.group-manage-counts .group-manage-link{background:var(--bg-2);max-width:28ch;color:var(--text-4);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:1px 7px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11.5px;display:inline-block;overflow:hidden}.group-manage-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.group-manage-actions .p-button.p-button-text,.group-manage-actions .p-button.p-button-outlined{border:1.5px solid var(--border);width:38px;height:38px;color:var(--text-2);background:0 0;border-radius:12px;padding:0;transition:background .15s,border-color .15s,color .15s}.group-manage-actions .p-button.p-button-text:not(:disabled):hover,.group-manage-actions .p-button.p-button-outlined:not(:disabled):hover{background:var(--bg);border-color:var(--border-3);color:var(--text)}.group-manage-actions .p-button.p-button-icon-only .p-button-label{display:none}.group-manage-actions .p-button.p-button-text.p-button-danger{color:var(--danger-fg);border-color:var(--danger-border);background:0 0}.group-manage-actions .p-button.p-button-text.p-button-danger:not(:disabled):hover{background:var(--danger-soft);border-color:var(--danger-fg);color:var(--danger-strong)}.group-manage-open{background:var(--brand);height:38px;color:var(--on-solid);white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:0 16px;font-family:Comfortaa,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}@media (hover:hover){.group-manage-open:hover{background:var(--brand-hover)}}@media (pointer:coarse){.group-manage-open{position:relative}.group-manage-actions .p-button.p-button-text,.group-manage-actions .p-button.p-button-outlined{overflow:visible}.group-manage-open:before,.group-manage-actions .p-button.p-button-text:before,.group-manage-actions .p-button.p-button-outlined:before{content:"";border-radius:14px;position:absolute;top:min(0px,50% - 22px);bottom:min(0px,50% - 22px);left:min(0px,50% - 22px);right:min(0px,50% - 22px)}}.group-form-dialog{width:min(94vw,760px)}.group-form-dialog .p-dialog-content{overflow-x:hidden}.group-form-field{min-width:0}.group-form-field>*,.group-form-field .p-inputtext,.group-form-field .p-dropdown,.group-form-field .p-multiselect,.group-form-field .p-calendar,.group-form-field .p-inputnumber{min-width:0;max-width:100%}.group-form .p-multiselect{min-height:44px}.group-form .p-multiselect .p-multiselect-label{white-space:normal;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding-block-start:7px;padding-block-end:7px;display:flex}.group-form .p-multiselect .p-multiselect-token{background:var(--brand-soft);color:var(--brand-fg);border-radius:999px;margin:0;font-family:Comfortaa,sans-serif;font-size:11.5px;font-weight:700}.group-form{flex-direction:column;gap:14px;display:flex}.group-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.group-form-field{flex-direction:column;gap:6px;min-width:0;display:flex}.group-form-field>label{color:var(--text-2);font-size:13px;font-weight:700}.group-form-field .req{color:var(--danger-fg)}.group-form-hint{color:var(--muted);font-size:12px;line-height:1.45}.group-form-footer{align-items:center;gap:10px;padding-top:4px;display:flex}.group-form-missing{min-width:0;color:var(--text-3);text-align:left;flex:1;align-items:center;gap:6px;font-family:Comfortaa,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.group-form-missing .pi{color:var(--warn-fg);font-size:12px}.group-form-btn.p-button{box-shadow:none;border-radius:12px;padding:10px 20px;font-family:Comfortaa,sans-serif;font-size:13px;font-weight:700}.group-form-btn.p-button:disabled{opacity:.5}.group-form-btn--ghost.p-button{background:var(--surface);border:1.5px solid var(--border);color:var(--text-2)}.group-form-btn--ghost.p-button:not(:disabled):hover{background:var(--bg);border-color:var(--border-3);color:var(--text)}@media (max-width:520px){.group-form-footer{flex-wrap:wrap}.group-form-missing{flex:100%}.group-form-btn.p-button{flex:1}}.group-units-dialog{width:min(94vw,680px)}.group-units-search{margin-bottom:12px}.group-units-search .p-inputtext{width:100%}.group-units-list{flex-direction:column;gap:8px;max-height:52vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.group-unit-row{border:1.5px solid var(--border);background:var(--surface);border-radius:12px}.group-unit-row--on{border-color:var(--brand-fg);background:var(--brand-soft)}.group-unit-label{cursor:pointer;grid-template-columns:auto 56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.group-unit-img{object-fit:cover;background:var(--border-2);border-radius:8px;width:56px;height:44px}.group-unit-main{min-width:0}.group-unit-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.group-unit-meta{color:var(--muted);font-size:12.5px;display:block}.group-unit-price{color:var(--brand-fg);white-space:nowrap;font-size:14px;font-weight:700}.group-units-empty{text-align:center;color:var(--muted);padding:28px 12px;font-size:14px}.group-units-summary{color:var(--muted);margin-right:auto;font-size:13px}@media (max-width:760px){.group-form-row{grid-template-columns:1fr}.group-form-dialog{width:96vw}}@container (width<=680px){.group-manage-row{grid-template-columns:72px minmax(0,1fr);gap:12px}.group-manage-img{width:72px;height:60px}.group-manage-actions{border-top:1px solid var(--border-2);flex-wrap:nowrap;grid-column:1/-1;justify-content:flex-start;gap:8px;padding-top:12px}.group-manage-open{flex:1;justify-content:center}.group-manage-actions .p-button.p-button-text,.group-manage-actions .p-button.p-button-outlined{flex:none;width:40px;height:40px}}
