/* بوابة عملاء أفراس العرب — هوية الموقع */
:root{
  --ink:#151924; --mute:#566a5c; --line:#d6e7e7; --paper:#edf6f5; --card:#ffffff;
  --forest:#232F8E; --deep:#0b1240; --leaf:#3e60eb; --leaf-2:#18237a; --mist:#dff1f0;
  --warn:#b45309; --warn-bg:#fdf3e1; --bad:#b42318; --bad-bg:#fdecea; --ok:#1f5b6b; --ok-bg:#dcf3f2;
  --r:16px; --h:"Readex Pro","IBM Plex Sans Arabic",Tahoma,sans-serif; --f:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.wq-portal{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--f);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--forest)}
h1,h2,h3{font-family:var(--h);line-height:1.3;margin:0;color:var(--forest)}
h1{font-size:clamp(22px,3vw,30px)} h1 small{font-size:.55em;color:var(--mute);font-weight:500;margin-inline-start:6px}
h2{font-size:18px;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.wq-i{width:18px;height:18px;flex:0 0 auto;vertical-align:middle}
.wq-muted{color:var(--mute)} .wq-sub{margin:2px 0 0;color:var(--mute)}
.wq-h3{font-size:14px;color:var(--mute);font-family:var(--f);font-weight:600;margin:14px 0 8px}

/* الهيدر */
.wq-top{background:var(--deep);color:#e6eff1;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px rgba(0,0,0,.18)}
.wq-top-in{max-width:1240px;margin:auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wq-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}
.wq-logo{background:#fff;border-radius:12px;padding:5px 9px;display:flex}
.wq-logo img{height:34px;width:auto;display:block}
.wq-brand-t{display:flex;flex-direction:column;min-width:0}
.wq-brand-t b{font-family:var(--h);font-size:15px;color:#fff;white-space:nowrap}
.wq-brand-t small{color:var(--leaf);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
.wq-top-tools{display:flex;align-items:center;gap:8px}
.wq-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(143,196,87,.4);color:#e6eff1;text-decoration:none;border-radius:999px;padding:6px 12px;font-size:13px;min-height:36px}
.wq-pill.light{color:var(--forest);border-color:var(--line)}
.wq-me{position:relative}
.wq-me summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.08);min-height:36px;font-size:13.5px}
.wq-me summary::-webkit-details-marker{display:none}
.wq-me summary span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wq-me-pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.2);padding:8px;min-width:220px;display:flex;flex-direction:column}
.wq-me-pop small{color:var(--mute);padding:6px 10px}
.wq-me-pop a{display:flex;gap:8px;align-items:center;padding:10px;border-radius:10px;text-decoration:none;color:var(--ink)}
.wq-me-pop a:hover{background:var(--mist)}
.wq-nav{max-width:1240px;margin:auto;padding:0 10px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.wq-nav::-webkit-scrollbar{display:none}
.wq-nav a{display:flex;align-items:center;gap:7px;padding:11px 14px;color:#c4cad3;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap;font-weight:500;font-size:14.5px}
.wq-nav a.on{color:#fff;border-color:var(--leaf)}
.wq-nav a:hover{color:#fff}

.wq-main{max-width:1240px;width:100%;margin:0 auto;padding:22px 16px 40px;flex:1;display:flex;flex-direction:column;gap:18px}
.wq-foot{display:flex;justify-content:center;gap:12px;padding:18px;color:var(--mute);font-size:13px;border-top:1px solid var(--line);flex-wrap:wrap}

/* البطاقات والتخطيط */
.wq-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 16px;min-width:0}
.wq-card.flush{padding:6px}
.wq-card.narrow{max-width:560px}
.wq-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.wq-card-h h2{margin:0}
.wq-card-h a{font-size:13.5px;font-weight:600;text-decoration:none}
.wq-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.wq-grid2.wide-first{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.wq-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.wq-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.wq-row.end{justify-content:flex-end}
.wq-page-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.wq-back{font-size:13.5px;text-decoration:none;color:var(--mute)}
.wq-hello{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(0deg,var(--deep),var(--deep));color:#fff;border-radius:20px;padding:22px 22px;position:relative;overflow:hidden}
.wq-hello::after{content:"";position:absolute;inset-inline-end:-70px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:var(--forest);opacity:.85}
.wq-hello>*{position:relative;z-index:1}
.wq-hello h1{color:#fff}
.wq-hello .wq-muted{color:#c4cad3;margin:4px 0 0}

/* الإحصائيات */
.wq-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wq-stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-decoration:none;color:var(--ink);min-width:0}
.wq-stat .wq-i{grid-row:1/3;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--mist);color:var(--forest)}
.wq-stat b{font-family:var(--h);font-size:22px;color:var(--forest);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wq-stat span{font-size:13px;color:var(--mute);line-height:1.4}
.wq-stat.green{background:var(--forest);border-color:var(--forest)}
.wq-stat.green b{color:#fff} .wq-stat.green span{color:#c2e0e0} .wq-stat.green .wq-i{background:rgba(143,196,87,.2);color:var(--leaf)}
.wq-stat.warn{border-color:#f0c98a;background:var(--warn-bg)} .wq-stat.warn .wq-i{background:#fbe2b8;color:var(--warn)} .wq-stat.warn b{color:var(--warn)}

/* قوائم الزيارات */
.wq-vlist{display:flex;flex-direction:column}
.wq-vrow{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:12px;text-decoration:none;color:var(--ink);border-bottom:1px solid #e8f2f1}
.wq-vrow:last-child{border-bottom:0}
.wq-vrow:hover{background:#f3faf9}
.wq-vdate{flex:0 0 54px;height:58px;border-radius:12px;background:var(--mist);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.wq-vdate b{font-family:var(--h);font-size:22px;color:var(--forest)}
.wq-vdate small{font-size:12px;color:var(--mute)}
.wq-vrow.k-emergency .wq-vdate{background:var(--bad-bg)} .wq-vrow.k-emergency .wq-vdate b{color:var(--bad)}
.wq-vbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.wq-vbody>b{font-size:15px}
.wq-vmeta{font-size:13.5px;color:var(--mute)}
.wq-vtags{display:flex;gap:6px;flex-wrap:wrap}
.wq-vstate{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:end}
.wq-vstate small{font-size:12px;color:var(--mute)}
.wq-tag{display:inline-flex;align-items:center;font-size:12px;padding:2px 9px;border-radius:999px;background:#eaf3f3;color:#3e4353;font-weight:600}
.wq-tag.k-emergency{background:var(--bad-bg);color:var(--bad)} .wq-tag.k-extra{background:#e6eefb;color:#1d4f91}
.wq-tag.warn{background:var(--warn-bg);color:var(--warn)} .wq-tag.bad{background:var(--bad-bg);color:var(--bad)} .wq-tag.ok{background:var(--ok-bg);color:var(--ok)}
.wq-badge{display:inline-block;font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap;background:#eaf3f3;color:#3e4353}
.st-pending{background:var(--warn-bg);color:var(--warn)}
.st-scheduled{background:#e6eefb;color:#1d4f91}
.st-collected,.st-received,.st-treated{background:#e9f4f2;color:#0f5c52}
.st-certified,.st-closed{background:var(--ok-bg);color:var(--ok)}
.st-rejected,.st-cancelled{background:var(--bad-bg);color:var(--bad)}
.wq-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:var(--mute);padding:26px 10px}
.wq-empty .wq-i{width:34px;height:34px;color:#a4acb8}
.wq-empty p{margin:0}

/* خطوات التقدم */
.wq-steps{list-style:none;margin:0;padding:14px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.wq-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative;font-size:12.5px;color:var(--mute)}
.wq-steps li::before{content:"";position:absolute;top:19px;inset-inline-start:calc(50% + 22px);width:calc(100% - 44px);height:2px;background:var(--line)}
.wq-steps li:last-child::before{display:none}
.wq-steps li span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf3f3;color:#8aa08f}
.wq-steps li.done span{background:var(--forest);color:#fff} .wq-steps li.done::before{background:var(--forest)}
.wq-steps li.cur span{background:var(--leaf);color:var(--deep);box-shadow:0 0 0 5px rgba(143,196,87,.25)}
.wq-steps li.wait span{background:var(--warn-bg);color:var(--warn)}
.wq-steps li.cur b,.wq-steps li.done b{color:var(--ink)}
.wq-steps b{font-weight:600}

/* بيانات */
.wq-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0}
.wq-dl>div{min-width:0}
.wq-dl .full{grid-column:1/-1}
.wq-dl dt{font-size:12.5px;color:var(--mute)}
.wq-dl dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}
.wq-rules{margin:4px 0 0;padding-inline-start:18px;font-weight:500}
.wq-contact{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:6px;color:var(--mute);font-size:14px}
.wq-contact>span{display:flex;gap:6px;align-items:flex-start}
.wq-attn{border-color:#f0c98a;background:#fffaf0}
.wq-attn h2{color:var(--warn)}
.wq-attn.bad{border-color:#f3b7b0;background:#fff6f5} .wq-attn.bad h2{color:var(--bad)}
.wq-act{border-color:#a4d9d7;box-shadow:0 0 0 3px rgba(143,196,87,.12)}
.wq-note{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--mute);background:#f2f9f8;border-radius:12px;padding:10px 12px;margin:10px 0 0}
.wq-note .wq-i{margin-top:2px;color:var(--forest)}

/* النماذج */
.wq-form{display:flex;flex-direction:column;gap:14px}
.wq-form h2{margin:6px 0 0}
.wq-fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wq-fgrid .full{grid-column:1/-1}
.wq-form label,.wq-filter label{display:flex;flex-direction:column;gap:5px;min-width:0}
.wq-form label>span,.wq-filter label>span,.wq-lbl{font-size:13px;font-weight:600;color:#3e4353;display:block;margin-bottom:5px}
.wq-form label>span{margin:0}
input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #c3d7d8;border-radius:12px;padding:10px 12px;min-height:44px;width:100%;max-width:100%}
textarea{min-height:70px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--leaf);outline-offset:1px;border-color:var(--leaf-2)}
input[disabled]{background:#f0f6f6;color:var(--mute)}
.wq-check{flex-direction:row!important;align-items:center;gap:8px!important}
.wq-check input{width:20px;min-height:20px;height:20px;accent-color:var(--forest)}
.wq-check span{font-weight:500!important;font-size:14px!important;color:var(--ink)!important}
.wq-drop{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;border:2px dashed #b4d6d5;border-radius:14px;padding:16px;text-align:center;background:#f6fbfa;cursor:pointer;color:var(--forest)}
.wq-drop:hover{border-color:var(--leaf-2);background:var(--mist)}
.wq-drop .wq-i{width:26px;height:26px}
.wq-drop span{font-weight:600!important;font-size:14px!important;color:var(--forest)!important}
.wq-drop small{color:var(--mute);font-size:12px}
.wq-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;min-height:0}
.wq-drop em{font-style:normal;font-size:13px;color:var(--ok);font-weight:600}
.wq-kinds{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wq-kinds legend{font-weight:600;font-size:13px;color:#3e4353;margin-bottom:6px;padding:0}
.wq-kind{position:relative;cursor:pointer}
.wq-kind input{position:absolute;opacity:0}
.wq-kind>span{display:grid;grid-template-columns:auto 1fr;column-gap:12px;border:2px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.wq-kind .wq-i{grid-row:1/3;width:40px;height:40px;padding:9px;border-radius:12px;background:var(--mist);color:var(--forest)}
.wq-kind small{color:var(--mute)}
.wq-kind input:checked+span{border-color:var(--forest);box-shadow:0 0 0 3px rgba(20,67,42,.12)}
.wq-kind.danger .wq-i{background:var(--bad-bg);color:var(--bad)}
.wq-kind.danger input:checked+span{border-color:var(--bad);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.wq-kind input:focus-visible+span{outline:2px solid var(--leaf)}
.wq-days{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.wq-days legend{font-weight:600;font-size:13px;color:#3e4353;margin-bottom:6px;padding:0}
.wq-days label{position:relative}
.wq-days input{position:absolute;opacity:0}
.wq-days span{display:block;border:1px solid #c3d7d8;border-radius:999px;padding:8px 14px;cursor:pointer;background:#fff;font-weight:600;font-size:14px;color:var(--ink)!important}
.wq-days input:checked+span{background:var(--forest);color:#fff!important;border-color:var(--forest)}
.wq-days input:focus-visible+span{outline:2px solid var(--leaf)}
.wq-lines{display:flex;flex-direction:column;gap:8px}
.wq-line{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:8px}
.wq-sum{font-weight:700;font-size:14px}
.wq-sum.bad{color:var(--bad)} .wq-sum.ok{color:var(--ok)}
.wq-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px}
.wq-filter label{flex:0 1 170px}
.wq-filter label.grow{flex:1 1 260px}
.wq-more{border-top:1px solid #e8f2f1;margin-top:10px;padding-top:10px}
.wq-card>.wq-more:first-child{border-top:0;margin-top:0;padding-top:0}
.wq-more>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-weight:600;color:var(--forest);min-height:40px}
.wq-more>summary.danger{color:var(--bad)}
.wq-more>summary::-webkit-details-marker{display:none}
.wq-more>summary::after{content:"＋";margin-inline-start:auto;color:var(--mute)}
.wq-more[open]>summary::after{content:"－"}
.wq-more[open]>form{margin-top:8px}
.wq-more.inline{border:0;margin:0;padding:0}
.wq-more.inline>summary::after{display:none}
.wq-more.inline[open]{flex-basis:100%}
.wq-inline{display:inline}

/* الأزرار */
.wq-btn{font:inherit;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 18px;border-radius:999px;border:1px solid #c3d7d8;background:#fff;color:var(--forest);text-decoration:none;cursor:pointer;white-space:nowrap}
.wq-btn:hover{border-color:var(--forest)}
.wq-btn.primary{background:var(--forest);border-color:var(--forest);color:#fff}
.wq-btn.primary:hover{background:#0d1135}
.wq-btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}
.wq-btn.ghost{background:transparent}
.wq-btn.wa{background:#20328e;border-color:#20328e;color:#fff}
.wq-btn.wide{width:100%}
.wq-btn.sm{min-height:36px;padding:5px 12px;font-size:13px}
.wq-hello .wq-btn:not(.primary):not(.danger){background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25)}
.wq-hello .wq-btn.primary{background:var(--leaf);border-color:var(--leaf);color:var(--deep)}
.wq-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--forest);cursor:pointer;text-decoration:none}
.wq-ico.danger{color:var(--bad)}
.wq-acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}

/* التنبيهات */
.wq-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;font-weight:600;background:var(--ok-bg);color:var(--ok);border:1px solid #b4e2e2}
.wq-alert.err{background:var(--bad-bg);color:var(--bad);border-color:#f3b7b0}
.wq-alert.warn{background:var(--warn-bg);color:var(--warn);border-color:#f0c98a}
.wq-cred{border-color:var(--leaf)} .wq-cred pre{background:#f2f9f8;border-radius:12px;padding:12px;white-space:pre-wrap;font:14px/1.7 var(--f);direction:inherit}

/* الملفات */
.wq-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wq-files li{display:flex;align-items:center;gap:10px;border:1px solid #e8f2f1;border-radius:12px;padding:8px}
.wq-fthumb{flex:0 0 52px;height:52px;border-radius:10px;background:var(--mist);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--forest)}
.wq-fthumb img{width:100%;height:100%;object-fit:cover}
.wq-fmeta{flex:1;min-width:0;display:flex;flex-direction:column}
.wq-fmeta a{text-decoration:none;color:var(--ink)}
.wq-fmeta b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.wq-fmeta small{color:var(--mute);font-size:12px}
.wq-certlink{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--forest);color:#fff;text-decoration:none;margin-bottom:6px}
.wq-certlink .wq-i{width:26px;height:26px;color:var(--leaf)}
.wq-certlink span{flex:1;display:flex;flex-direction:column}
.wq-certlink small{color:#c2e0e0}

/* الجداول */
.wq-table{width:100%;border-collapse:collapse;font-size:14px}
.wq-table th{text-align:start;font-size:12.5px;color:var(--mute);font-weight:600;padding:8px;border-bottom:1px solid var(--line)}
.wq-table td{padding:10px 8px;border-bottom:1px solid #e8f2f1;vertical-align:middle}
.wq-table tr.tot td{font-weight:700;border-bottom:0}

/* السجل */
.wq-timeline{list-style:none;margin:0;padding:0;position:relative}
.wq-timeline li{position:relative;padding:0 22px 14px;display:flex;flex-direction:column;font-size:14px}
.wq-timeline li::before{content:"";position:absolute;inset-inline-start:4px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--leaf)}
.wq-timeline li::after{content:"";position:absolute;inset-inline-start:8px;top:20px;bottom:0;width:2px;background:var(--line)}
.wq-timeline li:last-child::after{display:none}
.wq-timeline li span{color:var(--mute)}
.wq-timeline small{color:var(--mute);font-size:12px}

/* العملاء */
.wq-clist{display:flex;flex-direction:column}
.wq-crow{display:flex;align-items:center;gap:12px;padding:12px 10px;text-decoration:none;color:var(--ink);border-bottom:1px solid #e8f2f1;border-radius:12px}
.wq-crow:hover{background:#f3faf9}
.wq-cav{flex:0 0 42px;height:42px;border-radius:12px;background:var(--forest);color:var(--leaf);display:flex;align-items:center;justify-content:center;font-family:var(--h);font-weight:700;font-size:18px}
.wq-cbody{flex:1;min-width:0;display:flex;flex-direction:column}
.wq-cbody small{color:var(--mute)}
.wq-cside{color:var(--mute);font-size:13.5px}
.wq-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.wq-tabs a{padding:10px 14px;text-decoration:none;color:var(--mute);font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}
.wq-tabs a.on{color:var(--forest);border-color:var(--forest)}
.wq-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wq-branch{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:14px;min-width:0}
.wq-branch span{display:flex;gap:6px;align-items:center;color:var(--mute)}
.wq-branch.edit{grid-column:1/-1}
.wq-branch.edit summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap;list-style:none}
.wq-branch.edit summary small{color:var(--mute)}
.wq-branch.edit[open] summary{margin-bottom:10px}
.wq-branch.off{opacity:.7}
.wq-roles{margin:0;display:flex;flex-direction:column;gap:12px}
.wq-roles dt{font-weight:700;display:flex;gap:8px;align-items:center;color:var(--forest)}
.wq-roles dd{margin:2px 0 0;color:var(--mute);font-size:14px}
.wq-pager{display:flex;justify-content:center;gap:8px}
.wq-stamp-prev{max-height:90px;display:block;margin-bottom:8px}

/* صفحة الدخول */
.wq-login-page{background:var(--deep)}
.wq-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);min-height:100vh}
.wq-login-art{position:relative;overflow:hidden;color:#232F8E;background:#e8f4f3;padding:48px;display:flex;align-items:flex-start}
.wq-login-svg{position:absolute;inset-inline-end:0;bottom:0;width:min(560px,90%);height:auto}
[dir=rtl] .wq-login-svg{transform:scaleX(-1)}
.wq-login-copy{position:relative;max-width:480px;background:rgba(255,255,255,.72);border-radius:22px;padding:24px 26px;margin-top:6vh;box-shadow:0 10px 30px rgba(20,67,42,.08)}
.wq-login-copy h2{color:#232F8E;font-size:clamp(24px,3vw,34px);margin:0 0 18px}
.wq-login-copy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;color:#1f243a;font-size:16.5px;font-weight:600}
.wq-login-copy li{display:flex;gap:10px;align-items:center}
.wq-login-copy .wq-i{color:#2a6d7a;width:24px;height:24px;flex:none}
.wq-login-box{background:#fff;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.wq-login-head{display:flex;justify-content:space-between;align-items:center}
.wq-login-logo{height:58px;width:auto}
.wq-login-box h1{font-size:28px}
.wq-login-help{font-size:14px;text-align:center;color:var(--mute)}
.wq-verify{max-width:560px;margin:40px auto;background:#fff;border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:14px}

@media (max-width:980px){
  .wq-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wq-grid2,.wq-grid2.wide-first{grid-template-columns:minmax(0,1fr)}
  .wq-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wq-login{grid-template-columns:1fr}
  .wq-login-art{display:none}
  .wq-login-box{min-height:100vh;padding:32px 22px}
}
@media (max-width:640px){
  .wq-main{padding:16px 12px 32px;gap:14px}
  .wq-brand-t b{font-size:14px}
  .wq-me summary span,.wq-pill{font-size:0;gap:0;padding:6px 9px}
  .wq-pill .wq-i,.wq-me summary .wq-i{width:18px;height:18px}
  .wq-nav a{padding:10px 11px;font-size:13.5px}
  .wq-fgrid,.wq-dl,.wq-kinds,.wq-branches{grid-template-columns:minmax(0,1fr)}
  .wq-stats{gap:10px}
  .wq-stat{padding:12px}
  .wq-stat .wq-i{width:34px;height:34px;padding:7px}
  .wq-stat b{font-size:18px}
  .wq-vrow{gap:10px;padding:10px 6px;flex-wrap:wrap}
  .wq-vstate{flex-direction:row;align-items:center;width:100%;justify-content:space-between;padding-inline-start:64px}
  .wq-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}
  .wq-steps li:nth-child(3)::before{display:none}
  .wq-hello{padding:18px}
  .wq-hello .wq-row,.wq-hello .wq-btn{width:100%}
  .wq-filter label{flex:1 1 100%}
  .wq-line{grid-template-columns:minmax(0,1fr) 100px}
  .wq-table{display:block;overflow-x:auto}
  .wq-page-h .wq-row{width:100%}
}
@media print{.wq-top,.wq-foot,.wq-btn,.wq-more{display:none!important}}
/* التتبع */
.wq-map{height:320px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#e3efef;z-index:0}
.wq-track-info{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--mute);margin-top:8px}
.wq-track-info [data-ti=dist]{font-weight:700;color:var(--forest)}
.wq-track .wq-btn{margin-top:10px}
.wq-livedot{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--bad)}
.wq-livedot::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--bad);animation:wqpulse 1.4s infinite}
@keyframes wqpulse{0%{box-shadow:0 0 0 0 rgba(180,35,24,.5)}100%{box-shadow:0 0 0 10px rgba(180,35,24,0)}}
.wq-pin{display:flex!important;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);border:3px solid #fff}
.wq-pin svg{width:20px;height:20px}
.wq-pin.truck{background:var(--leaf);color:var(--deep)}
.wq-pin.plant{background:var(--forest);color:#fff}
.wq-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:12px 14px}
.wq-share.on{border-color:var(--leaf);background:#ecf9f7}
.wq-share-ic{width:40px;height:40px;border-radius:50%;background:var(--mist);color:var(--forest);display:flex;align-items:center;justify-content:center}
.wq-share.on .wq-share-ic{background:var(--leaf);color:var(--deep);animation:wqpulse2 1.6s infinite}
@keyframes wqpulse2{0%{box-shadow:0 0 0 0 rgba(143,196,87,.6)}100%{box-shadow:0 0 0 12px rgba(143,196,87,0)}}
.wq-share-t{flex:1;min-width:180px;font-weight:600;font-size:14px}
.wq-share.on .wq-btn{background:#fff;color:var(--bad);border-color:var(--bad)}
@media (max-width:640px){.wq-map{height:260px}.wq-share .wq-btn{width:100%}}
/* كشف الحساب */
.wq-pay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}
.wq-pay>.wq-more{border-top:0;margin:0;padding:0}
.wq-iban{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--h);font-size:17px;letter-spacing:.5px}
.wq-paylist{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wq-paylist legend{font-weight:600;font-size:13px;color:#3e4353;margin-bottom:6px;padding:0}
.wq-payrow{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
.wq-payrow input{width:20px;height:20px;min-height:20px;accent-color:var(--forest)}
.wq-payrow span{flex:1;display:flex;flex-direction:column}
.wq-payrow small{color:var(--mute)}
.wq-payrow em{font-style:normal;font-weight:700;color:var(--forest);white-space:nowrap}
.wq-payrow:has(input:checked){border-color:var(--forest);background:#f1faf9}
.wq-paytotal{font-size:15px}
.wq-paytotal b{font-family:var(--h);font-size:20px;color:var(--forest)}
.wq-tablewrap{overflow-x:auto}
.wq-inv td.n,.wq-inv th.n,.wq-table td.n,.wq-table th.n{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.wq-table td.b{font-weight:700}
.wq-table tr.off td{opacity:.5;text-decoration:line-through}
.wq-table tfoot td{font-weight:700;border-top:2px solid var(--forest);padding:10px 8px}
.wq-table select{min-height:36px;padding:4px 8px;width:auto;font-size:13px}
.wq-bad{color:var(--bad)}
.wq-invrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #e8f2f1}
.wq-invrow:last-child{border-bottom:0}
.wq-invrow b{min-width:120px}
.wq-invrow span:first-of-type{flex:1}
.wq-payrev{border:1px solid #f0c98a;background:#fff;border-radius:14px;padding:12px;margin-top:10px;display:flex;flex-direction:column;gap:10px}
.wq-payrev-h{display:flex;gap:14px;align-items:flex-start}
.wq-payrev-h .wq-dl{flex:1}
.wq-fthumb.big{flex:0 0 96px;height:120px}
.wq-docgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wq-accno{display:inline-flex;align-items:center;gap:8px;background:var(--forest);color:#fff;border-radius:12px;padding:8px 14px;font-weight:600}
.wq-accno b{font-family:var(--h);font-size:18px;color:var(--leaf);letter-spacing:.5px}
@media (max-width:980px){.wq-pay,.wq-docgrid{grid-template-columns:minmax(0,1fr)}}
@media print{.wq-pay .wq-more,.wq-filter,.wq-acts form,.wq-card-h form{display:none!important}.wq-card{break-inside:avoid;border-color:#ccc}.wq-stats{grid-template-columns:repeat(4,1fr)}}
.wq-duebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--warn-bg);border:1px solid #f0c98a;border-radius:var(--r);padding:12px 16px;color:var(--warn);text-decoration:none;font-weight:600}
.wq-duebar span{flex:1}
.wq-duebar b{font-family:var(--h);font-size:18px}
.wq-duebar em{font-style:normal;color:var(--bad)}
.wq-duebar strong{background:var(--warn);color:#fff;border-radius:999px;padding:8px 16px;font-size:14px}
.wq-card-h form input[type=date]{width:auto;min-height:38px;padding:6px 10px}
.wq-card-h{flex-wrap:wrap}
td.wq-acts{display:table-cell;white-space:nowrap;text-align:end}
td.wq-acts>*{vertical-align:middle;margin-inline-start:4px}
.wq-form .wq-payrow>span{display:flex!important;flex-direction:column;gap:0;margin:0!important;font-weight:500!important;color:var(--ink)!important}
.wq-form .wq-payrow>span small{font-size:12.5px;color:var(--mute);font-weight:400}
.wq-totals{margin:14px 0 0;margin-inline-start:auto;max-width:380px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.wq-totals div{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}
.wq-totals dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.wq-totals .big{background:var(--forest);color:#fff;border:0}
.wq-totals .big dd{font-family:var(--h);font-size:20px;color:var(--leaf)}
.wq-lines-t input,.wq-lines-t select{min-height:40px}
.wq-inline-lbl{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px!important;font-size:13px;font-weight:600;color:#3e4353}
.wq-inline-lbl input{min-height:38px;padding:6px 10px}
/* المنافست */
.wq-mfno{font-family:var(--h);font-weight:700;color:var(--forest);background:var(--mist);border-radius:10px;padding:6px 12px}
.wq-mfsum{display:flex;flex-wrap:wrap;gap:6px}
.wq-mftbl{display:flex;flex-direction:column;gap:6px}
.wq-mfrow{display:grid!important;grid-template-columns:28px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:8px!important;align-items:center;flex-direction:row!important;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.wq-mfrow.head{border:0;padding:0 10px;font-size:12.5px;color:var(--mute);font-weight:600}
.wq-mfrow input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--forest)}
.wq-mfrow>span{display:flex!important;flex-direction:column;gap:6px;margin:0!important;color:var(--ink)!important;font-size:14px!important}
.wq-mfrow:has(input[type=checkbox]:checked){border-color:var(--forest);background:#f1faf9}
.wq-certlink.mf{background:#fff;color:var(--forest);border:2px solid var(--forest)}
.wq-certlink.mf small{color:var(--mute)}
.wq-certlink.mf .wq-i{color:var(--forest)}
@media (max-width:640px){.wq-mfrow{grid-template-columns:24px minmax(0,1fr) 80px 80px}}
.wq-hold{align-items:center}.wq-hold span{flex:1}
.wq-due{border:1px solid #f0c98a;background:#fff;border-radius:14px;padding:12px;margin-top:10px;display:flex;flex-direction:column;gap:8px}
.wq-due.late{border-color:#f3b7b0;background:#fffafa}
.wq-due-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wq-due-amt{margin-inline-start:auto;font-family:var(--h);font-weight:700;color:var(--warn);font-size:17px}
.wq-due.late .wq-due-amt{color:var(--bad)}
.wq-due small{color:var(--mute)}
.wq-btn.danger.sm{color:#fff}
.wq-lines-t td select[data-pick]{display:block;margin-bottom:6px;min-height:36px;font-size:13px;width:100%}
.wq-lang .short{display:none}
.wq-lang{font-weight:700}
@media (max-width:640px){.wq-pill.wq-lang{font-size:13px!important;gap:5px!important;padding:6px 10px}.wq-lang .full{display:none}.wq-lang .short{display:inline}}
.wq-klist{display:flex;flex-wrap:wrap;gap:8px}
.wq-kitem{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;text-decoration:none;color:var(--ink)}
.wq-kitem.on{border-color:var(--forest);background:#f1faf9}
.wq-kitem small{color:var(--mute)}
.wq-clauses{display:flex;flex-direction:column;gap:10px}
.wq-clause{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;background:#fbfdfd}
.wq-clause-h{display:flex;gap:6px;align-items:center}
.wq-clause-h input{flex:1}
.wq-cnum{font-weight:700;color:var(--forest);white-space:nowrap;min-width:90px}
.wq-btn.danger-t{color:var(--bad);border-color:#f3b7b0}
.wq-foot a{color:var(--forest);font-weight:600}
.wq-credit{flex-basis:100%;text-align:center;font-size:12px}
.wq-bi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wq-bi textarea[dir=ltr]{text-align:left}
.wq-clause-h input[dir=ltr]{text-align:left}
.wq-itable td{padding:6px}
.wq-itable input,.wq-itable select{width:100%;min-width:110px}
.wq-tablewrap{overflow-x:auto}
@media (max-width:720px){.wq-bi{grid-template-columns:1fr}.wq-clause-h{flex-wrap:wrap}}
.wq-sigs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.wq-sigcard{margin:0;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}
.wq-sigcard .wq-sig{width:100%;height:auto}
.wq-sigcard figcaption{display:flex;flex-direction:column}.wq-sigcard small{color:var(--mute)}
.wq-lhprev{width:100%;height:760px;border:1px solid var(--line);border-radius:14px;background:#fff}
.wq-rep td.n,.wq-rep th.n{text-align:center;white-space:nowrap}
.wq-rep tfoot td{background:#edf6f5}
.wq-legend{display:flex;gap:12px;font-size:13px}
.wq-legend span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:5px;vertical-align:middle}
.wq-legend .c1::before,.wq-bar i.c1{background:#9ec9e8}
.wq-legend .c2::before,.wq-bar i.c2{background:#3e60eb}
.wq-legend .c3::before,.wq-bar i.c3{background:#232F8E}
.wq-bars{display:flex;align-items:flex-end;gap:6px;height:220px;overflow-x:auto;padding:8px 2px 0;border-bottom:1px solid var(--line);margin-bottom:14px}
.wq-bar{flex:1 0 28px;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.wq-bar .cols{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
.wq-bar i{width:30%;max-width:12px;border-radius:3px 3px 0 0;min-height:1px}
.wq-bar small{font-size:10.5px;color:var(--mute)}
.wq-filter label{display:inline-flex;align-items:center;gap:6px}
@media print{.no-print,.wq-top nav{display:none!important}.wq-card{break-inside:avoid;box-shadow:none}}
.wq-otp-input{font-size:28px !important;letter-spacing:12px;text-align:center;font-weight:700}
.wq-otp-note{background:#edf6f5;border-radius:12px;padding:12px 14px;color:#1f243a;font-size:14.5px}
.wq-login-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}
.wq-login-links button{background:none;border:0;color:var(--forest);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:0}
.wq-login-links button[disabled]{color:var(--mute);text-decoration:none;cursor:default}
.wq-danger{border:1px solid #f3c4bd}
.wq-danger summary{color:var(--bad);font-weight:700;cursor:pointer;display:flex;gap:8px;align-items:center}
.wq-delform button{white-space:nowrap}
.wq-draftbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wq-missing b{font-weight:700}

/* ---------- الدعم والطلبات ---------- */
.wq-thread{display:flex;flex-direction:column;gap:10px}
.wq-msg{max-width:78%;border-radius:14px;padding:10px 14px;background:#edf6f5;border:1px solid #d2e6e5}
.wq-msg.staff{align-self:flex-start;background:#eaf3ff;border-color:#cfe0f5}
.wq-msg.client{align-self:flex-end}
.wq-msg p{margin:6px 0 0;line-height:1.7}
.wq-msg-h{display:flex;justify-content:space-between;gap:12px;font-size:13px}.wq-msg-h small{color:#6b7a70}
.wq-stars .wq-check span{color:#c98a12;letter-spacing:1px}
.wq-tktypes{margin-bottom:14px}
@media(max-width:640px){.wq-msg{max-width:94%}}
.wq-tktypes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.wq-tktypes a{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line,#d2e6e5);border-radius:16px;background:#fff;text-decoration:none;color:inherit}
.wq-tktypes a.on{border:2px solid #232F8E;box-shadow:0 6px 18px rgba(20,67,42,.12)}
.wq-tktypes b{font-size:14px}
.wq-tktypes .wqs-ic{width:38px;height:38px;border-radius:12px;display:inline-grid;place-items:center;background:#e3f2f2;color:#232F8E}
.wq-tktypes .wqs-ic .wq-i{width:19px;height:19px}
.wq-tklist .wq-tag{margin-inline-start:6px}
@media(max-width:820px){.wq-tktypes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- شبكة الخدمات في الصفحة الرئيسية ---------- */
.wq-svc{margin:6px 0 22px}
.wq-svc-g{margin:0 0 16px}
.wq-svc-g>h2{display:flex;align-items:center;gap:8px;font-size:15px;color:#5b6b60;margin:0 0 10px;font-weight:600}
.wq-svc-g>h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#d2e6e5,transparent)}
[dir=rtl] .wq-svc-g>h2::after{background:linear-gradient(270deg,#d2e6e5,transparent)}
.wq-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;grid-auto-flow:row dense}
.wq-tile{--c:#232F8E;--s:#e0f0f1;position:relative;display:flex;flex-direction:column;gap:8px;padding:16px 16px 14px;border-radius:18px;background:#fff;border:1px solid #dcebea;text-decoration:none;color:#1d202b;box-shadow:0 1px 2px rgba(16,40,24,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s;overflow:hidden;min-height:118px}
.wq-tile::before{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--s);opacity:.65;transition:transform .3s}
.wq-tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,40,24,.12);border-color:var(--c)}
.wq-tile:hover::before{transform:scale(1.25)}
.wq-tile .ic{position:relative;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--c) 35%,transparent)}
.wq-tile .ic .wq-i{width:22px;height:22px}
.wq-tile b{position:relative;font-size:15.5px;line-height:1.35}
.wq-tile small{position:relative;color:#66766b;font-size:12.5px;line-height:1.55}
.wq-tile .bd{position:absolute;z-index:2;top:12px;inset-inline-start:12px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#d92d20;color:#fff;font-size:12.5px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 3px #fff;animation:wqpulse 2s infinite}
.wq-tile.hot{border-color:color-mix(in srgb,var(--c) 45%,#fff);background:linear-gradient(180deg,#fff, color-mix(in srgb,var(--s) 55%,#fff))}
@keyframes wqpulse{0%,100%{box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(217,45,32,.0)}50%{box-shadow:0 0 0 3px #fff,0 0 0 8px rgba(217,45,32,.18)}}
.wq-tile.t-green{--c:#1f357a;--s:#e2e8f3}.wq-tile.t-blue{--c:#1d5fa6;--s:#e3eefb}.wq-tile.t-amber{--c:#c26a09;--s:#fdf0dc}.wq-tile.t-red{--c:#c0352b;--s:#fde6e3}
.wq-tile.t-purple{--c:#6b46c1;--s:#efe9fb}.wq-tile.t-teal{--c:#0f7f86;--s:#ddf3f4}.wq-tile.t-slate{--c:#3d5161;--s:#e7edf2}.wq-tile.t-pink{--c:#b8327a;--s:#fbe6f1}
.wq-tile.big{grid-column:span 2;flex-direction:row;align-items:center;gap:14px;min-height:96px}
.wq-tile.big .ic{width:56px;height:56px;border-radius:16px}.wq-tile.big b{font-size:17px}
.wq-tile.big span.tx{display:flex;flex-direction:column;gap:4px;position:relative}
@media(max-width:640px){.wq-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wq-tile{padding:13px;min-height:108px}.wq-tile small{display:none}.wq-tile.big{grid-column:span 2}.wq-tile.big small{display:block}}
.wq-dsign tr.wq-dsg-h th{background:#e6f5f3;color:var(--forest);font-family:"Readex Pro",sans-serif;font-size:14.5px;text-align:start;padding:10px 12px}.wq-dsign td:first-child{min-width:220px}.wq-dsign select{min-width:170px}
/* طلب عرض سعر */
.wq-qr .wq-main{max-width:880px}
.wq-qr-done{display:flex;gap:14px;align-items:flex-start;border-color:#a8dfe0;background:#eefafa}
.wq-qr-done>.wq-i,.wq-qr-done>svg{width:34px;height:34px;color:var(--ok);flex:none}
.wq-qr-done h1{margin:0 0 6px;font-size:22px}
.wq-qr-needs{border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 14px}
.wq-qr-needs legend{padding:0 6px;font-weight:600;color:var(--forest)}
.wq-qr .wq-brand-t b,.wqs-careers .wq-brand-t b{display:block;max-width:56vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wq-hsig{display:inline-block;margin-top:8px;padding:6px 10px;background:#fff;border:1px solid #dae7e7;border-radius:10px}
.wq-hsig img{display:block;max-height:70px;max-width:260px}
/* المشاريع */
.wq-plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.wq-pcard{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line,#e0e8e8);border-radius:16px;padding:14px 16px;color:inherit;text-decoration:none;transition:box-shadow .15s}
.wq-pcard:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}
.wq-pcard .h{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.wq-pcard .m{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--mute,#667)}
.wq-pbar{height:8px;border-radius:99px;background:#ecf1f1;overflow:hidden}.wq-pbar i{display:block;height:100%;background:var(--forest,#232F8E);border-radius:99px}
.wq-pbar.big{height:12px;margin:4px 0 14px}
.wq-tbadge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#d97706;color:#fff;font-style:normal;font-size:11px;font-weight:700}
.wq-snags{margin:0;padding:0;list-style:none}.wq-snags li{padding:3px 0}.wq-snags li.done{color:#1d346b}
.wq-decide{margin-top:12px;border-top:1px dashed #d9ded6;padding-top:12px}
.wq-snagrows .wq-line{display:grid;grid-template-columns:2fr 1fr auto;gap:8px;margin-bottom:6px}
@media (max-width:600px){.wq-snagrows .wq-line{grid-template-columns:1fr}}
.wq-ipcprev{max-width:420px}
.wq-bad{color:#b3261e}
.wq-qline{display:grid;grid-template-columns:3fr 1fr 1fr;gap:8px;margin-bottom:6px}
@media (max-width:600px){.wq-qline{grid-template-columns:1fr 1fr}.wq-qline input:first-child{grid-column:1/-1}}
/* لوحة التوقيع داخل البوابة */
.wq-sigpad{position:relative;display:flex;flex-direction:column;gap:6px;margin:6px 0}
.wq-sigpad .lbl{font-weight:600;font-size:14px}
.wq-sigpad canvas{width:100%;height:170px;background:#fff;border:2px dashed #8ab4b5;border-radius:12px;touch-action:none;cursor:crosshair;display:block}
.wq-sigpad.err canvas{border-color:#b3261e;background:#fff8f7}
.wq-sigpad.signed canvas{border-style:solid;border-color:var(--forest,#232F8E)}
.wq-sigpad .clr{align-self:flex-start;background:#f2f2f2;color:#333;font:inherit;font-size:13px;padding:6px 14px;min-height:36px;border-radius:99px;border:0;cursor:pointer}
.wq-decide .wq-btn.danger{color:#b3261e;border-color:#e8b4ae;background:#fff}

/* عدّاد على عنصر القائمة (عروض بانتظار الرد) */
.wq-nav a{position:relative}.wq-nbd{font-style:normal;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#d9480f;color:#fff;font-size:11px;font-weight:700;line-height:1;margin-inline-start:4px}
/* 1.17.0: «أخرى» في بنود الفاتورة + تاريخ الإصدار */
.wq-lines-t [hidden]{display:none!important}
.wq-lines-t input.wq-other-on{outline:2px solid #e0a106;outline-offset:1px}
.wq-lines-t td input[data-unit-other]{display:block}
input[data-issue-date][readonly]{opacity:.7;cursor:not-allowed}

/* محاضر تسليم البنود / سندات تسليم البضاعة (1.19.0) */
.wq-hn-t td.wq-hn-desc{min-width:180px;max-width:420px}
.wq-hn-t tr.wq-hn-rej td{background:#fff5f4}
.wq-hn-t .wq-hn-rn{max-width:150px;margin-top:4px;padding:5px 8px;font-size:12.5px}
.wq-hn-pc{display:inline-block;width:46px;height:6px;border-radius:99px;background:#ecf1f1;overflow:hidden;vertical-align:middle;margin-inline-end:6px}
.wq-hn-pc i{display:block;height:100%;background:var(--forest,#232F8E)}
.wq-hn-sum{margin:6px 0 8px}
.wq-hn-meta{margin:-4px 0 8px;font-size:13px}
.wq-hn-notes{white-space:pre-line;font-size:14px;margin:8px 0}
.wq-hn-acts{margin-top:10px}
.wq-hn-ways{align-items:stretch;grid-template-columns:1fr auto}
.wq-hn-or{display:flex;align-items:center;justify-content:center;color:#7a877e;font-weight:700}
.wq-hn-or span{padding:6px 12px;border:1px dashed #cfd8cf;border-radius:99px}
.wq-hn-pick h3,.wq-hn-up h3{display:flex;gap:6px;align-items:center;margin:4px 0 6px;font-size:15px}
.wq-hn-intro{margin:0 0 12px}
.wq-boq-edit input{min-width:60px}
.wq-boq-edit td:nth-child(2) input{min-width:220px}
.wq-hn-prev select{min-width:200px}
@media(max-width:700px){.wq-hn-ways{grid-template-columns:1fr}.wq-hn-or{padding:4px 0}.wq-hn-t td.wq-hn-desc{min-width:150px}}