/* I LOVE MY JOB v8.4 — OT batch review and payroll-cycle plan history. */
.ot-review-v84 { margin-top: 24px; }
.ot-title-v84 small { margin-left: auto; }
.ot-policy-v84 { line-height: 1.65; }
.ot-error-v84 {
  border: 1px solid color-mix(in srgb, var(--red) 48%, transparent);
  color: var(--red);
}
.ot-toolbar-v84,
.ot-card-head-v84,
.ot-component-actions-v84,
.ot-component-decision-v84,
.ot-batch-actions-v84,
.plan-history-head-v84,
.plan-history-controls-v84 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ot-toolbar-v84,
.plan-history-head-v84 { justify-content: space-between; }
.ot-toolbar-v84 {
  position: sticky;
  top: calc(4.15rem + env(safe-area-inset-top));
  z-index: 12;
  padding: 10px;
  border: 1px solid var(--line, rgba(128,128,128,.2));
  background: color-mix(in srgb, var(--card, #fff) 94%, transparent);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.ot-filter-v84 {
  display: inline-flex;
  padding: 4px;
  border-radius: 14px;
  background: var(--bg2, rgba(128,128,128,.12));
}
.ot-filter-v84 button {
  min-height: 44px;
  padding: 7px 13px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: var(--t2);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.ot-filter-v84 button.is-active {
  background: var(--card, #fff);
  color: var(--text, #1d1d1f);
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
.ot-select-v84,
.ot-select-all-v84 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  cursor: pointer;
  font-weight: 700;
}
.ot-select-v84 input,
.ot-select-all-v84 input {
  width: 22px;
  height: 22px;
  accent-color: var(--gold, #e5b900);
}
.ot-review-card-v84 { display: grid; gap: 9px; }
.ot-component-v84 {
  padding-top: 10px;
  border-top: 1px solid var(--line, rgba(128,128,128,.2));
}
.ot-component-actions-v84,
.ot-component-decision-v84 { flex-wrap: wrap; margin-top: 7px; }
.ot-component-actions-v84 input {
  width: 96px;
  min-height: 42px;
  text-align: right;
}
.ot-actual-evidence-v84,
.ot-review-note-v84,
.ot-reviewed-at-v84 { line-height: 1.55; }
.ot-evidence-actions-v84 { align-items: center; flex-wrap: wrap; }
.ot-note-field-v84 { margin-top: 2px; }
.actual-evidence-content-v84 {
  max-height: min(52dvh, 32rem);
  margin: 14px 0;
  padding: 14px;
  overflow: auto;
  border: 1px solid var(--line, rgba(128,128,128,.2));
  border-radius: 12px;
  background: var(--bg2, rgba(128,128,128,.08));
  color: var(--text, #1d1d1f);
  font: inherit;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.actual-evidence-file-v84 { display: grid; gap: 10px; margin: 14px 0; }
.ot-history-limit-v84,
.ot-empty-v84 { text-align: center; }
.ot-confirm-copy-v84 { margin: 8px 0 18px; line-height: 1.65; }
.ot-confirm-actions-v84 { justify-content: flex-end; flex-wrap: wrap; }
.plan-history-card-v84 { display: grid; gap: 14px; }
.plan-history-head-v84 h3 { margin: 0 0 4px; }
.plan-history-controls-v84 { flex-wrap: wrap; }
.plan-history-controls-v84 label { font-weight: 700; }
.plan-history-controls-v84 input[type="month"] {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--line, rgba(128,128,128,.25));
  border-radius: 12px;
  background: var(--card, #fff);
  color: var(--text, #1d1d1f);
  font: inherit;
}
.plan-history-note-v84 { line-height: 1.6; }

@media (max-width: 720px) {
  .ot-toolbar-v84,
  .ot-batch-actions-v84,
  .plan-history-head-v84,
  .plan-history-controls-v84 { align-items: stretch; flex-direction: column; }
  .ot-filter-v84 { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .ot-filter-v84 button { width: 100%; }
  .ot-batch-actions-v84 .btn,
  .plan-history-controls-v84 .btn,
  .plan-history-controls-v84 input { width: 100%; }
  .ot-card-head-v84 { align-items: flex-start; }
  .ot-component-actions-v84 .btn { flex: 1 1 132px; min-height: 44px; }
  .ot-component-actions-v84 input { flex: 0 0 92px; }
  .plan-history-head-v84 .tag { align-self: flex-start; }
}

@media (min-width: 920px) {
  .ot-toolbar-v84 { top: calc(4.5rem + env(safe-area-inset-top)); }
}

@media print {
  .ot-review-v84,
  .plan-history-card-v84 { display: none !important; }
}