/* Compact, keyboard-accessible actions for both ROE tables. */
.roe-table .roe-row-actions { display: flex; flex-direction: column; align-items: stretch; gap: 8px; width: 208px; }
.roe-row-actions .workspace-icon { width: 17px; height: 17px; flex: 0 0 17px; }
.roe-row-primary, .roe-row-menu > summary {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  box-sizing: border-box; min-height: 40px; padding: 9px 13px; margin: 0;
  border: 1px solid transparent; border-radius: 9px; font: inherit;
  font-size: 13px; font-weight: 600; line-height: 20px; text-decoration: none;
  cursor: pointer; white-space: nowrap;
}
.roe-row-primary { color: #fff; background: var(--accent); border-color: var(--accent); }
.roe-row-primary:hover { background: #1d4ac2; border-color: #1d4ac2; }
.roe-row-primary.roe-row-review { color: #2456cc; background: #f2f6ff; border-color: #d6e2fc; }
.roe-row-primary.roe-row-review:hover { background: #e5edff; }
.roe-row-menu > summary { color: var(--ink); background: #fff; border-color: #dce2eb; list-style: none; }
.roe-row-menu > summary::-webkit-details-marker { display: none; }
.roe-row-menu > summary:hover { background: #f6f8fb; border-color: #b6c8ed; }
.roe-row-menu[open] > summary .workspace-icon { transform: rotate(180deg); }
.roe-row-menu-items { display: grid; gap: 3px; margin-top: 6px; padding: 5px; border: 1px solid #dce2eb; border-radius: 9px; background: #f8fafc; }
.roe-row-menu-items a { display: flex; align-items: center; gap: 9px; min-height: 38px; padding: 8px; box-sizing: border-box; border-radius: 6px; color: var(--ink); text-decoration: none; font-size: 13px; line-height: 1.4; }
.roe-row-menu-items a:hover { background: #eaf0fc; color: #2456cc; }
.roe-row-actions :is(a, button, summary):focus-visible { outline: 3px solid #9bbcff; outline-offset: 2px; }
.roe-row-primary:disabled { opacity: .55; cursor: not-allowed; }
/* Hallmark · reference-led ROE workflow · critique: P4 H5 E4 S5 R5 V4 */
.roe-workflow { max-width: 1100px; margin: 32px auto; color: var(--ink); }
.roe-workflow h1 { font-size: clamp(25px, 3vw, 34px); line-height: 1.25; overflow-wrap: anywhere; }
.roe-workflow h2 { font-size: 21px; margin: 0 0 16px; }
.roe-workflow section { margin-top: 32px; }
.roe-workflow .field-help { line-height: 1.6; }
.roe-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; flex-wrap: wrap; }
.roe-section-heading h2 { margin: 0; }
.roe-detail-card { border: 1px solid var(--line); border-radius: 10px; padding: 0 26px; margin: 16px 0; }
.roe-detail-row { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 28px; padding: 25px 0; }
.roe-detail-row + .roe-detail-row { border-top: 1px solid var(--line); }
.roe-detail-row dt, .roe-detail-row label { font-weight: 600; }
.roe-detail-row dd { margin: 0; overflow-wrap: anywhere; }
.roe-detail-row :is(input,select,textarea) { width: 100%; box-sizing: border-box; min-width: 0; margin: 0; }
.roe-detail-row .field-help { margin: 6px 0 0; font-weight: 400; }
.roe-form-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; gap: 12px; margin: 20px 0 32px; }
.roe-workflow .roe-row-primary { width: auto; min-height: 44px; padding: 10px 20px; font-size: 14px; }
.roe-workflow .roe-row-primary .workspace-icon, .roe-issue-link .workspace-icon { width: 18px; height: 18px; flex: none; }
.roe-check-row { display: flex; align-items: flex-start; gap: 12px; padding: 18px 0; font-size: 14px; line-height: 1.6; }
.roe-check-row input { width: 18px; height: 18px; flex: 0 0 18px; margin: 3px 0 0; }
.roe-mode-note { padding: 18px 22px; border: 1px solid var(--line); border-radius: 10px; line-height: 1.6; background: var(--subtle); }
.roe-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.roe-workflow .roe-method { border: 1px solid var(--line); border-radius: 12px; padding: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.roe-method h2, .roe-method p { margin: 0; line-height: 1.6; }
.roe-method .roe-row-primary { margin-top: auto; }
.roe-history-details { border: 1px solid var(--line); border-radius: 10px; padding: 16px; }
.roe-history-details summary { cursor: pointer; font-weight: 600; padding: 6px; }
.roe-history-details .roe-table { min-width: 570px; }
.roe-issue-link { width: max-content; }
@media(max-width: 700px) {
  .roe-methods { grid-template-columns: minmax(0, 1fr); }
  .roe-detail-row { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 20px 0; }
  .roe-detail-card { padding: 0 18px; }
  .roe-workflow .roe-method { padding: 22px; }
  .roe-section-heading { align-items: flex-start; flex-direction: column; }
}

.roe-workflow .employment-step-icon { color: var(--accent); background: var(--subtle); }

.roe-history-details .roe-table td:first-child { white-space: nowrap; }

.roe-simple-fields { min-width: 0; border: 0; padding: 0; margin: 0; }
.roe-simple-fields:disabled { opacity: .5; }
.roe-or-divider { display: flex; align-items: center; gap: 14px; margin: 32px 0; color: var(--muted); }
.roe-or-divider::before, .roe-or-divider::after { content: ""; height: 1px; background: var(--line); flex: 1; }
.roe-required { margin-left: 3px; color: var(--error); }
.roe-simple-form .roe-detail-row { padding-block: 28px; }
.roe-simple-form .roe-check-row { padding-block: 24px; font-size: 16px; }

/* Stable dashboard columns; controls must not set the height of unrelated cells. */
.roe-dashboard .roe-table { table-layout: fixed; }
.roe-dashboard .roe-employees-table { min-width: 860px; }
.roe-dashboard .roe-records-table { min-width: 960px; }
.roe-col-select { width: 48px; }
.roe-col-interruption { width: 184px; }
.roe-col-date { width: 132px; }
.roe-col-current { width: 136px; }
.roe-col-issue { width: 192px; }
.roe-col-version { width: 100px; }
.roe-col-status { width: 208px; }
.roe-col-actions { width: 204px; }
.roe-dashboard .roe-table :is(th, td) { padding: 14px 16px; vertical-align: middle; line-height: 1.45; }
.roe-dashboard .roe-table th { font-size: 12px; font-weight: 600; color: var(--muted); background: var(--subtle); white-space: nowrap; }
.roe-dashboard .roe-table td { font-size: 14px; overflow-wrap: anywhere; }
.roe-dashboard .roe-table td small { margin-top: 3px; font-size: 12px; }
.roe-dashboard .roe-table .roe-selection-cell { padding-inline: 15px; text-align: center; }
.roe-dashboard .roe-selection-cell input[type="checkbox"] {
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  margin: 0 auto;
  accent-color: var(--accent);
}
.roe-dashboard .roe-table :is(th, td):last-child { text-align: right; }
.roe-dashboard .roe-table td.roe-empty-list { text-align: center; padding: 32px 16px; }
.roe-dashboard .roe-table .roe-row-actions { flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; width: auto; }
.roe-dashboard .roe-row-primary { display: inline-flex; min-height: 36px; padding: 7px 10px; }
.roe-dashboard .roe-row-menu > summary { width: 36px; height: 36px; min-height: 36px; padding: 8px; border-radius: 8px; }
.roe-dashboard .roe-row-menu > summary > span { display: none; }
.roe-dashboard .roe-row-menu-items { width: 224px; text-align: left; }
.roe-dashboard .roe-table-scroll { border: 1px solid var(--ui-border); border-radius: 10px; }
.roe-dashboard .roe-table tbody tr:last-child td { border-bottom: 0; }
.roe-dashboard .roe-table tbody tr:hover { background: var(--subtle); }

.roe-batch-table { min-width: 1150px; }
.roe-batch-table td { vertical-align: top; min-width: 150px; }
.roe-batch-table input, .roe-batch-table select { width: 100%; min-width: 150px; margin: 0; }
.roe-batch-table td > a { display: block; margin-top: 10px; }
.roe-batch-table th { white-space: nowrap; }
.roe-batch-footer { display: flex; gap: 24px; align-items: center; justify-content: space-between; margin-top: 24px; flex-wrap: wrap; }
.roe-batch-footer form { margin: 0; }
.roe-batch-footer p { max-width: 650px; margin: 0; line-height: 1.7; }
.roe-batch-footer .primary { width: auto; }
.roe-admin { max-width: 1500px; margin: 0 auto; padding: 32px; }
.roe-admin header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; gap: 24px; }
.roe-admin nav { display: flex; gap: 24px; align-items: center; }
.roe-admin .roe-table td { vertical-align: top; }
.roe-admin form { display: flex; flex-direction: column; gap: 12px; }
.roe-admin input[type=file] { max-width: 240px; }
@media (max-width: 600px) { .roe-admin { padding: 20px; } .roe-admin header { align-items: flex-start; flex-direction: column; } .roe-batch-footer .roe-actions { width: 100%; } }
.roe-batch-table { table-layout: auto; border-collapse: separate; border-spacing: 0; }
.roe-batch-table :is(th, td) { padding: 16px; }
.roe-batch-table th { background: var(--subtle); border-bottom: 1px solid var(--line); }
.roe-batch-table td { min-width: 180px; }
.roe-batch-table td:nth-child(5) { min-width: 270px; }
.roe-batch-form .roe-table-scroll { border: 1px solid var(--line); border-radius: 12px; }
.roe-batch-table td > a { display: inline-flex; white-space: nowrap; }
.roe-batch-footer a.secondary { text-decoration: none; }
.roe-admin .roe-row-primary { white-space: nowrap; }


/* Keep submission status separate from its action, inside the table column. */
.roe-submission-action { display: flex; flex-direction: column; align-items: flex-end; gap: 9px; }
.roe-submission-action .roe-issue-link { max-width: 100%; margin: 0; }
.roe-status-badge { display: inline-flex; align-items: center; gap: 6px; width: max-content; max-width: 100%; padding: 4px 9px; border-radius: 999px; background: #f2f4f7; color: #475467; font-size: 12px; font-weight: 600; line-height: 18px; white-space: nowrap; }
.roe-status-badge::before { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
.roe-status-badge--processing { color: #2456cc; background: #eef4ff; }
.roe-status-badge--pending, .roe-status-badge--refund_pending { color: #93370d; background: #fffaeb; }
.roe-status-badge--completed { color: #067647; background: #ecfdf3; }

.roe-ready-page { max-width: 820px; margin-top: 28px; }
.roe-ready-page h1 { margin: 0 0 10px; }
.roe-ready-card { display: flex; align-items: flex-start; gap: 20px; margin-top: 28px; padding: 28px; border: 1px solid var(--ui-border); border-radius: 12px; background: var(--surface); }
.roe-ready-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 48px; height: 48px; border-radius: 12px; color: #2456cc; background: #eef4ff; }
.roe-ready-icon .workspace-icon { width: 24px; height: 24px; }
.roe-ready-content { min-width: 0; }
.roe-ready-content h2 { margin: 0 0 10px; font-size: 20px; }
.roe-ready-content p { margin: 0; color: var(--muted); line-height: 1.6; }
.roe-ready-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 18px; }
.roe-ready-actions .roe-row-primary { min-height: 44px; padding: 10px 16px; }
.roe-ready-actions .workspace-icon, .roe-ready-help .workspace-icon { width: 18px; height: 18px; flex: 0 0 18px; }
.roe-ready-help { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; text-decoration: none; }
.roe-ready-upload { margin-top: 24px; padding: 18px 20px; border: 1px solid var(--ui-border); border-radius: 10px; }
.roe-ready-upload summary { cursor: pointer; font-weight: 600; }
.roe-ready-upload form { display: grid; gap: 18px; margin-top: 20px; }
.roe-ready-upload form button { width: max-content; }
@media (max-width: 600px) {
  .roe-ready-card { flex-direction: column; padding: 20px; }
  .roe-ready-actions { flex-direction: column; align-items: stretch; }
}

.roe-authorization-history { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--ui-border); }
.roe-authorization-history p { margin: 6px 0 0; font-size: 13px; color: var(--muted); }
.roe-ready-upload form > label { margin: 0; }
.roe-ready-upload form > label:not(.roe-check-row) > input { margin: 6px 0 0; }
.roe-ready-upload .roe-check-row { padding: 4px 0; }

.roe-consent-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.roe-consent-heading h2 { margin: 0; }
.roe-consent-details { margin: 18px 0 0; }
.roe-consent-details > div { display: grid; grid-template-columns: minmax(140px, 1fr) 2fr; gap: 20px; padding: 14px 0; border-bottom: 1px solid #e5eaf0; }
.roe-consent-details dt { color: #526277; }
.roe-consent-details dd { margin: 0; overflow-wrap: anywhere; font-weight: 600; }
.roe-consent-terms { margin: 18px 0 24px; padding: 18px; border: 1px solid #dbe3ec; border-radius: 10px; background: #f8fafc; }
.roe-consent-terms summary { cursor: pointer; font-weight: 600; }
.roe-consent-terms ol { padding-left: 22px; margin-bottom: 0; }
.roe-consent-terms li { margin: 14px 0; line-height: 1.65; color: #425269; font-size: 14px; }
.roe-consent-page input.roe-consent-signature { font-family: var(--font-body); font-style: normal; font-size: 24px; min-height: 64px; }
.roe-consent-page .roe-ready-actions { gap: 12px; }
@media (max-width: 540px) { .roe-consent-details > div { grid-template-columns: 1fr; gap: 6px; } }
.roe-consent-page .roe-check-row { display: flex; align-items: flex-start; gap: 12px; }
.roe-consent-page .roe-check-row input[type="checkbox"] { margin: 3px 0 0; flex: 0 0 18px; width: 18px; height: 18px; min-height: 0; padding: 0; }
.roe-consent-page .roe-check-row span { line-height: 1.5; }

.superadmin-shell { display: flex; min-height: 100vh; background: #f8fafc; }
.superadmin-sidebar { width: 236px; flex: 0 0 236px; padding: 30px 18px; border-right: 1px solid #e1e7ef; background: #fff; display: flex; flex-direction: column; gap: 30px; position: sticky; top: 0; height: 100vh; box-sizing: border-box; }
.superadmin-brand { display: block; color: #18354d; font-size: 26px; font-weight: 750; text-decoration: none; padding: 0 12px; }
.superadmin-brand-label { display: block; font-size: 12px; color: #67778b; margin-top: 5px; }
.superadmin-sidebar nav { display: grid; gap: 8px; }
.superadmin-sidebar nav a { display: flex; align-items: center; gap: 12px; padding: 13px 12px; border-radius: 9px; color: #42536b; text-decoration: none; font-size: 14px; font-weight: 600; }
.superadmin-sidebar nav a[aria-current] { background: #eaf0ff; color: #3053bd; }
.superadmin-sidebar nav .workspace-icon { width: 20px; height: 20px; flex-shrink: 0; }
.superadmin-sidebar > form { margin-top: auto; }
.superadmin-main.auth-root { display: block; flex: 1; min-width: 0; max-width: none; padding: 36px; margin: 0; }
.superadmin-heading { margin-bottom: 28px; }
.superadmin-heading h1 { margin: 8px 0; }
.superadmin-heading p { color: #63748a; }
.superadmin-main .roe-table-scroll { background: white; border: 1px solid #e1e7ef; border-radius: 12px; }
.superadmin-main .roe-table th { white-space: nowrap; }
.superadmin-main .roe-table td { vertical-align: top; }
.superadmin-filters { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.superadmin-filters select { width: auto; min-width: 180px; }
.superadmin-status { display: inline-block; padding: 5px 10px; border-radius: 6px; background: #edf2fa; color: #304b72; font-size: 12px; font-weight: 600; white-space: nowrap; }
.superadmin-request { min-width: 190px; max-width: 320px; }
.superadmin-request summary { cursor: pointer; color: #3053bd; font-weight: 600; padding: 7px 0; }
.superadmin-request form { display: grid; gap: 14px; padding-top: 12px; }
.superadmin-request label { display: grid; gap: 6px; font-size: 13px; }
.superadmin-request input, .superadmin-request select, .superadmin-request textarea { width: 100%; box-sizing: border-box; }
.superadmin-request button { justify-self: start; }
@media(max-width: 800px) { .superadmin-shell { display: block; } .superadmin-sidebar { width: auto; height: auto; position: static; padding: 18px; gap: 18px; } .superadmin-sidebar nav { display: flex; flex-wrap: wrap; } .superadmin-sidebar > form { margin: 0; } .superadmin-main.auth-root { padding: 20px; } }

/* Hallmark · ROE dashboard · Payroll History's open, ruled-table rhythm · pre-emit critique: P5 H5 E4 S5 R5 V4 */
.roe-history-page { max-width: none; min-width: 0; color: var(--color-ink); font-family: var(--font-body); }
.roe-history-page .roe-heading { align-items: center; gap: var(--space-lg); margin-bottom: var(--space-xl); }
.roe-history-page .roe-heading h1 { margin: 0; color: var(--color-graphite); font-family: var(--font-display); font-size: var(--text-title); line-height: 1.2; overflow-wrap: anywhere; }
.roe-history-page .roe-heading .intro { margin: var(--space-xs) 0 0; color: var(--color-slate); }
.roe-history-page .roe-heading-actions { align-items: flex-end; }
.roe-history-page .roe-header-links { flex-wrap: wrap; justify-content: flex-end; gap: var(--space-md); }
.roe-history-page .roe-header-links a { min-height: var(--size-control); color: var(--color-link); font-size: var(--text-sm); font-weight: 600; white-space: nowrap; }
.roe-history-page > .roe-history-group { max-width: none; margin-top: var(--space-xl); }
.roe-history-page .roe-history-group h2 { margin: 0 0 var(--space-md); color: var(--color-graphite); font-family: var(--font-display); font-size: var(--text-section); }
.roe-history-page .roe-history-group > .field-help { margin: 0 0 var(--space-lg); color: var(--color-slate); }
.roe-history-page .roe-filters { align-items: flex-end; gap: var(--space-md); margin-bottom: var(--space-md); }
.roe-history-page .roe-filters > label { gap: var(--space-xs); font-size: var(--text-sm); font-weight: 600; }
.roe-history-page .roe-filters :is(select, button) { min-height: var(--size-control); }
.roe-history-page .roe-employee-list > .field-help { margin: 0 0 var(--space-md); color: var(--color-slate); }
.roe-history-page .roe-table-scroll { min-width: 0; border: 0; border-radius: 0; background: transparent; overflow-x: auto; }
.roe-history-page .roe-table-scroll:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.roe-history-page .roe-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.roe-history-page .roe-table :is(th, td) { padding: var(--space-md) var(--space-xs); border-bottom: 1px solid var(--color-rule); background: transparent; color: var(--color-ink); font-size: var(--text-sm); line-height: 1.5; }
.roe-history-page .roe-table thead th { border-bottom: 2px solid var(--color-rule-heavy); color: var(--color-ink); font-weight: 600; }
.roe-history-page .roe-table tbody tr:last-child td { border-bottom: 1px solid var(--color-rule); }
.roe-history-page .roe-table tbody tr:hover { background: var(--color-surface-muted); }
.roe-history-page .roe-table tr:has(.roe-selection-cell input:checked), .roe-history-page .roe-table tr:has(.roe-selection-cell input:checked):hover { background: var(--color-selection); }
.roe-history-page .roe-table td small { color: var(--color-slate); font-size: var(--text-xs); }
.roe-history-page .roe-table td > a { color: var(--color-link); font-weight: 600; }
.roe-history-page .roe-table .roe-row-actions { justify-content: flex-end; gap: var(--space-sm); }
.roe-history-page .roe-table .roe-row-primary { min-height: var(--size-control); padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--color-link); font-size: var(--text-sm); }
.roe-history-page .roe-table .roe-row-primary:hover { background: transparent; color: var(--color-link); text-decoration: underline; }
.roe-history-page .roe-table .roe-row-primary .workspace-icon { display: none; }
.roe-history-page .roe-table .roe-row-menu > summary { width: var(--size-control); height: var(--size-control); min-height: var(--size-control); border-color: var(--color-rule); border-radius: var(--radius-base); background: var(--color-paper); }
.roe-history-page .roe-table .roe-row-menu > summary:hover { background: var(--color-surface-muted); }
.roe-history-page .roe-table .roe-row-menu-items { background: var(--color-paper); border-color: var(--color-rule); }
.roe-history-page .roe-table .roe-row-menu-items a { color: var(--color-link); }
.roe-history-page .roe-history-empty { margin: 0; padding: var(--space-lg); border-radius: var(--radius-base); background: var(--color-surface-muted); color: var(--color-slate); text-align: center; }
.roe-history-page nav.roe-actions { justify-content: flex-end; margin-top: var(--space-lg); }
.roe-history-page nav.roe-actions:empty { display: none; }
/* Hallmark · ROE review · utilitarian document flow · pre-emit critique: P5 H5 E4 S5 R5 V4 */
.roe-review-page { max-width: 960px; min-width: 0; margin: var(--space-xl) auto 0; color: var(--color-ink); font-family: var(--font-body); }
.roe-review-page > header h1 { margin: 0; color: var(--color-ink); font-family: var(--font-display); overflow-wrap: anywhere; }
.roe-review-page > header .intro { margin: var(--space-xs) 0 0; color: var(--color-muted); }
.roe-review-page .roe-ready-card { align-items: flex-start; gap: var(--space-lg); margin-top: var(--space-lg); padding: var(--space-xl); border-color: var(--color-rule); border-radius: var(--radius-card); background: var(--color-paper); }
.roe-review-page .roe-ready-icon { flex-basis: var(--size-control); height: var(--size-control); border-radius: var(--radius-input); color: var(--color-accent); background: var(--color-surface-muted); }
.roe-review-page .roe-ready-content { flex: 1; }
.roe-review-page .roe-ready-content h2 { margin: 0 0 var(--space-xs); color: var(--color-ink); font-family: var(--font-display); }
.roe-review-page .roe-ready-content p { color: var(--color-muted); }
.roe-review-page .roe-ready-actions { margin: var(--space-lg) 0 0; }
.roe-review-page .roe-ready-actions a:focus-visible, .roe-review-page .roe-ready-help:focus-visible, .roe-review-page .roe-filing-card button:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.roe-review-page .roe-ready-actions .roe-row-primary { border-color: var(--color-accent); border-radius: var(--radius-button); background: var(--color-accent); color: var(--color-paper); }
.roe-review-page .roe-ready-actions .roe-row-primary:hover { background: var(--color-accent-hover); border-color: var(--color-accent-hover); }
.roe-review-page .roe-ready-actions .roe-row-review { border-color: var(--color-rule); background: var(--color-paper); color: var(--color-link); }
.roe-review-page .roe-ready-actions .roe-row-review:hover { background: var(--color-surface-muted); border-color: var(--color-rule); }
.roe-review-page .roe-ready-help { margin-top: var(--space-md); }
.roe-review-page .roe-filing-card form { display: grid; gap: var(--space-md); margin-top: var(--space-lg); }
.roe-review-page .roe-filing-card label { display: grid; gap: var(--space-xs); font-weight: 600; }
.roe-review-page .roe-filing-card input { width: 100%; min-width: 0; box-sizing: border-box; }
.roe-review-page .roe-filing-card button { justify-self: start; }
@media (max-width: 640px) {
  .roe-history-page .roe-heading { align-items: flex-start; flex-direction: column; }
  .roe-history-page .roe-heading-actions, .roe-history-page .roe-header-links { align-items: flex-start; justify-content: flex-start; }
  .roe-history-page .roe-filters > label { width: 100%; min-width: 0; }
  .roe-review-page .roe-ready-card { flex-direction: column; padding: var(--space-lg); }
  .roe-review-page .roe-ready-actions { align-items: stretch; }
}