/* Q33: screen layout only. Business values, hidden controls and print stay intact. */
@media screen {
 .simple-ui #app :is(h1,h2,h3,p,small,strong,summary),.simple-ui #dialog :is(h2,h3,p,small,strong,summary) { overflow-wrap:anywhere; }
 .simple-ui :is(.record-main,.record-amount,.record-title,.section-head,.metric-card,.settings-card,.topbar-actions) { min-width:0; }
 .simple-ui :is(.record-main span,.record-main small,.record-amount span) { white-space:normal; overflow:visible; text-overflow:clip; }
 .simple-ui :is(.record-title,.record-actions,.history-head,.topbar-actions) { flex-wrap:wrap; }
 .simple-ui :is(.record-actions button,.form-actions button,.master-finder-controls button,.entry-toolbar>button) { white-space:normal; height:auto; padding-top:10px; padding-bottom:10px; overflow-wrap:anywhere; }
 .simple-ui .metric-card strong,.simple-ui .record-amount strong { overflow-wrap:anywhere; white-space:normal; }
 .simple-ui #app :is(label,.panel,.section-intro,.form-grid),.simple-ui #dialog label { min-width:0; }
 .simple-ui .dialog { width:min(820px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow-y:auto; box-sizing:border-box; }
 .simple-ui .dialog .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
 .simple-ui .dialog .form-grid .full-span { grid-column:1/-1; }
 .complete-value { display:block; width:100%; margin:5px 0 0; padding:6px 8px; border-left:2px solid #a4cdb9; background:#f0f7f3; color:#284e40; font-size:16px; font-weight:500; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; box-sizing:border-box; }
 .complete-value[hidden] { display:none!important; }
 .editable-choice { flex-wrap:wrap; }
 .editable-choice > input { flex-basis:100%; }
 .editable-choice > button.editable-choice-arrow { bottom:auto; height:var(--choice-control-height,48px); }
 .editable-choice .complete-value { flex:0 0 100%; }
 /* Prefer shorter hints. Values remain available in full below narrow single-line inputs. */
 #saleTableScroll { container-type:inline-size; container-name:sale-space; overflow:visible; width:100%; }
 #saleTableScroll .sale-table { width:100%; min-width:0; --sale-columns:50px minmax(160px,1.65fr) minmax(130px,1.2fr) minmax(130px,.9fr) minmax(115px,.9fr) minmax(115px,.9fr) minmax(180px,1.2fr) minmax(110px,.9fr) 62px; }
 #saleTableScroll .sale-table-head > div { white-space:normal; overflow-wrap:anywhere; }
 body #saleTableScroll #outboundLines > .outbound-line { align-items:start; }
 body #saleTableScroll #outboundLines > .outbound-line > * { align-self:start; }
 #saleTableScroll .sale-row-spec { display:block; -webkit-line-clamp:unset; overflow:visible; max-height:none; white-space:normal; }
 #saleTableScroll .sale-row-amount { overflow-wrap:anywhere; white-space:normal; padding-top:16px!important; }
 #saleTableScroll .outbound-line-status { padding-top:16px!important; display:block!important; }
 body #saleTableScroll #outboundLines .editable-choice-input { text-align:left; }
 #saleTableScroll .sale-row-number { padding-top:16px!important; }
 @container sale-space (max-width:1199px) {
  #saleTableScroll .sale-table-head { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  body #saleTableScroll #outboundLines > .outbound-line { grid-template-columns:28px repeat(6,minmax(0,1fr)) 48px; padding:10px; gap:10px 12px; border-top:2px solid #d0e0d7; }
  body #saleTableScroll #outboundLines > .outbound-line > * { padding:0; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-number { grid-column:1!important; grid-row:1/3; text-align:left; padding-top:30px!important; color:#087557; }
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-product-field { grid-column:2/span 3!important; grid-row:1; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-spec { grid-column:5/span 2!important; grid-row:1; }
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-uom-field { grid-column:7!important; grid-row:1; }
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-quantity-field { grid-column:2/span 2!important; grid-row:2; }
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-price-field { grid-column:4!important; grid-row:2; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-amount { grid-column:5/span 2!important; grid-row:2; }
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-line-status { grid-column:7!important; grid-row:2; }
  body #saleTableScroll #outboundLines > .outbound-line > [data-complete-label]:not(.sale-row-number):not(.sale-action-cell)::before { content:attr(data-complete-label); display:block; margin-bottom:6px; font-size:16px; line-height:24px; font-weight:700; color:#305448; text-align:left; }
  #saleTableScroll .sale-row-amount,#saleTableScroll .outbound-line-status { padding-top:0!important; text-align:left; }
  #saleTableScroll .outbound-available { text-align:left; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-action-cell { grid-column:8!important; grid-row:1/3; display:block; padding-top:30px; text-align:right; }
 }
 @container sale-space (max-width:599px) {
  body #saleTableScroll #outboundLines > .outbound-line { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body #saleTableScroll #outboundLines > .outbound-line > * { grid-column:auto!important; grid-row:auto!important; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-number { grid-column:1!important; padding-top:0!important; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-number::before { content:'第 '; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-number::after { content:' 行'; }
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-product-field,
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-spec { grid-column:1/-1!important; }
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-uom-field,
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-quantity-field,
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-price-field,
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-amount,
  body #saleTableScroll #outboundLines > .outbound-line > .outbound-line-status { grid-column:auto!important; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-row-amount { grid-column:1/-1!important; }
  body #saleTableScroll #outboundLines > .outbound-line > .sale-action-cell { grid-column:2!important; }
 }
 .complete-data-table { table-layout:fixed; min-width:0!important; width:100%; }
 .complete-data-table :is(th,td) { white-space:normal!important; overflow-wrap:anywhere; min-width:0; }
 .complete-data-table th { position:static; }
 .complete-data-table [hidden] { display:none!important; }
 @media(max-width:1200px) {
  .complete-data-table,.complete-data-table tbody { display:block; }
  .complete-data-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .complete-data-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; padding:12px; border-bottom:2px solid #d3e0d8; }
  .complete-data-table td { display:block; padding:0; border:0; width:auto!important; }
  .complete-data-table td[data-complete-label]::before { content:attr(data-complete-label); display:block; color:#48685b; font-size:15px; font-weight:600; }
  .complete-data-table td[colspan] { grid-column:1/-1; }
 }
 @media(max-width:600px) {
  .simple-ui .dialog .form-grid { grid-template-columns:minmax(0,1fr); }
  .complete-data-table tbody tr { grid-template-columns:minmax(0,1fr); }
  .simple-ui .section-head { align-items:flex-start; flex-wrap:wrap; }
  .simple-ui .record { flex-wrap:wrap; }
  .simple-ui .record-main { flex-basis:100%; }
  .simple-ui .record-actions { max-width:100%; }
 }
}
@media print { .complete-value { display:none!important; } }