/* هندسة قائمة الأعمال المرجعية: القائمة يسار والتفاصيل يمين، والنص عربي داخلها. */
body.orders-mode { background:#ededed; color:#424242; }
body.orders-mode .topbar, body.orders-mode .bottom-nav { display:none; }
body.orders-mode .app-body { display:block; min-height:100dvh; }
body.orders-mode .main-content { padding:0; width:100%; max-width:none; margin:0; }
body.orders-mode .sidebar { display:none; }
body.orders-mode.orders-drawer-open .sidebar { display:flex; position:fixed; inset:74px auto 0 0; width:280px; height:calc(100dvh - 74px); z-index:90; transform:none; background:#fff; box-shadow:6px 0 15px #0003; }
#page-orders { color:#414141; font-family:Arial,'IBM Plex Sans Arabic',sans-serif; }
.orders-appbar { height:74px; display:flex; align-items:center; gap:20px; padding:0 24px; background:#303030; color:white; box-shadow:0 2px 4px #0004; position:sticky; top:0; z-index:30; }
.orders-appbar > button:first-child { font-size:24px; border:0; color:#fff; background:none; width:32px; height:44px; padding:0; }
.orders-brand { width:46px; height:46px; background:#ed413b; border-radius:50%; font-size:36px; font-weight:800; display:grid; place-items:center; line-height:1; font-family:Arial,sans-serif; color:white; }
.orders-app-title { text-align:left; line-height:1.4; }
.orders-app-title strong { display:block; font-size:20px; font-weight:700; }
.orders-app-title > span { display:block; font-size:14px; }
.orders-local { margin-left:auto; color:#bbb; font-size:12px; }
.orders-demo-button { border:1px solid #777; border-radius:3px; background:none; color:#eee; padding:10px 12px; font-size:12px; }
.orders-workspace { display:flex; align-items:stretch; height:calc(100dvh - 74px); min-height:400px; }
.orders-master { width:34%; max-width:520px; min-width:310px; background:#e3e3e3; border-right:1px solid #c7c7c7; display:flex; flex-direction:column; box-shadow:2px 0 4px #0001; }
.orders-search { display:flex; gap:18px; background:#fff; border:1px solid #ddd; margin:10px; box-shadow:0 2px 3px #0003; min-height:52px; align-items:center; padding:0 17px; border-radius:2px; }
.orders-search > span { color:#666; font-size:30px; }
.orders-search input { background:none; border:0; outline:0; width:100%; padding:13px 0; font:inherit; font-size:17px; color:#444; text-align:left; }
.orders-search:focus-within { outline:2px solid #c6403b; outline-offset:-2px; }
.orders-list-filters { display:flex; gap:7px; margin:2px 10px 12px; }
.orders-list-filters select { width:50%; min-width:0; padding:9px 7px; background:#f7f7f7; border:1px solid #ccc; color:#555; font:inherit; font-size:12px; border-radius:2px; }
.orders-group-list { flex:1; overflow-y:auto; padding:0 11px 18px; }
.orders-day-group { margin-bottom:12px; }
.orders-day-group summary { padding:17px 12px; background:#dcdcdc; border:1px solid #d1d1d1; color:#414141; font-size:16px; cursor:pointer; direction:ltr; text-align:left; }
.orders-day-group summary > span { font-size:14px; }
.order-list-card { display:flex; width:100%; background:#fff; border:1px solid #d3d3d3; border-left:9px solid #bcbcbc; border-radius:4px; box-shadow:0 2px 3px #0003; text-align:left; position:relative; margin:0 0 10px; min-height:195px; padding:0; color:#424242; font:inherit; direction:ltr; }
.order-list-card.green { border-left-color:#8ac34a; }
.order-list-card.purple { border-left-color:#50316e; }
.order-list-card.amber { border-left-color:#e1aa42; }
.order-list-card.selected { box-shadow:0 2px 4px #0004; outline:1px solid #9e9e9e; }
.order-list-card.selected::after { content:''; position:absolute; right:-16px; top:50%; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid white; z-index:5; }
.order-card-copy { padding:18px 18px 17px; flex:1; min-width:0; }
.order-card-copy > strong { display:block; font-size:17px; margin-bottom:8px; overflow-wrap:anywhere; }
.order-card-copy > span { display:block; font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.order-card-status { display:block; font-size:15px; margin:12px 0 7px; }
.order-card-copy > small { display:inline-flex; align-items:center; gap:8px; border:1px solid #666; border-radius:3px; padding:6px 9px; font-size:12px; }
.order-card-copy > small svg { width:20px; height:20px; }
.order-card-copy > em { display:block; font-size:11px; color:#9a6540; font-style:normal; margin-top:10px; }
.order-card-more { width:34px; border-left:1px solid #ddd; display:flex; justify-content:center; align-items:center; font-size:29px; color:#ed413b; }
.orders-list-footer { font-size:10px; line-height:1.5; color:#737373; padding:9px 14px; margin:0; background:#ddd; }
.orders-detail { background:#ededed; flex:1; min-width:0; overflow-y:auto; }
.order-reference-bar { min-height:80px; background:#777; color:#fff; padding:19px 20px 28px; text-align:left; direction:ltr; font-size:15px; line-height:1.7; }
.order-reference-bar strong { overflow-wrap:anywhere; }
#order-back { display:none; }
.order-action-row { display:flex; gap:12px; justify-content:flex-end; margin:-24px 24px 18px; position:relative; }
.order-round-action { display:grid; place-items:center; width:47px; height:47px; border-radius:50%; border:0; background:#ed413b; color:white; box-shadow:none; padding:0; text-decoration:none; }
.order-round-action svg { width:27px; height:27px; }
.order-round-action:hover { background:#cf342f; }
.order-round-action:focus-visible { outline:3px solid #313131; outline-offset:3px; }
.order-round-action.is-active { background:#a32824; outline:3px solid #f4b6b2; }
.order-round-action:disabled { background:#bcaaa9; cursor:not-allowed; opacity:.7; }
.order-detail-content { padding:0 14px 30px; }
.order-detail-content h2 { color:#747474; font-size:22px; font-weight:700; margin:27px 6px 14px; text-align:left; }
.order-data-table { margin:0; border:1px solid #ddd; background:#fff; border-radius:4px; box-shadow:0 2px 3px #0003; overflow:hidden; }
.order-data-table > div { display:flex; border-bottom:1px solid #dedede; min-height:48px; direction:ltr; }
.order-data-table > div:last-child { border:0; }
.order-data-table dt { flex:0 0 34%; min-width:0; font-size:14px; font-weight:700; padding:14px 18px; text-align:left; direction:rtl; }
.order-data-table dd { flex:1; min-width:0; margin:0; font-size:14px; line-height:1.8; padding:12px 18px; text-align:left; unicode-bidi:plaintext; white-space:pre-line; overflow-wrap:anywhere; }
.order-unavailable { color:#999; font-size:12px; }
.order-footer-note { margin:20px 6px; font-size:12px; line-height:1.8; color:#808080; }
.order-bottom-links { display:flex; gap:10px; }
.order-bottom-links button, .orders-no-results button { background:#fff; border:1px solid #aaa; padding:10px 15px; color:#555; border-radius:3px; font-size:13px; }
.order-example-banner { background:#fff6d9; border:1px solid #e2d3a1; padding:11px 14px; color:#826a2d; font-size:12px; line-height:1.8; }
.orders-empty { padding:100px 25px; text-align:center; color:#888; }
.orders-empty > span { display:grid; place-items:center; width:56px; height:56px; font-size:34px; font-family:Georgia,serif; border:2px solid #bbb; border-radius:6px; margin:0 auto 20px; }
.orders-empty h2 { font-size:21px; color:#666; }
.orders-empty p { font-size:14px; }
.orders-no-results { text-align:center; padding:50px 18px; color:#777; font-size:14px; line-height:1.9; }
@media(max-width:1050px) { .order-action-row { gap:8px; margin-left:14px; margin-right:14px; } .order-round-action { width:40px; height:40px; } .order-round-action svg { width:24px; height:24px; } .order-data-table dt { padding:13px 12px; } .order-data-table dd { padding:12px; } .orders-master { width:38%; min-width:280px; } }
@media(max-width:700px) { .orders-appbar { height:65px; gap:12px; padding:0 13px; } .orders-brand { width:37px; height:37px; font-size:29px; } .orders-app-title strong { font-size:16px; } .orders-app-title span { font-size:10px; } .orders-local { display:none; } .orders-demo-button { margin-left:auto; font-size:10px; padding:8px; } .orders-workspace { height:calc(100dvh - 65px); } .orders-master { width:100%; max-width:none; min-width:0; } .orders-detail { display:none; } .orders-show-detail .orders-master { display:none; } .orders-show-detail .orders-detail { display:block; } #order-back { display:block; border:0; background:none; color:white; font-size:13px; margin-bottom:7px; padding:0; direction:rtl; } .order-reference-bar { padding:13px 15px 28px; font-size:13px; } .order-action-row { gap:8px; justify-content:center; margin-top:-20px; } .order-round-action { width:38px; height:38px; } .order-round-action svg { width:23px; height:23px; } .order-detail-content { padding:0 10px 25px; } .order-detail-content h2 { font-size:18px; margin-top:20px; } .order-data-table dt { flex-basis:40%; font-size:12px; padding:12px; } .order-data-table dd { font-size:12px; padding:11px; } .order-list-card.selected::after { display:none; } body.orders-mode.orders-drawer-open .sidebar { inset:65px auto 0 0; height:calc(100dvh - 65px); } }

.order-execution-controls { display:flex; align-items:center; gap:12px; padding:0 20px 8px; flex-wrap:wrap; }
.order-execution-controls > button { display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:3px; padding:13px 20px; min-height:46px; font:inherit; font-size:15px; font-weight:700; cursor:pointer; }
#order-start-task { background:#ed413b; color:#fff; }
#order-finish-task { background:#3e3e3e; color:#fff; }
.order-execution-controls > button svg { width:21px; height:21px; }
.order-execution-controls > button:disabled { background:#d4d4d4!important; color:#777!important; cursor:not-allowed; }
.order-execution-controls small { font-size:11px; color:#777; }
.order-execution-controls > button:focus-visible { outline:3px solid #9e312c; outline-offset:3px; }
#order-address-link { color:#347ba8; text-decoration:none; display:block; }
#order-address-link:hover { text-decoration:underline; }
.order-map-caption { display:block; color:#666; font-size:11px; margin-top:3px; }
@media(max-width:700px) { .order-execution-controls { padding:3px 12px 5px; gap:9px; } .order-execution-controls > button { flex:1; font-size:14px; padding:12px 10px; } .order-execution-controls small { flex-basis:100%; text-align:center; } }