/* Orders only. Financial actions and their event handlers remain unchanged. */
#shell #content[data-page=orders]{padding:28px;background:#f5f7fb}
#shell #content[data-page=orders] .page-heading{margin-bottom:24px;gap:14px;flex-wrap:wrap;align-items:center}
#shell #content[data-page=orders] .page-heading h2{font-size:32px;letter-spacing:-1px;color:#172b49}
#shell #content[data-page=orders] .page-heading p{color:#64748b;line-height:1.7;font-size:13px}
#shell #content[data-page=orders] .page-heading button{min-height:42px;border-radius:11px;padding:10px 16px;font-size:12px}
#shell #content[data-page=orders] .orders-kpis{gap:14px;margin-bottom:22px}
#shell #content[data-page=orders] .orders-kpi{padding:20px;min-height:138px;border:1px solid #e3e9f2;border-radius:16px;box-shadow:0 3px 12px #172b4904;gap:14px}
#shell #content[data-page=orders] .orders-kpi strong{font-size:28px;letter-spacing:-.9px;font-variant-numeric:tabular-nums;margin:8px 0;color:#172b49;white-space:nowrap}
#shell #content[data-page=orders] .orders-kpi span:not(.kpi-mark){font-size:12px;color:#53647e}
#shell #content[data-page=orders] .orders-kpi small{font-size:11px;color:#7b899d;line-height:1.6}
#shell #content[data-page=orders] .kpi-mark{width:42px;height:42px;border-radius:12px}
#shell #content[data-page=orders] .orders-filters{padding:18px;background:#fff;border:1px solid #e3e9f2;border-radius:16px;gap:14px;margin-bottom:18px;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,1fr))}
#shell #content[data-page=orders] .orders-filters label{font-size:11px;font-weight:650;color:#61718a;line-height:1.4}
#shell #content[data-page=orders] .orders-filters input,#shell #content[data-page=orders] .orders-filters select{margin-top:8px;min-height:44px;height:44px;font-size:12px;font-weight:400;border:1px solid #dce4ef;border-radius:10px;background:#f8fafc;padding:10px 12px;color:#334155}
#shell #content[data-page=orders] .orders-table{border:1px solid #e3e9f2;border-radius:16px 16px 0 0;background:#fff;overflow:auto;max-height:70vh;isolation:isolate;overscroll-behavior:contain;scrollbar-width:thin}
#shell #content[data-page=orders] .orders-table table{width:100%;min-width:1300px;table-layout:auto;border-collapse:separate;border-spacing:0}
#shell #content[data-page=orders] .orders-table th{position:sticky;top:0;z-index:2;background:#f8fafc;padding:16px;font-size:10px;letter-spacing:.05em;color:#64748b;white-space:nowrap;border-bottom:1px solid #e3e9f2}
#shell #content[data-page=orders] .orders-table td{padding:18px 16px;color:#475569;font-size:12px;line-height:1.6;border-bottom:1px solid #edf1f6;background:#fff}
#shell #content[data-page=orders] .orders-table tbody tr:hover td{background:#f5f8ff}
#shell #content[data-page=orders] .orders-table td small{font-family:inherit;font-size:11px;letter-spacing:0;line-height:1.6;color:#748297}
#shell #content[data-page=orders] .orders-table td strong{font-size:14px;color:#172b49}
#shell #content[data-page=orders] .orders-table td:nth-child(1){min-width:160px}
#shell #content[data-page=orders] .orders-table td:nth-child(2){min-width:160px}
#shell #content[data-page=orders] .orders-table td:nth-child(2)>small{white-space:nowrap;word-break:normal;overflow-wrap:normal;font-variant-numeric:tabular-nums}
#shell #content[data-page=orders] .orders-table td:nth-child(1)>small,#shell #content[data-page=orders] .orders-table td:nth-child(6)>small{white-space:nowrap}
#shell #content[data-page=orders] .orders-table .order-reference summary{font-size:12px;color:#345bcc;background:#eff4ff;border:1px solid #dfe8ff;border-radius:7px;padding:4px 8px;display:inline-block}
#shell #content[data-page=orders] .orders-table .order-reference small{max-width:200px;overflow-wrap:anywhere}
#shell #content[data-page=orders] .orders-table .order-amount{font-size:14px;font-weight:700;color:#172b49;text-align:right}
#shell #content[data-page=orders] .orders-table th:nth-child(4){text-align:right}
#shell #content[data-page=orders] .orders-table .pill{font-size:11px;font-weight:600;padding:6px 10px;border-radius:8px}
#shell #content[data-page=orders] .orders-table .platform-label{font-size:12px;gap:10px}
#shell #content[data-page=orders] .orders-table td:last-child,#shell #content[data-page=orders] .orders-table th:last-child{position:sticky;right:0;min-width:195px;width:195px;border-left:1px solid #e3e9f2;box-shadow:-6px 0 12px #172b4906}
#shell #content[data-page=orders] .orders-table td:last-child{z-index:1}
#shell #content[data-page=orders] .orders-table th:last-child{z-index:3}
#shell #content[data-page=orders] .orders-table td:last-child button{display:block;min-height:38px;width:100%;margin:7px 0 0;padding:9px 12px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:600}
#shell #content[data-page=orders] .orders-table button[data-approve]{background:#edf8f3;border:1px solid #b9e6d1;color:#177451;box-shadow:none}
#shell #content[data-page=orders] .orders-table button[data-approve]:hover{background:#daf2e5;border-color:#75c79f}
#shell #content[data-page=orders] .orders-table button[data-reject]{background:#fff;border:1px solid #f0d6dc;color:#b43b53;box-shadow:none}
#shell #content[data-page=orders] .orders-table button[data-reject]:hover{background:#fff1f3}
#shell #content[data-page=orders] .orders-table td:last-child a{display:inline-block;font-size:11px;color:#345bcc;padding:3px 0}
#shell #content[data-page=orders] .orders-pagination{padding:18px;border-color:#e3e9f2;border-radius:0 0 16px 16px;font-size:12px;color:#64748b;gap:16px}
#shell #content[data-page=orders] .orders-pagination button,#shell #content[data-page=orders] .orders-pagination select{min-height:38px;border-radius:9px;font-size:12px}
#shell #content[data-page=orders] #orders-page{height:36px;border-radius:9px}
#shell #content[data-page=orders] .section-note{font-size:11px;line-height:1.7;color:#718096;max-width:900px;margin-top:16px}
#shell #content[data-page=orders] :is(button,input,select,summary,a):focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:1250px){
 #shell #content[data-page=orders] .orders-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 #shell #content[data-page=orders] .orders-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 #shell #content[data-page=orders]{padding:20px 14px 28px}
 #shell #content[data-page=orders] .page-heading h2{font-size:28px}
 #shell #content[data-page=orders] .orders-kpis{gap:10px}
 #shell #content[data-page=orders] .orders-kpi{padding:14px;flex-wrap:wrap;min-height:148px;gap:10px}
 #shell #content[data-page=orders] .orders-kpi strong{font-size:23px}
 #shell #content[data-page=orders] .orders-filters{grid-template-columns:minmax(0,1fr);padding:14px}
 #shell #content[data-page=orders] .orders-filters input,#shell #content[data-page=orders] .orders-filters select{font-size:16px}
 #shell #content[data-page=orders] .orders-table td:last-child,#shell #content[data-page=orders] .orders-table th:last-child{position:static;box-shadow:none}
 #shell #content[data-page=orders] .orders-pagination{padding:14px}
 #shell #content[data-page=orders] .orders-pagination>div{flex-wrap:wrap}
}