:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f7f8fb}.customer-shell{max-width:960px;margin:auto;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.customer-shell>header{position:sticky;top:0;background:#fff;border-bottom:1px solid #dde2ea;padding:1rem;display:flex;justify-content:space-between}.conversation{padding:1.5rem;overflow:auto}.conversation article{max-width:78%;margin:0 0 1.25rem;padding:1rem;border-radius:1rem;background:#fff}.conversation article.customer{margin-left:auto;background:#e7efff}.card{display:grid;gap:.75rem;border:1px solid #d8dfeb;border-radius:.8rem;padding:1rem;margin-top:.75rem}.preview img,.preview iframe{width:100%;max-height:520px;border:0;border-radius:.5rem}.customer-shell form{background:#fff;border:1px solid #cbd3e1;border-radius:1rem;margin:1rem;padding:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.customer-shell textarea{width:100%;min-height:4rem;border:0;resize:vertical}.attachment-grid{display:flex;gap:.5rem;flex-wrap:wrap}button,a{min-height:2.75rem;padding:.6rem .9rem}@media(max-width:640px){.conversation{padding:.75rem}.conversation article{max-width:94%}.customer-shell form{margin:.5rem}}