.optimize-bar{display:flex;justify-content:flex-start!important;gap:10px;flex-wrap:wrap}.optimize-bar #add{order:0}.optimize-bar #optimizeAll{order:1}.optimize-bar>button:not(#add):not(#optimizeAll){order:2}.optimize-bar .layout-toggle{margin-left:auto;font-size:14px}.cargo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.cargo-form-grid label{display:grid;gap:6px;min-width:0}.cargo-form-grid .wide{grid-column:1/-1}.cargo-dialog input,.cargo-dialog select{width:100%;min-width:0;box-sizing:border-box}.cargo-dialog input[type=number]{width:100%}.cargo-dialog input[type=color]{height:42px}.cargo-form-grid .cargo-check{display:flex;align-items:center;gap:10px}.cargo-check input{width:18px;height:18px}.cargo-dialog-actions{display:flex;justify-content:flex-end;gap:12px}.cargo-dialog [hidden],.cargo[hidden],.optimize-bar [hidden]{display:none!important}.cargo-dialog{width:min(620px,94vw)}@media(max-width:520px){.cargo-form-grid{grid-template-columns:1fr}.optimize-bar .layout-toggle{margin-left:0}.optimize-bar>button{flex:1 1 auto}}
.cargo-position{display:grid;gap:12px}.cargo-position small{font-size:14px;line-height:1.4;color:#506778}body.dark .cargo-position small{color:#bfd0dc}#savePlan{background:#166b4f;color:#fff;border:1px solid #166b4f}#savePlan:hover{background:#11533d}#pdfExport{background:#a53336;color:#fff;border:1px solid #a53336}#pdfExport:hover{background:#85272a}#savePlan:focus-visible,#pdfExport:focus-visible{outline:3px solid #398ae6;outline-offset:3px}body.dark #savePlan{background:#217a59;color:#fff}body.dark #pdfExport{background:#b73e42;color:#fff}
.cargo-form-grid.cargo-dimensions{grid-template-columns:1fr}.cargo-weight{display:flex;justify-content:flex-end;margin:18px 0}.cargo-weight label{display:grid;gap:6px;width:calc(50% - 8px)}@media(max-width:520px){.cargo-weight label{width:100%}}

.cargo-colors{border:0;padding:0;margin:0;grid-column:1/-1;display:flex;gap:12px}.cargo-colors legend{margin-bottom:8px}.cargo-colors label{position:relative;cursor:pointer}.cargo-colors input[type=radio]{position:absolute;opacity:0;width:36px;height:36px;margin:0}.cargo-colors span{display:block;width:36px;height:36px;border-radius:50%;border:3px solid transparent;box-sizing:border-box}.cargo-colors input:checked+span{outline:3px solid #398ae6;outline-offset:3px}.cargo-colors input:focus-visible+span{outline:3px solid currentColor;outline-offset:4px}