.ticket-composer{border:1px solid #e4deec;border-radius:10px;margin-top:8px;background:white;overflow:hidden}.composer-toolbar{display:flex;flex-wrap:wrap;gap:3px;padding:8px;background:#fcfafe;border-bottom:1px solid #eee8f5}.account-portal .composer-toolbar button{font:12px Arial,sans-serif;background:transparent;border:0;border-radius:5px;color:#8b769d;padding:7px 9px;min-width:29px;cursor:pointer}.composer-toolbar button[data-format=bold]{font-weight:700}.composer-toolbar button[data-format=italic]{font-style:italic}.composer-toolbar button[data-format=underline]{text-decoration:underline}.account-portal .composer-toolbar button.active{background:#eee5fc;color:#63428f}.ticket-rich-input{min-height:150px;padding:15px;outline:none;font:13px/1.8 Arial,sans-serif;color:#554564;overflow-wrap:anywhere}.ticket-rich-input p{margin:0 0 8px;font:inherit;color:inherit;line-height:inherit}.ticket-rich-input ol,.ticket-rich-input ul{padding-left:24px}.ticket-rich-input a,.message-rich a{color:#7954ad;text-decoration:underline}.ticket-rich-input pre,.message-rich pre{padding:12px;background:#eee8f4;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-rich-input blockquote,.message-rich blockquote{border-left:3px solid #cbb6e1;margin:10px 0;padding-left:15px;color:#9985aa}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0eaf5;padding:9px 13px}.account-portal .composer-upload{font-size:11px;color:#906daf;cursor:pointer;margin:0;display:block}.composer-count{font-size:10px;color:#ad9db7}.ticket-composer.over-limit .composer-count{color:#b34054}.composer-uploads{padding:0 13px}.composer-uploads>div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f3fc;border-radius:7px;padding:9px 12px;margin-bottom:7px;font-size:11px;color:#927fa0;overflow-wrap:anywhere}.composer-uploads small{font-size:9px}.account-portal .composer-uploads button{background:transparent;border:0;padding:1px 5px;color:#aa8caf;font-size:18px}.account-portal .composer-note{font-size:10px!important;line-height:1.7!important;color:#b0a0bc!important;padding:0 13px 10px;margin:0!important}.composer-error{color:#b34858!important;font-size:11px!important;padding:0 13px}.composer-error:empty{display:none}.composer-link{padding:10px 14px;display:flex;align-items:end;gap:8px;background:#f8f3fe}.composer-link[hidden]{display:none}.composer-link label{flex:1}.account-portal .composer-link button{font:11px Arial;background:white;border:1px solid #e3d8ee;color:#8f739e;padding:10px;border-radius:6px}.message-rich{font-size:13px;color:#51465f;line-height:1.8;margin-top:10px;overflow-wrap:anywhere}.message-rich p{margin:0 0 8px!important;white-space:normal!important}.message-rich ul,.message-rich ol{padding-left:22px}.ticket-attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}.ticket-file{border:1px solid #e6deef;border-radius:9px;padding:8px;background:white;overflow:hidden}.ticket-file img,.ticket-file video{width:100%;max-height:300px;object-fit:contain;display:block;background:#f9f7fc;border-radius:5px}.ticket-file>div{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-top:8px;font-size:10px;color:#9c88aa}.ticket-file span{overflow-wrap:anywhere}.ticket-file a{color:#8d66ad;white-space:nowrap;font-size:10px}.ticket-new{font-size:9px;letter-spacing:.6px;border-radius:20px;background:#7250ae;color:white;padding:4px 7px;display:inline-block}.ticket-needs-reply{font-size:9px;color:#aa8292;display:block;margin-top:6px}.ticket-item.is-new strong{font-weight:600}.ticket-filter-new{display:flex!important;align-items:center;gap:7px;min-width:0!important;flex:none!important;margin-bottom:10px}.ticket-filter-new input{width:auto!important;margin:0!important}.ticket-nav-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:18px;padding:2px 5px;margin-left:auto;font:9px Arial,sans-serif!important;background:#eadff9;color:#8961b0;border-radius:10px}.ticket-nav-badge[hidden]{display:none!important}
@media(max-width:600px){.composer-toolbar{gap:1px}.account-portal .composer-toolbar button{padding:7px}.ticket-attachment-grid{grid-template-columns:1fr}.composer-link{align-items:stretch;flex-wrap:wrap}.composer-link label{width:100%;flex-basis:100%}.composer-count{font-size:9px}}
.ticket-rich-input{white-space:pre-wrap}.composer-uploads [data-remove]{flex-shrink:0}
