#chat-panel.batch-detail-active > #messages,
#chat-panel.batch-detail-active > #asset-manager,
#chat-panel.batch-detail-active > #fashion-assets,
#chat-panel.batch-detail-active > #bound-product-indicator,
#chat-panel.batch-detail-active > #processing,
#chat-panel.batch-detail-active #bound-model-indicator,
#chat-panel.batch-detail-active #bound-design-case-indicator,
#chat-panel.batch-detail-active #bound-pose-library-indicator,
#chat-panel.batch-detail-active #chat-header-actions,
#chat-panel.batch-detail-active #ai-image-picker-panel,
#chat-panel.batch-detail-active .composer > #chat-input,
#chat-panel.batch-detail-active .composer > #custom-image-preview,
#chat-panel.batch-detail-active .composer > #dialogue-action-menu,
#chat-panel.batch-detail-active .composer-options,
#chat-panel.batch-detail-active .composer-submit-actions,
#chat-panel.batch-detail-active #dialogue-action-settings,
#chat-panel.batch-detail-active #portrait-texture-option,
#chat-panel.batch-detail-active #mode-help { display: none !important; }
#chat-panel.batch-detail-active > .composer { flex: 0 0 auto; }
#chat-panel.batch-detail-active .composer-bottom { margin-top: 0; }
.batch-detail-panel {
  --bd-bg: var(--panel, #fff);
  --bd-soft: var(--panel-soft, #f7f7f8);
  --bd-line: var(--line, #e4e6e9);
  --bd-text: var(--text, #17181a);
  --bd-muted: var(--muted, #777b82);
  --bd-accent: var(--accent, #725cff);
  --bd-accent-soft: var(--accent-soft, #efecff);
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--bd-bg);
  color: var(--bd-text);
  font-size: 12px;
}
body[data-interface-style="designer"] .batch-detail-panel {
  --bd-bg: #24272c;
  --bd-soft: #1d2127;
  --bd-line: #414b56;
  --bd-text: #eef3f8;
  --bd-muted: #b5c0cc;
  --bd-accent: #57b1ed;
  --bd-accent-soft: #233e53;
  color-scheme: dark;
}
.batch-detail-panel *, .batch-detail-panel *::before, .batch-detail-panel *::after { box-sizing: border-box; }
.batch-detail-panel [hidden] { display: none !important; }
.batch-detail-panel .bd-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; padding: 16px 16px 12px; border-bottom: 1px solid var(--bd-line); }
.batch-detail-panel .bd-heading strong { font-size: 16px; }
.batch-detail-panel .bd-heading p { margin: 5px 0 0; color: var(--bd-muted); line-height: 1.5; }
.batch-detail-panel .bd-trial { flex: none; border: 1px solid var(--bd-line); border-radius: 4px; padding: 2px 5px; color: var(--bd-muted); font-size: 10px; }
.batch-detail-panel .bd-scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 14px 14px 24px; }
.batch-detail-panel .bd-config { min-width: 0; margin: 0; padding: 0; border: 0; }
.batch-detail-panel .bd-config:disabled { opacity: .76; }
.batch-detail-panel .bd-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.batch-detail-panel .bd-mode-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 17px; }
.batch-detail-panel .bd-mode-card { display: flex; align-items: flex-start; gap: 5px; min-width: 0; padding: 11px 8px; border: 1px solid var(--bd-line); border-radius: 7px; background: var(--bd-soft); cursor: pointer; }
.batch-detail-panel .bd-mode-card:has(input:checked) { border-color: var(--bd-accent); background: var(--bd-accent-soft); }
.batch-detail-panel .bd-mode-card input { flex: 0 0 auto; margin: 2px 0 0; accent-color: var(--bd-accent); }
.batch-detail-panel .bd-mode-card strong { display: block; font-size: 12px; line-height: 1.3; }
.batch-detail-panel .bd-mode-card small { display: block; margin-top: 5px; color: var(--bd-muted); font-size: 10px; line-height: 1.4; }
.batch-detail-panel .bd-field-group { margin: 0 0 18px; min-width: 0; }
.batch-detail-panel .bd-field-group > header { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; }
.batch-detail-panel .bd-field-group > header strong { min-width: 0; font-size: 12px; }
.batch-detail-panel .bd-field-group header small { margin-left: 6px; color: var(--bd-muted); font-size: 10px; font-weight: 400; }
.batch-detail-panel .bd-inline-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.batch-detail-panel .bd-text-button { min-width: 0; min-height: 24px; padding: 2px 1px; border: 0; border-radius: 3px; background: transparent; color: var(--bd-accent); font-size: 11px; cursor: pointer; }
.batch-detail-panel .bd-text-button:disabled { color: var(--bd-muted); cursor: default; opacity: .65; }
.batch-detail-panel input[type="search"], .batch-detail-panel input[type="text"], .batch-detail-panel select, .batch-detail-panel textarea { display: block; width: 100%; min-width: 0; padding: 8px 9px; border: 1px solid var(--bd-line); border-radius: 5px; background: var(--bd-soft); color: var(--bd-text); font-family: inherit; font-size: 12px; }
.batch-detail-panel textarea { min-height: 84px; max-height: 220px; resize: vertical; line-height: 1.6; }
.batch-detail-panel input::placeholder, .batch-detail-panel textarea::placeholder { color: var(--bd-muted); opacity: .9; }
.batch-detail-panel .bd-search { margin-bottom: 8px; }
.batch-detail-panel input:focus-visible, .batch-detail-panel select:focus-visible, .batch-detail-panel textarea:focus-visible, .batch-detail-panel button:focus-visible, .batch-detail-panel summary:focus-visible { outline: 2px solid var(--bd-accent); outline-offset: 2px; }
.batch-detail-panel .bd-model-grid, .batch-detail-panel .bd-garment-grid, .batch-detail-panel .bd-detail-grid, .batch-detail-panel .bd-reference-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; min-width: 0; max-height: 265px; overflow-y: auto; padding: 2px; }
.batch-detail-panel .bd-garment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 190px; }
.batch-detail-panel .bd-garment-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-bottom: 10px; }
.batch-detail-panel .bd-garment-tab { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 6px; border: 1px solid var(--bd-line); border-radius: 5px; background: var(--bd-soft); color: var(--bd-text); text-align: left; cursor: pointer; }
.batch-detail-panel .bd-garment-tab:only-child { grid-column: 1 / -1; }
.batch-detail-panel .bd-garment-tab.is-active { border-color: var(--bd-accent); background: var(--bd-accent-soft); }
.batch-detail-panel .bd-garment-tab:disabled { cursor: default; }
.batch-detail-panel .bd-garment-tab-thumb { display: block; flex: 0 0 27px; width: 27px; height: 35px; overflow: hidden; border-radius: 3px; background: var(--bd-bg); }
.batch-detail-panel .bd-garment-tab-thumb img { width: 100%; height: 100%; object-fit: cover; }
.batch-detail-panel .bd-garment-tab > span:last-child { display: grid; min-width: 0; gap: 3px; }
.batch-detail-panel .bd-garment-tab strong { font-size: 11px; font-weight: 600; }
.batch-detail-panel .bd-garment-tab small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; color: var(--bd-muted); }
.batch-detail-panel .bd-garment-editor-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 8px; margin-bottom: 7px; }
.batch-detail-panel .bd-garment-editor-head > strong { min-width: 0; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }
.batch-detail-panel .bd-garment-choice.is-unavailable { opacity: .55; cursor: default; }
.batch-detail-panel .bd-image-choice { position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 4px; border: 1px solid var(--bd-line); border-radius: 5px; background: var(--bd-soft); cursor: pointer; }
.batch-detail-panel .bd-image-choice.is-selected { border-color: var(--bd-accent); box-shadow: 0 0 0 1px var(--bd-accent); background: var(--bd-accent-soft); }
.batch-detail-panel .bd-image-choice input { position: absolute; z-index: 1; top: 6px; right: 6px; width: 14px; height: 14px; margin: 0; accent-color: var(--bd-accent); }
.batch-detail-panel .bd-choice-image { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 4; overflow: hidden; width: 100%; border-radius: 3px; background: var(--bd-bg); }
.batch-detail-panel .bd-choice-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.batch-detail-panel .bd-reference-grid .bd-choice-image img { object-fit: contain; }
.batch-detail-panel .bd-choice-name { display: block; min-width: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--bd-text); text-align: center; font-size: 10px; line-height: 1.6; }
.batch-detail-panel .bd-thumb-empty { display: grid; place-items: center; width: 100%; height: 100%; color: var(--bd-muted); }
.batch-detail-panel .bd-empty { grid-column: 1 / -1; margin: 0; padding: 15px 6px; color: var(--bd-muted); text-align: center; line-height: 1.6; }
.batch-detail-panel .bd-upload-empty { display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; grid-column: 1 / -1; width: 100%; min-height: 86px; border: 1px dashed var(--bd-line); border-radius: 6px; background: var(--bd-soft); color: var(--bd-muted); font-size: 11px; }
.batch-detail-panel .bd-upload-empty span { font-size: 22px; }
.batch-detail-panel .bd-hint { margin: 7px 0 0; color: var(--bd-muted); font-size: 10px; line-height: 1.65; overflow-wrap: anywhere; }
.batch-detail-panel .bd-queue-hint { margin: -8px 0 13px; }
.batch-detail-panel .bd-queue-status { color: var(--bd-accent); }
.batch-detail-panel .bd-details { margin-top: 10px; color: var(--bd-muted); }
.batch-detail-panel .bd-details summary { display: flex; align-items: center; gap: 5px; min-height: 24px; padding: 4px 0; cursor: pointer; font-size: 11px; list-style: none; }
.batch-detail-panel .bd-details summary::-webkit-details-marker { display: none; }
.batch-detail-panel .bd-details summary::before { content: "▸"; flex: 0 0 auto; }
.batch-detail-panel .bd-details[open] summary::before { content: "▾"; }
.batch-detail-panel .bd-detail-label { flex: 1; min-width: 0; }
.batch-detail-panel .bd-details summary .bd-text-button { flex: 0 0 auto; }
.batch-detail-panel .bd-details[open] summary { margin-bottom: 5px; }
.batch-detail-panel .bd-output-destination { margin: 0 0 16px; }
#fixed-face-library-dialog[data-batch-detail-manage="true"] #model-profile-bind,
#fixed-face-library-dialog[data-batch-detail-manage="true"] #model-profile-binding-state { display: none !important; }
.batch-detail-panel .bd-count-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(60px, .8fr); align-items: end; gap: 9px; margin: 4px 0 12px; }
.batch-detail-panel .bd-multi-set-hint { margin: 0 0 12px; }
.batch-detail-panel .bd-combo-preview { margin: 0 0 14px; padding: 9px 10px; border: 1px solid var(--bd-line); border-radius: 5px; background: var(--bd-soft); }
.batch-detail-panel .bd-combo-preview > strong { font-size: 11px; font-weight: 500; }
.batch-detail-panel .bd-combo-preview ol { display: grid; gap: 4px; margin: 7px 0 0; padding-left: 18px; color: var(--bd-muted); font-size: 10px; line-height: 1.6; }
.batch-detail-panel .bd-combo-preview li { overflow-wrap: anywhere; }
.batch-detail-panel .bd-combo-preview small { display: block; margin-top: 7px; color: var(--bd-muted); font-size: 10px; }
.batch-detail-panel .bd-capacity-error { margin: 0 0 10px; padding: 8px 9px; border: 1px solid #b45656; border-radius: 5px; background: color-mix(in srgb, #d94b4b 10%, var(--bd-bg)); color: #b52f2f; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
body[data-interface-style="designer"] .batch-detail-panel .bd-capacity-error { color: #ffb2b2; }
.batch-detail-panel .bd-field { display: flex; min-width: 0; flex-direction: column; gap: 7px; }
.batch-detail-panel .bd-field > span { color: var(--bd-text); font-size: 12px; }
.batch-detail-panel .bd-field > span small { margin-left: 5px; color: var(--bd-muted); font-size: 10px; }
.batch-detail-panel .bd-total { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 4px; min-height: 38px; color: var(--bd-muted); }
.batch-detail-panel .bd-total strong { color: var(--bd-text); font-size: 14px; }
.batch-detail-panel .bd-reference-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 7px 0; color: var(--bd-muted); font-size: 10px; }
.batch-detail-panel .bd-cost { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 8px; padding: 12px 0 9px; color: var(--bd-muted); font-size: 10px; line-height: 1.5; }
.batch-detail-panel .bd-cost strong { color: var(--bd-text); font-weight: 500; }
.batch-detail-panel .bd-plan-actions, .batch-detail-panel .bd-job-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.batch-detail-panel .bd-button { flex: 1 1 auto; min-width: 0; min-height: 36px; padding: 8px 12px; border: 1px solid var(--bd-line); border-radius: 5px; background: var(--bd-soft); color: var(--bd-text); cursor: pointer; font-size: 12px; }
.batch-detail-panel .bd-button.bd-primary { border-color: var(--bd-accent); background: var(--bd-accent); color: #fff; font-weight: 600; }
body[data-interface-style="designer"] .batch-detail-panel .bd-button.bd-primary { border-color: #2a87c9; background: #2a87c9; color: #fff; }
.batch-detail-panel .bd-button:disabled { opacity: .45; cursor: default; }
.batch-detail-panel .bd-button:not(:disabled):hover { filter: brightness(1.08); }
.batch-detail-panel .bd-feedback { margin-bottom: 12px; padding: 9px 10px; border: 1px solid var(--bd-line); border-radius: 5px; background: var(--bd-accent-soft); color: var(--bd-text); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.batch-detail-panel .bd-feedback.is-error, .batch-detail-panel .bd-job-error { border-color: #b45656; background: color-mix(in srgb, #d94b4b 10%, var(--bd-bg)); color: #c53737; }
body[data-interface-style="designer"] .batch-detail-panel .bd-feedback.is-error, body[data-interface-style="designer"] .batch-detail-panel .bd-job-error { color: #ffb2b2; }
.batch-detail-panel .bd-no-project { margin-bottom: 14px; color: var(--bd-muted); }
.batch-detail-panel .bd-job-section { border-top: 1px solid var(--bd-line); margin-top: 18px; padding-top: 14px; }
.batch-detail-panel .bd-job-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.batch-detail-panel .bd-job-heading strong { font-size: 13px; }
.batch-detail-panel .bd-job-status { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--bd-muted); font-size: 11px; }
.batch-detail-panel .bd-status { padding: 3px 7px; border-radius: 4px; background: var(--bd-accent-soft); color: var(--bd-text); }
.batch-detail-panel .bd-status.is-completed { color: #18794e; background: #e1f5e9; }
body[data-interface-style="designer"] .batch-detail-panel .bd-status.is-completed { color: #9ee4bc; background: #234335; }
.batch-detail-panel .bd-summary { margin: 10px 0; color: var(--bd-text); font-size: 11px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.batch-detail-panel .bd-job-error { margin: 10px 0; border: 1px solid #b45656; border-radius: 5px; padding: 8px; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.batch-detail-panel .bd-progress { height: 4px; margin: 11px 0; border-radius: 4px; overflow: hidden; background: var(--bd-line); }
.batch-detail-panel .bd-progress > span { display: block; height: 100%; border-radius: inherit; background: var(--bd-accent); transition: width .2s; }
.batch-detail-panel .bd-sets { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.batch-detail-panel .bd-set { min-width: 0; border: 1px solid var(--bd-line); border-radius: 6px; padding: 10px; background: var(--bd-soft); }
.batch-detail-panel .bd-set > header { display: flex; align-items: center; gap: 8px; }
.batch-detail-panel .bd-set-avatar { flex: 0 0 31px; width: 31px; height: 40px; border-radius: 4px; overflow: hidden; background: var(--bd-bg); }
.batch-detail-panel .bd-set-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.batch-detail-panel .bd-set > header > div { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 4px; }
.batch-detail-panel .bd-set > header strong { font-size: 12px; overflow-wrap: anywhere; }
.batch-detail-panel .bd-set > header div > span, .batch-detail-panel .bd-set > header > small { color: var(--bd-muted); font-size: 10px; overflow-wrap: anywhere; }
.batch-detail-panel .bd-set > header > small { flex: none; }
.batch-detail-panel .bd-set-direction { margin: 10px 0 0; color: var(--bd-text); font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.batch-detail-panel .bd-set-plan { margin-top: 8px; }
.batch-detail-panel .bd-set-plan summary { padding: 4px 0; color: var(--bd-accent); font-size: 11px; cursor: pointer; }
.batch-detail-panel .bd-set-plan ol { margin: 9px 0 0; padding-left: 22px; }
.batch-detail-panel .bd-set-plan li { padding: 0 0 10px 2px; color: var(--bd-muted); font-size: 10px; }
.batch-detail-panel .bd-set-plan li strong { display: block; margin-bottom: 4px; color: var(--bd-text); font-size: 11px; }
.batch-detail-panel .bd-set-plan li span { line-height: 1.65; overflow-wrap: anywhere; }
.batch-detail-panel .bd-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.batch-detail-panel .bd-result { display: block; min-width: 0; padding: 0; border: 0; background: transparent; color: var(--bd-text); cursor: pointer; }
.batch-detail-panel .bd-result:disabled { opacity: 1; cursor: default; }
.batch-detail-panel .bd-result-picture { display: flex; position: relative; align-items: center; justify-content: center; aspect-ratio: 2 / 3; overflow: hidden; width: 100%; border: 1px solid var(--bd-line); border-radius: 4px; background: var(--bd-bg); }
.batch-detail-panel .bd-result-picture img { display: block; width: 100%; height: 100%; object-fit: contain; }
.batch-detail-panel .bd-result-placeholder { padding: 6px; font-size: 10px; line-height: 1.6; color: var(--bd-muted); text-align: center; }
.batch-detail-panel .bd-result.is-failed .bd-result-placeholder { color: #d46c6c; }
.batch-detail-panel .bd-result.has-image:hover .bd-result-picture { border-color: var(--bd-accent); }
.batch-detail-panel .bd-page-number { position: absolute; top: 4px; left: 4px; border-radius: 3px; padding: 1px 4px; background: rgba(20, 24, 29, .76); color: #fff; font-size: 9px; }
.batch-detail-panel .bd-set > footer { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 8px; border-top: 1px solid var(--bd-line); padding-top: 6px; }
.batch-detail-panel .bd-set > footer > span { color: var(--bd-muted); font-size: 10px; }
.batch-detail-panel .bd-job-cost { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px; margin: 12px 0 9px; color: var(--bd-muted); font-size: 10px; }
.batch-detail-panel .bd-history-section { margin-top: 19px; padding-top: 13px; border-top: 1px solid var(--bd-line); }
.batch-detail-panel .bd-style-section { padding: 11px; border: 1px solid var(--bd-line); border-radius: 6px; background: var(--bd-soft); }
.batch-detail-panel .bd-style-source { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 11px; }
.batch-detail-panel .bd-style-source label { display: inline-flex; align-items: center; gap: 5px; color: var(--bd-text); cursor: pointer; font-size: 11px; }
.batch-detail-panel .bd-style-source input { margin: 0; accent-color: var(--bd-accent); }
.batch-detail-panel .bd-style-visual dl { display: grid; gap: 7px; margin: 10px 0; }
.batch-detail-panel .bd-style-visual dl > div { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 6px; align-items: start; font-size: 10px; line-height: 1.55; }
.batch-detail-panel .bd-style-visual dt { color: var(--bd-muted); }
.batch-detail-panel .bd-style-visual dd { margin: 0; color: var(--bd-text); overflow-wrap: anywhere; }
.batch-detail-panel .bd-style-preview { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 10px 0; }
.batch-detail-panel .bd-style-preview > img { flex: 0 0 68px; width: 68px; height: 86px; border: 1px solid var(--bd-line); border-radius: 5px; object-fit: contain; background: var(--bd-bg); }
.batch-detail-panel .bd-style-preview > div { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: 5px; }
.batch-detail-panel .bd-style-preview strong { max-width: 100%; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.batch-detail-panel .bd-style-preview span { color: var(--bd-muted); font-size: 10px; }
.batch-detail-panel .bd-style-upload { min-height: 48px; margin-top: 8px; cursor: pointer; }
.batch-detail-panel .bd-style-dialog { width: min(440px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 20px; border: 1px solid var(--bd-line); border-radius: 10px; background: var(--bd-bg); color: var(--bd-text); overflow-y: auto; box-shadow: 0 18px 60px rgb(0 0 0 / 28%); }
.batch-detail-panel .bd-style-dialog::backdrop { background: rgb(0 0 0 / 52%); }
.batch-detail-panel .bd-style-dialog-content { display: grid; gap: 16px; }
.batch-detail-panel .bd-style-dialog h3 { margin: 0; color: var(--bd-text); font-size: 16px; }
.batch-detail-panel .bd-style-dialog .bd-hint { margin: 0; font-size: 12px; }
.batch-detail-panel .bd-save-style-error { margin: 0; color: #be3737; font-size: 12px; line-height: 1.6; }
body[data-interface-style="designer"] .batch-detail-panel .bd-save-style-error { color: #ffb2b2; }
@media (max-width: 680px) {
  .batch-detail-panel .bd-heading { padding-right: 12px; padding-left: 12px; }
  .batch-detail-panel .bd-scroll { padding-right: 10px; padding-left: 10px; }
  .batch-detail-panel .bd-mode-cards { gap: 6px; }
  .batch-detail-panel .bd-mode-card { padding: 10px 6px; }
  .batch-detail-panel .bd-model-grid, .batch-detail-panel .bd-detail-grid, .batch-detail-panel .bd-reference-grid { gap: 5px; }
}