/* Order operations: queue navigation, compact ledger and detail drawer. */
.order-workspace .travel-heading { margin-bottom:18px; }
.order-queue-bar { display:flex; align-items:center; gap:4px; overflow:auto; border-bottom:1px solid #e2e8f2; margin-bottom:18px; }
.travel-business .order-queue-bar button { display:flex; align-items:center; gap:9px; flex:none; border:0; border-radius:0; background:transparent; padding:12px 15px; color:#748199; border-bottom:3px solid transparent; font-size:13px; }
.travel-business .order-queue-bar button.current { border-bottom-color:#4f6ef7; color:#385bd4; font-weight:600; }
.order-queue-bar button span { background:#e9edf5; border-radius:5px; padding:1px 6px; font-size:11px; color:#78869c; }.order-queue-bar button.current span { background:#e8edff; color:#4264da; }
.order-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.order-metrics .travel-card { margin:0; padding:16px 20px; border-radius:9px; }
.order-metrics .travel-card strong { display:block; margin:5px 0; font-size:25px; color:#273e65; font-weight:650; overflow-wrap:anywhere; }
.order-metrics .travel-card > .travel-muted { font-size:11px; }
.order-workspace-panel { background:#fff; border:1px solid #e2e8f2; border-radius:10px; overflow:hidden; }
.order-filter-form { padding:18px 20px 12px; }.order-filter-primary { display:flex; align-items:end; gap:12px; }
.order-filter-primary label { min-width:110px; flex:1; }.order-filter-primary .order-search-label { flex:2.5; min-width:220px; }.order-filter-primary label > span,.order-filter-secondary label > span { display:block; font-size:11px; color:#8592a8; margin-bottom:6px; }
.travel-business .order-filter-form input,.travel-business .order-filter-form select { width:100%; font-size:12px; padding:8px 10px; border-color:#e0e6ef; }
.order-filter-buttons { display:flex; gap:7px; flex:none; }.order-filter-extra { margin-top:12px; font-size:11px; color:#8290a6; }.order-filter-extra summary { cursor:pointer; width:fit-content; padding:4px 0; }
.order-filter-secondary { display:flex; flex-wrap:wrap; gap:12px; padding:12px 0 3px; }.order-filter-secondary label { flex:1; min-width:140px; }.order-filter-secondary label:first-child { flex:1.7; }
.order-list-toolbar { display:flex; justify-content:space-between; align-items:center; padding:15px 20px; border-top:1px solid #edf0f6; gap:15px; }.order-list-toolbar > div:first-child { font-size:12px; }
.travel-business .order-list-toolbar button,.travel-business .order-list-toolbar select { font-size:11px; min-height:32px; padding:6px 10px; }
.order-soft { font-size:11px; color:#8a96a9; line-height:1.7; }.order-line { margin:5px 0 3px; font-size:12px; }.order-source-name { font-size:12px; color:#53647d; max-width:185px; white-space:normal; line-height:1.6; }
.order-table-scroll { max-height:55vh; min-height:180px; overflow:auto; scrollbar-width:thin; }
.order-table { width:100%; table-layout:fixed; min-width:1060px; }.order-table th { position:sticky; top:0; z-index:2; background:#f6f8fc; font-size:11px; padding:12px 10px; }
.order-table td { vertical-align:top; padding:15px 10px; white-space:normal; font-size:12px; }.order-table th:first-child,.order-table td:first-child { width:36px; text-align:center; }
.order-table th:nth-child(2) { width:160px; }.order-table th:nth-child(3) { width:205px; }.order-table th:nth-child(4) { width:185px; }.order-table th:nth-child(5) { width:135px; }.order-table th:nth-child(6) { width:170px; }.order-table th:last-child { width:150px; }
.order-table td:nth-child(2) { min-width:0; }.order-table th:last-child,.order-table td:last-child { position:sticky; right:0; background:#fff; border-left:1px solid #eef1f7; }.order-table th:last-child { background:#f6f8fc; z-index:3; }
.order-table tr.is-selected td { background:#f3f6ff; }.order-table tbody tr:hover td { background:#fafbff; }
.travel-business .order-table input[type=checkbox] { appearance:auto; padding:0; min-height:0; width:14px; height:14px; accent-color:#4f6ef7; cursor:pointer; }
.travel-business .order-table .order-id-link { border:0; background:none; padding:0; min-height:0; font-size:12px; color:#3d63d6; font-weight:600; }
.order-product-title { font-size:12px; color:#344b6b; font-weight:550; line-height:1.7; }.order-amount { display:block; font-size:14px; color:#263b5d; font-variant-numeric:tabular-nums; margin-bottom:4px; }
.order-row-actions { display:flex; align-items:flex-start; flex-direction:column; gap:7px; }.travel-business .order-row-actions button { padding:5px 9px; min-height:29px; font-size:11px; }
.travel-business .order-row-actions .order-detail-action { color:#6f7e94; border-color:transparent; padding-left:0; }.travel-business .order-row-actions .order-main-action { color:#4a68d7; background:#f4f7ff; border-color:#dfe6fc; }
.order-blocked { color:#ba6f29; background:#fff8eb; padding:3px 6px; margin-top:5px; border-radius:4px; font-size:10px; line-height:1.6; }.order-refund-text { color:#b97831; font-size:11px; margin-top:3px; }
.order-pagination { margin:0; padding:13px 20px; border-top:1px solid #e9edf5; }.order-footnote { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#8e9aae; font-size:11px; line-height:1.8; margin-top:12px; }
.travel-business .order-footnote button { background:none; border:0; color:#6b83ca; min-height:0; padding:3px 0; font-size:11px; flex:none; }
.order-credential-note { color:#8a98ac; font-size:11px; line-height:1.8; padding-top:10px; }
.order-workspace .travel-note { background:#f6f8fc; color:#7b8ba3; border-color:#e5eaf3; font-size:11px; }
.travel-dialog.order-detail { width:min(960px,100vw); max-width:960px; height:100dvh; max-height:100dvh; margin:0 0 0 auto; border-radius:12px 0 0 12px; padding:0 28px 20px; overflow:auto; background:#f6f8fc; }
.order-detail > .order-detail-header { position:sticky; top:0; z-index:5; background:#f6f8fc; margin:0 -28px 0; padding:22px 28px; border-bottom:1px solid #e4e9f2; font-size:17px; }
.order-detail-summary { display:flex; justify-content:space-between; gap:20px; padding:22px 0; }.order-detail-summary > div:last-child { text-align:right; }.order-detail-summary strong { display:block; font-size:25px; color:#2d4262; margin-top:4px; }.order-detail-summary p { margin:7px 0; font-size:15px; color:#2b4263; font-weight:600; }
.order-progress { display:flex; list-style:none; margin-bottom:22px; padding:14px 8px; background:#fff; border:1px solid #e5eaf3; border-radius:9px; }.order-progress li { flex:1; text-align:center; font-size:10px; color:#97a2b3; position:relative; }.order-progress li span { display:flex; justify-content:center; align-items:center; width:23px; height:23px; border-radius:50%; background:#eff2f7; margin:0 auto 8px; position:relative; z-index:1; }.order-progress li:not(:last-child):after { content:''; height:1px; background:#e5eaf3; position:absolute; top:11px; left:60%; width:80%; }.order-progress li.done { color:#559a83; }.order-progress li.done span { background:#e8f6f0; }.order-progress li.current { color:#4f6ef7; font-weight:600; }.order-progress li.current span { background:#4f6ef7; color:white; }
.order-detail-columns { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:18px; }.order-detail .travel-card { padding:20px; margin-bottom:16px; border-radius:9px; }.order-detail .travel-card h2 { font-size:14px; margin-bottom:14px; }.order-detail-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.order-detail-fields dt { color:#96a0b1; font-size:10px; margin-bottom:5px; }.order-detail-fields dd { font-size:12px; color:#435776; overflow-wrap:anywhere; line-height:1.7; }.order-detail-columns > aside .order-detail-fields { grid-template-columns:1fr; gap:12px; }
.order-detail .travel-table { font-size:11px; }.order-detail .travel-table th,.order-detail .travel-table td { padding:10px 6px; font-size:10px; white-space:normal; }.order-detail .travel-table td:nth-child(2) { min-width:0; }
.order-money-ledger { margin-bottom:18px; }.order-money-ledger p { display:flex; align-items:center; justify-content:space-between; margin:9px 0; font-size:11px; color:#8491a5; }.order-money-ledger p strong { color:#445875; font-size:12px; }.order-money-ledger p.total { padding-top:13px; border-top:1px dashed #e0e5ee; }.order-money-ledger p.total strong { color:#3f61d4; font-size:17px; }
.order-terminal { padding:12px 15px; background:#edf1f7; border-radius:8px; color:#73849c; font-size:12px; margin-bottom:20px; }
.order-history { list-style:none; padding-left:12px; border-left:1px solid #e2e8f2; }.order-history li { padding:0 0 16px 12px; position:relative; }.order-history li:last-child { padding-bottom:0; }.order-history li:before { content:''; position:absolute; left:-16px; top:5px; width:7px; height:7px; background:#a4b4d7; border-radius:50%; border:2px solid white; }.order-history li strong { font-size:11px; color:#627590; display:block; }.order-history li span { font-size:10px; color:#99a4b6; }
.order-detail-service-actions { display:flex; gap:9px; flex-wrap:wrap; padding-top:4px; }.order-detail > .travel-actions { position:sticky; bottom:-20px; padding:12px 0; background:#f6f8fc; border-top:1px solid #e4e9f2; justify-content:flex-end; }
@media(max-width:1100px) { .order-filter-primary { flex-wrap:wrap; }.order-filter-primary label { flex:1; }.order-filter-primary .order-search-label { flex:2; }.order-metrics .travel-card { padding:14px; }.order-metrics .travel-card strong { font-size:21px; } }
@media(max-width:700px) { .order-queue-bar { margin-bottom:12px; }.travel-business .order-queue-bar button { padding:10px; font-size:11px; }.order-metrics { grid-template-columns:1fr 1fr; gap:8px; }.order-metrics .travel-card { padding:12px; }.order-filter-form { padding:14px 12px; }.order-filter-primary { gap:10px; }.order-filter-primary .order-search-label { flex:1 1 100%; }.order-filter-primary label { min-width:90px; }.order-filter-buttons { width:100%; }.order-list-toolbar { padding:12px; flex-wrap:wrap; gap:10px; }.order-pagination { padding:12px; }.order-table-scroll { max-height:60vh; }.order-detail-columns { grid-template-columns:1fr; }.travel-dialog.order-detail { width:100vw; padding:0 16px 15px; border-radius:0; }.order-detail > .order-detail-header { margin:0 -16px; padding:18px 16px; }.order-detail-summary { flex-wrap:wrap; gap:12px; }.order-detail-summary > div:last-child { text-align:left; }.order-progress { overflow:auto; }.order-progress li { min-width:62px; }.order-detail .travel-card { padding:16px; }.order-detail > .travel-actions { bottom:-15px; } }

.order-detail-header { display:flex; align-items:center; justify-content:space-between; gap:15px; }.order-detail-header h2 { margin:0; font-size:17px; }.order-detail .order-detail-close { border:0; background:transparent; padding:0; width:30px; height:30px; color:#7d8ba2; font-size:24px; }