/* Novicia Online - "แจ้งปัญหา" window (js/report.js, REPORT-V1) - sky white / blue with a gold edge like the NPC windows */
/* the window + titlebar are the Settings sky frame: css/sky-window.css (.nv-skyframe) */
#hud #report-window .rp-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 10px; }
#hud #report-window .rp-tabs button {
  position: relative; min-height: 38px; border-radius: 10px; border: 2px solid #b9d3ec; background: #fff; color: #3a5680; font: inherit; font-weight: 700; cursor: pointer;
}
#hud #report-window .rp-tabs button[aria-pressed="true"] { border-color: #174cb0; background: linear-gradient(180deg, #4f93f2, #1f5fd0); color: #fff; }
#hud #report-window #rp-dot { position: absolute; top: 6px; right: 8px; width: 9px; height: 9px; border-radius: 50%; background: #e53935; box-shadow: 0 0 0 2px #fff; }
#hud #report-window #rp-dot[hidden] { display: none; }
#hud #report-window .rp-lead { margin: 0 0 10px; color: #3a5680; font-size: 13px; }
#hud #report-window .rp-cats { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 10px; }
#hud #report-window .rp-cats button {
  min-height: 36px; padding: 4px 8px; border-radius: 10px; border: 2px solid #cfe0f2; background: #fff; color: #10294f; font: inherit; font-size: 13px; text-align: left; cursor: pointer;
}
#hud #report-window .rp-cats button[aria-pressed="true"] { border-color: #c99a2e; background: linear-gradient(180deg, #fff6d2, #ffe39a); font-weight: 700; }
#hud #report-window .rp-label { display: block; font-weight: 700; margin: 2px 0 4px; }
#hud #report-window textarea {
  width: 100%; box-sizing: border-box; min-height: 110px; padding: 10px; border-radius: 10px; border: 2px solid #b9d3ec; background: #fff; color: #10294f;
  font: inherit; resize: vertical; user-select: text; -webkit-user-select: text;
}
#hud #report-window textarea:focus { outline: none; border-color: #3f86e0; }
#hud #report-window .rp-row { display: flex; justify-content: flex-end; font-size: 12px; color: #5b7396; }
#hud #report-window #rp-count.short { color: #c0392b; }
#hud #report-window .rp-img { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
#hud #report-window .rp-attach {
  display: inline-flex; align-items: center; gap: 4px; min-height: 36px; padding: 0 12px; border-radius: 10px; border: 2px solid #b9d3ec; background: #fff; color: #1d4f9a; font-weight: 700; cursor: pointer;
}
#hud #report-window .rp-x { width: 28px; height: 28px; min-width: 0; padding: 0; border-radius: 50%; border: 1px solid #e0a8a2; background: #fff5f3; color: #c0392b; cursor: pointer; }
#hud #report-window .rp-x[hidden], #hud #report-window #rp-preview[hidden] { display: none; }
#hud #report-window #rp-preview { display: block; max-width: 100%; max-height: 160px; margin-top: 8px; border-radius: 8px; border: 1px solid #cfe0f2; }
#hud #report-window .rp-muted { color: #5b7396; font-size: 12px; }
#hud #report-window .rp-auto { margin: 10px 0; }
#hud #report-window .rp-send {
  width: 100%; min-height: 48px; border-radius: 12px; border: 2px solid #9c7a36; background: linear-gradient(180deg, #ffe39a, #e2ab33); color: #3d2806;
  font: 800 16px 'Noto Sans Thai', sans-serif; cursor: pointer; box-shadow: 0 3px 0 #b07d1c;
}
#hud #report-window .rp-send:disabled { opacity: .6; cursor: default; }
#hud #report-window .rp-note { min-height: 20px; margin: 8px 0 0; font-weight: 700; color: #1f7a45; font-size: 13px; }
#hud #report-window .rp-note.bad { color: #c0392b; }
#hud #report-window .rp-empty { text-align: center; color: #5b7396; padding: 24px 0; }
#hud #report-window .rp-item { margin-bottom: 10px; padding: 10px 12px; border-radius: 12px; border: 2px solid #cfe0f2; background: #fff; }
#hud #report-window .rp-item header { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; }
#hud #report-window .rp-item header em { margin-left: auto; font-style: normal; font-weight: 700; font-size: 12px; padding: 1px 8px; border-radius: 99px; background: #eef5fd; color: #3a5680; }
#hud #report-window .rp-item.st-new header em { background: #fff3cd; color: #8a5d12; }
#hud #report-window .rp-item.st-done header em { background: #dff5e6; color: #1f7a45; }
#hud #report-window .rp-item time { display: block; font-size: 12px; color: #5b7396; }
#hud #report-window .rp-item > p { margin: 6px 0; white-space: pre-wrap; word-break: break-word; }
#hud #report-window .rp-reply { padding: 8px 10px; border-radius: 10px; background: linear-gradient(180deg, #fff6d2, #fff0bf); border: 1px solid #e2c16a; }
#hud #report-window .rp-reply p { margin: 2px 0 0; white-space: pre-wrap; word-break: break-word; }
#hud #report-window .rp-wait { font-size: 12px; color: #5b7396; }