.order-card{background:#fff;border:1px solid #dde5ef;border-radius:16px;padding:20px;margin:12px 0;color:#152d50;line-height:1.9}
.order-card-head,.order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}
.order-card-head h3{margin:0;font-size:16px}.order-actions{justify-content:flex-start;margin-top:14px}
.order-state{background:#edf3fc;padding:4px 10px;border-radius:8px;font-size:12px}.order-hint{display:inline-block;font-size:12px;color:#52657d;line-height:1.9}
.order-deadline{background:#fff7df;border:1px solid #eddaa2;border-radius:8px;padding:8px;margin:8px 0}
.order-detail,.order-management{background:#f5f8fc;padding:18px;border-radius:12px;white-space:normal;min-width:0;line-height:1.9}
.order-management{min-width:300px;text-align:right}.order-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}
.order-management label{display:flex;flex-direction:column;gap:5px;font-size:13px}.order-management input,.order-management select,.order-management textarea{font:inherit;border:1px solid #cad6e6;border-radius:8px;padding:9px;width:100%;background:white;box-sizing:border-box}.order-management [hidden]{display:none!important}
.order-timeline{list-style:none;padding:0;border-right:2px solid #d3aa43;margin-top:12px}.order-timeline li{padding:10px 16px;border-bottom:1px solid #e0e7f1;line-height:1.8}.order-timeline small{display:block;color:#5f7088}.order-timeline p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.order-error{color:#a52c2c;white-space:normal}.order-chat-info{padding:10px 18px;background:#f1f5fb;color:#203c60;font-size:13px;line-height:1.9;white-space:pre-wrap}.order-chat-info[hidden]{display:none}
.order-empty{text-align:center;padding:30px;color:#6e7f94}.order-new{border-right:5px solid #cba43c}.order-messages{max-height:350px;overflow:auto}.order-messages p{white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:1px solid #dce4ee;padding:10px}
.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere}.order-actions button:disabled{opacity:.55;cursor:not-allowed}
.order-highlight{display:inline-block;background:#0a1f44;color:#fff;border-right:5px solid #c9a227;border-radius:9px;padding:7px 12px;font-weight:800;margin:5px 0}
.order-progress{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:0;margin:18px 0 10px;direction:rtl;border:1px solid #e0e7f1;border-radius:12px;background:#f8fafc;overflow:hidden}.order-progress li{display:flex;align-items:flex-start;gap:8px;flex:1 1 150px;min-width:130px;padding:12px}.progress-dot{display:inline-grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:12px;font-weight:800}.progress-copy{display:grid;gap:3px;font-size:12px;line-height:1.6}.progress-copy small{font-size:10px;color:#64748b}.order-progress li.done .progress-dot{background:#059669;color:#fff}.order-progress li.current{background:#eef4ff}.order-progress li.current .progress-dot{background:#17366d;color:#fff;box-shadow:0 0 0 4px #dce8fa}.order-progress li.stopped .progress-dot{background:#b42318;color:#fff}.order-progress li.stopped{color:#a52c2c}
@media(max-width:600px){.order-card{padding:14px}.order-form-grid{grid-template-columns:1fr}.order-management{min-width:240px}}
.order-review-reason{background:#fff5e5;border:1px solid #edb84a;color:#754300;border-radius:10px;padding:10px 12px;margin:8px 0;font-size:13px;line-height:1.8}
.order-actions{gap:7px}
.order-actions button,.order-actions a{font-size:12px!important;line-height:1.4!important;padding:8px 11px!important;border-radius:10px;white-space:normal;text-align:center}
.order-card{font-size:13px}
.order-card p{margin:7px 0}
.order-management{font-size:13px;padding:14px}
.order-management h3,.order-management h4{font-size:15px;margin:8px 0}
.order-management button{font-size:12px;padding:8px 12px}
.order-timeline li{padding:8px 12px}
@media(max-width:600px){.order-card{padding:11px;border-radius:13px}.order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-management{min-width:0;padding:10px;font-size:12px}.order-management label{font-size:12px}.order-management input,.order-management select,.order-management textarea{padding:8px;font-size:13px}.order-actions{gap:6px}.order-actions button,.order-actions a{flex:1 1 calc(50% - 6px);min-width:0;font-size:11px!important;padding:7px 8px!important}.order-progress li{flex:1 1 110px;min-width:0;padding:8px}.order-progress{margin:10px 0}.order-detail{padding:10px}.order-timeline li{padding:8px;font-size:12px}}
@media(max-width:380px){.order-form-grid{grid-template-columns:1fr}.order-card-head{align-items:flex-start;flex-direction:column}}