/* Tahap 13C: readable split layout + discoverable stock filters. Presentation only. */
/* This container adapts to the *available content area*, including an expanded sidebar. */
.khv2-movement{container-type:inline-size}
.khv2-layout{display:grid!important;grid-template-columns:minmax(0,0.97fr) minmax(0,1.03fr)!important;gap:20px;align-items:start}
.khv2-form-panel,.khv2-stock-panel{min-width:0}
.khv2-filter-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 12px}
.khv2-filter-heading strong{font-size:13px;font-weight:800;color:#1e5739}
.khv2-filter-heading span{font-size:11.5px;color:#667c6c;line-height:1.4}
.khv2-filter-grid{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:9px}
.khv2-filter-area select,.khv2-filter-area input{width:100%;min-width:0}
.khv2-table-scroll{max-width:100%;overflow:auto}
.khv2-stock-jump{display:none}
/* On compact content widths, show the stock-jump shortcut because the table stacks below the form. */
@container (max-width:1000px){
  .khv2-layout{grid-template-columns:minmax(0,1fr)!important}
  .khv2-stock-jump{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#135e3a;background:#e9f4ec;border:1px solid #c9e4d3;border-radius:8px;font-size:12.5px;font-weight:750;padding:10px 14px;margin:0 0 15px}
  .khv2-filter-grid{grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))}
}
@container (max-width:600px){
  .khv2-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .khv2-filter-grid>input[type=search]{grid-column:1/-1}
  .khv2-filter-heading{display:block}
  .khv2-filter-heading span{display:block;margin-top:3px}
}
@container (max-width:390px){
  .khv2-filter-grid{grid-template-columns:minmax(0,1fr)}
  .khv2-filter-grid>input[type=search]{grid-column:auto}
}