/* Agency worker Timesheet reports UI v1. */
.awti-panel {
  border:1px solid #dbe5ef; border-radius:12px;
  background:#fff; padding:16px; margin:0 0 18px;
  color:#102347;
}
.awti-panel summary { cursor:pointer; font-size:15px; font-weight:700; }
.awti-panel summary [data-awti-count] {
  display:inline-block; margin-left:10px; padding:4px 8px;
  border-radius:20px; background:#fff3dd; color:#895600; font-size:12px;
}
.awti-panel p { font-size:13px; line-height:1.6; }
.awti-panel .awti-note { color:#64748b; margin:8px 0; }
.awti-panel .awti-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; margin:14px 0; }
.awti-panel label { display:block; font-size:12px; font-weight:700; }
.awti-panel select, .awti-panel textarea {
  display:block; width:100%; padding:10px; margin:6px 0 12px;
  border:1px solid #cbd5e1; border-radius:8px;
  background:#fff; color:#102347; font:inherit;
}
.awti-panel .awti-toolbar select { margin-bottom:0; }
.awti-panel button {
  min-height:40px; padding:10px 14px; border:1px solid #cbd5e1;
  border-radius:8px; background:#fff; color:#102347;
  font:inherit; font-size:12px; font-weight:700; cursor:pointer;
}
.awti-panel button[type=submit] { background:#102347; color:#fff; }
.awti-panel button:disabled { opacity:.55; cursor:wait; }
.awti-panel button:focus-visible, .awti-panel select:focus-visible,
.awti-panel textarea:focus-visible, .awti-panel summary:focus-visible {
  outline:2px solid #3478f6; outline-offset:3px;
}
.awti-panel .awti-card { padding:16px; border:1px solid #e2e8f0; border-radius:10px; margin:12px 0; }
.awti-panel .awti-card header { display:flex; justify-content:space-between; gap:12px; }
.awti-panel h4 { margin:0; font-size:14px; }
.awti-panel .awti-card header span { font-size:12px; font-weight:700; }
.awti-panel .awti-message { white-space:pre-wrap; overflow-wrap:anywhere; margin:12px 0; }
.awti-panel .awti-row { display:flex; justify-content:space-between; gap:12px; padding:5px 0; font-size:12px; }
.awti-panel .awti-row strong { text-align:right; }
.awti-panel .awti-card details { margin:12px 0; }
.awti-panel .awti-reply { padding:12px; background:#f6f9fc; border-radius:8px; }
.awti-panel [data-awti-feedback] { margin:12px 0; overflow-wrap:anywhere; }
@media(max-width:600px) {
  .awti-panel .awti-row { flex-wrap:wrap; }
  .awti-panel .awti-card { padding:12px; }
}

/* Agency closed Timesheet reports UI v1. */
.acrh-panel [data-acrh-count] {
  display:inline-block; margin-left:10px; font-size:12px;
  padding:4px 8px; border-radius:20px; background:#eef4ff;
}
.acrh-panel button[aria-pressed=true] {
  background:#102347; color:#fff;
}
.acrh-panel .acrh-reference {
  display:block; margin-top:6px; font-size:11px;
  color:#64748b; overflow-wrap:anywhere;
}
.acrh-panel .acrh-card > summary { overflow-wrap:anywhere; }
.acrh-panel .acrh-card > summary + p { margin-top:12px; }
.acrh-panel .awti-row strong { overflow-wrap:anywhere; }

/* Agency closed reports smooth disclosure v1.
 * Native details behaviour retained. Unsupported browsers use
 * normal toggling; reduced-motion users receive no animation.
 */
@media (prefers-reduced-motion: no-preference) {
  @supports (interpolate-size: allow-keywords) and
            (transition-behavior: allow-discrete) and
            selector(details::details-content) {
    details.acrh-panel,
    .acrh-panel details {
      interpolate-size: allow-keywords;
    }

    details.acrh-panel::details-content,
    .acrh-panel details::details-content {
      block-size: 0;
      opacity: 0;
      overflow: clip;
      transition:
        block-size 220ms ease,
        opacity 180ms ease,
        content-visibility 220ms allow-discrete;
    }

    details.acrh-panel[open]::details-content,
    .acrh-panel details[open]::details-content {
      block-size: auto;
      opacity: 1;
    }
  }
}

/* Agency worker reports smooth disclosure v1.
 * Presentation only; native toggling and reply controls retained.
 */
@media (prefers-reduced-motion: no-preference) {
  @supports (interpolate-size: allow-keywords) and
            (transition-behavior: allow-discrete) and
            selector(details::details-content) {
    details[data-awti-details],
    [data-awti-details] details {
      interpolate-size: allow-keywords;
    }

    details[data-awti-details]::details-content,
    [data-awti-details] details::details-content {
      block-size: 0;
      opacity: 0;
      overflow: clip;
      transition:
        block-size 220ms ease,
        opacity 180ms ease,
        content-visibility 220ms allow-discrete;
    }

    details[data-awti-details][open]::details-content,
    [data-awti-details] details[open]::details-content {
      block-size: auto;
      opacity: 1;
    }
  }
}

/* Agency report list scroll threshold v1.
 * Only result lists scroll; headings and filters remain outside.
 */
.awti-panel [data-awti-results],
.acrh-panel [data-acrh-results] {
  max-height: 560px;
  max-height: min(60vh, 560px);
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 4px;
}