/* Record lists follow the user's spacious BI table reference. */
.records-panel .panel-top {
  align-items:flex-start;
  padding:26px 24px 22px;
}
.records-panel .panel-title {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.records-panel .panel-title h2 { font-size:16px; line-height:1.5; }
.records-panel .count-tag {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--tertiary);
  font-size:12px;
  font-weight:400;
}
.records-panel #legend { display:none; }
.records-panel .toolbar {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  padding:0;
}
#toolbar .filter-row {
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:10px 18px;
  min-width:0;
  padding:8px 24px 26px;
}
#toolbar .filter-tabs {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:6px;
  width:auto;
  min-width:0;
  max-width:100%;
  padding:0;
  overflow:visible;
}
#toolbar .status-filter-tabs {
  flex:0 1 auto;
  padding-left:18px;
  border-left:1px solid var(--line);
}
#toolbar .filter-tab {
  min-height:36px;
  padding:8px 12px;
  border-radius:6px;
  font-size:12px;
  line-height:20px;
  font-weight:400;
}
#toolbar .filter-tab.active,
#toolbar .filter-tab.active:hover { background:#111714; color:#fff; font-weight:500; }
#toolbar .achievement-filter-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 16px;
  padding:0 24px 26px;
}
#toolbar .achievement-filter-row[hidden] { display:none; }
#toolbar .achievement-label { color:var(--muted); font-size:12px; line-height:36px; }
#toolbar .achievement-tabs { flex:1 1 auto; }
#toolbar .achievement-count { margin-left:7px; opacity:.65; font-variant-numeric:tabular-nums; }
#toolbar .filter-controls {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:nowrap;
  gap:16px;
  width:100%;
  margin:0;
  padding:24px 24px;
  border-top:1px solid var(--line);
}
#toolbar .filter-selects { display:flex; align-items:center; flex:0 1 auto; flex-wrap:wrap; gap:12px; min-width:0; max-width:100%; }
#toolbar #owner-filter,
#toolbar #old-month-filter,
#toolbar #new-month-filter,
#toolbar #bi-group-filter,
#toolbar #operator-filter {
  flex:0 1 auto;
  width:auto;
  min-width:0;
  height:38px;
  min-height:38px;
  max-width:180px;
  padding:8px 34px 8px 16px;
  border:1px solid var(--line);
  border-radius:8px;
  font-size:12.5px;
  color:var(--muted);
  appearance:none;
  -webkit-appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23748076' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:12px 8px;
}
#toolbar .filter-selects>select:focus { border-color:#aeb8aa; box-shadow:none; }
#toolbar .filter-selects>select:focus-visible { outline:2px solid #58675b; outline-offset:2px; }
/* Reserve the inset in the grid so status and rival text do not overlap the title. */
.compare-table-old .compare-product-info { grid-template-columns:minmax(0,1fr) 108px; }
.compare-table-old .compare-product-meta { padding-right:30px; }
.compare-table-new .sticky-cell { width:320px; min-width:320px; max-width:320px; }
.compare-table-new .compare-product-info { align-items:start; }
.compare-table-new .compare-product-main { min-width:0; }
.compare-table-new .compare-product-meta { align-self:start; }
.compare-table-new .compare-product-date { margin-top:4px; color:var(--tertiary); font-size:10.5px; line-height:1.4; white-space:nowrap; }
.records-panel .search-box {
  width:270px;
  min-width:0;
  height:36px;
  margin-left:auto;
  padding-left:12px;
}
.records-panel .search-box input { width:100%; min-width:0; padding:7px 12px 7px 8px; font-size:12px; }
.records-panel .search-box svg { width:14px; height:14px; }
.records-panel .records-table table { min-width:1040px; table-layout:fixed; white-space:normal; }
.records-panel .record-col-product { width:23%; }
.records-panel .record-col-date { width:16%; }
.records-panel .record-col-execution { width:15%; }
.records-panel .record-col-performance { width:20%; }
.records-panel .record-col-progress { width:11%; }
.records-panel .record-col-task { width:15%; }
.records-panel .records-table table th {
  position:static;
  z-index:auto;
  height:48px;
  padding:12px 18px;
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  font-size:12px;
  font-weight:400;
  white-space:nowrap;
}
.records-panel .records-table td {
  position:static;
  z-index:auto;
  height:96px;
  padding:20px 18px;
  border-left:0;
  border-right:0;
  border-bottom:1px solid #edf0ec;
  background:#fff;
  vertical-align:middle;
  font-size:13px;
  line-height:1.75;
  overflow-wrap:anywhere;
}
.records-panel .records-table tr:last-child td { border-bottom:0; }
.records-panel .records-table th:first-child,
.records-panel .records-table td:first-child { padding-left:24px; }
.records-panel .records-table th:last-child,
.records-panel .records-table td:last-child { padding-right:24px; }
.records-panel .records-table tbody tr:hover td { background:#fafcf9; }
.records-product-link { display:block; width:100%; padding:0; text-align:left; line-height:1.75; }
.records-product-link strong {
  display:block;
  color:var(--ink);
  font-size:13.5px;
  font-weight:600;
  white-space:normal;
  overflow-wrap:anywhere;
}
.records-product-link small { display:block; margin-top:7px; color:var(--tertiary); font-size:11.5px; font-weight:400; }
.records-product-link:hover strong { text-decoration:underline; text-underline-offset:3px; }
.record-primary { color:var(--ink); font-size:13px; line-height:1.75; }
.record-date { font-variant-numeric:tabular-nums; white-space:nowrap; }
.record-review-dates { display:grid; gap:4px; color:var(--ink); font-size:12px; }
.record-review-dates .record-date { display:flex; gap:8px; align-items:baseline; }
.record-review-dates .record-date>span { color:var(--muted); font-size:11px; }
.record-review-status { color:var(--muted); font-size:12.5px; white-space:nowrap; }
.record-review-status.status-pending,
.record-mobile-status.status-pending { color:#b32418; }
.record-review-status.status-reviewed,
.record-mobile-status.status-reviewed { color:#278247; }
.status.status-reviewed { color:#278247; background:#edf8ef; }
.record-secondary { margin-top:5px; color:var(--tertiary); font-size:11.5px; font-weight:400; line-height:1.75; }
.record-secondary.overdue { color:var(--red); }
.record-secondary.due { color:var(--warning); }
.record-role { margin-left:7px; color:var(--tertiary); font-size:11px; font-weight:400; white-space:nowrap; }
.record-action { color:var(--ink); font-size:12.5px; white-space:pre-line; overflow-wrap:anywhere; line-height:1.8; }
.record-metric { font-variant-numeric:tabular-nums; }
.record-metric-label { margin-left:7px; color:var(--muted); font-size:11.5px; }
.record-progress { color:var(--muted); }
.record-primary .missing,.record-secondary .missing { color:var(--tertiary); font-size:inherit; }
.record-task-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  white-space:nowrap;
}
.record-task-button svg { width:13px; height:13px; }
.record-task-button:hover { border-color:#bdc5bd; background:var(--subtle); }
.record-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.record-delete-button { padding:5px 2px; color:#b44940; font-size:12px; line-height:1.5; }
.record-delete-button:hover { color:#922b24; text-decoration:underline; text-underline-offset:3px; }
.btn.danger { background:#b54135; border-color:#b54135; color:#fff; }
.delete-summary { padding:16px; background:var(--subtle); border-radius:10px; }
.delete-summary p { margin:8px 0 0; color:var(--muted); font-size:12px; }
.trash-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); }
.trash-row>div { min-width:0; }
.trash-row strong { display:block; font-size:13px; overflow-wrap:anywhere; }
.trash-row small { display:block; margin-top:6px; color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.trash-row .btn { flex:none; }
.records-panel .panel-footer { min-height:58px; padding:18px 24px; font-size:11px; }

/* Scope form controls so the recipient checkboxes retain native dimensions. */
.modal-overlay { padding:24px; }
.modal {
  width:min(570px,100%);
  max-height:calc(100dvh - 48px);
  padding:28px;
  border-radius:18px;
}
.modal .modal-head { align-items:flex-start; gap:16px; margin-bottom:22px; }
.modal .modal-head h2 { font-size:20px; line-height:1.5; }
.modal .modal-sub { margin-top:7px; font-size:12px; line-height:1.8; }
.modal .form-field { gap:8px; margin-bottom:20px; font-size:12.5px; }
.modal .form-field input:not([type="checkbox"]):not([type="radio"]),
.modal .form-field select,
.modal .form-field textarea {
  width:100%;
  min-width:0;
  min-height:40px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--ink);
  background:#fff;
  font-size:13px;
  line-height:1.6;
}
.modal .form-field textarea { min-height:76px; }
.modal .form-field small { color:var(--tertiary); font-size:11px; line-height:1.8; }
.modal .editor-group { padding:0; border:0; border-radius:0; gap:16px; background:transparent; }
.modal .recipient-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.modal .recipient-list .recipient {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  min-width:0;
  min-height:42px;
  margin:0;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--muted);
  font-size:13px;
  font-weight:400;
  line-height:20px;
  white-space:normal;
  word-break:normal;
}
.modal .recipient-list .recipient:has(input:checked) { background:var(--accent-soft); border-color:#bbd78f; color:var(--ink); }
.modal .recipient-list .recipient>span { min-width:0; overflow-wrap:anywhere; }
.modal .recipient-list .recipient strong { color:var(--ink); font-size:13px; font-weight:500; }
.modal .recipient-list .recipient:has(input:disabled) { background:#f7f8f6; opacity:1; }
.modal .recipient-list .recipient .recipient-reason { color:#946322; line-height:1.6; }
.modal .recipient-empty { grid-column:1/-1; margin:0; padding:12px; color:var(--muted); line-height:1.8; }
.modal .form-field .recipient input[type="checkbox"] {
  display:block;
  flex:0 0 16px;
  width:16px;
  height:16px;
  min-width:0;
  min-height:0;
  max-width:16px;
  max-height:16px;
  margin:0;
  padding:0;
  border-radius:3px;
  box-shadow:none;
  accent-color:var(--green);
  cursor:pointer;
}
.modal .notice { margin:4px 0 0; padding:13px 15px; font-size:11.5px; line-height:1.85; }
.modal .modal-buttons { gap:10px; margin-top:24px; }
.modal .modal-buttons .btn { min-height:36px; padding:8px 16px; font-size:12.5px; }
.modal .preview-details { margin:18px 0; padding:18px; }
.modal .preview-details dt { margin-bottom:5px; font-size:11px; }
.modal .preview-details dd { margin:0 0 14px; font-size:13px; line-height:1.8; }
.modal .preview-details dd:last-child { margin-bottom:0; }

/* Task history uses compact rows while keeping exceptional results visible. */
.task-list-compact { padding:0 24px 8px; }
.task-list-compact .task-row {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(140px,.9fr) minmax(125px,.7fr) auto;
  align-items:center;
  gap:22px;
  min-height:96px;
  padding:18px 0;
  border-bottom:1px solid var(--line);
}
.task-list-compact .task-row:last-child { border-bottom:0; }
.task-list-compact .task-card-main { min-width:0; }
.task-list-compact .task-card-main h3 {
  margin:0;
  color:var(--ink);
  font-size:13px;
  font-weight:550;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.task-list-compact .task-created { display:block; margin-top:5px; color:var(--tertiary); font-size:11px; line-height:1.6; }
.task-list-compact .task-assignment { display:flex; flex-direction:column; gap:5px; min-width:0; color:var(--ink); font-size:12.5px; line-height:1.7; overflow-wrap:anywhere; }
.task-list-compact .task-assignment small { color:var(--tertiary); font-size:11px; font-variant-numeric:tabular-nums; }
.task-list-compact .task-row-status { min-width:0; }
.task-list-compact .task-row-status .status { margin:0; font-size:11px; padding:4px 9px; line-height:1.6; }
.task-list-compact .task-inline-warning { display:block; margin-top:7px; color:var(--warning); font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
.task-list-compact .task-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px 14px; margin:0; }
.task-list-compact .task-actions .text-btn { color:var(--muted); font-size:12px; white-space:nowrap; }
.task-list-compact .task-actions .text-btn:hover { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1100px) {
  #toolbar .status-filter-tabs { flex-basis:100%; border-left:0; padding-left:0; }
  .task-list-compact .task-row { grid-template-columns:minmax(0,1.35fr) minmax(110px,.9fr) minmax(110px,.75fr) 62px; gap:16px; }
  .task-list-compact .task-actions { flex-direction:column; align-items:flex-end; gap:8px; }
}
@media(max-width:700px) {
  .task-list-compact { padding:0 16px 4px; }
  .task-list-compact .task-row { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'title status' 'assignment actions'; gap:9px 14px; min-height:92px; padding:17px 0; }
  .task-list-compact .task-card-main { grid-area:title; align-self:start; }
  .task-list-compact .task-card-main h3 { font-size:12.5px; }
  .task-list-compact .task-created { display:none; }
  .task-list-compact .task-assignment { grid-area:assignment; flex-direction:row; align-items:center; flex-wrap:wrap; gap:3px 10px; font-size:11.5px; }
  .task-list-compact .task-assignment small { font-size:10.5px; }
  .task-list-compact .task-row-status { grid-area:status; align-self:start; justify-self:end; max-width:126px; }
  .task-list-compact .task-row-status .status { font-size:10px; padding:3px 7px; }
  .task-list-compact .task-inline-warning { font-size:10.5px; }
  .task-list-compact .task-actions { grid-area:actions; flex-direction:row; gap:10px; align-self:center; }
  .task-list-compact .task-actions .text-btn { font-size:10.5px; }
}

@media(max-width:1100px) {
  .records-panel .records-table table { min-width:1000px; }
  .record-task-button { gap:5px; padding-inline:10px; }
}
@media(max-width:600px) {
  .records-panel .panel-top { padding:20px 16px; }
  .records-panel .panel-title h2 { font-size:15px; }
  .records-panel .panel-title { gap:7px; }
  #toolbar .filter-row { gap:8px; padding:6px 16px 24px; }
  #toolbar .achievement-filter-row { gap:6px 10px; padding:0 16px 24px; }
  #toolbar .achievement-tabs { flex-basis:100%; }
  #toolbar .filter-tabs { gap:5px; padding:0; }
  #toolbar .filter-tab { min-height:34px; padding:7px 10px; font-size:11.5px; }
  #toolbar .filter-controls { gap:10px; padding:24px 16px; }
  #toolbar #owner-filter,
  #toolbar #bi-group-filter,
  #toolbar #operator-filter { flex:0 1 auto; min-width:0; max-width:145px; padding:8px 30px 8px 12px; font-size:11.5px; }
  #toolbar #owner-filter,
  #toolbar #bi-group-filter,
  #toolbar #operator-filter { background-position:right 10px center; }
  .records-panel .search-box { flex:1; width:auto; }
  .records-panel .search-box input { padding-left:6px; padding-right:8px; font-size:11px; }
  .records-cards .mobile-product { padding:20px 16px; }
  .records-cards .mobile-product-head { align-items:flex-start; gap:12px; }
  .records-cards .records-product-link { min-width:0; flex:1; }
  .records-cards .records-product-link strong { font-size:13.5px; }
  .records-cards .records-product-link small { margin-top:6px; font-size:10.5px; }
  .record-mobile-status { color:var(--muted); font-size:11px; white-space:nowrap; padding-top:2px; }
  .record-mobile-details { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:18px 0; }
  .record-mobile-details .record-action { font-size:12px; }
  .record-mobile-performance { margin:0 0 16px; }
  .records-cards .mobile-product-foot { gap:16px; padding-top:14px; border-top:1px solid #edf0ec; }
  .records-cards .mobile-product-foot .text-btn { display:flex; align-items:center; gap:6px; font-size:12px; }
  .records-cards .mobile-product-foot .record-task-button { color:var(--ink); font-size:12px; }
  .records-panel .panel-footer { padding:15px 16px; font-size:10px; }
  .modal-overlay { padding:12px; }
  .modal { max-height:calc(100dvh - 24px); padding:22px 18px; border-radius:16px; }
  .modal .modal-head h2 { font-size:19px; }
  .modal .recipient-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .modal .recipient-list .recipient { min-height:42px; padding:10px 12px; }
  .modal .editor-group { grid-template-columns:1fr; gap:0; }
  .modal .modal-buttons { flex-wrap:wrap; }
}

/* Sent task history follows the same compact BI table as the review lists. */
.tasks-panel .panel-top { padding:24px 24px 18px; }
.tasks-panel .panel-title { width:100%; justify-content:space-between; }
.tasks-panel .panel-title h2 { font-size:16px; }
.tasks-panel .count-tag { padding:0; background:none; color:var(--tertiary); font-size:11px; }
.task-history { min-width:0; }
.task-history-toolbar {
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
  gap:16px 24px; padding:0 24px 18px;
}
.task-archive-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.task-archive-tabs button {
  display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:8px 12px;
  border-radius:6px; color:var(--muted); font-size:12px; line-height:20px;
}
.task-archive-tabs button small { font-size:11px; opacity:.75; }
.task-archive-tabs button:hover { background:#f2f4ef; color:var(--ink); }
.task-archive-tabs button[aria-pressed="true"] { background:#111714; color:#fff; font-weight:500; }
.task-history-filters { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; min-width:0; }
.task-history-filters>label:not(.search-box) { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:11.5px; }
.task-history-filters select {
  width:140px; min-height:36px; padding:7px 30px 7px 12px; border-radius:8px;
  font-size:12px; color:var(--ink); appearance:none; -webkit-appearance:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23748076' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 12px 8px;
}
.task-history-filters .search-box { width:240px; height:36px; min-width:0; border-radius:8px; padding-left:11px; }
.task-history-filters .search-box input { min-width:0; width:100%; padding:7px 10px 7px 7px; font-size:12px; }
.task-history-table-wrap { width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
.task-history-table { width:100%; min-width:1040px; table-layout:fixed; white-space:normal; font-size:12px; }
.task-history-table th,
.task-history-table td { padding:18px 20px; border:0; text-align:left; overflow-wrap:anywhere; }
.task-history-table th:first-child,
.task-history-table td:first-child { padding-left:24px; }
.task-history-table th:last-child,
.task-history-table td:last-child { padding-right:24px; }
.task-history-table thead th { height:48px; padding-block:12px; background:#fff; border-bottom:1px solid var(--line); color:var(--muted); font-size:11.5px; font-weight:400; }
.task-history-table th:nth-child(1) { width:30%; }
.task-history-table th:nth-child(2) { width:13%; }
.task-history-table th:nth-child(3) { width:12%; }
.task-history-table th:nth-child(4) { width:13%; }
.task-history-table th:nth-child(5) { width:15%; }
.task-history-table th:nth-child(6) { width:17%; }
.task-history-table tbody td { height:96px; vertical-align:middle; border-bottom:1px solid #edf0ec; line-height:1.7; }
.task-history-table tbody tr:last-child td { border-bottom:0; }
.task-history-table .task-month-row th { height:auto; padding-block:16px 4px; background:#fff; color:var(--ink); font-size:12px; font-weight:600; border:0; }
.task-history-title { color:var(--ink); font-weight:550; line-height:1.7; }
.task-history-title strong { font-weight:550; }
.task-history-secondary { display:block; color:var(--tertiary); font-size:10.5px; line-height:1.65; margin-top:4px; }
.task-history-table time { font-variant-numeric:tabular-nums; }
.task-history-table .status { padding:4px 8px; font-size:10.5px; }
.task-history-table .task-inline-warning { display:block; margin-top:5px; color:var(--warning); font-size:10.5px; }
.task-history-actions { display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:8px 12px; }
.task-history-actions .text-btn { color:var(--muted); font-size:11.5px; white-space:nowrap; }
.task-history-actions .text-btn:hover { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.task-history-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 24px; border-top:1px solid var(--line); color:var(--tertiary); font-size:11px; }
.task-pagination { display:flex; align-items:center; gap:8px; }
.task-pagination button { min-height:32px; padding:6px 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:11px; }
.task-pagination button:disabled { opacity:.4; cursor:default; }
.task-history-empty { padding:44px 24px; text-align:center; color:var(--muted); }
.task-history-empty h3 { color:var(--ink); font-size:15px; margin-bottom:8px; }
.task-history-empty p { font-size:12px; margin-bottom:18px; }
.task-history-note { padding:0 24px 16px; color:var(--tertiary); font-size:11px; line-height:1.8; }
.tasks-panel .panel-footer { padding:14px 24px; font-size:11px; }
.tasks-panel .panel-footer .task-history-note { padding:0; line-height:1.8; }
@media(max-width:900px) {
  .task-history-toolbar { align-items:flex-start; }
  .task-history-filters { width:100%; }
  .task-history-filters .search-box { flex:1; }
}
@media(max-width:600px) {
  .tasks-panel .panel-top { padding:20px 16px 16px; }
  .task-history-toolbar { gap:14px; padding:0 16px 16px; }
  .task-history-filters { gap:10px; }
  .task-history-filters>label:not(.search-box) { width:100%; justify-content:space-between; }
  .task-history-filters select { width:calc(100% - 72px); }
  .task-history-filters .search-box { width:100%; flex-basis:100%; }
  .task-history-footer { padding:14px 16px; font-size:10.5px; }
  .task-history-note { padding-inline:16px; }
  .tasks-panel .panel-footer { padding:14px 16px; font-size:10.5px; }
}

/* Select the old-review batch before choosing its content and month. */
.old-batch-tabs {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 10px;
  padding:0;
}
.old-batch-tab {
  min-height:34px;
  padding:7px 15px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:var(--muted);
  font-size:12.5px;
  font-weight:400;
  line-height:18px;
  white-space:nowrap;
}
.old-batch-tab:hover { background:#e7eae6; color:var(--ink); }
.old-batch-tab.active,
.old-batch-tab.active:hover { background:#111714; color:#fff; font-weight:500; }
.old-batch-tab:focus-visible { outline:2px solid #58675b; outline-offset:2px; }
.old-cycle-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 20px;
  margin:0 0 12px;
}
.old-cycle-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.old-cycle-tab {
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #dce1db;
  border-radius:6px;
  background:#fff;
  color:var(--muted);
  font-size:12px;
  line-height:18px;
  white-space:nowrap;
}
.old-cycle-tab small { color:inherit; font-size:10.5px; opacity:.72; }
.old-cycle-tab:hover { background:#e7eae6; color:var(--ink); }
.old-cycle-tab.active,.old-cycle-tab.active:hover { background:#111714; border-color:#111714; color:#fff; }
.old-cycle-tab:focus-visible { outline:2px solid #58675b; outline-offset:2px; }
.old-cycle-context { color:var(--muted); font-size:11px; line-height:18px; }
.heading-actions { align-items:flex-start; }
.create-product-entry { display:flex; flex-direction:column; align-items:flex-end; gap:7px; max-width:260px; }
.create-product-entry>small { color:var(--muted); font-size:11px; line-height:1.7; text-align:right; }
#add-product:disabled { background:#e7eae6; border-color:#dce1db; color:#7b857b; cursor:not-allowed; }
.manual-review-note { margin:2px 0 14px; color:var(--muted); font-size:12px; line-height:1.8; }
@media(max-width:600px) {
  .old-batch-tabs { gap:4px; margin-bottom:6px; }
  .old-batch-tab { padding-inline:12px; }
  .old-cycle-row { gap:8px; margin-bottom:8px; }
  .old-cycle-tabs { width:100%; gap:5px; }
  .old-cycle-tab { flex:1; justify-content:center; gap:4px; padding-inline:7px; font-size:11px; }
  .old-cycle-tab small { font-size:9px; }
}