/* Shared support composer: admin, customer portal, and floating support chat. */
.admin-ticket-reply,.ticket-reply{position:relative}
.admin-ticket-reply textarea,.ticket-reply textarea{box-sizing:border-box;max-height:140px;transition:border-color .18s,box-shadow .18s}
.support-composer-attachment{display:flex;align-items:center;gap:8px;margin:10px 0;border:1px solid #cbe5e1;border-radius:11px;background:#f1fbf9;padding:8px 10px;color:#317168;font:800 9px Alexandria,sans-serif}
.support-composer-attachment[hidden]{display:none!important}.support-composer-attachment>i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#fff;color:#087f8b;font-size:14px}.support-composer-attachment span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.support-composer-attachment button{display:grid;place-items:center;width:25px;height:25px;margin:0;border:0;border-radius:7px;background:#fff;padding:0;color:#6a8891;box-shadow:none}.support-composer-attachment button i{font-size:15px}

/* Message action icons. */
.admin-ticket-message{position:relative}.admin-ticket-message>header{padding-left:70px}.admin-ticket-message__actions{position:absolute;z-index:3;top:7px;left:8px;display:flex;gap:4px;margin:0}.admin-ticket-message__actions button{display:grid;place-items:center;width:27px;height:27px;border:1px solid #cbdce6;border-radius:8px;background:#fff;padding:0;color:#4c6d80;font-size:0;cursor:pointer;box-shadow:0 5px 10px -9px #163d5566}.admin-ticket-message__actions button i{font-size:14px}.admin-ticket-message__actions button.is-danger{border-color:#f1c7c9;background:#fff6f6;color:#b4434b}

/* GPT-like composer used by the admin conversation. */
.gpt-composer{display:block;box-sizing:border-box;width:100%;min-height:122px;margin:16px 0 0;border:1px solid #444;border-radius:24px;background:#303030;padding:15px 15px 10px;overflow:hidden;box-shadow:none}
.gpt-composer>textarea{display:block;box-sizing:border-box;width:100%;height:54px;min-height:54px;max-height:140px;margin:0;border:0;background:transparent;padding:4px 2px;color:#f2f2f2;font:400 14px/1.55 Arial,sans-serif;outline:0;resize:none;box-shadow:none}.gpt-composer>textarea::placeholder{color:#8f8f8f}.gpt-composer:focus-within{border-color:#626262}
.gpt-composer__toolbar{display:grid;grid-template-columns:36px 1fr 38px;align-items:center;gap:9px;width:100%;min-height:38px;margin:5px 0 0;border:0;background:transparent;padding:0}.gpt-composer__add{position:relative;display:grid;place-items:center;width:34px;height:34px;margin:0;border:0;border-radius:10px;background:transparent;color:#c7c7c7;cursor:pointer}.gpt-composer__add:hover{background:#454545}.gpt-composer__add i{font-size:22px}.gpt-composer__add input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.gpt-composer__meta{justify-self:end;color:#a7a7a7;font:400 10px Arial,sans-serif}.gpt-composer__send{display:grid;place-items:center;width:36px;height:36px;margin:0;border:0;border-radius:50%;background:#858585;padding:0;color:#2d2d2d;cursor:pointer;box-shadow:none}.gpt-composer__send i{display:block;margin:0;font-size:20px}.gpt-composer__send:disabled{opacity:.42}
.gpt-composer__attachment{display:flex;align-items:center;gap:8px;margin:5px 0 8px;border:1px solid #515151;border-radius:11px;background:#3b3b3b;padding:7px 9px;color:#ddd;font:400 10px Arial,sans-serif}.gpt-composer__attachment[hidden]{display:none!important}.gpt-composer__attachment>span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.gpt-composer__attachment>button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:#4a4a4a;padding:0;color:#ddd}

@media(max-width:520px){.admin-ticket-message>header{padding-left:62px}.admin-ticket-message__actions{top:6px;left:6px}.admin-ticket-message__actions button{width:25px;height:25px}.gpt-composer{padding:12px 12px 8px;border-radius:20px}}