/* Home amount-tile anatomy with supplied iMessage category artwork. */
.ld-home-briefs-group{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ld-space-md)}
.ld-action-preview{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--ld-radius-feature);box-shadow:var(--ld-shadow-card)}
.lucid .ld-action-preview .ld-suggestion{display:block;width:100%;height:auto;min-height:0;border-radius:0;clip-path:none}
.lucid .ld-action-preview .ld-suggestion:focus-visible{outline-offset:-4px}
.ld-action-preview .ld-suggestion-art{display:block;position:relative;width:100%;height:auto;left:auto;top:auto;transform:none;padding:32px 24px}
.ld-action-preview .ld-suggestion>.ld-suggestion-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:none}
/* One geometry for every category: 160px copy + 48px padding + 16px gap + 31px arrow. */
.ld-action-preview .ld-estimate-stack{display:block;position:relative;width:255px;max-width:100%;margin:0 auto}
.ld-action-preview .ld-estimate-back{top:32px;bottom:-12px;left:19px;right:19px;width:auto;height:auto;transform:none}
.ld-action-preview .ld-estimate{position:relative;top:auto;left:auto;margin:0;width:100%;max-width:100%;align-items:center;padding:24px;gap:16px}
/* Truncation needs the full line box so descenders remain visible. */
.ld-action-preview .ld-trim{text-box-trim:none}
.ld-action-preview .ld-estimate-copy{flex:1;min-width:0;white-space:nowrap;gap:12px}
.ld-action-preview .ld-estimate-copy strong{display:flex;align-items:center;height:36px;white-space:nowrap;font-size:var(--ld-preview-value-size,36px);line-height:1}
.ld-action-preview .ld-estimate-copy small{display:block;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld-action-preview .ld-suggestion-caption{position:relative;border-radius:0 0 var(--ld-radius-feature) var(--ld-radius-feature);min-height:0;align-items:center;padding:var(--ld-space-md) var(--ld-space-lg);background:rgb(255 255 255 / 8%)}
.ld-action-preview .ld-suggestion-copy{gap:var(--ld-space-sm)}
.ld-action-preview .ld-suggestion-copy strong,.ld-action-preview .ld-suggestion-copy small{display:block;white-space:nowrap;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.ld-action-preview .ld-suggestion-next{flex-shrink:0}
.ld-home-briefs-list{background:var(--ld-white)}
.ld-action-preview .ld-suggestion-copy strong{color:var(--ld-white)}
.ld-action-preview .ld-suggestion-copy small{color:var(--ld-white-64)}
.ld-action-preview .ld-suggestion-next{background:rgb(255 255 255 / 16%)}
.ld-briefs-empty{color:var(--ld-muted);font-size:14px;line-height:1.4}
@media(max-width:374px){.ld-action-preview .ld-suggestion-art{padding:24px 16px}.ld-action-preview .ld-estimate{padding:20px;gap:12px}}

@media(max-width:374px){.ld-action-preview .ld-suggestion-caption{padding:16px}}

/* Approved Home flower composition (4:1290), not the cropped iMessage trade texture. */
.ld-action-preview[data-category=trade]{container-type:inline-size}
.ld-action-preview[data-category=trade] .ld-suggestion>.ld-suggestion-image{height:156.51cqw;top:-29.09cqw;bottom:auto}
.ld-action-preview[data-category=trade] :is(.ld-estimate,.ld-estimate-back){box-shadow:inset 0 0 0 1px rgb(255 255 255 / 64%)}

/* Caption colors sampled from Kelly's approved reference after conversion to sRGB.
   An explicit surface prevents the glass tile from washing out the coral bar. */
.ld-action-preview[data-category=trade] .ld-suggestion-caption{background:linear-gradient(90deg,#e19da9 0%,#e38485 15%,#e26f69 31%,#e06958 50%,#e67559 66%,#eb785b 81%,#ed745d 100%);backdrop-filter:none;-webkit-backdrop-filter:none}

/* Kelly-approved transfer gradient, October 15; see docs/home-briefs.md. */
.ld-action-preview[data-category=transfer] .ld-suggestion>.ld-suggestion-image{transform:scale(1.5,-1);transform-origin:left center;filter:saturate(1.15)}
.ld-action-preview[data-category=transfer] .ld-suggestion-caption{background:transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ld-action-preview[data-category=transfer] .ld-suggestion-copy small{color:var(--ld-white)}

/* Kelly-approved bill/payment gradient, October 15; see docs/home-briefs.md. */
.ld-action-preview[data-category=payment] .ld-suggestion>.ld-suggestion-image{transform:scale(1.25);transform-origin:left top}
.ld-action-preview[data-category=payment] .ld-suggestion-caption{background:transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}