/* Shared, opt-in screen layout. Print layouts and business controls are unchanged. */
@media screen {
  body.zr-layout { --zrds-space-xl: 12px; --zrds-control-md: 36px; }
  body.zr-layout .wrap { padding: 10px 12px; }
  body.zr-layout .zr-layout-header {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 8px 14px; margin: 0 0 8px; padding: 10px 12px; min-height: 0;
    border-radius: 6px; box-shadow: none;
  }
  body.zr-layout .zr-layout-header h1 { margin: 0; font-size: 22px; line-height: 1.25; }
  body.zr-layout .zrds-inventory-hero { padding: 0; }
  body.zr-layout .zrds-inventory-hero-inner.zr-layout-header { margin: 0 auto; padding: 10px 12px; }
  body.zr-layout .zr-layout-header .zrds-eyebrow,
  body.zr-layout .zr-layout-header .eyebrow { display: none; }
  body.zr-layout .zr-layout-actions {
    display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap;
    gap: 6px; margin: 0; min-width: 0; overflow: visible;
  }
  body.zr-layout .zr-layout-actions > :is(a, button),
  body.zr-layout .zr-layout-actions > details > summary {
    min-height: 34px; padding: 0 10px; font-size: 13px; width: auto;
  }
  body.zr-layout .zraiGlobalNav { position: static; flex: 0 0 auto; z-index: auto; }
  body.zr-layout .zraiGlobalNavToggle {
    min-height: 34px; height: 34px; padding: 0 10px; width: auto;
    border: 1px solid #bacac3; border-radius: 6px; box-shadow: none;
    background: #fff; color: #214c3d; font: 800 13px/1 -apple-system,BlinkMacSystemFont,"Noto Sans TC",Arial,sans-serif;
  }
  body.zr-layout .zraiGlobalNavToggle[aria-expanded="true"] { background: #214c3d; color: #fff; }
  body.zr-layout .zr-layout-utilities { display: flex; justify-content: flex-end; padding: 4px 12px; }
  body.zr-layout .zraiGlobalNavBrand { padding: 4px 10px 10px; margin-bottom: 8px; }
  body.zr-layout .zraiGlobalNavBrand strong { font-size: 18px; }
  body.zr-layout .zr-layout-page-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 0 8px 10px; }
  body.zr-layout .zr-layout-page-tools .meta { color: #eadfce; text-align: left; font-size: 12px; line-height: 1.5; }
  body.zr-layout[data-zr-layout="home"] .tool-head { min-height: 0; }
  body.zr-layout[data-zr-layout="home"] .tool-card { padding: 10px 12px; }
  body.zr-layout .zr-layout-knowledge-menu > summary { display: none; }
  body.zr-layout .zr-layout-page-tools .zraiPageVersion {
    position: static; display: inline-block; color: #e9e0d4; background: transparent;
    box-shadow: none; border: 0; padding: 0; opacity: 1; font-size: 11px;
  }
  body.zr-layout .zr-layout-page-tools #zraiGuideBtn {
    position: static; display: inline-flex; min-height: 34px; padding: 0 10px;
    border: 1px solid #8e7964; border-radius: 6px; background: #ffffff18; color: #fff;
    box-shadow: none; font-size: 13px;
  }
  body.zr-layout .zr-layout-description { width: 100%; color: #f7ebdb; font-size: 13px; }
  body.zr-layout .zr-layout-description summary { cursor: pointer; padding: 6px 0; }
  body.zr-layout .zr-layout-description p { color: #ebdecb; margin: 4px 0; font-size: 13px; line-height: 1.5; }
  body[data-zr-layout-gate="1"] :is(.zraiGlobalNav,.zraiPageVersion,#zraiGuideBtn) { display: none !important; }
  body.zr-layout .zrai-guide-modal { z-index: 2147483003; }

  /* Stock screens: headline numbers on one strip, search always in sight. */
  body.zr-layout:is([data-zr-layout="transfer"],[data-zr-layout="materials"],[data-zr-layout="source"]) :is(.summary,.stats) {
    display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; overflow: visible;
  }
  body.zr-layout:is([data-zr-layout="transfer"],[data-zr-layout="materials"],[data-zr-layout="source"]) :is(.summary > .card,.stats > .stat) {
    display: flex; flex: 0 1 auto; align-items: baseline; gap: 7px;
    min-height: 34px; padding: 6px 10px; width: auto; border-radius: 5px; box-shadow: none;
  }
  body.zr-layout:is([data-zr-layout="transfer"],[data-zr-layout="materials"],[data-zr-layout="source"]) :is(.summary > .card,.stats > .stat) b {
    font-size: 19px; line-height: 1.15; font-variant-numeric: tabular-nums; overflow: visible; white-space: normal;
  }
  body.zr-layout:is([data-zr-layout="transfer"],[data-zr-layout="materials"],[data-zr-layout="source"]) :is(.summary > .card,.stats > .stat) span { margin: 0; font-size: 12px; }
  body.zr-layout #loadedAt, body.zr-layout #sourceUpdated { font-size: 12px !important; }
  body.zr-layout:is([data-zr-layout="transfer"],[data-zr-layout="materials"],[data-zr-layout="source"]) .status { margin: 0 0 8px; padding: 7px 10px 7px 38px; min-height: 0; }
  body.zr-layout .zr-layout-quick-filter { display: flex; align-items: end; flex-wrap: wrap; gap: 7px; margin-bottom: 8px; }
  body.zr-layout .zr-layout-quick-filter > label { flex: 1 1 200px; max-width: 440px; min-width: 0; }
  body.zr-layout .zr-layout-quick-filter > label:nth-child(2) { flex: 0 1 190px; }
  body.zr-layout .filter-panel.zr-layout-quick-filter { padding: 8px 10px; }
  body.zr-layout .zr-layout-quick-filter > .filter-field { flex: 1 1 200px; max-width: 440px; }
  body.zr-layout .zr-layout-quick-filter > .filter-field:nth-child(2) { flex: 0 1 190px; }
  body.zr-layout .zr-layout-thresholds { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; padding: 8px; }
  body.zr-layout .zr-layout-thresholds > .filter-field { flex: 1 1 140px; min-width: 0; }
  body.zr-layout .zr-layout-scope-note { margin: 0 0 8px; font-size: 12px; color: #55665c; }
  body.zr-layout .zr-layout-scope-note summary { cursor: pointer; padding: 4px 2px; }
  body.zr-layout .zr-layout-scope-note .scope-note { margin: 4px 0; }
  body.zr-layout .progressive-report { margin: 0 0 8px; border-radius: 6px; box-shadow: none; }
  body.zr-layout .progressive-head { padding: 8px 10px; gap: 8px; }
  body.zr-layout .progressive-head > div:first-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; }
  body.zr-layout .progressive-head span { margin: 0; }
  body.zr-layout .zr-layout-quick-filter input, body.zr-layout .zr-layout-quick-filter select { width: 100%; min-height: 36px; }
  body.zr-layout .zr-layout-filter-fold { margin: 0; border: 1px solid #cad6d0; border-radius: 6px; flex: 0 0 auto; overflow: visible; }
  body.zr-layout .zr-layout-filter-fold > summary { display: flex; min-height: 36px; padding: 0 10px; align-items: center; cursor: pointer; font-size: 13px; }
  body.zr-layout .zr-layout-filter-fold[open] { flex: 1 0 100%; }
  body.zr-layout .zr-layout-filter-fold :is(.toolbar,.tools) { grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 7px; padding: 8px; }
  body.zr-layout .zrds-section-head { margin: 8px 0; padding: 0; }
  body.zr-layout .zrds-section-head .zrds-eyebrow { display: none; }
  body.zr-layout .zrds-section-head h2 { font-size: 17px; }
  body.zr-layout .zrds-management-fold { display: inline-block; vertical-align: top; margin: 0 6px 6px 0; }
  body.zr-layout .zrds-management-fold[open] { display: block; }
  body.zr-layout[data-zr-layout="transfer"] .planningBar { gap: 6px; padding: 7px 9px; margin: 0 0 8px; }
  body.zr-layout[data-zr-layout="transfer"] .dateBadge { font-size: 13px; }
  body.zr-layout .zr-layout-notes { margin-bottom: 7px; border: 1px solid #cbd8d1; border-left: 4px solid #176b54; border-radius: 5px; background: #fff; }
  body.zr-layout .zr-layout-notes > summary { display: flex; gap: 8px; align-items: center; padding: 8px 10px; font-size: 13px; font-weight: 800; cursor: pointer; }
  body.zr-layout .zr-layout-notes > summary::before { content: "▸"; }
  body.zr-layout .zr-layout-notes[open] > summary::before { content: "▾"; }
  body.zr-layout .zr-layout-notes > summary span { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #465e53; font-weight: 600; }
  body.zr-layout .zr-layout-notes .totalNoteBar { margin: 0; border: 0; border-top: 1px solid #d7e0db; }

  /* Create/edit panels are still the original forms, with a compact entry. */
  body.zr-layout .zr-layout-entry { margin: 0 0 8px; min-width: 0; border: 1px solid #b7cec1; border-radius: 6px; background: #fff; }
  body.zr-layout .zr-layout-entry > summary { display: flex; align-items: center; min-height: 40px; padding: 8px 12px; color: #175640; font-size: 15px; font-weight: 850; cursor: pointer; }
  body.zr-layout .zr-layout-entry > summary::after { content: "展開"; margin-left: auto; font-size: 12px; font-weight: 600; }
  body.zr-layout .zr-layout-entry[open] > summary::after { content: "收起"; }
  body.zr-layout .zr-layout-entry > form { margin: 0; }
  body.zr-layout[data-zr-layout="purchases"] .zr-layout-entry > form { padding: 10px; }
  body.zr-layout:is([data-zr-layout="orders"],[data-zr-layout="purchases"]) .stats { margin: 8px 0; gap: 6px; }
  body.zr-layout:is([data-zr-layout="orders"],[data-zr-layout="purchases"]) .stat { padding: 8px 10px; min-height: 0; }

  /* Wide operational tables scroll as a region, instead of stretching the page. */
  body.zr-layout .zr-layout-table-scroll { width: 100%; max-width: 100%; overflow: auto; border: 1px solid #d6e0da; border-radius: 6px; background: #fff; }
  body.zr-layout .zr-layout-table-scroll table { min-width: 720px; width: 100%; margin: 0; }
  body.zr-layout[data-zr-layout="wip"] .zr-layout-table-scroll table { table-layout: auto; min-width: 920px; }
  body.zr-layout[data-zr-layout="wip"] .zr-layout-table-scroll :is(th,td) { padding: 8px 10px; }
  body.zr-layout[data-zr-layout="wip"] .zr-layout-table-scroll .num { white-space: nowrap; }
  body.zr-layout[data-zr-layout="wip"] .zr-layout-table-scroll .rowbtns { white-space: nowrap; min-width: 148px; }
  body.zr-layout[data-zr-layout="wip"] .zr-layout-table-scroll th:first-child,
  body.zr-layout[data-zr-layout="wip"] .zr-layout-table-scroll td:first-child { min-width: 160px; width: 24%; white-space: normal; word-break: normal; }
  body.zr-layout[data-zr-layout="wip"] .kpis { gap: 6px; margin: 8px 0; }
  body.zr-layout[data-zr-layout="wip"] .kpi { min-height: 0; padding: 8px 10px; }
  body.zr-layout[data-zr-layout="wip"] .kpi b { font-size: 23px; }
  body.zr-layout .zr-layout-table-scroll:focus-visible { outline: 3px solid #176b54; outline-offset: 2px; }
  body.zr-layout[data-zr-layout="image-tool"] .layout > *,
  body.zr-layout[data-zr-layout="books"] .grid2 > * { min-width: 0; }
  body.zr-layout[data-zr-layout="image-tool"] .tableWrap,
  body.zr-layout[data-zr-layout="books"] .tableWrap { max-width: 100%; }
  body.zr-layout[data-zr-layout="books"] button { max-width: 100%; white-space: normal; line-height: 1.3; }
}
@media screen and (max-width: 700px) {
  body.zr-layout .wrap { padding: 8px; }
  body.zr-layout .zr-layout-header { padding: 8px 10px; gap: 7px; }
  body.zr-layout .zr-layout-header h1 { font-size: 20px; }
  body.zr-layout .zr-layout-actions { justify-content: flex-start; width: 100%; }
  body.zr-layout .zr-layout-actions > :is(a,button),
  body.zr-layout .zr-layout-actions > details > summary { min-height: 38px; }
  body.zr-layout .zraiGlobalNavToggle { min-height: 38px; height: 38px; }
  body.zr-layout .zr-layout-quick-filter > label { flex: 1 1 150px; }
  body.zr-layout .zr-layout-quick-filter > label:nth-child(2) { flex: 1 1 130px; }
  body.zr-layout .zr-layout-filter-fold { flex: 1 0 100%; }
  body.zr-layout .zr-layout-filter-fold :is(.toolbar,.tools) { grid-template-columns: 1fr 1fr; }
  body.zr-layout .zr-layout-filter-fold input, body.zr-layout .zr-layout-filter-fold select { min-width: 0; }
  body.zr-layout .zr-layout-filter-fold .heroActions { grid-column: 1 / -1; flex-wrap: wrap; }
  body.zr-layout[data-zr-layout="transfer"] .planningBar { display: flex; flex-wrap: wrap; }
  body.zr-layout[data-zr-layout="transfer"] .dateBadge { width: auto; }
  body.zr-layout[data-zr-layout="transfer"] .fillSuggestControl { flex-wrap: wrap; justify-content: flex-start; }
  body.zr-layout[data-zr-layout="transfer"] .planningControl,
  body.zr-layout[data-zr-layout="transfer"] .fillSuggestControl { display: flex; align-items: center; gap: 6px; width: auto; }
  body.zr-layout[data-zr-layout="transfer"] .planningControl input,
  body.zr-layout[data-zr-layout="transfer"] .fillSuggestControl input { width: 64px; flex: 0 0 64px; min-width: 0; }
  body.zr-layout[data-zr-layout="transfer"] .fillSuggestControl button { width: auto; flex: 0 0 auto; }
  body.zr-layout[data-zr-layout="wip"] .bar { display: flex; flex-wrap: wrap; gap: 6px; }
  body.zr-layout[data-zr-layout="wip"] .bar input { min-width: 0; flex: 1 1 140px; max-width: 100%; }
  body.zr-layout[data-zr-layout="shipping-table"] { padding: 8px; }
  body.zr-layout[data-zr-layout="image-tool"] .layout { grid-template-columns: minmax(0,1fr); }
  body.zr-layout[data-zr-layout="image-tool"] .drop { min-height: 110px; padding: 14px; }
}
@media screen and (max-width: 800px) {
  body.zr-layout[data-zr-layout="knowledge"] .sidebar { height: auto; padding: 8px 12px; }
  body.zr-layout .zr-layout-knowledge-menu > summary { display: block; padding: 8px 2px; font-size: 14px; font-weight: 800; cursor: pointer; }
  body.zr-layout .zr-layout-knowledge-menu > summary::after { content: '＋'; float: right; }
  body.zr-layout .zr-layout-knowledge-menu[open] > summary::after { content: '－'; }
}
@media print {
  .zr-layout-utilities, .zr-layout-page-tools, .zr-layout-entry > summary,
  .zr-layout-quick-filter, .zr-layout-notes > summary { display: none !important; }
  .zr-layout-table-scroll { overflow: visible; border: 0; }
}