textarea{display:block;width:100%;padding:12px;border:1px solid #b8ccdf;border-radius:7px;font:inherit;color:#163b62;background:#fff;resize:vertical}textarea:focus{outline:3px solid #87bdf6;outline-offset:3px}.ticket-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.ticket-filters>div{flex:1 1 170px;min-width:0}.ticket-filters label{margin-top:0}.ticket-filters .button{margin:0}.ticket-list,.ticket-management,.ticket-reply,.ticket-summary{margin-top:24px}.ticket-subject{display:block;margin-top:6px;max-width:320px;overflow-wrap:anywhere}.ticket-badge{display:inline-block;border-radius:6px;background:#eaf0f7;color:#345675;font-size:11px;font-weight:600;line-height:1.6;padding:4px 8px;white-space:normal}.status-Open{background:#e6f0fc;color:#2465a6}.status-InProgress{background:#e9ecfa;color:#485d98}.status-WaitingCustomer{background:#faf1df;color:#886832}.status-Resolved{background:#e4f3ed;color:#2f705d}.status-Closed{background:#e9edf1;color:#647484}.priority-Urgent{background:#f6e9e9;color:#9a4f53}.priority-High{background:#faf0e5;color:#8d653c}.priority-Low{background:#eef1f5;color:#6c7b8b}.ticket-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;color:#60748a}.ticket-text{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-history{margin-top:35px}.ticket-message{margin-top:16px}.message-heading{display:flex;justify-content:space-between;gap:15px;font-size:13px}.message-heading time{font-size:11px;color:#6e8094}.internal-note{border-color:#dacda9;background:#fffcf4}.ticket-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:24px;font-size:13px}.recent-tickets{list-style:none;padding:0}.recent-tickets li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e6ecf3}.recent-tickets a{overflow-wrap:anywhere}.ticket-summary{grid-column:1/-1}.tickets-table{font-size:12px}
@media(max-width:650px){.ticket-filters{display:grid;grid-template-columns:1fr}.ticket-filters>div{width:100%}.tickets-table thead{display:none}.tickets-table,.tickets-table tbody,.tickets-table tr,.tickets-table td{display:block;width:100%}.tickets-table tr{border-bottom:2px solid #d7e3ef;padding-block:16px}.tickets-table td{display:grid;grid-template-columns:90px 1fr;gap:10px;border:0;padding:6px 0;overflow-wrap:anywhere}.tickets-table td:before{content:attr(data-label);font-weight:600;color:#657b91}.tickets-table td .ticket-subject{grid-column:2}.message-heading{flex-direction:column;gap:3px}.recent-tickets li{flex-direction:column}.ticket-meta{gap:8px}}