#cartonTargetView{min-width:0;max-width:100%}
#cartonTargetView .carton-body{padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
#cartonTargetView .carton-help{color:var(--muted);line-height:1.9;margin:0}
#cartonTargetForm{display:grid;grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) minmax(150px,1fr);gap:16px}
#cartonTargetForm>label{display:grid;gap:8px;font-weight:700}
#cartonTargetForm input:not([type=checkbox]),#cartonTargetForm select{min-height:44px;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--surface,#fff);font:inherit;color:inherit}
#cartonTargetForm fieldset{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}
#cartonTargetForm legend{padding:0 8px;font-weight:700}
#cartonTargetWarehouses{display:flex;gap:10px;flex-wrap:wrap}
#cartonTargetView .carton-warehouse{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;min-height:44px;cursor:pointer}
#cartonTargetView .carton-warehouse:has(input:checked){border-color:var(--green);background:var(--green-soft,#eef6f1)}
#cartonTargetView .carton-warehouse input{width:18px;height:18px;accent-color:var(--green)}
#cartonTargetView .carton-warehouse span{display:grid;gap:4px}
#cartonTargetView .carton-warehouse small{color:var(--muted)}
#cartonTargetView button,#cartonTargetCreated a{min-height:44px;padding:10px 16px}
#cartonTargetView :is(button,input,select,a):focus-visible{outline:3px solid var(--green);outline-offset:3px}
#cartonTargetMessage{margin:0;line-height:1.9;padding:10px 12px;border-inline-start:3px solid var(--green);background:var(--green-soft,#eef6f1)}
#cartonTargetMessage.is-error{border-color:var(--danger,#b42318);color:var(--danger,#b42318);background:var(--danger-soft,#fff3f0)}
#cartonTargetResults{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
#cartonTargetResults>*,#cartonTargetView details{min-width:0}
#cartonTargetResults[hidden],#cartonTargetCreated[hidden]{display:none}
#cartonTargetTotals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#cartonTargetTotals>div{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px}
#cartonTargetTotals span{color:var(--muted)}
#cartonTargetTotals strong{font-size:20px;overflow-wrap:anywhere}
#cartonTargetView .carton-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:8px}
#cartonTargetView table{width:100%;border-collapse:collapse;white-space:nowrap}
#cartonTargetView :is(th,td){padding:11px 13px;text-align:right;border-bottom:1px solid var(--line)}
#cartonTargetView thead{background:var(--green-soft,#eef6f1)}
#cartonTargetView tbody th{font-weight:500}
#cartonTargetView h3{font-size:15px;margin:0}
#cartonTargetView details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
#cartonTargetCreated{padding:16px;border:1px solid var(--green);border-radius:10px;background:var(--green-soft,#eef6f1)}
#cartonTargetCreated a{display:inline-flex;align-items:center;color:var(--green);font-weight:700}
@media(max-width:760px){#cartonTargetForm{grid-template-columns:1fr}#cartonTargetTotals{grid-template-columns:repeat(2,minmax(0,1fr))}#cartonTargetView .carton-body{padding:12px}#cartonTargetTotals strong{font-size:17px}}

#cartonTargetFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
#cartonTargetView .carton-filter{border:1px solid var(--line);border-radius:8px;padding:8px 12px}
#cartonTargetView .carton-filter summary{gap:8px;flex-wrap:wrap}
#cartonTargetView .carton-filter summary span{color:var(--muted);font-weight:400}
#cartonTargetView .carton-search{display:grid;gap:6px}
#cartonTargetView .carton-options{max-height:240px;overflow:auto;margin-top:8px}
#cartonTargetView .carton-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px;cursor:pointer;overflow-wrap:anywhere}
#cartonTargetView .carton-option[hidden]{display:none}
#cartonTargetView .carton-option input{width:18px;height:18px;flex-shrink:0;accent-color:var(--green)}
#cartonTargetView summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:760px){#cartonTargetFilters{grid-template-columns:1fr}}