.field-help{margin:-7px 0 0;color:#587083;font-size:.88rem}
.empty-state{padding:32px;border:1px dashed #b8ccd5;border-radius:14px;text-align:center;color:#587083}
.empty-state strong{color:var(--ink)}
.empty-state p{margin:6px 0 0}
.ticket-list{display:grid;gap:14px}
.ticket{padding:20px;border:1px solid var(--line);border-left:5px solid var(--cyan);border-radius:14px;background:#fff}
.ticket.resolved{border-left-color:#91a5af;opacity:.82}
.ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.ticket-head>div{display:flex;align-items:center;gap:10px}
.ticket-head time{color:#587083;font-size:.8rem}
.ticket-status{padding:4px 8px;border-radius:999px;background:#e9fbf4;color:#08744f;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.resolved .ticket-status{background:#edf1f3;color:#587083}
.ticket p{margin:7px 0;color:#435d6e}
.ticket-message{padding:14px;border-radius:10px;background:#f2f8fa;color:var(--ink)!important}
.ticket details{margin-top:12px}
.ticket details summary{cursor:pointer;color:#587083;font-weight:700}
.ticket-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ticket-actions form{margin:0}
.danger-button{background:#fff0f0;color:#9f2f2f;border:1px solid #f2caca}
.danger-button:hover{background:#9f2f2f;color:#fff}
@media(max-width:720px){.ticket-head{flex-direction:column}.ticket-head>div{align-items:flex-start;flex-direction:column}.ticket-actions,.ticket-actions form,.ticket-actions button{width:100%}}