/* ==========================================================================
   Public working-hours query form (/missing_work_hours)

   Loaded only by application/views/ui/externalCandidates/missing_work_hours.php
   — the redesigned copy picked by ui_missinghours() (config/ui.php:
   ui_modern_missinghours). It sits on top of pages/pcform.css, which gives it
   the look of the other two public forms. The original view goes through
   common/header_one and never loads either file.
   ========================================================================== */

.mh-page { max-width: 680px; }

/* The original's heading is written in capitals; set a little smaller and
   spaced so it reads as a title rather than shouting. */
.mh-title { font-size: 24px; letter-spacing: .02em; }
@media (min-width: 641px) { .mh-title { font-size: 28px; } }

.req { color: var(--accent-700); font-weight: 700; }
.mh-page .form-group { max-width: none; }
.mh-page .lead { margin-bottom: 24px; }

/* The reply to a submission (and the session messages the original also shows). */
.mh-msg {
  margin: 0 0 20px;
  padding: 14px 18px;
  border-radius: var(--radius);
  font-weight: 650;
}
.mh-msg--ok { background: var(--ok-50); color: var(--ok); }
.mh-msg--error { background: var(--error-50); color: var(--error); }

.mh-actions .btn--primary { min-width: 160px; }
@media (max-width: 640px) { .mh-actions .btn--primary { width: 100%; } }
.mh-actions .btn[disabled] { opacity: .7; cursor: progress; }