/* DownloadMonitor — DPManager ticketing (COP-300). Loaded only for a logged-in user on an
   environment where the feature is configured. Follows app.css conventions (dm- prefix). */

/* ---- report modal ---- */
.dm-support-tip { display: flex; gap: .6rem; align-items: flex-start; font-size: .88rem; }
.dm-kbd {
  display: inline-block; padding: .05rem .35rem; margin: 0 .1rem;
  border: 1px solid #b9c0c9; border-bottom-width: 2px; border-radius: .25rem;
  background: #fff; font-family: monospace; font-size: .82rem;
}

.dm-support-attachments td { vertical-align: middle; }
.dm-support-attachments .dm-support-thumb-cell { width: 56px; }
.dm-support-thumb { width: 44px; height: 44px; object-fit: cover; border-radius: .25rem; }
.dm-support-attachments button { cursor: pointer; }

.dm-support-context { margin-top: .5rem; }
.dm-support-context summary { font-weight: 600; color: #6b7480; }
.dm-support-context-pre {
  margin-top: .4rem; max-height: 220px; overflow: auto;
  background: #f4f6f9; border: 1px solid #e2e6ec; border-radius: .35rem;
  padding: .5rem .6rem; font-size: .78rem; white-space: pre-wrap; word-break: break-word;
}

.dm-support-howitworks { margin-top: .75rem; }
.dm-support-howitworks a { cursor: pointer; text-decoration: none; }

/* ---- my reports ---- */
.dm-support-list { display: flex; flex-direction: column; gap: .4rem; }
.dm-support-row {
  padding: .55rem .7rem; border: 1px solid #e2e6ec; border-radius: .4rem;
  background: #fff; transition: background .12s ease, border-color .12s ease;
}
.dm-support-row:hover { background: #f0f6fd; border-color: #0d6efd; }
.dm-support-row-title { font-weight: 600; }
.dm-support-row-meta { font-size: .78rem; color: #7a828d; }

.dm-support-thread-title { font-weight: 600; color: #6b7480; margin-bottom: .5rem; }
.dm-support-messages {
  max-height: 45vh; overflow-y: auto; display: flex; flex-direction: column; gap: .5rem;
  padding: .25rem; margin-bottom: .75rem;
}
.dm-support-msg { max-width: 82%; padding: .5rem .7rem; border-radius: .6rem; font-size: .9rem; }
.dm-support-msg-body { white-space: pre-wrap; word-break: break-word; }
.dm-support-msg-meta { font-size: .72rem; opacity: .7; margin-top: .2rem; }
.dm-support-msg.mine  { align-self: flex-end; background: #e7f1ff; }
.dm-support-msg.staff { align-self: flex-start; background: #eceff3; }

.dm-support-reply button { cursor: pointer; }

/* ---- thread attachments ---- */
.dm-support-thread-files { margin-bottom: .75rem; }
.dm-support-thread-files-title { font-size: .82rem; font-weight: 600; color: #6b7480; }
.dm-support-thread-files-list { list-style: none; margin: .25rem 0 0; padding: 0; font-size: .85rem; }
.dm-support-thread-files-list li { display: flex; gap: .4rem; align-items: baseline; color: #55606c; }
.dm-support-thread-files-list .dm-support-file-size { color: #8b939d; font-size: .78rem; }

.dm-support-thread-attach button { cursor: pointer; }

/* ---- navbar entries ---- */
#supportOpenLink, #supportMineLink { cursor: pointer; }

/* ---- first-time explanation modal ---- */
.dm-support-intro-list { padding-left: 1.1rem; }
.dm-support-intro-list li { margin-bottom: .5rem; }
.dm-support-intro-footer { display: flex; align-items: center; justify-content: space-between; }
#supportIntroModal .form-check-input, #supportIntroModal .form-check-label { cursor: pointer; }