/* WasilPro feature UI — agent, notifications, accounting helpers and assistant */
/* واصل — العلامة المشتركة للوكيل (v5.26.0) — يُحمَّل عاماً */
.navbar-brand.agent-brand{display:inline-flex;align-items:center;gap:.45rem;max-width:min(58vw,320px);overflow:hidden;padding-top:.15rem;padding-bottom:.15rem;font-size:1rem}
.navbar-brand.agent-brand img{height:30px;max-height:30px;width:auto;max-width:70px;object-fit:contain;border-radius:6px;background:#fff;padding:2px;flex:0 0 auto}
.agent-brand .ab-t{display:flex;flex-direction:column;line-height:1.15;min-width:0;overflow:hidden}
.agent-brand .ab-t>span:first-child,.agent-brand .ab-t{font-size:.92rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-brand .ab-t small{display:block;font-size:.6rem;opacity:.72;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
@media (max-width:576px){
 .navbar-brand.agent-brand{max-width:52vw;gap:.35rem}
 .navbar-brand.agent-brand img{height:26px;max-height:26px;max-width:56px}
 .agent-brand .ab-t{font-size:.8rem}
 .agent-brand .ab-t small{font-size:.55rem}
}

/* واصل — تصميم شاشات الوكيل (v5.26.0) — يُحمَّل في شاشات الوكيل فقط */
/* ── v5.23.0: شاشات الوكيل ── */
.ag-hero{background:linear-gradient(135deg,var(--am-emerald-900,#0B2447),var(--am-emerald-600,#1B4B8F));color:#fff;border-radius:16px;padding:1rem 1.15rem;margin-bottom:1rem;box-shadow:0 6px 20px rgba(6,26,51,.18)}
.ag-hero h1{font-size:1.15rem;font-weight:900;margin:0}
.ag-hero .sub{font-size:.78rem;opacity:.85;margin-top:.15rem}
.ag-hero .code{display:inline-block;background:rgba(255,255,255,.16);border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:800;letter-spacing:.5px}
.ag-ref{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.7rem;background:rgba(255,255,255,.12);border-radius:10px;padding:.45rem .6rem}
.ag-ref code{color:#fff;font-size:.76rem;direction:ltr;word-break:break-all;flex:1 1 200px;background:none;padding:0}
.ag-ref button{border:0;background:#fff;color:var(--am-emerald-900,#0B2447);border-radius:8px;padding:.25rem .7rem;font-size:.75rem;font-weight:800;cursor:pointer;white-space:nowrap}
.ag-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin-bottom:1rem}
.ag-stat{background:#fff;border:1px solid var(--line,#E4E9E7);border-radius:14px;padding:.75rem .9rem;position:relative;overflow:hidden}
.ag-stat::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--line,#E4E9E7)}
.ag-stat .l{font-size:.74rem;font-weight:800;color:var(--muted,#66787A);display:flex;align-items:center;gap:.3rem}
.ag-stat .v{font-size:1.4rem;font-weight:900;color:var(--ink,#12211C);margin-top:.1rem;line-height:1.1}
.ag-stat .v small{font-size:.62rem;color:var(--muted,#66787A);font-weight:600}
.ag-stat .s{font-size:.7rem;color:var(--muted,#66787A);margin-top:.15rem}
.ag-stat.green::before{background:var(--am-gold-500,#1FC57F)} .ag-stat.green .v{color:#156B47}
.ag-stat.gold::before{background:#D9A80B} .ag-stat.gold .v{color:#8A6A00}
.ag-stat.blue::before{background:var(--am-emerald-600,#1B4B8F)} .ag-stat.blue .v{color:#14417A}
.ag-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.7rem;margin-bottom:1rem}
.ag-panel{background:#fff;border:1px solid var(--line,#E4E9E7);border-radius:14px;padding:.85rem 1rem}
.ag-panel h2{font-size:.9rem;font-weight:800;margin:0 0 .35rem;display:flex;align-items:center;gap:.35rem}
.ag-panel p{font-size:.75rem;color:var(--muted,#66787A);margin:0 0 .6rem}
.ag-panel .logo-prev{height:38px;width:auto;max-width:110px;object-fit:contain;border:1px solid var(--line,#E4E9E7);border-radius:8px;padding:3px;background:#fff;margin-bottom:.5rem}
.ag-off{background:#fff;border:1px solid var(--line,#E4E9E7);border-radius:14px;overflow:visible}
.ag-off table{margin:0}
.ag-off thead th{background:var(--am-bg,#F5F7F5);font-size:.74rem;font-weight:800;color:var(--muted,#66787A);border-bottom:1px solid var(--line,#E4E9E7)}
.ag-off td{vertical-align:middle;padding-top:.55rem;padding-bottom:.55rem}
.ag-off .oname{font-weight:800;font-size:.88rem}
.ag-off .ocode{font-size:.7rem;color:var(--muted,#66787A)}
.ag-pw{display:inline-flex;align-items:center;gap:.3rem;background:#E9F8F1;color:#156B47;border-radius:8px;padding:.15rem .45rem;font-size:.72rem;font-weight:800;margin-top:.2rem}
.ag-empty{text-align:center;padding:2rem 1rem;color:var(--muted,#66787A)}
.ag-empty b{display:block;font-size:1rem;color:var(--ink,#12211C);margin-bottom:.25rem}
@media (max-width:576px){.ag-hero h1{font-size:1rem}.ag-stat .v{font-size:1.2rem}}

/* ── مكوّنات مشتركة تحتاجها شاشات الوكيل (مستقلة عن صفحات المحاسبة) ── */

.accx-acts{white-space:nowrap;text-align:left}
.accx-acts .btn{padding:.2rem .55rem;font-size:.76rem}
.accx-rowmenu{display:inline-block;position:relative}
.accx-rowmenu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border:1px solid var(--line,#E4E9E7);border-radius:8px;background:#fff;font-weight:900;color:var(--muted,#66787A)}
.accx-rowmenu>summary::-webkit-details-marker{display:none}
.accx-rowmenu>summary:hover{background:#F5F7F5}
.accx-rowmenu .m{position:absolute;top:calc(100% + 4px);inset-inline-end:0;min-width:210px;background:#fff;border:1px solid var(--line,#E4E9E7);border-radius:10px;box-shadow:0 10px 26px rgba(6,26,51,.16);padding:.3rem;z-index:1055;text-align:right}
.accx-rowmenu.up .m{top:auto;bottom:calc(100% + 4px)}
.accx-rowmenu .m form{margin:0}
.accx-rowmenu .mi{display:block;width:100%;text-align:right;border:0;background:none;padding:.45rem .55rem;border-radius:7px;font-size:.8rem;font-weight:700;color:var(--ink,#12211C);cursor:pointer}
.accx-rowmenu .mi:hover{background:#F5F7F5}
.accx-rowmenu .mi.danger{color:#B3261E}
.accx-quick{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}
.accx-quick .chip,.ag-chip{display:inline-block;padding:.28rem .7rem;border-radius:999px;border:1px solid var(--line,#E4E9E7);background:#fff;font-size:.76rem;font-weight:700;color:var(--ink,#12211C);text-decoration:none;cursor:pointer}
.accx-quick .chip:hover{background:#F5F7F5;text-decoration:none}
.accx-quick .chip.active{background:var(--am-emerald-900,#0B2447);color:#fff;border-color:var(--am-emerald-900,#0B2447)}

/* واصل — مركز الإشعارات اللحظي v5.15.0 */
#wn-wrap{position:relative;display:inline-flex;align-items:center}
#wn-bell{position:relative;background:transparent;border:0;color:inherit;cursor:pointer;padding:6px;border-radius:10px;transition:background .15s}
#wn-bell:hover{background:rgba(255,255,255,.12)}
body.office #wn-bell{color:#fff}
body.office #wn-wrap{margin-inline-end:.5rem}
/* المكتب: الجرس يسار الشاشة — القائمة تفتح يميناً داخل الشاشة */
body.office #wn-drop{right:auto;left:0}
#wn-count{position:absolute;top:-2px;inset-inline-end:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#dc3545;color:#fff;font-size:11px;font-weight:800;line-height:19px;text-align:center;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
#wn-count.wn-pulse{animation:wnPulse 1.6s ease-in-out infinite}
@keyframes wnPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
/* الإدارة: الجرس يمين الشاشة — القائمة تفتح يساراً داخل الشاشة */
#wn-drop{position:absolute;top:calc(100% + 10px);right:-6px;left:auto;width:340px;max-width:min(340px, calc(100vw - 24px));background:#fff;border-radius:14px;box-shadow:0 14px 44px rgba(11,36,71,.22);z-index:2000;overflow:hidden;border:1px solid #e8edf3;max-height:min(420px, calc(100vh - 90px))}
.wn-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0B2447;color:#fff;font-size:14px}
#wn-mute{background:transparent;border:0;font-size:16px;cursor:pointer;opacity:.9}
#wn-mute:hover{opacity:1}
#wn-items{max-height:340px;overflow-y:auto}
.wn-empty{padding:22px;text-align:center;color:#8a94a6;font-size:13px}
.wn-item{display:flex;gap:10px;padding:11px 14px;text-decoration:none;color:#1c2733;border-bottom:1px solid #f0f3f7;transition:background .12s}
.wn-item:hover{background:#f6f9fc}
.wn-i-ico{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eef3f9;color:#1B4B8F}

.wn-i-body{min-width:0}
.wn-i-body b{display:block;font-size:13px;margin-bottom:2px}
.wn-i-body span{display:block;font-size:12px;color:#5b6675;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}
.wn-i-body time{font-size:11px;color:#9aa5b1}
.wn-all{display:block;text-align:center;padding:10px;font-size:13px;font-weight:700;color:#1B4B8F;text-decoration:none;background:#f6f9fc}
.wn-all:hover{background:#eef3f9}
/* Toast */
#wn-toasts{position:fixed;bottom:22px;inset-inline-end:22px;z-index:3000;display:flex;flex-direction:column;gap:10px;max-width:92vw}
.wn-toast{display:flex;gap:12px;align-items:flex-start;width:340px;max-width:92vw;background:#fff;border-radius:14px;padding:13px 15px;box-shadow:0 14px 44px rgba(11,36,71,.25);border:1px solid #e8edf3;border-inline-start:4px solid #1B4B8F;text-decoration:none;color:#1c2733;opacity:0;transform:translateY(14px);transition:all .35s ease}
.wn-toast.show{opacity:1;transform:translateY(0)}

.wn-t-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef3f9;color:#1B4B8F}

.wn-t-body b{display:block;font-size:14px;margin-bottom:3px}
.wn-t-body span{display:block;font-size:12.5px;color:#5b6675;line-height:1.6}
@media (max-width:600px){#wn-toasts{bottom:86px;inset-inline-end:12px}.wn-toast{width:calc(100vw - 24px)}}

.gd-badge{display:inline-block;min-width:20px;text-align:center;border-radius:99px;font-size:.7rem;padding:1px 7px;margin-inline-start:5px;vertical-align:middle}
.gd-badge.ok{background:#dcfce7;color:#166534}.gd-badge.warn{background:#fef3c7;color:#92400e}.gd-badge.err{background:#fee2e2;color:#991b1b}
.gd-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:12px;padding:.7rem 1rem;font-size:.84rem;margin-bottom:1rem}
.gd-note b{font-weight:800}
.gd-sec{border:1px solid var(--am-line,#e5e7eb);border-radius:14px;background:#fff;margin-bottom:1rem;overflow:hidden}
.gd-sec>summary{cursor:pointer;list-style:none;padding:.85rem 1.1rem;font-weight:800;font-size:.92rem;display:flex;align-items:center;gap:.5rem;user-select:none}
.gd-sec>summary::-webkit-details-marker{display:none}
.gd-sec>summary::before{content:"▾";color:var(--am-muted,#6b7280);transition:transform .15s}
.gd-sec:not([open])>summary::before{transform:rotate(90deg)}
.gd-sec>summary:hover{background:#f9fafb}
.gd-sec .gd-body{padding:0 1.1rem 1.1rem;border-top:1px dashed var(--am-line,#e5e7eb);padding-top:1rem}
.gd-help{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:.7rem 1rem;font-size:.82rem;color:#14532d;margin:.6rem 0}
.gd-help b{font-weight:800}
.gd-steps{counter-reset:st;margin:.5rem 0;padding:0;list-style:none}
.gd-steps li{position:relative;padding-inline-start:2.1rem;margin-bottom:.55rem;font-size:.86rem}
.gd-steps li::before{counter-increment:st;content:counter(st);position:absolute;inset-inline-start:0;top:0;width:1.5rem;height:1.5rem;border-radius:99px;background:var(--am-emerald-900,#0b2447);color:#fff;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.gd-fix{border:1px solid #fde68a;background:#fffbeb;border-radius:12px;padding:.8rem 1rem;margin-bottom:.7rem}
.gd-fix .t{font-weight:800;color:#92400e;font-size:.88rem;margin-bottom:.3rem}
.gd-fix .d{font-size:.84rem;color:#444}
.gd-fix .d code{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:0 6px;direction:ltr;display:inline-block}
.gd-kv{display:grid;grid-template-columns:130px 1fr;gap:.3rem .8rem;font-size:.85rem;margin:.5rem 0}
.gd-kv dt{color:var(--am-muted,#6b7280);font-weight:600}
.gd-kv dd{margin:0;font-weight:700;word-break:break-all}
.gd-kv dd.mono,.mono{direction:ltr;unicode-bidi:embed;font-family:ui-monospace,Consolas,monospace;font-size:.82em}
.gd-state{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.82rem}
.gd-dot{width:10px;height:10px;border-radius:99px;display:inline-block}
.gd-dot.ok{background:#16a34a}.gd-dot.warn{background:#d97706}.gd-dot.err{background:#dc2626}.gd-dot.off{background:#9ca3af}
.gd-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.7rem 0}
.gd-copy{cursor:pointer;border:1px solid var(--am-line,#e5e7eb);background:#f9fafb;border-radius:8px;padding:.35rem .7rem;font-size:.78rem;font-weight:700}
.gd-copy:hover{background:#f3f4f6}
@media(max-width:768px){.gd-kv{grid-template-columns:1fr}.gd-kv dt{margin-top:.4rem}}

/* ── البطاقات ─────────────────────────────────────────── */
.accx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.7rem}

.accx-c4{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}

.accx-bcard{background:#fff;border:1px solid var(--line,#E4E9E7);border-radius:14px;padding:.85rem 1rem;position:relative;overflow:hidden;box-shadow:var(--shadow,0 1px 2px rgba(0,0,0,.04))}
.accx-bcard::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--line,#E4E9E7)}
.accx-bcard .l{font-size:.78rem;font-weight:800;color:var(--muted,#66787A)}
.accx-bcard .v{font-size:1.45rem;font-weight:900;color:var(--ink,#12211C);margin-top:.15rem}
.accx-bcard .v small{font-size:.68rem;color:var(--muted,#66787A)}
.accx-bcard .s{font-size:.73rem;color:var(--muted,#66787A);margin-top:.2rem}
.accx-bcard.lana::before{background:var(--am-gold-500,#1FC57F)}
.accx-bcard.lana .v{color:#156B47}
.accx-bcard.alayna::before{background:#C8432B}
.accx-bcard.alayna .v{color:#9B2F1F}
.accx-bcard.net::before{background:var(--am-emerald-700,#14417A)}
.accx-bcard.gold::before{background:#D9A80B}

.row-voided{opacity:.55}
.row-voided td:first-child a{text-decoration:line-through}

/* ── موبايل ──────────────────────────────────────────── */
@media (max-width:576px){
 .accx-tab,.accx-more>summary{padding:.5rem .6rem;font-size:.78rem}
 .accx-new{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem;scrollbar-width:none}
 .accx-new::-webkit-scrollbar{display:none}
 .accx-sec-h b{font-size:.95rem}
 .accx-tcard .v,.accx-bcard .v{font-size:1.25rem}
 .accx-menu{inset-inline-start:auto;inset-inline-end:0}
}

/* ── v5.19.0: جدول الحسابات المضغوط + قائمة الصف + فلاتر ── */
.accx-coa td{padding-top:.42rem;padding-bottom:.42rem;vertical-align:middle}
.accx-coa .coa-type-row td{padding:.55rem .6rem;font-weight:900;background:var(--am-emerald-950,#061A33);color:#fff}
.accx-coa .coa-group-row td{padding:.35rem .6rem;font-size:.78rem;color:var(--muted,#66787A);background:#F1F4F3}
.accx-acts{white-space:nowrap;text-align:left}
.accx-acts .btn{padding:.2rem .55rem;font-size:.76rem}
.accx-rowmenu{display:inline-block;position:relative;margin-inline-start:.25rem}
.accx-rowmenu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;border:1px solid var(--line,#E4E9E7);border-radius:8px;background:#fff;font-weight:900;color:var(--muted,#66787A)}
.accx-rowmenu>summary::-webkit-details-marker{display:none}
.accx-rowmenu>summary:hover{background:var(--am-bg,#F5F7F5)}
.accx-rowmenu .m{position:absolute;top:calc(100% + 4px);inset-inline-end:0;min-width:210px;background:#fff;border:1px solid var(--line,#E4E9E7);border-radius:10px;box-shadow:0 10px 26px rgba(6,26,51,.16);padding:.3rem;z-index:55;text-align:right}
.accx-rowmenu .m form{margin:0}
.accx-rowmenu .mi{display:block;width:100%;text-align:right;border:0;background:none;padding:.45rem .55rem;border-radius:7px;font-size:.8rem;font-weight:700;color:var(--ink,#12211C);cursor:pointer}
.accx-rowmenu .mi:hover{background:var(--am-bg,#F5F7F5)}
.accx-rowmenu .mi.danger{color:#B3261E}
.accx-hidezero{display:inline-flex;gap:.35rem;align-items:center;font-size:.78rem;font-weight:700;color:var(--muted,#66787A);cursor:pointer;white-space:nowrap}
#coa-table.hide-zero tr.coa-row[data-zero="1"]{display:none!important}
#coa-table.hide-zero tr.coa-row[data-zero="1"]+tr.coa-edit{display:none!important}
.accx-quick{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}
.accx-quick .chip{text-decoration:none}
.accx-stfilter{align-items:center}
.accx-stfilter .form-select{flex:0 0 auto}

@media (max-width:576px){.accx-acts .btn{padding:.18rem .45rem;font-size:.72rem}.accx-rowmenu .m{min-width:190px}}
/* واصل بوت v2 (v5.5) — روبوت حي، يمين/يسار حسب الاتجاه: نضعه أسفل اليسار في RTL */
.wasil-bot{position:fixed;left:14px;bottom:14px;z-index:1080;font-family:inherit;direction:rtl}
@media (max-width:767.98px){.wasil-bot{left:10px;bottom:72px}}
.wasil-bot.is-min .wb-avatar,.wasil-bot.is-min .wb-say,.wasil-bot.is-min .wb-panel{display:none}
.wb-restore{display:none;width:38px;height:38px;border-radius:50%;border:1px solid #d5deea;background:#fff;box-shadow:0 4px 14px rgba(14,45,90,.18);cursor:pointer;font-size:18px;opacity:.75}
.wasil-bot.is-min .wb-restore{display:block}
/* ---- الروبوت ---- */
.wb-avatar{width:72px;height:72px;cursor:pointer;position:relative;outline:none;animation:wbFloat 4.2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(14,45,90,.3));transition:transform .2s cubic-bezier(.22,.68,.32,1.2)}
.wb-avatar:hover{transform:scale(1.07)}
.wb-avatar svg{width:100%;height:100%;overflow:visible}
@keyframes wbFloat{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(0deg)}75%{transform:translateY(-5px) rotate(1.5deg)}}
.wb-avatar:hover{animation-play-state:paused}
.wb-eyes{transition:transform .12s ease-out;transform-origin:center}
.wb-eye{transform-origin:center;animation:wbBlink 5.2s infinite}
.wb-eye:nth-child(2){animation-delay:.04s}
@keyframes wbBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.08)}}
.wb-eye{transform-box:fill-box}
.wb-led{animation:wbPulse 1.6s infinite}
.wb-heart{animation:wbPulse 2.2s infinite}
@keyframes wbPulse{0%,100%{opacity:1}50%{opacity:.35}}
.wb-hand{transform-box:fill-box;transform-origin:50% 10%;opacity:0;transition:opacity .2s}
.wb-halo{animation:wbHalo 3s ease-in-out infinite;transform-origin:center}
@keyframes wbHalo{0%,100%{opacity:.15;transform:scale(1)}50%{opacity:.35;transform:scale(1.06)}}
.wb-spark{animation:wbSpark 2.4s ease-in-out infinite;transform-origin:center}
.wb-spark:nth-child(2){animation-delay:.8s}.wb-spark:nth-child(3){animation-delay:1.6s}
@keyframes wbSpark{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}
.wb-cheek{animation:wbCheek 4s ease-in-out infinite}
@keyframes wbCheek{0%,100%{opacity:.5}50%{opacity:.9}}
.wb-avatar.waving .wb-hand{opacity:1;animation:wbWave .5s ease-in-out 3}
@keyframes wbWave{0%,100%{transform:rotate(0)}50%{transform:rotate(-35deg)}}
.wb-avatar.bounce{animation:wbBounce .55s cubic-bezier(.36,.07,.19,.97)}
@keyframes wbBounce{0%{transform:translateY(0)}30%{transform:translateY(-14px) scale(1.05)}60%{transform:translateY(0) scale(.97)}80%{transform:translateY(-4px)}100%{transform:translateY(0)}}
.wb-avatar.look .wb-eyes{animation:wbLook 1.4s ease-in-out}
@keyframes wbLook{0%,100%{transform:translate(0,0)}30%{transform:translate(-3px,0)}70%{transform:translate(3px,0)}}
.wb-avatar.talking .wb-mouth{animation:wbTalk .35s infinite alternate}
@keyframes wbTalk{from{d:path("M50 68 Q60 75 70 68")}to{d:path("M52 68 Q60 70 68 68")}}
.wb-avatar.mood-ok .wb-led{fill:#1FC57F}.wb-avatar.mood-warn .wb-led{fill:#f0a500}.wb-avatar.mood-crit .wb-led{fill:#e0343c;animation-duration:.7s}
.wb-avatar.mood-think .wb-led{fill:#7aa7ff;animation-duration:.4s}
.wb-avatar.mood-crit .wb-mouth{d:path("M50 72 Q60 66 70 72")}
.wb-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#f0a500;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.wb-badge.crit{background:#e0343c;animation:wbBadge 1.2s infinite}
@keyframes wbBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
/* ---- الفقاعة القصيرة ---- */
.wb-say{position:absolute;bottom:80px;left:0;max-width:260px;background:#0E2D5A;color:#fff;font-size:13px;font-weight:700;line-height:1.5;padding:9px 12px;border-radius:14px 14px 14px 4px;box-shadow:0 8px 24px rgba(14,45,90,.28);opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transition:.22s}
.wb-say.show{opacity:1;transform:none}
.wb-say::after{content:"";position:absolute;bottom:-7px;left:14px;border:7px solid transparent;border-top-color:#0E2D5A;border-bottom:0}
/* ---- اللوحة ---- */
.wb-panel{position:absolute;bottom:84px;left:0;width:min(360px,calc(100vw - 24px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:#fff;border:1px solid #dfe6ef;border-radius:18px;box-shadow:0 18px 50px rgba(14,45,90,.28);opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);transform-origin:bottom left;transition:.22s}
.wb-panel.show{opacity:1;visibility:visible;transform:none}
.wb-head-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px 8px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#f7fafd,#fff);border-radius:18px 18px 0 0}
.wb-title{display:flex;align-items:center;gap:7px;flex:1 1 auto;min-width:0}
.wb-title b{font-size:14px;color:#0E2D5A}.wb-title small{color:#7c8aa0;font-size:11px}
.wb-dot{width:9px;height:9px;border-radius:50%;background:#1FC57F;box-shadow:0 0 0 3px rgba(31,197,127,.18)}
.wb-x{border:0;background:transparent;font-size:22px;line-height:1;color:#7c8aa0;cursor:pointer;padding:0 4px}
.wb-tabs{display:flex;gap:4px;flex-basis:100%;order:3}
.wb-tabs button{flex:1;border:1px solid transparent;background:#f1f5fa;color:#33466a;font-weight:700;font-size:12px;padding:6px 4px;border-radius:9px;cursor:pointer}
.wb-tabs button.on{background:#0E2D5A;color:#fff}
.wb-body{overflow:auto;padding:12px;flex:1 1 auto;font-size:13px;color:#22324d;line-height:1.55}
.wb-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid #eef2f7;font-size:11px;color:#8a97ac}
.wb-link{border:0;background:transparent;color:#1b4b8f;font-weight:700;font-size:12px;cursor:pointer;padding:2px 4px}
.wb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.wb-stat{background:#f5f8fc;border-radius:10px;padding:7px 6px;text-align:center}
.wb-stat b{display:block;font-size:15px;color:#0E2D5A;direction:ltr}.wb-stat b small{font-size:10px;color:#8a97ac}.wb-stat span{font-size:10.5px;color:#7c8aa0}
.wb-stat.ok b{color:#158c5b}.wb-stat.warn b{color:#c47d00}.wb-stat.crit b{color:#c8232b}
.wb-list{display:flex;flex-direction:column;gap:6px}
.wb-item{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:11px;background:#fff;border:1px solid #e7edf4;color:inherit;text-decoration:none;transition:.15s}
.wb-item:hover{background:#f5f8fc;border-color:#cfdbeb;color:inherit}
.wb-item>span:nth-child(2){flex:1;min-width:0}
.wb-item b{display:block;font-size:12.5px;color:#0E2D5A}.wb-item em{display:block;font-style:normal;font-size:11px;color:#7c8aa0}
.wb-sev{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:#9fb0c6}
.wb-item.critical .wb-sev{background:#e0343c}.wb-item.warning .wb-sev{background:#f0a500}.wb-item.info .wb-sev{background:#3b82f6}
.wb-go{color:#b5c2d3;font-size:18px}
.wb-note{border-radius:10px;padding:8px 10px;font-size:12px;margin-bottom:8px}
.wb-note.crit{background:#fff1f1;color:#a11e25;border:1px solid #ffd4d6}.wb-note.ok{background:#effbf5;color:#146b48;border:1px solid #cdeedd}
.wb-note a{color:inherit;font-weight:700}
.wb-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wb-quick a{display:block;text-align:center;padding:12px 8px;border-radius:12px;background:#f1f5fa;color:#0E2D5A;font-weight:700;text-decoration:none;border:1px solid #e3eaf3}
.wb-quick a:hover{background:#0E2D5A;color:#fff}
.wb-tip .tip-title{display:block;font-weight:800;color:#0E2D5A;margin-bottom:4px}
.wb-tip ul{padding-right:18px;margin:6px 0}
.wb-tip .warn{background:#fff8e6;border-right:3px solid #f0a500;padding:6px 8px;border-radius:6px;margin-top:8px;font-size:12px}
.wb-tip .ok{background:#effbf5;border-right:3px solid #1FC57F;padding:6px 8px;border-radius:6px;margin-top:6px;font-size:12px}
.wb-tipnav{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;color:#8a97ac}
.wb-tipnav button{border:0;background:#0E2D5A;color:#fff;border-radius:8px;padding:5px 10px;font-weight:700;font-size:12px;cursor:pointer}
.wb-typing{display:flex;gap:5px;padding:18px;justify-content:center}
.wb-typing span{width:8px;height:8px;border-radius:50%;background:#9fb0c6;animation:wbTyping 1s infinite}
.wb-typing span:nth-child(2){animation-delay:.15s}.wb-typing span:nth-child(3){animation-delay:.3s}
@keyframes wbTyping{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.wb-avatar,.wb-eye,.wb-led,.wb-heart,.wb-badge{animation:none!important}}
@media print{.wasil-bot{display:none!important}}
/* ---- v2.1: dock / sleep / chat ---- */
.wasil-bot.dock-right{left:auto;right:14px}
.wasil-bot.dock-right .wb-panel{left:auto;right:0;transform-origin:bottom right}
.wasil-bot.dock-right .wb-say{left:auto;right:0;border-radius:14px 14px 4px 14px}
.wasil-bot.dock-right .wb-say::after{left:auto;right:14px}
@media (min-width:992px){.wasil-bot.dock-right{right:270px}}
.wb-zzz{position:absolute;top:-6px;left:-4px;font-weight:900;color:#1b4b8f;font-size:14px;opacity:0;pointer-events:none}
.wb-zzz span{font-size:11px}.wb-zzz span+span{font-size:9px}
.wb-avatar.asleep{animation:none;filter:drop-shadow(0 4px 8px rgba(14,45,90,.15)) saturate(.6)}
.wb-avatar.asleep .wb-eye{animation:none;transform:scaleY(.08)}
.wb-avatar.asleep .wb-led,.wb-avatar.asleep .wb-heart{animation-duration:4s}
.wb-avatar.asleep .wb-zzz{opacity:1;animation:wbZzz 2.4s infinite}
@keyframes wbZzz{0%{transform:translate(0,0);opacity:0}30%{opacity:1}100%{transform:translate(-6px,-14px);opacity:0}}
.wb-avatar.happy .wb-mouth{d:path("M48 66 Q60 80 72 66")}
.wb-avatar.happy .wb-led{fill:#1FC57F;animation-duration:.3s}
.wb-chat{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;padding-bottom:4px}
.wb-msg{max-width:88%;padding:8px 11px;border-radius:14px;font-size:12.5px;line-height:1.6;white-space:pre-wrap}
.wb-msg.bot{background:#f1f5fa;color:#22324d;border-bottom-right-radius:4px;align-self:flex-start;margin-left:auto}
.wb-msg.me{background:#0E2D5A;color:#fff;border-bottom-left-radius:4px;align-self:flex-end;margin-right:auto}
.wb-msg small{display:block;color:#8a97ac;font-size:10px;margin-top:4px}
.wb-msg-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.wb-msg-links a{background:#fff;border:1px solid #cfdbeb;color:#1b4b8f;border-radius:8px;padding:3px 8px;font-size:11.5px;font-weight:700;text-decoration:none}
.wb-msg-links a:hover{background:#0E2D5A;color:#fff}
.wb-msg .wb-typing{padding:2px 4px}
.wb-ask{display:flex;gap:6px;margin-top:10px}
.wb-ask input{flex:1;border:1.5px solid #dfe6ef;border-radius:10px;padding:8px 10px;font-size:13px;font-family:inherit}
.wb-ask input:focus{outline:none;border-color:#1b4b8f}
.wb-ask button{border:0;background:#0E2D5A;color:#fff;border-radius:10px;width:42px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.wb-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.wb-chips button{border:1px solid #dfe6ef;background:#fff;color:#33466a;border-radius:99px;padding:4px 10px;font-size:11.5px;cursor:pointer}
.wb-chips button:hover{background:#f1f5fa}
/* لا يغطي الروبوت آخر سطر من المحتوى */
main.content,main.container-fluid{padding-bottom:96px!important}
/* ---- v3: سحب + ضرب + فحص ---- */
.wasil-bot.dragging .wb-avatar{cursor:grabbing;filter:drop-shadow(0 14px 22px rgba(14,45,90,.35))}
.wb-avatar{cursor:grab;touch-action:none}
.wasil-bot.at-top .wb-panel{top:76px;bottom:auto;transform-origin:top right}
.wasil-bot.at-top .wb-say{top:76px;bottom:auto;border-radius:4px 14px 14px 14px}
.wasil-bot.at-top .wb-say::after{top:-7px;bottom:auto;transform:rotate(180deg)}
.wb-avatar.hit{animation:wbHit .45s}
.wasil-bot .wb-avatar.pet { animation: wb-pet .8s ease; }
.wasil-bot .wb-avatar.tickle { animation: wb-tickle .6s ease; }
@keyframes wb-pet { 0%,100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@keyframes wb-tickle { 0%,100% { transform: rotate(0); } 25% { transform: rotate(-5deg); } 75% { transform: rotate(5deg); } }
@keyframes wbHit{0%{transform:translateX(0) rotate(0)}25%{transform:translateX(-7px) rotate(-8deg)}55%{transform:translateX(6px) rotate(7deg)}100%{transform:translateX(0)}}
.wb-avatar.dizzy{animation:wbDizzy 2.4s ease-in-out}
.wb-avatar.dizzy .wb-eye{animation:none;transform:scaleY(.15) rotate(20deg)}
@keyframes wbDizzy{0%{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-9deg)}60%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}100%{transform:rotate(0)}}
.wb-check{display:block;width:100%;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(135deg,#0E2D5A,#1b4b8f);color:#fff;font-weight:800;font-size:13px;padding:10px;cursor:pointer;font-family:inherit}
.wb-check:hover{filter:brightness(1.12)}.wb-check:disabled{opacity:.65;cursor:wait}
/* ---- v3.1: حجم أكبر + مشية ---- */
.wb-avatar{width:96px;height:96px}
.wb-avatar svg{width:96px;height:96px}
@media (max-width:600px){.wb-avatar{width:74px;height:74px}.wb-avatar svg{width:74px;height:74px}}
.wasil-bot.strolling{z-index:1069}
.wb-avatar.walk{animation:wbWalk .5s infinite}
@keyframes wbWalk{0%{translate:0 0;rotate:0deg}25%{translate:0 -4px;rotate:-3deg}50%{translate:0 0;rotate:0deg}75%{translate:0 -4px;rotate:3deg}100%{translate:0 0;rotate:0deg}}
.wb-avatar.walk .wb-eye{animation:none}

.wb-confetti{position:fixed;inset:0;z-index:2000;pointer-events:none}

@media (max-width:600px){.wb-say{max-width:200px;font-size:.78rem}.wasil-bot{bottom:84px}}
/* v5.38.44: شخصية البوت */
.wb-avatar.wb-squish{animation:wbSquish .5s ease!important}@keyframes wbSquish{0%{transform:scale(1)}35%{transform:scale(1.18,.82)}70%{transform:scale(.92,1.1)}100%{transform:scale(1)}}
.wb-avatar.wb-hit{animation:wbHit .6s ease!important}@keyframes wbHit{0%{transform:translateX(0) rotate(0)}20%{transform:translateX(-10px) rotate(-14deg)}45%{transform:translateX(9px) rotate(12deg)}70%{transform:translateX(-5px) rotate(-6deg)}100%{transform:translateX(0) rotate(0)}}
.wb-avatar.wb-ko{animation:wbKo 2.6s ease forwards!important}@keyframes wbKo{0%{transform:rotate(0)}15%{transform:rotate(-20deg) translateY(-8px)}40%{transform:rotate(85deg) translateY(14px)}100%{transform:rotate(90deg) translateY(16px)}}
.wb-avatar.wb-up{animation:wbUp .9s ease!important}@keyframes wbUp{0%{transform:rotate(90deg) translateY(16px)}60%{transform:rotate(-8deg) translateY(-6px)}100%{transform:rotate(0) translateY(0)}}
.wb-avatar.wb-laugh{animation:wbLaugh 1.2s ease!important}@keyframes wbLaugh{0%,100%{transform:rotate(0)}20%{transform:rotate(-6deg) translateY(-3px)}40%{transform:rotate(6deg)}60%{transform:rotate(-5deg) translateY(-3px)}80%{transform:rotate(4deg)}}
.wb-avatar.wb-wink .wb-eyes{animation:wbWink .9s ease}@keyframes wbWink{0%,100%{transform:scaleY(1)}40%{transform:scaleY(.15)}}
.wb-avatar.wb-sleepy{filter:saturate(.6) brightness(.9)}.wb-avatar.wb-sleepy::after{content:"z z";position:absolute;top:-8px;inset-inline-end:-4px;color:#0B2447;font-weight:800;font-size:.8rem;animation:wbPulse 2s infinite}
.wb-stars{position:absolute;inset:-6px;pointer-events:none;display:none}.wb-stars.show{display:block}.wb-stars span{position:absolute;color:#F5B700;font-size:14px;animation:wbStar 1.2s linear infinite}.wb-stars span:nth-child(1){top:-4px;left:10%}.wb-stars span:nth-child(2){top:-10px;left:50%;animation-delay:.4s}.wb-stars span:nth-child(3){top:-2px;left:80%;animation-delay:.8s}@keyframes wbStar{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(-16px) rotate(180deg);opacity:0}}
.wb-game{position:fixed;inset:0;z-index:2000;background:rgba(6,26,51,.6);display:flex;align-items:center;justify-content:center;padding:12px}.wb-game-box{background:#fff;border-radius:16px;width:344px;max-width:100%;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}.wb-game-hd{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#0B2447;color:#fff;font-size:.9rem}.wb-game-hd span{font-weight:800;font-size:1.1rem;color:#6EE7B7}.wb-game-hd button{background:transparent;border:0;color:#fff;font-size:1.1rem}.wb-game canvas{display:block;width:100%;height:auto;background:linear-gradient(#F5F9FF,#EAF2FF);touch-action:none}.wb-game-ft{padding:.5rem .8rem;font-size:.78rem;color:#334155}

.acx-newmenu{min-width:300px;padding:.35rem}.acx-newmenu .dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:6px}.acx-newmenu .dropdown-item small{color:var(--w-muted);font-size:var(--w-fs-xs);white-space:normal}
.acx-tag{display:inline-block;padding:.12rem .5rem;border-radius:5px;font-size:var(--w-fs-xs);font-weight:700;border:1px solid var(--w-line);background:#F8FAFC;color:var(--w-navy);white-space:nowrap;min-width:64px;text-align:center}
.acx-tag.v-in{background:#EEF9F1;border-color:#CDEBD8;color:#0F6B45}.acx-tag.v-out{background:#FDECEA;border-color:#F3C7C3;color:#B3261E}.acx-tag.v-move{background:#EEF3FA;border-color:#D6E2F2;color:#1E3A5F}.acx-tag.v-fx{background:#FFF7DC;border-color:#F5E4A5;color:#8A6D00}.acx-tag.v-j{background:#F1F5F9;border-color:#E2E8F0;color:#475569}
.acx-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr)) auto auto;gap:.4rem;align-items:center;margin-bottom:.75rem}
.acx-register{border:1px solid var(--w-line);border-radius:var(--w-r-sm);background:#fff}
.acx-table{margin:0;font-size:var(--w-fs-sm)}.acx-table thead th{font-size:var(--w-fs-xs);padding:.5rem .6rem;background:#F8FAFC;position:sticky;top:0}
.acx-table tbody td{padding:.42rem .6rem;vertical-align:middle;line-height:1.35;border-color:#EEF2F7}
.acx-table tbody tr:hover>td{background:#F5F9FF}.acx-table .row-voided td{color:#94A3B8}.acx-table .row-voided .acx-tag{opacity:.55}
.acx-sub{font-size:var(--w-fs-xs);color:var(--w-muted);line-height:1.25}
.acx-party{font-weight:700;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.acx-desc{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acx-acct{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}
.acx-table td.num,.acx-table th.num{text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}
.acx-st{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--w-fs-xs);font-weight:700;color:#0F6B45}.acx-st::before{content:"";width:7px;height:7px;border-radius:50%;background:#17A96B}.acx-st.void{color:#94A3B8}.acx-st.void::before{background:#CBD5E1}
.acx-form{max-width:980px}.acx-form .form-label{margin-bottom:.25rem}.acx-form .row.g-3{--bs-gutter-y:.75rem}
.acx-opt{border:1px dashed #CBD5E1;border-radius:var(--w-r-sm);padding:.5rem .8rem;background:#FAFBFD}.acx-opt>summary{cursor:pointer;font-size:var(--w-fs-sm);font-weight:700;color:var(--w-navy);list-style:none}.acx-opt>summary::before{content:"+ ";color:var(--w-green)}.acx-opt[open]>summary::before{content:"− "}
.acx-actions{display:flex;gap:.5rem;align-items:center;padding-top:.5rem;border-top:1px solid var(--w-line);margin-top:.25rem}
.acp{position:relative}.acp-list{position:absolute;inset-inline:0;top:100%;z-index:30;background:#fff;border:1px solid var(--w-line);border-radius:var(--w-r-sm);box-shadow:0 8px 24px rgba(11,36,71,.12);max-height:260px;overflow:auto}
@media (max-width:992px){.acx-filters{grid-template-columns:1fr 1fr}.acx-filters input[name=q]{grid-column:1/-1}}
.acx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin-bottom:1rem}
.acx-kpi{background:#fff;border:1px solid var(--w-line);border-radius:var(--w-r);padding:.7rem .9rem;box-shadow:var(--w-shadow)}
.acx-kpi .l{font-size:var(--w-fs-xs);color:var(--w-muted);font-weight:700}.acx-kpi .v{font-size:1.25rem;font-weight:800;color:var(--w-navy);direction:ltr;unicode-bidi:embed;font-variant-numeric:tabular-nums;line-height:1.3;margin:.1rem 0}.acx-kpi .v small{font-size:.65rem;color:var(--w-muted);font-weight:700}.acx-kpi .s{font-size:var(--w-fs-xs);color:var(--w-muted)}
.acx-table tfoot th{font-size:var(--w-fs-xs);background:#F8FAFC;border-top:2px solid var(--w-line)}
.acx-strip{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;background:#fff;border:1px solid var(--w-line);border-radius:var(--w-r-sm);padding:.55rem .9rem;margin-bottom:.75rem;font-size:var(--w-fs-sm);color:var(--w-muted)}.acx-strip b{color:var(--w-navy);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed;margin-inline-start:.3rem}
.filterbar .chip{border-radius:6px;font-size:var(--w-fs-xs);font-weight:700;border:1px solid var(--w-line);background:#fff;color:var(--w-muted);padding:.28rem .6rem}.filterbar .chip.active{background:var(--w-navy);color:#fff;border-color:var(--w-navy)}

.acx-keysec{margin-top:.9rem;padding:.45rem .7rem;background:#F8FAFC;border:1px solid var(--w-line);border-radius:var(--w-r-sm);display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}.acx-keysec b{color:var(--w-navy)}
.form-text.mono{font-size:.72rem;color:var(--w-muted);text-align:left}
.qk-modal .modal-content{border:0;border-radius:var(--w-r);box-shadow:0 20px 50px rgba(7,28,56,.25)}.qk-modal .modal-header{background:var(--w-navy);color:#fff;border-radius:var(--w-r) var(--w-r) 0 0}.qk-modal .modal-header .btn-close{filter:invert(1)}.qk-modal .modal-title{font-size:1rem;font-weight:800}.qk-modal .modal-footer{background:#F8FAFC}
.acx-quick{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.acx-quick .btn{padding:.55rem 1rem}

/* لوحة الأوامر Ctrl+K */
.tb-cmd{margin-inline-start:.75rem}.tb-cmd kbd{background:#EEF2F7;color:var(--w-muted);border-radius:4px;padding:0 .35rem;font-size:.68rem;margin-inline-start:.3rem}
.wcmd{position:fixed;inset:0;background:rgba(7,28,56,.45);backdrop-filter:blur(2px);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.wcmd.show{display:flex}
.wcmd-box{width:min(640px,94vw);background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(7,28,56,.35);overflow:hidden}
.wcmd-in{width:100%;border:0;border-bottom:1px solid var(--w-line);padding:.95rem 1.1rem;font-size:1rem;outline:none;font-family:inherit}
.wcmd-list{max-height:52vh;overflow:auto;padding:.35rem}.wcmd-it{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:8px;cursor:pointer;font-size:var(--w-fs-sm);font-weight:600;color:var(--w-ink)}.wcmd-it.on,.wcmd-it:hover{background:#F1F5F9;color:var(--w-navy)}
.wcmd-tag{font-size:.66rem;font-weight:800;padding:.1rem .45rem;border-radius:5px;background:#EEF2F7;color:var(--w-muted);min-width:42px;text-align:center}.wcmd-tag.action{background:#E4F3EC;color:#0F6B45}.wcmd-tag.office{background:#E3EAF6;color:var(--w-navy)}.wcmd-tag.ref{background:#FFF7DC;color:#8A6D00}
.wcmd-empty{padding:1rem;color:var(--w-muted);font-size:var(--w-fs-sm);text-align:center}.wcmd-foot{display:flex;gap:1rem;padding:.45rem .9rem;border-top:1px solid var(--w-line);font-size:.68rem;color:var(--w-muted);background:#F8FAFC}.wcmd-kbd{margin-inline-start:auto}
@media (max-width:768px){.tb-cmd kbd{display:none}}
.acx-tierbox{border:1px solid var(--w-line);border-radius:var(--w-r-sm);padding:.7rem .8rem;background:#FAFBFD;height:100%;display:flex;flex-direction:column;gap:.5rem}.acx-tierhead b{display:block;color:var(--w-navy);font-size:var(--w-fs-sm)}.acx-tierfoot{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.4rem;border-top:1px dashed var(--w-line)}
/* أزرار الشريط العلوي */
.topbar .tb-cmd,.topbar .tb-quick .btn{height:34px;display:inline-flex;align-items:center;gap:.4rem;font-size:var(--w-fs-sm);font-weight:700;border-radius:9px;padding:0 .85rem}
.topbar .tb-cmd{background:#fff;border:1px solid var(--w-line);color:var(--w-navy);box-shadow:var(--w-shadow)}.topbar .tb-cmd:hover{border-color:var(--w-navy-2)}

.topbar .tb-bell{margin-inline-start:.4rem}
.ob-banner{position:sticky;top:0;z-index:1040;background:#8A6D00;color:#fff;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:var(--w-fs-sm);flex-wrap:wrap}.ob-banner b{color:#FFE99B}

a.acx-kpi{text-decoration:none;color:inherit}a.acx-kpi:hover{border-color:var(--w-navy-2)}.acx-kpi.kpi-warn{border-inline-start:4px solid #D9A400}.acx-kpi.kpi-danger{border-inline-start:4px solid #B3261E}
.acx-filters-off{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr)) auto auto}

.cx-steps{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.3rem}.cx-step{font-size:var(--w-fs-xs);font-weight:700;padding:.25rem .6rem;border-radius:6px;background:#EEF2F7;color:var(--w-muted)}.cx-step.on{background:#E4F3EC;color:#0F6B45}.cx-step.bad{background:#FDECEA;color:#B3261E}
/* v5.38.24: البوت على الهاتف — أصغر ولا يغطي النماذج، ولا فقاعات كلام فوق الحقول */
@media (max-width:576px){.wb-avatar{width:48px!important;height:48px!important;bottom:74px!important;inset-inline-start:10px!important}#wbSay,.wb-say{display:none!important}#wbPanel,.wb-panel{width:100vw!important;inset-inline:0!important;bottom:0!important;border-radius:16px 16px 0 0!important;max-height:80vh!important}.wa-fab{bottom:74px!important}}
/* v5.38.25: شريط علوي ثابت بأزرار كبيرة */
.topbar{position:sticky;top:0;z-index:1030;background:#fff;box-shadow:0 1px 0 var(--w-line)}

.topbar .tb-quickbtn{height:38px;padding:0 1.1rem;border-radius:9px;font-weight:800;font-size:.9rem;margin-inline-start:.6rem;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 3px 10px rgba(11,36,71,.25)}
.qk-types{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}.qk-type{border:1px solid var(--w-line);background:#F8FAFC;border-radius:8px;padding:.45rem .8rem;font-weight:700;font-size:var(--w-fs-sm);color:var(--w-muted)}.qk-type.on{background:var(--w-navy);color:#fff;border-color:var(--w-navy)}
.qk-hint{background:#EEF3FA;border-inline-start:4px solid var(--w-navy-2);padding:.5rem .8rem;border-radius:6px;font-size:var(--w-fs-sm);color:#1E3A5F;margin-bottom:.8rem;font-weight:600}
.qk-preview{margin-top:.8rem;padding:.55rem .8rem;border-radius:6px;background:#F8FAFC;border:1px dashed var(--w-line);font-size:var(--w-fs-sm);color:var(--w-muted)}.qk-preview.ok{background:#EEF9F1;border-color:#CDEBD8;color:#0F6B45;font-weight:700}
@media (max-width:992px){}
.rc-head-dm{background:linear-gradient(135deg,#1a1408,#3b2f12)!important}.rc-head-dm .tg{color:#e6c97a!important}
/* v5.38.35: الهاتف — منع التداخل */
@media (max-width:576px){.page-head{flex-direction:column;align-items:stretch}.page-head .actions{flex-wrap:wrap}.page-head .actions form,.page-head .actions .btn,.page-head .actions select{max-width:100%}.acx-kpis{grid-template-columns:1fr 1fr!important}.acx-kpi .v{font-size:1.05rem!important;word-break:break-word}.acx-filters,.acx-filters-3,.acx-filters-off{grid-template-columns:1fr!important}.acx-quick{flex-wrap:wrap}.topbar .tb-quickbtn{padding:0 .6rem;font-size:.8rem}.tb-date,.tb-brand small{display:none}.cx-steps .cx-step{font-size:.66rem}.tf-step{padding:1rem!important}.tf-step header .n{flex:none}.rc-head{flex-direction:column;align-items:flex-start;gap:.5rem}.rc-head>div[style*="text-align:left"]{text-align:right!important}.qk-menu{min-width:260px}.acx-strip{flex-direction:column;gap:.25rem}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.nav-tabs .nav-link{white-space:nowrap}}
@media (max-width:768px){.topbar{gap:.35rem;flex-wrap:nowrap;overflow:hidden}.topbar .tb-cmd kbd{display:none}.topbar .tb-cmd{padding:.3rem .5rem;font-size:.75rem}.topbar .tb-quickbtn{margin-inline-start:.3rem;height:34px}.page-head h1{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;line-height:1.3}.page-head h1 .badge,.page-head h1 small{white-space:normal}}
/* v5.38.36: الهاتف — لا قصّ للمحتوى */
@media (max-width:768px){html,body{overflow-x:hidden}main.content,main.container-fluid{min-width:0;max-width:100vw;overflow-x:hidden;padding-left:.6rem!important;padding-right:.6rem!important}.card,.table-responsive,.acx-register{max-width:100%}.acx-kpis{grid-template-columns:1fr 1fr!important}.row>[class*=col-]{min-width:0}pre,.raw{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.modal-dialog{margin:.5rem}.tab-content,.tab-pane{min-width:0}.acx-quick .btn,.page-head .actions .btn{white-space:normal}}
.ag-how{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.ag-step{display:flex;gap:.5rem;align-items:flex-start;background:#fff;border:1px solid var(--w-line);border-radius:10px;padding:.6rem .7rem;font-size:var(--w-fs-sm)}.ag-step>b{flex:none;width:24px;height:24px;border-radius:50%;background:var(--w-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}

@media (max-width:768px){.ag-how{grid-template-columns:1fr 1fr}}
/* v5.38.40: نماذج الهاتف داخل الجداول */
@media (max-width:576px){.acx-table input.form-control,.acx-table select.form-select{width:100%!important;min-width:0}.acx-table .d-flex.gap-1{flex-wrap:wrap}.acx-table td{white-space:normal}.ag-share-tbl input{width:70px!important}.qk-types .qk-type{flex:1 1 30%}.modal-lg{max-width:100%}.card-body{padding:.9rem}.row.g-3>[class*=col-]{padding-top:.25rem}}
/* v5.38.42: هاتف — المحاسبة والجداول كبطاقات */
@media (max-width:576px){
.acx-toolbar{flex-direction:column;align-items:stretch;gap:.4rem}.acx-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.3rem;padding-bottom:.2rem;scrollbar-width:none}.acx-tabs::-webkit-scrollbar{display:none}.acx-tabs a,.acx-tabs .nav-link{white-space:nowrap;flex:none}.acx-tools{display:flex;gap:.4rem}.acx-tools .acc-find{flex:1;min-width:0}
.acx-cards thead{display:none}.acx-cards,.acx-cards tbody,.acx-cards tr,.acx-cards td{display:block;width:100%}.acx-cards tr{background:#fff;border:1px solid var(--w-line);border-radius:10px;padding:.45rem .7rem;margin-bottom:.5rem}.acx-cards td{display:flex;justify-content:space-between;align-items:center;gap:.6rem;border:0!important;padding:.22rem 0!important;text-align:right}.acx-cards td:empty{display:none}.acx-cards td[data-l]::before{content:attr(data-l);color:var(--w-muted);font-size:.7rem;font-weight:700;flex:none}.acx-cards td.num{direction:ltr;text-align:left}.acx-cards td .btn{margin:.1rem 0}.acx-cards td:last-child{justify-content:flex-start;flex-wrap:wrap}.acx-cards td.text-nowrap{white-space:normal!important}
.acx-register{overflow:visible}.acx-kpis{grid-template-columns:1fr!important;display:flex;flex-direction:column;gap:.5rem}.acx-kpi .v{font-size:1.15rem!important}
.acx-form .row>[class*=col-]{width:100%;flex:0 0 100%}.acx-actions{flex-direction:column;align-items:stretch}.acx-actions .btn{width:100%}
.qk-menu{min-width:calc(100vw - 24px)}.ag-how{display:flex;flex-direction:column}.cx-steps{flex-direction:column}
}
@media (max-width:576px){.acx-cards tr.acx-group{background:#EEF2F7;border:0;padding:.35rem .7rem;font-weight:700;color:var(--w-navy)}.acx-cards tr.acx-group td::before{content:none}.acx-cards td[data-l]{flex-wrap:wrap}.acx-cards td[data-l]>*{max-width:70%}
.wb-avatar{bottom:12px!important;inset-inline-start:auto!important;inset-inline-end:12px!important;width:44px!important;height:44px!important;opacity:.9}.wa-fab{bottom:64px!important}}
.fc-bars{display:flex;align-items:flex-end;gap:3px;height:84px;padding-top:4px}.fc-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.fc-bar i{display:block;width:100%;background:var(--w-navy);border-radius:3px 3px 0 0}.fc-bar.fc-proj i{background:#9DB4D6}.fc-bar span{font-size:.55rem;color:var(--w-muted);margin-top:2px}
/* v5.38.49: لوحة المفاتيح كأقسام */
.kp-sec{border:1px solid var(--w-line);border-radius:12px;background:#fff;overflow:hidden}.kp-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:#F8FAFC;border:0;padding:.7rem .9rem;text-align:right;cursor:pointer}.kp-head b{color:var(--w-navy);font-size:var(--w-fs-sm)}.kp-head small{display:block;color:var(--w-muted);font-size:.72rem}.kp-st{display:flex;align-items:center;gap:.5rem}.kp-chev{font-style:normal;color:var(--w-muted);transition:transform .2s}.kp-head[aria-expanded="true"] .kp-chev,.kp-head:not(.collapsed) .kp-chev{transform:rotate(180deg)}.kp-body{padding:.8rem .9rem}.kp-sub{font-weight:800;color:var(--w-navy);font-size:var(--w-fs-sm);border-top:1px dashed var(--w-line);padding-top:.5rem;margin-top:.3rem}.kp-sub .acx-sub{display:block;font-weight:400}

@media (max-width:576px){}
