.platform-composition{min-width:0;border:0;padding:0;margin:0}
.platform-composition legend{font-size:11px;font-weight:550;color:var(--ui-text-65715f,#65715f);margin-bottom:10px}
.composition-head,.composition-row{display:grid;grid-template-columns:26px minmax(0,1fr) 96px 78px;align-items:center;gap:10px}
.composition-head{padding:0 12px 7px;color:var(--muted);font-size:10px}
.composition-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--ui-surface-ffffff,#fff)}
.composition-row{padding:10px 12px}
.composition-row+.composition-row{border-top:1px solid var(--line)}
.composition-number{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:7px;background:var(--bg);color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.composition-row .field input{min-width:0;min-height:42px}
.composition-quantity input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.composition-quantity input::-webkit-inner-spin-button,.composition-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.composition-actions{display:flex;gap:4px}
.composition-actions .icon-btn{width:36px;min-width:36px;height:40px}
.composition-actions .composition-add{color:var(--ink);background:color-mix(in srgb,var(--lime) 20%,transparent)}
.composition-actions .icon-btn:hover{background:color-mix(in srgb,var(--green) 15%,transparent)}
.composition-summary{display:block;font-size:10px;color:var(--muted);padding:7px 0 0;min-height:19px}
.composition-details{grid-column:2/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:2px 0 5px}
.composition-details .field{min-width:0}.composition-details .field span{font-size:10px}
.platform-composition[data-editable=""] .composition-head,.platform-composition[data-editable=""] .composition-row{grid-template-columns:26px minmax(0,1fr) 96px}
@media(max-width:560px){
 .composition-head,.composition-row{grid-template-columns:18px minmax(0,1fr) 60px 34px;gap:7px}
 .composition-head{padding:0 8px 6px;font-size:9px}
 .composition-row{padding:9px 8px}
 .composition-number{min-width:18px;height:22px;font-size:10px}
 .composition-row .field input{padding:10px 7px;font-size:16px;min-height:44px}
 .composition-actions{flex-direction:column;gap:2px}
 .composition-actions .icon-btn{min-width:34px;width:34px;height:34px}
 .platform-composition[data-editable=""] .composition-head,.platform-composition[data-editable=""] .composition-row{grid-template-columns:18px minmax(0,1fr) 60px}
}
@media(max-width:560px){.composition-details{grid-column:1/-1;gap:10px}.composition-details .field span{font-size:10px}}