.support-attachments {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--management-border, var(--border-color, #28354a));
  color: var(--management-text, var(--text-primary, #edf3ff));
}
.support-attachment-heading { font: inherit; font-size: 12px; font-weight: 650; margin: 0 0 9px; }
.support-attachment-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.support-attachment-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 5px 13px; border: 1px solid var(--management-border, #28354a); border-radius: 8px; padding: 11px 12px; background: var(--management-bg, #090e18); }
.support-attachment-summary { min-width: 0; }
.support-attachment-name { display: block; overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; font-weight: 600; }
.support-attachment-meta { display: block; color: var(--management-muted, #a3b1c8); font-size: 10px; margin-top: 3px; }
.support-attachment-status { grid-column: 1 / -1; color: var(--management-muted, #a3b1c8); font-size: 11px; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.support-attachment-status:empty { display: none; }
.support-attachment-button { grid-column: 2; grid-row: 1; padding: 7px 11px; border: 1px solid var(--management-border, #28354a); border-radius: 6px; background: var(--management-raised, #182437); color: var(--management-cyan, #69e1de); font: inherit; font-size: 11px; line-height: 1.4; cursor: pointer; }
.support-attachment-button:hover { border-color: var(--management-cyan, #69e1de); }
.support-attachment-button:focus-visible { outline: 3px solid var(--management-cyan, #69e1de); outline-offset: 2px; }
.support-attachment-button:disabled { cursor: wait; opacity: .55; }
@media (max-width: 420px) {
  .support-attachment-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .support-attachment-button { grid-column: 1; grid-row: auto; justify-self: start; }
}
