.packing-page { padding: 20px; background: white; border: 1px solid var(--line); border-radius: 12px; }
.packing-page h2 { margin: 0; }.packing-page p { color: var(--muted); }
.pk-toolbar { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin:16px 0; }
.pk-toolbar label,.pk-dialog label { display:grid; gap:5px; color:var(--muted); font-size:12px; }
.packing-page input:not([type=checkbox]),.packing-page select { padding:9px; border:1px solid var(--line); border-radius:6px; font:inherit; color:var(--ink); background:white; min-width:0; }
.packing-page .data-table-wrap { max-height:55vh; overflow:auto; }.packing-page td { max-width:350px; overflow-wrap:anywhere; }.packing-page td button { margin:3px; }
.workspace > #packingPage > .data-table-wrap { flex:0 0 auto; height:auto; max-height:none; overflow-x:auto; }
.pk-dialog { width:min(960px,94vw); max-height:90vh; overflow:auto; border:1px solid var(--line); border-radius:12px; padding:24px; color:var(--ink); }
.pk-dialog::backdrop { background:rgba(15,35,28,.4); }.pk-dialog fieldset { border:0; padding:0; margin:0; }.pk-dialog .panel-heading { display:flex; justify-content:space-between; gap:10px; }
.pk-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:16px 0; }.pk-wide { grid-column:span 2; }
.pk-sizes { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:15px 0; }.pk-sizes input { width:100%; }.pk-dialog details { margin:15px 0; }.pk-dialog [role=status] { color:#963b30; }
#pkDocuments { width:100%; margin:15px 0; }#pkSelection { margin-left:auto; }#pkBlDialog>.primary-button { margin-top:15px; }
@media(max-width:700px){.pk-form-grid{grid-template-columns:1fr}.pk-wide{grid-column:auto}.pk-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}.packing-page{padding:10px}}
.pk-entry { padding:14px 18px; border:1px solid var(--line); border-radius:8px; background:#f8faf9; }
.pk-entry fieldset { border:0; margin:0; padding:0; }
.pk-entry label,.pk-workspace-bar label { display:grid; gap:4px; font-size:11px; color:var(--muted); }
.pk-entry .panel-heading { margin-bottom:8px; }.pk-entry h2 { font-size:14px; }
.pk-entry .pk-form-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px 12px; margin:8px 0; }
.pk-entry .pk-form-grid .pk-wide { grid-column:span 2; }
.pk-entry input:not([type=checkbox]),.pk-entry select { padding:6px 8px; font-size:12px; width:100%; }
.pk-entry details { margin:10px 0; font-size:11px; }.pk-entry .pk-toolbar { margin:8px 0; }
.pk-entry .pk-clear { display:flex; align-items:center; gap:6px; padding-bottom:7px; }
.pk-workspace-fields>label:not(.pk-clear) { flex:1; }.pk-workspace-fields .pk-clear { flex:0 0 auto; }
.pk-workspace-bar { display:flex; align-items:end; gap:12px; flex-wrap:wrap; margin:12px 0; }.pk-workspace-bar label { min-width:260px; }.pk-workspace-bar>span { margin-left:auto; color:var(--green-3); font-weight:700; }
.pk-tabs { display:flex; overflow-x:auto; gap:5px; padding:6px; margin:16px 0 8px; background:#edf2ef; border-radius:8px; }
.pk-tabs button { flex:0 0 auto; padding:10px 16px; border:1px solid var(--line); border-radius:6px; background:white; color:var(--ink); font:inherit; font-size:12px; cursor:pointer; }
.pk-tabs button[aria-selected=true] { color:white; background:var(--green-3); border-color:var(--green-3); }
.pk-entry.pk-ma form { display:none; }
.page-heading.pk-page-heading { align-items:center; }
.pk-heading-controls { display:flex; align-items:end; gap:12px; margin-left:auto; flex-shrink:0; }
.pk-heading-controls label { display:grid; gap:5px; color:var(--muted); font-size:12px; }
.pk-heading-controls input { width:280px; max-width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:white; font:inherit; }
@media(max-width:1100px){.page-heading.pk-page-heading{flex-wrap:wrap}.pk-heading-controls{flex-shrink:1;flex-wrap:wrap}}
@media(max-width:650px){.pk-heading-controls{margin-left:0;width:100%}.pk-heading-controls label{flex:1}.pk-heading-controls input{width:100%}}
@media(max-width:1000px){.pk-entry .pk-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.pk-entry .pk-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-workspace-bar>span{margin-left:0}.pk-entry{padding:10px}}