/* AI-SHAHID attachments: additive layout, no alteration to authentication/history. */
.composer .attach-button{height:44px;width:44px;min-width:44px;margin:0 4px 1px -10px;align-self:center;border:1px solid #ded4fa;background:#f2edff;color:#684ac8;box-shadow:none;border-radius:14px;font-size:28px;line-height:1;font-weight:500}
.composer .attach-button:hover,.composer .attach-button:focus-visible{background:#e5d8ff;outline:2px solid #8d67da;outline-offset:2px}
.composer.drag-over{border:2px dashed #9065ec;background:#faf6ff}
.attachment-preview{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 2px 12px}
.attachment-preview[hidden]{display:none}
.attachment-chip{display:flex;align-items:center;max-width:100%;gap:7px;padding:6px 7px 6px 12px;border-radius:14px;background:#ede6ff;border:1px solid #d9cbfa;color:#493a85;box-shadow:0 3px 10px #634da512;font-size:12px}
.attachment-chip-name{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}
.attachment-chip small{white-space:nowrap;color:#786ba2;font-size:11px}
.attachment-remove{border:0;background:#fff;color:#7a5fac;border-radius:10px;width:24px;height:24px;cursor:pointer;font-size:17px;line-height:1}
.attachment-remove:hover{background:#ffdce9;color:#a92963}
.attachment-remove:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.composer .attach-button{width:38px;min-width:38px;height:38px;margin-left:-7px;font-size:24px}.attachment-chip-name{max-width:140px}.attachment-preview{gap:6px;padding-bottom:8px}.composer-area .hint{font-size:10px}}

/* AI-SHAHID optional scanned-PDF OCR: non-interrupting, explicit consent. */
.ocr-opt-in{display:flex;align-items:flex-start;gap:9px;margin:7px 1px 10px;padding:9px 12px;border:1px solid #ded6ff;border-radius:12px;background:#f7f4ff;color:#3e2e80;font-size:12px;line-height:1.4;cursor:pointer;max-width:100%}
.ocr-opt-in[hidden]{display:none!important}
.ocr-opt-in input{margin:3px 2px 0 0;flex-shrink:0;accent-color:#7650ce;width:16px;height:16px}
.ocr-opt-in span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ocr-opt-in strong{font-weight:700}
.ocr-opt-in small{color:#675c8b;font-size:11px;line-height:1.4}
.ocr-opt-in:focus-within{outline:2px solid #7650ce;outline-offset:2px}
@media(max-width:600px){.ocr-opt-in{font-size:12px;padding:9px}.ocr-opt-in small{font-size:10px}}