/*
 * Compact unified workspace skin (UI-20261002-B1).
 *
 * This file is deliberately opt-in.  The integrator adds
 * data-workspace-design="compact-b" to authenticated desktop shells and
 * chooses the theme with data-workspace-theme.  Existing markup, icons,
 * footer content and functional CSS remain authoritative.
 */

body[data-workspace-design='compact-b'] {
  --workspace-bg: #eef3f8;
  --workspace-surface: #ffffff;
  --workspace-surface-muted: #f5f8fb;
  --workspace-text: #182534;
  --workspace-muted: #526273;
  --workspace-border: #cbd6e2;
  --workspace-nav: #142333;
  --workspace-nav-text: #e8f0f7;
  --workspace-accent: #2f8fb3;
  --workspace-accent-strong: #176780;
  --workspace-ring: rgba(47, 143, 179, .35);
  --workspace-button-text: #ffffff;
  color: var(--workspace-text);
  background: var(--workspace-bg);
  font-family: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
}

/* Cage creation uses the available width without oversized label columns. */
body[data-workspace-design='compact-b'] #content .cage-create-form {
  width: min(100%, 780px); margin: 12px auto; table-layout: auto;
}
body[data-workspace-design='compact-b'] #content .cage-create-form > tbody > tr > td:first-child {
  width: 180px; padding-right: 20px;
}
body[data-workspace-design='compact-b'] #content .cage-create-form :is(input:not([type='hidden']),select,textarea) {
  width: 100%; min-width: 0; max-width: none;
}
body[data-workspace-design='compact-b'] #content .cage-create-access {
  width: 100%; height: auto; table-layout: fixed; border-spacing: 8px;
}
body[data-workspace-design='compact-b'] #content .cage-create-access__list {
  height: clamp(130px, calc((100dvh - 360px) / 2), 210px); overflow: auto;
}
body[data-workspace-design='compact-b'] #content .licence-dates-form {
  width: min(100%, 780px); margin: 12px auto; table-layout: auto;
}
body[data-workspace-design='compact-b'][data-theme][data-command='licences'] #content .licence-dates-form > tbody > tr > td:first-child {
  width: 360px !important; min-width: 340px !important; padding: 8px 24px 8px 0; white-space: normal;
}
body[data-workspace-design='compact-b'][data-theme][data-command='licences'] #content .licence-dates-form > tbody > tr > td:nth-child(2) {
  width: auto !important; min-width: 140px;
}
@media (max-width: 640px) {
  body[data-workspace-design='compact-b'][data-theme][data-command] #content :is(.cage-create-form,.licence-dates-form) > tbody > tr > td:first-child {
    width: 38% !important; min-width: 0 !important; padding-right: 12px;
  }
  body[data-workspace-design='compact-b'] #content .cage-create-access { border-spacing: 2px; }
}

body[data-workspace-design='compact-b'][data-workspace-theme='graphite'] {
  color-scheme: dark;
  --workspace-bg: #20262d;
  --workspace-surface: #2b333c;
  --workspace-surface-muted: #242b32;
  --workspace-text: #edf3f8;
  --workspace-muted: #b5c1cc;
  --workspace-border: #45515d;
  --workspace-nav: #11171d;
  --workspace-nav-text: #eef6f9;
  --workspace-accent: #62c7a5;
  --workspace-accent-strong: #9ae1c5;
  --workspace-ring: rgba(98, 199, 165, .38);
  --workspace-button-text: #102b22;
}

body[data-workspace-design='compact-b'][data-workspace-theme='midnight'] {
  color-scheme: dark;
  --workspace-bg: #111827;
  --workspace-surface: #182536;
  --workspace-surface-muted: #14202e;
  --workspace-text: #edf6ff;
  --workspace-muted: #b5c7da;
  --workspace-border: #334a63;
  --workspace-nav: #0a1220;
  --workspace-nav-text: #edf6ff;
  --workspace-accent: #8ad7ef;
  --workspace-accent-strong: #b5ecfb;
  --workspace-ring: rgba(138, 215, 239, .38);
  --workspace-button-text: #142738;
}

body[data-workspace-design='compact-b'] .app-shell--responsive,
body[data-workspace-design='compact-b'] .app-shell,
body[data-workspace-design='compact-b'] .app-shell__form {
  width: 100%;
  max-width: none;
  background: transparent;
}

body[data-workspace-design='compact-b'] :is(.app-header, .ct-header),
body[data-workspace-design='compact-b'] .app-shell--responsive :is(.app-header, .ct-header) {
  background: var(--workspace-nav);
  color: var(--workspace-nav-text);
  border-bottom: 1px solid var(--workspace-border);
  box-shadow: 0 5px 18px rgba(0, 0, 0, .16);
}

body[data-workspace-design='compact-b'] :is(.app-header__inner, .ct-header__inner) {
  min-height: 52px;
  padding: 6px clamp(12px, 2vw, 28px);
  gap: 10px;
}

body[data-workspace-design='compact-b'] :is(.main-nav__list, .ct-main-nav__list),
body[data-workspace-design='compact-b'] #toptabs .nav-tabs {
  gap: 4px;
}

body[data-workspace-design='compact-b'] :is(.main-nav__link, .ct-main-nav__link),
body[data-workspace-design='compact-b'] #toptabs .nav-tabs a {
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--workspace-nav-text);
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

body[data-workspace-design='compact-b'] :is(.main-nav__link, .ct-main-nav__link):hover,
body[data-workspace-design='compact-b'] :is(.main-nav__link, .ct-main-nav__link):focus-visible,
body[data-workspace-design='compact-b'] :is(.main-nav__item, .ct-main-nav__item).is-active > :is(.main-nav__link, .ct-main-nav__link),
body[data-workspace-design='compact-b'] #toptabs .nav-tabs a:hover,
body[data-workspace-design='compact-b'] #toptabs .nav-tabs a:focus-visible,
body[data-workspace-design='compact-b'] #toptabs .nav-tabs a.active {
  color: #fff;
  background: rgba(47, 143, 179, .28);
  border-color: rgba(47, 143, 179, .72);
  background: color-mix(in srgb, var(--workspace-accent) 30%, transparent);
  border-color: color-mix(in srgb, var(--workspace-accent) 72%, transparent);
  box-shadow: 0 0 0 3px var(--workspace-ring);
  outline: none;
}

body[data-workspace-design='compact-b'] :is(.app-header__search input[type='search'], .ct-header__actions input[type='search']),
body[data-workspace-design='compact-b'] :is(.user-cluster__logout, .ct-header__logout),
body[data-workspace-design='compact-b'] :is(.user-cluster__badge, .ct-header__user-name) {
  min-height: 34px;
  border-radius: 7px;
}

body[data-workspace-design='compact-b'] .app-breadcrumb,
body[data-workspace-design='compact-b'] .app-header__breadcrumbs {
  min-height: 32px;
  padding: 5px clamp(12px, 2vw, 28px);
  color: var(--workspace-muted);
  background: var(--workspace-surface-muted);
  border-bottom: 1px solid var(--workspace-border);
}

body[data-workspace-design='compact-b'] .app-main,
body[data-workspace-design='compact-b'] .app-main--responsive,
body[data-workspace-design='compact-b'] .app-main__viewport {
  background: var(--workspace-bg);
}

body[data-workspace-design='compact-b'] #content,
body[data-workspace-design='compact-b'] .main-surface {
  width: 100%;
  max-width: none;
  padding: clamp(10px, 1.4vw, 20px);
  color: var(--workspace-text);
  background: var(--workspace-surface);
  border: 1px solid var(--workspace-border);
  border-radius: 10px;
  box-shadow: 0 5px 18px rgba(20, 35, 51, .08);
}

body[data-workspace-design='compact-b'] :is(h1, h2, h3, h4, h5, h6),
body[data-workspace-design='compact-b'] label {
  color: var(--workspace-text);
}

body[data-workspace-design='compact-b'] :is(input:not(.iso-date-hidden):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='hidden']):not([type='image']), select, textarea) {
  min-height: 34px;
  max-width: 100%;
  padding: 6px 9px;
  color: var(--workspace-text);
  background: var(--workspace-surface);
  border: 1px solid var(--workspace-border);
  border-radius: 6px;
}

body[data-workspace-design='compact-b'] :is(input, select, textarea):focus-visible,
body[data-workspace-design='compact-b'] :is(button, a)[class*='button']:focus-visible {
  border-color: var(--workspace-accent);
  outline: 2px solid var(--workspace-ring);
  outline-offset: 1px;
}

body[data-workspace-design='compact-b'] :is(.button, a.button, input[type='submit'], input[type='button']),
body[data-workspace-design='compact-b'] #content button:not(.modal-close):not([data-modal-close]):not(.execute) {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--workspace-accent-strong);
  border-radius: 7px;
  color: var(--workspace-button-text);
  background: var(--workspace-accent-strong);
  font-weight: 600;
  cursor: pointer;
}

body[data-workspace-design='compact-b'] :is(.button, a.button, input[type='submit'], input[type='button']):hover,
body[data-workspace-design='compact-b'] #content button:not(.modal-close):not([data-modal-close]):not(.execute):hover {
  filter: brightness(1.08);
  box-shadow: 0 0 0 3px var(--workspace-ring), 0 4px 12px rgba(24, 67, 89, .18);
}

body[data-workspace-design='compact-b'] :is(button, .button, a.button, input):disabled,
body[data-workspace-design='compact-b'] :is(select, textarea):disabled {
  cursor: not-allowed;
  opacity: .58;
  box-shadow: none;
}

/* Opt-in widths for parameter/search/edit forms. Result tables are untouched. */
body[data-workspace-design='compact-b'] .workspace-form-table {
  width: 100%;
  max-width: 100%;
  border-spacing: 0 4px;
}

body[data-workspace-design='compact-b'] .workspace-form-table > tbody > tr > :first-child {
  width: clamp(160px, 23%, 280px);
  padding: 5px 10px 5px 0;
  color: var(--workspace-muted);
  font-weight: 600;
  vertical-align: middle;
}

body[data-workspace-design='compact-b'] .workspace-form-table > tbody > tr > :last-child {
  padding: 5px 0;
}

body[data-workspace-design='compact-b'] :is(.workspace-field-short, .workspace-field-standard, .workspace-field-wide) {
  width: 100%;
  max-width: 100%;
}

body[data-workspace-design='compact-b'] .workspace-field-short { max-width: 13rem; }
body[data-workspace-design='compact-b'] .workspace-field-standard { max-width: 26rem; }
body[data-workspace-design='compact-b'] .workspace-field-wide { max-width: 52rem; }

body[data-workspace-design='compact-b'] .workspace-form-table :is(input:not(.iso-date-hidden):not([type='checkbox']):not([type='radio']):not([type='hidden']):not([type='image']):not([type='button']):not([type='submit']), select, textarea) {
  width: 100%;
}

/* Map the existing shell/table tokens instead of changing functional markup. */
body[data-workspace-design='compact-b'][data-theme] {
  --page-bg: var(--workspace-bg);
  --gradient-header: var(--workspace-nav);
  --layout-text: var(--workspace-text);
  --layout-muted: var(--workspace-muted);
  --layout-surface: var(--workspace-bg);
  --layout-surface-strong: var(--workspace-surface);
  --layout-surface-muted: var(--workspace-surface-muted);
  --layout-border: var(--workspace-border);
  --layout-accent: var(--workspace-accent-strong);
  --bg: var(--workspace-bg);
  --fg: var(--workspace-text);
  --panel: var(--workspace-surface);
  --panel-2: var(--workspace-surface-muted);
  --border: var(--workspace-border);
  --table-row: var(--workspace-surface);
  --table-row-alt: var(--workspace-surface-muted);
  --table-hover: var(--workspace-surface-muted);
}
body[data-workspace-design='compact-b'] .workspace-appearance {
  display: flex; align-items: center; gap: 6px; font-size: 12px;
  color: var(--workspace-nav-text); white-space: nowrap;
}
body[data-workspace-design='compact-b'] .workspace-appearance select { width: auto; max-width: 190px; font-size: 12px; }
body[data-workspace-design='compact-b'] .ct-header__mobile-toggle { min-width: 44px; min-height: 44px; }
body[data-workspace-design='compact-b'][data-theme] #main_nav :is(.ct-main-nav__icon,.main-nav__icon) {
  display: inline-flex !important; width: 20px !important; height: 20px !important;
  min-width: 20px !important; min-height: 20px !important; flex: 0 0 20px !important;
  align-items: center; justify-content: center; overflow: visible;
}
body[data-workspace-design='compact-b'][data-theme] #main_nav :is(.ct-main-nav__icon,.main-nav__icon) img {
  display: block !important; width: 20px !important; height: 20px !important;
  max-width: 20px !important; max-height: 20px !important; object-fit: contain !important;
  image-rendering: auto !important;
}
@media (max-width: 1024px) {
  body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__link {
    display: flex !important; align-items: center; gap: 8px; min-height: 44px !important;
  }
  body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__label {
    display: inline !important; opacity: 1 !important; visibility: visible !important;
  }
}
body[data-workspace-design='compact-b'] .ct-header__actions { flex-wrap: wrap; gap: 8px; }
body[data-workspace-design='compact-b'] .workspace-form-label { background: transparent !important; }
body[data-workspace-design='compact-b'] .workspace-form-field { background: transparent !important; }
body[data-workspace-design='compact-b'] .workspace-form-spacer { height: 8px; }
body[data-workspace-design='compact-b'] .workspace-form-table input[type='checkbox'],
body[data-workspace-design='compact-b'] .workspace-form-table input[type='radio'] { width: auto; min-height: 0; }
body[data-workspace-design='compact-b'] .workspace-field-short > :is(input,select) { width: 13rem; }
body[data-workspace-design='compact-b'] .workspace-field-standard > :is(input,select) { width: 26rem; }
body[data-workspace-design='compact-b'] .workspace-field-wide > :is(input,select,textarea) { width: 52rem; }
body[data-workspace-design='compact-b'][data-theme] :is(.button, .workflow-ui__button, button[type='submit'], input[type='submit'], input[type='button']) {
  background: var(--workspace-accent-strong) !important; color: var(--workspace-button-text) !important;
  border-color: var(--workspace-accent-strong) !important; border-radius: 7px !important;
  min-height: 34px; box-shadow: none !important;
}
body[data-workspace-design='compact-b'][data-theme] :is(.button, .workflow-ui__button, button[type='submit']):hover:not(:disabled) {
  box-shadow: 0 0 14px var(--workspace-ring) !important;
}
body[data-workspace-design='compact-b'] :is(.pharmacy-ui,.screen-cryo,.workflow-ui,.colony-dashboard) {
  max-width: none; background: var(--workspace-bg); color: var(--workspace-text);
  --workspace-ink: var(--workspace-text); --workspace-line: var(--workspace-border);
  --workspace-muted: inherit; --workspace-accent: inherit;
  --pharmacy-text: var(--workspace-text); --pharmacy-border: var(--workspace-border);
  --cryo-ink: var(--workspace-text); --cryo-line: var(--workspace-border);
  --wf-ink: var(--workspace-text); --wf-line: var(--workspace-border);
}
body[data-workspace-design='compact-b'] :is(.pharmacy-ui__title,.screen-cryo__header h2,.workflow-ui__hero h2,.colony-hero h2) { font-size: 26px !important; color: var(--workspace-text) !important; }
body[data-workspace-design='compact-b'] :is(.pharmacy-ui__panel,.pharmacy-ui__detail-shell,.screen-cryo__explorer,.screen-cryo__operations,.screen-cryo__table-section,.workflow-ui__workspace,.workflow-ui__start,.workflow-ui__drafts,.colony-panel) {
  background: var(--workspace-surface); border-color: var(--workspace-border); color: var(--workspace-text);
}
body[data-workspace-design='compact-b'] :is(.pharmacy-ui__hero,.screen-cryo__header,.workflow-ui__hero,.colony-hero) {
  padding: 20px; background: var(--workspace-surface-muted); border-color: var(--workspace-border);
}
body[data-workspace-design='compact-b'] .site-footer {
  background: var(--workspace-surface-muted); border-color: var(--workspace-border); color: var(--workspace-muted);
}
body[data-workspace-design='compact-b'] .workspace-home { margin-top: 0 !important; width: 100%; }
body[data-workspace-design='compact-b'] .workspace-home > tbody > tr > td {
  background: var(--workspace-surface-muted); border: 1px solid var(--workspace-border);
  border-radius: 8px; height: auto; padding: 16px;
}
body[data-workspace-design='compact-b'] .workspace-home img { object-fit: contain; }
/* Final legacy layers contain forced colors; override only the named surfaces. */
body[data-workspace-design='compact-b'] { background: var(--workspace-bg) !important; }
body[data-workspace-design='compact-b'] .ct-header { background: var(--workspace-nav) !important; }
body[data-workspace-design='compact-b'] #content { background: var(--workspace-surface) !important; }
body[data-workspace-design='compact-b'] #content .params-panel {
  background: var(--workspace-surface-muted) !important;
  color: var(--workspace-text) !important;
  border-color: var(--workspace-border) !important;
}
body[data-workspace-design='compact-b'] #content :is(.scoresheet-table-scroll,table.grid td) {
  background: var(--workspace-surface) !important;
  color: var(--workspace-text) !important;
  border-color: var(--workspace-border);
}
body[data-workspace-design='compact-b'] #content table.grid tr:nth-child(even) td {
  background: var(--workspace-surface-muted) !important;
}
body[data-workspace-design='compact-b'] #content .params-table {
  background: transparent !important;
}
body[data-workspace-design='compact-b'] #content .params-table > tbody > tr {
  background: transparent !important;
}
body[data-workspace-design='compact-b'] .ct-main-nav__list { background: transparent !important; }
body[data-workspace-design='compact-b'] .ct-main-nav__link { color: var(--workspace-nav-text) !important; }
body[data-workspace-design='compact-b'] #main_nav .ct-main-nav__list { background: transparent !important; border-radius: 0; }
body[data-workspace-design='compact-b'] #main_nav { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }
body[data-workspace-design='compact-b'] #main_nav .ct-main-nav__link { color: var(--workspace-nav-text) !important; background: transparent !important; }
body[data-workspace-design='compact-b'] #buttons .button {
  background: var(--workspace-accent-strong) !important; color: var(--workspace-button-text) !important;
  border-radius: 7px !important; box-shadow: 0 0 12px var(--workspace-ring) !important;
}
body[data-workspace-design='compact-b'] #content :is(input:not(.iso-date-hidden):not([type='checkbox']):not([type='radio']):not([type='hidden']):not([type='image']):not([type='submit']):not([type='button']),select,textarea) {
  background: var(--workspace-surface) !important; color: var(--workspace-text) !important;
  min-height: 34px !important; padding: 5px 8px !important;
}
body[data-workspace-design='compact-b'] #content :is(.params-table,.ct-form-grid) > tbody > tr > td {
  padding: 5px 8px !important; background: transparent !important; color: var(--workspace-text);
}
body[data-workspace-design='compact-b'] .workspace-home table td {
  background: var(--workspace-surface) !important; color: var(--workspace-text) !important;
}
body[data-workspace-design='compact-b'] .workspace-home a:not(.button) { color: var(--workspace-accent-strong) !important; }
body[data-workspace-design='compact-b'] #content .workspace-home a:not(.button) { color: var(--workspace-accent-strong) !important; }
body[data-workspace-design='compact-b'] #content .workspace-home :is(b,strong) { color: var(--workspace-text) !important; font-weight: 600; }
body[data-workspace-design='compact-b'] #content .workspace-home a:not(.button) > div { color: var(--workspace-accent-strong) !important; }
body[data-workspace-design='compact-b'] #content .workspace-home > tbody > tr > td:nth-child(odd) { width: 92px; }
body[data-workspace-design='compact-b'] .site-footer { background: var(--workspace-surface-muted) !important; }
body[data-workspace-design='compact-b'] .ct-footer__scroll { color: var(--workspace-muted) !important; }
body[data-workspace-design='compact-b'] :is(a,button,input,select,textarea):focus-visible,
body[data-workspace-design='compact-b'] #content #buttons button:focus-visible {
  outline: 2px solid var(--workspace-accent) !important; outline-offset: 2px !important;
}
body[data-workspace-design='compact-b'] #content :is(button,input,select,textarea):disabled {
  background: var(--workspace-surface-muted) !important; color: var(--workspace-muted) !important;
  border-color: var(--workspace-border) !important; box-shadow: none !important;
}
body[data-workspace-design='compact-b'] #content table.ct-results-table th {
  background: var(--workspace-surface-muted); color: var(--workspace-text);
}
@media print {
  body[data-workspace-design='compact-b'] { --workspace-bg: #fff; --workspace-surface: #fff; --workspace-surface-muted: #fff; --workspace-text: #000; --workspace-muted: #333; --workspace-border: #ccc; background: #fff !important; color: #000; }
  body[data-workspace-design='compact-b'] .ct-header { display: none; }
  body[data-workspace-design='compact-b'] .site-footer { position: static !important; box-shadow: none; }
}
body[data-workspace-design='compact-b'] #content .workspace-control-short { width: 11rem !important; max-width: 100% !important; min-width: 0 !important; }
body[data-workspace-design='compact-b'] #content .workspace-control-standard { width: 20rem !important; max-width: 100% !important; min-width: 0 !important; }
body[data-workspace-design='compact-b'] #content .workspace-control-wide { width: 32rem !important; max-width: 100% !important; min-width: 0 !important; }
@media (prefers-reduced-motion: reduce) {
  body[data-workspace-design='compact-b'] :is(button,.button,a) { transition: none; }
}
/* Explicit search contract: no spacer columns or independent checkbox wrapping. */
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid {
  display: block !important; width: 100% !important; max-width: 1032px;
  margin: 0 !important; border-spacing: 0 !important;
}
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid > tbody { display: block !important; }
body[data-workspace-design='compact-b'][data-theme] #content .workspace-search-grid .col-gap { display: none !important; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row {
  display: grid !important; grid-template-columns: 140px minmax(0, 348px);
  height: auto !important; min-height: 44px !important; max-height: none !important;
  gap: 0 16px; align-items: center; background: transparent !important;
}
body[data-workspace-design='compact-b'][data-theme] #content .workspace-search-grid .workspace-search-row > td {
  display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important;
  height: auto !important; max-height: none !important; overflow: visible !important;
  padding: 5px 0 !important; margin: 0 !important; text-align: left !important;
}
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row > td.col-gap {
  display: none !important;
}
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row > .workspace-search-control {
  display: grid !important; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 8px;
}
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row > .workspace-search-control--check {
  grid-template-columns: 20px minmax(0, 1fr);
}
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-control > input[type='checkbox'] {
  width: 16px !important; height: 16px !important; margin: 0 !important; justify-self: start;
}
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-control--check > input[type='checkbox'] { grid-column: 1 !important; grid-row: 1 !important; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-control--check > :is(input:not(.iso-date-hidden):not([type='checkbox']),select,textarea,.inline-controls) { grid-column: 2 !important; grid-row: 1 !important; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-control > :is(input:not(.iso-date-hidden):not([type='checkbox']),select,textarea,.inline-controls) {
  width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important;
}
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-control .inline-controls {
  display: flex !important; flex-wrap: wrap; gap: 8px; align-items: center;
}
@media (min-width: 1100px) {
  body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row--paired {
    grid-template-columns: 140px minmax(0,348px) 140px minmax(0,348px); column-gap: 16px;
  }
}
@media (max-width: 600px) {
  body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row { grid-template-columns: minmax(0,1fr); }
  body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row > .workspace-search-label { padding-bottom: 0 !important; }
  body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row > .workspace-search-control { padding-bottom: 12px !important; }
  body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-control > :is(input:not(.iso-date-hidden):not([type='checkbox']),select) { min-height: 40px !important; }
}

/* Existing parameter tables receive the same control sizing without being
 * converted into result grids; complex nested tables keep their structure. */
body[data-workspace-design='compact-b'] #content :is(.ct-form-grid, .params-table):not(.workspace-form-table) > tbody > tr > td > :is(input, select, textarea) {
  min-height: 34px;
  max-width: 100%;
}

body[data-workspace-design='compact-b'] #content :is(.ct-form-grid, .params-table) input[type='text'],
body[data-workspace-design='compact-b'] #content :is(.ct-form-grid, .params-table) input[type='number'],
body[data-workspace-design='compact-b'] #content :is(.ct-form-grid, .params-table) input[type='date'],
body[data-workspace-design='compact-b'] #content :is(.ct-form-grid, .params-table) select,
body[data-workspace-design='compact-b'] #content :is(.ct-form-grid, .params-table) textarea {
  box-sizing: border-box;
  max-width: 100%;
}

body[data-workspace-design='compact-b'] :is(.table-wrap, .table-wrapper, .virtual-table-wrapper) {
  max-width: 100%;
  border-color: var(--workspace-border);
  background: var(--workspace-surface);
}

body[data-workspace-design='compact-b'] :is(.table-wrap, .table-wrapper, .virtual-table-wrapper) :is(th, td) {
  padding: 6px 8px;
}

body[data-workspace-design='compact-b'] .app-footer,
body[data-workspace-design='compact-b'] .app-footer--responsive {
  color: var(--workspace-muted);
  background: var(--workspace-surface-muted);
  border-top: 1px solid var(--workspace-border);
}

body[data-workspace-design='compact-b'] .app-footer__inner {
  max-width: none;
  padding: 8px clamp(12px, 2vw, 28px);
}

@media (max-width: 760px) {
  body[data-workspace-design='compact-b'] :is(.app-header__inner, .ct-header__inner) {
    align-items: stretch;
    flex-wrap: wrap;
  }

  body[data-workspace-design='compact-b'] :is(.app-header__search, .ct-header__actions) {
    order: 3;
    flex: 1 1 100%;
  }

  body[data-workspace-design='compact-b'] .workspace-form-table,
  body[data-workspace-design='compact-b'] .workspace-form-table > tbody,
  body[data-workspace-design='compact-b'] .workspace-form-table > tbody > tr,
  body[data-workspace-design='compact-b'] .workspace-form-table > tbody > tr > :is(td, th) {
    display: block;
    width: 100%;
  }

  body[data-workspace-design='compact-b'] .workspace-form-table > tbody > tr > :first-child {
    padding-bottom: 1px;
  }
}

@media print {
  body[data-workspace-design='compact-b'] {
    color: #000;
    background: #fff;
  }

  body[data-workspace-design='compact-b'] :is(.app-header, .ct-header),
  body[data-workspace-design='compact-b'] .app-breadcrumb,
  body[data-workspace-design='compact-b'] #toptabs {
    position: static;
    box-shadow: none;
  }
}

/* Native date picker helpers retain their existing off-screen geometry. */
body[data-workspace-design='compact-b'] #content input.iso-date-hidden {
  min-height: 1px !important; max-height: 1px !important; height: 1px !important;
  padding: 0 !important; border: 0 !important;
}

/* Date input and calendar button form one indivisible widget. */
body[data-workspace-design='compact-b'] #content .iso-date-wrapper {
  display: inline-flex !important; align-items: flex-start !important; gap: 4px;
  width: auto !important; max-width: 100%; min-width: 130px; white-space: nowrap;
}
body[data-workspace-design='compact-b'] #content .iso-date-wrapper input.iso-date-input {
  width: 95px !important; min-width: 0 !important; max-width: 95px !important; flex: 0 0 95px;
  height: 34px !important; min-height: 34px !important; margin: 0 !important;
}
body[data-workspace-design='compact-b'] #content .iso-date-wrapper button.iso-date-icon {
  width: 30px !important; min-width: 30px !important; max-width: 30px;
  margin: 0 !important; flex: 0 0 30px; padding: 0 !important;
  height: 34px !important; min-height: 34px !important;
}

/* Conservative acceptance refinements: readable navigation and natural scrolling. */
html[data-workspace-design='compact-b'] { height: auto !important; min-height: 100%; overflow-y: auto !important; }
body[data-workspace-design='compact-b'] { height: auto !important; min-height: 100vh; }
body[data-workspace-design='compact-b']:not(.nav-open):not(.mobile-drawer-open) { overflow-y: auto !important; }
body[data-workspace-design='compact-b'] :is(.app-shell,.app-shell__form,.app-main,.app-main__viewport,.app-container) { height: auto !important; max-height: none !important; overflow: visible !important; }
body[data-workspace-design='compact-b'] .app-shell { min-height: 100vh; }
body[data-workspace-design='compact-b'] .app-main { flex: 1 0 auto !important; }
body[data-workspace-design='compact-b'] :is(#content,#main) { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; }
body[data-workspace-design='compact-b'] .site-footer { position: static !important; flex: 0 0 auto; }
body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__item .ct-main-nav__label { display: inline !important; width: auto !important; max-width: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; transform: none !important; }
body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__item .ct-main-nav__icon { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; max-width: 32px !important; flex: 0 0 32px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__item .ct-main-nav__icon img { width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; }
body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__list { flex-wrap: wrap !important; }
body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__link { display: flex !important; align-items: center; gap: 6px; height: auto !important; min-height: 44px !important; }
body[data-workspace-design='compact-b'][data-theme] #content .params-table label,
body[data-workspace-design='compact-b'][data-theme] #content .workspace-search-label { font-weight: 600 !important; color: var(--workspace-text) !important; }
body[data-workspace-design='compact-b'][data-theme] #toptabs a { color: var(--workspace-text) !important; background: var(--workspace-surface-muted) !important; border: 1px solid var(--workspace-border) !important; font-weight: 600; }
body[data-workspace-design='compact-b'][data-theme] #toptabs a:is(.active,[aria-selected='true']) { color: var(--workspace-button-text) !important; background: var(--workspace-accent-strong) !important; }
/* Fixed action/select columns retain their existing widths and padding. */
body[data-workspace-design='compact-b'][data-theme] #content :is(table.ct-results-table,table.animals-result,table.cages-result,table.sortable) :is(th,td):not(.col-action):not(.col-select) { padding-left: 6px !important; padding-right: 6px !important; }

/* The litter editor already supplies its own tab inset and pager alignment. */
body[data-workspace-design='compact-b'][data-command='animals_litters_edit'] #content { padding-inline: 6px; }
body[data-workspace-design='compact-b'][data-theme] #content #tab_wean_inline .wean-inline-default-cage-input { max-width: 12ch !important; }
@media (min-width: 1100px) {
  /* Preserve the classic dense desktop editor; touch layouts keep larger fields. */
  body[data-workspace-design='compact-b'][data-theme] #content #tab2 .screen-animals-litters-edit__classic-wean-table :is(input:not(.iso-date-hidden):not([type='hidden']):not([type='checkbox']):not([type='radio']),select,button) {
    min-height: 24px !important; height: 24px !important; padding: 2px 6px !important;
  }
}

body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row > td { border-bottom: 0 !important; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row { border-bottom: 1px solid var(--workspace-border); }
body[data-workspace-design='compact-b'][data-theme] #content table.params-table .iso-date-wrapper { display: inline-flex !important; width: 130px !important; min-width: 130px !important; max-width: 130px !important; flex: 0 0 130px !important; }
body[data-workspace-design='compact-b'][data-theme] #content table.params-table .iso-date-wrapper input.iso-date-input { flex: 0 0 95px !important; width: 95px !important; min-width: 95px !important; max-width: 95px !important; }

body[data-workspace-design='compact-b'][data-theme] #content table.workspace-paired-search .workspace-search-empty { display: none !important; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-paired-search .workspace-search-control { grid-template-columns: minmax(0,1fr) 30px !important; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-paired-search .workspace-search-control > :is(input,select,textarea,.iso-date-wrapper) { grid-column: 1; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-paired-search .workspace-search-control > a.find { grid-column: 2; grid-row: 1; margin: 0 !important; }
body[data-workspace-design='compact-b'][data-theme] #content .workspace-search-label label { white-space: normal !important; overflow-wrap: anywhere; }
body[data-workspace-design='compact-b'][data-theme] #content .workspace-search-heading { display: grid !important; grid-template-columns: repeat(2,minmax(0,504px)); gap: 16px; }
body[data-workspace-design='compact-b'][data-theme] #content .workspace-search-heading > td { display: block !important; width: auto !important; text-align: left !important; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-row > .workspace-search-control--choices { display: flex !important; flex-wrap: wrap; gap: 6px; }
body[data-workspace-design='compact-b'][data-theme] #content table.workspace-search-grid .workspace-search-control--choices > input[type='radio'] { width: 16px !important; height: 16px !important; min-height: 16px !important; flex: 0 0 16px; }
body[data-workspace-design='compact-b'][data-theme] .ct-header, body[data-workspace-design='compact-b'][data-theme] .ct-header__inner { height: auto !important; max-height: none !important; }
body[data-workspace-design='compact-b'][data-theme] .ct-header { position: relative !important; }
body[data-workspace-design='compact-b'][data-theme] .app-main { padding-top: 0 !important; margin-top: 0 !important; }
body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__label { font-size: 13px !important; line-height: 1.3 !important; }
@media (min-width: 1025px) {
  body[data-workspace-design='compact-b'][data-theme] #main_nav,
  body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__list { height: auto !important; max-height: none !important; }
}
@media (max-width: 1024px) {
  body[data-workspace-design='compact-b'][data-theme] #main_nav {
    position: fixed !important; inset: 0 auto 0 0 !important;
    width: min(320px, calc(100vw - 48px)) !important; height: 100vh !important;
    max-height: 100vh !important; overflow-y: auto !important; overflow-x: hidden !important;
    transform: translateX(-110%) !important; visibility: hidden !important;
    background: var(--workspace-nav) !important; z-index: 1300;
  }
  body[data-workspace-design='compact-b'][data-theme]:is(.nav-open,.mobile-drawer-open) #main_nav {
    transform: translateX(0) !important; visibility: visible !important;
  }
  body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__list {
    flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important;
    width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none !important;
  }
  body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__item { width: 100% !important; }
  body[data-workspace-design='compact-b'][data-theme] #main_nav .ct-main-nav__link { justify-content: flex-start !important; }
  body[data-workspace-design='compact-b'][data-theme] .ct-header__mobile-toggle { display: inline-flex !important; }
}
body[data-workspace-design='compact-b'][data-theme] .app-main .app-main__viewport { overflow: visible !important; }
body[data-workspace-design='compact-b'][data-theme]:not(.nav-open):not(.mobile-drawer-open) { overflow: visible !important; }
html[data-workspace-design='compact-b']:has(body:is(.nav-open,.mobile-drawer-open)),
body[data-workspace-design='compact-b']:is(.nav-open,.mobile-drawer-open) { overflow: hidden !important; }
body[data-workspace-design='compact-b'][data-theme] .page-content__actions {
  position: sticky !important; bottom: 0; z-index: 100;
  background: var(--workspace-surface-muted) !important;
}
@media print {
  body[data-workspace-design='compact-b'][data-theme] .page-content__actions { position: static !important; }
}