/* ==========================================================================
   Clae Pest Control — requests.css (owned by follow-up task 14)

   Screen-specific rules for the customer service-request form and
   /office/requests only. Everything shared — .card, .field, .btn, .chip,
   .table — comes from base.css and office.css and is not redefined here.
   Linked from both layouts by the orchestrator so this task never has to
   touch a layout.
   ========================================================================== */

/* -----------------------------------------------------------------------
   1. Office requests table — the note column is the first free-text
   paragraph any .office-table has held, and auto table layout handles that
   badly: with several short columns (a chip, two dates, a button) competing
   for room, the algorithm crushes the note down to the width of its single
   longest word and produces a dozen-line row.

   The first fix for that was `white-space: nowrap` on the note, which
   traded one bug for a worse one: the row grew past the viewport and pushed
   the "Mark handled" button — the only action on the page — off the right
   edge, behind a horizontal scroll nobody would think to use. So instead:
   give the note a real measure so it wraps like a paragraph, and pin the
   narrow columns so the layout algorithm stops stealing from them.
   ----------------------------------------------------------------------- */

.requests-note {
  white-space: normal;
  min-width: 24ch;
  max-width: 52ch;
}

/* width:1% + nowrap is the table idiom for "shrink to content" — it keeps
   the customer name on one line and keeps the action button in view. */
.requests-when,
.requests-customer,
.requests-kind,
.requests-visit,
.requests-window,
.requests-handled,
.requests-action {
  width: 1%;
  white-space: nowrap;
}