: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}}.documents{display:grid;gap:.4rem;margin-top:1.5rem}.documents>button{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left}.documents>button>small{opacity:.7}.document-body{max-height:28rem;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.5;padding:.9rem 1rem}.document-preview{width:100%;height:34rem;border:1px solid currentColor;border-radius:2px;background:#fff}.documents>button.is-page>small:after{content:" · page";opacity:.8}.direction-options{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.direction-options label{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:start;border:1px solid #d8dfeb;border-radius:.6rem;padding:.75rem;cursor:pointer}.direction-options input{grid-row:1 / span 3;align-self:center}.direction-options strong{font-size:1rem}.direction-options span{grid-column:2;opacity:.85}.direction-options code{grid-column:2;font-size:.75rem;opacity:.6;word-break:break-all}.direction-options label:has(input:checked){border-color:#35b;background:#eef2ff}.direction-note{display:grid;gap:.3rem;font-size:.85rem}.direction-note textarea{min-height:3.5rem;border:1px solid #cbd3e1;border-radius:.5rem;padding:.5rem}.own-answer{display:grid;gap:.3rem;font-size:.85rem;margin-top:.5rem}.own-answer textarea{min-height:3rem;border:1px solid #cbd3e1;border-radius:.5rem;padding:.5rem}