@layer bk.components{.card[data-appearance=metric]{--text:var(--bk-metric-text);--text-dim:var(--bk-metric-muted);min-height:var(--bk-metric-card-height);padding:var(--bk-metric-card-inset);border-color:var(--bk-metric-card-border);border-radius:var(--radius-xl);background:var(--bk-metric-card-surface)}.card[data-appearance=metric]>.card__footer{padding-top:var(--bk-metric-footer-inset);margin-top:auto}.card{--card-edge-width:1px;contain:content;gap:var(--space-md);min-width:0;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-left:var(--card-edge-width) solid var(--card-priority-color,var(--border));border-radius:var(--radius-md);color:var(--text);flex-direction:column;display:flex}.card[data-surface=raised]{background:var(--surface-elevated);border-color:var(--border-bright);border-left-color:var(--card-priority-color,var(--border-bright))}.card[data-surface=inset]{background:var(--bg2)}.card[data-priority]{--card-edge-width:.25em}.card__header{align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.card__icon{color:var(--text-dim);flex:none;display:inline-flex}.card__icon svg{width:1.125em;height:1.125em}.card__title{font:var(--bk-type-heading-component);min-width:0;color:var(--text);overflow-wrap:anywhere;flex:auto;margin:0}.card__priority{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--card-priority-text);flex:none;font-size:.75em;font-weight:600;display:inline-flex}.card[data-integrity]{border-style:dashed;border-color:var(--alert-low-integrity-border-color)}.card[data-integrity=invalid]{border-style:solid;border-color:var(--alert-invalid-border-color)}.card[data-integrity][data-priority]{border-left-style:solid;border-left-color:var(--card-priority-color)}.card[data-integrity=stale]>.card__body,.card[data-integrity=invalid]>.card__body{opacity:.55}.card[data-integrity=invalid]>.card__body{position:relative}.card[data-integrity=invalid]>.card__body:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(-45deg, var(--alert-invalid-border-color) 0 1px, transparent 1px .5em);opacity:.35;position:absolute;inset:0}.card__integrity{padding:var(--space-xs) var(--space-sm);border:1px solid var(--alert-low-integrity-border-color);border-radius:var(--radius-sm);background:var(--alert-low-integrity-background-color);color:var(--amber-text);font-family:var(--font-mono);letter-spacing:.04em;flex:none;font-size:.75em;font-weight:600}.card[data-integrity=invalid] .card__integrity{border-color:var(--alert-invalid-border-color);background:var(--alert-invalid-background-color);color:var(--red-text)}.card__actions{align-items:center;gap:var(--space-xs);flex:none;margin-left:auto;display:flex}.card__body{font:var(--bk-type-body);min-width:0}.card__footer{font:var(--bk-type-caption);align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;display:flex}}