.order-composition{margin-top:24px;padding-top:22px;border-top:1px solid var(--border,#e1e8f2)}
.order-composition h3{font-size:16px}.order-composition .button{font-size:14px}
.composition-rows{display:grid;gap:14px}.composition-row{display:grid;grid-template-columns:minmax(0,1fr) 115px 106px 32px;gap:12px;align-items:start;padding:16px;border:1px solid var(--border,#e1e8f2);border-radius:10px;background:#fff}
.composition-row .field{min-width:0}.composition-row .field>span{font-size:14px;line-height:1.4}.composition-row .control{width:100%;min-width:0;font-size:16px}.composition-remove{margin-top:27px}.composition-note{grid-column:1/-1}.composition-note textarea{resize:vertical;min-height:58px}
.composition-hint{font-size:13px;line-height:1.6;color:#637994;margin:10px 0 0}.composition-readonly article{padding:14px 0;border-bottom:1px solid var(--border,#e1e8f2)}.composition-readonly article:last-child{border-bottom:0}.composition-readonly article>div{display:flex;justify-content:space-between;gap:16px;font-size:16px}.composition-readonly strong{overflow-wrap:anywhere}.composition-readonly article>div>span{white-space:nowrap}.composition-readonly p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;color:#637994;margin:8px 0 0}
@media(max-width:600px){.composition-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;padding:12px}.composition-name{grid-column:1/3;grid-row:1}.composition-remove{grid-column:3;grid-row:1}.composition-note{grid-column:1/-1}.order-composition .section-heading{flex-wrap:wrap;gap:12px}}