/*
 * search-box.css — أفكار القدرات
 * منقول من القالب للإضافة
 */

/****************************** محرر الأسئلة — لوحة الإدارة فقط ******************************/

.dflex{background:#f7f7f7;padding:8px;border:1px solid #eee;border-radius:5px}
.dflex input{width:100%;padding:5px;border-radius:5px}
.loader{width:20px;aspect-ratio:1;border-radius:50%;border:3px solid;border-color:#1D9E75 #0000;animation:ld-spin 1s infinite;margin:20px auto}
@keyframes ld-spin{to{transform:rotate(.5turn)}}
ul.question-lists li{background:#fff;padding:10px;position:relative;border-bottom:1px solid #ddd}
ul.question-lists li:last-child{border:0}
ul.question-lists li span{position:absolute;background:#007cba;padding:2px 10px;left:10px;top:8px;border-radius:5px;color:#fff;transition:.35s ease;opacity:0;cursor:pointer}
ul.question-lists li:hover span{opacity:1}
ul.question-lists li span:hover{background:#1f1f1f}
.search-results{position:relative;box-sizing:border-box}
.question-lists{position:absolute;top:100%;right:0;width:100%;max-width:500px;background:#fefefe;box-shadow:0 0 20px #0000001f;z-index:999}
.quest{padding:10px;background:#fff;margin-bottom:6px;border-radius:5px;border:1px solid #eee;cursor:all-scroll;position:relative}
.remove{background:#f003;color:#f00;padding:1px 8px;position:absolute;left:8px;top:8px;border-radius:5px;opacity:0;transition:.35s ease;cursor:pointer}
.quest:hover .remove{opacity:1}
.remove:hover{background:#f00;color:#fff}
.list-chosen-questions{margin-top:15px}

/****************************** متغيرات التصميم ******************************/

:root{
  --ff:'IBM Plex Sans Arabic',sans-serif;
  --green:#1D9E75;--green-l:#E8F8F2;--green-b:#A8DFC8;--green-d:#0A5C42;
  --orange:#E07B39;--orange-l:#FEF3EB;--orange-b:#F5BC91;--orange-d:#8C3D10;
  --gold:#D4A017;--gold-l:#FFFBEB;--gold-b:#F0D060;--gold-d:#7A5A00;
  --gray:#F7F8FA;--border:#E8EAED;--text:#1A1A2E;--muted:#7A7F8E;
  --rad:14px;--rad-sm:10px;--rad-xs:7px;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.05);
  --shadow-h:0 2px 8px rgba(0,0,0,.08),0 8px 28px rgba(0,0,0,.08);
}

/****************************** الحاوية الرئيسية ******************************/

.aq-hub{direction:rtl;font-family:var(--ff);display:flex;flex-direction:column;gap:14px;max-width:860px;margin:0 auto}

/****************************** البطاقات الأربع ******************************/

.aq-card{background:#fff;border-radius:var(--rad);padding:16px 18px;box-shadow:var(--shadow);border:1px solid var(--border);transition:box-shadow .22s,transform .22s;position:relative;overflow:hidden}
.aq-card::before{content:'';position:absolute;top:0;right:0;width:3px;height:100%;border-radius:0 var(--rad) var(--rad) 0}
.aq-card:hover{box-shadow:var(--shadow-h);transform:translateY(-1px)}
.aq-b1::before{background:var(--green)}
.aq-b2::before{background:linear-gradient(180deg,var(--gold),#FFB300)}
.aq-b3::before{background:var(--green)}
.aq-b4::before{background:var(--orange)}
.aq-b1-ico,.aq-b2-ico,.aq-b3-ico,.aq-b4-ico{width:34px;height:34px;border-radius:var(--rad-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.aq-b1-ico{background:var(--green-l);color:var(--green-d)}
.aq-b2-ico{background:#FFFBEB;color:#8C6800;border:1px solid #F0D060}
.aq-b3-ico{background:var(--green-l);color:var(--green-d)}
.aq-b4-ico{background:var(--orange-l);color:var(--orange-d)}
.aq-b1:hover .aq-b1-ico,.aq-b3:hover .aq-b3-ico{transform:rotate(-10deg) scale(1.1)}
.aq-b2:hover .aq-b2-ico{transform:scale(1.1) rotate(5deg)}
.aq-b4:hover .aq-b4-ico{transform:rotate(-10deg) scale(1.1)}
.aq-b1-title,.aq-b3-title,.aq-b4-title{font-size:13px;font-weight:700;color:var(--text)}
.aq-b2-header{display:flex;align-items:center;gap:10px}
.aq-b2-mid{flex:1}
.aq-b2-title{font-size:13px;font-weight:700;color:#5A3A00}
.aq-b2-sub{font-size:10px;color:#8C6800;opacity:.85;margin-top:1px}
.aq-b4-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.aq-b1-row,.aq-b3-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/****************************** بلوك ١ — البحث ******************************/

.aq-tog-wrap{display:flex;background:var(--gray);border:1px solid var(--border);border-radius:50px;padding:2px;position:relative;cursor:pointer;user-select:none;flex-shrink:0}
.aq-tog-thumb{position:absolute;height:calc(100% - 4px);top:2px;border-radius:50px;background:#fff;border:1px solid var(--green-b);box-shadow:0 1px 4px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.aq-tog-thumb.km{right:2px;width:calc(50% - 2px)}
.aq-tog-thumb.lf{left:2px;width:calc(50% - 2px)}
.aq-tog-lbl{font-size:11px;font-weight:600;padding:6px 14px;z-index:1;transition:color .25s;white-space:nowrap}
.aq-tog-lbl.on{color:var(--green-d)}
.aq-tog-lbl.off{color:#bbb}
.aq-s-box{flex:1;min-width:160px;display:flex;align-items:center;gap:8px;background:var(--gray);border:1px solid var(--border);border-radius:var(--rad-sm);padding:0 12px;transition:border-color .2s,box-shadow .2s}
.aq-s-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,158,117,.1)}
.aq-s-box i{font-size:15px;color:#ccc}
.aq-s-box input{flex:1;border:none;outline:none;font-size:13px;padding:10px 0;background:transparent;font-family:var(--ff);color:var(--text)}
.aq-s-box input::placeholder{color:#ccc}
.aq-s-res{margin-top:10px;display:none}
.aq-s-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.aq-s-cnt{font-size:11px;color:var(--muted)}
.aq-add-all{background:var(--green);color:#fff;border:none;border-radius:var(--rad-xs);padding:5px 12px;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--ff);display:flex;align-items:center;gap:4px;transition:filter .15s}
.aq-add-all:hover{filter:brightness(.9)}
.aq-q-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}
.aq-q-list::-webkit-scrollbar{width:3px}
.aq-q-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}
.aq-q-card{background:#fff;border:1px solid var(--border);border-radius:var(--rad-sm);padding:10px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.aq-q-card:hover{border-color:var(--green);box-shadow:0 3px 10px rgba(29,158,117,.1)}
.aq-q-card.sel{border-color:var(--green);background:var(--green-l)}
.aq-q-content{flex:1;min-width:0}
.aq-q-content img{max-width:100%;max-height:120px;object-fit:contain;border-radius:4px;display:block;margin:4px 0}
.aq-q-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.aq-q-num{font-size:9px;font-weight:700;background:#f0f0f0;color:#555;border:1px solid #e0e0e0;padding:1px 6px;border-radius:8px}
.aq-q-sec{font-size:9px;font-weight:700;background:#EEF7FF;color:#0C447C;border:1px solid #B8D4F0;padding:1px 7px;border-radius:8px}
.aq-q-path{font-size:9px;font-weight:600;color:var(--green-d);background:var(--green-l);border:1px solid var(--green-b);padding:1px 7px;border-radius:8px;display:flex;align-items:center;gap:2px}
.aq-path-sep{font-size:8px;opacity:.6}
.aq-q-diff{font-size:9px;font-weight:600;background:var(--orange-l);color:var(--orange-d);border:1px solid var(--orange-b);padding:1px 7px;border-radius:8px;display:flex;align-items:center;gap:2px}
.aq-q-text{font-size:12px;color:var(--text);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.aq-q-add{background:var(--green);color:#fff;border:none;border-radius:var(--rad-xs);padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:var(--ff);flex-shrink:0;transition:background .15s;margin-top:2px}
.aq-q-add.done{background:var(--green-l);color:var(--green-d);pointer-events:none}
.aq-start-strip{background:var(--gray);border:1px solid var(--border);border-radius:var(--rad-sm);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.aq-sel-info{font-size:12px;color:var(--green);font-weight:600}
.aq-go-search{background:var(--green);color:#fff;border:none;border-radius:var(--rad-sm);padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--ff);display:flex;align-items:center;gap:5px;transition:filter .15s}
.aq-go-search:disabled{opacity:.35;cursor:not-allowed}
.aq-go-search:hover:not(:disabled){filter:brightness(.9)}

/****************************** بلوك ٢ — كسب النقاط ******************************/

.aq-b2 .aq-pts-btn{background:linear-gradient(135deg,#D4A017,#F0C040,#D4A017);background-size:200% 100%;color:#fff;border:none;border-radius:var(--rad-sm);padding:9px 18px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--ff);display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;transition:background-position .4s,transform .15s,box-shadow .15s;box-shadow:0 3px 12px rgba(212,160,23,.4);text-shadow:0 1px 2px rgba(0,0,0,.2)}
.aq-b2 .aq-pts-btn:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,160,23,.5)}
.aq-b2 .aq-pts-btn:disabled{opacity:.6;cursor:not-allowed}
.aq-shine{position:absolute;inset:0;left:-100%;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:aq-shine 2.5s 1s infinite;pointer-events:none}
@keyframes aq-shine{0%{left:-100%}100%{left:200%}}
.aq-lvl-card{margin-top:14px;background:linear-gradient(135deg,#FFFDF0,#FEF9E0 60%,#FFF8D6);border:1px solid var(--gold-b);border-radius:var(--rad-sm);padding:14px 16px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;box-shadow:0 2px 12px rgba(212,160,23,.12),inset 0 1px 0 rgba(255,255,255,.8)}
.aq-lvl-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.aq-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold-b);opacity:0;top:50%;left:50%;animation:aqParticle 3s calc(var(--s)*1s) ease-in-out infinite}
@keyframes aqParticle{0%{transform:rotate(var(--d)) translateX(0) scale(0);opacity:0}30%{opacity:.6}100%{transform:rotate(var(--d)) translateX(50px) scale(1.5);opacity:0}}
.aq-lvl-left{flex-shrink:0;position:relative;z-index:1}
.aq-lvl-emblem{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(255,255,255,.3));box-shadow:0 0 0 2px var(--lvl-color),0 0 0 4px rgba(255,255,255,.6),0 4px 16px rgba(0,0,0,.1)}
.aq-lvl-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--lvl-color);opacity:.4;animation:aqRingPulse 2s ease-in-out infinite}
@keyframes aqRingPulse{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.1}}
.aq-lvl-icon{font-size:26px;line-height:1;animation:aqIconBounce 2s ease-in-out infinite}
@keyframes aqIconBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}
.aq-lvl-right{flex:1;min-width:0;position:relative;z-index:1}
.aq-lvl-name{font-size:22px;font-weight:800;letter-spacing:.5px;line-height:1;margin-bottom:3px;animation:aqNameGlow 2.5s ease-in-out infinite}
@keyframes aqNameGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15) drop-shadow(0 0 4px currentColor)}}
.aq-lvl-pts-row{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}
.aq-lvl-pts-num{font-size:18px;font-weight:700;color:var(--gold-d)}
.aq-lvl-pts-label{font-size:11px;color:var(--muted)}
.aq-journey-wrap{display:flex;align-items:center;gap:6px;margin:8px 0 4px;direction:rtl}
.aq-journey-start,.aq-journey-end{font-size:9px;font-weight:700;color:var(--muted);white-space:nowrap;flex-shrink:0}
.aq-journey-track{flex:1;height:10px;background:rgba(0,0,0,.06);border-radius:10px;position:relative;overflow:visible;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}
.aq-journey-fill{position:absolute;top:0;right:0;height:100%;border-radius:10px;transition:width 1.2s cubic-bezier(.34,1.56,.64,1);opacity:.55}
.aq-journey-thumb{position:absolute;top:50%;transform:translate(50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:right 1.2s cubic-bezier(.34,1.56,.64,1);z-index:2}
.aq-journey-mark{position:absolute;top:50%;transform:translate(50%,-50%);width:4px;height:4px;border-radius:50%;background:rgba(0,0,0,.15)}
.aq-journey-mark.cur{width:8px;height:8px;border:2px solid #fff;box-shadow:0 0 6px currentColor;z-index:1}
.aq-pts-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.aq-ps{background:var(--gray);border:1px solid var(--border);border-radius:var(--rad-xs);padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .15s,box-shadow .15s}
.aq-ps:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.aq-ps i{font-size:14px;margin-bottom:1px}
.aq-ps-n{font-size:18px;font-weight:700;line-height:1}
.aq-ps-l{font-size:9px;color:var(--muted)}
.aq-ps-ok i,.aq-ps-ok .aq-ps-n{color:#16a34a}
.aq-ps-ok{border-color:#bbf7d0;background:#f0fdf4}
.aq-ps-err i,.aq-ps-err .aq-ps-n{color:#dc2626}
.aq-ps-err{border-color:#fecaca;background:#fef2f2}
.aq-ps-all i,.aq-ps-all .aq-ps-n{color:var(--gold-d)}
.aq-ps-all{border-color:var(--gold-b);background:var(--gold-l)}
.aq-lvls-table{margin-top:12px}
.aq-lvls-title{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.5px;margin-bottom:6px;text-align:center}
.aq-lvls-list{display:flex;flex-direction:column;gap:3px;max-height:220px;overflow-y:auto;padding-left:2px}
.aq-lvls-list::-webkit-scrollbar{width:3px}
.aq-lvls-list::-webkit-scrollbar-thumb{background:var(--gold-b);border-radius:2px}
.aq-lvl-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--rad-xs);background:var(--gray);border:1px solid transparent;transition:background .15s}
.aq-lvl-row:hover{background:#f0f0f0}
.aq-lvl-row-active{background:var(--gold-l)!important;border-color:var(--gold-b)!important;box-shadow:0 2px 8px rgba(212,160,23,.15)}
.aq-lvl-badge-sm{font-size:10px;font-weight:700;color:#fff;padding:2px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.aq-lvl-range{font-size:10px;color:var(--muted);flex:1;direction:ltr;text-align:right}
.aq-lvl-cnt{font-size:10px;font-weight:600;color:var(--gold-d);display:flex;align-items:center;gap:2px;flex-shrink:0}
.aq-lvl-cnt i{font-size:10px}

/****************************** بلوك ٣ — الأقسام ******************************/

.aq-sec-tog{display:flex;background:var(--gray);border:1px solid var(--border);border-radius:50px;padding:2px;position:relative;cursor:pointer;user-select:none;flex-shrink:0}
.aq-sec-th{position:absolute;height:calc(100% - 4px);top:2px;border-radius:50px;background:#fff;border:1px solid var(--green-b);box-shadow:0 1px 4px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.aq-sec-th.km{right:2px;width:calc(50% - 2px)}
.aq-sec-th.lf{left:2px;width:calc(50% - 2px)}
.aq-sec-tl{font-size:11px;font-weight:600;padding:6px 14px;z-index:1;white-space:nowrap;transition:color .25s}
.aq-sec-tl.on{color:var(--green-d)}
.aq-sec-tl.off{color:#bbb}
.aq-sec-sw{flex:1;background:var(--gray);border:1px solid var(--border);border-radius:var(--rad-sm);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:5px;cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative}
.aq-sec-sw:hover{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,158,117,.08)}
.aq-sec-sv{font-size:12px;font-weight:500;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-sec-arr{font-size:12px;color:#bbb;transition:transform .25s}
.aq-sec-sw:hover .aq-sec-arr{transform:translateY(2px);color:#888}
.aq-sec-se{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2;width:100%;font-size:16px;-webkit-appearance:menulist-button}
.aq-go-blue{background:var(--green);color:#fff;border:none;border-radius:var(--rad-sm);padding:8px 18px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--ff);display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;transition:filter .15s,transform .12s,box-shadow .15s;box-shadow:0 3px 10px rgba(29,158,117,.25)}
.aq-go-blue:hover{filter:brightness(.92);transform:translateY(-1px);box-shadow:0 5px 16px rgba(29,158,117,.35)}

/****************************** بلوك ٤ — الأفكار ******************************/

.aq-pill{font-size:10px;font-weight:700;color:var(--orange-d);background:var(--orange-l);border:1px solid var(--orange-b);border-radius:20px;padding:2px 10px;flex-shrink:0}
.aq-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.aq-chip{background:var(--gray);border:1px solid var(--border);border-radius:var(--rad-sm);padding:8px 10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;position:relative;min-width:0;flex:1 1 80px;transition:border-color .15s,box-shadow .15s,transform .15s}
.aq-chip:hover{border-color:var(--green-b);box-shadow:0 3px 10px rgba(29,158,117,.1);transform:translateY(-1px)}
.aq-chip.dis{opacity:.4;pointer-events:none}
.aq-chip-h{display:flex;align-items:center;justify-content:space-between;gap:3px}
.aq-chip-l{font-size:9px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:3px;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}
.aq-chip-l i{font-size:11px}
.aq-chip-n{font-size:9px;font-weight:700;padding:1px 6px;border-radius:6px;background:#e8e8e8;color:#555}
.aq-chip-vw{background:#fff;border:1px solid var(--border);border-radius:var(--rad-xs);padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:4px}
.aq-chip-v{font-size:11px;font-weight:500;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-chip-arr{font-size:12px;color:#ccc;flex-shrink:0;transition:transform .25s,color .15s}
.aq-chip:hover .aq-chip-arr{transform:translateY(2px);color:#888}
.aq-chip-s{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2;font-size:16px;-webkit-appearance:menulist-button}
.aq-b4-bot{display:flex;gap:6px;align-items:stretch;flex-wrap:wrap}
.aq-num-chip{background:var(--gray);border:1px solid var(--border);border-radius:var(--rad-sm);padding:8px 10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;position:relative;flex:1 1 80px;min-width:0;transition:transform .15s,box-shadow .15s}
.aq-num-chip:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.08)}
.aq-num-chip .aq-chip-l{color:var(--muted);font-size:9px;font-weight:700;display:flex;align-items:center;gap:3px;text-transform:uppercase;letter-spacing:.3px}
.aq-num-chip .aq-chip-vw{background:#fff;border:1px solid var(--border);border-radius:var(--rad-xs);padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:4px}
.aq-num-chip .aq-chip-v{font-size:11px;font-weight:500;color:var(--text);flex:1}
.aq-num-chip .aq-chip-arr{font-size:12px;color:#ccc}
.aq-num-chip .aq-chip-s{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2;font-size:16px;-webkit-appearance:menulist-button}
.aq-tok{background:var(--gray);border:1px solid var(--border);border-radius:var(--rad-sm);padding:8px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;flex:1 1 70px;transition:transform .15s}
.aq-tok:hover{transform:translateY(-1px)}
.aq-tok i{color:var(--orange);font-size:14px}
.aq-tok span{font-size:11px;font-weight:600;color:var(--text);flex:1;white-space:nowrap}
.aq-trk{width:28px;height:15px;border-radius:8px;background:#e0e0e0;position:relative;transition:background .25s;flex-shrink:0}
.aq-trk.on{background:var(--orange)}
.aq-thm{width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;top:1px;right:1px;transition:right .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.aq-trk.on .aq-thm{right:14px}
.aq-go-flt{background:var(--orange);color:#fff;border:none;border-radius:var(--rad-sm);padding:8px 18px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--ff);display:flex;align-items:center;gap:5px;white-space:nowrap;flex:1;justify-content:center;transition:filter .15s,transform .12s,box-shadow .15s;box-shadow:0 3px 10px rgba(224,123,57,.3)}
.aq-go-flt:hover{filter:brightness(.92);transform:translateY(-1px);box-shadow:0 5px 16px rgba(224,123,57,.4)}

/****************************** الإحصائيات الكاملة ******************************/

.aq-stats-wrap{background:var(--gray);border-radius:var(--rad);padding:14px 16px;border:1px solid var(--border)}
.aq-stats-title{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.5px;text-align:center;margin-bottom:10px;text-transform:uppercase}
.aq-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.aq-sc{background:#fff;border-radius:var(--rad-sm);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--border);transition:transform .15s,box-shadow .15s;cursor:default}
.aq-sc:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.aq-sc-ico{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.aq-sc:hover .aq-sc-ico{transform:scale(1.15) rotate(-5deg)}
.aq-sc-n{font-size:20px;font-weight:700;line-height:1}
.aq-sc-l{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.aq-sc-seen .aq-sc-ico{background:#EEF7FF;color:#0C447C}.aq-sc-seen .aq-sc-n{color:#0C447C}
.aq-sc-ok .aq-sc-ico{background:#F0FDF4;color:#16a34a}.aq-sc-ok .aq-sc-n{color:#16a34a}
.aq-sc-err .aq-sc-ico{background:#FEF2F2;color:#dc2626}.aq-sc-err .aq-sc-n{color:#dc2626}
.aq-sc-pts .aq-sc-ico{background:var(--gold-l);color:var(--gold-d)}.aq-sc-pts .aq-sc-n{color:var(--gold-d)}

/****************************** Watermark ******************************/

.aq-video-wm{position:absolute;color:rgba(255,255,255,.18);font-size:13px;font-weight:600;pointer-events:none;user-select:none;z-index:99;white-space:nowrap;transition:left 1.5s ease,top 1.5s ease;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:1px}

/****************************** ريسبونسف ******************************/

@media(max-width:480px){
  .aq-b1-row,.aq-b3-row{flex-wrap:wrap}
  .aq-s-box{min-width:100%}
  .aq-stats-grid{grid-template-columns:repeat(2,1fr)}
  .aq-chip{flex:1 1 calc(50% - 4px)}
  .aq-b4-bot{flex-direction:column}
  .aq-go-flt{width:100%;justify-content:center}
  .aq-lvl-card{flex-direction:column;text-align:center}
  .aq-lvl-name{font-size:20px}
  .aq-pts-stats{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:481px) and (max-width:680px){
  .aq-chip{flex:1 1 calc(33% - 4px)}
  .aq-stats-grid{grid-template-columns:repeat(2,1fr)}
}