/* Shared VAT-style treatment, restricted to engagement and CT workflow registers.
   It does not style dialogs, reports, client masters, or CT Population. */
#content:has(> :is(.engagement-register,.engagement-docs-register)) > .eng-hero,
#content:has(> .ct-workflow-register) > .page-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:26px 24px;
  margin-bottom:18px;
  border:1px solid #bfdbfe;
  border-top:4px solid #2563eb;
  border-radius:18px;
  background:linear-gradient(135deg,#eff6ff 0%,#fff 58%,#ecfeff 100%);
  box-shadow:0 12px 28px rgba(37,99,235,.09);
}
#content:has(> :is(.engagement-register,.engagement-docs-register)) > .eng-hero h1,
#content:has(> .ct-workflow-register) > .page-head h1 {
  margin:0 0 8px;
  color:#123a70;
  font-size:30px;
}
#content:has(> :is(.engagement-register,.engagement-docs-register)) > .eng-hero .eyebrow,
#content:has(> .ct-workflow-register) > .page-head .eyebrow {display:none}
#content:has(> :is(.engagement-register,.engagement-docs-register)) > .eng-hero .actions,
#content:has(> .ct-workflow-register) > .page-head .actions {
  display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:8px;
}
#content:has(> :is(.engagement-register,.engagement-docs-register)) > :is(.eng-filter,.docs-filter),
#content > #ctWorkflowFilters {
  border:1px solid #cbdce4;
  border-radius:16px;
  background:#fff;
  box-shadow:inset 4px 0 #3b82f6,0 7px 22px rgba(37,99,235,.055);
  padding:18px 16px;
  margin-bottom:18px;
}
#content > :is(.engagement-register,.engagement-docs-register),
#content > .ct-workflow-register {
  border:1px solid #cbdce4;
  border-top:3px solid #60a5fa;
  border-radius:16px;
  background:#fff;
}
#content > :is(.engagement-register,.engagement-docs-register) thead th,
#content > .ct-workflow-register thead th {background:#eff6ff;color:#173e70}
#content > :is(.engagement-register,.engagement-docs-register) tbody tr:nth-child(even),
#content > .ct-workflow-register tbody tr:nth-child(even) {background:#f8fbff}

/* VAT Completed has five fields, one action group and the record count. */
@media(min-width:1100px) {
  #content > .misc-register-filters {
    grid-template-columns:minmax(130px,1.1fr) repeat(3,minmax(90px,1fr)) repeat(2,minmax(120px,1fr)) auto auto;
    gap:8px;
  }
  #content > .misc-register-filters > * {min-width:0;grid-column:auto}
  #content > .misc-register-filters :is(input,select) {min-width:0;width:100%}
  #content > .misc-register-filters .eng-filter-actions {display:flex;flex-wrap:nowrap;gap:6px}
}
@media(max-width:1099px) {
  #content > .misc-register-filters {grid-template-columns:repeat(2,minmax(0,1fr))}
  #content > .misc-register-filters > * {min-width:0}
}
@media(min-width:1181px) {
  #content > .audit-register-compact-filters {
    grid-template-columns:minmax(180px,1.7fr) repeat(4,minmax(100px,1fr)) auto auto;
  }
  #content > .audit-register-compact-filters > * {grid-column:auto;min-width:0}
}
@media(min-width:1000px) {
  #content > .eng-filter:has(#vatCompletedFrom) {
    grid-template-columns:minmax(140px,1.6fr) minmax(90px,1fr) repeat(2,minmax(125px,1fr)) minmax(110px,1fr) auto auto;
    gap:10px;
  }
  #content > .eng-filter:has(#vatCompletedFrom) > * {min-width:0;grid-column:auto}
  #content > .eng-filter:has(#vatCompletedFrom) :is(input,select) {width:100%;min-width:0}
  #content > .eng-filter:has(#vatCompletedFrom) .eng-filter-actions {display:flex;gap:8px;flex-wrap:nowrap;white-space:nowrap}
  #content > .eng-filter:has(#vatCompletedFrom) .eng-filter-actions button {width:auto;min-width:64px;padding-inline:12px}
  #content > .eng-filter:has(#vatCompletedFrom) .eng-record-count {align-self:end;display:flex;align-items:center;min-height:42px}
}
@media(max-width:999px) {
  #content > .eng-filter:has(#vatCompletedFrom) {grid-template-columns:repeat(2,minmax(0,1fr))}
  #content > .eng-filter:has(#vatCompletedFrom) > * {min-width:0}
  #content > .eng-filter:has(#vatCompletedFrom) :is(input,select) {min-width:0;width:100%}
  #content > .eng-filter:has(#vatCompletedFrom) .eng-filter-actions {display:flex;gap:8px}
}
@media(max-width:760px) {
  #content:has(> :is(.engagement-register,.engagement-docs-register)) > .eng-hero,
  #content:has(> .ct-workflow-register) > .page-head {flex-direction:column;align-items:stretch;padding:20px}
  #content:has(> :is(.engagement-register,.engagement-docs-register)) > .eng-hero .actions,
  #content:has(> .ct-workflow-register) > .page-head .actions {justify-content:flex-start}
}
@media(max-width:480px) {
  #content > .eng-filter:has(#vatCompletedFrom) {grid-template-columns:minmax(0,1fr)}
}