/* WarehouseHazard - DPManager ticketing (KiTicket, COP-300). wh-support- prefix, loaded on every
   logged-in page (outside login/change-password) alongside app.css. */

/* ---- report modal ---- */
.wh-support-tip { display: flex; gap: .6rem; align-items: flex-start; font-size: .88rem; }
.wh-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;
}

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

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

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

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

/* ---- first-time explanation modal (rollout contract 2.2) ---- */
#supportIntroModal .form-check-input, #supportIntroModal .form-check-label { cursor: pointer; }
#supportOpenHowLink, #supportMineHowLink { text-decoration: none; }