/*
  Woo Quote Proforma — Builder UI
  Scope: UI/UX only (CSS / light markup styling)

  Notes:
  - All styles are scoped under .wqp-wrap to avoid impacting the site/theme.
  - No business logic / calculations / REST / DB behavior is affected.
*/

.wqp-wrap{
  max-width:1180px;
  margin:12px auto;
  padding:0 12px;
  color:#0f172a;
  font-size:14px;
  line-height:1.45;
  direction:rtl;
  text-align:right;
}

/* Technical-advice appendix selector (internal, edit-scoped). */
.wqp-wrap #wqp-btn-technical-advice{
  align-items:center;
  justify-content:center;
  border-color:#0f766e;
  background:#ecfdf5;
  color:#115e59;
  font-weight:800;
}
.wqp-wrap #wqp-btn-technical-advice:hover,
.wqp-wrap #wqp-btn-technical-advice:focus{background:#d1fae5;border-color:#0f766e;color:#134e4a}
.wqp-wrap #wqp-items .wqp-technical-advice-select-head,
.wqp-wrap #wqp-items .wqp-technical-advice-select-cell{
  width:74px;
  min-width:74px;
  text-align:center;
  vertical-align:middle;
  background:#f0fdfa;
}
.wqp-wrap #wqp-items:not(.wqp-technical-advice-selecting) .wqp-technical-advice-select-head,
.wqp-wrap #wqp-items:not(.wqp-technical-advice-selecting) .wqp-technical-advice-select-cell{display:none!important}
.wqp-wrap #wqp-items .wqp-technical-advice-checkbox{
  width:19px;
  height:19px;
  margin:0;
  accent-color:#0f766e;
  cursor:pointer;
}
.wqp-wrap #wqp-items .wqp-technical-advice-checkbox:disabled{cursor:not-allowed;opacity:.42}
.wqp-wrap .wqp-technical-advice-panel{
  margin:12px 0 4px;
  padding:16px;
  border:1px solid #99f6e4;
  border-radius:12px;
  background:linear-gradient(135deg,#f0fdfa 0%,#f8fafc 100%);
  box-shadow:0 8px 22px rgba(15,118,110,.08);
  display:flex;
  align-items:stretch;
  flex-direction:column;
  gap:12px;
}
.wqp-wrap .wqp-technical-advice-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wqp-wrap .wqp-technical-advice-panel-copy{display:flex;flex:1 1 360px;flex-direction:column;gap:4px;color:#134e4a;line-height:1.75}
.wqp-wrap .wqp-technical-advice-panel-copy strong{font-size:14px}
.wqp-wrap .wqp-technical-advice-panel-copy span{font-size:12px;color:#475569}
.wqp-wrap .wqp-technical-advice-print-preference{flex:0 1 430px;display:flex;flex-direction:column;gap:5px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}
.wqp-wrap .wqp-technical-advice-switch{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px;margin:0}
.wqp-wrap .wqp-technical-advice-switch input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.wqp-wrap .wqp-technical-advice-switch-track{position:relative;flex:0 0 46px;width:46px;height:25px;border-radius:999px;background:#94a3b8;box-shadow:inset 0 0 0 1px rgba(15,23,42,.14);transition:background-color .16s ease}
.wqp-wrap .wqp-technical-advice-switch-track span{position:absolute;top:3px;right:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.28);transition:transform .16s ease}
.wqp-wrap .wqp-technical-advice-switch input:checked + .wqp-technical-advice-switch-track{background:#0f766e}
.wqp-wrap .wqp-technical-advice-switch input:checked + .wqp-technical-advice-switch-track span{transform:translateX(-21px)}
.wqp-wrap .wqp-technical-advice-switch input:focus-visible + .wqp-technical-advice-switch-track{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.wqp-wrap .wqp-technical-advice-switch input:disabled + .wqp-technical-advice-switch-track{opacity:.5;cursor:not-allowed}
.wqp-wrap .wqp-technical-advice-switch:has(input:disabled){cursor:not-allowed}
.wqp-wrap .wqp-technical-advice-switch-copy{display:flex;min-width:0;flex-direction:column;gap:2px;line-height:1.55}
.wqp-wrap .wqp-technical-advice-switch-copy strong{font-size:12px;color:#0f172a}
.wqp-wrap .wqp-technical-advice-switch-copy small{font-size:10px;color:#64748b}
.wqp-wrap .wqp-technical-advice-print-status{min-height:18px;font-size:10px;font-weight:700;color:#475569}
.wqp-wrap .wqp-technical-advice-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wqp-wrap .wqp-technical-advice-summary-card{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:9px 11px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;color:#475569}
.wqp-wrap .wqp-technical-advice-summary-card span{font-size:11px;font-weight:700}
.wqp-wrap .wqp-technical-advice-summary-card strong{font-size:18px;font-variant-numeric:tabular-nums;color:#0f172a}
.wqp-wrap .wqp-technical-advice-summary-card.is-ready{border-color:#a7f3d0;background:#f0fdf4}
.wqp-wrap .wqp-technical-advice-summary-card.is-missing{border-color:#fed7aa;background:#fff7ed}
.wqp-wrap .wqp-technical-advice-summary-card.is-removed{border-color:#fecaca;background:#fff7f7}
.wqp-wrap .wqp-technical-advice-progress{display:flex;flex-direction:column;gap:7px;padding:11px 12px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a5f}
.wqp-wrap .wqp-technical-advice-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.wqp-wrap .wqp-technical-advice-progress-head span{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.wqp-wrap .wqp-technical-advice-progress-track{position:relative;overflow:hidden;height:8px;border-radius:999px;background:#dbeafe}
.wqp-wrap .wqp-technical-advice-progress-track>span{display:block;width:0;height:100%;margin-right:0;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#2563eb);transition:width .22s ease}
.wqp-wrap .wqp-technical-advice-progress.is-indeterminate .wqp-technical-advice-progress-track>span{position:relative;background:repeating-linear-gradient(135deg,#0f766e 0,#0f766e 10px,#2dd4bf 10px,#2dd4bf 20px);background-size:30px 30px;animation:wqp-ta-progress-stripes .8s linear infinite}
.wqp-wrap .wqp-technical-advice-progress.is-complete{border-color:#86efac;background:#f0fdf4;color:#166534}
.wqp-wrap .wqp-technical-advice-progress.is-complete .wqp-technical-advice-progress-track{background:#dcfce7}
.wqp-wrap .wqp-technical-advice-progress.is-complete .wqp-technical-advice-progress-track>span{background:#16a34a}
.wqp-wrap .wqp-technical-advice-progress p{margin:0;font-size:11px;line-height:1.7;color:#475569}
@keyframes wqp-ta-progress-stripes{from{background-position:0 0}to{background-position:30px 0}}
.wqp-wrap .wqp-technical-advice-panel-status{padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.82);color:#0f766e;font-size:12px;font-weight:700;line-height:1.75}
.wqp-wrap .wqp-technical-advice-panel-status.is-success{border:1px solid #86efac;background:#f0fdf4;color:#166534}
.wqp-wrap .wqp-technical-advice-panel-status.is-warning{border:1px solid #fdba74;background:#fff7ed;color:#9a3412}
.wqp-wrap .wqp-technical-advice-panel-status.is-error{border:1px solid #fca5a5;background:#fef2f2;color:#991b1b}
.wqp-wrap .wqp-technical-advice-panel-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.wqp-wrap #wqp-technical-advice-confirm{background:#0f766e;border-color:#0f766e;color:#fff;font-weight:800}
.wqp-wrap #wqp-technical-advice-confirm:hover,
.wqp-wrap #wqp-technical-advice-confirm:focus{background:#115e59;border-color:#115e59;color:#fff}

@media (max-width:768px){
  .wqp-wrap .wqp-technical-advice-panel{align-items:stretch;padding:12px}
  .wqp-wrap .wqp-technical-advice-panel-head{display:block}
  .wqp-wrap .wqp-technical-advice-panel-copy,
  .wqp-wrap .wqp-technical-advice-panel-status{width:100%}
  .wqp-wrap .wqp-technical-advice-print-preference{margin-top:10px;width:100%;max-width:none}
  .wqp-wrap .wqp-technical-advice-summary{grid-template-columns:1fr 1fr}
  .wqp-wrap .wqp-technical-advice-panel-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .wqp-wrap .wqp-technical-advice-panel-actions .wqp-btn{min-height:44px;white-space:normal;line-height:1.5}
  .wqp-wrap .wqp-technical-advice-panel-actions #wqp-technical-advice-clear{grid-column:1 / -1}
  .wqp-wrap #wqp-items .wqp-technical-advice-select-head,
  .wqp-wrap #wqp-items .wqp-technical-advice-select-cell{min-width:68px;width:68px}
}

@media (max-width:420px){
  .wqp-wrap .wqp-technical-advice-summary{grid-template-columns:1fr}
  .wqp-wrap .wqp-technical-advice-summary-card{min-height:42px}
  .wqp-wrap .wqp-technical-advice-panel-actions{grid-template-columns:1fr}
  .wqp-wrap .wqp-technical-advice-panel-actions #wqp-technical-advice-clear{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){
  .wqp-wrap .wqp-technical-advice-progress.is-indeterminate .wqp-technical-advice-progress-track>span{animation:none}
  .wqp-wrap .wqp-technical-advice-progress-track>span,
  .wqp-wrap .wqp-technical-advice-switch-track,
  .wqp-wrap .wqp-technical-advice-switch-track span{transition:none}
}

.wqp-wrap.wqp-builder-unavailable{
  border:1px solid #b91c1c;
  border-radius:10px;
  background:#fef2f2;
  color:#7f1d1d;
  padding:14px 16px;
}
.wqp-wrap.wqp-builder-unavailable strong{display:block;margin-bottom:6px}
.wqp-wrap.wqp-builder-unavailable p{margin:0}
.wqp-wrap .wqp-save-state{
  direction:rtl;
  text-align:right;
  margin:0 0 10px;
  font-weight:700;
}
.wqp-wrap .wqp-save-state[data-state="initializing"]{color:#475569}
.wqp-wrap .wqp-save-state[data-state="saved"]{color:#166534}
.wqp-wrap .wqp-save-state[data-state="saving"],
.wqp-wrap .wqp-save-state[data-state="retrying"]{color:#1d4ed8}
.wqp-wrap .wqp-save-state[data-state="dirty"]{color:#92400e}
.wqp-wrap .wqp-save-state[data-state="conflict"],
.wqp-wrap .wqp-save-state[data-state="failed"]{color:#b91c1c}
.wqp-wrap .wqp-runtime-unavailable{opacity:.94}
.wqp-wrap .wqp-runtime-unavailable [aria-disabled="true"]{cursor:not-allowed}

/* Keep sizing predictable inside the Builder UI only */
.wqp-wrap,
.wqp-wrap *{box-sizing:border-box}

.wqp-wrap .wqp-card{
  background:#fff;
  border:1px solid #cbd5e1;
  border-radius:14px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}

.wqp-wrap .wqp-header{
  padding:12px 16px;
  border-bottom:1px solid #cbd5e1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#f8fafc;
  border-radius:14px 14px 0 0;
}

.wqp-wrap .wqp-title{font-size:17px;font-weight:800;color:#0f172a}
.wqp-wrap .wqp-subtitle{font-size:12px;color:#475569}
.wqp-wrap .wqp-body{padding:12px 14px}

/* Layout */
.wqp-wrap .wqp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wqp-wrap .wqp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wqp-wrap .wqp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wqp-wrap .wqp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:900px){
  .wqp-wrap .wqp-grid,
  .wqp-wrap .wqp-grid-2,
  .wqp-wrap .wqp-grid-3,
  .wqp-wrap .wqp-grid-4{grid-template-columns:repeat(1,minmax(0,1fr))}
}

/* Document header blocks (missing styles previously) */
.wqp-wrap .wqp-doc-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:4px 0 16px;align-items:start}
.wqp-wrap .wqp-doc-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;min-width:0;align-self:start}
@media(max-width:900px){.wqp-wrap .wqp-doc-header{grid-template-columns:1fr}}

/* Field sizing helpers used in markup */
.wqp-wrap .wqp-field{min-width:0}
.wqp-wrap .wqp-field-full{grid-column:1 / -1}
.wqp-wrap .wqp-field-hidden{display:none}

/* Typography */
.wqp-wrap .wqp-field label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:#0f172a;
  margin-bottom:6px;
}

.wqp-wrap .wqp-field input,
.wqp-wrap .wqp-field select,
.wqp-wrap .wqp-field textarea{
  width:100%;
  padding:10px 12px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  font-size:14px;
  font-weight:500;
  line-height:1.35;
  color:#0f172a;
  background:#fff;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.wqp-wrap .wqp-field textarea{resize:vertical}

.wqp-wrap .wqp-field input::placeholder,
.wqp-wrap .wqp-field textarea::placeholder{color:#94a3b8}

.wqp-wrap .wqp-field input:hover,
.wqp-wrap .wqp-field select:hover,
.wqp-wrap .wqp-field textarea:hover{border-color:#94a3b8}

/* Focus highlight (controlled) */
.wqp-wrap .wqp-field input:focus,
.wqp-wrap .wqp-field select:focus,
.wqp-wrap .wqp-field textarea:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.18);
}

.wqp-wrap .wqp-field input:disabled{
  background:#f1f5f9;
  color:#64748b;
  border-color:#e2e8f0;
}

.wqp-wrap .wqp-req{color:#ef4444}

/* Buttons */
.wqp-wrap .wqp-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.wqp-wrap .wqp-btn{
  border:1px solid #cbd5e1;
  background:#fff;
  border-radius:10px;
  padding:10px 14px;
  font-size:14px;
  font-weight:600;
  color:#0f172a;
  cursor:pointer;
  transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.wqp-wrap .wqp-btn:hover{background:#f8fafc;border-color:#94a3b8}
.wqp-wrap .wqp-btn:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}

.wqp-wrap .wqp-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}
.wqp-wrap .wqp-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}
.wqp-wrap .wqp-btn-primary:focus{box-shadow:0 0 0 3px rgba(37,99,235,.30)}
.wqp-wrap .wqp-btn-excel{border-color:#86efac;background:#f0fdf4;color:#166534}
.wqp-wrap .wqp-btn-excel:hover{background:#dcfce7;border-color:#4ade80}
.wqp-wrap .wqp-btn-excel:focus{box-shadow:0 0 0 3px rgba(34,197,94,.20)}

.wqp-wrap .wqp-alert{padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:13px}
.wqp-wrap .wqp-alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}
.wqp-wrap .wqp-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.wqp-wrap .wqp-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}

/* Toast-style fixed message (Sprint 0) */
.wqp-wrap .wqp-toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:680px;z-index:100000;margin:0;box-shadow:0 10px 24px rgba(0,0,0,.10);cursor:pointer}

/* Loading state (Sprint 0) */
.wqp-wrap .wqp-btn:disabled{opacity:.65;cursor:not-allowed}
.wqp-wrap .wqp-loading::before{content:'';position:fixed;bottom:16px;left:16px;width:18px;height:18px;border:2px solid #d1d5db;border-top-color:#2563eb;border-radius:50%;animation:wqp-spin .9s linear infinite;z-index:100001}
@keyframes wqp-spin{to{transform:rotate(360deg)}}

/* Customer/product search dropdown */
.wqp-wrap .wqp-product-search{margin-top:16px;position:relative}
.wqp-wrap .wqp-product-search input{padding-left:40px}
.wqp-wrap .wqp-ps-results{position:absolute;top:72px;right:0;left:0;background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-height:300px;overflow:auto;z-index:9999;box-shadow:0 14px 34px rgba(0,0,0,.10)}
.wqp-wrap .wqp-ps-item{padding:10px 12px;border-bottom:1px solid #eef2f7;cursor:pointer}
.wqp-wrap .wqp-ps-item:last-child{border-bottom:none}
.wqp-wrap .wqp-ps-item:hover,
.wqp-wrap .wqp-ps-item.active{background:#f1f5f9}
.wqp-wrap .wqp-ps-title{font-size:13px;font-weight:700}
.wqp-wrap .wqp-ps-meta{font-size:12px;color:#64748b;margin-top:3px}

/* Items header (+) (Pack-8A) */
.wqp-wrap .wqp-items-header{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc}
.wqp-wrap .wqp-items-title{font-size:14px;font-weight:800;color:#0f172a}
.wqp-wrap .wqp-items-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wqp-wrap .wqp-btn-manual{padding:9px 12px;font-size:13px;font-weight:700;border-radius:12px}
.wqp-wrap .wqp-btn-compact{padding:9px 12px;font-size:13px;font-weight:700;border-radius:12px;line-height:1.4}
.wqp-wrap .wqp-btn-soft-danger{border-color:#fecaca;background:#fff7f7;color:#991b1b}
.wqp-wrap .wqp-btn-soft-danger:hover{background:#fef2f2;border-color:#fca5a5}
.wqp-wrap .wqp-btn-add{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;border-radius:12px}
.wqp-wrap .wqp-btn-add:hover{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.wqp-wrap .wqp-btn-add:disabled{opacity:.55;cursor:not-allowed}

/* Sepidar-like Product Picker Modal (Pack-8A) */
.wqp-wrap .wqp-modal{position:fixed;inset:0;z-index:100005;display:none}
.wqp-wrap .wqp-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.40)}
.wqp-wrap .wqp-modal-dialog{position:relative;max-width:1040px;width:calc(100% - 24px);max-height:calc(100% - 24px);margin:12px auto;background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.18);display:flex;flex-direction:column}
.wqp-wrap .wqp-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:14px 14px 0 0}
.wqp-wrap .wqp-modal-title{font-size:14px;font-weight:800;color:#0f172a}
.wqp-wrap .wqp-modal-close{border:1px solid #cbd5e1;background:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;line-height:1;font-size:18px}
.wqp-wrap .wqp-modal-close:hover{background:#f1f5f9;border-color:#94a3b8}
.wqp-wrap .wqp-modal-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}

.wqp-wrap .wqp-pp-filters{margin-bottom:2px}
.wqp-wrap .wqp-pp-results{border:1px solid #cbd5e1;border-radius:12px;overflow:auto;max-height:360px;background:#fff}
.wqp-wrap .wqp-pp-table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}
.wqp-wrap .wqp-pp-table th,
.wqp-wrap .wqp-pp-table td{border-bottom:1px solid #eef2f7;padding:9px 8px;text-align:right;vertical-align:top;font-size:13px;white-space:nowrap;color:#0f172a}
.wqp-wrap .wqp-pp-table thead th{background:#f1f5f9;font-weight:800;color:#0f172a;position:sticky;top:0;z-index:1;border-bottom:1px solid #cbd5e1}
.wqp-wrap .wqp-pp-table tbody tr:hover{background:#f8fafc}
.wqp-wrap .wqp-pp-table tbody tr.wqp-pp-selected{background:#eff6ff}
.wqp-wrap .wqp-pp-col-check{text-align:center}
.wqp-wrap .wqp-pp-check{width:16px;height:16px;cursor:pointer}
.wqp-wrap .wqp-pp-price{text-align:left;direction:ltr}
.wqp-wrap .wqp-pp-muted{font-size:12px;color:#64748b;white-space:normal}

/* UI-PACK-08A: product name visibility (wrap + tooltip) */
.wqp-wrap .wqp-pp-table td.wqp-pp-title-cell{white-space:normal;word-break:break-word}

.wqp-wrap .wqp-pp-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wqp-wrap .wqp-pp-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wqp-wrap .wqp-pp-pageinfo{font-size:12px;color:#334155}
.wqp-wrap .wqp-pp-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

@media(max-width:900px){
  .wqp-wrap .wqp-pp-results{max-height:52vh}
  .wqp-wrap .wqp-pp-table{min-width:760px}
}

/* Items table */
.wqp-wrap .wqp-table-wrap{margin-top:10px;overflow-x:hidden;overflow-y:visible;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.wqp-wrap .wqp-table{width:100%;border-collapse:separate;border-spacing:0}
.wqp-wrap .wqp-table th,
.wqp-wrap .wqp-table td{border-bottom:1px solid #eef2f7;padding:10px 8px;text-align:right;vertical-align:top;font-size:13px;color:#0f172a}

/* Align item rows vertically (fix misaligned "جمع" column) */
.wqp-wrap #wqp-items tbody td{vertical-align:middle}

/* Bidi-safe: keep mixed RTL/LTR titles readable in tables */
.wqp-wrap #wqp-items .wqp-item-name-cell{unicode-bidi:plaintext}
.wqp-wrap .wqp-pp-table td.wqp-pp-title-cell{unicode-bidi:plaintext}
.wqp-wrap .wqp-ps-title{unicode-bidi:plaintext}

.wqp-wrap .wqp-table thead th{background:#f1f5f9;font-weight:800;color:#0f172a;border-bottom:1px solid #cbd5e1}
.wqp-wrap .wqp-table tbody tr:hover{background:#f8fafc}

.wqp-wrap .wqp-table input,
.wqp-wrap .wqp-table textarea{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:8px 10px;
  font-size:14px;
  font-weight:500;
  line-height:1.35;
  color:#0f172a;
  background:#fff;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.wqp-wrap .wqp-table input:hover,
.wqp-wrap .wqp-table textarea:hover{border-color:#94a3b8}

.wqp-wrap .wqp-table input:focus,
.wqp-wrap .wqp-table textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}

.wqp-wrap .wqp-table textarea{min-height:38px;resize:vertical}

.wqp-wrap .wqp-remove{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;border-radius:10px;padding:8px 10px;cursor:pointer}
.wqp-wrap .wqp-remove:hover{background:#fecaca}


/* Summary */
.wqp-wrap .wqp-summary{margin-top:14px;border:1px solid #cbd5e1;border-radius:12px;padding:12px;background:#f8fafc}
.wqp-wrap .wqp-summary-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:14px;color:#0f172a}
.wqp-wrap .wqp-summary-row span:first-child{font-weight:600;color:#334155}
.wqp-wrap .wqp-summary-row span:last-child{font-weight:800;color:#0f172a}
.wqp-wrap .wqp-summary-total{font-weight:900;border-top:1px dashed #cbd5e1;margin-top:8px;padding-top:12px}
.wqp-wrap .wqp-summary-total span:last-child{font-size:16px}

.wqp-wrap .wqp-public-link{margin-top:12px;font-size:13px;color:#334155}
.wqp-wrap .wqp-public-link a{word-break:break-all}

/* Cart preview (Phase 2) */
.wqp-wrap .wqp-cart-preview{margin-top:14px;border:1px solid #cbd5e1;border-radius:12px;padding:12px;background:#f8fafc}
.wqp-wrap .wqp-cart-preview .wqp-cart-title{font-size:14px;font-weight:800;margin-bottom:8px;color:#0f172a}
.wqp-wrap .wqp-cart-preview ul{margin:0;padding:0 18px 0 0}
.wqp-wrap .wqp-cart-preview li{margin:4px 0;font-size:13px;color:#0f172a}
.wqp-wrap .wqp-cart-preview .wqp-cart-meta{font-size:12px;color:#64748b;margin-top:2px}
.wqp-wrap .wqp-cart-preview .wqp-cart-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}

/* Sticky bottom toolbar (Pack-8B) */
.wqp-wrap .wqp-actions-toolbar{position:sticky;bottom:0;z-index:10000;background:#fff;padding:12px 0;margin-top:16px;border-top:1px solid #cbd5e1}

/* Summary small line (Pack-8B) */
.wqp-wrap .wqp-summary-row-small{font-size:13px;color:#64748b;padding:4px 0}

/* Global discount modal (Pack-8B) */
.wqp-wrap .wqp-gd-dialog{max-width:420px}
.wqp-wrap .wqp-gd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wqp-wrap .wqp-gd-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px;flex-wrap:wrap}
@media(max-width:900px){.wqp-wrap .wqp-gd-fields{grid-template-columns:repeat(1,minmax(0,1fr))}}

/* Readonly meta block (missing styles previously) */
.wqp-wrap .wqp-readonly-meta{margin:10px 0 12px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;color:#334155;font-size:13px}

/* Numeric inputs: force LTR for readability in RTL UI */
.wqp-wrap .wqp-num{direction:ltr;text-align:left}

/* VAT toggle (Pack-09H) */
.wqp-wrap .wqp-vat-toggle-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.wqp-wrap .wqp-vat-toggle-label input[type="checkbox"]{width:16px;height:16px;margin:0}
.wqp-wrap .wqp-vat-toggle-label span{unicode-bidi:plaintext}

/* v48: Frontend customer add shortcut for internal sales/admin users */
.wqp-wrap .wqp-customer-search-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.wqp-wrap .wqp-customer-search-head label{margin:0}
.wqp-wrap .wqp-btn-add-customer{
  padding:6px 10px;
  min-height:32px;
  border-radius:9px;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:640px){
  .wqp-wrap .wqp-customer-search-head{align-items:flex-start;flex-direction:column}
  .wqp-wrap .wqp-btn-add-customer{width:100%}
}

/* Product picker searchable brand selector (v50) */
.wqp-wrap .wqp-pp-filters{position:relative;z-index:12;overflow:visible}
.wqp-wrap .wqp-pp-brand-field{position:relative;overflow:visible}
.wqp-wrap .wqp-pp-brand-native{display:none!important}
.wqp-wrap .wqp-pp-brand-combo{position:relative;z-index:30;width:100%}
.wqp-wrap .wqp-pp-brand-input-wrap{position:relative;display:flex;align-items:center;width:100%}
.wqp-wrap .wqp-pp-brand-search{width:100%;padding-left:38px!important;background:#fff}
.wqp-wrap .wqp-pp-brand-search:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;outline:none!important}
.wqp-wrap .wqp-pp-brand-clear{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;display:none;align-items:center;justify-content:center;line-height:1;cursor:pointer;font-size:15px;padding:0}
.wqp-wrap .wqp-pp-brand-clear:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}
.wqp-wrap .wqp-pp-brand-options{display:none;position:absolute;right:0;left:0;top:calc(100% + 6px);max-height:300px;overflow:auto;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 16px 36px rgba(15,23,42,.18);padding:6px;z-index:100050;direction:rtl}
.wqp-wrap .wqp-pp-brand-combo.is-open .wqp-pp-brand-options{display:block}
.wqp-wrap .wqp-pp-brand-option{width:100%;border:0;background:#fff;border-radius:9px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;text-align:right;color:#0f172a;font-size:13px;line-height:1.55}
.wqp-wrap .wqp-pp-brand-option:hover,
.wqp-wrap .wqp-pp-brand-option.is-active{background:#eff6ff;color:#1d4ed8}
.wqp-wrap .wqp-pp-brand-option.is-selected{background:#dcfce7;color:#166534;font-weight:800}
.wqp-wrap .wqp-pp-brand-option-name{font-weight:700;white-space:normal;word-break:break-word}
.wqp-wrap .wqp-pp-brand-option-hint{font-size:11px;color:#64748b;direction:ltr;text-align:left;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wqp-wrap .wqp-pp-brand-empty{padding:12px 10px;color:#64748b;font-size:12px;text-align:center}
.wqp-wrap .wqp-pp-brand-status{margin-top:6px;color:#64748b;font-size:11px;line-height:1.6}
.wqp-wrap .wqp-modal-body{overflow:visible}
.wqp-wrap .wqp-pp-results,
.wqp-wrap .wqp-pp-parents-list,
.wqp-wrap .wqp-pp-variants-results{position:relative;z-index:1}
@media(max-width:700px){
  .wqp-wrap .wqp-pp-brand-options{max-height:240px}
  .wqp-wrap .wqp-pp-brand-option{padding:10px 9px}
}


/* v52 — final save lock / explicit edit-session UX */
.wqp-edit-lock-panel{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #d8e1ef;
  border-radius:10px;
  background:#f8fbff;
  font-size:13px;
  line-height:1.8;
}
.wqp-edit-lock-panel-locked{
  border-color:#fecaca;
  background:#fff7f7;
}
.wqp-edit-lock-panel-open{
  border-color:#bbf7d0;
  background:#f7fff9;
}
.wqp-edit-lock-title{
  font-weight:800;
  margin-bottom:3px;
}
.wqp-edit-lock-line strong{
  color:#1f2937;
}
.wqp-btn-edit-lock{
  border-color:#f59e0b !important;
  background:#fff7ed !important;
  color:#92400e !important;
  font-weight:700;
}
.wqp-doc-edit-locked .wqp-items-header,
.wqp-doc-edit-locked .wqp-table-wrap,
.wqp-doc-edit-locked .wqp-doc-header,
.wqp-doc-edit-locked .wqp-summary,
.wqp-doc-edit-locked .wqp-field{
  opacity:.88;
}

/* v53: Send-to-expert modal */
.wqp-send-expert-dialog{max-width:560px;width:min(560px,calc(100vw - 32px));}
.wqp-send-expert-note{font-size:13px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;margin-bottom:12px;line-height:1.9;}
.wqp-send-expert-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;padding:2px;}
.wqp-send-expert-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #dbe4f0;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;}
.wqp-send-expert-option:hover{background:#f8fbff;border-color:#b7c9e5;box-shadow:0 6px 18px rgba(15,23,42,.06);}
.wqp-send-expert-option input{margin-top:5px;flex:0 0 auto;}
.wqp-send-expert-option-body{display:flex;flex-direction:column;gap:4px;line-height:1.7;}
.wqp-send-expert-option-body strong{font-size:14px;color:#0f172a;}
.wqp-send-expert-option-body small{font-size:12px;color:#64748b;}
.wqp-send-expert-separator{font-size:12px;color:#64748b;padding:6px 4px 0;border-top:1px dashed #dbe4f0;margin-top:4px;}
.wqp-send-expert-loading,.wqp-send-expert-empty{border:1px dashed #cbd5e1;background:#f8fafc;color:#475569;border-radius:12px;padding:14px;text-align:center;line-height:1.8;}
.wqp-send-expert-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;}


/* v54: send-to-expert modal is created dynamically. Keep a global fallback so it remains visible even if a theme/optimizer moves it outside .wqp-wrap. */
#wqp-send-expert-modal.wqp-modal{position:fixed;inset:0;z-index:100005;display:none;direction:rtl;}
#wqp-send-expert-modal .wqp-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.40);}
#wqp-send-expert-modal .wqp-modal-dialog{position:relative;max-height:calc(100% - 24px);margin:12px auto;background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.18);display:flex;flex-direction:column;}
#wqp-send-expert-modal .wqp-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:14px 14px 0 0;}
#wqp-send-expert-modal .wqp-modal-title{font-size:14px;font-weight:800;color:#0f172a;}
#wqp-send-expert-modal .wqp-modal-close{border:1px solid #cbd5e1;background:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;line-height:1;font-size:18px;}
#wqp-send-expert-modal .wqp-modal-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px;overflow:visible;}

/* v77: Missing product sales-unit marker. If a WooCommerce product has no `واحد فروش` attribute,
   the fallback unit (usually "عدد") is highlighted for admins to fix the product attribute. */
.wqp-wrap .wqp-unit-missing{
  color:#b91c1c !important;
  font-weight:800;
  background:#fef2f2;
  border-radius:8px;
}

/* v78/v88: synchronized inline global discount percent and total Rial amount. */
.wqp-wrap .wqp-btn-soft-warning{border-color:#fed7aa;background:#fff7ed;color:#9a3412}
.wqp-wrap .wqp-btn-soft-warning:hover{background:#ffedd5;border-color:#fdba74}
.wqp-wrap .wqp-summary-discount-row{gap:12px}
.wqp-wrap .wqp-discount-inline{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
  direction:ltr;
  min-width:340px;
}
.wqp-wrap .wqp-discount-percent-field,
.wqp-wrap .wqp-discount-amount-wrap{
  display:inline-flex;
  align-items:center;
  gap:5px;
  direction:ltr;
  white-space:nowrap;
}
.wqp-wrap .wqp-global-discount-percent-inline{
  width:82px;
  min-width:82px;
  height:36px;
  padding:6px 8px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  color:#0f172a;
  font-size:14px;
  font-weight:800;
  text-align:center;
  direction:ltr;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.wqp-wrap .wqp-global-discount-percent-inline:hover{border-color:#94a3b8}
.wqp-wrap .wqp-global-discount-percent-inline:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.16)}
.wqp-wrap .wqp-global-discount-percent-inline:disabled{background:#f1f5f9;color:#64748b;border-color:#e2e8f0;cursor:not-allowed}
.wqp-wrap .wqp-discount-percent-sign{font-size:13px;font-weight:900;color:#334155;direction:rtl}
.wqp-wrap .wqp-discount-amount-wrap{font-size:12px;font-weight:800;color:#64748b}
.wqp-wrap .wqp-discount-amount-field{
  display:inline-flex;
  align-items:stretch;
  height:36px;
  overflow:hidden;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  direction:ltr;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.wqp-wrap .wqp-discount-amount-field:hover{border-color:#94a3b8}
.wqp-wrap .wqp-discount-amount-field:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.16)}
.wqp-wrap .wqp-discount-amount-field.is-invalid{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.10)}
.wqp-wrap .wqp-discount-amount-field.is-disabled{background:#f1f5f9;border-color:#e2e8f0}
.wqp-wrap .wqp-global-discount-amount-inline{
  width:142px;
  min-width:108px;
  height:100%;
  margin:0;
  padding:6px 9px;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent;
  color:#0f172a;
  font-size:13px;
  font-weight:900;
  text-align:center;
  direction:ltr;
}
.wqp-wrap .wqp-discount-amount-field > span{
  display:flex;
  align-items:center;
  padding:0 8px;
  border-left:1px solid #e2e8f0;
  background:#f8fafc;
  color:#475569;
  font-size:10.5px;
  font-weight:900;
  direction:rtl;
}
.wqp-wrap .wqp-global-discount-amount-inline:disabled{color:#64748b;cursor:not-allowed}
.wqp-wrap .wqp-inline-discount-status{
  display:none;
  margin:-1px 0 5px;
  color:#64748b;
  font-size:10.5px;
  font-weight:700;
  line-height:1.75;
}
.wqp-wrap .wqp-inline-discount-status:not(:empty){display:block}
.wqp-wrap .wqp-inline-discount-status.is-error{color:#b91c1c}
.wqp-wrap .wqp-inline-discount-status.is-warning{color:#9a3412}
.wqp-wrap .wqp-inline-discount-status.is-info{color:#475569}
@media(max-width:640px){
  .wqp-wrap .wqp-discount-inline{min-width:0;width:100%;justify-content:flex-start;gap:8px}
  .wqp-wrap .wqp-global-discount-percent-inline{width:78px;min-width:78px}
  .wqp-wrap .wqp-global-discount-amount-inline{width:132px;min-width:96px}
}

/* v87/v88: permission-gated desired-final-total solver, collapsed by default. */
.wqp-wrap .wqp-final-target-disclosure{
  margin:0 0 7px;
  padding:1px 0 0;
}
.wqp-wrap .wqp-final-target-toggle-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin:0;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  line-height:1.7;
  cursor:pointer;
  user-select:none;
  transition:color .15s ease;
}
.wqp-wrap .wqp-final-target-toggle-label:hover{color:#334155}
.wqp-wrap .wqp-final-target-disclosure.is-open .wqp-final-target-toggle-label{color:#334155}
.wqp-wrap .wqp-final-target-toggle-label input[type="checkbox"]{
  width:16px;
  min-width:16px;
  height:16px;
  margin:0;
  cursor:pointer;
}
.wqp-wrap .wqp-final-target-toggle-label input[type="checkbox"]:disabled{cursor:not-allowed}
.wqp-wrap .wqp-final-target-toggle-label:has(input:disabled){opacity:.62;cursor:not-allowed}
.wqp-wrap .wqp-final-target-toggle-label small{
  padding:0 6px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#f8fafc;
  color:#94a3b8;
  font-size:9px;
  font-weight:800;
  line-height:1.7;
}
.wqp-wrap .wqp-final-target-tool[hidden]{display:none!important}
.wqp-wrap .wqp-final-target-tool{
  margin:6px 0 8px;
  padding:9px 10px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#fbfdff;
}
.wqp-wrap .wqp-final-target-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.wqp-wrap .wqp-final-target-head label{
  margin:0;
  color:#475569;
  font-size:11.5px;
  font-weight:900;
  line-height:1.7;
  cursor:pointer;
}
.wqp-wrap .wqp-final-target-head span{
  flex:0 0 auto;
  color:#94a3b8;
  font-size:9.5px;
  font-weight:800;
}
.wqp-wrap .wqp-final-target-controls{
  display:flex;
  align-items:stretch;
  gap:8px;
  direction:rtl;
}
.wqp-wrap .wqp-final-target-input-wrap{
  display:flex;
  align-items:center;
  flex:1 1 260px;
  min-width:210px;
  max-width:390px;
  height:38px;
  overflow:hidden;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.wqp-wrap .wqp-final-target-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.wqp-wrap .wqp-final-target-input-wrap.is-invalid{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.10)}
.wqp-wrap .wqp-final-target-input-wrap input{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:100%;
  margin:0;
  padding:6px 10px;
  border:0!important;
  border-radius:0;
  outline:0!important;
  box-shadow:none!important;
  background:transparent;
  color:#0f172a;
  font-size:14px;
  font-weight:900;
  text-align:center;
  direction:ltr;
}
.wqp-wrap .wqp-final-target-input-wrap > span{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 10px;
  border-right:1px solid #e2e8f0;
  background:#f8fafc;
  color:#475569;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.wqp-wrap .wqp-final-target-input-wrap input:disabled{cursor:not-allowed;color:#64748b}
.wqp-wrap .wqp-final-target-input-wrap.is-disabled{background:#f1f5f9;border-color:#e2e8f0}
.wqp-wrap .wqp-final-target-apply{
  flex:0 0 auto;
  min-height:38px;
  padding:7px 13px;
  border-color:#bfdbfe;
  background:#f8fbff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.wqp-wrap .wqp-final-target-apply:hover:not(:disabled){border-color:#93c5fd;background:#eff6ff}
.wqp-wrap .wqp-final-target-hint{margin-top:6px;color:#64748b;font-size:10.5px;font-weight:700;line-height:1.75}
.wqp-wrap .wqp-final-target-status{
  display:none;
  margin-top:6px;
  padding-top:6px;
  border-top:1px dashed #e2e8f0;
  color:#475569;
  font-size:11px;
  font-weight:800;
  line-height:1.8;
}
.wqp-wrap .wqp-final-target-status:not(:empty){display:block}
.wqp-wrap .wqp-final-target-status.is-success{color:#166534}
.wqp-wrap .wqp-final-target-status.is-warning{color:#9a3412}
.wqp-wrap .wqp-final-target-status.is-error{color:#b91c1c}
.wqp-wrap .wqp-final-target-status.is-info{color:#1e40af}
@media(max-width:640px){
  .wqp-wrap .wqp-final-target-tool{padding:9px;margin-top:6px}
  .wqp-wrap .wqp-final-target-controls{flex-direction:column}
  .wqp-wrap .wqp-final-target-input-wrap{flex-basis:auto;min-width:0;max-width:none;width:100%}
  .wqp-wrap .wqp-final-target-apply{width:100%}
  .wqp-wrap .wqp-final-target-hint{font-size:10px}
}

/* v83: public/customer mobile OTP gate */
.wqp-wrap .wqp-mobile-otp{margin-top:8px;padding:9px 10px;border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc}
.wqp-wrap .wqp-mobile-otp-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wqp-wrap .wqp-mobile-otp-code{width:110px;min-width:90px;height:34px;border:1px solid #cbd5e1;border-radius:10px;text-align:center;direction:ltr;font-weight:800}
.wqp-wrap .wqp-mobile-otp-status{margin-top:6px;font-size:12px;line-height:1.8;color:#64748b}
.wqp-wrap .wqp-mobile-otp-status.is-ok{color:#15803d;font-weight:700}
.wqp-wrap .wqp-mobile-otp-status.is-error{color:#b91c1c;font-weight:700}
.wqp-wrap .wqp-mobile-otp-status.is-wait{color:#92400e;font-weight:700}
@media(max-width:640px){.wqp-wrap .wqp-mobile-otp-actions{align-items:stretch}.wqp-wrap .wqp-mobile-otp-actions .wqp-btn,.wqp-wrap .wqp-mobile-otp-code{width:100%}}

/* v84/v86: compact item table, row numbers, row replacement, and wheel-friendly drag-sort rows */
.wqp-wrap #wqp-items,
.wqp-wrap #wqp-ro-items{
  table-layout:fixed;
  width:100%;
  min-width:0;
}
.wqp-wrap #wqp-items th,
.wqp-wrap #wqp-items td{
  padding:7px 5px;
  font-size:12px;
  line-height:1.5;
}
.wqp-wrap #wqp-items thead th{
  white-space:normal;
  vertical-align:middle;
  text-align:center;
  line-height:1.45;
}
.wqp-wrap #wqp-items .wqp-item-rownum-head,
.wqp-wrap #wqp-items .wqp-item-rownum-cell{width:4%;text-align:center;white-space:nowrap;color:#334155;font-weight:800}
.wqp-wrap #wqp-items .wqp-item-name-head,
.wqp-wrap #wqp-items .wqp-item-name-cell{width:31%;min-width:0;overflow:hidden}
.wqp-wrap #wqp-items .wqp-item-qty-head,
.wqp-wrap #wqp-items .wqp-item-qty-cell{width:7%;text-align:center}
.wqp-wrap #wqp-items .wqp-item-unit-head,
.wqp-wrap #wqp-items .wqp-item-unit-cell{width:5%;text-align:center;white-space:normal;overflow-wrap:anywhere}
.wqp-wrap #wqp-items .wqp-item-price-head,
.wqp-wrap #wqp-items .wqp-item-price-cell{width:10%;text-align:center}
.wqp-wrap #wqp-items .wqp-item-discp-head,
.wqp-wrap #wqp-items .wqp-item-discp-cell{width:6%;text-align:center}
.wqp-wrap #wqp-items .wqp-item-disca-head,
.wqp-wrap #wqp-items .wqp-item-disca-cell{width:9%;text-align:center}
.wqp-wrap #wqp-items .wqp-item-total-head,
.wqp-wrap #wqp-items .wqp-item-total-cell{width:10%;text-align:center;direction:ltr;white-space:normal;overflow-wrap:anywhere}
.wqp-wrap #wqp-items .wqp-item-note-head,
.wqp-wrap #wqp-items .wqp-item-note-cell{width:8%;text-align:center}
.wqp-wrap #wqp-items .wqp-item-change-head,
.wqp-wrap #wqp-items .wqp-item-change-cell{width:5%;text-align:center}
.wqp-wrap #wqp-items .wqp-item-remove-head,
.wqp-wrap #wqp-items .wqp-item-remove-cell{width:5%;text-align:center}

.wqp-wrap #wqp-items tbody tr.wqp-row-dragging{opacity:.55}
.wqp-wrap #wqp-items tbody tr.wqp-row-drop-before>td{border-top:3px solid #2563eb !important}
.wqp-wrap #wqp-items tbody tr.wqp-row-drop-after>td{border-bottom:3px solid #2563eb !important}
.wqp-wrap .wqp-item-name-cell.wqp-row-drag-source,.wqp-wrap .wqp-item-rownum-cell.wqp-row-drag-source{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none}
.wqp-wrap .wqp-item-name-cell.wqp-row-drag-source:active,.wqp-wrap .wqp-item-rownum-cell.wqp-row-drag-source:active{cursor:grabbing}
.wqp-wrap .wqp-item-rownum-cell.wqp-row-drag-handle{font-weight:700;color:#1e293b;background:#f8fafc}
body.wqp-row-drag-active, body.wqp-row-drag-active *{cursor:grabbing !important;user-select:none !important}
.wqp-row-drag-ghost{position:fixed;right:auto;bottom:auto;top:0;left:0;z-index:999999;pointer-events:none;max-width:380px;padding:8px 10px;border:1px solid #cbd5e1;background:#fff;border-radius:10px;box-shadow:0 10px 28px rgba(15,23,42,.18);opacity:.96;direction:rtl;text-align:right;font-size:12px;line-height:1.8;color:#111827;transform:translate3d(-9999px,-9999px,0)}
.wqp-wrap .wqp-item-name-wrap{display:block;min-width:0;width:100%;max-width:100%}
.wqp-wrap .wqp-item-name-text{display:block;min-width:0;line-height:1.65;white-space:normal;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.wqp-wrap .wqp-item-name-wrap input,
.wqp-wrap .wqp-item-name-wrap textarea{min-width:0;max-width:100%}
.wqp-wrap .wqp-item-name-wrap textarea.wqp-item-name-input{width:100%;min-width:0;min-height:34px;overflow:hidden;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.5}

.wqp-wrap #wqp-items .wqp-num,
.wqp-wrap #wqp-items input,
.wqp-wrap #wqp-items textarea{
  min-width:0;
  max-width:100%;
  font-size:12px;
  padding:6px 6px;
  border-radius:9px;
}
.wqp-wrap #wqp-items .wqp-item-qty-cell input{min-width:0;text-align:center;padding-left:3px;padding-right:3px}
.wqp-wrap #wqp-items .wqp-item-price-cell input,
.wqp-wrap #wqp-items .wqp-item-disca-cell input{direction:ltr;text-align:center;padding-left:3px;padding-right:3px}
.wqp-wrap #wqp-items .wqp-item-discp-cell input{min-width:0;text-align:center;padding-left:2px;padding-right:2px}
.wqp-wrap #wqp-items .wqp-item-note-cell textarea{min-height:34px;height:34px;padding:6px;resize:vertical;line-height:1.45}

.wqp-wrap .wqp-item-rownum-cell[tabindex="0"]{cursor:pointer;border-radius:8px;outline:none}
.wqp-wrap .wqp-item-rownum-cell[tabindex="0"]:focus{box-shadow:inset 0 0 0 2px rgba(37,99,235,.35);background:#eff6ff;color:#1d4ed8}
.wqp-wrap .wqp-change-product,
.wqp-wrap .wqp-remove{
  width:30px;
  height:30px;
  min-width:0;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  font-size:16px;
  line-height:1;
  cursor:pointer;
}
.wqp-wrap .wqp-change-product{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}
.wqp-wrap .wqp-change-product:hover,.wqp-wrap .wqp-change-product:focus{background:#dbeafe;border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.wqp-wrap .wqp-change-product:disabled,.wqp-wrap .wqp-remove:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.wqp-wrap .wqp-pp-replace-hint{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:12px;padding:9px 11px;font-size:12px;font-weight:700;line-height:1.9}

.wqp-wrap #wqp-ro-items th,
.wqp-wrap #wqp-ro-items td{padding:7px 6px;font-size:12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
.wqp-wrap #wqp-ro-items .wqp-ro-rownum-head,
.wqp-wrap #wqp-ro-items .wqp-ro-rownum-cell{width:42px;text-align:center;font-weight:800;color:#334155}
.wqp-wrap #wqp-ro-items .wqp-ro-name-head{width:42%}
.wqp-wrap #wqp-ro-items .wqp-ro-qty-head{width:68px}
.wqp-wrap #wqp-ro-items .wqp-ro-unit-head{width:58px}
.wqp-wrap #wqp-ro-items .wqp-ro-price-head,
.wqp-wrap #wqp-ro-items .wqp-ro-total-head{width:105px}
.wqp-wrap #wqp-ro-items .wqp-ro-note-head{width:95px}

@media(max-width:760px){
  .wqp-wrap #wqp-items th,
  .wqp-wrap #wqp-items td{padding:6px 3px;font-size:11px}
  .wqp-wrap #wqp-items .wqp-item-name-head,
  .wqp-wrap #wqp-items .wqp-item-name-cell{width:28%}
  .wqp-wrap #wqp-items .wqp-item-note-head,
  .wqp-wrap #wqp-items .wqp-item-note-cell{width:7%}
  .wqp-wrap .wqp-change-product,
  .wqp-wrap .wqp-remove{width:28px;height:28px}
}

/* v1.3.44: Brand-specific manual payment SMS buttons */
.wqp-wrap .wqp-btn-brand-sms{
  font-weight:700;
}
.wqp-wrap #wqp-btn-send-pay-sms-prosazeh{
  border-color:#f5b400;
}
.wqp-wrap #wqp-btn-send-pay-sms-ata{
  border-color:#0f88d8;
}

/* v1.3.46: locked document SMS recipient override */
.wqp-wrap input.wqp-recipient-mobile-override{
  background:#fffdf3;
  border-color:#f0c14b;
}
.wqp-wrap input.wqp-recipient-mobile-override:focus{
  box-shadow:0 0 0 3px rgba(240,193,75,.18);
}

/* v1.3.49: Sepidar live product picker */
.wqp-wrap .wqp-btn-sepidar{
  border-color:#16a34a;
  color:#166534;
  background:#f0fdf4;
  font-weight:700;
}
.wqp-wrap .wqp-btn-sepidar:hover,
.wqp-wrap .wqp-btn-sepidar:focus{
  background:#dcfce7;
  border-color:#15803d;
}
.wqp-sepidar-line-meta{
  color:#166534;
  font-weight:600;
}
.wqp-sp-modal{position:fixed;inset:0;z-index:999999;direction:rtl;font-family:inherit;}
.wqp-sp-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.46);backdrop-filter:blur(2px);}
.wqp-sp-dialog{position:relative;margin:6vh auto 0;width:min(960px,calc(100vw - 32px));max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 22px 70px rgba(15,23,42,.28);border:1px solid #e2e8f0;padding:18px;}
.wqp-sp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.wqp-sp-head h3{margin:0 0 6px;font-size:20px;color:#0f172a;}
.wqp-sp-head p{margin:0;color:#64748b;font-size:13px;line-height:1.9;}
.wqp-sp-close{width:38px;height:38px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:24px;line-height:1;cursor:pointer;}
.wqp-sp-filters{display:grid;grid-template-columns:1.55fr .62fr .85fr 100px auto;gap:10px;align-items:end;margin-bottom:12px;}
.wqp-sp-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#475569;font-weight:700;}
.wqp-sp-filters input{height:42px;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px;font-size:14px;background:#fff;}
.wqp-sp-status{min-height:24px;margin:6px 0 10px;font-size:13px;color:#64748b;}
.wqp-sp-status-error{color:#b91c1c;}
.wqp-sp-status-ok{color:#166534;}
.wqp-sp-status-loading{color:#0f766e;}
.wqp-sp-status-warn{color:#b45309;}
.wqp-sp-results{display:flex;flex-direction:column;gap:8px;max-height:56vh;overflow:auto;padding-left:4px;padding-bottom:6px;scrollbar-gutter:stable;}
.wqp-sp-empty{border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#64748b;text-align:center;padding:28px;}
.wqp-sp-more{border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;text-align:center;padding:10px;font-size:12px;}
.wqp-sp-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:12px;}
.wqp-sp-row:hover{background:#f8fafc;border-color:#bbf7d0;}
.wqp-sp-row-title{font-weight:800;color:#0f172a;line-height:1.8;}
.wqp-sp-row-meta,.wqp-sp-row-hint{font-size:12px;color:#64748b;line-height:1.8;}
.wqp-sp-row-hint{color:#0f766e;}
.wqp-sp-inventory-breakdown{margin-top:6px;padding:7px 9px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;color:#334155;font-size:12px;line-height:1.9;}
.wqp-sp-stock-title{font-weight:800;color:#0f172a;margin-bottom:3px;}
.wqp-sp-stock-row{display:block;white-space:normal;}
.wqp-sp-stock-code{color:#64748b;font-weight:400;}
.wqp-sp-row-side{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.wqp-sp-badge{border-radius:999px;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;font-size:12px;padding:4px 9px;font-weight:700;}
@media(max-width:760px){
  .wqp-sp-dialog{margin:3vh auto 0;width:calc(100vw - 18px);max-height:94vh;border-radius:16px;padding:12px;}
  .wqp-sp-filters{grid-template-columns:1fr;}
  .wqp-sp-row{align-items:stretch;flex-direction:column;}
  .wqp-sp-row-side{justify-content:space-between;}
}

/* v1.3.51: Sepidar optional live price visual state */
.wqp-wrap .wqp-price-missing-cell{background:#fff7ed;}
.wqp-wrap input.wqp-price-missing{border-color:#fdba74;background:#fff7ed;color:#9a3412;}
.wqp-wrap input.wqp-price-missing::placeholder{color:#c2410c;opacity:.9;}
.wqp-wrap .wqp-sepidar-line-meta{line-height:1.7;}
.wqp-wrap .wqp-ps-badge{display:inline-flex;align-items:center;margin-right:8px;border:1px solid #b8e6bf;background:#f0fff4;color:#166534;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800;line-height:1.8;vertical-align:middle}

/* v1.3.90: internal products in frontend picker */
.wqp-wrap .wqp-pp-table tbody tr.wqp-pp-internal-row{background:#fff8db}
.wqp-wrap .wqp-pp-table tbody tr.wqp-pp-internal-row:hover{background:#fff3bf}
.wqp-wrap .wqp-pp-table tbody tr.wqp-pp-internal-row.wqp-pp-selected{background:#ffef99}
.wqp-wrap .wqp-pp-internal-badge{display:inline-flex;align-items:center;margin-right:8px;border:1px solid #f4c430;background:#fff7cc;color:#92400e;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800;line-height:1.8;vertical-align:middle}
.wqp-wrap .wqp-ps-item.wqp-ps-internal{background:#fff8db;border-color:#fde68a}
.wqp-wrap .wqp-ps-item.wqp-ps-internal:hover,.wqp-wrap .wqp-ps-item.wqp-ps-internal.active{background:#fff3bf}

/* v1.3.97: compact proforma header/customer panel for laptop-height UX */
.wqp-wrap .wqp-doc-header.wqp-doc-header-compact{
  display:block;
  margin:4px 0 10px;
  padding:10px;
  border:1px solid #dbe4f0;
  border-radius:14px;
  background:linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%);
  box-shadow:0 1px 2px rgba(15,23,42,.035);
}
.wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row,
.wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row{
  display:grid;
  gap:8px;
  align-items:start;
  margin:0 0 8px;
}
.wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row{
  grid-template-columns:minmax(145px,1.1fr) minmax(110px,.8fr) minmax(110px,.8fr) minmax(80px,.55fr);
}
.wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row{
  grid-template-columns:repeat(12,minmax(0,1fr));
}
.wqp-wrap .wqp-doc-header-compact .wqp-field-customer-search{grid-column:span 4}
.wqp-wrap .wqp-doc-header-compact .wqp-field-customer-name{grid-column:span 3}
.wqp-wrap .wqp-doc-header-compact .wqp-field-mobile{grid-column:span 2}
.wqp-wrap .wqp-doc-header-compact .wqp-field-phone{grid-column:span 3}
.wqp-wrap .wqp-doc-header-compact .wqp-field-address{grid-column:span 4}
.wqp-wrap .wqp-doc-header-compact .wqp-field-delivery{grid-column:span 4}
.wqp-wrap .wqp-doc-header-compact .wqp-field-internal-notes{grid-column:span 4}
.wqp-wrap .wqp-doc-header-compact .wqp-field label{
  margin-bottom:3px;
  font-size:11.5px;
  font-weight:800;
  color:#334155;
}
.wqp-wrap .wqp-doc-header-compact .wqp-field input,
.wqp-wrap .wqp-doc-header-compact .wqp-field select,
.wqp-wrap .wqp-doc-header-compact .wqp-field textarea{
  min-height:34px;
  padding:7px 9px;
  border-radius:9px;
  font-size:13px;
  line-height:1.32;
}
.wqp-wrap .wqp-doc-header-compact .wqp-field textarea{
  min-height:36px;
  max-height:70px;
  resize:vertical;
}
.wqp-wrap .wqp-doc-header-compact .wqp-help{
  margin:2px 0 0;
  font-size:10.5px;
  line-height:1.35;
  color:#64748b;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.wqp-wrap .wqp-doc-header-compact .wqp-customer-search-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}
.wqp-wrap .wqp-doc-header-compact .wqp-btn-add-customer{
  padding:5px 9px;
  border-radius:9px;
  font-size:11.5px;
  line-height:1.25;
  white-space:nowrap;
}
.wqp-wrap .wqp-doc-header-compact #wqp-customer-selected-meta{
  margin-top:3px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wqp-wrap .wqp-doc-header-compact #wqp-customer-search-results{
  top:54px!important;
}
.wqp-wrap .wqp-items-header{margin-top:10px}
@media(max-width:980px){
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row{grid-template-columns:repeat(6,minmax(0,1fr))}
  .wqp-wrap .wqp-doc-header-compact .wqp-field-customer-search,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-customer-name{grid-column:span 3}
  .wqp-wrap .wqp-doc-header-compact .wqp-field-mobile,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-phone{grid-column:span 3}
  .wqp-wrap .wqp-doc-header-compact .wqp-field-address,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-delivery,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-internal-notes{grid-column:1 / -1}
}
@media(max-width:640px){
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row,
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row{grid-template-columns:1fr}
  .wqp-wrap .wqp-doc-header-compact .wqp-field-customer-search,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-customer-name,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-mobile,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-phone,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-address,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-delivery,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-internal-notes{grid-column:1 / -1}
}
.wqp-wrap{margin:12px auto;}
.wqp-wrap .wqp-header{padding:10px 14px;}
.wqp-wrap .wqp-body{padding:10px 14px;}
.wqp-wrap .wqp-title{font-size:16px;}
.wqp-wrap .wqp-subtitle{font-size:11px;}

/* v1.3.98: mobile-first frontend foundation (mobile-only overrides) */
@media (max-width:768px){
  body.wqp-mobile-modal-open{
    overflow:hidden;
    overscroll-behavior:none;
  }
  body.wqp-mobile-modal-open .wqp-wrap .wqp-modal{
    overscroll-behavior:contain;
  }
  .wqp-wrap{
    --wqp-mobile-safe-bottom:env(safe-area-inset-bottom, 0px);
    --wqp-mobile-theme-bottom-offset:0px;
    margin:8px auto;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:calc(88px + var(--wqp-mobile-safe-bottom) + var(--wqp-mobile-theme-bottom-offset));
  }
  .wqp-wrap .wqp-header{padding:10px 12px}
  .wqp-wrap .wqp-body{padding:10px}

  .wqp-wrap .wqp-items-header{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
  }
  .wqp-wrap .wqp-items-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
  }
  .wqp-wrap .wqp-items-actions .wqp-btn{
    width:100%;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .wqp-wrap .wqp-table-wrap{
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
  }
  .wqp-wrap #wqp-items{
    width:100%;
    min-width:1100px;
  }
  .wqp-wrap #wqp-ro-items{
    width:100%;
    min-width:760px;
  }
  .wqp-wrap #wqp-items th,
  .wqp-wrap #wqp-items td{
    padding:8px 6px;
    font-size:12px;
    line-height:1.45;
  }
  .wqp-wrap #wqp-items .wqp-item-rownum-head,
  .wqp-wrap #wqp-items .wqp-item-rownum-cell{min-width:48px}
  .wqp-wrap #wqp-items .wqp-item-name-head,
  .wqp-wrap #wqp-items .wqp-item-name-cell{min-width:260px;width:31%}
  .wqp-wrap #wqp-items .wqp-item-qty-head,
  .wqp-wrap #wqp-items .wqp-item-qty-cell{min-width:72px}
  .wqp-wrap #wqp-items .wqp-item-unit-head,
  .wqp-wrap #wqp-items .wqp-item-unit-cell{min-width:70px}
  .wqp-wrap #wqp-items .wqp-item-price-head,
  .wqp-wrap #wqp-items .wqp-item-price-cell{min-width:122px}
  .wqp-wrap #wqp-items .wqp-item-discp-head,
  .wqp-wrap #wqp-items .wqp-item-discp-cell{min-width:82px}
  .wqp-wrap #wqp-items .wqp-item-disca-head,
  .wqp-wrap #wqp-items .wqp-item-disca-cell{min-width:122px}
  .wqp-wrap #wqp-items .wqp-item-total-head,
  .wqp-wrap #wqp-items .wqp-item-total-cell{min-width:122px}
  .wqp-wrap #wqp-items .wqp-item-note-head,
  .wqp-wrap #wqp-items .wqp-item-note-cell{min-width:110px}
  .wqp-wrap #wqp-items .wqp-item-change-head,
  .wqp-wrap #wqp-items .wqp-item-change-cell,
  .wqp-wrap #wqp-items .wqp-item-remove-head,
  .wqp-wrap #wqp-items .wqp-item-remove-cell{min-width:58px}

  .wqp-wrap .wqp-btn-add,
  .wqp-wrap .wqp-change-product,
  .wqp-wrap .wqp-remove,
  .wqp-wrap .wqp-pp-add-btn,
  #wqp-sp-modal .wqp-sp-add{
    min-width:44px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .wqp-wrap .wqp-btn-add,
  .wqp-wrap .wqp-change-product,
  .wqp-wrap .wqp-remove{
    width:44px;
    height:44px;
    padding:0;
  }
  .wqp-wrap .wqp-pp-add-btn,
  #wqp-sp-modal .wqp-sp-add{
    height:auto;
    padding:10px 14px;
  }

  .wqp-wrap .wqp-actions-toolbar{
    bottom:calc(var(--wqp-mobile-safe-bottom) + var(--wqp-mobile-theme-bottom-offset));
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px 10px calc(10px + var(--wqp-mobile-safe-bottom));
    margin-left:-10px;
    margin-right:-10px;
    border:1px solid #cbd5e1;
    border-left:0;
    border-right:0;
    border-radius:14px 14px 0 0;
    box-shadow:0 -8px 24px rgba(15,23,42,.10);
  }
  .wqp-wrap .wqp-actions-toolbar .wqp-btn{
    width:100%;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  .wqp-wrap .wqp-modal-dialog{
    width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px - var(--wqp-mobile-safe-bottom));
    margin:8px auto;
  }
  .wqp-wrap .wqp-modal-body{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    max-height:calc(100dvh - 88px - var(--wqp-mobile-safe-bottom));
    padding-bottom:calc(12px + var(--wqp-mobile-safe-bottom));
  }
  .wqp-wrap .wqp-modal-close,
  #wqp-send-expert-modal .wqp-modal-close,
  #wqp-sp-modal .wqp-sp-close{
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .wqp-wrap .wqp-modal .wqp-btn-primary,
  #wqp-send-expert-modal .wqp-btn-primary,
  #wqp-sp-modal .wqp-btn-primary{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
  }
  .wqp-wrap .wqp-pp-results,
  .wqp-wrap .wqp-pp-parents-list,
  .wqp-wrap .wqp-pp-variants-results{
    max-height:42dvh;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .wqp-wrap .wqp-pp-table,
  .wqp-wrap .wqp-pp-variants-table{
    min-width:860px;
  }
  .wqp-wrap .wqp-pp-footer{
    gap:8px;
    padding-bottom:var(--wqp-mobile-safe-bottom);
  }
}


/* v1.3.99 — Mobile app-style product picker only */
.wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-actionbar,
.wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-variant-hint{display:none}

@media (max-width:768px){
  .wqp-wrap #wqp-product-picker-modal{
    direction:rtl;
    overflow:hidden;
    z-index:100020;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-modal-backdrop{
    background:#f6f8fb;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-modal-dialog{
    position:fixed!important;
    inset-inline:0!important;
    top:var(--wqp-pp-visual-top,0)!important;
    bottom:auto!important;
    width:100vw!important;
    max-width:none!important;
    height:var(--wqp-pp-visual-height,100vh)!important;
    min-height:var(--wqp-pp-visual-height,100vh)!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#f6f8fb;
    overscroll-behavior:contain;
  }
  @supports (height:100dvh){
    .wqp-wrap #wqp-product-picker-modal .wqp-modal-dialog{
      height:var(--wqp-pp-visual-height,100dvh)!important;
      min-height:var(--wqp-pp-visual-height,100dvh)!important;
    }
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-modal-header{
    position:sticky;
    top:0;
    z-index:70;
    flex:0 0 auto;
    min-height:60px;
    padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;
    border-radius:0;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid #e2e8f0;
    box-shadow:0 1px 0 rgba(15,23,42,.04);
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-modal-title{
    font-size:17px;
    font-weight:900;
    color:#0f172a;
    letter-spacing:-.01em;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-modal-close{
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    border-radius:13px;
    font-size:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-modal-body{
    flex:1 1 auto;
    min-height:0;
    max-height:none!important;
    overflow:hidden!important;
    padding:10px 10px 8px!important;
    display:flex;
    flex-direction:column;
    gap:8px;
    background:#f6f8fb;
    overscroll-behavior:contain;
  }

  .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode{
    flex:0 0 auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px;
    margin:0;
    padding:4px;
    border:1px solid #dbe3ee;
    border-radius:15px;
    background:#e9eef6;
  }
  .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-label{display:none}
  .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt{
    position:relative;
    min-height:42px;
    margin:0;
    padding:0 8px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#475569;
    font-size:13px;
    font-weight:900;
    line-height:1.4;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt input{
    position:absolute;
    opacity:0;
    pointer-events:none;
    width:1px;
    height:1px;
    inset:0;
  }
  .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt.is-active,
  .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt:has(input:checked){
    color:#0f172a;
    background:#fff;
    box-shadow:0 4px 14px rgba(15,23,42,.10);
  }

  .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters{
    flex:0 0 auto;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
    position:relative;
    z-index:50;
    overflow:visible;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters .wqp-field{
    min-width:0;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters .wqp-field:first-child,
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters .wqp-pp-brand-field{
    grid-column:1 / -1;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters label{
    margin-bottom:4px;
    color:#334155;
    font-size:12px;
    font-weight:900;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters input,
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters select,
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-brand-search,
  .wqp-wrap #wqp-product-picker-modal #wqp-ppv-q{
    min-height:44px;
    border-radius:13px;
    padding:9px 12px;
    font-size:14px;
    background:#fff;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-brand-status{display:none}
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-brand-options{
    max-height:min(42vh,280px)!important;
    border-radius:14px;
    z-index:90;
    box-shadow:0 18px 42px rgba(15,23,42,.20);
  }

  .wqp-wrap #wqp-product-picker-modal .wqp-pp-fulltitle{
    flex:0 0 auto;
    padding:7px 9px;
    gap:4px;
    border-radius:13px;
    border-color:#e2e8f0;
    background:#fff;
    box-shadow:none;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-fulltitle-head{
    gap:8px;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-fulltitle-label{
    font-size:12px;
    font-weight:900;
    color:#475569;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-fulltitle-copy{
    min-height:34px;
    padding:6px 10px;
    border-radius:10px;
    font-size:12px;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-fulltitle-text{
    min-height:0;
    max-height:3.2em;
    color:#334155;
    font-size:12px;
    line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .wqp-wrap #wqp-product-picker-modal .wqp-pp-results,
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-variants-results{
    min-height:0;
    max-height:none!important;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    border-radius:15px;
    border:1px solid #d7e0ec;
    background:#fff;
    box-shadow:inset 18px 0 18px -24px rgba(15,23,42,.35), inset -18px 0 18px -24px rgba(15,23,42,.35);
    touch-action:pan-x pan-y;
  }
  .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-results{
    flex:1 1 auto;
    display:block;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table,
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-variants-table{
    width:100%;
    min-width:860px!important;
    table-layout:auto;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table th,
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table td{
    padding:10px 9px;
    font-size:12.5px;
    line-height:1.5;
    vertical-align:middle;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table thead th{
    top:0;
    z-index:4;
    background:#eef3f9;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table th:first-child,
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table td:first-child{
    position:sticky;
    inset-inline-start:0;
    right:0;
    z-index:6;
    background:#fff;
    box-shadow:-1px 0 0 #e2e8f0;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table thead th:first-child{
    z-index:8;
    background:#eef3f9;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table tbody tr.wqp-pp-selected td:first-child{background:#eff6ff}
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-table tbody tr.wqp-pp-internal-row td:first-child{background:#fff8db}
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-col-check{
    width:58px!important;
    min-width:58px;
    text-align:center;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-check{
    width:22px;
    height:22px;
    accent-color:#2563eb;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-title-cell{
    min-width:280px;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-add-btn{
    min-width:78px;
    min-height:40px;
    padding:9px 12px;
    border-radius:11px;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
  }

  .wqp-wrap #wqp-product-picker-modal .wqp-pp-footer{
    display:none!important;
  }
  .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-mobile-actionbar{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    position:sticky;
    bottom:0;
    z-index:80;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    border-top:1px solid #d7e0ec;
    background:rgba(255,255,255,.98);
    box-shadow:0 -10px 28px rgba(15,23,42,.12);
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-selected{
    flex:0 1 auto;
    min-width:0;
    color:#334155;
    font-size:13px;
    font-weight:900;
    line-height:1.5;
    white-space:normal;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-actionbar .wqp-btn-primary{
    flex:1 0 auto;
    min-height:46px;
    border-radius:13px;
    padding:10px 14px;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
  }

  .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent #wqp-pp-split{
    flex:1 1 auto;
    min-height:0!important;
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0;
  }
  .wqp-wrap #wqp-product-picker-modal #wqp-pp-split .wqp-pp-col{
    min-height:0;
  }
  .wqp-wrap #wqp-product-picker-modal #wqp-pp-split .wqp-pp-col-head{
    flex:0 0 auto;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:7px;
    margin:0 0 6px;
  }
  .wqp-wrap #wqp-product-picker-modal #wqp-pp-split .wqp-pp-col-title{
    color:#0f172a;
    font-size:13px;
    font-weight:900;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-col-parents{
    flex:0 0 auto!important;
    max-width:none!important;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-parents-list{
    max-height:22vh!important;
    min-height:96px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:15px;
    border:1px solid #d7e0ec;
    background:#fff;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-parent-item{
    padding:10px 11px;
    background:#fff;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-parent-item.active{
    background:#eaf3ff;
    box-shadow:inset -3px 0 0 #2563eb;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-parent-title{
    font-size:13px;
    font-weight:900;
    line-height:1.55;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-parent-meta{
    font-size:11.5px;
    line-height:1.5;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-col-variants{
    flex:1 1 auto;
    min-height:0;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-ppv-search{
    width:100%;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-ppv-search input{
    width:100%!important;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-variant-hint{
    display:block;
    flex:0 0 auto;
    margin:-1px 0 7px;
    padding:8px 10px;
    border:1px solid #bfdbfe;
    border-radius:13px;
    background:#eff6ff;
    color:#1e3a8a;
    font-size:12px;
    font-weight:800;
    line-height:1.65;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-variants-results{
    flex:1 1 auto;
    min-height:145px;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-variants-table td.wqp-ppv-summary,
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-variants-table th.wqp-ppv-summary{
    min-width:300px;
    width:340px;
    max-width:340px;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-col-foot{
    flex:0 0 auto;
    margin-top:4px;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-pageinfo{
    color:#64748b;
    font-size:12px;
  }
  .wqp-wrap #wqp-product-picker-modal .wqp-pp-mini-toast{
    position:fixed;
    right:12px;
    left:12px;
    bottom:calc(16px + env(safe-area-inset-bottom,0px));
    max-width:none;
    text-align:center;
    z-index:100;
  }
  .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-mini-toast{
    bottom:calc(78px + env(safe-area-inset-bottom,0px));
  }
}

/* v1.4.00 — mobile quote/proforma builder app layout */
.wqp-wrap .wqp-btn-add-text{display:none}
.wqp-wrap .wqp-table-scroll-hint{display:none}

@media (max-width:768px){
  .wqp-wrap{
    --wqp-mobile-safe-bottom:env(safe-area-inset-bottom, 0px);
    --wqp-mobile-theme-bottom-offset:72px;
    max-width:100%;
    width:100%;
    margin:6px auto;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:calc(210px + var(--wqp-mobile-safe-bottom) + var(--wqp-mobile-theme-bottom-offset));
    overflow-x:hidden;
    font-size:14px;
  }
  .wqp-wrap .wqp-card{border-radius:18px;overflow:visible}
  .wqp-wrap .wqp-header{
    padding:11px 12px;
    gap:8px;
    border-radius:18px 18px 0 0;
    align-items:flex-start;
  }
  .wqp-wrap .wqp-title{font-size:18px;line-height:1.65}
  .wqp-wrap .wqp-subtitle{font-size:12px;line-height:1.8}
  .wqp-wrap .wqp-body{padding:10px 8px 12px;overflow:visible}
  .wqp-wrap #wqp-editor,
  .wqp-wrap #wqp-readonly,
  .wqp-wrap #wqp-start{min-width:0;max-width:100%}

  .wqp-wrap .wqp-doc-header.wqp-doc-header-compact{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin:0 0 12px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row,
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row{
    display:grid;
    grid-template-columns:1fr!important;
    gap:10px;
    align-items:stretch;
    margin:0;
    padding:12px;
    border:1px solid #dbe4f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.045);
  }
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row::before,
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row::before{
    display:block;
    grid-column:1 / -1;
    margin:0 0 2px;
    color:#0f172a;
    font-size:14px;
    font-weight:900;
    line-height:1.6;
  }
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row::before{content:'اطلاعات سند'}
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row::before{content:'اطلاعات مشتری'}
  .wqp-wrap .wqp-doc-header-compact .wqp-field,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-customer-search,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-customer-name,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-mobile,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-phone,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-address,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-delivery,
  .wqp-wrap .wqp-doc-header-compact .wqp-field-internal-notes{
    grid-column:1 / -1!important;
    min-width:0;
    width:100%;
  }
  .wqp-wrap .wqp-field label,
  .wqp-wrap .wqp-doc-header-compact .wqp-field label{
    margin-bottom:6px;
    color:#1e293b;
    font-size:13px;
    font-weight:900;
    line-height:1.6;
  }
  .wqp-wrap .wqp-field input,
  .wqp-wrap .wqp-field select,
  .wqp-wrap .wqp-field textarea,
  .wqp-wrap .wqp-doc-header-compact .wqp-field input,
  .wqp-wrap .wqp-doc-header-compact .wqp-field select,
  .wqp-wrap .wqp-doc-header-compact .wqp-field textarea{
    min-height:46px;
    padding:10px 12px;
    border-radius:14px;
    font-size:15px;
    line-height:1.45;
  }
  .wqp-wrap .wqp-field textarea,
  .wqp-wrap .wqp-doc-header-compact .wqp-field textarea{
    min-height:68px;
    resize:vertical;
  }
  .wqp-wrap .wqp-field-address textarea,
  .wqp-wrap .wqp-field-delivery textarea,
  .wqp-wrap .wqp-field-internal-notes textarea,
  .wqp-wrap #wqp-notes{
    min-height:78px;
  }
  .wqp-wrap .wqp-doc-header-compact .wqp-help,
  .wqp-wrap .wqp-help{
    display:block;
    margin:5px 0 0;
    color:#64748b;
    font-size:12px;
    line-height:1.8;
    -webkit-line-clamp:unset;
    overflow:visible;
  }
  .wqp-wrap .wqp-customer-search-head,
  .wqp-wrap .wqp-doc-header-compact .wqp-customer-search-head{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
    margin-bottom:6px;
  }
  .wqp-wrap .wqp-btn-add-customer,
  .wqp-wrap .wqp-doc-header-compact .wqp-btn-add-customer{
    width:100%;
    min-height:42px;
    padding:9px 12px;
    border-radius:13px;
    font-size:13px;
  }
  .wqp-wrap .wqp-doc-header-compact #wqp-customer-search-results,
  .wqp-wrap #wqp-customer-search-results{
    top:calc(100% + 6px)!important;
    max-height:52dvh;
    border-radius:15px;
    z-index:100060;
  }
  .wqp-wrap .wqp-doc-header-compact #wqp-customer-selected-meta{
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    line-height:1.75;
  }

  .wqp-wrap .wqp-items-header{
    margin-top:12px;
    padding:12px;
    border-radius:18px;
    border:1px solid #d7e0ec;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
    box-shadow:0 8px 24px rgba(15,23,42,.055);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .wqp-wrap .wqp-items-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#0f172a;
    font-size:16px;
    font-weight:900;
    line-height:1.7;
  }
  .wqp-wrap .wqp-items-title::after{
    content:'افزودن و مدیریت کالاها';
    color:#64748b;
    font-size:11.5px;
    font-weight:800;
  }
  .wqp-wrap .wqp-items-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    align-items:stretch;
  }
  .wqp-wrap .wqp-items-actions .wqp-btn{
    width:100%;
    min-height:44px;
    height:auto;
    padding:9px 10px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    white-space:normal;
    text-align:center;
    font-size:13px;
    font-weight:900;
    line-height:1.45;
  }
  .wqp-wrap #wqp-btn-add-item{
    order:-50;
    grid-column:1 / -1;
    min-height:56px!important;
    width:100%!important;
    height:auto!important;
    color:#fff;
    background:#2563eb;
    border-color:#2563eb;
    border-radius:16px;
    box-shadow:0 10px 24px rgba(37,99,235,.22);
    font-size:16px;
  }
  .wqp-wrap #wqp-btn-add-item:hover,
  .wqp-wrap #wqp-btn-add-item:focus{background:#1d4ed8;border-color:#1d4ed8}
  .wqp-wrap #wqp-btn-add-item:disabled{background:#94a3b8;border-color:#94a3b8;box-shadow:none;color:#fff}
  .wqp-wrap #wqp-btn-add-item .wqp-btn-add-plus{font-size:24px;line-height:1;font-weight:900}
  .wqp-wrap #wqp-btn-add-item .wqp-btn-add-text{display:inline;font-size:15px;font-weight:900}
  .wqp-wrap #wqp-btn-add-manual-item{order:-40}
  .wqp-wrap #wqp-btn-add-sepidar{order:-39}
  .wqp-wrap #wqp-btn-new-blank-doc{order:-30;grid-column:1 / -1}
  .wqp-wrap #wqp-btn-clear-discounts,
  .wqp-wrap #wqp-btn-clear-products,
  .wqp-wrap #wqp-btn-clear-cart{order:30;font-size:12.5px;box-shadow:none}
  .wqp-wrap #wqp-btn-clear-cart,
  .wqp-wrap #wqp-btn-clear-products{background:#fff;border-color:#fecaca;color:#991b1b}
  .wqp-wrap #wqp-btn-clear-discounts{background:#fffaf0;border-color:#fed7aa;color:#9a3412}

  .wqp-wrap .wqp-table-scroll-hint{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    direction:rtl;
    margin:10px 0 8px;
    padding:8px 10px;
    border:1px solid #bfdbfe;
    border-radius:14px;
    background:#eff6ff;
    color:#1e3a8a;
    font-size:12.5px;
    font-weight:800;
    line-height:1.8;
    text-align:center;
  }
  .wqp-wrap .wqp-table-scroll-hint::before{
    content:'↔';
    direction:ltr;
    font-size:15px;
    font-weight:900;
  }
  .wqp-wrap .wqp-table-wrap{
    --wqp-mobile-rownum-w:46px;
    --wqp-mobile-name-w:clamp(132px, 38vw, 178px);
    --wqp-mobile-action-w:52px;
    position:relative;
    width:100%;
    max-width:100%;
    margin-top:0;
    overflow-x:auto!important;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    direction:rtl;
    border-radius:16px;
    border-color:#d7e0ec;
    background:#fff;
    scrollbar-gutter:stable;
    box-shadow:inset 18px 0 18px -24px rgba(15,23,42,.36), inset -18px 0 18px -24px rgba(15,23,42,.36), 0 8px 24px rgba(15,23,42,.045);
  }
  .wqp-wrap .wqp-table-wrap::-webkit-scrollbar{height:8px}
  .wqp-wrap .wqp-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
  .wqp-wrap .wqp-table-wrap::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}

  .wqp-wrap #wqp-items{
    width:max-content!important;
    min-width:1180px!important;
    table-layout:fixed!important;
    border-collapse:separate;
    border-spacing:0;
  }
  .wqp-wrap #wqp-ro-items{
    width:max-content!important;
    min-width:820px!important;
    table-layout:fixed!important;
  }
  .wqp-wrap #wqp-items th,
  .wqp-wrap #wqp-items td{
    padding:9px 7px;
    font-size:12.5px;
    line-height:1.55;
    vertical-align:middle;
    background-clip:padding-box;
  }
  .wqp-wrap #wqp-items thead th{
    background:#eef3f9;
    color:#0f172a;
    font-size:12px;
    font-weight:900;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .wqp-wrap #wqp-items tbody td{background:#fff}
  .wqp-wrap #wqp-items tbody td.wqp-price-missing-cell{background:#fff7ed}
  .wqp-wrap #wqp-items tbody td.wqp-unit-missing{background:#fef2f2}
  .wqp-wrap #wqp-items tbody tr:hover td{background:#f8fafc}
  .wqp-wrap #wqp-items tbody tr:hover td.wqp-price-missing-cell{background:#fff7ed}
  .wqp-wrap #wqp-items tbody tr:hover td.wqp-unit-missing{background:#fef2f2}

  .wqp-wrap #wqp-items .wqp-item-rownum-head,
  .wqp-wrap #wqp-items .wqp-item-rownum-cell{
    position:sticky;
    right:0;
    z-index:12;
    width:var(--wqp-mobile-rownum-w)!important;
    min-width:var(--wqp-mobile-rownum-w)!important;
    max-width:var(--wqp-mobile-rownum-w)!important;
    text-align:center;
  }
  .wqp-wrap #wqp-items .wqp-item-name-head,
  .wqp-wrap #wqp-items .wqp-item-name-cell{
    position:sticky;
    right:var(--wqp-mobile-rownum-w);
    z-index:11;
    width:var(--wqp-mobile-name-w)!important;
    min-width:var(--wqp-mobile-name-w)!important;
    max-width:var(--wqp-mobile-name-w)!important;
    text-align:right;
    overflow:visible;
    box-shadow:-10px 0 16px -16px rgba(15,23,42,.75);
  }
  .wqp-wrap #wqp-items thead .wqp-item-rownum-head,
  .wqp-wrap #wqp-items thead .wqp-item-name-head{z-index:16;background:#eaf1f9}
  .wqp-wrap #wqp-items tbody .wqp-item-rownum-cell,
  .wqp-wrap #wqp-items tbody .wqp-item-name-cell{background:#fff}
  .wqp-wrap #wqp-items tbody tr:hover .wqp-item-rownum-cell,
  .wqp-wrap #wqp-items tbody tr:hover .wqp-item-name-cell{background:#f8fafc}

  .wqp-wrap #wqp-items .wqp-item-remove-head,
  .wqp-wrap #wqp-items .wqp-item-remove-cell{
    position:sticky;
    left:0;
    z-index:12;
    width:var(--wqp-mobile-action-w)!important;
    min-width:var(--wqp-mobile-action-w)!important;
    max-width:var(--wqp-mobile-action-w)!important;
    text-align:center;
    box-shadow:10px 0 16px -16px rgba(15,23,42,.75);
  }
  .wqp-wrap #wqp-items .wqp-item-change-head,
  .wqp-wrap #wqp-items .wqp-item-change-cell{
    position:sticky;
    left:var(--wqp-mobile-action-w);
    z-index:11;
    width:var(--wqp-mobile-action-w)!important;
    min-width:var(--wqp-mobile-action-w)!important;
    max-width:var(--wqp-mobile-action-w)!important;
    text-align:center;
  }
  .wqp-wrap #wqp-items thead .wqp-item-remove-head,
  .wqp-wrap #wqp-items thead .wqp-item-change-head{z-index:16;background:#eaf1f9}
  .wqp-wrap #wqp-items tbody .wqp-item-remove-cell,
  .wqp-wrap #wqp-items tbody .wqp-item-change-cell{background:#fff}
  .wqp-wrap #wqp-items tbody tr:hover .wqp-item-remove-cell,
  .wqp-wrap #wqp-items tbody tr:hover .wqp-item-change-cell{background:#f8fafc}

  .wqp-wrap #wqp-items .wqp-item-qty-head,
  .wqp-wrap #wqp-items .wqp-item-qty-cell{width:92px!important;min-width:92px!important;text-align:center}
  .wqp-wrap #wqp-items .wqp-item-unit-head,
  .wqp-wrap #wqp-items .wqp-item-unit-cell{width:78px!important;min-width:78px!important;text-align:center}
  .wqp-wrap #wqp-items .wqp-item-price-head,
  .wqp-wrap #wqp-items .wqp-item-price-cell{width:148px!important;min-width:148px!important;text-align:center}
  .wqp-wrap #wqp-items .wqp-item-discp-head,
  .wqp-wrap #wqp-items .wqp-item-discp-cell{width:92px!important;min-width:92px!important;text-align:center}
  .wqp-wrap #wqp-items .wqp-item-disca-head,
  .wqp-wrap #wqp-items .wqp-item-disca-cell{width:148px!important;min-width:148px!important;text-align:center}
  .wqp-wrap #wqp-items .wqp-item-total-head,
  .wqp-wrap #wqp-items .wqp-item-total-cell{width:146px!important;min-width:146px!important;text-align:center;direction:ltr}
  .wqp-wrap #wqp-items .wqp-item-note-head,
  .wqp-wrap #wqp-items .wqp-item-note-cell{width:170px!important;min-width:170px!important;text-align:center}

  .wqp-wrap #wqp-items .wqp-item-name-text{
    line-height:1.75;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .wqp-wrap #wqp-items .wqp-ps-meta,
  .wqp-wrap #wqp-items .wqp-sepidar-line-meta{
    margin-top:4px;
    font-size:11.5px;
    line-height:1.65;
    white-space:normal;
  }
  .wqp-wrap #wqp-items .wqp-num,
  .wqp-wrap #wqp-items input,
  .wqp-wrap #wqp-items textarea{
    min-width:0;
    max-width:100%;
    min-height:44px;
    padding:8px 8px;
    border-radius:13px;
    font-size:14px;
    line-height:1.45;
  }
  .wqp-wrap #wqp-items .wqp-item-qty-cell input,
  .wqp-wrap #wqp-items .wqp-item-discp-cell input{
    min-width:64px;
    text-align:center;
  }
  .wqp-wrap #wqp-items .wqp-item-price-cell input,
  .wqp-wrap #wqp-items .wqp-item-disca-cell input{
    min-width:118px;
    text-align:center;
  }
  .wqp-wrap #wqp-items .wqp-item-note-cell textarea,
  .wqp-wrap #wqp-items .wqp-item-name-wrap textarea.wqp-item-name-input{
    min-height:44px;
    height:auto;
    max-height:110px;
    resize:vertical;
    line-height:1.55;
  }
  .wqp-wrap .wqp-change-product,
  .wqp-wrap .wqp-remove{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:13px;
    font-size:20px;
  }

  .wqp-wrap .wqp-summary{
    margin-top:14px;
    padding:12px;
    border-radius:18px;
    border-color:#d7e0ec;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
  }
  .wqp-wrap .wqp-summary-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #eef2f7;
    font-size:14px;
    line-height:1.7;
  }
  .wqp-wrap .wqp-summary-row:last-child{border-bottom:0}
  .wqp-wrap .wqp-summary-row span:first-child{font-size:14px;font-weight:900;color:#334155}
  .wqp-wrap .wqp-summary-row span:last-child{font-size:15px;font-weight:900;color:#0f172a}
  .wqp-wrap .wqp-summary-discount-row{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .wqp-wrap .wqp-discount-inline{
    width:100%;
    min-width:0;
    justify-content:flex-start;
    direction:ltr;
    gap:8px;
  }
  .wqp-wrap .wqp-global-discount-percent-inline{
    width:96px;
    min-width:96px;
    height:46px;
    padding:8px 10px;
    border-radius:13px;
    font-size:16px;
  }
  .wqp-wrap .wqp-discount-percent-sign{font-size:16px}
  .wqp-wrap .wqp-discount-amount-wrap{font-size:13px;line-height:1.8}
  .wqp-wrap .wqp-discount-amount-field{height:46px;border-radius:13px}
  .wqp-wrap .wqp-global-discount-amount-inline{width:150px;min-width:112px;padding:8px 10px;font-size:15px}
  .wqp-wrap .wqp-discount-amount-field > span{padding:0 9px;font-size:11px}
  .wqp-wrap .wqp-inline-discount-status{font-size:11px;margin-top:-2px}
  .wqp-wrap .wqp-final-target-toggle-label{font-size:11.5px}
  .wqp-wrap .wqp-vat-toggle-label{gap:10px;line-height:1.8}
  .wqp-wrap .wqp-vat-toggle-label input[type="checkbox"]{
    width:24px;
    min-width:24px;
    height:24px;
  }
  .wqp-wrap .wqp-summary-total{
    margin:10px -4px 0;
    padding:14px 12px;
    border:1px solid #bfdbfe;
    border-radius:16px;
    background:#eff6ff;
  }
  .wqp-wrap .wqp-summary-total span:first-child{color:#1e3a8a}
  .wqp-wrap .wqp-summary-total span:last-child{font-size:20px;color:#0f172a}
  .wqp-wrap .wqp-field:has(#wqp-notes){margin-top:12px}

  .wqp-wrap .wqp-actions-toolbar{
    position:sticky;
    bottom:calc(var(--wqp-mobile-safe-bottom) + var(--wqp-mobile-theme-bottom-offset));
    z-index:10000;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-height:320px;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:10px 10px calc(10px + var(--wqp-mobile-safe-bottom));
    margin:16px -8px 0;
    border:1px solid #cbd5e1;
    border-left:0;
    border-right:0;
    border-radius:18px 18px 0 0;
    background:rgba(255,255,255,.98);
    box-shadow:0 -12px 30px rgba(15,23,42,.14);
    backdrop-filter:saturate(140%) blur(8px);
  }
  @supports (height:100dvh){
    .wqp-wrap .wqp-actions-toolbar{max-height:min(42dvh, 340px)}
  }
  .wqp-wrap .wqp-actions-toolbar .wqp-btn{
    width:100%;
    min-height:46px;
    padding:10px 12px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.45;
    font-size:13px;
    font-weight:900;
  }
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-submit{
    order:-50;
    grid-column:1 / -1;
    min-height:50px;
    font-size:15px;
  }
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-save{order:-45}
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-print{order:-44}
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-print2{order:-43}
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-excel1{order:-42}
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-excel2{order:-41}
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-send-pay-sms,
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-send-pay-sms-prosazeh,
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-send-pay-sms-ata,
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-send-bale{
    grid-column:1 / -1;
  }
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-archive-toolbar{order:60;grid-column:1 / -1}
  .wqp-wrap .wqp-actions-toolbar #wqp-btn-sync-cart{grid-column:1 / -1}
  .wqp-wrap .wqp-actions-toolbar::-webkit-scrollbar{width:6px}
  .wqp-wrap .wqp-actions-toolbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
}

@media (max-width:390px){
  .wqp-wrap{padding-left:6px;padding-right:6px}
  .wqp-wrap .wqp-body{padding-left:6px;padding-right:6px}
  .wqp-wrap .wqp-table-wrap{
    --wqp-mobile-rownum-w:42px;
    --wqp-mobile-name-w:132px;
    --wqp-mobile-action-w:48px;
  }
  .wqp-wrap #wqp-items{min-width:1130px!important}
  .wqp-wrap #wqp-items th,
  .wqp-wrap #wqp-items td{font-size:12px;padding:8px 6px}
  .wqp-wrap .wqp-items-title{font-size:15px}
  .wqp-wrap .wqp-items-title::after{font-size:11px}
  .wqp-wrap .wqp-summary-total span:last-child{font-size:18px}
  .wqp-wrap .wqp-actions-toolbar{margin-left:-6px;margin-right:-6px}
}

/* v1.4.01 — FORCE mobile commercial app shell and picker redesign.
   Scope: frontend mobile only. Desktop and backend logic are not touched. */
@media (max-width:768px){
  html.wqp-mobile-app-active,
  body.wqp-mobile-app-active{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    background:#eef3f8!important;
  }
  body.wqp-mobile-app-active{
    touch-action:pan-y;
    -webkit-text-size-adjust:100%;
  }
  body.wqp-mobile-app-active .wqp-wrap{
    position:fixed!important;
    top:var(--wqp-app-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100vw!important;
    max-width:none!important;
    height:var(--wqp-app-height,100vh)!important;
    max-height:var(--wqp-app-height,100vh)!important;
    margin:0!important;
    padding:0!important;
    z-index:2147481000!important;
    direction:rtl!important;
    background:#eef3f8!important;
    color:#0f172a!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    isolation:isolate!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  @supports (height:100dvh){
    body.wqp-mobile-app-active .wqp-wrap{
      height:var(--wqp-app-height,100dvh)!important;
      max-height:var(--wqp-app-height,100dvh)!important;
    }
  }
  body.wqp-mobile-app-active #wqp-builder{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#eef3f8!important;
  }
  body.wqp-mobile-app-active #wqp-builder > .wqp-card{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#eef3f8!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  /* App header */
  body.wqp-mobile-app-active .wqp-wrap .wqp-header{
    flex:0 0 auto!important;
    position:relative!important;
    padding:16px 18px 14px!important;
    border:0!important;
    border-radius:0!important;
    color:#fff!important;
    background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 48%,#2563eb 100%)!important;
    box-shadow:0 10px 26px rgba(15,23,42,.22)!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-header::after{
    content:'نسخه موبایل اپلیکیشنی';
    position:absolute;
    left:14px;
    bottom:12px;
    padding:4px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    color:#dbeafe;
    font-size:11px;
    font-weight:800;
    line-height:1.4;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-title{
    color:#fff!important;
    font-size:19px!important;
    font-weight:950!important;
    line-height:1.45!important;
    letter-spacing:-.02em;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-subtitle{
    max-width:72%;
    color:#bfdbfe!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.8!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-body{
    flex:1 1 auto!important;
    min-height:0!important;
    padding:14px 12px calc(120px + env(safe-area-inset-bottom,0px))!important;
    background:#eef3f8!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Form cards */
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-doc-header-compact{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    margin:0 0 14px!important;
    padding:0!important;
    background:transparent!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row,
  body.wqp-mobile-app-active .wqp-wrap #wqp-start .wqp-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:16px 14px 14px!important;
    border:1px solid #d8e2ee!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
    overflow:visible!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row::before,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row::before{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 0 2px!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1.6!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row::before{content:'اطلاعات سند'}
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row::before{content:'اطلاعات مشتری'}
  body.wqp-mobile-app-active .wqp-wrap .wqp-field,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-field{
    grid-column:1 / -1!important;
    min-width:0!important;
    width:100%!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field label{
    margin:0 0 7px!important;
    color:#1e293b!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1.5!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field input,
  body.wqp-mobile-app-active .wqp-wrap .wqp-field select,
  body.wqp-mobile-app-active .wqp-wrap .wqp-field textarea{
    min-height:48px!important;
    border:1px solid #d5dfeb!important;
    border-radius:16px!important;
    padding:12px 13px!important;
    background:#f8fafc!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:650!important;
    line-height:1.5!important;
    box-shadow:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field input:focus,
  body.wqp-mobile-app-active .wqp-wrap .wqp-field select:focus,
  body.wqp-mobile-app-active .wqp-wrap .wqp-field textarea:focus{
    background:#fff!important;
    border-color:#2563eb!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.14)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field textarea{
    min-height:74px!important;
    resize:vertical!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-help{
    margin:6px 0 0!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1.75!important;
  }

  /* Items management */
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-header{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    margin:14px 0 10px!important;
    padding:15px!important;
    border:1px solid #cfe0f4!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    box-shadow:0 14px 30px rgba(15,23,42,.08)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    font-size:17px!important;
    font-weight:950!important;
    color:#0f172a!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-title::after{
    content:'کالاها را سریع اضافه و ویرایش کنید'!important;
    color:#64748b!important;
    font-size:11.5px!important;
    font-weight:800!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-actions .wqp-btn{
    width:100%!important;
    min-height:48px!important;
    height:auto!important;
    border-radius:16px!important;
    padding:10px 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1.45!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-item{
    order:-100!important;
    grid-column:1 / -1!important;
    min-height:62px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
    border-color:#1d4ed8!important;
    border-radius:20px!important;
    box-shadow:0 14px 28px rgba(37,99,235,.28)!important;
    font-size:17px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-item .wqp-btn-add-plus{
    width:30px!important;
    height:30px!important;
    margin-left:8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.18)!important;
    font-size:25px!important;
    line-height:1!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-item .wqp-btn-add-text{display:inline!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-clear-cart,
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-clear-products{
    background:#fff1f2!important;
    border-color:#fecdd3!important;
    color:#9f1239!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-clear-discounts{
    background:#fffbeb!important;
    border-color:#fde68a!important;
    color:#92400e!important;
  }

  body.wqp-mobile-app-active .wqp-wrap .wqp-table-scroll-hint{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:10px 0!important;
    padding:10px 12px!important;
    border:1px solid #bfdbfe!important;
    border-radius:18px!important;
    background:#eff6ff!important;
    color:#1e3a8a!important;
    font-size:12.5px!important;
    font-weight:900!important;
    line-height:1.75!important;
    text-align:center!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-scroll-hint::before{
    content:'↔'!important;
    direction:ltr!important;
    font-size:16px!important;
    font-weight:950!important;
  }

  /* Main items table: keep it a real horizontal table, not crushed columns. */
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    direction:rtl!important;
    border:1px solid #d7e2ef!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:inset 20px 0 20px -26px rgba(15,23,42,.45), inset -20px 0 20px -26px rgba(15,23,42,.45), 0 12px 30px rgba(15,23,42,.06)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items{
    width:max-content!important;
    min-width:1160px!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items td{
    padding:9px 7px!important;
    font-size:12.5px!important;
    line-height:1.55!important;
    vertical-align:middle!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items thead th{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    background:#eaf1f9!important;
    color:#0f172a!important;
    font-weight:950!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-rownum-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-rownum-cell{
    position:sticky!important;
    right:0!important;
    z-index:12!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    text-align:center!important;
    background:#fff!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-name-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-name-cell{
    position:sticky!important;
    right:46px!important;
    z-index:11!important;
    width:158px!important;
    min-width:158px!important;
    max-width:158px!important;
    background:#fff!important;
    text-align:right!important;
    box-shadow:-12px 0 18px -18px rgba(15,23,42,.8)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items thead .wqp-item-rownum-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items thead .wqp-item-name-head{
    z-index:18!important;
    background:#dfeaf7!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-change-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-change-cell{
    position:sticky!important;
    left:50px!important;
    z-index:11!important;
    width:50px!important;
    min-width:50px!important;
    background:#fff!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-remove-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-remove-cell{
    position:sticky!important;
    left:0!important;
    z-index:12!important;
    width:50px!important;
    min-width:50px!important;
    background:#fff!important;
    box-shadow:12px 0 18px -18px rgba(15,23,42,.8)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-change-product,
  body.wqp-mobile-app-active .wqp-wrap .wqp-remove{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:19px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items input,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items textarea{
    min-height:44px!important;
    border-radius:14px!important;
    padding:8px 9px!important;
    font-size:14px!important;
  }

  /* Summary and bottom actions */
  body.wqp-mobile-app-active .wqp-wrap .wqp-summary{
    margin-top:14px!important;
    padding:14px!important;
    border:1px solid #d8e2ee!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-summary-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    padding:10px 0!important;
    border-bottom:1px solid #edf2f7!important;
    font-size:14px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-summary-total{
    margin:12px -2px 0!important;
    padding:15px 14px!important;
    border:1px solid #bfdbfe!important;
    border-radius:18px!important;
    background:#eff6ff!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-summary-total span:last-child{
    font-size:20px!important;
    font-weight:950!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar{
    position:sticky!important;
    bottom:0!important;
    z-index:100!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin:16px -12px calc(-120px - env(safe-area-inset-bottom,0px))!important;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))!important;
    border:0!important;
    border-top:1px solid #d7e2ef!important;
    border-radius:24px 24px 0 0!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -18px 36px rgba(15,23,42,.16)!important;
    backdrop-filter:saturate(150%) blur(10px)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar .wqp-btn{
    min-height:48px!important;
    border-radius:16px!important;
    font-size:13px!important;
    font-weight:950!important;
    white-space:normal!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-submit,
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-save{
    grid-column:1 / -1!important;
    min-height:52px!important;
    font-size:15px!important;
  }

  /* Product picker: real full-screen app modal */
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:var(--wqp-app-height,100vh)!important;
    display:none;
    z-index:2147483000!important;
    overflow:hidden!important;
    direction:rtl!important;
    background:#eef3f8!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal[style*="block"]{
    display:block!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-backdrop{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-dialog{
    position:fixed!important;
    inset:0!important;
    top:var(--wqp-app-top,0px)!important;
    width:100vw!important;
    max-width:none!important;
    height:var(--wqp-app-height,100vh)!important;
    min-height:var(--wqp-app-height,100vh)!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#eef3f8!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  @supports (height:100dvh){
    body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal,
    body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-dialog{
      height:var(--wqp-app-height,100dvh)!important;
      min-height:var(--wqp-app-height,100dvh)!important;
    }
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-header{
    flex:0 0 auto!important;
    min-height:66px!important;
    padding:15px 16px 13px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(135deg,#0f172a 0%,#1e40af 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 26px rgba(15,23,42,.22)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-title{
    color:#fff!important;
    font-size:19px!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-close{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:12px 12px 0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    background:#eef3f8!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    margin:0!important;
    padding:5px!important;
    border:1px solid #d5e1ef!important;
    border-radius:18px!important;
    background:#dfe8f3!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-label{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt{
    position:relative!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#475569!important;
    font-size:14px!important;
    font-weight:950!important;
    text-align:center!important;
    line-height:1.45!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
    width:1px!important;
    height:1px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt.is-active,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt:has(input:checked){
    background:#fff!important;
    color:#0f172a!important;
    box-shadow:0 8px 18px rgba(15,23,42,.13)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid #d8e2ee!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
    overflow:visible!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters .wqp-field:first-child,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters .wqp-pp-brand-field{
    grid-column:1 / -1!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters label{
    font-size:12px!important;
    font-weight:950!important;
    margin-bottom:5px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters input,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters select,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-brand-search,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-ppv-q{
    min-height:46px!important;
    border-radius:15px!important;
    padding:10px 12px!important;
    background:#f8fafc!important;
    font-size:14px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-brand-status{
    margin-top:4px!important;
    font-size:11.5px!important;
    color:#64748b!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-fulltitle{
    flex:0 0 auto!important;
    padding:10px 12px!important;
    border:1px solid #d8e2ee!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-fulltitle-text{
    max-height:3.4em!important;
    overflow:hidden!important;
    font-size:12.5px!important;
    line-height:1.7!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-footer{
    display:none!important;
  }

  /* Flat picker becomes card selection list with sticky bottom action. */
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-results{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table thead{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table tbody{
    padding:2px 0 96px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table tr{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:7px 10px!important;
    margin:0 0 10px!important;
    padding:13px 12px!important;
    border:1px solid #d8e2ee!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 22px rgba(15,23,42,.055)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table tr.wqp-pp-selected{
    border-color:#93c5fd!important;
    background:#eff6ff!important;
    box-shadow:0 12px 26px rgba(37,99,235,.13)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table td{
    display:block!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    white-space:normal!important;
    font-size:12.5px!important;
    line-height:1.65!important;
    color:#334155!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    position:static!important;
    box-shadow:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-col-check{
    grid-row:1 / span 5!important;
    grid-column:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-check{
    width:30px!important;
    height:30px!important;
    accent-color:#2563eb!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-title-cell{
    grid-column:2!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1.75!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-price{
    direction:ltr!important;
    text-align:right!important;
    color:#1d4ed8!important;
    font-size:14px!important;
    font-weight:950!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat td[data-wqp-label]::before{
    content:attr(data-wqp-label) ' : ';
    color:#64748b!important;
    font-size:11.5px!important;
    font-weight:850!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-title-cell::before{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-mobile-actionbar{
    display:flex!important;
    position:sticky!important;
    bottom:0!important;
    z-index:90!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 -12px!important;
    padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid #d7e2ef!important;
    border-radius:24px 24px 0 0!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -18px 34px rgba(15,23,42,.16)!important;
    backdrop-filter:saturate(150%) blur(10px)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-selected{
    min-width:0!important;
    color:#334155!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1.6!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-actionbar .wqp-btn-primary{
    flex:1 0 auto!important;
    min-height:50px!important;
    border-radius:18px!important;
    background:#2563eb!important;
    font-size:14px!important;
    font-weight:950!important;
  }

  /* Parent/variation picker: parent cards + variant cards; add button always visible. */
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent #wqp-pp-split{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-col-parents{
    flex:0 0 auto!important;
    max-width:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-parents-list{
    max-height:148px!important;
    min-height:82px!important;
    overflow:auto!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    display:flex!important;
    gap:8px!important;
    padding:0 0 2px!important;
    scroll-snap-type:x proximity!important;
    direction:rtl!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-parent-item{
    flex:0 0 82%!important;
    scroll-snap-align:start!important;
    border:1px solid #d8e2ee!important;
    border-radius:20px!important;
    background:#fff!important;
    padding:12px!important;
    box-shadow:0 10px 22px rgba(15,23,42,.055)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-parent-item.active{
    border-color:#93c5fd!important;
    background:#eff6ff!important;
    box-shadow:0 12px 26px rgba(37,99,235,.13)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-col-variants{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-col-head{
    flex:0 0 auto!important;
    margin:0 0 6px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-mobile-variant-hint{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 0 8px!important;
    padding:9px 10px!important;
    border:1px solid #bfdbfe!important;
    border-radius:16px!important;
    background:#eff6ff!important;
    color:#1e3a8a!important;
    font-size:12.5px!important;
    font-weight:900!important;
    line-height:1.75!important;
    text-align:center!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-results{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table thead{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table tbody{
    padding:0 0 calc(18px + env(safe-area-inset-bottom,0px))!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table tr{
    display:grid!important;
    grid-template-columns:94px minmax(0,1fr)!important;
    gap:7px 10px!important;
    margin:0 0 10px!important;
    padding:13px 12px!important;
    border:1px solid #d8e2ee!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 22px rgba(15,23,42,.055)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table td{
    display:block!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    white-space:normal!important;
    position:static!important;
    box-shadow:none!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    color:#334155!important;
    font-size:12.5px!important;
    line-height:1.65!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-action-cell{
    grid-row:1 / span 4!important;
    grid-column:1!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-add-btn{
    width:100%!important;
    min-width:0!important;
    min-height:92px!important;
    border-radius:18px!important;
    background:#2563eb!important;
    border-color:#2563eb!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
    box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-ppv-summary{
    grid-column:2!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1.75!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-price{
    direction:ltr!important;
    text-align:right!important;
    color:#1d4ed8!important;
    font-size:14px!important;
    font-weight:950!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent td[data-wqp-label]::before{
    content:attr(data-wqp-label) ' : ';
    color:#64748b!important;
    font-size:11.5px!important;
    font-weight:850!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-ppv-summary::before{
    display:none!important;
  }

  body.wqp-mobile-app-active .wqp-wrap .wqp-toast,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mini-toast{
    z-index:2147483600!important;
  }
}

@media (max-width:390px){
  body.wqp-mobile-app-active .wqp-wrap .wqp-header{padding-right:14px!important;padding-left:14px!important}
  body.wqp-mobile-app-active .wqp-wrap .wqp-title{font-size:18px!important}
  body.wqp-mobile-app-active .wqp-wrap .wqp-subtitle{max-width:68%!important;font-size:11.5px!important}
  body.wqp-mobile-app-active .wqp-wrap .wqp-body{padding-right:10px!important;padding-left:10px!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-body{padding-right:10px!important;padding-left:10px!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-parent-item{flex-basis:88%!important}
}


/* v1.4.02 — Mobile UX corrective pass.
   Removes the oversized fixed action overlay, removes the redundant mobile title banner,
   and turns product picker rows into compact readable cards. Mobile frontend only. */
@media (max-width:768px){
  body.wqp-mobile-app-active .wqp-wrap,
  body.wqp-mobile-app-active .wqp-wrap *{
    box-sizing:border-box!important;
  }

  /* No blue hero/header on mobile: it consumed working space and repeated obvious context. */
  body.wqp-mobile-app-active .wqp-wrap .wqp-header{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap,
  body.wqp-mobile-app-active #wqp-builder,
  body.wqp-mobile-app-active #wqp-builder > .wqp-card{
    background:#eef3f8!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-body{
    width:100%!important;
    max-width:100%!important;
    padding:10px 10px calc(18px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-editor,
  body.wqp-mobile-app-active .wqp-wrap #wqp-start,
  body.wqp-mobile-app-active .wqp-wrap #wqp-readonly,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header,
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-header,
  body.wqp-mobile-app-active .wqp-wrap .wqp-summary,
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Compact working cards. */
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-doc-header-compact{
    margin:0 0 10px!important;
    gap:10px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row,
  body.wqp-mobile-app-active .wqp-wrap #wqp-start .wqp-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    gap:9px!important;
    border-radius:18px!important;
    box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row::before,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row::before{
    padding:0!important;
    margin:0 0 2px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field label{
    margin-bottom:5px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field input,
  body.wqp-mobile-app-active .wqp-wrap .wqp-field select,
  body.wqp-mobile-app-active .wqp-wrap .wqp-field textarea{
    min-height:44px!important;
    border-radius:14px!important;
    padding:9px 12px!important;
    font-size:14px!important;
    font-weight:650!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field textarea{
    min-height:62px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-help{
    margin-top:4px!important;
    font-size:11.5px!important;
    line-height:1.55!important;
  }

  /* Items area: prominent add action, compact secondary actions. */
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-header{
    margin:10px 0!important;
    padding:12px!important;
    border-radius:18px!important;
    gap:10px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-title{
    font-size:15px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-title::after{
    content:'افزودن و مدیریت کالا'!important;
    font-size:11px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-item{
    min-height:52px!important;
    border-radius:16px!important;
    font-size:15px!important;
    box-shadow:0 8px 18px rgba(37,99,235,.20)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-actions .wqp-btn{
    min-height:42px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-scroll-hint{
    margin:8px 0!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items{
    min-width:980px!important;
  }

  /* Critical fix: final actions are no longer sticky/fixed. They cannot cover form fields or tables. */
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    margin:12px 0 0!important;
    padding:12px!important;
    border:1px solid #d8e2ee!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
    backdrop-filter:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar .wqp-btn{
    min-height:44px!important;
    height:auto!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    box-shadow:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-submit{
    order:-100!important;
    grid-column:1 / -1!important;
    min-height:50px!important;
    font-size:14.5px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-save{
    order:-90!important;
    grid-column:1 / -1!important;
    min-height:48px!important;
    font-size:14px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-sync-cart,
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-archive-toolbar,
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-send-pay-sms,
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-send-pay-sms-prosazeh,
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-send-pay-sms-ata,
  body.wqp-mobile-app-active .wqp-wrap .wqp-actions-toolbar #wqp-btn-send-bale{
    grid-column:1 / -1!important;
  }

  /* Compact summary. */
  body.wqp-mobile-app-active .wqp-wrap .wqp-summary{
    margin-top:12px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-summary-row{
    padding:8px 0!important;
    font-size:13.5px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-summary-total{
    padding:12px!important;
    border-radius:16px!important;
  }

  /* Product picker shell: compact app sheet without wasted vertical space. */
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-header{
    flex:0 0 56px!important;
    min-height:56px!important;
    padding:9px 14px!important;
    align-items:center!important;
    background:linear-gradient(135deg,#0f172a,#1d4ed8)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.18)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-title{
    font-size:18px!important;
    line-height:1.3!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-close{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:14px!important;
    font-size:24px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-body{
    padding:10px 10px 0!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode{
    flex:0 0 auto!important;
    padding:4px!important;
    gap:4px!important;
    border-radius:16px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-pp-mode .wqp-pp-mode-opt{
    min-height:40px!important;
    border-radius:13px!important;
    font-size:13.5px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters{
    flex:0 0 auto!important;
    padding:10px!important;
    gap:7px!important;
    border-radius:18px!important;
    box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters label{
    margin-bottom:4px!important;
    font-size:11.5px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters input,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-filters select,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-brand-search,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal #wqp-ppv-q{
    min-height:42px!important;
    border-radius:13px!important;
    padding:8px 10px!important;
    font-size:13px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-brand-status{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-fulltitle,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-col-foot{
    display:none!important;
  }

  /* Flat mode: readable selectable product cards; empty technical fields vanish. */
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-results{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table thead{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table tbody{
    padding:0 0 8px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table tr{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:5px 8px!important;
    margin:0 0 8px!important;
    padding:10px!important;
    border:1px solid #d8e2ee!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 7px 16px rgba(15,23,42,.045)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table tr.wqp-pp-selected{
    border-color:#60a5fa!important;
    background:#eff6ff!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-table td{
    display:block!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1.55!important;
    color:#334155!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-col-check{
    grid-column:1!important;
    grid-row:1 / span 5!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:2px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-check{
    width:28px!important;
    height:28px!important;
    accent-color:#2563eb!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-title-cell{
    grid-column:2!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.65!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-attrs-cell,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-sepidar-cell,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-sku-cell{
    grid-column:2!important;
    color:#64748b!important;
    font-size:11px!important;
    line-height:1.45!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-attrs-cell{
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-price,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-price-cell{
    grid-column:2!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:26px!important;
    padding:3px 8px!important;
    border-radius:999px!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
    direction:rtl!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.4!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-price::before,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-price-cell::before,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-title-cell::before{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-cell-empty,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-mobile-empty,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-empty,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat td:empty{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat td[data-wqp-label]::before{
    font-size:10.5px!important;
    font-weight:800!important;
    color:#64748b!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-actionbar{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-mobile-actionbar{
    position:relative!important;
    bottom:auto!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(92px,.85fr) minmax(0,1.45fr)!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 -10px!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid #d8e2ee!important;
    border-radius:18px 18px 0 0!important;
    background:#fff!important;
    box-shadow:0 -8px 18px rgba(15,23,42,.12)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-selected{
    min-width:0!important;
    font-size:11.5px!important;
    font-weight:900!important;
    line-height:1.45!important;
    white-space:normal!important;
    color:#334155!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-actionbar .wqp-btn-primary{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    border-radius:14px!important;
    font-size:12.5px!important;
    padding:8px 10px!important;
    box-shadow:0 8px 16px rgba(37,99,235,.20)!important;
  }

  /* Parent/variation mode: compact controls; variation rows become addable cards. */
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent #wqp-pp-split{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-col-parents{
    flex:0 0 auto!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-parents-list{
    min-height:70px!important;
    max-height:92px!important;
    overflow:auto!important;
    gap:7px!important;
    padding:0 0 2px!important;
    border:0!important;
    background:transparent!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-parent-item{
    flex:0 0 100%!important;
    min-height:62px!important;
    padding:10px!important;
    border-radius:17px!important;
    box-shadow:0 7px 16px rgba(15,23,42,.05)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-parent-title{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-parent-meta,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-mobile-variant-hint,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-col-foot{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-col-variants{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-col-head{
    flex:0 0 auto!important;
    gap:7px!important;
    margin:0 0 5px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-col-title{
    font-size:13px!important;
    font-weight:900!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent #wqp-ppv-parent-title{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-ppv-search input{
    min-height:42px!important;
    height:42px!important;
    border-radius:14px!important;
    padding:9px 12px!important;
    font-size:13px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-results{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:8px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table thead{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table tbody{
    padding:0 0 calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table tr{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:0 0 8px!important;
    padding:10px!important;
    border:1px solid #d8e2ee!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 7px 16px rgba(15,23,42,.045)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table td{
    display:block!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1.55!important;
    color:#334155!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-ppv-summary{
    order:1!important;
    color:#0f172a!important;
    font-size:13.5px!important;
    font-weight:900!important;
    line-height:1.65!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-ppv-name-clamp{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-sepidar-cell,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-sku-cell{
    order:2!important;
    color:#64748b!important;
    font-size:11px!important;
    line-height:1.45!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-price,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-price-cell{
    order:3!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:26px!important;
    width:auto!important;
    padding:3px 8px!important;
    border-radius:999px!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
    direction:rtl!important;
    font-size:12px!important;
    font-weight:900!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-action-cell{
    order:4!important;
    display:block!important;
    width:100%!important;
    margin-top:2px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-add-btn{
    width:100%!important;
    min-height:44px!important;
    border-radius:14px!important;
    font-size:13px!important;
    box-shadow:0 8px 16px rgba(37,99,235,.20)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-price::before,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-price-cell::before,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-ppv-summary::before{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-cell-empty,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-mobile-empty,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-empty,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent td:empty{
    display:none!important;
  }
}

@media (max-width:390px){
  body.wqp-mobile-app-active .wqp-wrap .wqp-body{
    padding-right:8px!important;
    padding-left:8px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-modal-body{
    padding-right:8px!important;
    padding-left:8px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-mobile-actionbar{
    margin-right:-8px!important;
    margin-left:-8px!important;
    grid-template-columns:88px minmax(0,1fr)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-actionbar .wqp-btn-primary{
    font-size:12px!important;
  }
}

/* v1.4.04 — Mobile scroll + variation stability patch.
   Surgical mobile-only fixes: full-surface table scrolling, stable variation cards,
   and readable flat-list selection bar. Desktop remains untouched. */
@media (max-width:768px){
  /* Selected items table: behave as ONE horizontally scrollable surface.
     Sticky action/name columns were removed because they made only a narrow strip feel scrollable. */
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    overscroll-behavior-x:contain!important;
    direction:rtl!important;
    border:1px solid #d4e0ed!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
    cursor:grab!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-touch-scrolling{
    cursor:grabbing!important;
    user-select:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap::-webkit-scrollbar{height:10px!important}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap::-webkit-scrollbar-thumb{background:#b9c7d8!important;border-radius:999px!important;border:2px solid #eef3f8!important}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap::-webkit-scrollbar-track{background:#eef3f8!important;border-radius:999px!important}

  body.wqp-mobile-app-active .wqp-wrap #wqp-items{
    width:1360px!important;
    min-width:1360px!important;
    max-width:none!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    direction:rtl!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items thead th,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items tbody td{
    position:static!important;
    right:auto!important;
    left:auto!important;
    top:auto!important;
    z-index:auto!important;
    box-shadow:none!important;
    background-clip:padding-box!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items thead th{
    background:#e8f1fa!important;
    color:#0f172a!important;
    border-bottom:1px solid #d3e0ed!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items tbody td{
    background:#fff!important;
    border-bottom:1px solid #eef2f7!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items tbody tr:nth-child(even) td{background:#fbfdff!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items td{
    padding:10px 8px!important;
    font-size:13px!important;
    line-height:1.55!important;
    vertical-align:middle!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-rownum-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-rownum-cell{width:56px!important;min-width:56px!important;max-width:56px!important;text-align:center!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-name-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-name-cell{width:280px!important;min-width:280px!important;max-width:280px!important;text-align:right!important;overflow:visible!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-qty-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-qty-cell{width:86px!important;min-width:86px!important;max-width:86px!important;text-align:center!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-unit-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-unit-cell{width:92px!important;min-width:92px!important;max-width:92px!important;text-align:center!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-price-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-price-cell{width:150px!important;min-width:150px!important;max-width:150px!important;text-align:center!important;direction:ltr!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-discp-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-discp-cell{width:88px!important;min-width:88px!important;max-width:88px!important;text-align:center!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-disca-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-disca-cell{width:150px!important;min-width:150px!important;max-width:150px!important;text-align:center!important;direction:ltr!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-total-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-total-cell{width:150px!important;min-width:150px!important;max-width:150px!important;text-align:center!important;direction:ltr!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-note-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-note-cell{width:170px!important;min-width:170px!important;max-width:170px!important;text-align:center!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-change-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-change-cell{width:74px!important;min-width:74px!important;max-width:74px!important;text-align:center!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-remove-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-remove-cell{width:74px!important;min-width:74px!important;max-width:74px!important;text-align:center!important}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-item-name-text{
    display:block!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.75!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items input,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items textarea{
    width:100%!important;
    min-height:44px!important;
    touch-action:manipulation!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-change-product,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items .wqp-remove{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 auto!important;
  }

  /* Flat picker bottom bar: readable status text, not glued to the right edge. */
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-mobile-actionbar{
    direction:rtl!important;
    grid-template-columns:minmax(128px,.9fr) minmax(0,1.35fr)!important;
    gap:12px!important;
    margin:0!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;
    border-radius:20px 20px 0 0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-selected{
    width:100%!important;
    min-width:0!important;
    padding:0 10px!important;
    text-align:right!important;
    color:#1e293b!important;
    font-size:12.5px!important;
    font-weight:950!important;
    line-height:1.55!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-actionbar .wqp-btn-primary{
    min-height:48px!important;
    border-radius:15px!important;
    font-size:13.5px!important;
  }

  /* Parent/variation cards: fixed action rail so Add buttons never resize with title length. */
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 112px!important;
    grid-template-areas:
      "summary action"
      "price action"!important;
    align-items:center!important;
    gap:6px 10px!important;
    min-height:92px!important;
    margin:0 0 9px!important;
    padding:12px!important;
    border:1px solid #d7e5f3!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 18px rgba(15,23,42,.055)!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table td{
    min-width:0!important;
    max-width:100%!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-ppv-summary{
    grid-area:summary!important;
    align-self:end!important;
    min-width:0!important;
    color:#0f172a!important;
    font-size:13.5px!important;
    font-weight:950!important;
    line-height:1.65!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-ppv-name-clamp{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-price,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-price-cell{
    grid-area:price!important;
    align-self:start!important;
    justify-self:start!important;
    width:auto!important;
    max-width:100%!important;
    min-height:26px!important;
    padding:2px 8px!important;
    color:#334155!important;
    background:transparent!important;
    border-radius:0!important;
    font-size:12.5px!important;
    font-weight:950!important;
    line-height:1.45!important;
    direction:ltr!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-action-cell{
    grid-area:action!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-add-btn{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0 10px!important;
    border-radius:16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:950!important;
    flex:0 0 104px!important;
    box-shadow:0 8px 18px rgba(37,99,235,.20)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-sepidar-cell,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-sku-cell,
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-attrs-cell{
    display:none!important;
  }
}

@media (max-width:390px){
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-flat .wqp-pp-mobile-actionbar{
    grid-template-columns:minmax(112px,.85fr) minmax(0,1.25fr)!important;
    gap:10px!important;
    padding-right:14px!important;
    padding-left:14px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal .wqp-pp-mobile-selected{
    padding-right:8px!important;
    padding-left:8px!important;
    font-size:12px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-variants-table tr{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:6px 8px!important;
    padding:11px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-action-cell{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-product-picker-modal.wqp-pp-mode-parent .wqp-pp-add-btn{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    flex-basis:96px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
}


/* --------------------------------------------------------------------------
 * WQP 1.4.05 - Correct mobile items table scroll physics and full column access
 * The selected-items table is forced into one LTR scroll viewport while the table
 * content remains RTL. All old sticky cells are neutralized again at the end of
 * the cascade to prevent the broken "only the middle strip scrolls" model.
 * -------------------------------------------------------------------------- */
@media (max-width: 768px){
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    direction:ltr!important;
    scroll-behavior:auto!important;
    scrollbar-width:auto!important;
    cursor:grab!important;
    border-radius:18px!important;
    background:#fff!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface.wqp-table-is-dragging{
    cursor:grabbing!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items{
    width:1514px!important;
    min-width:1514px!important;
    max-width:none!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    direction:rtl!important;
    transform:none!important;
    margin:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items td{
    position:static!important;
    inset:auto!important;
    right:auto!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:auto!important;
    transform:none!important;
    translate:none!important;
    box-shadow:none!important;
    float:none!important;
    display:table-cell!important;
    box-sizing:border-box!important;
    vertical-align:middle!important;
    background-clip:padding-box!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items thead th{
    position:static!important;
    top:auto!important;
    background:#e8f1fb!important;
    color:#0f172a!important;
    font-weight:950!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tbody td{
    background:#fff!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-rownum-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-rownum-cell{width:60px!important;min-width:60px!important;max-width:60px!important;text-align:center!important;white-space:nowrap!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-name-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-name-cell{width:280px!important;min-width:280px!important;max-width:280px!important;text-align:right!important;white-space:normal!important;overflow:visible!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-qty-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-qty-cell{width:118px!important;min-width:118px!important;max-width:118px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-unit-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-unit-cell{width:120px!important;min-width:120px!important;max-width:120px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-price-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-price-cell{width:168px!important;min-width:168px!important;max-width:168px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-discp-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-discp-cell{width:112px!important;min-width:112px!important;max-width:112px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-disca-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-disca-cell{width:168px!important;min-width:168px!important;max-width:168px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-total-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-total-cell{width:168px!important;min-width:168px!important;max-width:168px!important;text-align:center!important;direction:ltr!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-note-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-note-cell{width:180px!important;min-width:180px!important;max-width:180px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-change-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-change-cell{width:70px!important;min-width:70px!important;max-width:70px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-remove-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-remove-cell{width:70px!important;min-width:70px!important;max-width:70px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-name-text{
    display:block!important;
    max-height:5.4em!important;
    overflow:hidden!important;
    line-height:1.8!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items input,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items textarea,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items select{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* v1.4.05b — Final table geometry correction.
   Wrapper uses LTR scroll coordinates for reliable Android Chrome swiping;
   the table content remains RTL. No selected-item column is sticky on mobile. */
@media (max-width:768px){
  html body .wqp-wrap .wqp-table-wrap,
  html body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap{
    direction:ltr!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    max-width:100%!important;
  }
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table,
  html body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table{
    direction:rtl!important;
    display:table!important;
    width:1378px!important;
    min-width:1378px!important;
    max-width:none!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="1"]{width:56px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="2"]{width:265px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="3"]{width:96px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="4"]{width:96px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="5"]{width:150px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="6"]{width:90px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="7"]{width:150px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="8"]{width:150px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="9"]{width:165px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="10"]{width:80px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table col[data-wqp-mobile-col="11"]{width:80px!important}

  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table thead,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table tbody,
  html body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table thead,
  html body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table tbody{
    transform:none!important;
  }
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table tr,
  html body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table tr{
    display:table-row!important;
    transform:none!important;
  }
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table th,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table td,
  html body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table th,
  html body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table td{
    display:table-cell!important;
    position:static!important;
    inset:auto!important;
    right:auto!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:1!important;
    transform:none!important;
    box-shadow:none!important;
    background-clip:padding-box!important;
  }

  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-rownum-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-rownum-cell{width:56px!important;min-width:56px!important;max-width:56px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-name-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-name-cell{width:265px!important;min-width:265px!important;max-width:265px!important;text-align:right!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-qty-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-qty-cell{width:96px!important;min-width:96px!important;max-width:96px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-unit-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-unit-cell{width:96px!important;min-width:96px!important;max-width:96px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-price-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-price-cell{width:150px!important;min-width:150px!important;max-width:150px!important;direction:ltr!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-discp-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-discp-cell{width:90px!important;min-width:90px!important;max-width:90px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-disca-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-disca-cell{width:150px!important;min-width:150px!important;max-width:150px!important;direction:ltr!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-total-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-total-cell{width:150px!important;min-width:150px!important;max-width:150px!important;direction:ltr!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-note-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-note-cell{width:165px!important;min-width:165px!important;max-width:165px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-change-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-change-cell{width:80px!important;min-width:80px!important;max-width:80px!important}
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-remove-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-remove-cell{width:80px!important;min-width:80px!important;max-width:80px!important}
}

/* --------------------------------------------------------------------------
 * WQP 1.4.05b - Ultimate mobile table single-surface override
 * Applied after all previous mobile table rules. This selector family is tied
 * to the JS-added class so it wins only when the enhanced mobile scroller runs.
 * -------------------------------------------------------------------------- */
@media (max-width: 768px){
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface,
  .wqp-wrap.wqp-mobile-app-shell-wrap .wqp-table-wrap.wqp-mobile-table-unified,
  .wqp-wrap.wqp-mobile-app-shell-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    direction:ltr!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-y pinch-zoom!important;
    scroll-behavior:auto!important;
    scrollbar-gutter:auto!important;
    isolation:isolate!important;
  }

  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items,
  .wqp-wrap.wqp-mobile-app-shell-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items,
  .wqp-wrap.wqp-mobile-app-shell-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items{
    display:table!important;
    direction:rtl!important;
    width:1568px!important;
    min-width:1568px!important;
    max-width:none!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    margin:0!important;
    transform:none!important;
  }

  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items thead,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tbody,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tr,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items thead,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tbody,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tr,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items thead,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tbody,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tr,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items thead,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tbody,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tr{
    display:table-row-group!important;
    position:static!important;
    transform:none!important;
  }
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items thead,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items thead,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items thead,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items thead{
    display:table-header-group!important;
  }
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tbody,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tbody,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tbody,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tbody{
    display:table-row-group!important;
  }
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tr,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tr,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tr,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tr{
    display:table-row!important;
  }

  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items th,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items td,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items th,
  html.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items td,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items td,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items td{
    display:table-cell!important;
    position:static!important;
    inset:auto!important;
    right:auto!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:auto!important;
    float:none!important;
    transform:none!important;
    box-shadow:none!important;
    visibility:visible!important;
    opacity:1!important;
    vertical-align:middle!important;
    background-clip:padding-box!important;
  }

  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-rownum-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-rownum-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-rownum-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-rownum-cell{width:64px!important;min-width:64px!important;max-width:64px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-name-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-name-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-name-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-name-cell{width:300px!important;min-width:300px!important;max-width:300px!important;text-align:right!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-qty-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-qty-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-qty-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-qty-cell{width:116px!important;min-width:116px!important;max-width:116px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-unit-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-unit-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-unit-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-unit-cell{width:116px!important;min-width:116px!important;max-width:116px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-price-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-price-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-price-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-price-cell{width:166px!important;min-width:166px!important;max-width:166px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-discp-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-discp-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-discp-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-discp-cell{width:112px!important;min-width:112px!important;max-width:112px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-disca-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-disca-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-disca-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-disca-cell{width:166px!important;min-width:166px!important;max-width:166px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-total-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-total-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-total-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-total-cell{width:166px!important;min-width:166px!important;max-width:166px!important;text-align:center!important;direction:ltr!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-note-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-note-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-note-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-note-cell{width:190px!important;min-width:190px!important;max-width:190px!important;text-align:center!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-change-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-change-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-remove-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-remove-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-change-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-change-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-remove-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-remove-cell{width:86px!important;min-width:86px!important;max-width:86px!important;text-align:center!important;}
}


/* --------------------------------------------------------------------------
 * WQP 1.4.06 - Production mobile table scroll final override
 * Final cascade layer for the selected-items table. The table becomes one real
 * horizontal surface; no column is sticky/fixed and Android touch drag is handled
 * by JS on the same wrapper.
 * -------------------------------------------------------------------------- */
@media (max-width:768px){
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    direction:ltr!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scroll-behavior:auto!important;
    background:#fff!important;
    border-radius:18px!important;
  }
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items{
    display:table!important;
    direction:rtl!important;
    width:1514px!important;
    min-width:1514px!important;
    max-width:none!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    margin:0!important;
    transform:none!important;
  }
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items thead,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items thead,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items thead,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items thead{display:table-header-group!important;position:static!important;transform:none!important;}
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tbody,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tbody,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tbody,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tbody{display:table-row-group!important;position:static!important;transform:none!important;}
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tr,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tr,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items tr,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items tr{display:table-row!important;position:static!important;transform:none!important;}
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items th,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items td,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items th,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items td,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items td,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items td{
    display:table-cell!important;
    position:static!important;
    inset:auto!important;
    right:auto!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:auto!important;
    float:none!important;
    transform:none!important;
    translate:none!important;
    box-shadow:none!important;
    visibility:visible!important;
    opacity:1!important;
    vertical-align:middle!important;
    background-clip:padding-box!important;
    box-sizing:border-box!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-rownum-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-rownum-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-rownum-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-rownum-cell{width:60px!important;min-width:60px!important;max-width:60px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-name-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-name-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-name-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-name-cell{width:280px!important;min-width:280px!important;max-width:280px!important;text-align:right!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-qty-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-qty-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-qty-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-qty-cell{width:118px!important;min-width:118px!important;max-width:118px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-unit-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-unit-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-unit-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-unit-cell{width:120px!important;min-width:120px!important;max-width:120px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-price-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-price-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-price-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-price-cell{width:168px!important;min-width:168px!important;max-width:168px!important;direction:ltr!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-discp-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-discp-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-discp-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-discp-cell{width:112px!important;min-width:112px!important;max-width:112px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-disca-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-disca-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-disca-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-disca-cell{width:168px!important;min-width:168px!important;max-width:168px!important;direction:ltr!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-total-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-total-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-total-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-total-cell{width:168px!important;min-width:168px!important;max-width:168px!important;direction:ltr!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-note-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-note-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-note-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-note-cell{width:180px!important;min-width:180px!important;max-width:180px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-change-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-change-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-change-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-change-cell{width:70px!important;min-width:70px!important;max-width:70px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-remove-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items .wqp-item-remove-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-remove-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items .wqp-item-remove-cell{width:70px!important;min-width:70px!important;max-width:70px!important;}
}


/* v1.4.07: keep unauthorized optional action buttons hidden inside mobile grids. */
.wqp-wrap .wqp-force-hidden,
.wqp-wrap [hidden],
body.wqp-mobile-app-active .wqp-wrap .wqp-force-hidden,
body.wqp-mobile-app-active .wqp-wrap [hidden],
body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-sepidar[hidden]{
  display:none!important;
}
@media (max-width:768px){
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-actions .wqp-btn[hidden],
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-actions .wqp-btn.wqp-force-hidden,
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-actions .wqp-btn[style*="display: none"],
  body.wqp-mobile-app-active .wqp-wrap .wqp-items-actions .wqp-btn[style*="display:none"],
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-sepidar[hidden],
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-sepidar.wqp-force-hidden,
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-sepidar[style*="display: none"],
  body.wqp-mobile-app-active .wqp-wrap #wqp-btn-add-sepidar[style*="display:none"]{
    display:none!important;
  }
}

/* v1.4.08: mobile collapsed document/customer sections + required-field guidance */
.wqp-wrap .wqp-mobile-section-toggle{display:none;}
@media (max-width:768px){
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row.wqp-mobile-collapsible,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row.wqp-mobile-collapsible{
    gap:0!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row.wqp-mobile-collapsible::before,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-doc-customer-row.wqp-mobile-collapsible::before{
    display:none!important;
    content:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-section-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:"title icon" "summary icon"!important;
    align-items:center!important;
    width:100%!important;
    min-height:62px!important;
    margin:0!important;
    padding:12px 14px!important;
    border:1px solid #d7e1ee!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    box-shadow:none!important;
    text-align:right!important;
    cursor:pointer!important;
    direction:rtl!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-section-title{
    grid-area:title!important;
    display:block!important;
    min-width:0!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1.45!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-section-summary{
    grid-area:summary!important;
    display:block!important;
    min-width:0!important;
    margin-top:3px!important;
    color:#64748b!important;
    font-size:11.5px!important;
    font-weight:750!important;
    line-height:1.55!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-section-icon{
    grid-area:icon!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    height:38px!important;
    margin-inline-start:12px!important;
    border-radius:14px!important;
    background:#eaf2ff!important;
    color:#2563eb!important;
    font-size:22px!important;
    font-weight:950!important;
    line-height:1!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-collapsible:not(.wqp-mobile-collapsed){
    gap:9px!important;
    padding:12px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-collapsible:not(.wqp-mobile-collapsed) > .wqp-mobile-section-toggle{
    margin-bottom:2px!important;
    border-color:#bfdbfe!important;
    background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-collapsible.wqp-mobile-collapsed > :not(.wqp-mobile-section-toggle){
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-collapsible.wqp-mobile-section-has-error{
    border-color:#fca5a5!important;
    box-shadow:0 10px 24px rgba(220,38,38,.10)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-collapsible.wqp-mobile-section-has-error > .wqp-mobile-section-toggle{
    border-color:#fecaca!important;
    background:#fff7f7!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header-compact .wqp-mobile-collapsible.wqp-mobile-section-has-error .wqp-mobile-section-icon{
    background:#fee2e2!important;
    color:#dc2626!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-required-missing-field label{
    color:#dc2626!important;
  }
  body.wqp-mobile-app-active .wqp-wrap input.wqp-required-missing,
  body.wqp-mobile-app-active .wqp-wrap textarea.wqp-required-missing,
  body.wqp-mobile-app-active .wqp-wrap select.wqp-required-missing{
    border-color:#ef4444!important;
    background:#fff7f7!important;
    box-shadow:0 0 0 3px rgba(239,68,68,.12)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap input.wqp-required-missing:focus,
  body.wqp-mobile-app-active .wqp-wrap textarea.wqp-required-missing:focus,
  body.wqp-mobile-app-active .wqp-wrap select.wqp-required-missing:focus{
    border-color:#dc2626!important;
    box-shadow:0 0 0 4px rgba(239,68,68,.18)!important;
  }
}

/* v1.4.08: mobile collapsed document/customer information cards + required-field guidance */
.wqp-wrap .wqp-mobile-section-toggle{display:none;}
.wqp-wrap .wqp-field-required-missing label{color:#b91c1c!important;}
.wqp-wrap .wqp-field-required-missing input,
.wqp-wrap .wqp-field-required-missing select,
.wqp-wrap .wqp-field-required-missing textarea,
.wqp-wrap input.wqp-required-invalid,
.wqp-wrap select.wqp-required-invalid,
.wqp-wrap textarea.wqp-required-invalid{
  border-color:#ef4444!important;
  background:#fff1f2!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12)!important;
}
.wqp-wrap .wqp-field-required-missing .wqp-help{color:#b91c1c!important;background:#fff1f2!important;border-color:#fecdd3!important;}

@media(max-width:768px){
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-doc-header-compact.wqp-mobile-collapsible-ready{
    gap:8px!important;
    margin:0 0 10px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready .wqp-mobile-section-toggle{
    display:grid!important;
    width:100%!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:'title icon' 'summary icon'!important;
    column-gap:12px!important;
    row-gap:4px!important;
    align-items:center!important;
    min-height:76px!important;
    margin:0!important;
    padding:14px 16px!important;
    border:1px solid #d8e2ee!important;
    border-radius:20px!important;
    background:#fff!important;
    color:#0f172a!important;
    text-align:right!important;
    cursor:pointer!important;
    box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-mobile-section-toggle:active{
    transform:translateY(1px)!important;
    background:#f8fafc!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-mobile-section-toggle.is-open{
    border-color:#bfdbfe!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    box-shadow:0 12px 28px rgba(37,99,235,.10)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-mobile-section-title{
    grid-area:title!important;
    display:block!important;
    color:#0f172a!important;
    font-size:16px!important;
    font-weight:950!important;
    line-height:1.45!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-mobile-section-summary{
    grid-area:summary!important;
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    color:#64748b!important;
    font-size:12.5px!important;
    font-weight:750!important;
    line-height:1.55!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-mobile-section-icon{
    grid-area:icon!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    background:#edf4ff!important;
    color:#2563eb!important;
    font-size:22px!important;
    font-weight:950!important;
    line-height:1!important;
    transition:transform .18s ease, background .18s ease!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-mobile-section-toggle.is-open .wqp-mobile-section-icon{
    transform:rotate(180deg)!important;
    background:#dbeafe!important;
  }

  /* Use the real accordion button as the section title; suppress old pseudo-card headings. */
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready .wqp-doc-meta-row::before,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready .wqp-doc-customer-row::before{
    content:''!important;
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready:not(.wqp-mobile-doc-info-open) .wqp-doc-meta-row,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready:not(.wqp-mobile-customer-info-open) .wqp-doc-customer-row{
    display:none!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready.wqp-mobile-doc-info-open .wqp-doc-meta-row,
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready.wqp-mobile-customer-info-open .wqp-doc-customer-row{
    display:grid!important;
    animation:wqpMobileInfoOpen .18s ease-out both!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready .wqp-mobile-section-panel{
    margin:0!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-doc-header.wqp-mobile-collapsible-ready .wqp-mobile-section-panel-open{
    border-color:#dbeafe!important;
  }

  body.wqp-mobile-app-active .wqp-wrap .wqp-field-required-missing label{
    color:#b91c1c!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field-required-missing input,
  body.wqp-mobile-app-active .wqp-wrap .wqp-field-required-missing select,
  body.wqp-mobile-app-active .wqp-wrap .wqp-field-required-missing textarea,
  body.wqp-mobile-app-active .wqp-wrap input.wqp-required-invalid,
  body.wqp-mobile-app-active .wqp-wrap select.wqp-required-invalid,
  body.wqp-mobile-app-active .wqp-wrap textarea.wqp-required-invalid{
    border-color:#ef4444!important;
    background:#fff1f2!important;
    box-shadow:0 0 0 4px rgba(239,68,68,.14)!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-field-required-missing::after{
    content:'تکمیل این فیلد الزامی است.';
    display:block!important;
    margin-top:5px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    background:#fff1f2!important;
    color:#b91c1c!important;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1.5!important;
  }
}

@keyframes wqpMobileInfoOpen{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}


/* v1.4.09: let vertical page scrolling pass through the mobile items table.
   Horizontal swipe is still handled by JS only after a clear horizontal intent. */
@media (max-width:768px){
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface{
    touch-action:pan-y pinch-zoom!important;
    overscroll-behavior-y:auto!important;
  }
}

/* v1.4.09: mobile table cells must not block vertical page scroll.
   Older row-drag handles used touch-action:none; on mobile that made the table
   feel like it had trapped the finger. Keep row drag disabled for touch and let
   vertical pan pass through while JS handles only deliberate horizontal swipes. */
@media (max-width:768px){
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items th,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items td,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items th,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items td,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified > table#wqp-items td,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-items-scroll-surface > table#wqp-items td,
  body.wqp-mobile-app-active .wqp-wrap .wqp-item-name-cell.wqp-row-drag-source,
  body.wqp-mobile-app-active .wqp-wrap .wqp-item-rownum-cell.wqp-row-drag-source{
    touch-action:pan-y pinch-zoom!important;
  }
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified input,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified textarea,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified select,
  html.wqp-mobile-app-active body .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified button,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified input,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified textarea,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified select,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-mobile-table-unified button{
    touch-action:manipulation!important;
  }
}

/* v1.4.10: initial-touch vertical scroll pass-through for the mobile items table.
   Apply before/without JS-added helper classes too, so the first touch after page load
   can scroll the page vertically from inside the table area. */
@media (max-width:768px){
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap #wqp-items,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap #wqp-items th,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap #wqp-items td,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap .wqp-row-drag-source,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap .wqp-row-drag-handle{
    touch-action:pan-y pinch-zoom!important;
  }
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap.wqp-touch-scrolling{
    touch-action:pan-y pinch-zoom!important;
  }
}

/* v1.4.11: customer finalization / approval / payment flow */
.wqp-wrap .wqp-customer-final-panel{margin:12px 0 0;}
.wqp-wrap .wqp-customer-final-card{
  border:1px solid #bfdbfe;
  border-radius:18px;
  background:linear-gradient(180deg,#eff6ff 0%,#fff 100%);
  padding:16px;
  color:#0f172a;
  box-shadow:0 14px 34px rgba(37,99,235,.10);
}
.wqp-wrap .wqp-customer-final-title{font-size:16px;font-weight:950;margin:0 0 8px;color:#1d4ed8;}
.wqp-wrap .wqp-customer-final-text{font-size:13px;font-weight:750;line-height:1.9;color:#334155;}
.wqp-wrap .wqp-customer-final-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.wqp-wrap .wqp-btn-pay{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;text-decoration:none!important;}
.wqp-wrap .wqp-btn-pay:hover{filter:brightness(.98);}
.wqp-customer-final-modal{
  position:fixed;
  inset:0;
  z-index:2147483200;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(15,23,42,.55);
  direction:rtl;
}
.wqp-customer-final-dialog{
  width:min(520px,100%);
  border-radius:22px;
  background:#fff;
  padding:20px;
  box-shadow:0 28px 70px rgba(2,6,23,.32);
  text-align:right;
  border:1px solid rgba(226,232,240,.9);
}
.wqp-customer-final-dialog-title{font-size:18px;font-weight:950;color:#0f172a;margin:0 0 10px;}
.wqp-customer-final-dialog-text{font-size:14px;font-weight:750;line-height:2;color:#334155;margin:0 0 16px;}
.wqp-customer-final-dialog-actions{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;}
@media(max-width:768px){
  body.wqp-mobile-app-active .wqp-wrap .wqp-customer-final-panel{margin:10px 0 0!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-customer-final-card{border-radius:18px!important;padding:14px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-customer-final-title{font-size:15px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-customer-final-text{font-size:12.5px!important;line-height:1.9!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-customer-final-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  body.wqp-mobile-app-active .wqp-wrap .wqp-customer-final-actions .wqp-btn{width:100%!important;justify-content:center!important;}
  .wqp-customer-final-dialog{border-radius:20px;padding:18px;}
  .wqp-customer-final-dialog-actions{display:grid;grid-template-columns:1fr;}
  .wqp-customer-final-dialog-actions .wqp-btn{width:100%;justify-content:center;}
}

/* 1.4.13 — Smart customer mobile lookup notices */
.wqp-ps-meta.wqp-ps-meta-warning,
#wqp-customer-selected-meta.wqp-ps-meta-warning{
  border:1px solid #f59e0b;
  background:#fffbeb;
  color:#92400e;
  border-radius:10px;
  padding:8px 10px;
  line-height:1.8;
}
.wqp-ps-meta.wqp-ps-meta-info,
#wqp-customer-selected-meta.wqp-ps-meta-info{
  border:1px solid #bfdbfe;
  background:#eff6ff;
  color:#1e40af;
  border-radius:10px;
  padding:8px 10px;
  line-height:1.8;
}
.wqp-ps-meta.wqp-ps-meta-success,
#wqp-customer-selected-meta.wqp-ps-meta-success{
  border:1px solid #bbf7d0;
  background:#f0fdf4;
  color:#166534;
  border-radius:10px;
  padding:8px 10px;
  line-height:1.8;
}

/* 1.4.15 — Smart customer warning must be fully readable in compact desktop/mobile UI */
.wqp-wrap #wqp-customer-selected-meta.wqp-ps-meta-warning,
.wqp-wrap #wqp-customer-selected-meta.wqp-ps-meta-info,
.wqp-wrap #wqp-customer-selected-meta.wqp-ps-meta-success,
.wqp-wrap .wqp-doc-header-compact #wqp-customer-selected-meta.wqp-ps-meta-warning,
.wqp-wrap .wqp-doc-header-compact #wqp-customer-selected-meta.wqp-ps-meta-info,
.wqp-wrap .wqp-doc-header-compact #wqp-customer-selected-meta.wqp-ps-meta-success{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:block!important;
  max-width:100%!important;
  max-height:none!important;
  line-height:1.85!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.wqp-wrap #wqp-customer-search-results .wqp-ps-meta-warning,
.wqp-wrap .wqp-ps-results .wqp-ps-meta.wqp-ps-meta-warning{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.75!important;
  overflow-wrap:anywhere!important;
}
.wqp-wrap .wqp-toast.wqp-alert-info,
.wqp-wrap .wqp-toast.wqp-alert-error,
.wqp-wrap .wqp-toast.wqp-alert-success{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.8;
}

/* Stage 04 — سفارش کالا از تأمین‌کننده در سازنده فرانت‌اند */
.wqp-wrap .wqp-po-panel{
  margin:16px 0;
  padding:14px;
  border:1px solid #dbeafe;
  border-radius:18px;
  background:#f8fafc;
  direction:rtl;
  text-align:right;
}
.wqp-wrap .wqp-po-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.wqp-wrap .wqp-po-panel h3{
  margin:0;
  font-size:16px;
  font-weight:950;
  color:#0f172a;
}
.wqp-wrap .wqp-po-toggle-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:850;
  color:#1e293b;
  cursor:pointer;
  user-select:none;
}
.wqp-wrap .wqp-po-toggle-label input,
.wqp-wrap .wqp-po-item-checkbox{
  width:18px;
  height:18px;
  margin:0;
  accent-color:#2563eb;
}
.wqp-wrap .wqp-po-fields{
  margin-top:12px;
  padding-top:12px;
  border-top:1px dashed #cbd5e1;
}
.wqp-wrap .wqp-po-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.wqp-wrap .wqp-po-field-search,
.wqp-wrap .wqp-po-field-address,
.wqp-wrap .wqp-po-field-note{
  grid-column:span 3;
}
.wqp-wrap .wqp-po-field{position:relative;}
.wqp-wrap .wqp-po-suggestions{
  /* Supplier search results are intentionally in-flow. Absolute positioning
     made name/title results overlap the next grid row, so they appeared under
     the supplier mobile field instead of directly below the search input. */
  position:relative;
  inset-inline-start:auto;
  inset-inline-end:auto;
  top:auto;
  z-index:50;
  width:100%;
  max-height:240px;
  overflow:auto;
  margin-top:6px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.14);
}
.wqp-wrap .wqp-po-field-search .wqp-po-suggestions-search{
  z-index:90;
}
.wqp-wrap .wqp-po-suggestion{
  display:block;
  width:100%;
  padding:9px 10px;
  border:0;
  border-bottom:1px solid #eef2f7;
  background:#fff;
  color:#0f172a;
  font:inherit;
  text-align:right;
  cursor:pointer;
}
.wqp-wrap .wqp-po-suggestion:hover,
.wqp-wrap .wqp-po-suggestion:focus{
  background:#eff6ff;
  outline:none;
}
.wqp-wrap .wqp-po-message,
.wqp-wrap .wqp-po-result{
  margin:10px 0;
  padding:10px 12px;
  border-radius:12px;
  line-height:1.9;
  font-weight:750;
}
.wqp-wrap .wqp-po-message-info{border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;}
.wqp-wrap .wqp-po-message-success,
.wqp-wrap .wqp-po-result{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;}
.wqp-wrap .wqp-po-message-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;}
.wqp-wrap .wqp-po-message-warning{border:1px solid #fde68a;background:#fffbeb;color:#92400e;}
.wqp-wrap .wqp-po-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:12px;
}
.wqp-wrap .wqp-po-actions .wqp-btn{justify-content:center;}
.wqp-wrap .wqp-po-print{text-decoration:none!important;}
.wqp-wrap .wqp-po-panel.is-loading{opacity:.92;}
.wqp-wrap .wqp-po-panel.is-loading .wqp-po-actions .is-loading{cursor:progress;}
.wqp-wrap .wqp-po-select-head,
.wqp-wrap .wqp-po-item-select-cell{
  width:96px;
  min-width:96px;
  text-align:center;
  vertical-align:middle;
}
.wqp-wrap .wqp-po-item-select-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:28px;
}
.wqp-wrap .wqp-po-duplicate-warning{
  margin-top:6px;
  padding:5px 7px;
  border-radius:8px;
  background:#fffbeb;
  color:#92400e;
  font-size:11px;
  font-weight:750;
  line-height:1.7;
  white-space:normal;
}
@media(max-width:768px){
  .wqp-wrap .wqp-po-panel{padding:12px;border-radius:16px;}
  .wqp-wrap .wqp-po-panel-head{align-items:flex-start;}
  .wqp-wrap .wqp-po-grid{grid-template-columns:1fr;}
  .wqp-wrap .wqp-po-field-search,
  .wqp-wrap .wqp-po-field-address,
  .wqp-wrap .wqp-po-field-note{grid-column:span 1;}
  .wqp-wrap .wqp-po-actions{display:grid;grid-template-columns:1fr;}
  .wqp-wrap .wqp-po-actions .wqp-btn{width:100%;}
  .wqp-wrap .wqp-po-select-head,
  .wqp-wrap .wqp-po-item-select-cell{min-width:88px;width:88px;}
}

/* Stage 08 hotfix — آکاردئون و چند سفارش کالا از تأمین‌کننده */
.wqp-wrap .wqp-po-panel-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.wqp-wrap .wqp-po-panel-toggle{
  min-width:92px;
  justify-content:center;
}
.wqp-wrap .wqp-po-existing{
  margin:10px 0 12px;
  padding:10px;
  border:1px solid #dbeafe;
  border-radius:14px;
  background:#fff;
}
.wqp-wrap .wqp-po-existing-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.wqp-wrap .wqp-po-existing-head strong{
  font-weight:950;
  color:#0f172a;
}
.wqp-wrap .wqp-po-existing-list{
  display:grid;
  gap:8px;
}
.wqp-wrap .wqp-po-existing-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#f8fafc;
}
.wqp-wrap .wqp-po-existing-card.is-active{
  border-color:#60a5fa;
  background:#eff6ff;
}
.wqp-wrap .wqp-po-existing-meta{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  line-height:1.7;
}
.wqp-wrap .wqp-po-existing-meta strong{
  color:#0f172a;
  font-weight:950;
}
.wqp-wrap .wqp-po-existing-meta span{
  color:#475569;
  font-size:12px;
  overflow-wrap:anywhere;
}
.wqp-wrap .wqp-po-existing-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  flex:0 0 auto;
}
.wqp-wrap .wqp-po-existing-empty{
  padding:9px 10px;
  border:1px dashed #cbd5e1;
  border-radius:12px;
  color:#64748b;
  background:#f8fafc;
  line-height:1.8;
}
.wqp-wrap #wqp-po-status,
.wqp-wrap #wqp-po-status option{
  color:#0f172a!important;
  background:#fff!important;
  direction:rtl;
  font:inherit;
}
.wqp-wrap #wqp-po-status:disabled{
  color:#64748b!important;
  background:#f1f5f9!important;
  opacity:1!important;
}
@media(max-width:768px){
  .wqp-wrap .wqp-po-panel-head-actions{width:100%;justify-content:space-between;}
  .wqp-wrap .wqp-po-existing-card{align-items:flex-start;flex-direction:column;}
  .wqp-wrap .wqp-po-existing-actions{width:100%;}
}
.wqp-wrap #wqp-po-status{
  -webkit-text-fill-color:#0f172a!important;
  text-shadow:none!important;
  min-height:42px;
}
.wqp-wrap #wqp-po-status option:checked,
.wqp-wrap #wqp-po-status option:hover,
.wqp-wrap #wqp-po-status option:focus{
  color:#0f172a!important;
  background:#e2e8f0!important;
  -webkit-text-fill-color:#0f172a!important;
}
.wqp-wrap #wqp-po-status:disabled{
  -webkit-text-fill-color:#64748b!important;
}

/* Hotfix — انتخاب/بستن سفارش‌های ثبت‌شده در فرانت */
.wqp-wrap .wqp-po-existing-title{
  appearance:none;
  -webkit-appearance:none;
  display:inline-block;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:#0f172a;
  font:inherit;
  font-weight:950;
  line-height:1.8;
  text-align:right;
  cursor:pointer;
}
.wqp-wrap .wqp-po-existing-title:hover,
.wqp-wrap .wqp-po-existing-title:focus{
  color:#1d4ed8;
  text-decoration:underline;
  outline:none;
}
.wqp-wrap .wqp-po-existing-title:focus-visible{
  outline:2px solid #60a5fa;
  outline-offset:2px;
  border-radius:6px;
}
.wqp-wrap .wqp-po-existing-card.is-collapsed{
  border-style:dashed;
  background:#f8fafc;
}
.wqp-wrap .wqp-po-existing-card.is-collapsed .wqp-po-existing-title::after{
  content:' (بسته)';
  color:#64748b;
  font-weight:750;
}

/* Hotfix v1.4.22 — supplier search results must reserve vertical space.
   The purchase-order panel is a CSS grid; absolute suggestions overlapped the
   next row and visually appeared under the supplier mobile field. Scoped to the
   PO panel only so product/customer suggestion popovers keep their old behavior. */
.wqp-wrap .wqp-po-field .wqp-po-suggestions{
  position:static;
  inset:auto;
  top:auto;
  width:100%;
  max-height:240px;
  margin-top:6px;
  z-index:50;
}


/* Hotfix — supplier search suggestions must stay under the supplier search field.
   The generic purchase-order dropdown is absolute-positioned; in the 3-column
   supplier form that visually overlaps the next row (mobile field). Keep it in
   normal document flow inside the supplier search field. */
.wqp-wrap .wqp-po-panel .wqp-po-field-search .wqp-po-suggestions{
  position:relative;
  inset:auto;
  top:auto;
  right:auto;
  left:auto;
  z-index:50;
  width:100%;
  max-height:240px;
  margin-top:6px;
  box-shadow:0 10px 22px rgba(15,23,42,.12);
}

/* نمایش فشرده موجودی زنده سپیدار در انتخاب‌گر کالا */
.wqp-live-stock-card{
  direction:rtl;
  margin-top:6px;
  padding:7px 9px;
  border:1px solid #dbeafe;
  border-radius:10px;
  background:#f8fbff;
  color:#1e293b;
  font-size:12px;
  line-height:1.8;
  white-space:normal;
  max-width:100%;
}
.wqp-live-stock-card.is-ok{border-color:#bfdbfe;background:#f8fbff;}
.wqp-live-stock-card.is-zero{border-color:#fed7aa;background:#fffaf3;}
.wqp-live-stock-card.is-loading{border-color:#e2e8f0;background:#f8fafc;color:#64748b;}
.wqp-live-stock-card.is-unavailable{border-color:#e5e7eb;background:#fafafa;color:#64748b;}
.wqp-live-stock-card.is-not-mapped{display:inline-flex;padding:2px 7px;border-color:#e5e7eb;background:#f8fafc;color:#94a3b8;font-size:11px;}
.wqp-live-stock-summary{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.wqp-live-stock-title{font-weight:800;color:#0f172a;}
.wqp-live-stock-chip{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:1px 7px;
  border-radius:999px;
  background:#e0f2fe;
  color:#075985;
  font-weight:750;
  white-space:nowrap;
}
.wqp-live-stock-chip.is-positive{background:#dcfce7;color:#166534;}
.wqp-live-stock-chip.is-zero{background:#ffedd5;color:#9a3412;}
.wqp-live-stock-chip.is-total{background:#eef2ff;color:#3730a3;}
.wqp-live-stock-chip.is-muted{background:#f1f5f9;color:#64748b;}
.wqp-live-stock-muted{color:#94a3b8;}
.wqp-live-stock-refresh,
.wqp-live-stock-toggle{
  appearance:none;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#334155;
  border-radius:8px;
  cursor:pointer;
  font:inherit;
  font-size:11px;
  line-height:1.6;
}
.wqp-live-stock-refresh{
  width:24px;
  height:24px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}
.wqp-live-stock-toggle{padding:2px 8px;margin-top:4px;}
.wqp-live-stock-refresh:hover,
.wqp-live-stock-toggle:hover{background:#f8fafc;border-color:#94a3b8;}
.wqp-live-stock-warehouses{margin-top:6px;display:grid;gap:4px;}
.wqp-live-stock-warehouse-head{font-weight:800;color:#475569;font-size:11px;}
.wqp-live-stock-warehouse{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 10px;
  padding:4px 6px;
  border-radius:8px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(203,213,225,.75);
}
.wqp-live-stock-warehouse-name{font-weight:800;color:#1e293b;}
.wqp-live-stock-code{color:#64748b;font-size:11px;unicode-bidi:isolate;}
.wqp-pp-stock-slot{margin-top:6px;clear:both;}
.wqp-pp-title-main{font-weight:inherit;color:inherit;}
.wqp-pp-title-cell .wqp-live-stock-card,
.wqp-ppv-summary .wqp-live-stock-card{max-width:520px;}
.wqp-sp-row .wqp-live-stock-card{margin-top:8px;}
.wqp-sp-row .wqp-live-stock-card.is-not-mapped{display:flex;}
@media (max-width: 760px){
  .wqp-live-stock-card{font-size:11px;padding:6px 7px;}
  .wqp-live-stock-summary{gap:4px;}
  .wqp-live-stock-chip{white-space:normal;}
  .wqp-live-stock-warehouse{display:block;}
  .wqp-live-stock-warehouse span{display:inline-block;margin-left:8px;}
}
.wqp-live-stock-fresh{color:#94a3b8;font-size:10.5px;white-space:nowrap;}

/* اصلاح نمایش موجودی: ردیف تمام‌عرض، خطی و کم‌ارتفاع برای جلوگیری از فضای خالی ستون‌ها */
.wqp-wrap #wqp-product-picker-modal .wqp-pp-table tbody tr.wqp-pp-has-stock-detail td,
.wqp-wrap #wqp-product-picker-modal .wqp-pp-variants-table tbody tr.wqp-pp-has-stock-detail td{
  border-bottom:0!important;
  padding-bottom:3px!important;
}
.wqp-wrap #wqp-product-picker-modal .wqp-pp-stock-detail-row td.wqp-pp-stock-detail-cell{
  padding:0 8px 4px!important;
  border-bottom:1px solid #eef2f7!important;
  background:#fff;
  white-space:normal!important;
  vertical-align:top;
}
.wqp-wrap #wqp-product-picker-modal .wqp-pp-stock-detail-row:hover td.wqp-pp-stock-detail-cell{
  background:#fff;
}
.wqp-wrap #wqp-product-picker-modal .wqp-pp-stock-detail-row .wqp-pp-stock-slot{
  margin:0;
  clear:none;
}
.wqp-wrap #wqp-product-picker-modal .wqp-pp-stock-detail-row .wqp-live-stock-line{
  max-width:none;
  width:100%;
}
.wqp-live-stock-card.wqp-live-stock-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:3px 8px;
  margin:0;
  padding:3px 8px;
  min-height:24px;
  border-radius:8px;
  font-size:11.5px;
  line-height:1.45;
  white-space:normal;
}
.wqp-live-stock-line .wqp-live-stock-title{
  font-weight:950;
  color:#0f172a;
  white-space:nowrap;
}
.wqp-live-stock-line .wqp-live-stock-chip{
  min-height:18px;
  padding:0 6px;
  font-size:11px;
  line-height:1.45;
  font-weight:900;
}
.wqp-live-stock-line .wqp-live-stock-chip b,
.wqp-live-stock-line .wqp-live-stock-line-wh b{
  font-weight:950;
}
.wqp-live-stock-line-breakdown{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:2px 6px;
  min-width:0;
  max-width:100%;
}
.wqp-live-stock-line-label{
  font-weight:900;
  color:#475569;
  white-space:nowrap;
}
.wqp-live-stock-line-wh{
  display:inline-flex;
  align-items:center;
  gap:2px;
  color:#1e293b;
  white-space:nowrap;
}
.wqp-live-stock-sep{
  color:#94a3b8;
  font-weight:900;
}
.wqp-live-stock-line .wqp-live-stock-refresh{
  width:20px;
  height:20px;
  border-radius:7px;
  font-size:10px;
  flex:0 0 auto;
}
.wqp-live-stock-line .wqp-live-stock-toggle{
  margin:0;
  padding:0 7px;
  min-height:20px;
  border-radius:7px;
  font-size:10.5px;
  font-weight:850;
  flex:0 0 auto;
}
.wqp-live-stock-line.is-not-mapped{
  display:inline-flex;
  width:auto;
  min-height:20px;
  padding:1px 7px;
}
.wqp-sp-row .wqp-live-stock-line{
  margin-top:5px;
}
@media (max-width: 760px){
  .wqp-live-stock-card.wqp-live-stock-line{
    font-size:11px;
    padding:3px 6px;
    gap:3px 6px;
  }
  .wqp-live-stock-line .wqp-live-stock-chip{
    font-size:10.5px;
  }
  .wqp-live-stock-line-wh{
    white-space:normal;
  }
}

/* v1.4.49 — Catalog price update from proforma rows */
.wqp-wrap .wqp-btn-catalog-price{
  border-color:#fecaca;
  background:#fff1f2;
  color:#b91c1c;
  font-weight:900;
}
.wqp-wrap .wqp-btn-catalog-price:hover,
.wqp-wrap .wqp-btn-catalog-price:focus{
  background:#ffe4e6;
  border-color:#fca5a5;
  box-shadow:0 0 0 3px rgba(220,38,38,.12);
  outline:none;
}
.wqp-wrap .wqp-btn-catalog-price.is-applied{
  border-color:#86efac;
  background:#dcfce7;
  color:#166534;
}
.wqp-wrap .wqp-btn-catalog-price.is-applied:hover,
.wqp-wrap .wqp-btn-catalog-price.is-applied:focus{
  background:#bbf7d0;
  border-color:#4ade80;
  box-shadow:0 0 0 3px rgba(34,197,94,.14);
}
.wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-name-head,
.wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-name-cell{width:24%;}
.wqp-wrap #wqp-items .wqp-item-catalog-price-head,
.wqp-wrap #wqp-items .wqp-item-catalog-price-cell{width:7%;text-align:center;white-space:normal;}
.wqp-wrap #wqp-items:not(.wqp-catalog-price-enabled) .wqp-item-catalog-price-head,
.wqp-wrap #wqp-items:not(.wqp-catalog-price-enabled) .wqp-item-catalog-price-cell{display:none!important;}
.wqp-wrap .wqp-update-catalog-price{
  min-width:44px;
  height:30px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  border:1px solid #fecaca;
  background:#fff1f2;
  color:#b91c1c;
  font-size:12px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
}
.wqp-wrap .wqp-update-catalog-price:hover,
.wqp-wrap .wqp-update-catalog-price:focus{
  background:#ffe4e6;
  border-color:#fca5a5;
  outline:none;
  box-shadow:0 0 0 3px rgba(220,38,38,.14);
}
.wqp-wrap .wqp-update-catalog-price.is-applied{
  background:#dcfce7;
  border-color:#86efac;
  color:#166534;
}
.wqp-wrap .wqp-update-catalog-price.is-applied:hover,
.wqp-wrap .wqp-update-catalog-price.is-applied:focus{
  background:#bbf7d0;
  border-color:#4ade80;
  box-shadow:0 0 0 3px rgba(34,197,94,.14);
}
.wqp-wrap .wqp-update-catalog-price:disabled{
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none;
}
.wqp-wrap .wqp-update-catalog-price.is-loading{
  pointer-events:none;
  opacity:.75;
}
@media(max-width:760px){
  .wqp-wrap .wqp-update-catalog-price{min-width:44px;height:44px;border-radius:13px;padding:0 6px;font-size:11.5px;}
  .wqp-wrap #wqp-items .wqp-item-catalog-price-head,
  .wqp-wrap #wqp-items .wqp-item-catalog-price-cell{min-width:82px;}
}
@media(max-width:768px){
  .wqp-wrap #wqp-items.wqp-catalog-price-enabled{min-width:1235px!important;}
  .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-catalog-price-head,
  .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-catalog-price-cell{
    position:sticky;
    left:var(--wqp-mobile-action-w);
    z-index:11;
    width:var(--wqp-mobile-action-w)!important;
    min-width:var(--wqp-mobile-action-w)!important;
    max-width:var(--wqp-mobile-action-w)!important;
    text-align:center;
  }
  .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-change-head,
  .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-change-cell{
    left:calc(var(--wqp-mobile-action-w) * 2)!important;
  }
  .wqp-wrap #wqp-items.wqp-catalog-price-enabled thead .wqp-item-catalog-price-head{z-index:16;background:#eaf1f9;}
  .wqp-wrap #wqp-items.wqp-catalog-price-enabled tbody .wqp-item-catalog-price-cell{background:#fff;}
  .wqp-wrap #wqp-items.wqp-catalog-price-enabled tbody tr:hover .wqp-item-catalog-price-cell{background:#f8fafc;}
  body.wqp-mobile-app-active .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-remove-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-remove-cell{
    left:0!important;
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-catalog-price-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-catalog-price-cell{
    position:sticky!important;
    left:74px!important;
    z-index:11!important;
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    background:#fff!important;
    text-align:center!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-change-head,
  body.wqp-mobile-app-active .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-item-change-cell{
    left:148px!important;
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    text-align:center!important;
  }
  body.wqp-mobile-app-active .wqp-wrap #wqp-items.wqp-catalog-price-enabled .wqp-update-catalog-price{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    margin:0 auto!important;
    font-size:11px!important;
  }
}

/* Stage 7: خلاصه فشرده تخصیص انبار زیر عنوان قلم، بدون افزودن ستون جدید. */
.wqp-wrap .wqp-line-allocation-summary{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;margin-top:2px;color:#646970;font-size:11px;line-height:1.45;direction:rtl}
.wqp-wrap .wqp-line-allocation-label{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:right;cursor:pointer}
.wqp-wrap .wqp-line-allocation-edit{flex:0 0 auto;border:0;background:transparent;padding:0 3px;color:#2271b1;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.wqp-wrap .wqp-line-allocation-locked{flex:0 0 auto;padding:0 4px;border-radius:8px;background:#f0f0f1;color:#646970;font-size:10px}
.wqp-wrap .wqp-line-allocation-summary.is-stale,.wqp-wrap .wqp-line-allocation-summary.is-invalid{color:#b32d2e}
.wqp-wrap .wqp-line-allocation-summary.is-incomplete,.wqp-wrap .wqp-line-allocation-summary.is-insufficient,.wqp-wrap .wqp-line-allocation-summary.is-allocation_required{color:#996800}
.wqp-wrap .wqp-line-allocation-summary.is-complete,.wqp-wrap .wqp-line-allocation-summary.is-sent_locked{color:#3c434a}

/* S09.3 — fast warehouse workflow: dedicated compact warehouse column. */
.wqp-wrap #wqp-items .wqp-item-name-head,
.wqp-wrap #wqp-items .wqp-item-name-cell{width:25%;}
.wqp-wrap #wqp-items .wqp-item-warehouse-head,
.wqp-wrap #wqp-items .wqp-item-warehouse-cell{
  width:7%;
  min-width:72px;
  text-align:center;
  vertical-align:middle;
  white-space:normal;
}
.wqp-wrap .wqp-line-warehouse-button{
  min-width:58px;
  min-height:32px;
  padding:5px 9px;
  border:1px solid #93b4dc;
  border-radius:9px;
  background:#f2f7fd;
  color:#135e96;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
  cursor:pointer;
}
.wqp-wrap .wqp-line-warehouse-button:hover,
.wqp-wrap .wqp-line-warehouse-button:focus-visible{background:#e6f1fc;border-color:#2271b1;outline:2px solid rgba(34,113,177,.2);outline-offset:1px}
.wqp-wrap .wqp-line-warehouse-button:disabled{opacity:.55;cursor:not-allowed}
.wqp-wrap .wqp-line-warehouse-state{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:3px 6px;border-radius:8px;font-size:10px;font-weight:800;line-height:1.35;white-space:normal}
.wqp-wrap .wqp-line-warehouse-state.is-automatic{background:#edf7ed;color:#25712c}
.wqp-wrap .wqp-line-warehouse-state.is-shortage{background:#fff4df;color:#925c00}
.wqp-wrap .wqp-line-warehouse-state.is-unavailable{background:#f0f0f1;color:#646970}
.wqp-wrap .wqp-line-warehouse-state.is-loading{background:transparent;color:#646970;font-size:15px}

/* The operational summary must always show every selected warehouse; never ellipsize. */
.wqp-wrap .wqp-line-allocation-summary{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:3px 5px;
  max-width:100%;
  overflow:visible;
  white-space:normal;
}
.wqp-wrap .wqp-line-allocation-label{
  display:block;
  max-width:100%;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:default;
}
.wqp-wrap .wqp-line-allocation-prefix{font-weight:800;white-space:nowrap}
.wqp-wrap .wqp-line-allocation-part{display:inline-flex;align-items:center;padding:1px 4px;border-radius:6px;background:rgba(34,113,177,.07);white-space:normal;overflow-wrap:anywhere}
.wqp-wrap .wqp-line-allocation-unit{white-space:nowrap}

/* Requested quantity is edited in the main table, not inside the warehouse dialog. */
.wqp-wrap [data-wqp-allocation-requested][readonly]{background:#f6f7f7;color:#2c3338;cursor:default}

@media(max-width:980px){
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-warehouse-head,
  html body .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-warehouse-cell,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-warehouse-head,
  body.wqp-mobile-app-active .wqp-wrap .wqp-table-wrap table#wqp-items.wqp-table .wqp-item-warehouse-cell{
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    text-align:center!important;
  }
}

/* مرحله ۱۰: انتخاب برند تحویل پیامکی فاکتور، مستقل از پرداخت */
.wqp-wrap .wqp-btn-brand-sms{
  direction:rtl;
  text-align:center;
  margin-inline:0;
  overflow-wrap:anywhere;
}
.wqp-wrap .wqp-btn-brand-sms[aria-busy="true"]{
  cursor:progress;
  opacity:.72;
}
.wqp-wrap .wqp-btn-brand-sms:disabled{
  cursor:not-allowed;
}
.wqp-wrap .wqp-btn-brand-sms:focus-visible{
  outline:3px solid currentColor;
  outline-offset:2px;
}

/* Commercial patch 12.7.35-r13 — bounded proforma validity stepper */
.wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row.wqp-has-validity-stepper{
  grid-template-columns:minmax(145px,1.1fr) minmax(110px,.8fr) 46px minmax(110px,.8fr) minmax(80px,.55fr);
}
.wqp-wrap .wqp-validity-stepper{
  align-self:end;
  display:grid;
  grid-template-rows:22px 18px 22px;
  align-items:center;
  justify-items:center;
  gap:2px;
  width:42px;
  min-width:42px;
  margin-bottom:0;
  padding:2px;
  border:1px solid #dbe4f0;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.wqp-wrap .wqp-validity-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:22px;
  min-height:22px;
  margin:0;
  padding:0;
  border:1px solid #cbd5e1;
  border-radius:7px;
  background:#f8fafc;
  color:#1d4ed8;
  font-size:16px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  user-select:none;
  touch-action:manipulation;
}
.wqp-wrap .wqp-validity-step:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}
.wqp-wrap .wqp-validity-step:focus-visible{outline:2px solid #2563eb;outline-offset:1px}
.wqp-wrap .wqp-validity-step:disabled{opacity:.38;cursor:not-allowed;background:#f1f5f9;color:#64748b}
.wqp-wrap .wqp-validity-days-label{
  display:block;
  max-width:40px;
  color:#475569;
  font-size:9.5px;
  font-weight:800;
  line-height:18px;
  text-align:center;
  white-space:nowrap;
}
.wqp-wrap #wqp-doc-valid-until[readonly]{
  background:#f8fafc;
  color:#334155;
  cursor:default;
  caret-color:transparent;
  user-select:text;
}
.wqp-wrap .wqp-validity-stepper.is-readonly{opacity:.68}
.wqp-wrap .wqp-validity-stepper.is-legacy-window{border-color:#f59e0b;background:#fffbeb}

@media(max-width:980px){
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row.wqp-has-validity-stepper{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px minmax(0,1fr) minmax(80px,.7fr);
  }
}
@media(max-width:640px){
  .wqp-wrap .wqp-doc-header-compact .wqp-doc-meta-row{grid-template-columns:1fr}
  .wqp-wrap .wqp-validity-stepper{
    width:100%;
    min-width:0;
    grid-template-columns:42px minmax(54px,auto) 42px;
    grid-template-rows:34px;
    justify-content:center;
    gap:8px;
    margin:0;
    padding:6px 8px;
  }
  .wqp-wrap .wqp-validity-step{width:42px;height:32px;min-height:32px;font-size:18px}
  .wqp-wrap .wqp-validity-days-label{max-width:none;font-size:11px;line-height:32px}
  .wqp-wrap .wqp-validity-plus{grid-column:3}
  .wqp-wrap .wqp-validity-days-label{grid-column:2;grid-row:1}
  .wqp-wrap .wqp-validity-minus{grid-column:1;grid-row:1}
}

/* Keep the selector compact after the legacy table input/mobile rules. */
.wqp-wrap #wqp-items .wqp-technical-advice-select-cell input.wqp-technical-advice-checkbox{
  display:inline-block!important;
  width:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  height:19px!important;
  min-height:19px!important;
  padding:0!important;
  border-radius:4px!important;
  box-sizing:border-box!important;
}