.composer-toolbar{display:flex;align-items:center;gap:6px;padding:9px 2px 0}.composer-toolbar button{border:0;background:transparent;color:#667085;border-radius:8px;padding:7px 9px;cursor:pointer;font-weight:600}.composer-toolbar button:hover,.composer-toolbar button:focus-visible{background:#eef8f6;color:var(--teal-dark);outline:none}.composer-toolbar .ai-tool{margin-left:auto;color:#0c8f83}.composer-tool-panel{border:1px solid #dfe5ec;background:#fff;border-radius:13px;padding:14px;margin-bottom:10px;box-shadow:0 12px 34px rgba(15,23,42,.1)}.composer-tool-panel header{display:flex;justify-content:space-between;align-items:center}.composer-tool-panel header button{border:0;background:transparent;font-size:21px;color:#667085;cursor:pointer}.composer-tool-panel>p{margin:5px 0 10px;color:#667085;font-size:12px}.composer-tool-panel textarea{display:block;width:100%;min-height:78px;resize:vertical;border:1px solid #dfe5ec;border-radius:10px;padding:11px;outline:none}.composer-tool-panel textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(22,179,163,.1)}.tool-primary{margin-top:9px;border:0;border-radius:9px;padding:9px 14px;background:var(--teal);color:#fff;font-weight:700;cursor:pointer}.tool-primary:disabled{opacity:.55}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:10px}.emoji-choice{border:0;background:#f6f8fb;border-radius:8px;font-size:20px;padding:7px;cursor:pointer}.emoji-choice:hover{background:#e7f8f5}.pending-attachment{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 11px;border-radius:9px;background:#eef8f6;color:#315b56;font-size:12px}.pending-attachment button{border:0;background:transparent;color:#b42318;cursor:pointer}.message-attachment{display:flex;align-items:center;gap:9px;margin-top:9px;padding:9px;border-radius:9px;background:rgba(255,255,255,.72);color:#1f5160;text-decoration:none}.message-attachment>span:first-child{font-size:20px}.message-attachment span:last-child{display:flex;flex-direction:column}.message-attachment small{margin:1px 0 0!important;text-align:left!important}.internal-note{max-width:62%;margin:16px auto}.internal-note .bubble{background:#fff4ad;border:1px solid #ead56d;border-radius:10px;box-shadow:none;color:#4d4212}.internal-note small{text-align:right;color:#8b7a2d}.note-label{font-size:10px;font-weight:800;color:#8b7414;margin:0 0 4px 5px;text-transform:uppercase;letter-spacing:.05em}.ai-suggestion{margin-top:10px;padding:12px;border-radius:10px;background:#eef8f6;border:1px solid #cbe9e4}.ai-suggestion p{white-space:pre-wrap;line-height:1.5;margin:7px 0}.ai-suggestion button{border:1px solid #a6dcd3;background:#fff;color:#0c7f74;border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}
@media(max-width:720px){.composer{padding:10px}.composer-toolbar{justify-content:space-between}.composer-toolbar .ai-tool{margin-left:0}.composer-toolbar button span{display:none}.emoji-grid{grid-template-columns:repeat(6,1fr)}.internal-note{max-width:92%}.composer-tool-panel{max-height:42vh;overflow:auto}}