/* Account features: the review-link block in Review (js/share-review.js), the brand import card and the "add a rule" form on Brand
   (js/brand-account.js). On the shared tokens. */
.share { margin: var(--s3) 0 0; padding: var(--s3); border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--soft, var(--tile)); display: grid; gap: var(--s2); }
.share-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); flex-wrap: wrap; }
.share-title, .share-sub { margin: 0; font-size: 1rem; color: var(--ink-strong); font-weight: var(--w-medium, 500); }
.share-sub { font-size: .9375rem; margin-top: var(--s1); }
.share-note { margin: 0; color: var(--muted); font-size: var(--text-sm, .875rem); }
.share-label { display: block; margin-bottom: var(--s1); color: var(--ink); }
.share-row { display: flex; gap: var(--s2); flex-wrap: wrap; }
.share-row .input { flex: 1 1 14rem; min-width: 0; }
.share-links, .share-comments { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s1); }
.share-link { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); min-height: 2.75rem; }
.share-comment { display: flex; align-items: baseline; gap: var(--s2); min-height: 2.75rem; }
.share-at { flex: none; border: 0; background: none; padding: 0; font: inherit; font-variant-numeric: tabular-nums; color: var(--dk-tx-blue, var(--blue, var(--accent))); cursor: pointer; min-height: 2.75rem; }
.share-at:hover { text-decoration: underline; }
.share-tx { flex: 1 1 12rem; min-width: 0; overflow-wrap: anywhere; color: var(--ink); }
.rv-remember { display: flex; align-items: center; gap: var(--s2); margin: var(--s2) 0 0; color: var(--ink); min-height: 2.75rem; }
.rv-remember input { width: 1.125rem; height: 1.125rem; }

.bi { display: grid; gap: var(--s3); }
.bi-row { display: flex; gap: var(--s2); flex-wrap: wrap; }
.bi-row .input { flex: 1 1 18rem; min-width: 0; }
.bi-copy { margin: 0; color: var(--muted); }
.bi-draft { display: grid; gap: var(--s3); padding: var(--s3); border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--soft, var(--tile)); }
.bi-draft h3 { margin: 0; font-size: 1rem; color: var(--ink-strong); }
.bi-fields { display: grid; gap: var(--s3); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); align-items: start; }
.bi-field { display: grid; gap: var(--s1); min-width: 0; }
.bi-label { font-weight: var(--w-medium, 500); color: var(--ink-strong); }
.bi-swatches { display: flex; gap: var(--s2); flex-wrap: wrap; }
.bi-swatch { display: grid; gap: 2px; justify-items: start; font-size: var(--text-sm, .875rem); color: var(--muted); }
.bi-chip { width: 3.25rem; height: 2.25rem; border-radius: 8px; border: 1px solid var(--line); }
.bi-logo { max-width: 6rem; max-height: 6rem; border-radius: 8px; border: 1px solid var(--line); background: var(--dk-paper, #fff); object-fit: contain; }
.bi-tone { display: flex; gap: var(--s1); flex-wrap: wrap; }
.bi-tag { padding: 2px .625rem; border-radius: 999px; border: 1px solid var(--line); background: var(--tile); color: var(--ink); font-size: var(--text-sm, .875rem); }
.bi-missing { margin: 0; padding-left: 1.125rem; color: var(--muted); font-size: var(--text-sm, .875rem); }
.bi-act { display: flex; gap: var(--s2); flex-wrap: wrap; align-items: center; }
.bi-msg { margin: 0; color: var(--muted); min-height: 1.25rem; }
.be-rule-add { display: grid; gap: var(--s1); margin: 0 0 var(--s3); }