.support-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d4e0e4;border-radius:50%;background:#fff;color:var(--brand-primary)}
.support-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.support-button>span{position:absolute;top:-5px;left:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800}
.support-filter-panel{padding:14px;margin-bottom:16px}
.support-filter{display:grid;grid-template-columns:minmax(240px,2fr) minmax(180px,1fr) auto auto;gap:10px;align-items:end}
.support-filter label,.support-form p{display:grid;gap:6px;font-weight:700}
.support-archive-toggle{display:flex!important;align-items:center;gap:7px;padding-bottom:10px;white-space:nowrap}
.support-archive-toggle input{width:auto!important}
.support-filter input,.support-filter select,.support-form input,.support-form select,.support-form textarea{width:100%;min-width:0;padding:10px;border:1px solid #cbd5df;border-radius:var(--radius-sm);background:#fbfcfd;font:inherit}
.support-form textarea{resize:vertical;line-height:1.9}
.support-form .errorlist{margin:0;color:var(--danger)}
.support-form .helptext{color:var(--muted);font-size:12px}
.support-form-panel{max-width:850px;margin-inline:auto}
.support-ticket-list{display:grid;gap:10px}
.support-ticket-card{display:block;padding:15px 17px;border:1px solid var(--line);border-right:5px solid #c8d2d7;border-radius:var(--radius-md);background:#fff;color:inherit;box-shadow:var(--shadow)}
.support-ticket-card:hover{transform:translateY(-1px);border-color:var(--brand-secondary)}
.support-ticket-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.support-ticket-card p{margin:7px 0;color:var(--muted)}
.support-ticket-card small{color:var(--muted)}
.support-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#eef2f4;color:#45545c;font-size:12px;font-weight:800;white-space:nowrap}
.status-new{border-right-color:#d68a00}.support-status.status-new{background:#fff3d7;color:#815200}
.status-read{border-right-color:#71808a}.support-status.status-read{background:#edf1f3;color:#4f5c64}
.status-approved{border-right-color:#24845a}.support-status.status-approved{background:#e7f6ee;color:#176442}
.status-rejected{border-right-color:#b42318}.support-status.status-rejected{background:#fff0ef;color:#912018}
.status-responding{border-right-color:#1479a7}.support-status.status-responding{background:#e7f4fa;color:#0e668f}
.status-waiting_requester{border-right-color:#7b61a8}.support-status.status-waiting_requester{background:#f0eafa;color:#62478f}
.status-closed{border-right-color:#5f6870}.support-status.status-closed{background:#eceff1;color:#424a50}
.status-archived{border-right-color:#79838a}.support-status.status-archived{background:#e9edef;color:#515c63}
.support-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:18px;align-items:start}
.support-message,.support-response-view,.support-thread{border-right:5px solid #c8d2d7}
.support-action-column{display:grid;gap:18px}
.support-thread-message{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff}
.support-thread-message header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.support-thread-message header small{color:var(--muted)}
.support-thread-message.requester-message{margin-left:8%;background:#fbfcfd}
.support-thread-message.support-agent-message{margin-right:8%;border-color:#b9dce9;background:#f3fafc}
.support-message-body{padding:14px;border-radius:var(--radius-sm);background:#f8fafb;line-height:2;overflow-wrap:anywhere}
.support-message-body p{margin:.2rem 0}
.support-response-panel h2,.support-response-view h2{margin-top:0}
.support-ticket-meta{margin-top:18px}
.support-lifecycle-note{margin:12px 0 0;font-size:12px;line-height:1.8}
.support-settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:18px;align-items:start}
.muted{color:var(--muted)}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}
@media(max-width:900px){.support-detail-grid,.support-settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.support-filter{grid-template-columns:1fr}.support-ticket-title{align-items:flex-start;flex-direction:column}.support-button{width:38px;height:38px}.support-thread-message.requester-message,.support-thread-message.support-agent-message{margin-inline:0}}