.saas-feed-cards{gap:var(--saas-space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.saas-feed-card{--saas-feed-tone:var(--saas-brand-primary);--saas-feed-tint:var(--saas-brand-subtle);gap:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);min-inline-size:0;transition:border-color var(--saas-motion-micro) var(--saas-ease-standard), box-shadow var(--saas-motion-micro) var(--saas-ease-standard);flex-direction:column;display:flex;overflow:hidden}.saas-feed-card[data-tone=success]{--saas-feed-tone:var(--saas-tint-green-fg);--saas-feed-tint:var(--saas-tint-green-bg)}.saas-feed-card[data-tone=warning]{--saas-feed-tone:var(--saas-tint-yellow-fg);--saas-feed-tint:var(--saas-tint-yellow-bg)}.saas-feed-card[data-tone=danger]{--saas-feed-tone:var(--saas-tint-red-fg);--saas-feed-tint:var(--saas-tint-red-bg)}.saas-feed-card[data-tone=info]{--saas-feed-tone:var(--saas-tint-blue-fg);--saas-feed-tint:var(--saas-tint-blue-bg)}.saas-feed-card[data-tone=neutral]{--saas-feed-tone:var(--saas-text-primary);--saas-feed-tint:var(--saas-bg-sunken)}.saas-feed-card:hover{border-color:var(--saas-feed-tone);box-shadow:0 0 0 3px var(--saas-brand-glow)}.saas-feed-card[data-kind=notice]{padding-block-end:var(--saas-space-md)}.saas-feed-card[data-kind=notice]>:not(.saas-feed-card__band){margin-inline:var(--saas-space-md)}.saas-feed-card[data-priority=urgent]{border-color:var(--saas-status-danger);box-shadow:inset 0 0 0 1px var(--saas-status-danger)}.saas-feed-card__band{align-items:center;gap:var(--saas-space-sm);padding-block:var(--saas-space-sm);padding-inline:var(--saas-space-md);background:var(--saas-feed-tint);color:var(--saas-feed-tone);display:flex}.saas-feed-card__category{align-items:center;gap:var(--saas-space-xs);color:var(--saas-feed-tone);font-size:var(--saas-font-body-sm);margin-inline-end:auto;font-weight:700;display:inline-flex}.saas-feed-card__priority{padding-block:2px;padding-inline:var(--saas-space-sm);border-radius:var(--saas-radius-full);background:var(--saas-status-danger);color:var(--saas-bg-surface);font-size:var(--saas-font-body-sm);font-weight:700}.saas-feed-card__title{font-size:var(--saas-font-reading);margin:0;line-height:1.35}.saas-feed-card__title button{color:var(--saas-text-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;display:inline}.saas-feed-card__title button:hover{color:var(--saas-brand-primary)}.saas-feed-card__title button:focus-visible,.saas-feed-card__ack:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-feed-card__dot{block-size:9px;inline-size:9px;border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);vertical-align:middle;margin-inline-end:var(--saas-space-xs);display:inline-block}.saas-feed-card__summary{color:var(--saas-text-primary);font-size:var(--saas-font-reading);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.saas-feed-card__until{align-items:center;gap:var(--saas-space-xs);color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0;display:inline-flex}.saas-feed-card__foot{align-items:center;gap:var(--saas-space-sm);border-block-start:1px solid var(--saas-border-default);font-size:var(--saas-font-body-sm);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--saas-space-sm);display:flex}.saas-feed-card__who{color:var(--saas-text-secondary);margin-inline-end:auto}.saas-feed-card__tag{color:var(--saas-text-secondary);align-items:center;gap:4px;display:inline-flex}.saas-feed-card__tag[data-tone=success]{color:var(--saas-status-success)}.saas-feed-card__ack{align-items:center;gap:var(--saas-space-xs);min-block-size:32px;padding-inline:var(--saas-space-sm);border:1px solid var(--saas-brand-primary);border-radius:var(--saas-radius-md);background:var(--saas-brand-primary);color:var(--saas-bg-surface);font:inherit;cursor:pointer;font-weight:600;display:inline-flex}.saas-feed-card__ack:disabled{cursor:progress;opacity:.7}.saas-feed-card__cover{aspect-ratio:16/9;background:var(--saas-feed-tint);color:var(--saas-feed-tone);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:flex}.saas-feed-card__cover img{object-fit:cover;block-size:100%;inline-size:100%}.saas-feed-card__body{gap:var(--saas-space-sm);padding:var(--saas-space-md);flex-direction:column;flex:1;display:flex}.saas-feed-card--skeleton{background:var(--saas-bg-sunken);min-block-size:200px}.saas-feed-cards__empty{justify-items:center;gap:var(--saas-space-xs);padding:var(--saas-space-xl);color:var(--saas-text-secondary);font-size:var(--saas-font-reading);text-align:center;display:grid}.saas-feed-cards__empty p{margin:0}.saas-feed-cards__empty strong{color:var(--saas-text-primary)}