.tc-order{margin:18px 0;padding:16px;border:1px solid #ddd3f4;border-radius:14px;background:linear-gradient(135deg,#fbf9ff,#f6fbff)}
.tc-order>summary{display:flex;gap:12px;align-items:baseline;cursor:pointer}
.tc-order>summary strong{font-size:17px;color:#33284b}.tc-order>summary span{font-size:12px;color:#7b7388}
.tc-order-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;margin:14px 0;padding:4px}
.tc-order-item{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #e2d9ee;border-radius:10px;background:#fff;box-shadow:0 2px 8px #4c37650b;cursor:grab}
.tc-order-item.dragging{opacity:.45;border-color:#8457e8}.tc-order-handle{font-size:20px;color:#8d79b3}
.tc-order-item>span:last-child{display:grid;min-width:0}.tc-order-item strong,.tc-order-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-order-item strong{font-size:13px;color:#353041}.tc-order-item small{font-size:10px;color:#9991a3}
.tc-order>footer{display:flex;align-items:center;justify-content:flex-end;gap:14px}.tc-order>footer span{margin-right:auto;font-size:12px;color:#776b86}.tc-order>footer button{background:#7650dc;color:#fff}
.tc-presentation-fields{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;padding:16px;margin-bottom:16px;border:1px solid #e8e0f1;border-radius:12px;background:#fbf9fe}.tc-presentation-fields label{margin:0}
.tc-color-field{display:grid;grid-template-columns:46px auto 1fr;align-items:center;gap:8px;min-height:42px}.tc-color-field input[type=color]{padding:2px;height:40px}.tc-color-field input[type=checkbox]{width:18px;height:18px}.tc-color-field em{font-style:normal;font-size:12px;color:#777180}
.tc-lifecycle{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.65fr) minmax(260px,1fr) auto;gap:14px;align-items:end;margin:0 0 16px;padding:16px;border:1px solid #d9d0ed;border-radius:12px;background:#f7f3ff}.tc-lifecycle>div{display:grid;align-self:center}.tc-lifecycle>div strong{color:#352750;font-size:16px}.tc-lifecycle>div small{color:#766d84}.tc-lifecycle label{margin:0}.tc-lifecycle button{height:43px;padding:0 18px;border:0;border-radius:10px;background:#6440cf;color:#fff;font-weight:800}
@media(max-width:900px){.tc-order-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-presentation-fields{grid-template-columns:1fr}}
@media(max-width:1100px){.tc-lifecycle{grid-template-columns:1fr 1fr}.tc-lifecycle>div{grid-column:1/-1}}
@media(max-width:600px){.tc-order-list{grid-template-columns:1fr}.tc-lifecycle{grid-template-columns:1fr}.tc-lifecycle>div{grid-column:auto}}