/* group-cards.css — layout only for the group panel's sync and source cards (design system Phase 2).
   Components (<op-alert>, <op-freshness>, <op-button>, .op-table, .op-check) are styled by the system;
   nothing here restyles them. Tokens only. */
.gc-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); margin-bottom: var(--sp-2); }
.gc-title { font: var(--text-section-heading); color: var(--foreground); }
.gc-body { font: var(--text-caption); color: var(--muted-foreground); margin: 0 0 var(--sp-3); }
.gc-muted { font: var(--text-caption); color: var(--muted-foreground); display: flex; align-items: center; gap: var(--sp-icon); }
.gc-result { margin-top: var(--sp-3); display: flex; flex-direction: column; gap: var(--sp-2); }
.gc-list-title { font: var(--text-label); color: var(--muted-foreground); margin-top: var(--sp-2); display: flex; gap: var(--sp-1); }
.gc-table { max-height: 200px; overflow-y: auto; border: 1px solid var(--border); border-radius: var(--r-sm); }
.gc-col-check { width: 32px; padding-right: 0; }
.gc-col-check .op-check { min-height: 0; }
.gc-col-act { width: 1%; white-space: nowrap; text-align: right; }
.gc-name { font: var(--text-label); color: var(--foreground); white-space: nowrap; }
.gc-pick { width: 100%; }
/* the inventory freshness strip under the toolbar: mark, then the alert when the feed is stale */
.inv-freshness { display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--border); }
.inv-freshness[hidden] { display: none; }