/* Scoped to the invitation assistant; the landing page retains its existing design. */
.iv-chat .iv-chat-status { flex: none; width: min(720px, calc(100% - 32px)); margin: 6px auto; font-size: 13px; padding: 8px 12px; border-radius: 10px; background: #fff5e8; }
.iv-chat-cooked-frame { height: clamp(280px, 44dvh, 440px); aspect-ratio: auto; }
.iv-qc-reason { display: block; font-size: 12px; line-height: 1.5; margin: 6px 10px 12px; color: var(--iv-ink-soft); }
.iv-refine { flex: none; width: 100%; padding: 12px max(16px, calc((100% - 720px) / 2)); background: rgba(250,250,250,.98); border-top: 1px solid var(--iv-border); max-height: 42dvh; overflow: auto; }
.iv-refine > p { margin: 0 0 8px; font-size: 13px; font-weight: 700; }
.iv-refine-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.iv-refine .btn { font-size: 12px; padding: 8px 12px; min-height: 36px; }
#iv-wording-panel { padding-top: 10px; }
#iv-wording-preview, .iv-wording-applied { margin: 10px 0; padding: 12px; background: #fffdf8; border-left: 3px solid var(--iv-coral); line-height: 1.65; font-size: 14px; overflow-wrap: anywhere; }
.iv-chat [hidden] { display: none !important; }
.iv-chat [aria-busy="true"] { cursor: progress; }
.iv-chat button:focus-visible { outline: 2px solid var(--iv-coral); outline-offset: 3px; }
.iv-chat-body:not(.js-ready) { overflow: auto; }
.iv-chat-body:not(.js-ready) .iv-chat { height: auto; min-height: 100dvh; }
.iv-chat-body:not(.js-ready) .iv-chat-prompts { padding: 20px; }
@media (max-width: 480px) {
    .iv-refine { padding: 10px 14px; }
    .iv-chat-status { font-size: 12px; }
    .iv-chat-cooked-frame { height: 330px; }
}


/* Colour chips show the palette they name: "Earthy" or "Gold & luxe" is guesswork as words alone. */
.iv-qc-swatch { display: inline-block; width: 26px; height: 12px; margin-right: 7px; vertical-align: -1px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.14); }
.iv-qc-swatch--earthy { background: linear-gradient(90deg, #8a5a3b 0 34%, #c08a5a 34% 67%, #6f7d4f 67%); }
.iv-qc-swatch--pastel { background: linear-gradient(90deg, #f4c6d2 0 34%, #cde2f3 34% 67%, #e4dbf5 67%); }
.iv-qc-swatch--bold { background: linear-gradient(90deg, #c8102e 0 34%, #161616 34% 67%, #1d4ed8 67%); }
.iv-qc-swatch--netral { background: linear-gradient(90deg, #f6f3ed 0 34%, #a29d94 34% 67%, #222 67%); }
.iv-qc-swatch--mewah { background: linear-gradient(90deg, #1c1a2e 0 34%, #c9a227 34% 67%, #6b1d2a 67%); }

.iv-chat-progress { font-weight: 500; color: var(--iv-muted); }

/* Catalogue thumbnails are two phones: a cover (identical across the Rangkai set) and an inner page.
   Zoom onto the inner page so neighbouring cards are actually distinguishable. */
.iv-chat .iv-qc-thumb img { transform: scale(1.75); transform-origin: 77% 52%; }