.composer {margin:24px 0 32px;color:#243e5a}.composer h2{font-size:20px;margin:0 0 10px}.composer h3{font-size:16px;margin:0 0 8px}.composer .local-note,.composer .note{font-size:13px;line-height:1.6}.composer .preset-tools{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.composer label{font-size:13px;display:block}.composer .preset-tools label{flex:1;min-width:250px;max-width:530px}.composer input,.composer select,.composer button,.composer textarea{font:inherit;box-sizing:border-box;min-width:0}.composer input,.composer select{height:38px;padding:6px 8px;width:100%;border:1px solid #b7c7d9;border-radius:4px;background:white;color:#243e5a}.composer button{height:38px;padding:6px 14px}.composer .preset-tools select{margin-top:5px}.composer #preset-heading{font-size:14px;margin:16px 0 8px;font-weight:600}.composer #source-details{font-size:13px;line-height:1.6;margin-bottom:22px}.composer #preset-notes p{margin:8px 0}.composer #preset-notes a{margin-right:18px}.composer .batch-controls{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:20px;margin:20px 0 8px}.composer .batch-controls input,.composer .batch-controls .value-unit{margin-top:6px}.composer .value-unit{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.composer .value-unit input{flex:1;width:60%}.composer .value-unit select{flex:0 0 82px;width:82px}.composer .table-scroll{width:100%;overflow:auto;border:1px solid #d5dfe9;border-radius:5px;margin:18px 0 12px}.composer-table{width:100%;min-width:850px;border-collapse:collapse;table-layout:fixed;font-size:13px}.composer-table th{background:#f0f5f9;text-align:left;font-weight:500;padding:12px 10px}.composer-table td{padding:12px 10px;vertical-align:top;border-top:1px solid #d5dfe9}.composer-table .name-col{width:23%}.composer-table .mode-col{width:14%}.composer-table .target-col{width:19%}.composer-table .stock-col{width:22%}.composer-table .amount-col{width:16%}.composer-table .delete-col{width:6%}.composer-table [data-amount]{display:block;min-height:38px;line-height:1.5;padding-top:8px;font-weight:600;overflow-wrap:anywhere}.composer-table [data-amount].error{font-size:12px;font-weight:400;color:#a12d2d}.composer-table button{padding:6px 8px}.composer .field-note{display:block;font-size:11px;line-height:1.5;color:#58728b;margin-top:4px}.composer .memo-label{margin:18px 0}.composer textarea{width:100%;margin-top:6px;padding:10px;border:1px solid #b7c7d9;border-radius:4px;resize:vertical}.composer #composer-status{font-size:14px}.composer .primary{background:#345372;color:white}.composer button:disabled{opacity:.5}.composer [hidden]{display:none!important}@media(max-width:650px){.composer .batch-controls{grid-template-columns:1fr;gap:12px}.composer .preset-tools label{width:100%;max-width:none}.composer-table{min-width:850px}}
.composer .batch-controls .value-unit input{margin-top:0}.composer-table .delete-col{width:72px}.composer-table button{white-space:nowrap}.composer-table td>.field-note:first-child{height:38px;display:flex;align-items:center;margin-top:0}
.composer .table-scroll{position:relative}
.composer #preset-context{margin:0 0 8px}.composer #preset-steps{margin:0 0 10px;max-width:1000px}

.composer-table tfoot td{border-top:2px solid #b7c7d9;background:#f4f8fb;vertical-align:middle}.composer-table #makeup-result{display:block;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.composer-table .sr-only{left:0;top:0}@media(min-width:651px){.composer .batch-controls{grid-template-columns:2fr 1fr;max-width:720px}}

.heading-buttons{flex-wrap:wrap;justify-content:flex-end}.heading-buttons button{white-space:nowrap;height:38px}.heading-buttons #open-preparation{font-weight:400;background:#fff}#dilution-dialog{width:min(1000px,calc(100vw - 48px));padding:22px}#dilution-dialog .dialog-heading{position:sticky;top:-22px;background:#fff;z-index:1;padding:8px 0}#dilution-dialog .workspace{gap:24px}#dilution-dialog .value-unit input{margin:0}#dilution-dialog .mode-switch{margin-top:16px;margin-bottom:20px}@media(max-width:760px){#dilution-dialog .workspace{gap:18px}.heading-buttons{justify-content:flex-start}}

.composer .route-control{max-width:530px;margin:12px 0}.composer .route-control select{margin-top:5px}