/* ATAD Petty Cash -- New Request form (R1 phase 4, plan section 8). Tokens come from app.css. */
.rq-head { display: flex; flex-direction: column; gap: 8px; }
.rq-back { display: inline-flex; align-items: center; gap: 4px; font-size: 20px; font-weight: 700; color: var(--text); text-decoration: none; min-height: 44px; }
.rq-back svg { width: 22px; height: 22px; }
.rq-who { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; min-width: 0; }
.rq-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.rq-chips a.chip { text-decoration: none; }
.rq-body, .rq-card { min-width: 0; }
.rq-card { display: flex; flex-direction: column; gap: 12px; }
.rq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 700px) { .rq-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.rq-tile { font: inherit; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; text-align: center;
  padding: 10px 4px; min-height: 84px; border-radius: 12px; border: 1px solid var(--line); background: transparent; color: var(--muted);
  font-size: 12px; font-weight: 600; line-height: 15px; cursor: pointer; overflow-wrap: anywhere; }
.rq-tile .rq-ico svg { width: 28px; height: 28px; display: block; }
.rq-tile.on { background: var(--accent-soft); color: var(--accent); border-color: var(--accent); }
.rq-tile:focus-visible { outline: 3px solid var(--accent); outline-offset: 1px; }
.rq-budget { border-radius: 8px; padding: 8px 12px; font-size: 13px; font-weight: 600; }
.rq-budget[hidden] { display: none; }
.rq-budget.warn { background: var(--amber-soft); color: var(--amber); }
.rq-budget.bad { background: var(--red-soft); color: var(--red); }
.rq-poline { display: flex; flex-direction: column; gap: 4px; padding: 10px 0; border-top: 1px solid var(--line); }
.rq-poline .input.num { width: 96px; flex-shrink: 0; min-height: 40px; }
.rq-poline .chip { align-self: flex-start; }
.rq-poline .chip[hidden], .rq-subinfo[hidden], .rq-blocked[hidden], .rq-draft[hidden] { display: none; }
.rq-subinfo { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.rq-nopo { align-items: center; }
.rq-foot-note { line-height: 17px; }
.rq-blocked { display: block; text-align: center; font-weight: 700; color: var(--red); background: var(--red-soft); border-radius: 10px; padding: 10px 12px; text-decoration: none; }
.rq-draft { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.req-foot .btn[disabled] { opacity: .5; cursor: not-allowed; }

/* No mid-word breaks in the category chips */
.seg button { overflow-wrap: normal; word-break: normal; white-space: normal; text-align: center; }
@media (max-width: 480px) { .seg button { font-size: 12px; padding: 0 9px; line-height: 1.2; } }