/* WECASH — Nesma driver portal. Compact tables, readable touch targets. */
body.wc-driver-entry{margin:0;background:#f0f6f5;color:#173d38;font:14px/1.5 system-ui,Arial,sans-serif}
body.wc-driver-entry .wc-mast,body.wc-driver-entry .wc-intro{display:none}
body.wc-driver-entry #rolePortal{max-width:960px;margin:0 auto;padding:0 14px 96px;background:#f0f6f5;min-height:calc(100dvh - 44px)}
body.wc-driver-entry #workspace>header{min-height:40px;height:auto;background:#e5efec;color:#49665f;padding:6px 14px;padding-inline-end:78px;gap:8px;font-size:11px;border-bottom:1px solid #d9e6e1}
body.wc-driver-entry #workspace>header strong{font-size:12px}
body.wc-driver-entry #workspace>header button{background:transparent;color:#35665a;border:1px solid #c7dcd4;min-height:28px;padding:3px 8px;font-size:11px;margin:0}
body.wc-driver-entry #status{font-size:11px;margin-inline-end:auto}
body.wc-driver-entry #cloudLanguage{position:fixed!important;top:6px!important;bottom:auto!important;inset-inline-end:8px!important;min-height:29px!important;padding:4px 8px!important;font-size:11px!important;background:#fff!important;color:#087d72!important;border-color:#c7dcd4!important}
body.wc-driver-entry button,body.wc-driver-entry input,body.wc-driver-entry select{font:inherit}
body.wc-driver-entry button{border:1px solid #d5e4de;background:#fff;color:#234d43;border-radius:10px;padding:8px 12px;min-height:38px;cursor:pointer}
body.wc-driver-entry button:focus-visible,body.wc-driver-entry summary:focus-visible,body.wc-driver-entry a:focus-visible{outline:3px solid #0c9a84;outline-offset:2px}
body.wc-driver-entry input,body.wc-driver-entry select{border:1px solid #d5e4de;background:#fff;color:#173d38;border-radius:10px;padding:9px;min-height:40px;min-width:0;max-width:100%}
body.wc-driver-entry a{color:#087d72}
.dm-header{margin:0 -14px 14px;padding:20px 20px 16px;background:#fff;border-bottom:1px solid #e3ece7}
.dm-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5b776e;font-size:12px}
.dm-brand{font-size:18px;letter-spacing:1.7px;direction:ltr;color:#173d38}.dm-brand b{color:#087d72}
.dm-driver-line{display:flex;align-items:center;gap:12px;margin-top:18px}.dm-driver-line h2{margin:0;font-size:21px;line-height:1.3;color:#173d38}.dm-driver-line small{font-size:12px;color:#59736e}
.dm-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e6f5ee;color:#087d72;font-size:18px;font-weight:700}
.dm-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 14px}
body.wc-driver-entry .dm-kpi{background:#fff;border:0;padding:13px 12px;border-radius:15px;text-align:start;box-shadow:0 4px 14px #13413305;min-width:0}
.dm-kpi strong{display:block;font-size:25px;color:#173d38;line-height:1.3;font-variant-numeric:tabular-nums}.dm-kpi span{font-size:11px;color:#59736e;display:block;margin-top:5px}
body.wc-driver-entry .dm-kpi.blue{background:#087d72;color:white}.dm-kpi.blue strong,.dm-kpi.blue span{color:white}
body.wc-driver-entry .dm-pending-banner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;border-radius:12px;background:#fff8e7;color:#78520f;border-color:#efdfb7;margin:0 0 12px;font-size:12px}
.dm-section-title{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px}.dm-section-title h3{margin:0;font-size:16px;color:#173d38}
.dm-filter{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;margin:10px 0}.dm-filter input,.dm-filter select{width:100%;font-size:13px}
.dm-order-list{display:block}.dm-table-wrap{border:1px solid #dde8e3;border-radius:12px;overflow:hidden;background:#fff}
.dm-orders-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;color:#173d38;background:#fff}
.dm-orders-table th{background:#e8f3ee;padding:10px 8px;text-align:start;color:#59736e;font-size:11px;font-weight:600}
.dm-orders-table td{padding:8px;border-top:1px solid #e5eee8;vertical-align:middle;overflow-wrap:anywhere;height:49px}
.dm-orders-table tbody tr:nth-child(even){background:#f8fbf9}
.dm-orders-table b{font-size:12px;font-weight:650}.dm-orders-table small{display:block;font-size:11px;color:#59736e;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-col-invoice{width:15%}.dm-col-customer{width:28%}.dm-col-amount{width:13%;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;text-align:start}.dm-col-fee{width:11%;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;text-align:start}.dm-col-status{width:18%}.dm-col-actions{width:15%}
.dm-mobile-customer{display:none!important}.dm-status{display:inline-block;border-radius:6px;padding:3px 6px;font-size:10px;line-height:1.4;background:#edf0f4;color:#4c6070;max-width:100%}
.dm-status[data-status=Delivered]{background:#e1f4ea;color:#177247}.dm-status[data-status='Out for Delivery']{background:#e5f0ff;color:#255795}.dm-status[data-status=Deferred]{background:#fff0dc;color:#83580e}.dm-status[data-status=Cancelled]{background:#fde8e8;color:#a43838}.dm-status[data-status='pending-approval']{background:#ffedbf;color:#78520f}
.dm-orders-table .dm-awaiting-row,.dm-orders-table .dm-awaiting-row:nth-child(even){background:#fffaeb}.dm-awaiting-row td:first-child{border-inline-start:3px solid #dda52d}
.dm-table-actions{display:flex;align-items:center;gap:4px;justify-content:flex-start}
body.wc-driver-entry .dm-icon-button{padding:0;width:30px;min-height:30px;border-radius:7px;background:#f1f7f4;color:#316d5b;border-color:#dde8e3;font-size:18px;line-height:1}
.dm-empty{padding:26px 16px;background:#fff;border:1px dashed #d7e5de;border-radius:12px;text-align:center;color:#59736e;font-size:13px}
.dm-bottom-nav{position:fixed;z-index:80;left:50%;transform:translateX(-50%);bottom:0;max-width:540px;width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;padding:7px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dce8e2;box-shadow:0 -4px 24px #153f3210}
body.wc-driver-entry .dm-bottom-nav button{padding:6px 2px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;color:#678076;font-size:10px;min-height:48px;min-width:0;border-radius:10px}
.dm-bottom-nav i{font-style:normal;font-size:19px;line-height:1}.dm-bottom-nav span{max-width:100%;white-space:normal}
body.wc-driver-entry .dm-bottom-nav button.active{background:#e6f5ee;color:#087d72}
.dm-account-card{padding:18px;margin:14px 0;border-radius:16px;background:#087d72;color:white}.dm-account-card strong{display:block;font-size:30px;margin:5px 0}.dm-account-card span,.dm-account-card small{display:block;font-size:12px;color:#e0f8ee}
.dm-money-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 2px;border-bottom:1px solid #dfe9e3;font-size:12px}.dm-money-item small{display:block;color:#59736e;margin-top:3px;font-size:11px}.dm-money-item>div:last-child{text-align:end;white-space:nowrap}
body.wc-driver-entry .wc-cloud-dialog{width:min(620px,calc(100% - 24px));max-height:88dvh;overflow:auto;background:#fff;color:#173d38;border:1px solid #d4e5dc;border-radius:18px;padding:20px;box-shadow:0 22px 60px #12352b33}
body.wc-driver-entry .wc-cloud-dialog::backdrop{background:#12372c66;backdrop-filter:blur(3px)}body.wc-driver-entry .wc-cloud-dialog h2{font-size:19px;margin:0 0 16px}.wc-cloud-dialog p{font-size:13px}
.dm-operation-list{display:grid;gap:8px;margin-top:15px}.dm-operation-list button:first-child{background:#087d72;color:#fff;border-color:#087d72}
.dm-report-wrap{overflow:auto;margin:12px 0}.dm-statement-table{width:100%;border-collapse:collapse;min-width:430px;font-size:12px;background:#fff;color:#173d38}.dm-statement-table th,.dm-statement-table td{padding:10px 7px;border-bottom:1px solid #dce8e2;text-align:start}.dm-statement-table th{background:#e8f3ee}
.dm-print-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
body.wc-driver-entry #rolePortal>div button{max-width:100%}
@media(min-width:700px){.dm-header{border-radius:0 0 18px 18px}.dm-orders-table td{height:45px}.dm-kpis{max-width:600px}}
@media(max-width:699px){.dm-col-customer,.dm-col-fee{display:none}.dm-col-invoice{width:40%}.dm-col-amount{width:17%}.dm-col-status{width:23%}.dm-col-actions{width:20%}.dm-mobile-customer{display:block!important}.dm-orders-table th,.dm-orders-table td{padding-inline:5px}.dm-orders-table td{height:52px}.dm-table-actions{gap:3px}.dm-icon-button{flex-shrink:0}body.wc-driver-entry #rolePortal{padding-inline:10px}.dm-header{margin-inline:-10px;padding:17px 16px 14px}.dm-filter input{font-size:16px}body.wc-driver-entry #workspace>header strong{display:none}.dm-kpis{gap:7px}.dm-kpi span{font-size:10px}.dm-kpi strong{font-size:23px}}
@media(pointer:coarse){body.wc-driver-entry .dm-icon-button{min-height:40px;width:28px;font-size:18px}.dm-table-actions{gap:4px}.dm-orders-table td{height:54px}}
@media print{body.wc-driver-entry> :not(.dm-statement-dialog){display:none!important}body.wc-driver-entry .dm-statement-dialog{display:block!important;position:static!important;max-width:none!important;width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}body.wc-driver-entry .dm-statement-dialog::backdrop{display:none}.dm-print-controls{display:none!important}.dm-report-wrap{overflow:visible}.dm-statement-table{min-width:0}.dm-statement-table tr{break-inside:avoid}}

body.wc-driver-entry *{box-sizing:border-box}
@media(max-width:699px){body.wc-driver-entry .dm-table-actions:has(button:nth-child(2)) .dm-icon-button:first-child{display:none}body.wc-driver-entry .dm-icon-button{width:40px;min-height:40px}.dm-table-actions{justify-content:center}}

html[lang="en"] body.wc-driver-entry .wc-ar,html[lang="ar"] body.wc-driver-entry .wc-en{display:none!important}

/* Phone layout: readable compact rows, full-width search and safe-area navigation. */
@media(max-width:699px){
 body.wc-driver-entry{font-size:15px;-webkit-text-size-adjust:100%}
 body.wc-driver-entry #rolePortal{padding:0 12px calc(90px + env(safe-area-inset-bottom));min-height:calc(100dvh - 40px)}
 .dm-header{margin:0 -12px 12px;padding:12px 16px}
 .dm-driver-line{margin-top:10px;gap:10px}.dm-driver-line h2{font-size:20px}.dm-driver-line small{font-size:13px}
 .dm-head-row{font-size:12px}.dm-brand{font-size:18px}
 .dm-kpis{gap:8px}.dm-kpi span{font-size:12px;line-height:1.4}.dm-kpi strong{font-size:25px}
 body.wc-driver-entry .dm-kpi{padding:12px 10px}
 .dm-section-title h3{font-size:17px}
 .dm-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .dm-filter input[type=search]{grid-column:1/-1}
 .dm-filter select{grid-column:1/-1;font-size:15px;min-height:44px}
 .dm-filter input[type=date]{font-size:13px;min-height:44px;padding:8px 6px}
 .dm-orders-table{font-size:14px}.dm-orders-table th{font-size:12px;padding-block:10px}
 .dm-orders-table td{height:60px;padding:7px 5px}.dm-orders-table b{font-size:14px}.dm-orders-table small{font-size:12px}
 .dm-col-invoice{width:38%}.dm-col-amount{width:19%}.dm-col-status{width:28%}.dm-col-actions{width:15%}
 .dm-status{font-size:11px;line-height:1.35;padding:4px 6px}
 body.wc-driver-entry .dm-icon-button{width:40px;min-height:44px}
 .dm-bottom-nav{max-width:none;padding:5px 3px calc(5px + env(safe-area-inset-bottom))}
 body.wc-driver-entry .dm-bottom-nav button{font-size:11px;min-height:60px;gap:4px;padding:6px 1px;line-height:1.25}
 .dm-bottom-nav i{font-size:21px}.dm-bottom-nav span{overflow-wrap:anywhere}
 body.wc-driver-entry .wc-cloud-dialog{width:calc(100% - 16px);padding:16px;max-height:90dvh}
 .dm-statement-table{min-width:0;table-layout:fixed;font-size:11px}.dm-statement-table th,.dm-statement-table td{padding:8px 3px;overflow-wrap:anywhere}
 .dm-statement-table th:nth-child(2){width:32%}
 .dm-money-item{font-size:14px}.dm-money-item small{font-size:12px}.dm-money-item>div:last-child{white-space:normal}
}
@media(max-width:359px){.dm-col-invoice{width:35%}.dm-col-amount{width:19%}.dm-col-status{width:30%}.dm-col-actions{width:16%}.dm-orders-table{font-size:13px}.dm-orders-table b{font-size:13px}.dm-status{font-size:10px}body.wc-driver-entry .dm-bottom-nav button{font-size:10px}}
/* Keep the driver portal phone-sized in wide windows. */
@media(min-width:700px){body.wc-driver-entry #rolePortal{max-width:540px;padding-inline:12px}.dm-header{margin-inline:-12px;padding:14px 16px}.dm-driver-line{margin-top:10px}.dm-kpis{gap:8px}.dm-kpi strong{font-size:23px}body.wc-driver-entry .dm-kpi{padding:10px}.dm-col-customer,.dm-col-fee{display:none}.dm-mobile-customer{display:block!important}.dm-col-invoice{width:38%}.dm-col-amount{width:19%}.dm-col-status{width:28%}.dm-col-actions{width:15%}.dm-orders-table td{height:52px}.dm-bottom-nav{max-width:540px}.dm-filter input[type=search]{grid-column:1/-1}.dm-filter select{grid-column:1/-1}.dm-table-actions:has(button:nth-child(2)) .dm-icon-button:first-child{display:none}}

.dm-order-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.dm-order-summary>div{padding:10px;background:#fff;border:1px solid #dce8e2;border-radius:10px;min-width:0}.dm-order-summary span{display:block;font-size:12px;color:#59736e}.dm-order-summary strong{display:block;font-size:18px;direction:ltr;text-align:start;color:#173d38}.dm-order-summary:has(>div:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}body.wc-driver-entry .dm-pending-banner{display:block;text-align:start}.dm-pending-banner .dm-order-summary{margin-bottom:0}.dm-pending-banner .dm-order-summary>div{background:#fffaf0;border-color:#efdfb7}@media(max-width:359px){.dm-order-summary strong{font-size:16px}.dm-order-summary span{font-size:11px}.dm-order-summary>div{padding:8px 5px}}
.dm-order-summary:has(>div:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.dm-bulk-bar{padding:10px;border:1px solid #c7dcd4;border-radius:12px;background:#e6f5ee;margin:10px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dm-bulk-bar label{display:flex;gap:8px;align-items:center;font-size:13px}.dm-bulk-bar input[type=checkbox],.dm-order-select{width:20px;min-height:20px;accent-color:#087d72;vertical-align:middle;margin:0 6px 0 0;padding:0}.dm-bulk-bar .dm-order-summary{flex-basis:100%;margin:0}.dm-order-select{display:block;float:inline-start;margin-top:2px}body.wc-driver-entry .wc-cloud-dialog textarea{width:100%;min-height:90px;font:inherit;border:1px solid #d5e4de;border-radius:10px;padding:10px}body.wc-driver-entry .wc-cloud-dialog select,body.wc-driver-entry .wc-cloud-dialog input[type=date]{width:100%;margin:8px 0}.wc-cloud-dialog{max-height:85dvh;overflow:auto}

/* Refresh and sign-out have a single home in More. */
body.wc-driver-entry #workspace>header #refresh,body.wc-driver-entry #workspace>header #signout{display:none}body.wc-driver-entry #workspace>header{gap:6px}body.wc-driver-entry #wcSyncCenter{flex-shrink:0}
