/* ============================================================
   الأندى صوتاً — الأنماط الرئيسية (RTL)
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
/* أي عنصر عليه hidden لازم يختفي فعلاً (يمنع النوافذ الشفافة من حجب الضغطات) */
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  font-size:15px;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
input,select,textarea{font-family:inherit;font-size:15px}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.3;color:var(--ink)}
::selection{background:var(--gold-soft)}

/* ---------- شريط علوي ---------- */
.topbar{
  height:calc(var(--nav-h) + env(safe-area-inset-top,0px));
  padding-top:env(safe-area-inset-top,0px);
  background:rgba(255,255,255,.85);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50;
}
.topbar .wrap{
  max-width:var(--maxw);margin:0 auto;height:100%;
  padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink)}
.brand .mark{
  width:38px;height:38px;border-radius:11px;
  background:linear-gradient(150deg,var(--ink),#1c2c4a);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:inset 0 0 0 1px rgba(199,154,59,.35);
}
.brand .mark svg{width:22px;height:22px}
.brand small{display:block;font-family:var(--font-body);font-weight:500;font-size:11px;color:var(--muted);margin-top:1px}

.topnav{display:flex;align-items:center;gap:4px}
.topnav a{
  padding:8px 15px;border-radius:10px;color:var(--ink-2);font-weight:500;font-size:14px;
  transition:.16s var(--ease);
}
.topnav a:hover{background:var(--surface-2);color:var(--ink)}
.topnav a.active{background:var(--ink);color:#fff}
.topuser{display:flex;align-items:center;gap:10px}
.avatar{
  width:36px;height:36px;border-radius:50%;background:linear-gradient(150deg,var(--gold),var(--gold-2));
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;
}

/* ---------- الحاوية ---------- */
.shell{max-width:var(--maxw);margin:0 auto;padding:28px 24px 60px}
.layout{display:grid;grid-template-columns:var(--cols,300px 1fr);gap:22px;align-items:start}
.layout.wide{grid-template-columns:var(--cols,300px 1fr 300px)}

/* ---------- البطاقات ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.card.pad{padding:22px}
.card-h{padding:18px 22px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:12px}
.card-h h3{font-size:16px}
.card-h .ic{color:var(--gold)}
.sidebar-card{position:sticky;top:calc(var(--nav-h) + 20px)}

.eyebrow{
  font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--gold-2);
  text-transform:none;display:flex;align-items:center;gap:7px;margin-bottom:6px;
}
.page-head{margin-bottom:22px}
.page-head h1{font-size:27px;margin-bottom:4px}
.page-head p{color:var(--muted);font-size:14px}

/* ---------- الأزرار ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 20px;border-radius:12px;font-weight:700;font-size:14px;
  transition:.16s var(--ease);white-space:nowrap;
}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:#1a2a48;transform:translateY(-1px);box-shadow:var(--shadow)}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#fff}
.btn-gold:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 22px rgba(199,154,59,.35)}
.btn-ghost{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}
.btn-ghost:hover{background:#fff;border-color:var(--gold-soft)}
.btn-danger{background:var(--danger-soft);color:var(--danger)}
.btn-danger:hover{background:var(--danger);color:#fff}
.btn-sm{padding:7px 13px;font-size:13px;border-radius:9px}
.btn-block{width:100%}

/* ---------- النماذج ---------- */
.field{margin-bottom:16px}
.field label{display:block;font-weight:700;font-size:13.5px;margin-bottom:7px;color:var(--ink-2)}
.field .hint{font-weight:500;color:var(--faint);font-size:12px;margin-right:4px}
.control{
  width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;
  background:var(--surface-2);color:var(--ink);transition:.15s var(--ease);
}
.control:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px var(--gold-soft)}
textarea.control{resize:vertical;min-height:90px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}

/* ---------- التنبيهات ---------- */
.alert{padding:13px 16px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:18px;display:flex;gap:9px;align-items:center}
.alert-error{background:var(--danger-soft);color:#a53f3b;border:1px solid #f2cfcd}
.alert-success{background:var(--green-soft);color:#1f5a4d;border:1px solid #c8e6dc}

/* ---------- شارات ---------- */
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}
.badge-on{background:var(--green-soft);color:var(--green)}
.badge-off{background:#eef0f4;color:var(--faint)}
.badge-warn{background:#fdf2e3;color:var(--amber)}
.badge-cloud{background:var(--blue-soft);color:var(--blue)}

/* ---------- الموجة الصوتية (العنصر المميّز) ---------- */
.wave-hero{
  height:64px;display:flex;align-items:center;gap:3px;justify-content:center;opacity:.9;
}
.wave-hero span{
  width:3px;border-radius:3px;background:linear-gradient(var(--gold),var(--gold-2));
  animation:wavepulse 1.4s ease-in-out infinite;
}
@keyframes wavepulse{0%,100%{height:8px;opacity:.5}50%{height:var(--h,40px);opacity:1}}

.player{background:linear-gradient(160deg,#0e1626,#1a2a48);border-radius:var(--radius);padding:20px;color:#fff;box-sizing:border-box;overflow:hidden;max-width:100%}
.player .pbar{display:flex;align-items:center;gap:16px;min-width:0}
.player .play{
  width:52px;height:52px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#fff;
  display:flex;align-items:center;justify-content:center;transition:.16s var(--ease);
}
.player .play:hover{transform:scale(1.06)}
.wavecanvas{flex:1;min-width:0;height:56px;display:flex;align-items:center;gap:2px;cursor:pointer;overflow:hidden}
.wavecanvas .bar{flex:1;min-width:2px;border-radius:2px;background:rgba(255,255,255,.22);transition:background .1s}
.wavecanvas .bar.on{background:linear-gradient(var(--gold-soft),var(--gold))}
.player .time{font-size:12px;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}

/* ---------- حلقات الدرجات ---------- */
.ring{position:relative;width:var(--sz,120px);height:var(--sz,120px)}
.ring svg{transform:rotate(-90deg)}
.ring .track{fill:none;stroke:var(--line);stroke-width:9}
.ring .prog{fill:none;stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease)}
.ring .val{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.ring .val b{font-family:var(--font-display);font-size:calc(var(--sz,120px)*.26);font-weight:700;line-height:1}
.ring .val small{font-size:11px;color:var(--muted);margin-top:2px}

/* ---------- بطاقات نتائج المقاييس ---------- */
.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.metric-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;
  text-align:center;transition:.18s var(--ease);position:relative;overflow:hidden;
}
.metric-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.metric-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--mc,var(--gold))}
.metric-card .ico{
  width:46px;height:46px;border-radius:13px;margin:0 auto 12px;
  display:flex;align-items:center;justify-content:center;font-size:22px;
  background:color-mix(in srgb,var(--mc,var(--gold)) 14%,#fff);color:var(--mc,var(--gold));
}
.metric-card h4{font-size:15px;margin-bottom:12px}
.metric-card .band{margin-top:10px;font-size:13px;font-weight:700}
.metric-card .raw{font-size:12px;color:var(--faint);margin-top:3px}

/* ---------- إحصائيات ---------- */
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:13px}
.stat .si{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.stat b{font-family:var(--font-display);font-size:22px;display:block;line-height:1.1}
.stat span{font-size:12.5px;color:var(--muted)}

/* ---------- قوائم ---------- */
.list{display:flex;flex-direction:column}
.list-item{padding:14px 18px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:12px;transition:.14s}
.list-item:last-child{border-bottom:0}
.list-item:hover{background:var(--surface-2)}
.list-item .li-ic{width:38px;height:38px;border-radius:11px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0}
.list-item .li-main{flex:1;min-width:0}
.list-item .li-main b{font-size:14.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-item .li-main span{font-size:12px;color:var(--faint)}
.mini-score{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--green)}

/* ---------- منطقة الرفع ---------- */
.dropzone{
  border:2px dashed var(--line);border-radius:var(--radius);padding:34px 20px;text-align:center;
  background:var(--surface-2);transition:.16s var(--ease);cursor:pointer;
}
.dropzone:hover,.dropzone.drag{border-color:var(--gold);background:#fffdf7}
.dropzone .up-ic{width:56px;height:56px;border-radius:16px;margin:0 auto 14px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center}
.dropzone .up-ic .ic{width:26px;height:26px}
.dropzone b{display:block;font-size:15px;margin-bottom:4px}
.dropzone small{color:var(--faint);font-size:12.5px}

/* ---------- اختيار الفئة ---------- */
.cat-pick{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.cat-pick label{cursor:pointer}
.cat-pick input{display:none}
.cat-pick .opt{border:1.5px solid var(--line);border-radius:13px;padding:16px 10px;text-align:center;transition:.15s var(--ease)}
.cat-pick .opt .ci{width:46px;height:46px;margin:0 auto 9px;border-radius:13px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;transition:.15s}
.cat-pick .opt .ci .ic{width:23px;height:23px}
.cat-pick input:checked + .opt .ci{background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff}
.cat-pick .opt b{font-size:14px}
.cat-pick input:checked + .opt{border-color:var(--gold);background:#fffdf7;box-shadow:0 0 0 3px var(--gold-soft)}

/* ---------- جدول الإدارة ---------- */
.table{width:100%;border-collapse:collapse}
.table th{text-align:right;font-size:12.5px;font-weight:700;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line)}
.table td{padding:13px 14px;border-bottom:1px solid var(--line-2);font-size:14px;vertical-align:middle}
.table tr:hover td{background:var(--surface-2)}
.m-name{display:flex;align-items:center;gap:10px}
.m-name .mi{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}

/* ---------- سويتش تفعيل ---------- */
.switch{position:relative;display:inline-block;width:46px;height:26px}
.switch input{display:none}
.switch .slider{position:absolute;inset:0;background:#d4d9e3;border-radius:26px;transition:.2s}
.switch .slider::before{content:"";position:absolute;width:20px;height:20px;right:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.switch input:checked + .slider{background:var(--green)}
.switch input:checked + .slider::before{transform:translateX(-20px)}

/* ---------- شاشة المصادقة ---------- */
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.auth-side{
  background:linear-gradient(155deg,#0e1626,#1c2c4a);color:#fff;padding:56px 48px;
  display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;
}
.auth-side::after{content:"";position:absolute;left:-80px;bottom:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(199,154,59,.22),transparent 70%)}
.auth-side .brand{color:#fff;margin-bottom:32px}
.auth-side .brand small{color:rgba(255,255,255,.6)}
.auth-side h2{color:#fff;font-size:30px;margin-bottom:14px;line-height:1.35}
.auth-side p{color:rgba(255,255,255,.7);font-size:15px;max-width:400px}
.auth-side .ayah{
  font-family:var(--font-display);font-size:19px;color:var(--gold-soft);
  margin-top:30px;padding-right:16px;border-right:3px solid var(--gold);line-height:1.9;
}
.auth-form{display:flex;flex-direction:column;justify-content:center;padding:56px 8vw;background:var(--surface)}
.auth-form h1{font-size:26px;margin-bottom:6px}
.auth-form .sub{color:var(--muted);margin-bottom:26px;font-size:14px}
.auth-form .alt{text-align:center;margin-top:20px;font-size:14px;color:var(--muted)}
.auth-form .alt a{color:var(--gold-2);font-weight:700}

/* ---------- توصية ---------- */
.reco{display:flex;gap:12px;align-items:flex-start;background:var(--green-soft);border:1px solid #cde7dd;border-radius:14px;padding:15px 17px;margin-top:18px}
.reco .ri{width:36px;height:36px;border-radius:10px;background:#fff;color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.reco .ri .ic{width:20px;height:20px}
.reco b{font-size:14px;color:#1f5a4d;display:block;margin-bottom:2px}
.reco span{font-size:13.5px;color:#2f6b5c}

.empty{text-align:center;padding:50px 20px;color:var(--faint)}
.empty .ei{font-size:44px;margin-bottom:12px;opacity:.5}

/* ---------- تذييل ---------- */
.footer{background:var(--ink);color:rgba(255,255,255,.55);margin-top:50px}
.footer .wrap{max-width:var(--maxw);margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13px}
.footer a{color:rgba(255,255,255,.7);margin-left:16px}
.footer a:hover{color:var(--gold-soft)}

/* ---------- الموبايل ---------- */
.menu-btn{display:none;width:40px;height:40px;border-radius:10px;background:var(--surface-2);align-items:center;justify-content:center}
@media(max-width:1080px){
  .layout,.layout.wide{grid-template-columns:1fr!important}
  .sidebar-card{position:static}
  .aside-left{order:3}
}
@media(max-width:860px){
  .auth-wrap{grid-template-columns:1fr}
  .auth-side{display:none}
  .topnav{display:none}
  .menu-btn{display:flex}
  .shell{padding:20px 16px 50px}
  .row2,.row3{grid-template-columns:1fr}
  .page-head h1{font-size:23px}
  .table thead{display:none}
  .table td{display:flex;justify-content:space-between;border:0;padding:9px 0}
  .table tr{display:block;padding:14px 0;border-bottom:1px solid var(--line-2)}
  .table td::before{content:attr(data-l);font-weight:700;color:var(--muted);font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ============ الرافع/المسجّل ============ */
.src-tabs{display:flex;gap:8px;margin-bottom:14px;background:var(--surface-2);padding:5px;border-radius:12px}
.src-tab{flex:1;padding:12px;border-radius:9px;font-weight:700;font-size:14px;color:var(--muted);transition:.15s var(--ease);display:flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;background:transparent}
.src-tab .ic{width:18px;height:18px}
.src-tab.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}
.src-tab.active .ic{color:var(--gold-2)}

.preview{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);max-width:100%;overflow:hidden}
.pv-play{width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}
.pv-play .ic{width:16px;height:16px}
.pv-wave{flex:1;min-width:0;height:40px;display:flex;align-items:center;gap:2px;overflow:hidden}
.pv-wave .pvb{flex:1 1 0;min-width:0;width:3px;border-radius:2px;background:var(--gold);opacity:.65}
.pv-hint{font-size:12.5px;color:var(--muted);white-space:nowrap}

.up-prog{margin-top:14px;background:var(--surface-2);border-radius:30px;height:34px;position:relative;overflow:hidden;border:1px solid var(--line)}
.up-prog b{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:30px;transition:width .25s var(--ease)}
.up-prog span{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;font-weight:700;color:var(--ink)}

/* ============ المقارنة ============ */
.cmp-top{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
@media(max-width:760px){.cmp-top{grid-template-columns:1fr}}
.cmp-best{display:flex;align-items:center;gap:14px;background:linear-gradient(155deg,#fbf7ec,#fff);border:1px solid var(--gold-soft);border-radius:var(--radius);padding:16px}
.cmp-ava{width:52px;height:52px;border-radius:50%;background:linear-gradient(150deg,var(--gold),var(--gold-2));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:700;flex-shrink:0}
.cmp-best b{display:block;font-size:15.5px}.cmp-best span{font-size:12.5px;color:var(--muted)}
.cmp-sim{margin-right:auto;text-align:center}.cmp-sim b{font-family:var(--font-display);font-size:26px;color:var(--gold-2);line-height:1}.cmp-sim small{font-size:11px;color:var(--muted)}
.cmp-ranking{display:flex;flex-direction:column;gap:9px;justify-content:center}
.cmp-rk{display:flex;align-items:center;gap:10px;font-size:13px}
.cmp-rk span{width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2)}
.cmp-rk .cmp-bar{flex:1;height:7px;background:var(--line);border-radius:5px;overflow:hidden}
.cmp-rk .cmp-bar i{display:block;height:100%;background:var(--green);border-radius:5px}
.cmp-rk b{width:38px;text-align:left;color:var(--green);font-size:13px}

.cmp-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.cmp-metrics{grid-template-columns:1fr}}
.cmp-metric{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px}
.cmp-mh{font-size:13.5px;font-weight:700;margin-bottom:10px}
.cmp-track{height:22px;background:#eceff5;border-radius:6px;margin-bottom:6px;overflow:hidden}
.cmp-track.ref{opacity:.9}
.cmp-you,.cmp-refbar{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding:0 7px;min-width:26px;transition:width .9s var(--ease)}
.cmp-refbar{background:var(--ink-2)}
.cmp-you em,.cmp-refbar em{color:#fff;font-size:11px;font-style:normal;font-weight:700}
.cmp-legend{margin-top:14px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px}
.cmp-legend .d{width:12px;height:12px;border-radius:3px;display:inline-block}
.cmp-legend .d.you{background:var(--gold)}.cmp-legend .d.ref{background:var(--ink-2)}

/* ============ المراجعة والتقييم ============ */
.stars{color:var(--gold);font-size:18px;letter-spacing:2px;white-space:nowrap}
.stars.sm{font-size:14px}
.star-input{display:inline-flex;flex-direction:row-reverse;gap:5px;font-size:28px;justify-content:flex-end;width:100%}
.star-input input{display:none}
.star-input label{color:#d7dce6;cursor:pointer;transition:.12s}
.star-input label:hover,.star-input label:hover ~ label,.star-input input:checked ~ label{color:var(--gold)}

.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#E05A54;color:#fff;font-size:11px;font-weight:700;margin-right:3px}

/* محرّر شرائح التقييم — متجاوب */
.band-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.band-row input[type=number]{width:66px;flex:0 0 auto}
.band-row input[type=color]{width:52px;flex:0 0 auto;height:44px;padding:3px}
.band-row input:not([type=number]):not([type=color]){flex:1 1 120px;min-width:110px}

/* ============ قائمة الجوال (بانل عائم أنيق) ============ */
@media(max-width:860px){
  body.nav-open::before{content:"";position:fixed;inset:0;background:rgba(11,18,32,.45);backdrop-filter:blur(2px);z-index:58;animation:fadeIn .2s ease}
  body.nav-open .topbar{z-index:61}
  body.nav-open .topnav{
    display:flex;flex-direction:column;position:fixed;top:calc(var(--nav-h) + 8px);inset-inline:12px;
    background:var(--surface);border:1px solid var(--line-2);border-radius:20px;padding:9px;gap:2px;z-index:60;
    box-shadow:0 24px 56px rgba(11,18,32,.3);animation:menuDrop .24s var(--ease) both;
  }
  body.nav-open .topnav a{
    padding:14px 18px;font-size:15px;border-radius:13px;font-weight:600;color:var(--ink-2);
    display:flex;align-items:center;justify-content:space-between;transition:.14s;
  }
  body.nav-open .topnav a::after{content:"‹";font-size:18px;color:var(--faint);opacity:.6}
  body.nav-open .topnav a:hover{background:var(--surface-2)}
  body.nav-open .topnav a.active{background:var(--gold-soft);color:var(--gold-2)}
  body.nav-open .topnav a.active::after{color:var(--gold-2)}
}
@keyframes menuDrop{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}

/* ============ صفحة المعالجة (تأثيرات قوية) ============ */
.proc-wrap{display:flex;justify-content:center;padding:20px 0}
.proc-card{max-width:560px;width:100%;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:40px 30px}
.proc-visual{position:relative;width:180px;height:180px;margin:0 auto 26px;display:flex;align-items:center;justify-content:center}
.proc-visual .pulse{position:absolute;inset:0;margin:auto;width:180px;height:180px;border-radius:50%;border:2px solid var(--gold);opacity:0;animation:procpulse 2.6s ease-out infinite}
.proc-visual .pulse2{animation-delay:.8s}
.proc-visual .pulse3{animation-delay:1.6s}
@keyframes procpulse{0%{transform:scale(.5);opacity:.7}80%{opacity:0}100%{transform:scale(1.15);opacity:0}}
.proc-core{width:110px;height:110px;border-radius:50%;background:linear-gradient(150deg,#0e1626,#1c2c4a);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 34px rgba(199,154,59,.35);position:relative;z-index:2}
.proc-eq{display:flex;align-items:center;gap:4px;height:46px}
.proc-eq i{width:5px;border-radius:3px;background:linear-gradient(var(--gold-soft),var(--gold));animation:eqbar .9s ease-in-out infinite}
.proc-eq i:nth-child(1){animation-delay:0s}.proc-eq i:nth-child(2){animation-delay:.12s}.proc-eq i:nth-child(3){animation-delay:.24s}.proc-eq i:nth-child(4){animation-delay:.36s}.proc-eq i:nth-child(5){animation-delay:.24s}.proc-eq i:nth-child(6){animation-delay:.12s}.proc-eq i:nth-child(7){animation-delay:0s}
@keyframes eqbar{0%,100%{height:10px}50%{height:44px}}
.proc-visual.failed .proc-core{background:linear-gradient(150deg,#7a1f1c,#a53f3b)}
.proc-visual.failed .pulse{border-color:var(--danger)}
.proc-visual.failed .proc-eq i{animation:none;height:10px}

.proc-state h1{font-size:23px;margin-bottom:8px}
.proc-state p{color:var(--muted);font-size:14px;max-width:420px;margin:0 auto}
.proc-steps{display:flex;flex-direction:column;gap:10px;max-width:280px;margin:26px auto 22px;text-align:right}
.pstep{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--faint);transition:.3s}
.pstep .pd{width:11px;height:11px;border-radius:50%;background:var(--line);flex-shrink:0;transition:.3s}
.pstep.on{color:var(--ink);font-weight:700}
.pstep.on .pd{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
.proc-actions{margin-bottom:12px}
.proc-hint{font-size:12.5px;color:var(--faint)}

/* ═══════════════════ صفحة التحليل (تصميم جديد) ═══════════════════ */
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:600;text-decoration:none;margin-bottom:16px;transition:.15s}
.back-link:hover{color:var(--gold-2)}

/* البطاقة الرئيسية */
.an-hero{display:grid;grid-template-columns:260px 1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);margin-bottom:26px}
.an-hero-score{background:linear-gradient(160deg,#0E1626,#1c2c4a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;gap:14px}
.score-ring{position:relative;width:150px;height:150px}
.score-ring svg{width:150px;height:150px}
.sr-track{fill:none;stroke:rgba(255,255,255,.12);stroke-width:9}
.sr-prog{fill:none;stroke-width:9;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s ease}
.sr-val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.sr-val b{font-family:'El Messiri',serif;font-size:42px;line-height:1}
.sr-val small{font-size:12px;color:rgba(255,255,255,.55)}
.ov-badge{background:rgba(199,154,59,.18);color:#EFD9A0;padding:7px 16px;border-radius:20px;font-size:13.5px;font-weight:700;font-family:'El Messiri',serif}
.an-hero-body{padding:26px 28px}
.an-title{font-size:26px;margin:2px 0 18px}
.an-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.an-meta>div{display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:11px 12px}
.am-ic{display:flex;align-items:center;justify-content:center}
.am-ic .ic{width:18px;height:18px}
.an-meta b{display:block;font-size:14px;font-family:'El Messiri',serif}
.an-meta small{font-size:11px;color:var(--faint)}
.an-player{margin-top:4px}

/* الأقسام */
.an-sec{margin-bottom:26px;animation:fadeUp .5s var(--ease) both}
.an-sec-h h2{display:flex;align-items:center;gap:8px}
.an-sec-h h2 .ic{color:var(--gold-2)}
.an-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.an-sec-h h2{font-size:19px}
.an-sec-sub{font-size:13px;color:var(--muted)}

/* شبكة المقاييس */
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:12px}
.mcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 12px;text-align:center;transition:.18s;box-shadow:var(--shadow-sm)}
.mcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.mcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mcard-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.mcard-ic .ic{width:20px;height:20px}
.m-info{display:inline-flex;vertical-align:middle;margin-inline-start:4px;color:var(--faint);cursor:help}
.m-info .ic{width:13px;height:13px}
.mcard h4{cursor:help}
.mcard-band{font-size:11px;font-weight:700;padding:4px 9px;border-radius:20px}
.mcard-ring{position:relative;width:80px;height:80px;margin:2px auto 7px}
.mcard-ring svg{width:80px;height:80px}
.mcard-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'El Messiri',serif;font-size:23px;font-weight:700;color:var(--ink)}
.mcard h4{font-size:14.5px;margin-bottom:3px}
.mcard-raw{font-size:12px;color:var(--faint)}

/* المقارنة */
.cmp-card{padding:20px}
.cmp-recs{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:18px;scrollbar-width:thin}
.cmp-pill{flex:0 0 auto;display:flex;align-items:center;gap:9px;background:var(--paper);border:1.5px solid var(--line);border-radius:40px;padding:7px 14px 7px 8px;cursor:pointer;transition:.15s;font-family:inherit}
.cmp-pill:hover{border-color:var(--gold)}
.cmp-pill.on{border-color:var(--gold);background:var(--gold-soft)}
.cmp-pill-ava{width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#C79A3B,#B0842A);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}
.cmp-pill-name{font-size:13.5px;font-weight:600;white-space:nowrap}
.cmp-pill-sim{font-size:12px;font-weight:700;color:var(--gold-2);background:#fff;padding:2px 8px;border-radius:12px}
.cmp-head{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(120deg,var(--gold-soft),transparent);border-radius:14px;margin-bottom:18px}
.cmp-head-ava{width:46px;height:46px;border-radius:50%;background:linear-gradient(150deg,#C79A3B,#B0842A);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'El Messiri',serif;font-size:20px;font-weight:700}
.cmp-head-info{flex:1}
.cmp-head-info b{font-family:'El Messiri',serif;font-size:16px;display:block}
.cmp-head-info span{font-size:12px;color:var(--muted)}
.cmp-head-sim{text-align:center}
.cmp-head-sim b{font-family:'El Messiri',serif;font-size:24px;color:var(--gold-2);display:block;line-height:1}
.cmp-head-sim small{font-size:11px;color:var(--muted)}
.cmp-row{margin-bottom:15px}
.cmp-row-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:13.5px;font-weight:600}
.cmp-up{color:var(--green);font-size:12px;font-weight:700}
.cmp-down{color:#C6803A;font-size:12px;font-weight:700}
.cmp-eq{color:var(--faint);font-size:12px}
.cmp-bars{display:flex;flex-direction:column;gap:5px}
.cmp-b{position:relative;height:22px;background:var(--paper);border-radius:7px;overflow:hidden;display:flex;align-items:center}
.cmp-b i{position:absolute;right:0;top:0;height:100%;border-radius:7px;transition:width .5s ease}
.cmp-b i.ref{background:repeating-linear-gradient(45deg,#9aa4b8,#9aa4b8 6px,#8b95a9 6px,#8b95a9 12px)}
.cmp-b em{position:relative;margin-right:auto;padding:0 10px;font-size:12px;font-weight:700;font-style:normal;color:var(--ink);z-index:1}
.cmp-legend{margin-top:6px;font-size:12.5px;color:var(--muted);text-align:center}
.cmp-legend .d{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px}
.cmp-legend .d.you{background:var(--green)}
.cmp-legend .d.ref{background:repeating-linear-gradient(45deg,#9aa4b8,#9aa4b8 4px,#8b95a9 4px,#8b95a9 8px)}

/* مراجعة الخبراء */
.review-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.review-cta h3{font-size:16px;margin-bottom:4px}
.review-cta p{font-size:13.5px;color:var(--muted);max-width:520px}
.rev-done-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.rev-done-h h3{font-size:16px}
.rev-done-b{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap}
.rev-score{background:var(--green-soft);border-radius:14px;padding:14px 22px;text-align:center;flex-shrink:0}
.rev-score b{font-family:'El Messiri',serif;font-size:30px;color:var(--green);display:block;line-height:1}
.rev-score small{font-size:11px;color:var(--muted)}
.rev-notes{flex:1;min-width:220px;background:var(--paper);border-radius:14px;padding:14px 16px;font-size:13.5px;color:var(--ink-2);line-height:1.7}

/* الإجراءات */
.an-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}

/* ═══ جوال صفحة التحليل ═══ */
@media(max-width:720px){
  .an-hero{grid-template-columns:1fr}
  .an-hero-score{padding:24px}
  .an-title{font-size:21px}
  .an-hero-body{padding:20px}
  .an-meta{grid-template-columns:1fr 1fr;gap:9px}
  .an-sec-h h2{font-size:17px}
  .mgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px}
  .cmp-card{padding:15px}
  .cmp-head{flex-wrap:wrap}
  .an-actions .btn{flex:1;justify-content:center;text-align:center}
}
@media(max-width:400px){
  .mgrid{grid-template-columns:1fr 1fr}
  .an-meta b{font-size:13px}
}

/* شريط تقدّم المعالجة + الطمأنة */
.proc-phase{color:var(--gold-2);font-weight:600;font-size:15px;min-height:22px;transition:.2s}
.proc-progress{display:flex;align-items:center;gap:14px;max-width:420px;margin:22px auto 4px}
.proc-pbar{flex:1;height:10px;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.proc-pbar i{display:block;height:100%;width:0;border-radius:20px;background:linear-gradient(90deg,#C79A3B,#E7C877);transition:width .12s linear;box-shadow:0 0 12px rgba(199,154,59,.5)}
.proc-pct{font-family:'El Messiri',serif;font-weight:700;font-size:18px;color:var(--gold-2);min-width:48px;text-align:center}
.proc-safe{max-width:460px;margin:20px auto 0;background:var(--green-soft);border:1px solid rgba(31,122,90,.2);border-radius:14px;padding:12px 16px;font-size:13px;color:var(--ink-2);text-align:center;line-height:1.7}
@media(max-width:520px){
  .proc-progress{max-width:100%}
  .proc-safe{font-size:12.5px}
}

/* ═══ الرسوم البيانية الصوتية ═══ */
.chart-card{display:flex;flex-direction:column;gap:16px}
.vinfo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vinfo>div{background:linear-gradient(160deg,var(--paper),var(--surface));border:1px solid var(--line);border-radius:13px;padding:13px;text-align:center}
.vinfo b{display:block;font-family:'El Messiri',serif;font-size:22px;color:var(--gold-2);line-height:1.1}
.vinfo b i{font-style:normal;font-size:12px;color:var(--muted);margin-inline-start:2px}
.vinfo small{font-size:11.5px;color:var(--muted)}
.chart-block{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:12px 14px}
.chart-label{font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:8px;display:flex;align-items:center;gap:7px}
.cl-dot{width:9px;height:9px;border-radius:3px;display:inline-block}
.chart-pitch,.chart-energy{width:100%;height:auto;display:block}
.chart-pitch{height:120px}.chart-energy{height:82px}
.chart-spec{width:100%;height:auto;display:block;border-radius:8px}
.spec-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--faint);margin-top:5px}
@media(max-width:720px){.vinfo{grid-template-columns:1fr 1fr}}

/* ═══════════════════ لوحة التحكم — تصميم حيّ ═══════════════════ */
.ic{width:20px;height:20px;display:inline-block;vertical-align:middle}
.ic.h{width:17px;height:17px;margin-inline-end:3px;opacity:.85}

/* أنيميشن الدخول */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.anim{animation:fadeUp .5s var(--ease) both}
.anim.d1{animation-delay:.05s}.anim.d2{animation-delay:.12s}.anim.d3{animation-delay:.19s}

/* هيرو */
.dash-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#0B1220 0%,#182741 55%,#1f3358 100%);border-radius:var(--radius-lg);padding:16px 24px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 12px 34px rgba(11,18,32,.24)}
.dash-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 25%,rgba(199,154,59,.16),transparent 42%),radial-gradient(circle at 12% 90%,rgba(46,158,107,.14),transparent 42%);pointer-events:none}
.dash-hero-l{position:relative;z-index:2}
.dash-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#E7C877;font-weight:700;font-size:12px;margin-bottom:6px}
.dash-hero-eyebrow .ic{width:15px;height:15px}
.dash-hero-l h1{color:#fff;font-size:22px;margin-bottom:4px;font-family:'El Messiri',serif}
.dash-hadith{color:#E7C877;font-family:'El Messiri',serif;font-size:13.5px;margin-bottom:3px}
.dash-updated{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.45);font-size:11.5px}
.dash-updated .ic{width:14px;height:14px}
.dash-hero-r{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:auto}
.mosque-art{width:172px;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.32))}
.dash-wave{display:flex;align-items:center;gap:2px;height:26px;opacity:.5}
.dash-wave i{width:2.5px;background:linear-gradient(#E7C877,#C79A3B);border-radius:2px;animation:wv 1.5s ease-in-out infinite}
@keyframes wv{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}

/* الشبكة */
.dash-grid{display:grid;grid-template-columns:290px 1fr 290px;gap:20px;align-items:start;margin-bottom:22px}
.dash-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.dash-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s,transform .25s}
.dash-card:hover{box-shadow:var(--shadow)}
.dash-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px 13px;border-bottom:1px solid var(--line-2)}
.dash-card-h h3{font-size:15.5px;font-family:'El Messiri',serif;display:flex;align-items:center;color:var(--ink)}
.dash-card-h h3 .ic.h{color:var(--gold-2)}
.dash-more{font-size:12.5px;color:var(--blue);text-decoration:none;font-weight:700}
.dash-more:hover{text-decoration:underline}
.dash-tag{font-size:11.5px;color:var(--muted);background:var(--paper);padding:3px 11px;border-radius:20px;font-weight:600}

/* أدوات */
.qtools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px}
.qtool{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 6px;border-radius:14px;background:var(--paper);border:1.5px solid transparent;text-decoration:none;color:var(--ink-2);transition:.18s var(--ease)}
.qtool:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.qtool.on{background:linear-gradient(155deg,#1c2c48,#0e1626);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(14,22,38,.25)}
.qtool.on .ic{color:#E7C877}
.qtool-ic .ic{width:23px;height:23px}
.qtool b{font-size:12.5px;font-weight:600}

/* رفع */
.dash-drop{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px;padding:22px 14px;border:2px dashed var(--line);border-radius:14px;text-decoration:none;color:var(--ink-2);transition:.18s;text-align:center}
.dash-drop:hover{border-color:var(--gold);background:var(--gold-soft)}
.dash-drop-ic{width:48px;height:48px;border-radius:50%;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.dash-drop-ic .ic{width:24px;height:24px}
.dash-drop b{font-size:14px}
.dash-drop small{font-size:11.5px;color:var(--faint)}

/* إحصائيات */
.qstats{padding:8px 16px 14px}
.qstats>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-2)}
.qstats>div:last-child{border-bottom:0}
.qs-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qs-ic .ic{width:19px;height:19px}
.qs-ic.gold{background:var(--gold-soft);color:var(--gold-2)}.qs-ic.green{background:var(--green-soft);color:var(--green)}.qs-ic.blue{background:var(--blue-soft);color:var(--blue)}
.qs-lbl{font-size:13.5px;color:var(--ink-2);flex:1}
.qstats b{font-family:'El Messiri',serif;font-size:20px;color:var(--ink)}

/* كروت النتائج */
.res-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;padding:18px}
.res-card{background:var(--paper);border:1px solid var(--line-2);border-radius:15px;padding:15px 10px;text-align:center;transition:.2s var(--ease)}
.res-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);background:var(--surface)}
.res-ic{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.res-ic .ic{width:23px;height:23px}
.res-name{font-size:12px;color:var(--muted);margin-bottom:6px;min-height:30px;display:flex;align-items:center;justify-content:center;line-height:1.3}
.res-score{font-family:'El Messiri',serif;font-size:28px;font-weight:700;line-height:1}
.res-score small{font-size:11px;color:var(--faint);font-weight:400}
.res-bar{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin-top:10px}
.res-bar i{display:block;height:100%;border-radius:6px;transition:width .8s var(--ease)}

/* تقسيم الرسم + الصدارة */
.dash-split{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}
.dash-chart-wrap{padding:16px}
.dash-chart{width:100%;height:auto;display:block}

/* لوحة الصدارة */
.lead{padding:10px 14px 14px}
.lead-row{display:flex;align-items:center;gap:11px;padding:10px 6px;border-bottom:1px solid var(--line-2)}
.lead-row:last-child{border-bottom:0}
.lead-rank{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'El Messiri',serif;font-weight:700;font-size:13px;background:var(--paper);color:var(--muted);flex-shrink:0}
.lead-rank.r1{background:linear-gradient(145deg,#F4D160,#D4A72C);color:#5a4410}
.lead-rank.r2{background:linear-gradient(145deg,#DDE3EC,#B8C0CE);color:#41474f}
.lead-rank.r3{background:linear-gradient(145deg,#E7B98C,#C88A4F);color:#5a3a1c}
.lead-name{flex:1;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-score{font-family:'El Messiri',serif;font-weight:700;font-size:16px;color:var(--green)}

/* قوائم القرّاء */
.rec-list{padding:8px 12px 12px}
.rec-row{display:flex;align-items:center;gap:11px;padding:9px 6px;border-bottom:1px solid var(--line-2);transition:.12s}
.rec-row:last-child{border-bottom:0}
.rec-row:hover{background:var(--paper);border-radius:10px}
.rec-ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(150deg,#33A873,#1c6b4a);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.rec-ava.alt{background:linear-gradient(150deg,#4C82F2,#274ea8)}
.rec-ava svg{width:22px;height:22px}
.rec-ava img{width:100%;height:100%;object-fit:cover}
.rec-row b{flex:1;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-btn{font-size:12px;font-weight:700;color:var(--gold-2);background:var(--gold-soft);padding:5px 13px;border-radius:20px;text-decoration:none;transition:.12s}
.rec-btn:hover{background:var(--gold);color:#fff}

/* شريط الإحصائيات */
.dash-statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.dash-statbar>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 10px;box-shadow:var(--shadow-sm);transition:.15s}
.dash-statbar>div:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.dash-statbar>div>div{display:flex;flex-direction:column;align-items:center;gap:1px}
.dsb-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dsb-ic .ic{width:23px;height:23px}
.dsb-ic.blue{background:var(--blue-soft);color:var(--blue)}.dsb-ic.gold{background:var(--gold-soft);color:var(--gold-2)}.dsb-ic.green{background:var(--green-soft);color:var(--green)}.dsb-ic.purple{background:var(--purple-soft);color:var(--purple)}
.dash-statbar b{display:block;font-family:'El Messiri',serif;font-size:23px;color:var(--ink);line-height:1.05}
.dash-statbar b i{font-style:normal;font-size:11px;color:var(--faint)}
.dash-statbar small{font-size:11.5px;color:var(--muted)}
.dash-statbar b.dsb-sm{font-size:15px;letter-spacing:-.3px;font-family:Tajawal,sans-serif;font-weight:800}
.empty .ei .ic{width:34px;height:34px;color:var(--faint)}

/* جوال */
@media(max-width:1120px){
  .dash-grid{grid-template-columns:1fr 1fr}
  .dash-col:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
}
@media(max-width:860px){
  .dash-hero{padding:16px 18px}
  .dash-hero-l{min-width:0}
  .dash-hero-l h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .dash-hero-r{display:flex;flex-shrink:0;min-width:0}
  .mosque-art{width:96px}
  .dash-wave{height:16px}
  .dash-wave i{width:2px}
  .dash-split{grid-template-columns:1fr}
  .res-cards{grid-template-columns:repeat(3,1fr)}
  .dash-statbar{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .dash-hero{padding:22px}.dash-hero-l h1{font-size:22px}
  .dash-grid{grid-template-columns:1fr}
  .dash-col:first-child{grid-template-columns:1fr}
  .res-cards{grid-template-columns:1fr 1fr}
}

/* ═══════════════════ استوديو التسجيل الاحترافي ═══════════════════ */
.rec-studio{background:linear-gradient(160deg,#0E1626,#1a2843);border-radius:18px;padding:18px;box-shadow:0 12px 34px rgba(11,18,32,.3);overflow:hidden}
.rec-viz{position:relative;height:120px;border-radius:13px;background:rgba(0,0,0,.22);overflow:hidden;margin-bottom:16px}
.rec-canvas{width:100%;height:100%;display:block}
.rec-viz-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:rgba(255,255,255,.4);pointer-events:none}
.rec-viz-idle svg{width:34px;height:34px}
.rec-viz-idle span{font-size:13px}
.rec-badge{position:absolute;top:12px;right:14px;display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.35);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;color:rgba(255,255,255,.65)}
.rec-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4)}
.rec-badge.live{color:#fff}
.rec-badge.live .rec-dot{background:#EA5B5B;animation:recpulse 1.1s ease-in-out infinite}
@keyframes recpulse{0%,100%{box-shadow:0 0 0 0 rgba(234,91,91,.6)}50%{box-shadow:0 0 0 6px rgba(234,91,91,0)}}
.rec-timer{position:absolute;bottom:12px;left:16px;font-family:'El Messiri',serif;font-weight:700;font-size:24px;color:#fff;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.rec-controls{display:flex;align-items:center;justify-content:center;gap:16px;position:relative}
.rec-main{width:66px;height:66px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(145deg,#E7C877,#C79A3B);color:#0E1626;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(199,154,59,.45);transition:.2s var(--ease);position:relative}
.rec-main:hover{transform:scale(1.06)}
.rec-main svg{width:28px;height:28px}
.rec-main.recording{background:linear-gradient(145deg,#EF6B6B,#D64545);color:#fff;box-shadow:0 8px 22px rgba(214,69,69,.5)}
.rec-main.recording::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(239,107,107,.5);animation:recring 1.4s ease-out infinite}
.rec-main.recording.paused::before{animation:none;border-color:rgba(231,200,119,.4)}
@keyframes recring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.35);opacity:0}}
.rec-pause{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#E7C877;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s}
.rec-pause:hover{background:rgba(255,255,255,.15);border-color:#E7C877}
.rec-pause svg{width:20px;height:20px}
.rec-hint-side{display:flex;flex-direction:column;gap:2px;min-width:96px}
.rec-hint-side .rec-state-txt{color:#fff;font-size:14px;font-weight:700}
.rec-hint-side small{color:rgba(255,255,255,.45);font-size:11px}
@media(max-width:520px){
  .rec-hint-side{display:none}
  .rec-timer{font-size:20px}
}

/* ═══════════════════ صفحة الرفع — استوديو ═══════════════════ */
.up-wrap{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start;max-width:100%}
.uploader{min-width:0;max-width:100%}
.up-studio{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;max-width:100%;overflow-x:clip;min-width:0}
.up-block{margin-bottom:22px}
.up-block:last-of-type{margin-bottom:0}
.up-label{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--ink);margin-bottom:12px}
.up-step{width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#1c2c48,#0e1626);color:#E7C877;font-family:'El Messiri',serif;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.up-note{display:block;margin-top:10px;text-align:center;color:var(--faint);font-size:12.5px}
/* بطاقة جانبية */
.up-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:86px}
.up-side-card{background:linear-gradient(160deg,#0E1626,#1c2c48);border-radius:var(--radius);padding:22px;color:#fff;text-align:center}
.up-side-ic{width:52px;height:52px;border-radius:14px;background:rgba(231,200,119,.16);color:#E7C877;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.up-side-ic .ic{width:26px;height:26px}
.up-side-card h4{font-size:18px;margin-bottom:8px;font-family:'El Messiri',serif;color:#fff}
.up-side-card p{font-size:13.5px;color:rgba(255,255,255,.82);line-height:1.75}
.up-side-steps{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.uss{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;color:var(--ink-2)}
.uss span{width:26px;height:26px;border-radius:8px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.uss span .ic{width:15px;height:15px}
.up-side-note{display:flex;align-items:flex-start;gap:8px;background:var(--blue-soft);border-radius:12px;padding:12px;font-size:12px;color:var(--ink-2);line-height:1.6}
.up-side-note .ic{width:15px;height:15px;color:var(--blue);flex-shrink:0;margin-top:2px}
@media(max-width:900px){
  .up-wrap{grid-template-columns:1fr}
  .up-side{position:static;flex-direction:row;flex-wrap:wrap}
  .up-side>*{flex:1;min-width:200px}
}
@media(max-width:560px){
  .up-studio{padding:18px}
  .up-side{flex-direction:column}
}

/* عنوان الملف في النتائج + شرح المقياس + إحصائية الرسم */
.dash-h-titled{display:flex;flex-direction:column;gap:3px}
.dash-sub{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);font-weight:600}
.dash-sub .ic{width:12px;height:12px;color:var(--gold-2)}
.res-info{display:inline-flex;vertical-align:middle;margin-inline-start:3px;color:var(--faint);cursor:help}
.res-info .ic{width:11px;height:11px}
.res-card{cursor:help}
.chart-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2)}
.chart-stats>div{text-align:center}
.cs-lbl{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.chart-stats b{font-family:'El Messiri',serif;font-size:19px;color:var(--ink)}
@media(max-width:520px){.chart-stats{grid-template-columns:1fr 1fr}}

/* ═══════════════════ صفحة ملف المرجع ═══════════════════ */
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;margin-bottom:16px}
.back-link:hover{color:var(--gold-2)}
.back-link .ic{width:14px;height:14px}
.rc-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#0E1626,#1c2c48);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:24px;box-shadow:var(--shadow);flex-wrap:wrap}
.rc-hero-l{display:flex;align-items:center;gap:18px}
.rc-ava-lg{width:82px;height:82px;border-radius:50%;background:linear-gradient(150deg,#33A873,#1c6b4a);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.rc-ava-lg.alt{background:linear-gradient(150deg,#4C82F2,#274ea8)}
.rc-ava-lg svg{width:42px;height:42px}
.rc-ava-lg img{width:100%;height:100%;object-fit:cover}
.rc-type{display:inline-flex;align-items:center;gap:6px;color:#E7C877;font-size:13px;font-weight:700;margin-bottom:5px}
.rc-type .ic{width:13px;height:13px}
.rc-hero h1{color:#fff;font-size:26px;margin-bottom:5px;font-family:'El Messiri',serif}
.rc-meta{color:rgba(255,255,255,.6);font-size:13.5px}
.rc-ring{position:relative;width:110px;height:110px;flex-shrink:0}
.rc-ring svg{width:110px;height:110px;transform:rotate(-90deg)}
.rc-ring .sr-track{fill:none;stroke:rgba(255,255,255,.12);stroke-width:8}
.rc-ring .sr-prog{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease)}
.rc-ring-v{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.rc-ring-v b{font-family:'El Messiri',serif;font-size:30px;color:#fff;line-height:1}
.rc-ring-v span{font-size:10.5px;color:rgba(255,255,255,.6);margin-top:2px}
/* ملف الأداء */
.rc-prof{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}
.rc-pm-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.rc-pm-top span{font-size:13.5px;color:var(--ink-2)}
.rc-pm-top b{font-family:'El Messiri',serif;font-size:18px}
.rc-pm-bar{height:7px;background:var(--line);border-radius:7px;overflow:hidden}
.rc-pm-bar i{display:block;height:100%;border-radius:7px;transition:width .8s var(--ease)}
/* العيّنات */
.rc-samples{display:flex;flex-direction:column;gap:14px}
.rc-sample{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.rc-sample-h{display:flex;align-items:center;gap:13px;padding:15px 18px;width:100%;background:none;border:0;font-family:inherit;text-align:right;cursor:pointer;transition:background .15s}
.rc-sample-h:hover{background:var(--surface-2)}
.rc-sample-chev{margin-inline-start:auto;flex-shrink:0;color:var(--faint);transform:rotate(-90deg);transition:transform .25s}
.rc-sample.open .rc-sample-chev{transform:rotate(90deg);color:var(--gold-2)}
.rc-sample-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.rc-sample.open .rc-sample-body{max-height:640px}
.rc-sample-ic{width:44px;height:44px;border-radius:12px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rc-sample-main{flex:1;min-width:0}
.rc-sample-main b{display:block;font-size:15px;color:var(--ink)}
.rc-sample-main span{font-size:12.5px;color:var(--muted)}
.rc-sample-score{width:46px;height:46px;border-radius:12px;background:var(--green-soft);color:var(--green);font-family:'El Messiri',serif;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rc-sample-metrics{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 15px;border-top:1px solid var(--line-2);padding-top:13px}
.rc-mm{display:flex;align-items:center;gap:6px;background:var(--paper);border-radius:20px;padding:5px 12px;font-size:12px;cursor:help}
.rc-mm span{color:var(--muted)}
.rc-mm b{font-family:'El Messiri',serif;font-size:14px}
/* CTA */
.rc-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;flex-wrap:wrap}
.rc-cta b{display:block;font-size:16px;color:var(--ink);margin-bottom:3px;font-family:'El Messiri',serif}
.rc-cta span{font-size:13px;color:var(--muted)}
.rc-cta .btn{display:inline-flex;align-items:center;gap:7px}
@media(max-width:640px){.rc-prof{grid-template-columns:1fr}.rc-hero{padding:22px}.rc-hero h1{font-size:22px}}

/* ═══════════════════ صفحة التقارير ═══════════════════ */
.rep-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.rep-stat{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}
.rs-ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rs-ic .ic{width:24px;height:24px}
.rs-ic.gold{background:var(--gold-soft);color:var(--gold-2)}.rs-ic.blue{background:var(--blue-soft);color:var(--blue)}.rs-ic.green{background:var(--green-soft);color:var(--green)}
.rep-stat b{display:block;font-family:'El Messiri',serif;font-size:26px;color:var(--ink);line-height:1.1}
.rep-stat b i{font-style:normal;font-size:13px;color:var(--faint)}
.rep-stat small{font-size:12.5px;color:var(--muted)}
.rep-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rep-cat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}
.rep-cat-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.rep-cat-h b{font-size:15px;color:var(--ink)}
.rep-cat-h span{font-size:12px;color:var(--muted)}
.rep-cat-score{font-family:'El Messiri',serif;font-size:30px;font-weight:700;color:var(--ink);line-height:1;margin-bottom:10px}
.rep-cat-score small{font-size:12px;color:var(--faint)}
.rep-cat-bar{height:7px;background:var(--line);border-radius:7px;overflow:hidden}
.rep-cat-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:7px}
.rep-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.rep-row{display:grid;grid-template-columns:1fr 120px 110px 80px 34px;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line-2);transition:.12s}
.rep-row:last-child{border-bottom:0}
a.rep-row:hover{background:var(--paper)}
.rep-head{background:var(--paper);font-size:12px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}
.rep-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rep-ic{width:30px;height:30px;border-radius:9px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rep-tag{font-size:12px;background:var(--blue-soft);color:var(--blue);padding:3px 10px;border-radius:20px}
.rep-date{font-size:12.5px;color:var(--muted)}
.rep-score{font-family:'El Messiri',serif;font-weight:700;font-size:18px}
.rep-pending{color:var(--faint)}
.rep-go{color:var(--faint);display:flex;justify-content:center}
@media(max-width:760px){
  .rep-stats,.rep-cats{grid-template-columns:1fr}
  .rep-row{grid-template-columns:1fr 70px 34px}
  .rep-c.rep-date,.rep-head .rep-c:nth-child(3){display:none}
  .rep-head span:nth-child(2){display:none}
}

/* حاويات أيقونات SVG إضافية (بعد إزالة الإيموجي) */
.menu-btn .ic{width:22px;height:22px}
.ei .ic{width:38px;height:38px;color:var(--faint)}
.li-ic .ic{width:20px;height:20px}
.alert{display:flex;align-items:center;gap:9px}
.alert .ic{width:17px;height:17px;flex-shrink:0}
.alert span{flex:1}
.proc-safe .ic{width:15px;height:15px;vertical-align:-2px;margin-inline-end:4px}

/* نبضة تنبيه على تاب التسجيل المباشر */
.src-tab.has-pulse{position:relative}
.tab-pulse{position:absolute;top:7px;inset-inline-end:12px;width:9px;height:9px;border-radius:50%;background:#E05A54;box-shadow:0 0 0 0 rgba(224,90,84,.6);animation:tabPulse 1.6s infinite}
.src-tab.active .tab-pulse{display:none}
@keyframes tabPulse{0%{box-shadow:0 0 0 0 rgba(224,90,84,.55);transform:scale(1)}70%{box-shadow:0 0 0 8px rgba(224,90,84,0);transform:scale(1.15)}100%{box-shadow:0 0 0 0 rgba(224,90,84,0);transform:scale(1)}}
/* الأيقونة نفسها تتحرك خفيف لجذب الانتباه */
.src-tab.has-pulse:not(.active) .ic{animation:micNudge 1.6s ease-in-out infinite;color:var(--gold-2)}
@keyframes micNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

/* ═══════════════════ صفحة تسجيلاتي (المكتبة) ═══════════════════ */
.lib-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}
.lib-head .btn{display:inline-flex;align-items:center;gap:6px}
.lib-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.lib-stat{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px}
.ls-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ls-ic .ic{width:22px;height:22px}
.ls-ic.gold{background:var(--gold-soft);color:var(--gold-2)}.ls-ic.green{background:var(--green-soft);color:var(--green)}.ls-ic.blue{background:var(--blue-soft);color:var(--blue)}
.lib-stat b{display:block;font-family:'El Messiri',serif;font-size:24px;color:var(--ink);line-height:1.1}
.lib-stat b i{font-style:normal;font-size:12px;color:var(--faint)}
.lib-stat small{font-size:12px;color:var(--muted)}
.lib-filters{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.lib-f{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:22px;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);font-weight:700;font-size:13px;cursor:pointer;transition:.15s}
.lib-f span{background:var(--surface-2);color:var(--ink-2);border-radius:12px;padding:1px 8px;font-size:11.5px}
.lib-f.active{border-color:var(--gold);color:var(--gold-2);background:#fffdf7}
.lib-f.active span{background:var(--gold-soft);color:var(--gold-2)}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.lib-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;transition:.16s var(--ease);animation:fadeUp .4s var(--ease) both}
.lib-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.lib-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.lib-cat{width:42px;height:42px;border-radius:12px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center}
.lib-cat .ic{width:20px;height:20px}
.lib-badge{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:20px}
.lib-title{display:block;font-size:16px;color:var(--ink);margin-bottom:9px;line-height:1.4}
.lib-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-bottom:13px}
.lib-meta span{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}
.lib-meta .ic{width:12px;height:12px;color:var(--faint)}
.lib-score-row{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.lib-score-bar{flex:1;height:7px;background:var(--line);border-radius:7px;overflow:hidden}
.lib-score-bar i{display:block;height:100%;border-radius:7px;transition:width .8s var(--ease)}
.lib-score-row b{font-family:'El Messiri',serif;font-size:20px;line-height:1}
.lib-score-row small{font-size:11px;color:var(--faint);font-weight:400}
.lib-actions{display:flex;gap:8px;flex-wrap:wrap}
.lib-actions .btn-sm{flex:1 1 auto;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.lib-actions form{flex:0 0 auto}
.lib-del{color:var(--danger)!important;padding:8px 12px!important}
.lib-del:hover{background:#fdecec!important;border-color:var(--danger)!important}
.lib-empty-filter{text-align:center;padding:40px 20px;color:var(--muted)}
.lib-empty-filter .ic{color:var(--faint);margin-bottom:10px}
@media(max-width:640px){.lib-stats{grid-template-columns:1fr}.lib-grid{grid-template-columns:1fr}}

/* المقارنة التفاعلية — بحث + اقتراحات */
.cmp-search{display:flex;align-items:center;gap:9px;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:16px;transition:.15s}
.cmp-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.cmp-search>.ic{color:var(--faint);flex-shrink:0}
.cmp-search input{flex:1;border:0;background:transparent;font-family:inherit;font-size:14px;color:var(--ink);outline:none}
.cmp-clear{border:0;background:var(--surface-2);color:var(--muted);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.cmp-clear .ic{width:14px;height:14px}
.cmp-sug-label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--gold-2);margin-bottom:10px}
.cmp-sug-label .ic{width:14px;height:14px}
.cmp-noresult{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:var(--muted);font-size:13px}
.cmp-noresult .ic{color:var(--faint)}
.cmp-pill-rank{width:30px;height:30px;border-radius:50%;background:linear-gradient(150deg,#E7C877,#B0842A);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'El Messiri',serif;font-weight:700;font-size:14px;flex-shrink:0}
.cmp-pill-body{display:flex;flex-direction:column;text-align:right;min-width:0}
.cmp-pill-title{font-size:11px;color:var(--muted);white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}

/* ═══════════════════════════════════════════════════════════
   تحسينات الجوال الشاملة — إحساس تطبيق احترافي (≤600px)
   ═══════════════════════════════════════════════════════════ */
@media(max-width:600px){
  /* ---- أساسيات ---- */
  html,body{max-width:100%;overflow-x:hidden}
  .an-hero{display:flex;flex-direction:column}
  .page-head h1{font-size:21px}
  .page-head p{font-size:12.5px}
  .page-head .eyebrow{font-size:12px}
  .card.pad{padding:15px}
  .an-sec{margin-bottom:18px}
  .an-sec-h{margin-bottom:11px}
  .an-sec-h h2{font-size:16px}
  .an-sec-sub{font-size:11.5px}

  /* ---- اختيار النوع: مدمج ٣ أعمدة أفقي أنيق ---- */
  .cat-pick{grid-template-columns:1fr 1fr 1fr;gap:7px}
  .cat-pick .opt{padding:11px 4px;border-radius:12px}
  .cat-pick .opt .ci{width:36px;height:36px;margin-bottom:6px;border-radius:10px}
  .cat-pick .opt .ci .ic{width:18px;height:18px}
  .cat-pick .opt b{font-size:12px}
  .cat-pick input:checked + .opt{box-shadow:0 0 0 2px var(--gold-soft)}

  /* ---- صفحة الرفع: مدمجة ومركّزة ---- */
  .up-studio{padding:15px}
  .up-block{margin-bottom:17px}
  .up-label{font-size:14px;gap:8px;margin-bottom:10px}
  .up-step{width:22px;height:22px;font-size:12px}
  .src-tabs{padding:4px;gap:5px}
  .src-tab{padding:10px 5px;font-size:12.5px;gap:5px}
  .src-tab .ic{width:16px;height:16px}
  .src-tab span{white-space:nowrap}
  .tab-pulse{top:5px;inset-inline-end:8px;width:8px;height:8px}
  .dropzone{padding:22px 14px}
  .dropzone .up-ic{width:46px;height:46px;margin-bottom:10px}
  .dropzone .up-ic .ic{width:22px;height:22px}
  .dropzone b{font-size:13.5px}
  .dropzone small{font-size:11px}
  .up-note{font-size:11.5px}
  .control.f-title{font-size:14px;padding:12px 14px}
  /* بطاقة جانبية تحت مدمجة */
  .up-side{gap:12px}
  .up-side-card{padding:18px}
  .up-side-ic{width:44px;height:44px}
  .up-side-card h4{font-size:16px}
  .up-side-card p{font-size:12.5px}
  /* استوديو التسجيل مدمج للجوال */
  .rec-studio{padding:13px;border-radius:16px}
  .rec-canvas{height:78px}
  .rec-viz{padding:12px}
  .rec-timer{font-size:26px}
  .rec-main{width:58px;height:58px}
  .rec-main svg{width:24px;height:24px}
  .rec-pause{width:42px;height:42px}
  .rec-controls{gap:14px}
  .rec-hint-side b{font-size:13px}
  .rec-hint-side small{font-size:10.5px}

  /* ---- صفحة التحليل: هيدر مدمج ---- */
  .an-hero{border-radius:18px;margin-bottom:18px}
  .an-hero-score{padding:22px 16px;gap:10px}
  .score-ring{width:124px;height:124px}
  .score-ring svg{width:124px;height:124px}
  .an-hero-body{padding:18px 16px}
  .an-title{font-size:20px}
  .an-meta{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
  .an-meta>div{padding:10px 11px;gap:8px}
  .an-meta b{font-size:13px}
  .an-meta small{font-size:10.5px}
  .am-ic .ic{width:16px;height:16px}
  .reco{padding:13px 14px;gap:10px}
  .reco .ri{width:32px;height:32px}
  .reco .ri .ic{width:18px;height:18px}
  .an-player{margin-top:2px}

  /* ---- كروت المقاييس: مربعات صغيرة 3 في الصف (زي التطبيق) ---- */
  .mgrid{grid-template-columns:repeat(3,1fr);gap:8px}
  .mcard{padding:11px 6px 10px;border-radius:15px}
  .mcard-top{margin-bottom:6px;justify-content:center}
  .mcard-band{display:none}
  .mcard-ic{width:34px;height:34px;border-radius:10px}
  .mcard-ic .ic{width:18px;height:18px}
  .mcard-ring{width:52px;height:52px;margin:0 auto 3px}
  .mcard-ring svg{width:52px;height:52px}
  .mcard-val{font-size:16px}
  .mcard h4{font-size:11px;margin-bottom:1px;line-height:1.25}
  .mcard h4 .m-info{display:none}
  .mcard-raw{display:block;font-size:10.5px}
  .mcard-ic{width:30px;height:30px;border-radius:9px}
  .mcard-ic .ic{width:16px;height:16px}
  .mcard-band{font-size:9.5px;padding:2px 6px}

  /* ---- الرسوم البيانية ---- */
  .vinfo{grid-template-columns:1fr 1fr;gap:8px}
  .vinfo b{font-size:19px}
  .vinfo small{font-size:10.5px}
  .an-actions{flex-direction:column}
  .an-actions .btn{width:100%}

  /* ---- المقارنة على الجوال ---- */
  .cmp-card{padding:14px}
  .cmp-search{padding:10px 12px}
  .cmp-pill{padding:6px 12px 6px 7px}
  .cmp-pill-name{font-size:12.5px}
  .cmp-pill-title{max-width:100px;font-size:10.5px}
  .cmp-head{padding:12px 13px;gap:11px}
  .cmp-head-ava{width:40px;height:40px;font-size:17px}
  .cmp-head-info b{font-size:15px}
  .cmp-head-sim b{font-size:20px}

  /* ---- اللوحة الرئيسية: تطبيق ---- */
  .dash-hero{padding:14px 18px;border-radius:16px;gap:12px}
  .dash-hero-l h1{font-size:23px}
  .dash-hero-r{min-width:0;flex-shrink:0}
  .mosque-art{width:80px}
  .dash-grid{grid-template-columns:1fr;gap:14px}
  .res-cards{grid-template-columns:1fr 1fr;gap:9px;padding:14px}
  .res-card{padding:12px 10px}
  .res-ic{width:30px;height:30px}
  .res-score{font-size:20px}
  .chart-stats{grid-template-columns:1fr 1fr;gap:9px}
  .dash-card-h{padding:14px 16px}

  /* ---- تسجيلاتي ---- */
  .lib-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .lib-stat{flex-direction:column;text-align:center;gap:7px;padding:13px 8px}
  .ls-ic{width:38px;height:38px}
  .ls-ic .ic{width:19px;height:19px}
  .lib-stat b{font-size:19px}
  .lib-stat small{font-size:10.5px}
  .lib-grid{grid-template-columns:1fr}
  .lib-filters{gap:6px}
  .lib-f{padding:7px 13px;font-size:12.5px}

  /* ---- صفحة المرجع ---- */
  .rc-hero{padding:18px;flex-direction:column;text-align:center;gap:14px}
  .rc-hero-l{flex-direction:column;text-align:center}
  .rc-prof{grid-template-columns:1fr}
  .rc-sample-metrics{gap:6px}

  /* ---- التقارير ---- */
  .rep-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .rep-stat{flex-direction:column;text-align:center;gap:7px;padding:13px 8px}
  .rs-ic{width:38px;height:38px}
  .rep-stat b{font-size:19px}
  .rep-cats{grid-template-columns:1fr}
}

/* شاشات صغيرة جدًا */
@media(max-width:360px){
  .cat-pick .opt b{font-size:11px}
  .cat-pick .opt .ci{width:32px;height:32px}
  .lib-stat b,.rep-stat b{font-size:17px}
}

/* بطاقة «أضف صوتك» البارزة في اللوحة */
.dash-add{display:flex;align-items:center;gap:14px;background:linear-gradient(125deg,#C79A3B,#E7C877);border-radius:var(--radius);padding:18px 20px;text-decoration:none;box-shadow:0 10px 28px rgba(199,154,59,.32);transition:.18s var(--ease);position:relative;overflow:hidden}
.dash-add::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.25),transparent 45%);pointer-events:none}
.dash-add:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(199,154,59,.4)}
.dash-add-ic{width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dash-add-ic .ic{width:26px;height:26px}
.dash-add-body{flex:1;min-width:0}
.dash-add-body b{display:block;color:#fff;font-family:'El Messiri',serif;font-size:17px;margin-bottom:2px}
.dash-add-body span{display:block;color:rgba(255,255,255,.9);font-size:12.5px;line-height:1.5}
.dash-add-go{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dash-add-go .ic{width:20px;height:20px}
@media(max-width:600px){
  .dash-add{padding:15px 16px;gap:12px}
  .dash-add-ic{width:46px;height:46px}
  .dash-add-body b{font-size:15.5px}
  .dash-add-body span{font-size:11.5px}
}

/* ═══════════════════ دعوة تثبيت التطبيق (PWA) ═══════════════════ */
.pwa-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(11,18,32,.28);padding:14px 16px;max-width:520px;margin:0 auto;animation:pwaUp .4s var(--ease) both}
@keyframes pwaUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.pwa-ic{width:48px;height:48px;border-radius:13px;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm)}
.pwa-ic img{width:100%;height:100%;display:block}
.pwa-body{flex:1;min-width:0}
.pwa-body b{display:block;font-size:14.5px;color:var(--ink);font-family:'El Messiri',serif}
.pwa-body span{display:block;font-size:11.5px;color:var(--muted);line-height:1.5}
.pwa-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#C79A3B,#E7C877);color:#fff;border:0;border-radius:11px;padding:10px 16px;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:0 4px 12px rgba(199,154,59,.35)}
.pwa-btn .ic{width:15px;height:15px}
.pwa-x{flex-shrink:0;width:28px;height:28px;border:0;background:var(--surface-2);color:var(--muted);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pwa-x .ic{width:16px;height:16px}
/* iOS */
.pwa-ios{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(11,18,32,.28);padding:14px 16px 14px 40px;max-width:520px;margin:0 auto;animation:pwaUp .4s var(--ease) both}
.pwa-ios b{display:block;font-size:14px;color:var(--ink);font-family:'El Messiri',serif;margin-bottom:3px}
.pwa-ios p{font-size:12px;color:var(--muted);line-height:1.6}
.pwa-ios p .ic{width:14px;height:14px;vertical-align:-2px;color:var(--gold-2)}
.pwa-ios .pwa-x{position:absolute;top:10px;inset-inline-start:10px}
@media(max-width:600px){
  .pwa-body span{display:none}
  .pwa-banner{padding:12px 14px;gap:11px}
}

/* ═══════════════════ استوديو الرفع — تحسينات ═══════════════════ */
/* شارة «مطلوب» */
.up-req{font-size:11px;font-weight:700;color:var(--danger);background:#fdecec;padding:2px 9px;border-radius:20px;margin-inline-start:8px}
/* تنبيه اختيار القسم */
.cat-pick.needs-pick{animation:shakeX .45s;border-radius:14px;box-shadow:0 0 0 3px rgba(224,90,84,.4);padding:7px}
@keyframes shakeX{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}60%{transform:translateX(6px)}80%{transform:translateX(-3px)}}
/* العنوان الاختياري */
.up-optional{margin-top:18px}
.up-opt-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:9px;cursor:pointer}
.up-opt-label .ic{width:14px;height:14px;color:var(--faint)}
.up-opt-tag{font-size:10.5px;font-weight:600;color:var(--faint);background:var(--surface-2);padding:2px 8px;border-radius:20px}
/* زر الرفع ينبض لما يبقى جاهز */
.up-submit.ready-pulse{animation:submitPulse 1.5s ease-in-out infinite}
@keyframes submitPulse{0%,100%{box-shadow:0 4px 14px rgba(199,154,59,.4);transform:translateY(0)}50%{box-shadow:0 8px 30px rgba(199,154,59,.8);transform:translateY(-2px)}}

/* منع تكبير iOS: الحقول 16px على الجوال */
@media(max-width:600px){
  .control,.f-title,input[type="text"],input[type="email"],input[type="password"],textarea{font-size:16px}
  .up-optional{margin-top:16px}
  /* اللوحة تترص عمودي بشكل سليم (الإحصائيات آخر عمود) */
  .dash-grid{grid-template-columns:1fr;gap:14px}
}

/* دروب-زون «أضف صوتك» في اللوحة */
.dash-drop-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;background:linear-gradient(160deg,#fffdf7,var(--surface));border:2px dashed var(--gold);border-radius:var(--radius);padding:26px 20px;text-decoration:none;transition:.18s var(--ease);box-shadow:var(--shadow-sm)}
.dash-drop-card:hover{background:#fffbf0;border-color:var(--gold-2);transform:translateY(-2px);box-shadow:var(--shadow)}
.dash-drop-ic{width:56px;height:56px;border-radius:16px;background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(199,154,59,.35)}
.dash-drop-ic .ic{width:26px;height:26px}
.dash-drop-card b{font-family:'El Messiri',serif;font-size:17px;color:var(--ink)}
.dash-drop-card small{font-size:12.5px;color:var(--muted);line-height:1.5;max-width:230px}
.dash-drop-cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;background:var(--gold-soft);color:var(--gold-2);font-weight:700;font-size:13px;padding:7px 16px;border-radius:22px}
.dash-drop-cta .ic{width:15px;height:15px}

/* ═══════════════════ قائمة اختيار القسم (تتوسّع) ═══════════════════ */
.cat-list{display:flex;flex-direction:column;gap:9px}
.cat-list.needs-pick{animation:shakeX .45s;border-radius:14px;box-shadow:0 0 0 3px rgba(224,90,84,.4);padding:7px}
.cat-item{cursor:pointer;display:block}
.cat-item input{position:absolute;opacity:0;pointer-events:none}
.cat-item-box{display:flex;align-items:center;gap:13px;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;transition:.15s var(--ease);background:var(--surface)}
.cat-item-ic{width:44px;height:44px;border-radius:12px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s}
.cat-item-ic .ic{width:22px;height:22px}
.cat-item-name{flex:1;font-family:'El Messiri',serif;font-size:16.5px;font-weight:600;color:var(--ink)}
.cat-item-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:transparent;flex-shrink:0;transition:.15s}
.cat-item-check .ic{width:13px;height:13px}
.cat-item:hover .cat-item-box{border-color:var(--gold);background:#fffdf7}
.cat-item input:checked + .cat-item-box{border-color:var(--gold);background:#fffdf7;box-shadow:0 0 0 3px var(--gold-soft)}
.cat-item input:checked + .cat-item-box .cat-item-ic{background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff}
.cat-item input:checked + .cat-item-box .cat-item-check{border-color:var(--gold-2);background:var(--gold-2);color:#fff}
@media(max-width:600px){
  .cat-item-box{padding:12px 14px;gap:11px}
  .cat-item-ic{width:40px;height:40px}
  .cat-item-name{font-size:15.5px}
}

/* ═══════════════════════════════════════════════════════════
   صفحة الدخول — تصميم قوي (جوال أولًا)
   ═══════════════════════════════════════════════════════════ */
.auth2{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper)}
/* جهة البراند */
.auth2-brand{position:relative;overflow:hidden;background:linear-gradient(155deg,#0B1220 0%,#152238 45%,#1e3358 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:50px}
.auth2-brand::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,rgba(199,154,59,.2),transparent 42%),radial-gradient(circle at 12% 90%,rgba(46,158,107,.14),transparent 42%);pointer-events:none}
.auth2-brand::after{content:"";position:absolute;bottom:-80px;left:-80px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(231,200,119,.12);pointer-events:none}
.a2-brand-inner{position:relative;z-index:2;max-width:420px}
.a2-mark{width:66px;height:66px;border-radius:19px;background:rgba(255,255,255,.07);border:1px solid rgba(231,200,119,.32);display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.a2-mark svg{width:34px;height:34px}
.auth2-brand h1{font-family:'El Messiri',serif;font-size:40px;margin-bottom:16px;line-height:1.2;color:#fff}
.auth2-brand p{font-size:16px;color:rgba(255,255,255,.8);line-height:1.9;margin-bottom:26px}
.a2-feats{display:flex;flex-direction:column;gap:13px;margin-bottom:28px}
.a2-feat{display:flex;align-items:center;gap:11px;font-size:14.5px;color:rgba(255,255,255,.92)}
.a2-feat svg{width:20px;height:20px;flex-shrink:0;background:rgba(231,200,119,.12);border-radius:7px;padding:3px}
.a2-ayah{font-family:'El Messiri',serif;font-size:19px;color:#E7C877;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
/* جهة النموذج */
.auth2-side{display:flex;align-items:center;justify-content:center;padding:40px 32px}
.auth2-card{width:100%;max-width:410px}
.a2-logo-sm{display:none;width:60px;height:60px;border-radius:17px;background:linear-gradient(150deg,#0B1220,#1e3358);align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 26px rgba(11,18,32,.25)}
.a2-logo-sm svg{width:30px;height:30px}
.a2-title{font-family:'El Messiri',serif;font-size:32px;color:var(--ink);margin-bottom:7px}
.a2-sub{font-size:14.5px;color:var(--muted);margin-bottom:26px}
.a2-lbl{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:9px}
/* حقل واحد للرقم + المفتاح */
.phone-field{position:relative;display:flex;align-items:stretch;border:1.7px solid var(--line);border-radius:14px;background:var(--surface);transition:.15s;margin-bottom:16px;overflow:visible}
.phone-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft);background:#fff}
.phone-field .dial-btn{flex-shrink:0;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:0 14px;cursor:pointer;font-family:inherit;border-radius:14px 0 0 14px}
.phone-field .dial-btn:hover{background:var(--gold-soft)}
.phone-sep{width:1px;background:var(--line);margin:9px 0;flex-shrink:0}
.phone-field .phone-input{flex:1;min-width:0;border:0;background:transparent;padding:15px 14px;font-family:inherit;font-size:17px;font-weight:700;color:var(--ink);letter-spacing:1.5px;direction:ltr;text-align:right;outline:none}
.dial-flag{width:27px;height:18px;border-radius:3.5px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:block}
.dial-flag .flag{width:100%;height:100%;display:block}
.dial-code{font-weight:800;font-size:15px;color:var(--ink);direction:ltr}
.dial-chev{width:16px;height:16px;color:var(--muted)}
.shake{animation:shakeX .45s}
/* رقاقة الرقم المؤكَّد (الخطوة 2) */
.phone-chip{display:flex;align-items:center;gap:11px;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:12px 14px;margin-bottom:16px;animation:fadeUp .25s var(--ease)}
.phone-chip-ic{width:34px;height:34px;border-radius:10px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.phone-chip-ic svg{width:17px;height:17px}
.phone-chip-num{flex:1;font-weight:800;font-size:15.5px;color:var(--ink);letter-spacing:.5px}
.phone-chip-change{border:0;background:var(--gold-soft);color:var(--gold-2);font-family:inherit;font-weight:700;font-size:13px;padding:7px 15px;border-radius:20px;cursor:pointer;flex-shrink:0}
.phone-chip-change:hover{background:var(--gold);color:#fff}

/* قائمة الدول */
.dial-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;width:min(340px,100%);background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-lg);z-index:60;padding:11px;display:none;max-height:340px;overflow:hidden;flex-direction:column}
.dial-menu.open{display:flex;animation:fadeUp .2s var(--ease)}
.dial-search-wrap{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin-bottom:9px}
.dial-search-wrap svg{width:17px;height:17px;color:var(--faint);flex-shrink:0}
.dial-search{flex:1;border:0;background:transparent;font-family:inherit;font-size:14.5px;color:var(--ink);outline:none}
.dial-list{overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.dial-opt{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;padding:11px 12px;border-radius:11px;cursor:pointer;font-family:inherit;text-align:right;transition:.12s}
.dial-opt:hover{background:var(--gold-soft)}
.dial-opt .dial-name{flex:1;font-size:15px;font-weight:600;color:var(--ink)}
.dial-opt .dial-c{font-size:13.5px;font-weight:800;color:var(--muted);direction:ltr}
/* الحقول */
.a2-field{margin-bottom:16px;animation:fadeUp .25s var(--ease)}
.a2-field .control{padding:15px 16px;font-size:16px;border-radius:14px;border-width:1.7px}
.pass-box{position:relative}
.pass-box .control{padding-inline-end:46px}
.pass-eye{position:absolute;inset-inline-end:13px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--faint);cursor:pointer;padding:4px}
.pass-eye svg{width:21px;height:21px}
.pass-eye.on{color:var(--gold-2)}
/* التلميح */
.a2-hint{font-size:13px;padding:12px 15px;border-radius:12px;margin-bottom:16px;line-height:1.6;font-weight:600}
.a2-hint.ok{background:var(--green-soft);color:var(--green);border:1px solid rgba(31,122,90,.2)}
.a2-hint.new{background:var(--gold-soft);color:var(--gold-2);border:1px solid rgba(199,154,59,.25)}
.a2-hint.err{background:#fdecec;color:var(--danger);border:1px solid rgba(200,60,60,.2)}
.a2-btn{margin-top:6px;font-size:16px;padding:15px;border-radius:14px}
.a2-change{display:block;width:100%;text-align:center;margin-top:14px;background:transparent;border:0;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;padding:6px}
.a2-change:hover{color:var(--gold-2)}
.a2-email-link{display:block;text-align:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);text-decoration:none}
.a2-email-link:hover{color:var(--gold-2)}
.a2-guest-sep{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--faint);font-size:12.5px}
.a2-guest-sep::before,.a2-guest-sep::after{content:"";flex:1;height:1px;background:var(--line)}
.a2-guest-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px;border:1.5px solid color-mix(in srgb,var(--gold) 42%,transparent);border-radius:12px;background:var(--gold-soft);color:var(--gold-2);font-family:inherit;font-size:14.5px;font-weight:700;text-decoration:none;transition:.15s}
.a2-guest-btn svg{width:19px;height:19px}
.a2-guest-btn:hover{background:color-mix(in srgb,var(--gold) 16%,transparent);border-color:var(--gold)}
.a2-guest-note{text-align:center;font-size:12px;color:var(--faint);margin:8px 0 0}

/* ── جوال: بطاقة فخمة عائمة على خلفية كحلي ── */
@media(max-width:860px){
  .auth2{grid-template-columns:1fr}
  .auth2-brand{display:none}
  .auth2-side{padding:26px 18px;align-items:center;justify-content:center;min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(158deg,#0B1220 0%,#152238 48%,#20386a 100%)}
  .auth2-side::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 12%,rgba(199,154,59,.22),transparent 44%),radial-gradient(circle at 14% 90%,rgba(46,158,107,.16),transparent 44%);pointer-events:none}
  .auth2-side::after{content:"";position:absolute;top:-90px;right:-90px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(231,200,119,.14);pointer-events:none}
  .auth2-card{max-width:430px;width:100%;margin:auto;padding:32px 24px 26px;background:var(--surface);border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.45);position:relative;z-index:2}
  .a2-logo-sm{display:flex;width:64px;height:64px;margin-bottom:18px}
  .a2-title{text-align:center;font-size:27px}
  .a2-sub{text-align:center;margin-bottom:24px}
  .phone-input{font-size:16px}
  .dial-menu{width:min(330px,calc(100vw - 60px))}
  .a2-email-link{margin-top:22px}
}
@media(max-width:400px){
  .auth2-card{padding:28px 18px 24px;border-radius:22px}
  .a2-title{font-size:25px}
}

/* شبكة عمودين متوازنة + بانر أضف صوتك */
.dash-grid-2{grid-template-columns:1fr 320px!important}
.dash-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#C79A3B,#E7C877);border-radius:var(--radius-lg);padding:20px 26px;margin-bottom:22px;text-decoration:none;box-shadow:0 12px 32px rgba(199,154,59,.3);transition:.18s var(--ease);position:relative;overflow:hidden}
.dash-banner::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.22),transparent 45%);pointer-events:none}
.dash-banner:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(199,154,59,.4)}
.dash-banner-ic{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dash-banner-ic .ic{width:28px;height:28px}
.dash-banner-txt{flex:1;min-width:0}
.dash-banner-txt b{display:block;font-family:'El Messiri',serif;font-size:20px;color:#fff;margin-bottom:3px}
.dash-banner-txt span{display:block;font-size:13.5px;color:rgba(255,255,255,.92);line-height:1.5}
.dash-banner-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--gold-2);font-weight:800;font-size:14px;padding:11px 20px;border-radius:24px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.dash-banner-cta .ic{width:16px;height:16px}
@media(max-width:860px){.dash-grid-2{grid-template-columns:1fr!important}}
@media(max-width:600px){
  .dash-banner{flex-direction:column;text-align:center;padding:20px 18px;gap:13px}
  .dash-banner-txt span{font-size:12.5px}
  .dash-banner-cta{width:100%;justify-content:center}
}

/* مشغّل المعاينة مدمج على الجوال (كان كبير) */
@media(max-width:600px){
  .preview{padding:11px 13px;gap:11px;margin-top:14px}
  .pv-play{width:40px;height:40px}
  .pv-play .ic{width:15px;height:15px}
  .pv-wave{height:34px}
  .pv-hint{font-size:11.5px}
  /* مشغّل التسجيلات/النتائج (waveform) أصغر */
  .player .wavecanvas,.wavecanvas{height:56px!important}
  .player{padding:14px!important}
  .pbar .play{width:52px!important;height:52px!important}
}

/* ═══════════════════ منتقي القسم المضغوط (قائمة + تغيير) ═══════════════════ */
.cat-select{position:relative}
.cat-select.needs-pick{animation:shakeX .45s;border-radius:15px;box-shadow:0 0 0 3px rgba(224,90,84,.4)}
.cat-selected{display:flex;align-items:center;gap:13px;width:100%;border:1.7px solid var(--gold);background:#fffdf7;border-radius:15px;padding:13px 16px;cursor:pointer;font-family:inherit;transition:.15s;box-shadow:0 0 0 3px var(--gold-soft)}
.cat-selected:hover{background:#fffbf0}
.cat-sel-ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cat-sel-ic .ic{width:23px;height:23px}
.cat-sel-name{flex:1;text-align:right;font-family:'El Messiri',serif;font-size:18px;font-weight:700;color:var(--ink)}
.cat-sel-change{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--gold-2);background:var(--gold-soft);padding:6px 12px;border-radius:20px;flex-shrink:0}
.cat-sel-change .ic{width:14px;height:14px}
.cat-sel-chev{width:18px;height:18px;color:var(--muted);flex-shrink:0;transition:.2s}
.cat-menu.open ~ * .cat-sel-chev,.cat-select .cat-menu.open{}
/* القائمة المنسدلة */
.cat-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);z-index:40;padding:8px;display:none;flex-direction:column;gap:3px}
.cat-menu.open{display:flex;animation:fadeUp .2s var(--ease)}
.cat-opt{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;padding:12px 13px;border-radius:12px;cursor:pointer;font-family:inherit;text-align:right;transition:.12s}
.cat-opt:hover{background:var(--gold-soft)}
.cat-opt-ic{width:42px;height:42px;border-radius:12px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s}
.cat-opt-ic .ic{width:21px;height:21px}
.cat-opt-name{flex:1;font-family:'El Messiri',serif;font-size:16.5px;font-weight:600;color:var(--ink)}
.cat-opt-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:transparent;flex-shrink:0;transition:.15s}
.cat-opt-check .ic{width:14px;height:14px}
.cat-opt.on{background:#fffdf7}
.cat-opt.on .cat-opt-ic{background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff}
.cat-opt.on .cat-opt-check{border-color:var(--gold-2);background:var(--gold-2);color:#fff}
@media(max-width:600px){
  .cat-sel-name{font-size:16.5px}
  .cat-sel-ic{width:42px;height:42px}
  .cat-sel-change{padding:5px 10px;font-size:12px}
}

/* الرافع المدمج في اللوحة */
.dash-quick-upload{margin-bottom:22px}
.dash-banner{width:100%;border:0;font-family:inherit;cursor:pointer;text-align:right}
.dash-banner.open{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.dash-up-panel{margin-top:14px;animation:fadeUp .3s var(--ease)}
.dash-up-panel .up-studio{box-shadow:var(--shadow);border-color:var(--gold-soft)}
.dash-up-panel[hidden]{display:none}

/* ═══════════════ كارت الرافع في اللوحة (مفتوح دائمًا) ═══════════════ */
.dash-uploader{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px;margin-bottom:22px;overflow-x:clip}
.dash-uploader-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line-2)}
.dash-uploader-ic{width:54px;height:54px;border-radius:15px;background:linear-gradient(150deg,#0E1626,#20386a);color:#E7C877;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dash-uploader-ic .ic{width:26px;height:26px}
.dash-uploader-ht .eyebrow{margin-bottom:4px}
.dash-uploader-ht h3{font-family:'El Messiri',serif;font-size:22px;color:var(--ink);margin-bottom:3px}
.dash-uploader-ht p{font-size:13px;color:var(--muted);line-height:1.5}
/* الرافع جوّه الكارت بدون إطار مزدوج */
.dash-uploader .up-studio{border:0;box-shadow:none;padding:0;background:transparent}

/* اللوحة/الاستوديو overflow مرئي على الجوال عشان الشريط الثابت */
@media(max-width:600px){
  .dash-uploader,.up-studio{overflow:visible}
}

/* ═══════════════ شريط الإجراء: الملف + زر الرفع ═══════════════ */
.up-actionbar{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:opacity .2s,box-shadow .2s}
.up-actionbar:not(.ready){opacity:.5}
.up-ab-file{flex:1;min-width:0;display:flex;align-items:center;gap:11px}
.up-ab-ic{width:44px;height:44px;border-radius:12px;background:var(--surface-2);color:var(--faint);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s}
.up-ab-ic .ic{width:20px;height:20px}
.up-actionbar.ready .up-ab-ic{background:var(--green-soft);color:var(--green)}
.up-ab-txt{min-width:0}
.up-file-name{display:block;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.up-ab-sub{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.up-actionbar .up-submit{flex-shrink:0;width:auto;padding:14px 26px;font-size:15px;position:relative;overflow:hidden}
/* حالة الرفع: تعبئة + سبينر على الزر */
.up-submit.uploading{background:linear-gradient(90deg,var(--gold-2) 0%,var(--gold-2) var(--prog,0%),rgba(199,154,59,.38) var(--prog,0%),rgba(199,154,59,.38) 100%);pointer-events:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:170px}
.up-spin{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}

/* الجوال: الشريط يثبت أسفل عند التمرير (sticky مش fixed) */
@media(max-width:600px){
  .up-actionbar.ready{position:sticky;bottom:10px;z-index:40;box-shadow:0 10px 30px rgba(11,18,32,.2);margin-top:16px}
  .up-actionbar.ready .up-submit{padding:13px 18px;font-size:14.5px;min-width:0}
  .up-actionbar.ready .up-ab-ic{width:40px;height:40px}
  .uploader.up-has-bar{padding-bottom:20px}
}

/* ═══════════════ تخطيط الرئيسية الجديد: الرافع | النتائج ═══════════════ */
.dash-top{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:22px}
.dash-latest{align-self:stretch}
/* الرافع مضغوط داخل الكارت */
.dash-uploader{margin-bottom:0}
.dash-uploader-head{padding-bottom:16px;margin-bottom:16px}
.dash-uploader .up-block{margin-bottom:16px}
@media(max-width:980px){
  .dash-top{grid-template-columns:1fr}
}
@media(max-width:600px){
  .dash-statbar{margin-bottom:14px}
  .dash-top{gap:14px;margin-bottom:14px}
}

/* ═══════════════════════════════════════════════════════════
   المنيو السفلي + النافذة السفلية (bottom sheet) + الرافع بخطوات
   ═══════════════════════════════════════════════════════════ */

/* ── المنيو السفلي ── */
.bottom-nav{display:none}
@media(max-width:860px){
  .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;align-items:flex-end;box-shadow:0 -6px 24px rgba(11,18,32,.1)}
  .bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--faint);font-size:10px;font-weight:700;padding:5px 0 3px;position:relative}
  .bn-item svg{width:23px;height:23px}
  .bn-item.active{color:var(--gold-2)}
  .bn-fab{flex-shrink:0;width:56px;height:56px;border-radius:50%;border:4px solid var(--paper);background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(199,154,59,.5);margin:-26px 4px 0;cursor:pointer}
  .bn-fab svg{width:26px;height:26px}
  .bn-badge{position:absolute;top:2px;left:calc(50% - 15px);width:7px;height:7px;border-radius:50%;background:var(--danger)}
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  .footer{display:none}
}

/* ── النافذة السفلية ── */
.sheet-overlay{position:fixed;inset:0;z-index:100;background:rgba(11,18,32,0);display:flex;align-items:flex-end;justify-content:center;transition:background .3s;padding:0}
.sheet-overlay.show{background:rgba(11,18,32,.55);backdrop-filter:blur(2px)}
.sheet-overlay[hidden]{display:none}
.sheet{width:100%;max-width:580px;max-height:92vh;background:var(--surface);border-radius:28px 28px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .34s cubic-bezier(.32,.72,0,1);box-shadow:0 -14px 50px rgba(0,0,0,.42);overflow:hidden}
.sheet-overlay.show .sheet{transform:translateY(0)}
.sheet-grab{padding:12px 0 4px;display:flex;justify-content:center;cursor:grab;touch-action:none}
.sheet-grab:active{cursor:grabbing}
.sheet-handle{width:44px;height:5px;border-radius:3px;background:var(--line);transition:.15s}
.sheet-grab:active .sheet-handle{background:var(--gold)}
.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:4px 22px 14px;border-bottom:1px solid var(--line-2)}
.sheet-head h3{display:flex;align-items:center;gap:8px;font-family:'El Messiri',serif;font-size:20px;color:var(--ink)}
.sheet-head h3 .ic{width:18px;height:18px;color:var(--gold-2)}
.sheet-close{width:34px;height:34px;border-radius:50%;border:0;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.sheet-close:hover{background:var(--line);color:var(--ink)}
.sheet-body{overflow-y:auto;overflow-x:hidden;padding:20px 22px;flex:1;-webkit-overflow-scrolling:touch}
/* الشريط يثبت أسفل النافذة عند التمرير */
.sheet-body .up-actionbar.ready{position:sticky;bottom:0;z-index:5;box-shadow:0 -6px 20px rgba(11,18,32,.14);margin-bottom:0}
/* كمبيوتر: نافذة في المنتصف */
@media(min-width:861px){
  .sheet-overlay{align-items:center;padding:20px}
  .sheet{border-radius:24px;max-height:88vh}
}

/* ── الرافع بخطوات ── */
.up-flow-head{margin-bottom:16px}
.up-flow-badge{display:inline-block;background:var(--gold-soft);color:var(--gold-2);font-size:11.5px;font-weight:800;padding:4px 13px;border-radius:20px;margin-bottom:10px}
.up-flow-head h4{font-family:'El Messiri',serif;font-size:22px;color:var(--ink);margin-bottom:4px}
.up-flow-head p{font-size:13px;color:var(--muted);line-height:1.5}
.up-panel[hidden]{display:none}
.up-panel{animation:fadeUp .25s var(--ease)}
/* شبكة الأقسام */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:11px;margin-bottom:20px}
.cat-tile{cursor:pointer}
.cat-tile input{position:absolute;opacity:0;pointer-events:none}
.cat-tile-box{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;border:1.6px solid var(--line);border-radius:16px;padding:20px 12px;transition:.15s;position:relative;background:var(--surface)}
.cat-tile-ic{width:52px;height:52px;border-radius:15px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;transition:.15s}
.cat-tile-ic .ic{width:26px;height:26px}
.cat-tile-name{font-family:'El Messiri',serif;font-size:16px;font-weight:600;color:var(--ink)}
.cat-tile-check{position:absolute;top:9px;inset-inline-start:9px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:transparent;transition:.15s}
.cat-tile-check .ic{width:13px;height:13px}
.cat-tile:hover .cat-tile-box{border-color:var(--gold);background:#fffdf7}
.cat-tile input:checked + .cat-tile-box{border-color:var(--gold);background:#fffdf7;box-shadow:0 0 0 3px var(--gold-soft)}
.cat-tile input:checked + .cat-tile-box .cat-tile-ic{background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff}
.cat-tile input:checked + .cat-tile-box .cat-tile-check{border-color:var(--gold-2);background:var(--gold-2);color:#fff}
/* رجوع */
.up-back{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:0;color:var(--muted);font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer;margin-bottom:16px;padding:8px 14px;border-radius:20px}
.up-back:hover{color:var(--gold-2);background:var(--gold-soft)}
.up-back .ic{width:14px;height:14px}
/* تابات كبيرة (رفع/تسجيل) */
.src-tabs-lg{gap:12px;margin-bottom:16px}
.src-tabs-lg .src-tab{flex-direction:column;gap:9px;padding:18px 12px;font-size:14.5px}

/* ── زر الرفع في اللوحة (يفتح النافذة) ── */
.dash-cta{display:flex;align-items:center;gap:18px;width:100%;border:0;cursor:pointer;font-family:inherit;text-align:right;background:linear-gradient(135deg,#0B1220 0%,#16233F 62%,#22385f 100%);border-radius:22px;padding:24px 26px;box-shadow:0 16px 44px rgba(11,18,32,.32);transition:.2s var(--ease);position:relative;overflow:hidden}
.dash-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 12%,rgba(231,200,119,.22),transparent 52%);pointer-events:none}
.dash-cta::after{content:"";position:absolute;inset-inline-start:-45%;top:-60%;width:55%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:rotate(18deg);pointer-events:none}
.dash-cta:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(11,18,32,.42)}
.dash-cta-ic{width:60px;height:60px;border-radius:18px;background:linear-gradient(150deg,rgba(231,200,119,.28),rgba(231,200,119,.08));color:#E7C877;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(231,200,119,.32)}
.dash-cta-ic .ic{width:28px;height:28px}
.dash-cta-txt{flex:1;min-width:0}
.dash-cta-txt b{display:block;font-family:'El Messiri',serif;font-size:21px;color:#fff;margin-bottom:4px}
.dash-cta-txt span{display:block;font-size:13px;color:rgba(255,255,255,.75);line-height:1.55}
.dash-cta-go{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(150deg,#E7C877,#C79A3B);color:#0B1220;font-weight:800;font-size:14.5px;padding:12px 22px;border-radius:26px;box-shadow:0 6px 18px rgba(199,154,59,.45)}
.dash-cta-go .ic{width:18px;height:18px}

/* دعوة التطبيق فوق المنيو السفلي (جوال) */
@media(max-width:860px){
  .pwa-banner{bottom:calc(84px + env(safe-area-inset-bottom));left:12px;right:12px;padding:12px 14px;border-radius:18px}
  .pwa-ios{bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* ── عند اختيار ملف: يختفي المصدر وتفضل المعاينة فقط ── */
.uploader.has-file .up-source{display:none}
.uploader.has-file .preview{margin-top:0;padding:16px;background:var(--surface-2);border:1.5px solid var(--gold-soft)}
.pv-remove{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:0;background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}
.pv-remove:hover{background:#FEE2E2;color:var(--danger)}
.pv-remove .ic{width:15px;height:15px}

/* الإحصائيات في الأسفل */
.dash-statbar-bottom{margin-top:22px;margin-bottom:0}
/* زر اللوحة (أضف صوتك) متوسّط تمامًا على الجوال */
@media(max-width:600px){
}
/* العلم مرئي بالكامل على يسار حقل الهاتف */
.phone-field{direction:ltr}
.phone-field .dial-btn{padding-inline:14px 12px}
.phone-field .phone-input{text-align:left}

/* كارت أضف صوتك — متوسّط تمامًا على الجوال */
@media(max-width:600px){
  .dash-cta{flex-direction:column;text-align:center;align-items:center;gap:15px;padding:28px 20px}
  .dash-cta-ic{margin:0 auto}
  .dash-cta-txt{width:100%;text-align:center}
  .dash-cta-txt b,.dash-cta-txt span{text-align:center}
  .dash-cta-go{width:100%;justify-content:center;padding:14px}
}

/* منع تكبير الشاشة (zoom) عند الكتابة على iOS — الحقول 16px على الجوال */
@media(max-width:860px){
  input,select,textarea,.control,.phone-input,.f-title{font-size:16px !important}
}

/* ── صفحة التحليل: hero مضغوط على الجوال (الكروت تحت تبان بسرعة) ── */
@media(max-width:600px){
  .an-hero-score{flex-direction:row;justify-content:center;gap:16px;padding:16px}
  .score-ring{width:100px;height:100px}
  .score-ring svg{width:100px;height:100px}
  .sr-val b{font-size:31px}
  .sr-val small{font-size:10px}
  .ov-badge{font-size:12.5px;padding:6px 14px}
  .an-title{font-size:20px;margin:2px 0 12px}
  .reco{padding:12px 13px;margin-top:14px}
}

/* ── كارت أحدث تسجيلاتك ── */
.recent-card{margin-top:18px}
.recent-list{display:flex;flex-direction:column;gap:3px}
.recent-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:13px;text-decoration:none;transition:.14s}
.recent-row:hover{background:var(--surface-2)}
.recent-ic{width:38px;height:38px;border-radius:11px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.recent-info{flex:1;min-width:0}
.recent-info b{display:block;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-info small{font-size:11.5px;color:var(--faint)}
.recent-score{flex-shrink:0;font-family:'El Messiri',serif;font-size:19px;font-weight:700;color:var(--gold-2)}
.recent-score i{font-style:normal;font-size:10px;color:var(--faint)}
.recent-pending{flex-shrink:0;font-size:10.5px;font-weight:700;color:var(--blue);background:var(--blue-soft);padding:4px 10px;border-radius:20px}
.dash-see-all{font-size:12.5px;color:var(--gold-2);font-weight:700;text-decoration:none}
.dash-see-all:hover{text-decoration:underline}

/* ── تطوير المنيو السفلي: مؤشر نشط + توهّج احترافي ── */
@media(max-width:860px){
  .bn-item{position:relative;transition:color .18s}
  .bn-item svg{transition:transform .18s}
  .bn-item.active svg{transform:translateY(-1px) scale(1.08)}
  .bn-item.active::before{content:"";position:absolute;top:-6px;inset-inline-start:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,#E7C877,#C79A3B)}
  .bn-fab{position:relative;transition:transform .2s var(--ease),box-shadow .2s}
  .bn-fab::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(199,154,59,.35);animation:fabPulse 2.4s ease-out infinite}
  .bn-fab:active{transform:scale(.92) translateY(2px)}
  .bn-fab svg{transition:transform .2s}
  .bn-fab:hover svg{transform:rotate(90deg)}
}
@keyframes fabPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}

/* ── معاينة الفيديو كصورة ثابتة (الصوت هو الأساس) ── */
.pv-media-wrap{margin-bottom:12px;display:flex;align-items:center;gap:12px}
.pv-thumb{position:relative;width:88px;height:64px;border-radius:12px;overflow:hidden;background:#0E1626;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.pv-thumb img{width:100%;height:100%;object-fit:cover;display:none}
.pv-thumb.has-img img{display:block}
.pv-thumb-ic{position:absolute;font-size:22px;opacity:.9;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.pv-media-tag{font-size:12px;font-weight:600;color:var(--muted);line-height:1.5}

/* ══════ صفحة الرفع (استوديو التحليل) — تصميم قوي ══════ */
.up-page{max-width:680px;margin:0 auto}
.up-page-head{text-align:center;margin-bottom:22px}
.up-page-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gold-soft);color:var(--gold-2);font-size:12px;font-weight:800;padding:6px 15px;border-radius:20px;margin-bottom:12px}
.up-page-badge .ic{width:15px;height:15px}
.up-page-head h1{font-size:28px;margin-bottom:6px;font-family:'El Messiri',serif;color:var(--ink)}
.up-page-head p{color:var(--muted);font-size:14px;max-width:440px;margin:0 auto;line-height:1.6}
.up-main-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 18px 50px rgba(11,18,32,.1)}
.up-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.up-feat{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;transition:.15s}
.up-feat:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow)}
.up-feat-ic{width:42px;height:42px;border-radius:12px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.up-feat b{display:block;font-size:14px;color:var(--ink)}
.up-feat small{font-size:11.5px;color:var(--faint)}
.up-safe-note{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:16px;font-size:12.5px;color:var(--muted)}
.up-safe-note .ic{color:var(--blue);flex-shrink:0}

/* أقسام أقوى (اختيار بارز) */
.cat-tile input:checked + .cat-tile-box{border-color:var(--gold-2);background:linear-gradient(160deg,#fffdf7,var(--gold-soft));box-shadow:0 0 0 3px var(--gold-soft),0 10px 24px rgba(199,154,59,.16);transform:translateY(-2px)}

/* أزرار المصدر (رفع/تسجيل) كبطاقات قوية */
.src-tabs-lg{background:transparent;padding:0;gap:12px}
.src-tabs-lg .src-tab{border:1.7px solid var(--line);background:var(--surface);border-radius:16px;padding:20px 12px;color:var(--ink-2)}
.src-tabs-lg .src-tab .ic{width:24px;height:24px}
.src-tabs-lg .src-tab.active{border-color:var(--gold-2);background:linear-gradient(160deg,#fffdf7,var(--gold-soft));box-shadow:0 0 0 3px var(--gold-soft),0 8px 20px rgba(199,154,59,.12);color:var(--ink)}
.src-tabs-lg .src-tab.active .ic{color:var(--gold-2)}

/* دروب-زون أقوى */
.dropzone{border-width:2px}
.dropzone:hover,.dropzone.drag{background:linear-gradient(160deg,#fffdf7,var(--gold-soft));box-shadow:inset 0 0 0 1px var(--gold-soft)}

@media(max-width:600px){
  .up-page-head h1{font-size:22px}
  .up-page-head p{font-size:13px}
  .up-main-card{padding:16px 14px;border-radius:20px}
  .up-features{grid-template-columns:1fr;gap:9px}
  .up-feat{padding:12px 14px}
}

/* ══════ أعلى صفحة التحليل (زر PDF + شرائح نظيفة) ══════ */
.an-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.an-pdf-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(150deg,#E7C877,#C79A3B);color:#0B1220;font-weight:800;font-size:13.5px;padding:10px 18px;border-radius:22px;text-decoration:none;box-shadow:0 6px 16px rgba(199,154,59,.4);transition:.15s}
.an-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(199,154,59,.5)}
.an-pdf-btn .ic{width:16px;height:16px}
.an-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.an-chip{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.an-chip .ic{width:13px;height:13px;color:var(--gold-2)}
@media(max-width:600px){
  .an-title{font-size:20px;margin:0 0 10px}
  .an-chips{gap:6px;margin-bottom:14px}
  .an-chip{padding:6px 11px;font-size:11.5px}
  .an-pdf-btn{font-size:12.5px;padding:9px 15px}
}

/* ══════ مودال تأكيد احترافي ══════ */
.cmodal-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(11,18,32,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}
.cmodal-overlay.show{opacity:1}
.cmodal{background:var(--surface);border-radius:22px;padding:28px 24px 22px;max-width:380px;width:100%;text-align:center;box-shadow:0 30px 70px rgba(11,18,32,.4);transform:scale(.94) translateY(10px);transition:transform .22s var(--ease)}
.cmodal-overlay.show .cmodal{transform:none}
.cmodal-ic{width:60px;height:60px;border-radius:50%;background:#FEE2E2;color:var(--danger);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.cmodal-ic svg{width:28px;height:28px}
.cmodal-title{font-family:'El Messiri',serif;font-size:21px;color:var(--ink);margin-bottom:8px}
.cmodal-msg{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:22px}
.cmodal-actions{display:flex;gap:10px}
.cmodal-btn{flex:1;padding:13px;border-radius:14px;border:0;font-family:inherit;font-weight:800;font-size:14.5px;cursor:pointer;transition:.15s}
.cmodal-cancel{background:var(--surface-2);color:var(--ink-2)}
.cmodal-cancel:hover{background:var(--line)}
.cmodal-ok{background:linear-gradient(150deg,#EF4444,#DC2626);color:#fff;box-shadow:0 6px 16px rgba(220,38,38,.35)}
.cmodal-ok:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(220,38,38,.45)}

/* ══════ قائمة الحساب المنسدلة ══════ */
.acc-drop{position:relative}
.acc-drop .avatar{cursor:pointer;border:0;font-family:'El Messiri',serif;transition:.15s}
.acc-drop .avatar:hover{transform:scale(1.05)}
.acc-drop-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:236px;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 22px 54px rgba(11,18,32,.26);padding:8px;z-index:70;animation:menuDrop .2s var(--ease)}
.acc-drop-head{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.acc-drop-ava{width:42px;height:42px;border-radius:50%;background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'El Messiri',serif;font-weight:700;font-size:19px;flex-shrink:0}
.acc-drop-head b{display:block;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.acc-drop-head span{font-size:12px;color:var(--faint);direction:ltr;display:block}
.acc-drop-menu a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:11px;font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none;transition:.14s}
.acc-drop-menu a:hover{background:var(--surface-2)}
.acc-drop-menu a .ic{width:16px;height:16px;color:var(--gold-2)}
.acc-drop-out{color:var(--danger) !important}
.acc-drop-out .ic{color:var(--danger) !important;transform:scaleX(-1)}

/* ══════ صفحة الحساب ══════ */
.acc-page{max-width:640px;margin:0 auto}
.acc-grid{display:flex;flex-direction:column;gap:16px}
.acc-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow-sm)}
.acc-card h3{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:16px;color:var(--ink)}
.acc-card h3 .ic{color:var(--gold-2)}
.acc-card .field{margin-bottom:14px}
.acc-info{display:flex;align-items:center;gap:16px}
.acc-ava{width:60px;height:60px;border-radius:50%;background:linear-gradient(150deg,#E7C877,#C79A3B);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'El Messiri',serif;font-weight:700;font-size:27px;flex-shrink:0}
.acc-info-body b{display:block;font-size:18px;color:var(--ink);margin-bottom:4px}
.acc-info-body span{font-size:13px;color:var(--muted);display:inline-block;margin-inline-end:8px;direction:ltr}
.acc-role{background:var(--gold-soft);color:var(--gold-2) !important;font-weight:700;font-size:11px;padding:3px 11px;border-radius:20px;direction:rtl}
.acc-logout-card{display:flex;align-items:center;justify-content:space-between;gap:14px}
.acc-logout-card b{display:block;font-size:15px;color:var(--ink);margin-bottom:2px}
.acc-logout-card span{font-size:12.5px;color:var(--muted)}
.btn-danger-soft{background:#FEE2E2;color:var(--danger);font-weight:800}
.btn-danger-soft:hover{background:#FECACA}
.btn-danger-soft .ic{transform:scaleX(-1)}

/* ── إحصائيات مصغّرة احترافية تحت كل تسجيل ── */
.lib-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px}
.lsm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 6px}
.lsm-ic{width:30px;height:30px;border-radius:9px;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:center;margin-bottom:2px}
.lsm b{font-family:'El Messiri',serif;font-size:16px;color:var(--ink);line-height:1}
.lsm b i{font-style:normal;font-size:9px;color:var(--faint)}
.lsm-band{font-size:12.5px !important}
.lsm small{font-size:10px;color:var(--faint)}
.lib-score-bar-sm{height:6px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.lib-score-bar-sm i{display:block;height:100%;border-radius:6px;transition:width .6s var(--ease)}

/* ══════════════ لوحة الإدارة — مكوّنات نظيفة ══════════════ */
/* تنقّل الإدارة */
.adm-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.adm-nav a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-weight:600;font-size:13.5px;text-decoration:none;transition:.14s}
.adm-nav a:hover{border-color:var(--gold);color:var(--gold-2);transform:translateY(-1px)}
.adm-nav a.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.adm-nav a .ic{width:16px;height:16px}

/* الأدوات: بطاقات صف مرتّبة */
.adm-list{display:flex;flex-direction:column;gap:10px}
.adm-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;transition:.15s}
.adm-item:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm)}
.adm-order{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
.adm-order form{display:block;line-height:0;margin:0}
.adm-order button{width:28px;height:19px;border:1px solid var(--line);background:var(--surface-2);border-radius:6px;cursor:pointer;color:var(--muted);font-size:9px;display:flex;align-items:center;justify-content:center;padding:0;transition:.12s}
.adm-order button:hover{border-color:var(--gold);color:var(--gold-2);background:var(--gold-soft)}
.adm-item-form{display:flex;align-items:center;gap:8px;flex:1;min-width:230px;margin:0}
.adm-sel,.adm-inp{padding:9px 11px;border:1.4px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:13.5px;transition:.15s}
.adm-sel:focus,.adm-inp:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px var(--gold-soft)}
.adm-sel{width:auto;min-width:96px;flex-shrink:0}
.adm-inp-label{width:120px;flex-shrink:0}
.adm-inp-url{flex:1;min-width:110px}
.adm-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.adm-item-actions form{display:inline;margin:0}
.adm-chip{border:1.4px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:20px;padding:8px 13px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:.14s}
.adm-chip:hover{border-color:var(--gold)}
.adm-chip.on{border-color:#bfe6d3;background:var(--green-soft);color:var(--green)}
.adm-del{width:36px;height:36px;border:1.4px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.14s}
.adm-del:hover{border-color:#f5c2c2;background:#FEE2E2;color:var(--danger)}
.adm-del svg{width:16px;height:16px}

/* بطاقة إضافة */
.adm-add{margin-top:16px;border-top:1px dashed var(--line);padding-top:16px}
.adm-add h4{font-size:14px;margin-bottom:12px;color:var(--gold-2);font-family:'El Messiri',serif}
.adm-add-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* بلوكات القرّاء */
.adm-block{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.adm-block:hover{border-color:var(--line-2)}
.adm-block-lead{display:flex;align-items:center;gap:10px}
.adm-block-info b{display:block;font-size:15px;font-family:'El Messiri',serif;color:var(--ink)}
.adm-block-info span{font-size:12px;color:var(--muted)}

/* جداول الإدارة (مستخدمون/صوتيات) */
.adm-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.adm-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:600px}
.adm-table th{text-align:right;padding:13px 15px;background:var(--surface-2);color:var(--muted);font-weight:700;font-size:12.5px;border-bottom:1px solid var(--line);white-space:nowrap}
.adm-table td{padding:12px 15px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}
.adm-table tr:last-child td{border-bottom:0}
.adm-table tbody tr:hover td{background:var(--surface-2)}
.adm-table .u-name{font-weight:700;color:var(--ink)}
.adm-table .u-sub{font-size:11.5px;color:var(--faint)}
.adm-t-actions{display:flex;gap:6px;align-items:center;justify-content:flex-start}
.adm-t-actions form{display:inline;margin:0}
.adm-badge{display:inline-block;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}
.adm-badge-admin{background:var(--gold-soft);color:var(--gold-2)}
.adm-badge-user{background:var(--surface-2);color:var(--muted)}
.adm-badge-ok{background:var(--green-soft);color:var(--green)}
.adm-badge-wait{background:var(--blue-soft);color:var(--blue)}
.adm-score{font-family:'El Messiri',serif;font-weight:700;font-size:16px;color:var(--gold-2)}
.adm-mini-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:9px;border:1.4px solid var(--line);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;transition:.14s}
.adm-mini-btn:hover{border-color:var(--gold);color:var(--gold-2)}
.adm-mini-btn.danger:hover{border-color:#f5c2c2;background:#FEE2E2;color:var(--danger)}

/* اللوحة تنزل عمود واحد على الجوال */
@media(max-width:760px){
  .layout{grid-template-columns:1fr!important}
  .adm-item-form{min-width:100%}
  .adm-inp-label{width:100%}
}
/* صفوف الأدوات/البلوكات: تكديس كامل على الموبايل (كانت بتطفح بره الشاشة) */
@media(max-width:600px){
  .adm-item{flex-direction:column;align-items:stretch;gap:9px}
  .adm-order{flex-direction:row;justify-content:flex-start;gap:8px}
  .adm-order form{flex:1}
  .adm-order button{width:100%;height:30px}
  .adm-item-form{min-width:0!important;flex-wrap:wrap;gap:8px}
  .adm-item-form>*:not(button):not(label){flex:1 1 100%;min-width:0;box-sizing:border-box}
  .adm-inp-label{width:100%}
  .adm-item-actions{justify-content:flex-start;gap:8px;flex-wrap:wrap}
  .adm-add-row{flex-direction:column;align-items:stretch}
  .adm-add-row input,.adm-add-row select{width:100%!important;min-width:0!important}
}

/* ── قرّاء المراجع في الأدمن (صورة + تغيير) ── */
.adm-reciter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2)}
.adm-reciter:last-child{border-bottom:0}
.adm-reciter-lead{display:flex;align-items:center;gap:10px;min-width:0}
.adm-reciter-av{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.adm-reciter-av img{width:100%;height:100%;object-fit:cover}
.adm-reciter-av .ic{width:18px;height:18px}
.adm-reciter-info{min-width:0}
.adm-reciter-info b{display:block;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-reciter-info span{font-size:11.5px;color:var(--faint)}
.adm-reciter-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.adm-av-btn{width:36px;height:36px;border:1.4px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.14s}
.adm-av-btn:hover{border-color:var(--gold);color:var(--gold-2);background:var(--gold-soft)}
.adm-av-btn svg{width:14px;height:14px}

/* ════════ تجربة الزوار ════════ */
.guest-wrap{max-width:680px;margin:0 auto;padding:26px 16px 60px}
.guest-head{text-align:center;margin-bottom:24px}
.guest-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gold-soft);color:var(--gold-2);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);padding:7px 14px;border-radius:100px;font-size:12.5px;font-weight:700;margin-bottom:14px}
.guest-head h1{font-family:var(--font-head,'El Messiri',serif);font-size:28px;color:var(--ink);margin:0 0 10px;line-height:1.3}
.guest-head p{color:var(--muted);font-size:14.5px;line-height:1.7;max-width:520px;margin:0 auto}
.guest-tries{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:12.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:6px 12px;border-radius:10px}
.guest-tries b{color:var(--gold-2)}
.guest-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 30px rgba(20,30,50,.06);margin-bottom:20px}
.guest-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.guest-perk{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}
.guest-perk .gp-ic{width:38px;height:38px;border-radius:10px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.guest-perk b{display:block;font-size:13.5px;color:var(--ink)}
.guest-perk span{font-size:11.5px;color:var(--faint)}
.guest-signin-note{text-align:center;font-size:13.5px;color:var(--muted)}
.guest-signin-note a{color:var(--gold-2);font-weight:700}
@media(max-width:560px){.guest-perks{grid-template-columns:1fr}.guest-head h1{font-size:23px}}

/* نتيجة الزائر */
.guest-result{max-width:900px;margin:0 auto;padding:20px 16px 60px}
.guest-cta-top{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(120deg,#1a2740,#243657);color:#fff;border-radius:18px;padding:16px 20px;margin-bottom:20px;flex-wrap:wrap}
.guest-cta-top .gct-txt b{display:block;font-size:15px;font-weight:700}
.guest-cta-top .gct-txt span{font-size:12.5px;opacity:.85}
.gct-btn{flex-shrink:0;white-space:nowrap}
.guest-hero{margin-bottom:8px}
/* المقارنة المقفولة */
.guest-lock{position:relative;overflow:hidden;padding:0}
.guest-lock-preview{padding:22px;filter:blur(4px);opacity:.5;pointer-events:none;user-select:none}
.glp-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-2)}
.glp-row:last-child{border-bottom:0}
.glp-av{width:36px;height:36px;border-radius:50%;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.glp-name{font-weight:700;color:var(--ink);font-size:14px;min-width:70px}
.glp-bar{flex:1;height:9px;border-radius:100px;background:var(--surface-2);overflow:hidden}
.glp-bar i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,#E7C877,#B0842A)}
.glp-pct{font-weight:800;color:var(--gold-2);font-size:14px;min-width:42px;text-align:left}
.guest-lock-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;background:rgba(255,255,255,.84);background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(1.5px)}
.guest-lock-over .gl-ic{width:52px;height:52px;border-radius:50%;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.guest-lock-over b{font-size:16px;color:var(--ink);max-width:360px}
.guest-lock-over .gl-sub{font-size:13px;color:var(--muted);max-width:340px;margin-bottom:10px}
/* تحويل نهائي */
.guest-cta-bottom{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 22px;margin-top:24px;box-shadow:0 8px 30px rgba(20,30,50,.06)}
.guest-cta-bottom h3{font-family:var(--font-head,'El Messiri',serif);font-size:22px;color:var(--ink);margin:0 0 8px}
.guest-cta-bottom p{color:var(--muted);font-size:14px;max-width:460px;margin:0 auto 18px;line-height:1.7}
.guest-cta-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-lg{padding:13px 24px;font-size:15px}
@media(max-width:560px){.guest-cta-top{flex-direction:column;align-items:stretch;text-align:center}.gct-btn{width:100%;justify-content:center}.guest-cta-actions .btn{flex:1}}

/* مفتاح تبديل الإعدادات */
.gset-switch{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none}
.gset-switch input{position:absolute;opacity:0;width:0;height:0}
.gset-track{width:50px;height:28px;border-radius:100px;background:var(--line);position:relative;transition:.2s;flex-shrink:0}
.gset-knob{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}
.gset-switch input:checked + .gset-track{background:var(--green,#1E7A4F)}
.gset-switch input:checked + .gset-track .gset-knob{right:25px}
.gset-label{font-size:14px;font-weight:600;color:var(--ink)}

/* شرح المقاييس */
.m-explain{margin-top:6px}
.m-explain summary{cursor:pointer;font-size:11.5px;color:var(--gold-2);font-weight:600;display:inline-flex;align-items:center;gap:4px;list-style:none;user-select:none;width:fit-content}
.m-explain summary::-webkit-details-marker{display:none}
.m-explain summary:hover{text-decoration:underline}
.m-explain[open] summary{margin-bottom:5px}
.m-explain p{font-size:12px;line-height:1.7;color:var(--muted);max-width:420px;margin:0;background:var(--surface-2);padding:9px 11px;border-radius:9px;border-right:2px solid var(--gold)}
.metric-explain-box{display:flex;gap:13px;align-items:flex-start;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 26%,transparent);border-radius:14px;padding:15px 17px;margin-bottom:18px}
.metric-explain-box .meb-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.metric-explain-box b{font-size:14px;color:var(--ink);display:block;margin-bottom:4px}
.metric-explain-box p{font-size:13px;line-height:1.8;color:var(--ink-2);margin:0}

/* المراجعة: درجات المقاييس اليدوية */
.rev-manual-hint{font-size:12.5px;color:var(--muted);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:10px;padding:10px 13px;margin:0 0 16px;line-height:1.7}
.rev-manual-hint b{color:var(--gold-2)}
.rev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}
.rev-mcard{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--surface);text-align:center}
.rev-mc-head{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:11px;min-height:38px}
.rev-mc-ic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rev-mc-head h4{font-size:12.5px;margin:0;font-weight:700;color:var(--ink);line-height:1.3;text-align:right}
.rev-mc-scores{display:flex;gap:8px;margin-bottom:10px}
.rev-auto,.rev-man{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px}
.rev-auto{background:var(--surface-2)}
.rev-auto b{font-size:21px;font-weight:800;color:var(--ink-2);line-height:1}
.rev-man{background:color-mix(in srgb,var(--gold) 9%,transparent);border:1px dashed color-mix(in srgb,var(--gold) 42%,transparent)}
.rev-man input{width:100%;max-width:56px;border:none;background:transparent;text-align:center;font-size:21px;font-weight:800;color:var(--gold-2);padding:0;line-height:1;font-family:inherit;-moz-appearance:textfield}
.rev-man input::-webkit-outer-spin-button,.rev-man input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rev-man input:focus{outline:none}
.rev-auto small,.rev-man small{font-size:10.5px;color:var(--faint);font-weight:600}
.rev-mcard .band{font-size:11.5px;font-weight:700}
/* عرض درجة الخبير للمستخدم */
.mcard-expert{margin-top:7px;font-size:11.5px;font-weight:700;color:var(--gold-2);background:var(--gold-soft);border-radius:7px;padding:3px 8px;display:inline-flex;align-items:center;gap:4px}

/* ══ تجربة الزائر — هيرو محسّن ══ */
.guest-hero-new{position:relative;text-align:center;padding:34px 20px 26px;margin-bottom:22px;overflow:hidden}
.ghn-bg{position:absolute;inset:0;z-index:0;background:
  radial-gradient(circle at 50% 0%, color-mix(in srgb,var(--gold) 16%,transparent), transparent 58%),
  radial-gradient(circle at 15% 90%, color-mix(in srgb,#2E9E6B 12%,transparent), transparent 50%);
  pointer-events:none}
.guest-hero-new > *{position:relative;z-index:1}
.guest-hero-new h1{font-family:var(--font-head,'El Messiri',serif);font-size:34px;color:var(--ink);margin:14px 0 12px;line-height:1.25;font-weight:700}
.gh-accent{background:linear-gradient(100deg,#E7C877,#B0842A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#B0842A}
.guest-hero-new p{color:var(--muted);font-size:15px;line-height:1.75;max-width:540px;margin:0 auto}
.ghn-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:56px;margin:22px auto 4px;max-width:340px}
.ghn-wave span{flex:1;max-width:7px;border-radius:100px;background:linear-gradient(var(--gold-soft),var(--gold));opacity:.55;animation:ghnpulse 1.4s ease-in-out infinite}
.ghn-wave span:nth-child(3n){animation-delay:.2s;opacity:.8}
.ghn-wave span:nth-child(3n+1){animation-delay:.45s;opacity:.4}
.ghn-wave span:nth-child(4n){animation-delay:.7s}
@keyframes ghnpulse{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion: reduce){.ghn-wave span{animation:none}}
@media(max-width:560px){.guest-hero-new h1{font-size:26px}.guest-hero-new{padding:24px 12px 20px}}

/* ٣ خطوات */
.guest-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.gstep{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 14px 13px;min-width:118px;box-shadow:0 4px 16px rgba(20,30,50,.05)}
.gstep-n{position:absolute;top:-9px;right:-7px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#E7C877,#B0842A);color:#3a2a06;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(176,132,42,.4)}
.gstep-ic{width:42px;height:42px;border-radius:12px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;margin-bottom:5px}
.gstep b{font-size:14px;color:var(--ink)}
.gstep small{font-size:11.5px;color:var(--faint)}
.gstep-arrow{color:color-mix(in srgb,var(--gold) 55%,transparent);display:flex}
.gstep-arrow svg{transform:scaleX(-1)}
@media(max-width:560px){.guest-steps{gap:6px}.gstep{min-width:0;flex:1;padding:14px 6px 11px}.gstep small{display:none}.gstep-arrow{display:none}}

/* كروت المميزات — أيقونات ملوّنة */
.gp-ic-1{background:color-mix(in srgb,#E0912F 15%,#fff)!important;color:#C77A16!important}
.gp-ic-2{background:color-mix(in srgb,#2E9E6B 15%,#fff)!important;color:#1E7A4F!important}
.gp-ic-3{background:color-mix(in srgb,var(--gold) 16%,#fff)!important;color:var(--gold-2)!important}
.guest-perk{transition:.15s;box-shadow:0 3px 12px rgba(20,30,50,.04)}
.guest-perk:hover{border-color:color-mix(in srgb,var(--gold) 34%,transparent);transform:translateY(-2px)}

/* كروت المقاييس المقفولة للزائر */
.mcard-locked{position:relative;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--gold) 4%,var(--surface)))}
.mcard-locktag{font-size:10.5px;font-weight:700;color:var(--gold-2);background:var(--gold-soft);border-radius:7px;padding:3px 8px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.mcard-lockcircle{width:80px;height:80px;margin:6px auto;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold-2);
  background:radial-gradient(circle at 50% 40%, var(--gold-soft), color-mix(in srgb,var(--gold) 6%,transparent));
  border:2px dashed color-mix(in srgb,var(--gold) 42%,transparent)}
.mcard-locked h4{color:var(--ink-2)}
.mcard-unlock{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#E7C877,#B0842A);border-radius:9px;padding:6px 14px;text-decoration:none;transition:.14s;box-shadow:0 3px 10px rgba(176,132,42,.28)}
.mcard-unlock:hover{filter:brightness(1.06);transform:translateY(-1px)}
.mgrid-locked-note{text-align:center;font-size:13px;color:var(--muted);margin:16px 0 0;background:var(--gold-soft);border:1px dashed color-mix(in srgb,var(--gold) 34%,transparent);border-radius:12px;padding:12px 16px}
.mgrid-locked-note b{color:var(--gold-2)}
.mgrid-locked-note a{color:var(--gold-2);font-weight:700}

/* مفتاح ظهور المقياس للزوار (ذهبي) */
.switch-gold input:checked + .slider{background:linear-gradient(135deg,#E7C877,#B0842A)}

/* ══ خطة التطوير (نصائح لكل مقياس) ══ */
.improve-plan{margin-top:8px}
.ip-intro{font-size:14px;color:var(--muted);margin:0 0 14px}
.ip-list{display:flex;flex-direction:column;gap:12px}
.ip-item{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 16px;position:relative;overflow:hidden}
.ip-item::before{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:var(--mc,var(--gold))}
.ip-rank{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--mc,var(--gold));color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(20,30,50,.14)}
.ip-body{flex:1;min-width:0}
.ip-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.ip-name{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;color:var(--ink)}
.ip-ic{display:inline-flex}
.ip-score{font-weight:800;font-size:18px;line-height:1;white-space:nowrap}
.ip-score small{font-size:11px;font-weight:600;color:var(--faint)}
.ip-tip{margin:0;font-size:13.5px;line-height:1.75;color:var(--muted)}
.ip-strength{margin-top:14px;font-size:13.5px;line-height:1.7;color:var(--ink-2);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 26%,transparent);border-radius:12px;padding:12px 15px}
.ip-strength b{color:var(--gold-2)}
.ip-congrats{display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,var(--gold-soft),color-mix(in srgb,#2E9E6B 8%,transparent));border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:16px;padding:18px 20px}
.ip-congrats-ic{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--gold-2);box-shadow:0 4px 12px rgba(176,132,42,.18)}
.ip-congrats b{font-size:16px;color:var(--ink)}
.ip-congrats p{margin:4px 0 0;font-size:13.5px;color:var(--muted);line-height:1.7}

/* ══ شريط مشاركة النتيجة (الزائر) ══ */
.guest-share{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.gsh-txt{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}
.gsh-txt b{color:var(--ink)}
.gsh-btns{display:flex;gap:9px;flex-wrap:wrap}
.gsh-btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;padding:9px 15px;border-radius:10px;text-decoration:none;color:#fff;transition:.14s}
.gsh-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.gsh-wa{background:#25D366}
.gsh-x{background:#111}
.gsh-copy{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}
.gsh-copy:hover{background:var(--gold-soft);color:var(--gold-2)}
@media(max-width:560px){.guest-share{flex-direction:column;align-items:stretch}.gsh-btns{justify-content:center}.gsh-btn{flex:1;justify-content:center}}

/* ══ الصفحات الثابتة (عن/المنهجية/تواصل) ══ */
.page-static{max-width:820px;margin:0 auto;padding:8px 0 40px}
.ps-head{text-align:center;padding:28px 16px 24px}
.ps-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--gold-2);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:100px;padding:6px 14px;margin-bottom:14px}
.ps-head h1{font-family:var(--font-head,'El Messiri',serif);font-size:32px;color:var(--ink);margin:0 0 12px;font-weight:700}
.ps-lead{font-size:15.5px;line-height:1.85;color:var(--muted);max-width:620px;margin:0 auto}
.ps-body{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 28px}
.ps-body h2{font-size:19px;color:var(--ink);margin:26px 0 12px;font-weight:700}
.ps-body h2:first-child{margin-top:0}
.ps-body p{font-size:14.5px;line-height:1.9;color:var(--ink-2);margin:0 0 12px}
.ps-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 8px}
.ps-step{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px 15px;position:relative}
.ps-step-n{position:absolute;top:-10px;right:-8px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#E7C877,#B0842A);color:#3a2a06;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(176,132,42,.4)}
.ps-step b{font-size:14.5px;color:var(--ink);display:block;margin-bottom:5px}
.ps-step p{font-size:12.5px;line-height:1.7;color:var(--muted);margin:0}
.ps-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.ps-metric{border:1px solid var(--line);border-radius:14px;padding:15px 16px;background:var(--surface);border-right:4px solid var(--mc,var(--gold))}
.ps-metric-h{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.ps-metric-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ps-metric-h b{font-size:14.5px;color:var(--ink)}
.ps-metric p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}
.ps-note{font-size:13px;color:var(--faint);background:var(--surface-2);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:7px;line-height:1.6;margin-top:16px}
.ps-contact{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px}
.ps-contact-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;transition:.15s;background:var(--surface)}
.ps-contact-card:hover{border-color:color-mix(in srgb,var(--gold) 34%,transparent);transform:translateY(-2px)}
.ps-contact-ic{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ps-contact-wa{background:color-mix(in srgb,#25D366 16%,#fff);color:#128C7E}
.ps-contact-card b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:2px}
.ps-contact-card span{font-size:13px;color:var(--muted)}
.ps-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
@media(max-width:640px){.ps-head h1{font-size:26px}.ps-body{padding:20px 18px}.ps-steps,.ps-metrics,.ps-contact{grid-template-columns:1fr}}

/* ══ تتبّع التقدّم + الإنجازات ══ */
.dash-progress{margin-bottom:20px}
.dp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.dp-stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 3px 12px rgba(20,30,50,.04)}
.dp-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.dp-ic-1{background:color-mix(in srgb,var(--gold) 16%,#fff);color:var(--gold-2)}
.dp-ic-2{background:color-mix(in srgb,#2E9E6B 15%,#fff);color:#1E7A4F}
.dp-ic-3{background:color-mix(in srgb,#E0912F 15%,#fff);color:#C77A16}
.dp-ic-4{background:color-mix(in srgb,#3B6FB0 15%,#fff);color:#2E5A93}
.dp-stat b{font-size:24px;font-weight:800;color:var(--ink);line-height:1}
.dp-stat small{font-size:12px;color:var(--faint);font-weight:600}
.badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:4px}
.badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border-radius:14px;padding:16px 10px 13px;border:1px solid var(--line);background:var(--surface);transition:.15s}
.badge>b{display:block;font-size:13px;color:var(--ink);margin-bottom:2px}
.badge.earned{border-color:color-mix(in srgb,var(--gold) 34%,transparent);background:linear-gradient(180deg,var(--surface),var(--gold-soft))}
.badge.earned:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(176,132,42,.14)}
.badge.locked{opacity:.72}
.badge-ic{width:52px;height:52px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.badge.earned .badge-ic{background:linear-gradient(135deg,#E7C877,#B0842A);color:#fff;box-shadow:0 4px 12px rgba(176,132,42,.28)}
.badge.locked .badge-ic{background:var(--surface-2);color:var(--faint)}
.badge b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:3px}
.badge.locked b{color:var(--muted)}
.badge-desc{display:block;font-size:11px;color:var(--faint);line-height:1.5;min-height:31px}
.badge-flag{display:inline-flex;align-items:center;gap:3px;margin-top:8px;font-size:11px;font-weight:700;border-radius:100px;padding:3px 10px}
.badge-done{color:#1E7A4F;background:color-mix(in srgb,#2E9E6B 14%,transparent)}
.badge-prog{color:var(--muted);background:var(--surface-2)}
@media(max-width:760px){.dp-stats{grid-template-columns:1fr 1fr}.badges-grid{grid-template-columns:1fr 1fr}}

/* ══ فحص جودة الصوت (تحذير غير مانع) ══ */
.up-quality{margin-top:14px;background:color-mix(in srgb,#E0912F 9%,#fff);border:1px solid color-mix(in srgb,#E0912F 30%,transparent);border-radius:12px;padding:13px 15px}
.up-quality .uq-h{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;color:#B26A0E;margin-bottom:7px}
.up-quality ul{margin:0 0 8px;padding-right:20px;display:flex;flex-direction:column;gap:4px}
.up-quality li{font-size:12.5px;line-height:1.6;color:var(--ink-2)}
.up-quality .uq-ok{font-size:12px;color:var(--muted);font-style:italic}

/* ══ اختيار فئة العيّنة المرجعية (أدمن) ══ */
.ref-cat-pick{display:flex;gap:10px;flex-wrap:wrap}
.ref-cat{cursor:pointer}
.ref-cat input{position:absolute;opacity:0;width:0;height:0}
.ref-cat-box{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1.5px solid var(--line);border-radius:100px;font-size:13.5px;font-weight:600;color:var(--muted);background:var(--surface);transition:.15s}
.ref-cat:hover .ref-cat-box{border-color:color-mix(in srgb,var(--gold) 40%,transparent)}
.ref-cat input:checked + .ref-cat-box{border-color:var(--gold);background:var(--gold-soft);color:var(--gold-2)}

/* ══ تقييم الخبير (عام + لكل مقياس) ══ */
.expert-review{margin-bottom:4px}
.er-card{background:linear-gradient(160deg,var(--surface),var(--gold-soft));border:1.5px solid color-mix(in srgb,var(--gold) 32%,transparent);border-radius:18px;padding:20px 22px;box-shadow:0 6px 22px rgba(176,132,42,.1)}
.er-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.er-head-l{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.er-badge{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:var(--gold-2);background:#fff;border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:100px;padding:7px 15px}
.er-stars{color:#E0A92E;font-size:19px;letter-spacing:2px}
.er-score{text-align:center;background:#fff;border-radius:14px;padding:8px 18px;border:1px solid color-mix(in srgb,var(--gold) 20%,transparent)}
.er-score b{display:block;font-size:26px;font-weight:800;color:var(--gold-2);line-height:1}
.er-score small{font-size:11px;color:var(--muted)}
.er-general{display:flex;gap:12px;margin-top:16px;background:#fff;border-radius:13px;padding:14px 16px;border:1px solid var(--line)}
.er-gen-ic{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center}
.er-general b{font-size:14px;color:var(--ink)}
.er-general p{margin:4px 0 0;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
.er-metrics-h{display:flex;align-items:center;gap:7px;margin:18px 0 12px;font-size:14px;font-weight:700;color:var(--ink);padding-top:16px;border-top:1px dashed color-mix(in srgb,var(--gold) 30%,transparent)}
.er-metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.er-metric{background:#fff;border:1px solid var(--line);border-right:4px solid var(--mc,var(--gold));border-radius:12px;padding:12px 14px}
.er-m-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.er-m-name{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;color:var(--ink)}
.er-m-ic{display:inline-flex}
.er-m-scores{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.er-m-scores b{font-size:18px;font-weight:800;line-height:1}
.er-m-scores small{font-size:10.5px;color:var(--faint)}
.er-m-note{margin:0;font-size:13px;line-height:1.75;color:var(--muted)}
@media(max-width:640px){.er-metrics{grid-template-columns:1fr}}

/* حقل ملاحظة المقياس (نموذج الأدمن) */
.rev-mnote{width:100%;margin-top:9px;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-family:inherit;font-size:12.5px;line-height:1.6;color:var(--ink);background:var(--surface-2);resize:vertical;min-height:44px}
.rev-mnote:focus{outline:none;border-color:var(--gold);background:#fff}

/* ══ شارة المراجعة في التسجيلات ══ */
.lib-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.lib-rev-done{display:inline-flex;align-items:center;gap:4px;color:#fff!important;background:linear-gradient(135deg,#E7C877,#B0842A)!important;font-weight:700}
.lib-rev-wait{display:inline-flex;align-items:center;gap:4px;color:#B26A0E!important;background:color-mix(in srgb,#E0912F 15%,#fff)!important;font-weight:700}

/* ══ زر بدء التجربة (الزائر — يفتح المودال) ══ */
.guest-start{margin:22px 0 26px}
.guest-start-btn{width:100%;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fff,var(--gold-soft));border:1.5px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:18px;padding:18px 22px;cursor:pointer;font-family:inherit;text-align:right;transition:.16s;box-shadow:0 6px 22px rgba(176,132,42,.12)}
.guest-start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(176,132,42,.2);border-color:var(--gold)}
.gsb-ic{flex-shrink:0;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#E7C877,#B0842A);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(176,132,42,.32)}
.gsb-txt{flex:1;display:flex;flex-direction:column;gap:3px}
.gsb-txt b{font-size:17px;color:var(--ink);font-family:var(--font-head,'El Messiri',serif)}
.gsb-txt small{font-size:13px;color:var(--muted)}
.gsb-go{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;transition:.16s}
.guest-start-btn:hover .gsb-go{background:var(--gold);color:#fff;transform:translateX(-4px)}

/* تحسين رأس تقييم الخبير (شاشة) */
.er-title{font-size:17px;font-weight:700;color:var(--ink);margin:8px 0 6px;font-family:var(--font-head,'El Messiri',serif)}
.er-auth{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.7;color:var(--muted);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:11px;padding:10px 14px;margin:14px 0 0}
.er-auth b{color:var(--gold-2)}
.er-score b{font-size:34px}

/* ══════ توافق الأدمن مع الموبايل ══════ */
@media (max-width: 640px){
  /* جداول الأدمن تتحوّل كروت (بدل السكرول الأفقي اللي بيخفي الأزرار) */
  .adm-table-wrap{overflow:visible;border:0;background:transparent;border-radius:0}
  .adm-table{min-width:0;display:block;font-size:13px}
  .adm-table thead{display:none}
  .adm-table tbody{display:block}
  .adm-table tr{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 15px;margin-bottom:12px;box-shadow:0 2px 10px rgba(11,18,32,.04)}
  .adm-table td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line-2,#eef0f4);text-align:left}
  .adm-table tr td:last-child{border-bottom:0}
  .adm-table td::before{content:attr(data-label);font-weight:700;color:var(--muted);font-size:12px;flex-shrink:0}
  .adm-table td.adm-td-actions{flex-direction:column;align-items:stretch;padding-top:12px}
  .adm-table td.adm-td-actions::before{margin-bottom:8px}
  .adm-table .adm-t-actions{display:flex;gap:8px;width:100%}
  .adm-table .adm-t-actions form{flex:1;margin:0}
  .adm-table .adm-mini-btn{width:100%;justify-content:center;padding:10px 8px}
  /* شبكة الشارات: عمودين على الموبايل بدل ٤ (عشان النص ميتكرمشش) */
  .badges-grid{grid-template-columns:1fr 1fr;gap:10px}
  .badge-desc{font-size:11px;line-height:1.4}
}
@media (max-width: 380px){
  .badges-grid{grid-template-columns:1fr 1fr;gap:8px}
}

/* ══ مقاييس مخصّصة في المراجعة (كروت زي المقاييس + منتقي أيقونات) ══ */
.cm-hint{font-weight:400;color:var(--muted);font-size:11.5px}
.cm-section{margin-top:22px;padding-top:20px;border-top:1px dashed var(--line-2,#e8ebf0)}
.cm-sec-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:700;font-size:14.5px;color:var(--ink);margin-bottom:14px}
.cm-sec-head svg{color:var(--gold-2)}
.cm-card{background:linear-gradient(180deg,#fff,var(--gold-soft));border:1px solid color-mix(in srgb,var(--gold) 24%,transparent)!important;display:flex;flex-direction:column;gap:9px}
.cm-icons{display:flex;flex-wrap:wrap;gap:5px}
.cm-ic-opt{width:32px;height:32px;flex-shrink:0;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.12s}
.cm-ic-opt:hover{border-color:var(--gold);color:var(--gold-2)}
.cm-ic-opt.active{background:linear-gradient(135deg,#E7C877,#C79A3B);border-color:#C79A3B;color:#fff;box-shadow:0 3px 8px rgba(199,154,59,.35)}
.cm-name{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);background:var(--surface)}
.cm-name:focus{outline:none;border-color:var(--gold)}
.cm-card-row{display:flex;gap:8px;align-items:center}
.cm-card-row .cm-score{flex:1;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;text-align:center;background:var(--surface)}
.cm-card-row .cm-score:focus{outline:none;border-color:var(--gold)}
.cm-del{flex-shrink:0;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--faint);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.cm-del:hover{background:#fdecec;border-color:#f3c2c2;color:#d0433c}
.cm-add-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:var(--gold-soft);border:1px dashed color-mix(in srgb,var(--gold) 40%,transparent);color:var(--gold-2);border-radius:10px;padding:10px 18px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}
.cm-add-btn:hover{background:color-mix(in srgb,var(--gold) 16%,#fff)}
/* كرت المقياس المخصّص (عرض) */
.er-metric-custom{border-right-color:var(--gold)!important;background:linear-gradient(180deg,#fff,var(--gold-soft))}

/* ══ رئيسية الزائر: الرفع المحوري + عرض القرّاء ══ */
.ghn-cta{max-width:440px;margin:22px auto 0}
.guest-showcase{margin:34px 0 8px;text-align:center}
.gsc-head{max-width:520px;margin:0 auto 16px}
.gsc-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--gold-2);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 26%,transparent);border-radius:100px;padding:5px 14px;margin-bottom:14px}
.gsc-head h2{font-family:var(--font-head,'El Messiri',serif);font-size:18px;color:var(--ink);margin-bottom:4px}
.gsc-head p{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0}
.gsc-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:8px}
.gsc-scroll::-webkit-scrollbar{display:none}
.gsc-card{flex:0 0 auto;width:132px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;box-shadow:0 4px 16px rgba(11,18,32,.05);transition:.16s}
.gsc-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(11,18,32,.1);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}
.gsc-ava{width:58px;height:58px;flex-shrink:0;border-radius:50%;background:linear-gradient(140deg,#2A3A54,#0E1626);color:#E7C877;display:flex;align-items:center;justify-content:center;font-family:var(--font-head,'El Messiri',serif);font-size:24px;font-weight:700;border:2px solid color-mix(in srgb,var(--gold) 28%,transparent)}
.gsc-score{text-align:center;line-height:1}
.gsc-score b{display:block;font-family:var(--font-head,'El Messiri',serif);font-size:22px;color:var(--gold-2)}
.gsc-score small{font-size:10px;color:var(--faint)}
.gsc-name{display:block;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.4;min-height:38px;display:flex;align-items:center}
.gsc-cat{display:inline-block;font-size:11.5px;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:100px;padding:3px 11px;margin-bottom:11px}
.gsc-ref-tag{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--gold-2);padding-top:11px;border-top:1px dashed var(--line)}
.gsc-cta{margin-top:6px;text-align:center}
@media(max-width:520px){
  .gsc-head h2{font-size:17px}
  .gsc-card{width:150px}
}

/* ══ منيو الأدمن: صف أفقي بيتسحب على الموبايل ══ */
@media (max-width: 760px){
  .adm-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-bottom:16px;scrollbar-width:none;position:sticky;top:calc(var(--nav-h) + env(safe-area-inset-top,0px));background:var(--paper);z-index:20;padding-top:6px}
  .adm-nav::-webkit-scrollbar{display:none}
  .adm-nav a{flex-shrink:0;white-space:nowrap;padding:9px 13px;font-size:13px}
}

/* ══ رئيسية الزائر: قسم «ماذا نحلل؟» (مقاييس تُسحب) ══ */
.guest-metrics-sec{margin:32px 0}
.gms-head{text-align:center;max-width:520px;margin:0 auto 16px}
.gms-head h2{font-family:var(--font-head,'El Messiri',serif);font-size:18px;color:var(--ink);margin-bottom:4px}
.gms-head p{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0}
.gms-scroll{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.gms-scroll::-webkit-scrollbar{display:none}
.gms-card{flex:0 0 auto;width:132px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px;transition:.15s}
.gms-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(11,18,32,.08);border-color:var(--line-2,#e2e6ec)}
.gms-ic{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gms-name{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.4}

/* ══ تقوية كروت القرّاء (رتبة + ميتا) ══ */
.gsc-scroll{padding-top:12px}
.gsc-card{position:relative;overflow:visible}
.gsc-card-top1{border-color:color-mix(in srgb,var(--gold) 42%,transparent);box-shadow:0 8px 22px rgba(199,154,59,.16)}
.gsc-rank{position:absolute;top:-9px;left:14px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;box-shadow:0 3px 8px rgba(11,18,32,.25);z-index:3}
.gsc-rank-1{background:linear-gradient(135deg,#E7C877,#C79A3B)}
.gsc-rank-2{background:linear-gradient(135deg,#C4CAD4,#8E97A6)}
.gsc-rank-3{background:linear-gradient(135deg,#DBA46E,#B4763F)}
.gsc-meta{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.gsc-meta .gsc-cat{margin-bottom:0}

/* ══ قائمة المقاييس (كروت متجاوبة تشتغل على الموبايل) ══ */
.mtr-list{display:flex;flex-direction:column;gap:12px;padding:4px}
.mtr-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 16px}
.mtr-top{display:flex;align-items:center;gap:12px}
.mtr-top .mi{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center}
.mtr-info{flex:1;min-width:0}
.mtr-info b{display:block;font-weight:700;font-size:15px;color:var(--ink)}
.mtr-info code{font-size:11.5px;background:var(--surface-2);padding:2px 7px;border-radius:6px;color:var(--muted)}
.mtr-edit{flex-shrink:0}
.mtr-desc{font-size:12.5px;color:var(--faint);line-height:1.6;margin:11px 0 0}
.mtr-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:11px}
.mtr-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:100px;padding:4px 11px}
.mtr-note{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--amber)}
.mtr-toggles{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line-2)}
.mtr-tg{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1 150px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:9px 13px;cursor:pointer;margin:0}
.mtr-tg-l{display:flex;flex-direction:column;line-height:1.25;font-weight:700;font-size:13px;color:var(--ink)}
.mtr-tg-l i{font-style:normal;font-size:10.5px;font-weight:500;color:var(--faint)}
.mtr-tg form{margin:0;line-height:0;flex-shrink:0}
/* مفتاح teal للرئيسية */
.switch-teal input:checked + .slider{background:var(--teal,#0E9B8A)}
@media(max-width:560px){
  .mtr-tg{flex:1 1 100%}
}

/* صورة القارئ داخل كارت الشوكيس */
.gsc-ava img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

/* ══ عيّنة المرجع كرابط لصفحتها ══ */
.rc-sample-link{display:flex;align-items:center;gap:13px;padding:15px 18px;text-decoration:none;color:inherit;transition:background .15s}
.rc-sample-link:hover{background:var(--surface-2)}
.rc-sample-link .rc-sample-chev{margin-inline-start:auto;flex-shrink:0;color:var(--faint);transform:rotate(180deg)}
.rc-sample-link:hover .rc-sample-chev{color:var(--gold-2)}

/* ══ صفحة تحليل العيّنة المرجعية ══ */
.smp-wave-ic{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.smp-metric{display:flex;flex-direction:column;gap:11px}
.smp-m-head{display:flex;align-items:center;gap:10px}
.smp-m-ic{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center}
.smp-m-head h4{flex:1;min-width:0;font-size:14.5px;font-weight:700;color:var(--ink);margin:0}
.smp-m-score{font-family:'El Messiri',serif;font-size:22px;font-weight:700;flex-shrink:0}
.smp-m-score small{font-size:11px;color:var(--faint);font-family:Tajawal,sans-serif}
.smp-m-bar{height:8px;border-radius:100px;background:var(--surface-2);overflow:hidden}
.smp-m-bar i{display:block;height:100%;border-radius:100px}
.smp-m-desc{font-size:12.5px;color:var(--muted);line-height:1.65;margin:0}

/* ══ تصغير المشغّل والأبلودر والدرجة على الموبايل (كانت بحجم كمبيوتر) ══ */
@media(max-width:560px){
  .player{padding:13px;border-radius:16px}
  .player .pbar{gap:11px}
  .player .play{width:44px;height:44px}
  .player .play svg{width:18px;height:18px}
  .player .time{font-size:11px;min-width:36px}
  .mini-score{font-size:15px}
  .wave-hero{height:44px}
  .src-tabs{padding:4px;gap:6px;margin-bottom:11px}
  .src-tab{padding:9px;font-size:13px}
  .src-tab svg{width:16px;height:16px}
  .dropzone{padding:18px 12px}
  .dropzone b{font-size:14px}
  .dropzone small{font-size:11.5px}
}

/* ══ نبض زرّ الرفع (أهم عنصر في الصفحة) ══ */
.ghn-cta{animation:ctaPulse 2.6s ease-in-out infinite}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 6px 22px rgba(176,132,42,.14),0 0 0 0 rgba(199,154,59,.34)}
  50%{box-shadow:0 10px 28px rgba(176,132,42,.2),0 0 0 10px rgba(199,154,59,0)}
}
.ghn-cta .gsb-ic{animation:ctaIcon 2.6s ease-in-out infinite}
@keyframes ctaIcon{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media (prefers-reduced-motion: reduce){.ghn-cta,.ghn-cta .gsb-ic{animation:none}}

/* ══ كارت القارئ: صورة + علامة معتمد + درجة pill ══ */
.gsc-ava-wrap{position:relative;width:58px;height:58px;flex-shrink:0}
.gsc-ava-wrap .gsc-ava{width:58px;height:58px}
.gsc-verified{position:absolute;bottom:-3px;left:-3px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#12A594,#0E7C6E);color:#fff;display:flex;align-items:center;justify-content:center;border:2.5px solid #fff;box-shadow:0 2px 6px rgba(11,18,32,.22)}
.gsc-verified svg{width:12px;height:12px}
.gsc-score-pill{display:inline-flex;align-items:baseline;gap:3px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);border-radius:100px;padding:4px 13px}
.gsc-score-pill b{font-family:'El Messiri',serif;font-size:19px;color:var(--gold-2);line-height:1}
.gsc-score-pill i{font-style:normal;font-size:10.5px;color:var(--faint)}
.gsc-ref-badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;color:var(--muted);background:var(--surface-2);border-radius:100px;padding:5px 13px}

/* ══ اختيار صيغ الملفات (checkboxes) ══ */
.fmt-picker{display:flex;flex-wrap:wrap;gap:8px}
.fmt-chip{position:relative;cursor:pointer}
.fmt-chip input{position:absolute;opacity:0;width:0;height:0}
.fmt-chip span{display:inline-flex;align-items:center;padding:8px 15px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-weight:700;font-size:13px;font-family:Tajawal,sans-serif;transition:.14s;letter-spacing:.3px}
.fmt-chip input:checked + span{background:var(--ink);color:#fff;border-color:var(--ink)}
.fmt-chip:hover span{border-color:var(--gold)}

/* ══ المراجعة على الموبايل: مقياس واحد بالصف (أوضح لإدخال الدرجات) + تصغير تايلز المراجع ══ */
@media(max-width:560px){
  .rev-grid{grid-template-columns:1fr;gap:10px}
  .rev-mcard{text-align:right}
  .rev-mc-head{justify-content:flex-start;min-height:0}
  .rev-mc-head h4{font-size:14px}
  .rev-auto b{font-size:19px}
  .ref-cat-box{padding:8px 13px;font-size:12.5px}
  .ref-cat-pick{gap:7px}
  .cm-icons{gap:4px}
  .cm-ic-opt{width:30px;height:30px}
}

/* ══ نافذة منزلقة للشرح (مقاييس/قرّاء) ══ */
button.gms-card,button.gsc-card{font-family:inherit;cursor:pointer}
.gsheet{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center}
.gsheet[hidden]{display:none}
.gsheet-backdrop{position:absolute;inset:0;background:rgba(11,18,32,.5);opacity:0;transition:opacity .24s}
.gsheet.open .gsheet-backdrop{opacity:1}
.gsheet-panel{position:relative;width:100%;max-width:520px;background:#fff;border-radius:24px 24px 0 0;padding:12px 22px 26px;transform:translateY(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);max-height:86vh;overflow-y:auto;box-shadow:0 -10px 40px rgba(11,18,32,.2)}
.gsheet.open .gsheet-panel{transform:translateY(0)}
.gsheet-handle{display:block;width:40px;height:4px;border-radius:100px;background:var(--line-2);margin:0 auto 14px}
.gsheet-x{position:absolute;top:14px;left:18px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.gsheet-content{text-align:center;padding:6px 4px 4px}
.gsheet-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;margin-bottom:14px}
.gsheet-ic.is-ava{border-radius:50%;overflow:hidden}
.gsheet-ic svg{width:30px;height:30px}
.gsheet-ic img{width:100%;height:100%;object-fit:cover}
.gsheet-title{font-family:'El Messiri',serif;font-size:22px;color:var(--ink);margin:0 0 8px}
.gsheet-score{display:inline-flex;align-items:baseline;gap:3px;margin-bottom:10px}
.gsheet-score b{font-family:'El Messiri',serif;font-size:30px;color:var(--gold-2);line-height:1}
.gsheet-score i{font-style:normal;font-size:13px;color:var(--faint)}
.gsheet-desc{font-size:14.5px;line-height:1.85;color:var(--ink-2);margin:0 auto;max-width:420px}
.gsheet-cta{margin-top:18px}
.gsheet-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line-2)}
.gsheet-nav button{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:100px;padding:9px 16px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:.14s}
.gsheet-nav button:hover{border-color:var(--gold);color:var(--gold-2)}
.gsheet-prev svg{transform:rotate(180deg)}
.gsheet-count{font-size:12.5px;color:var(--faint);font-weight:600}

/* ══ كارتان تحت زرّ الرفع (قيمة سريعة) ══ */
.ghn-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 0;max-width:520px;margin-inline:auto}
.ghn-card{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 14px;box-shadow:0 3px 12px rgba(11,18,32,.04)}
.ghn-card-ic{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.ghn-ic-1{background:var(--gold-soft);color:var(--gold-2)}
.ghn-ic-2{background:color-mix(in srgb,var(--teal,#12A594) 14%,#fff);color:var(--teal,#12A594)}
.ghn-card-t b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:3px;line-height:1.3}
.ghn-card-t span{font-size:11.5px;color:var(--muted);line-height:1.55}
@media(max-width:440px){
  .ghn-card{flex-direction:column;gap:8px;padding:14px 12px}
  .ghn-card-ic{width:38px;height:38px}
}

/* ══ منتقي أيقونات مرئي (الأدوات/البلوكات) ══ */
.ip-picker{flex:0 1 180px;min-width:0}
.ip-icons{display:flex;gap:5px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
.ip-icons::-webkit-scrollbar{height:5px}
.ip-icons::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:10px}
.ip-opt{flex-shrink:0;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.12s}
.ip-opt:hover{border-color:var(--gold);color:var(--gold-2)}
.ip-opt.active{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:600px){ .ip-picker{flex:1 1 100%} .ip-icons{gap:6px} .ip-opt{width:38px;height:38px} }

/* ══ تحسينات دفاعية للأدمن على الموبايل (لف الصفوف والعناوين) ══ */
@media(max-width:560px){
  .list-item{flex-wrap:wrap;padding:12px 13px;gap:8px 9px}
  .list-item .li-main{flex:1 1 55%;min-width:0}
  .list-item .li-main b{white-space:normal}
  .list-item .badge{order:5}
  .card-h{flex-wrap:wrap;gap:8px}
  .card-h h3{font-size:15px}
  .adm-reciter{flex-wrap:wrap}
}

/* ══ إدارة الأقسام ══ */
.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 15px;transition:.15s}
.cat-card.is-off{opacity:.6}
.cat-top{display:flex;align-items:center;gap:10px}
.cat-ic{width:40px;height:40px;flex-shrink:0;border-radius:11px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center}
.cat-name{flex:1;min-width:0}
.cat-icons{margin-top:11px}
.cat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.cat-foot-actions{display:flex;align-items:center;gap:8px}
.cat-foot form{margin:0}

/* توثيق تقني تحت المقياس */
.m-tech{font-size:12px;color:var(--muted);line-height:1.65;margin:7px 0 0;padding-top:7px;border-top:1px dashed var(--line-2)}
.m-tech span{font-weight:700;color:var(--ink-2)}

/* ══ إحصائيات الصوت تحت المشغّل (مربعات) ══ */
.vinfo-sec{margin-top:-4px}
.vinfo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vinfo-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 12px;text-align:center;box-shadow:var(--shadow-sm);transition:.16s}
.vinfo-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.vinfo-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;margin-bottom:9px}
.vi-1{background:var(--gold-soft);color:var(--gold-2)}
.vi-2{background:color-mix(in srgb,#4C82C4 14%,#fff);color:#3E6FAE}
.vi-3{background:color-mix(in srgb,#12A594 13%,#fff);color:#0E7C6E}
.vi-4{background:color-mix(in srgb,#9B6DC4 15%,#fff);color:#7A4DAE}
.vinfo-box b{display:block;font-family:'El Messiri',serif;font-size:24px;font-weight:700;color:var(--ink);line-height:1.1}
.vinfo-box b i{font-style:normal;font-size:13px;color:var(--faint);margin-right:2px}
.vinfo-box small{display:block;font-size:11.5px;color:var(--muted);margin-top:5px;line-height:1.3}
@media(max-width:560px){
  .vinfo-grid{grid-template-columns:1fr 1fr;gap:10px}
  .vinfo-box{padding:14px 10px}
  .vinfo-box b{font-size:21px}
}

/* توثيق إحصائيات الصوت في الأدمن */
.vstat-docs{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.vstat-doc{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:12px}
.vstat-doc .mi{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.vsd-1{background:var(--gold-soft);color:var(--gold-2)}
.vsd-2{background:color-mix(in srgb,#4C82C4 14%,#fff);color:#3E6FAE}
.vsd-3{background:color-mix(in srgb,#12A594 13%,#fff);color:#0E7C6E}
.vsd-4{background:color-mix(in srgb,#9B6DC4 15%,#fff);color:#7A4DAE}
.vstat-doc b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:3px}
.vstat-doc b em{font-style:normal;font-size:11px;color:var(--faint);font-weight:600}
.vstat-doc span{font-size:11.5px;color:var(--muted);line-height:1.6}
@media(max-width:640px){ .vstat-docs{grid-template-columns:1fr} }

/* ══ إصلاح طفح منتقي الأيقونات على الموبايل ══ */
.layout > *{min-width:0}                    /* عناصر الجريد تقدر تصغر بدل ما تتمدّد بمحتواها */
.ip-icons{max-width:100%}                   /* المنتقي يتقيّد بعرض الحاوية ويسكرول جوّه */
.cat-card,.cat-top,.cat-icons{min-width:0;max-width:100%}
@media(max-width:760px){
  .adm-add-row .ip-picker,.adm-add-row > .btn{width:100%!important;min-width:0!important;max-width:100%!important;flex-basis:auto!important}
}

/* ══ وزن ومساهمة المؤشر ══ */
.mcard-weight{margin-top:7px;padding-top:7px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:2px;align-items:center}
.mw-pct{font-size:11px;font-weight:700;color:var(--gold-2);display:inline-flex;align-items:center;gap:3px}
.mw-contrib{font-size:10.5px;color:var(--muted)}
.wt-banner{display:flex;gap:12px;align-items:flex-start;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 30%,#fff);border-radius:14px;padding:13px 15px;margin-bottom:16px}
.wt-banner-ic{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--gold-2);display:flex;align-items:center;justify-content:center}
.wt-banner-tx b{display:block;font-size:14px;color:var(--ink);margin-bottom:2px}
.wt-banner-tx span{font-size:12px;color:var(--ink-2);line-height:1.6}
.wt-chip{background:var(--gold-soft)!important;color:var(--gold-2)!important;font-weight:700}
.wt-chip i{font-style:normal;opacity:.8}

.wt-actions{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}
.wt-actions form{margin:0}
.wt-actions .btn{background:#fff}

/* ملاحظة جودة التسجيل أسفل التحليل */
.an-tip{display:flex;gap:11px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-top:18px}
.an-tip-ic{flex-shrink:0;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,#4C82C4 12%,#fff);color:#3E6FAE;display:flex;align-items:center;justify-content:center}
.an-tip p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.7}
.an-tip b{color:var(--ink-2);font-weight:700}

/* ══════════ نظام التحليل اليدوي ══════════ */
/* اختيار النوع: تلقائي / يدوي */
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 14px;border:2px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;transition:.15s;min-width:0}
.mode-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.mode-card.on{border-color:var(--gold);background:var(--gold-soft)}
.mode-card .mode-ic{width:46px;height:46px;border-radius:13px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center}
.mode-card.on .mode-ic{background:#fff}
.mode-card b{font-size:15px;color:var(--ink)}
.mode-card small{font-size:11.5px;color:var(--muted);line-height:1.5}
.up-mode-note{display:flex;gap:9px;align-items:flex-start;background:var(--blue-soft);border:1px solid color-mix(in srgb,var(--blue) 22%,#fff);color:var(--ink-2);border-radius:12px;padding:11px 14px;font-size:12.5px;margin-bottom:16px}

/* منتقي المقاييس (المستخدم) */
.mc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.mc-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:18px 12px 15px;border:2px solid var(--line);border-radius:15px;background:var(--surface);cursor:pointer;transition:.14s;min-width:0}
.mc-card:hover{border-color:var(--gold-2)}
.mc-card.on{border-color:var(--gold);background:var(--gold-soft)}
.mc-card input{position:absolute;opacity:0;pointer-events:none}
.mc-check{position:absolute;top:9px;left:9px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);color:#fff;display:flex;align-items:center;justify-content:center;transition:.14s}
.mc-card.on .mc-check{background:var(--gold);border-color:var(--gold)}
.mc-check svg{opacity:0;transition:.14s}
.mc-card.on .mc-check svg{opacity:1}
.mc-ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}
.mc-name{font-size:14.5px;color:var(--ink)}
.mc-desc{font-size:11px;color:var(--muted);line-height:1.5}
.mc-note-field{margin-bottom:16px}
.mc-note-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink-2)}
.mc-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--surface-2,#f7f8fa);border:1px solid var(--line);border-radius:14px;position:sticky;bottom:12px;z-index:20;box-shadow:0 8px 26px rgba(11,18,32,.16)}
.mc-bar .btn{flex:1;min-width:130px}
.mc-count{font-size:13.5px;color:var(--ink-2)}.mc-count b{color:var(--gold-2);font-size:16px}
.mc-err{color:var(--danger);font-size:13px;margin-top:10px;text-align:center}

/* قوائم الطلبات (مستخدم) */
.mr-list{display:flex;flex-direction:column;gap:10px}
.mr-item{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.mr-item-main{display:flex;align-items:center;gap:11px;min-width:0}
.mr-item-ic{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center}
.mr-item-main b{display:block;font-size:14px;color:var(--ink)}
.mr-item-main small{font-size:12px;color:var(--muted)}
.mr-item-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mr-item-score{font-weight:800;color:var(--ink);font-size:17px}.mr-item-score small{font-size:11px;color:var(--muted);font-weight:600}

/* شارات الحالة */
.badge-ok{background:var(--green-soft);color:var(--green)}
.badge-mid{background:var(--blue-soft);color:var(--blue)}
.badge-new{background:var(--gold-soft);color:var(--gold-2)}

/* إدارة المقاييس اليدوية */
.mm-row{display:block;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:14px 15px;margin-bottom:12px;min-width:0}
.mm-row.is-off{opacity:.62}
.mm-top{display:flex;align-items:center;gap:10px;min-width:0}
.mm-ic{flex-shrink:0;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.mm-name{flex:1;min-width:0}
.mm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}
.mm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mm-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.mm-f>span{font-size:11.5px;color:var(--muted);font-weight:600}
.mm-color{height:40px;padding:3px}
.mm-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;flex-wrap:wrap}
.mm-state{font-size:12px;font-weight:700;color:var(--muted)}
.mm-state.on{color:var(--green)}
.mm-actions{display:flex;gap:7px;flex-wrap:wrap}
.btn-xs{padding:5px 10px;font-size:12px;border-radius:9px}

/* طابور + تقييم المراجعة اليدوية (أدمن) */
.mr-usernote{margin-top:12px;padding:10px 13px;background:var(--blue-soft);border-radius:11px;font-size:12.5px;color:var(--ink-2);display:flex;gap:8px;align-items:flex-start}
.mr-metrics{display:flex;flex-direction:column;gap:12px}
.mr-mcard{border:1px solid var(--line);border-radius:14px;padding:13px 15px;min-width:0}
.mr-mhead{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.mr-mhead b{display:block;font-size:14.5px;color:var(--ink)}
.mr-mdesc{display:block;font-size:11.5px;color:var(--muted);line-height:1.5}
.mr-mscore{margin-bottom:9px}
.mr-mscore label{display:block;font-size:12px;color:var(--ink-2);font-weight:600;margin-bottom:5px}
.mr-mscore em{color:var(--muted);font-style:normal}
.mr-mscore .control{max-width:160px}
.star-pick{display:flex;gap:5px;align-items:center}
.star-btn{background:none;border:none;cursor:pointer;color:#D9DDE5;padding:2px;transition:.12s}
.star-btn.on{color:#E0A92E}

@media(max-width:560px){
  .mode-switch,.mm-grid,.mm-grid2{grid-template-columns:1fr}
  .mc-grid{grid-template-columns:1fr 1fr}
}

/* أكورديون المقاييس اليدوية (أدمن) */
.mm-list{display:flex;flex-direction:column;gap:9px}
.mm-acc{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;transition:.15s;min-width:0}
.mm-acc.open{border-color:var(--gold);box-shadow:0 2px 12px rgba(0,0,0,.05)}
.mm-acc.is-off{opacity:.6}
.mm-acc-head{display:flex;align-items:center;gap:8px;padding:10px 12px;min-width:0}
.mm-acc-toggle{flex:1;display:flex;align-items:center;gap:11px;background:none;border:none;cursor:pointer;text-align:right;padding:0;min-width:0}
.mm-acc-info{flex:1;min-width:0;overflow:hidden}
.mm-acc-info b{display:block;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-acc-info small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-chev{flex-shrink:0;color:var(--muted);transform:rotate(-90deg);transition:.2s}
.mm-acc.open .mm-chev{transform:rotate(90deg);color:var(--gold-2)}
.mm-sw-form{flex-shrink:0;margin:0}
.mm-acc-body{padding:4px 14px 16px;border-top:1px solid var(--line)}
.mm-body-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}

.sheet-mode-note{display:flex;gap:8px;align-items:flex-start;background:var(--blue-soft);border:1px solid color-mix(in srgb,var(--blue) 20%,#fff);color:var(--ink-2);border-radius:11px;padding:10px 12px;font-size:12px;margin-bottom:12px}

/* خطوة اختيار النوع كخطوة أولى في النافذة */
.mode-switch.mode-step{margin-bottom:0}
.mode-switch.mode-step .mode-card{padding:22px 14px}
.mode-chip{display:inline-flex;align-items:center;gap:6px;background:var(--gold-soft);color:var(--gold-2);border:1px solid color-mix(in srgb,var(--gold) 30%,#fff);border-radius:10px;padding:7px 13px;font-size:12.5px;font-weight:700;cursor:pointer;margin-bottom:12px}
.mode-chip:hover{background:#fff}

/* قسم المسودّات في مراجعاتي اليدوية */
.mr-drafts{margin-bottom:18px;padding:14px;background:var(--orange-soft);border:1px solid color-mix(in srgb,var(--orange) 25%,#fff);border-radius:14px}
.mr-drafts-h{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--orange);margin-bottom:11px}
.mr-drafts .mr-item{background:#fff;margin-bottom:9px}
.mr-drafts .mr-item:last-child{margin-bottom:0}

/* سبب الدرجة داخل كارت المقياس */
.mcard-why{margin-top:8px;padding:8px 10px;background:var(--surface-2,#f7f8fa);border:1px solid var(--line);border-radius:9px;font-size:11px;line-height:1.6;color:var(--muted);text-align:right;display:flex;gap:6px;align-items:flex-start}
.mcard-why svg{flex-shrink:0;margin-top:2px}