/* ==========================================================================
   writeup.css — Employee Write-up module styling (reuses fx-*/frame-* classes).
   ========================================================================== */
.wu-detail { display: flex; flex-direction: column; gap: 14px; }
.wu-sub { font-size: 12px; color: #7a8291; margin-top: 2px; }
.wu-hint { font-size: 12px; color: #8b93a1; }
.wu-empty { color: #8b93a1; font-style: italic; margin: 6px 0; }

.wu-pill, .wu-cat { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.wu-pill--draft { background: #eceff3; color: #5c6672; }
.wu-pill--issued { background: #fff4e2; color: #a86300; }
.wu-pill--ack { background: #e7f6ec; color: #1c7d3f; }
.wu-cat { background: #e2f0ff; color: #1665c0; }
.wu-cat--final { background: #fdeaea; color: #b00020; }

.wu-meta { display: flex; gap: 20px; font-size: 13px; color: #4a5260; }
.wu-title { margin: 10px 0 4px; font-size: 17px; color: #2b333f; }
.wu-sec { margin-top: 12px; }
.wu-sec-k { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: #8b93a1; margin-bottom: 3px; }
.wu-sec-v { font-size: 14px; color: #3d4552; line-height: 1.5; white-space: pre-wrap; }

.wu-signrow { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.wu-signs { display: flex; flex-wrap: wrap; gap: 8px; }
.wu-signed { font-size: 12px; color: #1c7d3f; background: #eef8f1; padding: 2px 8px; border-radius: 6px; }

.wu-form { display: flex; flex-direction: column; gap: 12px; max-width: 760px; }
.wu-form-row { display: flex; gap: 12px; }
.wu-form-row .wu-field { flex: 1; }
.wu-field { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; color: #4a5260; }
.wu-field input, .wu-field select, .wu-field textarea {
  padding: 8px 10px; border: 1px solid #d9dee6; border-radius: 8px; font-size: 14px; font-weight: 400; }
.wu-field textarea { resize: vertical; }
.wu-form-actions { margin-top: 6px; }

@media (max-width: 720px) { .wu-form-row { flex-direction: column; } }