.CustomerOrdersBar { direction:rtl; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 5%; background:#eaf8fb; border-bottom:1px solid #c4e9ef; color:#155263; }
.CustomerOrdersBar a, .order-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 20px; border:1px solid #128095; border-radius:10px; background:#128095; color:#fff !important; font-weight:700; text-decoration:none !important; line-height:1.6; }
.CustomerOrdersBar a:hover, .order-action:hover { background:#096376; }
.CustomerOrdersBar a:focus-visible, .order-action:focus-visible { outline:3px solid #e4a323; outline-offset:3px; }
.customer-order { direction:rtl; display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:20px; text-align:right; }
.customer-order-info { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; flex:1 1 400px; }
.customer-order-actions { display:flex; flex-wrap:wrap; gap:10px; }
.order-action.invoice { background:#fff; color:#096376 !important; }
.order-action.invoice:hover { background:#eaf8fb; }
.invoice-modal .modal-dialog { width:calc(100% - 32px); max-width:1000px; margin:24px auto; }
.invoice-modal .modal-header { direction:rtl; display:flex; justify-content:space-between; align-items:center; }
.invoice-modal .modal-header:before, .invoice-modal .modal-header:after { display:none; }
.invoice-modal .close { float:none; opacity:1; padding:8px 12px; }
.invoice-modal iframe { display:block; width:100%; height:75vh; border:0; background:white; }
@media(max-width:600px) { .CustomerOrdersBar { padding:10px 16px; } .CustomerOrdersBar > span { display:none; } .CustomerOrdersBar a { width:100%; } .customer-order { padding:14px 8px; } .customer-order-info { grid-template-columns:1fr; } .customer-order-actions { width:100%; } .customer-order-actions a { flex:1 1 150px; } .invoice-modal .modal-dialog { width:calc(100% - 16px); margin:8px auto; } .invoice-modal iframe { height:80vh; } }
.invoice-modal { z-index:13000 !important; top:var(--invoice-top, 140px); }
.invoice-modal .modal-dialog { margin:0 auto 16px; }
.invoice-modal iframe { height:calc(100vh - var(--invoice-top, 140px) - 100px); height:calc(100dvh - var(--invoice-top, 140px) - 100px); }
.modal-backdrop { z-index:12990 !important; }