.park-nav-link { text-decoration: none; }
.park-nav-link:hover { color: var(--green-dark); background: #edf4ef; }
.park-mobile-nav { display: none; }
.park-scroll-help { margin: 0; padding: 0 24px 12px; color: #536b5c; font-size: 12px; }
#park-table .batch-no { font-size: 11px; }
#park-summary { word-break: break-word; }
.park-steps { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; gap: 10px; margin: 22px 0 8px; padding: 0; counter-reset: workflow; }
.park-steps li { counter-increment: workflow; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 5px; background: #fff; color: #476151; font-weight: 600; }
.park-steps li::before { content: counter(workflow, decimal-leading-zero); font-family: ui-monospace, monospace; font-size: 11px; color: #75887c; }
.park-flow-help { margin-top: 0; }
.park-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.park-status { display: inline-block; padding: 3px 8px; border: 1px solid #dce4e0; border-radius: 4px; white-space: nowrap; font-size: 12px; background: #f1f5f3; color: #486052; }
.park-status[data-status="issue_found"] { background: #fff4e7; border-color: #ead0a9; color: #8c5419; }
.park-status[data-status="awaiting_review"] { background: #edf3fc; border-color: #cddcf0; color: #395a86; }
.park-status[data-status="completed"] { background: #e9f4ec; border-color: #c9dfd0; color: #256140; }
#park-detail-dialog { width: min(840px, calc(100% - 32px)); }
.park-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0; }
.park-facts > div { padding: 12px 14px; background: #f6f8f6; border: 1px solid #e2e9e4; border-radius: 4px; min-width: 0; }
.park-facts dt { color: var(--muted); font-size: 11px; }
.park-facts dd { margin: 4px 0 0; font-weight: 600; overflow-wrap: anywhere; }
.park-notes { white-space: pre-wrap; overflow-wrap: anywhere; }
.park-events { list-style: none; padding: 0; margin: 14px 0; }
.park-events li { border-left: 3px solid #c5d9cc; padding: 4px 0 8px 15px; margin: 0 0 16px; }
.park-events li[data-outcome="reject"], .park-events li[data-outcome="abnormal"] { border-left-color: #cf9b58; }
.park-events p { margin: 4px 0; }
.park-reconcile { margin-bottom: 20px; border-color: #e0c593; border-left-color: #b5873f; background: #fff8eb; color: #6d542b; }
#park-original-request { max-height: 200px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; background: #ffffffb0; padding: 12px; border: 1px solid #e5d9bf; border-radius: 4px; }
.park-check { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0; }
.park-check input { min-height: 18px; width: 18px; height: 18px; flex: 0 0 18px; margin: 2px 0 0; accent-color: var(--green); }
#park-action-target, #park-task-title, #park-detail-title { overflow-wrap: anywhere; }
#park-table td { max-width: 300px; }
@media (max-width: 760px) {
  .park-mobile-nav { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px; border-bottom: 1px solid var(--border); background: #fff; }
  .park-mobile-nav a { text-decoration: none; padding: 5px 10px; color: #536c5d; border-radius: 4px; }
  .park-mobile-nav a[aria-current="page"] { background: #e5f0e9; color: var(--green-dark); font-weight: 600; }
  .park-steps { grid-template-columns: 1fr 1fr; gap: 7px; }
  .park-steps li { font-size: 12px; padding: 9px 12px; }
  .park-facts { grid-template-columns: 1fr; }
  .park-buttons .button { white-space: normal; }
  .dialog-actions { flex-wrap: wrap; }
  #park-action-submit { white-space: normal; }
  #park-table { min-width: 900px; }
}