/* Store orders (الطلبات) — dashboard design, scoped under .crdts-dash.
   Page-private classes live here so the shell stylesheet stays generic. */

/* Font guard: the design sets Rubik/Cairo; keep the icon font out of it. */
.crdts-dash h1,.crdts-dash h2,.crdts-dash h3,.crdts-dash h4,.crdts-dash h5,.crdts-dash h6,.crdts-dash p,.crdts-dash span,.crdts-dash a,.crdts-dash b,.crdts-dash strong,.crdts-dash small,.crdts-dash em,.crdts-dash i,.crdts-dash li,.crdts-dash ul,.crdts-dash ol,.crdts-dash button,.crdts-dash label,.crdts-dash input,.crdts-dash textarea,.crdts-dash select,.crdts-dash summary,.crdts-dash blockquote,.crdts-dash th,.crdts-dash td,.crdts-dash legend,.crdts-dash figcaption,.crdts-dash option:not(.material-symbols-outlined):not([class*="material-symbols"]):not(.material-symbols-rounded):not([class*="material-symbols-rounded"]){font-family:inherit}
.crdts-dash .material-symbols-outlined,.crdts-dash [class*="material-symbols"]{
  font-family:'Material Symbols Outlined'!important;font-weight:400;font-style:normal;
  line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;
  white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';
  -webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}

/* ============ orders: filter bar ============ */
.crdts-dash .ord-filter-label{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:#8c8c81;
  white-space:nowrap}
.crdts-dash .ord-filter-label svg{width:15px;height:15px;color:#a1a194}
.crdts-dash .ord-filter{width:142px;flex-shrink:1;min-width:0}
.crdts-dash .ord-scope{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;
  background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;color:#77776e;
  white-space:nowrap}
.crdts-dash .ord-btn-group{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.crdts-dash .ord-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;
  font-size:12.5px;white-space:nowrap}
.crdts-dash .ord-btn.accent{background:#fff9e4;border-color:#f6edb9;color:#b47915}
.crdts-dash .ord-btn.accent:hover{background:#fff5c9;border-color:#f0d99a}

/* ============ orders: table cells ============ */
.crdts-dash .panel table{min-width:860px}
.crdts-dash .ord-id{display:flex;align-items:center;gap:10px}
.crdts-dash .ord-id b{font-size:12.5px;font-weight:700;color:#171714;white-space:nowrap}
.crdts-dash .ord-id-ico{width:32px;height:32px;border-radius:8px;background:#fff6d8;color:#b48314;
  display:grid;place-items:center;flex-shrink:0}
.crdts-dash .ord-id-ico svg{width:15px;height:15px}
.crdts-dash .ord-cust{display:flex;align-items:center;gap:9px;min-width:0}
.crdts-dash .ord-cust-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crdts-dash .ord-offer{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;color:#b5851b;
  background:#fff9e4;border-radius:20px;padding:3px 8px;white-space:nowrap;flex-shrink:0}
.crdts-dash .ord-offer svg{width:11px;height:11px}
.crdts-dash .ord-ava{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}
.crdts-dash .ord-ava-fb{display:grid;place-items:center;color:#fff}
.crdts-dash .ord-ava-fb svg{width:14px;height:14px}
.crdts-dash .ord-muted{color:#a1a194;white-space:nowrap}
.crdts-dash .ord-total b{display:block;font-size:12.5px;font-weight:700;color:#38382d;white-space:nowrap}
.crdts-dash .ord-total small{display:block;font-size:10px;color:#b5851b;margin-top:3px}
.crdts-dash .ord-chip{display:inline-flex;align-items:center;border-radius:20px;padding:5px 10px;
  font-size:10.5px;line-height:1.6;white-space:nowrap}
.crdts-dash .panel td.ord-empty{padding:0}

/* ============ orders: row actions ============ */
.crdts-dash .ord-status-acts{display:flex;flex-wrap:wrap;gap:6px}
.crdts-dash .ord-status-btn{border:1px solid #eaeae1;background:#f8f8f2;border-radius:5px;padding:6px 9px;
  font-size:10.5px;color:#6c6c5e;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.crdts-dash .ord-status-btn:hover{background:#fff6d4;border-color:#f0dfa8}
.crdts-dash .ord-status-btn.danger{color:#b2562f}
.crdts-dash .ord-status-btn.danger:hover{background:#fff0e9;border-color:#f0cfc2}
.crdts-dash .ord-status-btn:disabled{opacity:.5;cursor:not-allowed}
.crdts-dash .ord-acts{display:flex;align-items:center;gap:7px}
.crdts-dash .ord-spin{width:14px;height:14px;color:#c9a227;animation:ordSpin 1s linear infinite}
@keyframes ordSpin{to{transform:rotate(360deg)}}

/* ============ orders: pager ============ */
.crdts-dash .ord-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding:14px 24px}
.crdts-dash .ord-foot-count{font-size:11.5px;color:#949489;margin:0}
.crdts-dash .ord-pager{display:flex;align-items:center;gap:5px}
.crdts-dash .ord-page{width:30px;height:30px;border-radius:6px;border:1px solid #eaeae1;background:#fff;
  color:#7e7e6e;font-size:11.5px;display:grid;place-items:center;cursor:pointer;transition:background .15s}
.crdts-dash .ord-page:hover{background:#fff6d4;border-color:#f0dfa8}
.crdts-dash .ord-page.on{background:#171714;border-color:#171714;color:#fff;font-weight:700}
.crdts-dash .ord-dots{font-size:11px;color:#b4b4a7;padding:0 2px}

@media(max-width:980px){
.crdts-dash .ord-filter{flex:1 1 46%}
}

@media(max-width:680px){
.crdts-dash .ord-filter{flex:1 1 100%;width:auto}
.crdts-dash .ord-btn-group{flex:1 0 100%}
.crdts-dash .ord-btn-group>button{flex:1}
.crdts-dash .ord-scope{flex:1 1 100%}
.crdts-dash .ord-foot{padding-inline:16px}
.crdts-dash .ord-status-btn{font-size:10px;padding:5px 7px}
.crdts-dash .ord-pager{flex:1;justify-content:flex-end}
}