/* Shared order presentation. State classification remains in PHP/JS at each caller. */
.order-table-shell{overflow:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.order-data-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;text-align:left}
.order-data-table th{background:#f8fafc;color:#64748b;font-size:11px;font-weight:600;white-space:nowrap;padding:14px 16px;border-bottom:1px solid #e2e8f0}
.order-data-table td{padding:16px;vertical-align:middle;color:#334155;border-top:1px solid #f1f5f9;background:#fff}
.order-data-table tbody tr:hover td{background:#fffaf7}
.order-data-table a{color:#ff5b35;font-weight:600}.order-data-table a:hover{text-decoration:underline}
.order-data-table strong{font-size:13px;color:#0f172a}
.order-data-table small{display:block;color:#64748b;font-size:11px;margin-top:2px}
.order-data-table .order-payment{white-space:nowrap;color:#0f766e;font-weight:700;font-variant-numeric:tabular-nums}
.order-status{display:inline-flex;align-items:center;gap:6px;max-width:260px;padding:5px 9px;border:1px solid #cbd5e1;border-radius:8px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;white-space:normal;vertical-align:middle}
.order-status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
.order-status[data-state="running"],.order-status.running{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}
.order-status[data-state="completed"],.order-status.completed{background:#dcfce7;color:#15803d;border-color:#86efac}
.order-status[data-state="pending"],.order-status.pending{background:#fef3c7;color:#92400e;border-color:#fcd34d}
.order-status[data-state="action"],.order-status.action{background:#ffedd5;color:#c2410c;border-color:#fdba74}
.order-status[data-state="error"],.order-status.error{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}
.order-status[data-state="expired"],.order-status.expired{background:#ffe4e6;color:#be123c;border-color:#fda4af}
.order-status[data-state="cancelled"],.order-status.cancelled{background:#e2e8f0;color:#334155;border-color:#94a3b8}
.order-status[data-state="paused"],.order-status.paused{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}
.order-status[data-state="refunded"],.order-status.refunded{background:#ccfbf1;color:#0f766e;border-color:#5eead4}
.order-status[data-state="other"],.order-status.other{background:#f1f5f9;color:#475569;border-color:#cbd5e1}
@media(max-width:640px){.order-data-table th,.order-data-table td{padding:10px 7px}.order-data-table{font-size:11px}.order-data-table th{font-size:10px}.order-data-table .order-status{padding:4px 6px;gap:4px;font-size:10px}.order-table-shell{border-radius:8px}}

.order-note{display:block;box-sizing:border-box;min-width:0;padding:9px 11px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#334155;font:inherit;font-size:11px;line-height:1.5}
.order-note:focus{outline:2px solid #ffddd3;border-color:#fb923c}

/* Keep list badges single-line; the detail dialog still shows the complete label. */
.orders-table .orders-status-cell{min-width:110px;white-space:nowrap}
.orders-table .order-status{max-width:240px;white-space:nowrap;overflow-wrap:normal}
.orders-table .order-status-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){
#orders-panel .orders-table .order-status{max-width:180px;padding:4px 7px;gap:5px;font-size:10px;white-space:nowrap}
#orders-panel .orders-table .order-status-dot{width:5px;height:5px}
}