/* ============================================================================
   AL MOUTMAG — المتمم · premium.css  (Phase 8 · v0.8.0 · Premium Minimalist SaaS)
   ----------------------------------------------------------------------------
   الهوية الجديدة: فخامة هادئة مستوحاة من Perplexity · Kimi · v0 · MiniMax
   * سطح أساسي Deep Slate ‎#0B0F19 — بلا أسود حاد
   * حدود شعرية border-white/[0.06] وظلال ناعمة جداً بدل النيون
   * خطوط: Inter (لاتيني) + IBM Plex Sans Arabic (عربي) + JetBrains Mono
   * كروم أحادي اللون (Monochrome) — اللون الوظيفي فقط للنجاح/التحذير/الخطأ
   * طبقة تجاوزات نهائية تُحمَّل بعد theme-light.css — لا تعدّل أي ملف قائم
   ========================================================================== */

/* ============================================================
   §0 · Design Tokens — إعادة تعريف الهوية بالكامل
   ============================================================ */
:root{
  /* Surfaces — Deep Slate / Charcoal */
  --alm-bg:#0B0F19;
  --alm-bg-soft:#0F1420;
  --alm-bg-sidebar:#080B13;                 /* الشريط الجانبي أغمق بدرجة */
  --alm-surface:rgba(255,255,255,.032);
  --alm-surface-strong:rgba(17,23,38,.86);
  --alm-surface-soft:rgba(255,255,255,.02);

  /* Hairline borders — border-white/[0.06] */
  --alm-border:rgba(255,255,255,.06);
  --alm-border-strong:rgba(255,255,255,.11);
  --alm-ring:rgba(255,255,255,.16);

  /* Monochrome accents — فضي هادئ بدل النيون */
  --alm-cyan:#A9B7C9;
  --alm-blue:#94A3B8;
  --alm-purple:#A6A2BE;
  --alm-grad:linear-gradient(135deg,#F8FAFC 0%,#CBD5E1 52%,#94A3B8 100%);

  /* Text — العناوين بيضاء صريحة · الشروح slate-400/500 فلا تزاحمها */
  --alm-text:#F1F5F9;
  --alm-text-dim:#94A3B8;   /* slate-400 */
  --alm-text-faint:#64748B; /* slate-500 — placeholders/subtitles */

  /* Indigo accent — لمسة إنديغو خافتة بنمط Perplexity (جرعات صغيرة فقط) */
  --alm-acc:#818CF8;        /* indigo-400 */
  --alm-acc-strong:#6366F1; /* indigo-500 */
  --alm-acc-soft:rgba(99,102,241,.08);

  /* Functional (الوحيدة الملوّنة — بجرعات صغيرة جداً) */
  --alm-ok:#3ECF8E;
  --alm-warn:#E5B567;
  --alm-err:#F08080;

  /* Typography — Inter + IBM Plex Sans Arabic */
  --alm-fs:14px;
  --alm-font:'Inter','IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
  --alm-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* Shape */
  --alm-radius:16px;
  --alm-radius-sm:12px;
  --alm-r2xl:20px;
  --alm-r3xl:26px;

  /* Subtle glows — ظلال ناعمة فقط */
  --alm-shadow:0 1px 2px rgba(0,0,0,.28),0 12px 40px rgba(2,6,16,.38);
  --alm-shadow-float:0 2px 6px rgba(0,0,0,.25),0 28px 80px rgba(2,6,16,.5);

  --alm-header-h:60px;
}

/* ============================================================
   §1 · القاعدة العامة — الخط واللمعان والتركيز
   ============================================================ */
body{
  background:var(--alm-bg);
  color:var(--alm-text);
  font-family:var(--alm-font);
  font-weight:400;
  letter-spacing:.002em;
  font-feature-settings:'cv02','cv03','cv04','cv11';
}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.012em}
button{font-weight:500}
b,strong{font-weight:650}

::selection{background:rgba(148,163,184,.30);color:#fff}
:focus-visible{outline:2px solid var(--alm-ring);outline-offset:2px;border-radius:8px}

svg.icon{stroke-width:1.7}

/* Scrollbars — أرفع وأهدأ */
.alm-scroll{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.20) transparent}
.alm-scroll::-webkit-scrollbar{width:6px;height:6px}
.alm-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.20);border-radius:99px;border:2px solid transparent;background-clip:content-box}
.alm-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(148,163,184,.38);background-clip:content-box}

/* الأسطح الزجاجية → ألواح صلبة هادئة */
.alm-glass{background:rgba(15,20,33,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--alm-border);border-radius:var(--alm-r2xl);box-shadow:var(--alm-shadow)}
.alm-glass-strong{background:rgba(13,18,31,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--alm-border-strong);border-radius:var(--alm-r2xl);box-shadow:var(--alm-shadow)}
.alm-glass-soft{background:rgba(255,255,255,.028);border:1px solid var(--alm-border);border-radius:var(--alm-radius-sm)}

/* نصوص/عناصر متوهجة → فضي هادئ */
.alm-grad-text{background:var(--alm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.alm-glow-text{filter:none}
.alm-glow-pulse{animation:almSoftBreathe 5.5s ease-in-out infinite}
@keyframes almSoftBreathe{
  0%,100%{filter:drop-shadow(0 0 6px rgba(148,163,184,.18))}
  50%{filter:drop-shadow(0 0 14px rgba(148,163,184,.30))}
}

/* ============================================================
   §2 · خلفية الأورورا الهادئة — سديم رمادي شفيف بدل النيون
   ============================================================ */
.alm-bg-fx__grid{
  background-image:linear-gradient(rgba(148,163,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 36%,#000 20%,transparent 100%);
          mask-image:radial-gradient(70% 60% at 50% 36%,#000 20%,transparent 100%);
}
.alm-bg-fx__orb{filter:blur(110px);opacity:.5}
.alm-bg-fx__orb--cyan{background:radial-gradient(circle,rgba(148,163,184,.13),transparent 65%)}
.alm-bg-fx__orb--purple{background:radial-gradient(circle,rgba(129,140,180,.10),transparent 65%)}
.alm-bg-fx__orb--blue{background:radial-gradient(circle,rgba(100,116,139,.09),transparent 65%)}
body[data-glow="soft"] .alm-bg-fx__orb{opacity:.24}

/* ============================================================
   §3 · الترويسة + تبويبات النماذج — كبسولة أحادية
   ============================================================ */
.alm-header{background:rgba(10,14,24,.78);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--alm-border)}

.alm-logo{border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}
.alm-logo:hover{background:rgba(255,255,255,.04)}
.alm-logo__name{font-weight:750;font-size:14.5px;letter-spacing:.13em;background:var(--alm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.alm-logo__tag{font-size:7.5px;letter-spacing:.22em;color:var(--alm-text-faint)}

.alm-model-tabs{background:rgba(255,255,255,.028);border:1px solid var(--alm-border);border-radius:14px;padding:3px}
.alm-tabs__glider{background:rgba(255,255,255,.07);border:1px solid var(--alm-border-strong);box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .32s cubic-bezier(.35,0,.2,1),width .32s cubic-bezier(.35,0,.2,1),opacity .2s}
.alm-tab{border-radius:10px;color:var(--alm-text-dim);transition:color .2s,background .2s}
.alm-tab:hover{color:var(--alm-text);background:rgba(255,255,255,.035)}
.alm-tab__name{font-size:12.5px;font-weight:600;letter-spacing:.01em}
.alm-tab.is-active .alm-tab__name{color:var(--alm-text);text-shadow:none}
.alm-tab__hint{font-size:9px;font-weight:500;color:var(--alm-text-faint)}
.alm-tab.is-active .alm-tab__hint{color:var(--alm-text-dim);opacity:.85}

/* ============================================================
   §4 · الأزرار — أولي أبيض لؤلؤي + ثانوي شبحي
   ============================================================ */
.alm-iconbtn{width:36px;height:36px;border-radius:11px;color:var(--alm-text-dim);transition:all .25s cubic-bezier(.4,0,.2,1)}
.alm-iconbtn:hover{color:var(--alm-text);background:rgba(255,255,255,.055);border-color:var(--alm-border)}
.alm-iconbtn:active{transform:scale(.95)}
.alm-iconbtn.is-on{color:var(--alm-text);border-color:var(--alm-border-strong);background:rgba(255,255,255,.06);box-shadow:none}

.alm-btn{padding:9px 16px;border-radius:12px;font-weight:600;font-size:13px;border:1px solid var(--alm-border);color:var(--alm-text);background:rgba(255,255,255,.04);transition:all .25s cubic-bezier(.4,0,.2,1)}
.alm-btn:hover{border-color:var(--alm-border-strong);background:rgba(255,255,255,.065);transform:translateY(-1px)}
.alm-btn:active{transform:scale(.98)}
.alm-btn--grad{background:linear-gradient(180deg,#F2F5F9,#CBD5E1);border:1px solid rgba(255,255,255,.14);color:#0B0F19;font-weight:650;box-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(2,6,16,.35)}
.alm-btn--grad:hover{background:linear-gradient(180deg,#FFFFFF,#DCE3EC);box-shadow:0 2px 4px rgba(0,0,0,.28),0 12px 32px rgba(2,6,16,.42)}
.alm-btn--grad svg{stroke-width:2.1}
.alm-btn--ghost{background:transparent;border-color:transparent;color:var(--alm-text-dim)}
.alm-btn--ghost:hover{background:rgba(255,255,255,.05);color:var(--alm-text);border-color:var(--alm-border)}
.alm-btn--danger{border-color:rgba(240,128,128,.22);color:#E8A0A0}
.alm-btn--danger:hover{border-color:rgba(240,128,128,.42);background:rgba(240,128,128,.07);color:#F5B8B8}
.alm-btn--danger.is-armed{background:rgba(240,128,128,.14);border-color:rgba(240,128,128,.5);color:#F8CACA}

/* ============================================================
   §5 · الشريط الجانبي — Kimi/v0 : أخطبوط أغمق + بطاقات مستديرة
   ============================================================ */
.alm-sidebar{width:288px;padding:14px 12px;background:var(--alm-bg-sidebar);border-inline-end:1px solid var(--alm-border);transition:width .32s cubic-bezier(.4,0,.2,1),opacity .25s,padding .32s}

.alm-sidebar__search input{padding:9px 12px;padding-inline-start:34px;background:rgba(255,255,255,.035);border:1px solid var(--alm-border);border-radius:var(--alm-radius-sm);font-size:12.5px;font-weight:450;transition:all .25s cubic-bezier(.4,0,.2,1)}
.alm-sidebar__search input:focus{border-color:var(--alm-ring);box-shadow:0 0 0 3px rgba(148,163,184,.09);background:rgba(255,255,255,.05)}
.alm-sidebar__search input::placeholder{color:var(--alm-text-faint);font-weight:400}

.alm-sidebar__section-title{font-size:10px;font-weight:600;letter-spacing:.09em;color:var(--alm-text-faint)}

.alm-conv{padding:9px 10px;border-radius:var(--alm-radius-sm);border:1px solid transparent;color:var(--alm-text-dim);transition:all .2s cubic-bezier(.4,0,.2,1)}
.alm-conv:hover{background:rgba(255,255,255,.04);color:var(--alm-text)}
.alm-conv.is-active{background:rgba(255,255,255,.055);border-color:var(--alm-border-strong);color:var(--alm-text)}
.alm-conv.is-active::before{width:2.5px;background:linear-gradient(180deg,#E2E8F0,#94A3B8);box-shadow:none}
.alm-conv__title{font-size:12.5px;font-weight:500}
.alm-conv__time{font-size:9.5px;color:var(--alm-text-faint)}
.alm-conv__del.is-armed{background:var(--alm-err)}

.alm-sidebar__new{width:100%;border-radius:var(--alm-radius-sm)}

.alm-sidebar__foot{border-top:1px solid var(--alm-border)}
.alm-sidebtn{font-size:11px;font-weight:500;color:var(--alm-text-dim);transition:all .2s}
.alm-sidebtn:hover{background:rgba(255,255,255,.045);color:var(--alm-text)}
.alm-version{font-size:8.5px;color:var(--alm-text-faint);letter-spacing:.02em}

/* ============================================================
   §6 · عمود المحادثة — رسائل هادئة وتغذية راجعة نظيفة
   ============================================================ */
.alm-chatcol__head{background:rgba(255,255,255,.024);border:1px solid var(--alm-border);border-radius:14px;padding:6px 10px}
.alm-agent-status{font-size:11.5px;font-weight:500;color:var(--alm-text-dim)}
.alm-dot.is-live{background:var(--alm-ok);animation:almPulseDot 1.8s infinite}
.alm-dot.is-busy{background:var(--alm-text-dim);animation:almPulseDot 1.2s infinite}
.alm-chip--model{font-size:10px;font-weight:550;color:var(--alm-text-dim);border:1px solid var(--alm-border);background:rgba(255,255,255,.035);padding:3px 10px;border-radius:99px}

/* الرسائل */
.alm-msg--user{background:rgba(255,255,255,.045);border:1px solid var(--alm-border-strong);border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:13px;font-weight:450}
.alm-msg__avatar{width:30px;height:30px;border-radius:10px;background:linear-gradient(180deg,#F2F5F9,#C7D0DC);color:#0B0F19;font-weight:800;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.35);margin-top:2px}
.alm-msg__body{background:rgba(255,255,255,.028);border:1px solid var(--alm-border);border-radius:16px;padding:12px 15px;font-size:13px;font-weight:420;line-height:2}
.caret{background:#CBD5E1}

/* تدفق التفكير — رمادي هادئ */
.alm-think{border:1px solid var(--alm-border);background:rgba(255,255,255,.018);border-radius:14px}
.alm-think summary{font-size:11.5px;font-weight:550;color:var(--alm-text-dim)}
.alm-think summary:hover{color:var(--alm-text)}
.alm-think__line svg{color:var(--alm-text-faint)}
.alm-think__line{color:var(--alm-text-dim)}

/* بطاقات استدعاء الأدوات */
.alm-toolcard{padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--alm-border);border-inline-start:2px solid var(--alm-blue)}
.alm-toolcard.is-done{border-inline-start-color:var(--alm-ok)}
.alm-toolcard__icon{background:rgba(148,163,184,.10);color:var(--alm-text-dim);border-radius:9px}
.alm-toolcard__name{font-weight:600}
.alm-toolcard__state{background:rgba(148,163,184,.10);color:var(--alm-text-dim)}
.alm-toolcard.is-done .alm-toolcard__state{background:rgba(62,207,142,.10);color:var(--alm-ok)}
.alm-spin{border:1.5px solid rgba(148,163,184,.3);border-top-color:#CBD5E1}

/* الخطوات (Todos) */
.alm-steps{background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.10);border-radius:14px}
.alm-step{font-weight:500}
.alm-step.is-done .alm-step__ico{background:#CBD5E1;border-color:transparent;box-shadow:none}
.alm-step.is-done .alm-step__ico svg{color:#0B0F19}
.alm-step.is-run{color:var(--alm-text)}
.alm-step.is-run .alm-step__ico{border-color:var(--alm-text-dim);box-shadow:none}
.alm-step.is-run .alm-step__ico::after{background:#CBD5E1}

/* السجلات */
.alm-logs{background:rgba(5,8,15,.55);border:1px solid var(--alm-border);border-radius:12px}
.alm-logs .info{color:#9FB2C8}

/* شرائط استرجاع اللوحات المطوية */
.alm-agent-restore,.alm-canvas-restore{border-radius:12px;font-weight:550;transition:all .25s cubic-bezier(.4,0,.2,1)}
.alm-agent-restore{color:var(--alm-text-dim);background:rgba(15,20,33,.9);border:1px solid var(--alm-border-strong);box-shadow:var(--alm-shadow)}
.alm-agent-restore:hover{color:var(--alm-text);transform:translateY(-1px);box-shadow:var(--alm-shadow-float)}
.alm-canvas-restore{color:var(--alm-text-dim);background:rgba(15,20,33,.9);border:1px solid var(--alm-border-strong);box-shadow:var(--alm-shadow)}
.alm-canvas-restore:hover{color:var(--alm-text);transform:translateY(-1px);box-shadow:var(--alm-shadow-float)}

/* ============================================================
   §7 · المُنشئ (Composer) — Perplexity : يطفو في المنتصف
   ============================================================ */
.alm-composer{
  padding:12px 14px 10px;
  border-radius:var(--alm-r3xl);
  background:rgba(17,23,38,.88);
  border:1px solid var(--alm-border-strong);
  -webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 18px 56px rgba(2,6,16,.45);
  transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);
}
.alm-composer:focus-within{
  border-color:rgba(129,140,248,.38);
  box-shadow:0 0 20px rgba(99,102,241,.08),0 0 0 4px rgba(99,102,241,.06),0 22px 64px rgba(2,6,16,.5);
}
.alm-composer.is-deep{border-color:rgba(255,255,255,.19)}

.alm-chips{padding:2px 2px 10px}
.alm-chip{font-size:11px;font-weight:500;padding:6px 12px;border-radius:99px;color:var(--alm-text-dim);background:rgba(255,255,255,.035);border:1px solid var(--alm-border);transition:all .22s cubic-bezier(.4,0,.2,1)}
.alm-chip:hover{color:var(--alm-text);border-color:var(--alm-border-strong);background:rgba(255,255,255,.065);transform:translateY(-1px);box-shadow:0 4px 14px rgba(2,6,16,.3)}

.alm-attach__item{background:rgba(255,255,255,.04);border:1px solid var(--alm-border-strong);color:var(--alm-text-dim);border-radius:10px}
.alm-attach__x:hover{color:var(--alm-err)}

.alm-input{font-size:13.5px;font-weight:420;line-height:1.85}
.alm-input::placeholder{color:var(--alm-text-faint);font-weight:400}

/* أزرار الأدوات: خفية النَّفَس — تظهر بلون أوضح عند الحوام */
.alm-composer__tools{padding-top:8px}
.alm-toolbtn{width:34px;height:34px;border-radius:11px;color:var(--alm-text-faint);transition:all .25s cubic-bezier(.4,0,.2,1)}
.alm-composer:focus-within .alm-toolbtn,
.alm-composer:hover .alm-toolbtn{color:var(--alm-text-dim)}
.alm-toolbtn:hover{color:var(--alm-text);background:rgba(255,255,255,.055);border-color:var(--alm-border)}
.alm-toolbtn:active{transform:scale(.94)}
.alm-toolbtn.is-rec{color:var(--alm-err);border-color:rgba(240,128,128,.4);background:rgba(240,128,128,.08)}
.alm-toolbtn--gh{color:var(--alm-text-faint)}
.alm-toolbtn--gh:hover{color:var(--alm-text);background:rgba(255,255,255,.055);border-color:var(--alm-border);box-shadow:none}

.alm-switch__track{width:34px;height:19px;background:rgba(148,163,184,.18);border:1px solid var(--alm-border)}
.alm-switch__knob{background:#B9C4D4}
.alm-switch input:checked + .alm-switch__track{background:#E2E8F0;border-color:transparent;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.alm-switch input:checked + .alm-switch__track .alm-switch__knob{background:#0B0F19}
.alm-switch__label{font-size:11px;font-weight:550;color:var(--alm-text-dim)}
.alm-switch input:checked ~ .alm-switch__label{color:var(--alm-text)}

.alm-composer__hint{font-size:9px;color:var(--alm-text-faint)}

.alm-send{
  width:40px;height:40px;border-radius:13px;
  background:linear-gradient(180deg,#F2F5F9,#CBD5E1);
  color:#0B0F19;box-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(2,6,16,.4);
  transition:all .25s cubic-bezier(.4,0,.2,1);
}
.alm-send:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#FFFFFF,#DCE3EC);box-shadow:0 2px 4px rgba(0,0,0,.28),0 12px 32px rgba(2,6,16,.48)}
.alm-send:active:not(:disabled){transform:scale(.95)}
.alm-send:disabled{opacity:.35;box-shadow:none}

/* شارة المحرك */
.alm-engchip{font-size:9.5px;color:var(--alm-text-faint);border:1px solid var(--alm-border);background:rgba(148,163,184,.05);transition:all .25s}
.alm-engchip:hover{border-color:var(--alm-border-strong);color:var(--alm-text-dim)}
.alm-engchip.is-live{color:var(--alm-ok);border-color:rgba(62,207,142,.30);background:rgba(62,207,142,.06);box-shadow:none;animation:none}

/* —— الطفو في المنتصف مثل Perplexity (حالة محادثة جديدة) —— */
@media (min-width:941px){
  /* شريط حالة الوكيل زائد على الشاشة الرئيسية — يختفي لتتمركز التركيبة */
  .alm-chatcol:has(#threadView[hidden]) .alm-chatcol__head{display:none}
  .alm-chatcol:has(#threadView[hidden]) .alm-feed{flex:0 0 auto;margin-block:auto}
  .alm-chatcol:has(#threadView[hidden]) .alm-composer{
    margin-block:auto;margin-inline:auto;
    width:100%;max-width:760px;
    border-radius:30px;padding:14px 16px 12px;
  }
  .alm-chatcol:has(#threadView[hidden]) .alm-chips{display:none}
  /* Hero مدمج — عنوان + بطاقات بداية فقط، بلا تذييل الإحصاءات */
  .alm-chatcol:has(#threadView[hidden]) #heroView{margin:0;padding:2px 4px}
  .alm-chatcol:has(#threadView[hidden]) .almx-hero{gap:13px;padding-block:4px;max-width:100%}
  .alm-chatcol:has(#threadView[hidden]) .almx-hero__mark{width:54px;height:54px;border-radius:17px}
  .alm-chatcol:has(#threadView[hidden]) .almx-hero__mark img{width:34px;height:34px}
  .alm-chatcol:has(#threadView[hidden]) .almx-hero__title{font-size:clamp(20px,2.1vw,25px)}
  .alm-chatcol:has(#threadView[hidden]) .almx-hero__sub{font-size:12.5px;margin-top:-4px}
  .alm-chatcol:has(#threadView[hidden]) .almx-hero__grid{width:100%;max-width:100%;margin-inline:auto;gap:9px}
  .alm-chatcol:has(#threadView[hidden]) .almx-hero__qcard{min-height:48px;padding:10px 12px}
  .alm-chatcol:has(#threadView[hidden]) .almx-hero__foot{display:none}
  /* احتياط: الهيرو الأصلي (إن لم يركب hero.js) */
  .alm-chatcol:has(#threadView[hidden]) .alm-hero{gap:10px;padding:4px 6px}
  .alm-chatcol:has(#threadView[hidden]) .alm-hero__mark{width:54px;height:54px}
  .alm-chatcol:has(#threadView[hidden]) .alm-hero__stats,
  .alm-chatcol:has(#threadView[hidden]) .alm-hero__cards{display:none}
  /* الوضع الواسع (المساحة مطوية): تمركز المحتوى بعرض مقروء */
  body[data-canvas="off"] .alm-feed,
  body[data-canvas="off"] .alm-composer{max-width:860px;width:100%;margin-inline:auto}
}

/* ============================================================
   §8 · مساحة العمل — Canvas + إطار MacBook للمعاينة الحية
   ============================================================ */
.alm-canvas{background:rgba(13,18,31,.66);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);border:1px solid var(--alm-border);border-radius:var(--alm-r2xl);box-shadow:var(--alm-shadow)}
.alm-canvas__head{background:rgba(255,255,255,.018);border-bottom:1px solid var(--alm-border)}
.alm-canvas__badge{font-size:9px;color:var(--alm-text-faint);border:1px dashed rgba(255,255,255,.12)}

.alm-seg{background:rgba(255,255,255,.03);border:1px solid var(--alm-border);border-radius:12px}
.alm-seg__btn{border-radius:9px;font-weight:550;transition:all .22s cubic-bezier(.4,0,.2,1)}
.alm-seg__btn:hover{color:var(--alm-text);background:rgba(255,255,255,.045)}
.alm-seg__btn.is-active{color:var(--alm-text);background:rgba(255,255,255,.075);box-shadow:inset 0 0 0 1px var(--alm-border-strong),0 1px 2px rgba(0,0,0,.3);text-shadow:none}
.alm-seg__badge{background:rgba(166,162,190,.16);color:#C4C0D8}
.alm-seg__badge--cyan{background:rgba(148,163,184,.14);color:var(--alm-text-dim)}

/* —— شاشة مدمجة بنمط MacBook —— */
.alm-preview__stage{
  padding:22px 24px 26px;
  background:
    radial-gradient(120% 90% at 50% 0%,rgba(148,163,184,.05),transparent 55%),
    rgba(7,10,18,.55);
}
.alm-preview__stage::before{
  content:"";position:absolute;top:11px;left:50%;translate:-50% 0;
  width:46px;height:5px;border-radius:99px;
  background:rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.4);
}
.alm-preview__frame{
  border-radius:16px;background:#0A0E19;
  box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1px 2px rgba(0,0,0,.4),0 30px 90px rgba(2,6,16,.55);
  transition:max-width .35s cubic-bezier(.4,0,.2,1),box-shadow .3s;
}
.alm-preview__bar{border-bottom:1px solid var(--alm-border)}
.alm-preview__url{background:rgba(255,255,255,.03);border:1px solid var(--alm-border);border-radius:10px;color:var(--alm-text-faint)}

/* مستكشف الملفات والكود */
.alm-tree{border-inline-end:1px solid var(--alm-border)}
.alm-file{border-radius:9px;transition:all .18s}
.alm-file.is-active{background:rgba(255,255,255,.055);border-color:var(--alm-border-strong);color:var(--alm-text)}
.alm-cl::before{color:#3D4A5F}

/* مصفوفة البحث */
.alm-src{background:rgba(255,255,255,.025);border:1px solid var(--alm-border);border-radius:14px;transition:all .22s cubic-bezier(.4,0,.2,1)}
.alm-src:hover{border-color:var(--alm-border-strong);transform:translateY(-1px);box-shadow:0 8px 24px rgba(2,6,16,.3)}
.alm-src__type{background:rgba(166,162,190,.10);color:#B8B4CC}
.alm-src__rel{color:var(--alm-text-dim)}
.alm-src__meter{background:rgba(255,255,255,.06)}
.alm-src__meter i{background:linear-gradient(90deg,#CBD5E1,#94A3B8);box-shadow:none}

/* ============================================================
   §9 · النوافذ والتوست والقفل — ألواح صلبة فاخرة
   ============================================================ */
.alm-modal__backdrop{background:rgba(4,7,14,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.alm-modal__panel{width:min(560px,100%);border-radius:var(--alm-r2xl);background:rgba(16,22,36,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--alm-border-strong);box-shadow:0 40px 110px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03);animation:almPop .28s cubic-bezier(.3,1.25,.5,1) both}
.alm-modal__title{font-weight:650;font-size:14.5px}
.alm-modal__title svg{color:var(--alm-text-dim)}

.alm-set__title{font-weight:600;letter-spacing:.06em;color:var(--alm-text-dim)}
.alm-field{background:rgba(255,255,255,.035);border:1px solid var(--alm-border);border-radius:12px;transition:all .25s}
.alm-field:focus-within{border-color:var(--alm-ring);box-shadow:0 0 0 3px rgba(148,163,184,.08)}
.alm-select{background:rgba(255,255,255,.035);border:1px solid var(--alm-border);border-radius:11px;font-weight:500}
.alm-select option{background:#101624}
.alm-field select option{background:#101624}
input[type=range]{accent-color:#CBD5E1}

.alm-toasts .alm-toast{border-radius:14px;background:rgba(18,24,39,.96);border:1px solid var(--alm-border-strong);box-shadow:var(--alm-shadow-float);font-weight:500}
.alm-toast--info svg{color:var(--alm-text-dim)}

.alm-lock{background:rgba(6,9,17,.86)}
.alm-lock__card{border-radius:24px;background:rgba(16,22,36,.97);border:1px solid var(--alm-border-strong);box-shadow:0 40px 110px rgba(0,0,0,.6)}

.alm-scrim{background:rgba(4,7,14,.55)}
.alm-mobile-viewbar{background:rgba(13,18,31,.95);border:1px solid var(--alm-border-strong);box-shadow:var(--alm-shadow-float);border-radius:99px}
.alm-mobile-viewbar button{font-weight:550}
.alm-mobile-viewbar button.is-active{color:var(--alm-text);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--alm-border-strong)}

/* ---------- لوحة الأوامر Ctrl+K + المساعدة ---------- */
.alm-palette__panel{border-radius:var(--alm-r2xl);background:rgba(16,22,36,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--alm-border-strong);box-shadow:0 40px 110px rgba(0,0,0,.6)}
.alm-palette__item{border-radius:12px;transition:all .15s}
.alm-palette__item.is-active{background:rgba(255,255,255,.055);border-color:var(--alm-border-strong)}
.alm-palette__item.is-active .alm-palette__ico{color:var(--alm-text)}
.alm-palette__item.is-armed{background:rgba(240,128,128,.10);border-color:rgba(240,128,128,.4)}
.alm-palette__title{font-weight:550}
.alm-phelp__panel{border-radius:var(--alm-r2xl);background:rgba(16,22,36,.97);border:1px solid var(--alm-border-strong);box-shadow:0 40px 110px rgba(0,0,0,.6)}
.alm-phelp__head .icon{color:var(--alm-text-dim)}

/* ---------- مكتبة الأوامر + قائمة التصدير + البطاقة الترحيبية ---------- */
.alm-pmp{border-radius:var(--alm-r2xl);background:rgba(16,22,36,.97);border:1px solid var(--alm-border-strong);box-shadow:0 40px 110px rgba(0,0,0,.6)}
.alm-exp-menu{background:rgba(18,24,39,.97);border:1px solid var(--alm-border-strong);box-shadow:var(--alm-shadow-float)}
.alm-onboard__panel{border-radius:var(--alm-r2xl);background:rgba(16,22,36,.97);border:1px solid var(--alm-border-strong);box-shadow:0 40px 110px rgba(0,0,0,.6)}

/* ---------- بطاقة Hero (almx) ---------- */
.almx-hero__mark{border-radius:20px;background:rgba(255,255,255,.035);border:1px solid var(--alm-border-strong);box-shadow:var(--alm-shadow)}
.almx-hero__title{font-weight:700}
.almx-hero__sub{font-weight:450;color:var(--alm-text-dim)}
.almx-hero__qcard{border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--alm-border);font-weight:500;transition:all .22s cubic-bezier(.4,0,.2,1)}
.almx-hero__qcard:hover{transform:translateY(-2px);border-color:var(--alm-border-strong);background:rgba(255,255,255,.055);box-shadow:0 10px 30px rgba(2,6,16,.35)}
.almx-hero__qico{background:rgba(148,163,184,.10);color:var(--alm-text-dim)}
.almx-hero__insights,.almx-hero__install{border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--alm-border);font-weight:550;transition:all .22s}
.almx-hero__insights:hover,.almx-hero__install:hover{background:rgba(255,255,255,.06);border-color:var(--alm-border-strong)}
.almx-ins__panel{border-radius:var(--alm-r2xl);background:rgba(16,22,36,.97);border:1px solid var(--alm-border-strong);box-shadow:0 40px 110px rgba(0,0,0,.6)}
.almx-ins__head .icon{color:var(--alm-text-dim)}
.almx-ins__btn{border-radius:11px;background:rgba(255,255,255,.035);border:1px solid var(--alm-border);font-weight:550}
.almx-ins__btn--primary{background:linear-gradient(180deg,#F2F5F9,#CBD5E1);border:none;color:#0B0F19;font-weight:650}

/* ============================================================
   §10 · GitHub — بطاقات ومستكشف أحادي اللون
   ============================================================ */
.alm-ratebadge{background:rgba(255,255,255,.03);border:1px solid var(--alm-border)}
.alm-ratebadge[data-level="ok"]{color:#7BD8AC;border-color:rgba(62,207,142,.25);background:rgba(62,207,142,.05)}
.alm-ratebadge[data-level="warn"]{color:#E5C98F;border-color:rgba(229,181,103,.25);background:rgba(229,181,103,.05)}
.alm-ratebadge[data-level="crit"]{color:#F0A5A5;border-color:rgba(240,128,128,.3);background:rgba(240,128,128,.06)}

.alm-repocard{background:rgba(17,23,38,.8);border:1px solid var(--alm-border-strong);box-shadow:0 4px 18px rgba(2,6,16,.35)}
.alm-repocard__info b{color:var(--alm-text)}
.alm-ghrepo{background:rgba(255,255,255,.025);border:1px solid var(--alm-border);border-radius:16px;transition:all .22s cubic-bezier(.4,0,.2,1)}
.alm-ghrepo:hover{border-color:var(--alm-border-strong);transform:translateY(-2px);box-shadow:0 12px 34px rgba(2,6,16,.4)}
.alm-ghrepo__name{color:var(--alm-text)}
.alm-ghrepo__name svg{color:var(--alm-text-dim)}

.alm-ghtree{background:rgba(5,8,15,.4);border:1px solid var(--alm-border);border-radius:14px}
.gh-check span{border-color:rgba(255,255,255,.22)}
.gh-check input:checked + span{background:#CBD5E1;border-color:transparent;box-shadow:none}
.gh-check input:checked + span::after{border-color:#0B0F19}
.alm-repopanel{background:rgba(255,255,255,.02);border-radius:16px}
.alm-repopanel__name{color:var(--alm-text)}
.alm-repopanel__name svg{color:var(--alm-text-dim)}
.alm-ratebox b{color:var(--alm-text)}

/* ============================================================
   §11 · فريق الوكلاء — بطاقة هادئة
   ============================================================ */
.alm-agents{background:linear-gradient(170deg,rgba(20,27,44,.85),rgba(13,18,31,.92));border:1px solid var(--alm-border-strong);border-radius:var(--alm-r2xl);box-shadow:var(--alm-shadow)}
.alm-agents__head{background:rgba(255,255,255,.02)}
.alm-agents__role{background:rgba(166,162,190,.10);color:#C0BCD4;border-color:var(--alm-border)}
.alm-agents__role[data-role="executor"]{background:rgba(148,163,184,.10);color:var(--alm-text-dim);border-color:var(--alm-border-strong)}
.alm-agents__role[data-role="reviewer"]{background:rgba(229,181,103,.08);color:var(--alm-warn);border-color:rgba(229,181,103,.22)}
.alm-agents__role[data-role="synth"]{background:rgba(62,207,142,.08);color:var(--alm-ok);border-color:rgba(62,207,142,.22)}
.alm-agents__step{background:rgba(255,255,255,.02)}
.alm-agents__step.is-run{border-color:var(--alm-border-strong);background:rgba(255,255,255,.045)}
.alm-agents__step.is-run .alm-agents__num{color:#0B0F19;background:#CBD5E1;border-color:transparent;box-shadow:none}
.alm-agents__stream{border-top:1px dashed rgba(255,255,255,.07)}
.alm-agents__stream[data-role="planner"]{border-inline-start-color:var(--alm-purple)}
.alm-agents__stream[data-role="executor"]{border-inline-start-color:var(--alm-blue)}
.alm-agents__stream[data-role="reviewer"]{border-inline-start-color:var(--alm-warn)}
.alm-agents__stream[data-role="synth"]{border-inline-start-color:var(--alm-ok)}

/* ============================================================
   §12 · Markdown / الكود — ألوان محايدة أنيقة
   ============================================================ */
.alm-md h1,.alm-md h2,.alm-md h3{background:none;-webkit-background-clip:initial;color:var(--alm-text);font-weight:650;letter-spacing:-.01em}
.alm-md h4{color:var(--alm-text-dim);font-weight:600}
.alm-md li::marker{color:var(--alm-text-faint)}
.alm-md a{color:#BFD0E2;text-decoration-color:rgba(191,208,226,.4)}
.alm-md a:hover{color:#E2E8F0}
.alm-md strong{color:#F1F5F9;font-weight:650}
.alm-md em{color:#C4C0D8}
.alm-md blockquote{border-inline-start:2px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);border-radius:10px;color:#AFBACA}
.alm-md code{background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.14);color:#CBD8E6}
.alm-md pre{background:#0A0E19;border:1px solid var(--alm-border);border-radius:14px}
.alm-md pre code{color:#D3DDEB}
.alm-md table{border-color:rgba(255,255,255,.08);border-radius:12px}
.alm-md th,.alm-md td{border-color:rgba(255,255,255,.07)}
.alm-md th{background:rgba(148,163,184,.08);color:var(--alm-text);font-weight:600}
.alm-md tr:nth-child(even) td{background:rgba(148,163,184,.035)}

.alm-md pre.shiki-box{border-radius:14px;box-shadow:none}

/* شارات الأرقام في شريط المقارنة */
.alm-dstat--add{background:rgba(62,207,142,.10);color:var(--alm-ok)}
.alm-dstat--del{background:rgba(240,128,128,.10);color:var(--alm-err)}

/* ============================================================
   §13 · الثيم الفاتح الفاخر — ورق دافئ + غرافيت (يتفوق على theme-light.css)
   ============================================================ */
html[data-theme="light"]{
  --alm-bg:#F7F8FA;
  --alm-bg-soft:#EFF1F5;
  --alm-bg-sidebar:#F0F2F6;
  --alm-surface:rgba(255,255,255,.82);
  --alm-surface-strong:rgba(255,255,255,.96);
  --alm-surface-soft:rgba(255,255,255,.6);
  --alm-border:rgba(13,20,38,.07);
  --alm-border-strong:rgba(13,20,38,.13);
  --alm-ring:rgba(13,20,38,.2);
  --alm-cyan:#5B6B80;
  --alm-blue:#64748B;
  --alm-purple:#6E6A87;
  --alm-grad:linear-gradient(135deg,#0F172A 0%,#3B4A61 55%,#64748B 100%);
  --alm-text:#0E1526;
  --alm-text-dim:#44526A;
  --alm-text-faint:#64748B; /* slate-500 في الفاتح أيضاً — تباين مريح للعين */
  --alm-ok:#0E9F6E;
  --alm-warn:#B07C24;
  --alm-err:#D64545;
  --alm-shadow:0 1px 2px rgba(15,23,42,.05),0 10px 34px rgba(15,23,42,.09);
  --alm-shadow-float:0 2px 6px rgba(15,23,42,.06),0 24px 70px rgba(15,23,42,.16);
}
html[data-theme="light"] body{background:var(--alm-bg)}
html[data-theme="light"] ::selection{background:rgba(100,116,139,.22);color:#0E1526}
html[data-theme="light"] .alm-bg-fx__orb--cyan{background:radial-gradient(circle,rgba(100,116,139,.10),transparent 65%)}
html[data-theme="light"] .alm-bg-fx__orb--purple{background:radial-gradient(circle,rgba(110,106,135,.08),transparent 65%)}
html[data-theme="light"] .alm-bg-fx__orb--blue{background:radial-gradient(circle,rgba(100,116,139,.07),transparent 65%)}

html[data-theme="light"] .alm-header{background:rgba(247,248,250,.82)}
html[data-theme="light"] .alm-logo:hover{background:rgba(13,20,38,.045)}
html[data-theme="light"] .alm-logo__name,
html[data-theme="light"] .alm-grad-text{background-image:var(--alm-grad)}
html[data-theme="light"] .alm-model-tabs{background:rgba(13,20,38,.035)}
html[data-theme="light"] .alm-tabs__glider{background:#FFFFFF;border-color:rgba(13,20,38,.13);box-shadow:0 1px 3px rgba(15,23,42,.12)}
html[data-theme="light"] .alm-tab:hover{background:rgba(13,20,38,.05)}
html[data-theme="light"] .alm-tab.is-active .alm-tab__name{color:var(--alm-text);text-shadow:none}
html[data-theme="light"] .alm-iconbtn:hover{color:var(--alm-text);background:rgba(13,20,38,.055)}
html[data-theme="light"] .alm-btn{background:rgba(13,20,38,.035)}
html[data-theme="light"] .alm-btn:hover{background:rgba(13,20,38,.06)}
html[data-theme="light"] .alm-btn--grad{background:linear-gradient(180deg,#1B2537,#0F172A);border-color:rgba(15,23,42,.2);color:#F8FAFC;box-shadow:0 1px 2px rgba(15,23,42,.2),0 8px 24px rgba(15,23,42,.18)}
html[data-theme="light"] .alm-btn--grad:hover{background:linear-gradient(180deg,#243049,#16203A)}
html[data-theme="light"] .alm-btn--ghost:hover{background:rgba(13,20,38,.05);color:var(--alm-text)}

html[data-theme="light"] .alm-sidebar{background:var(--alm-bg-sidebar)}
html[data-theme="light"] .alm-sidebar__search input{background:rgba(13,20,38,.04)}
html[data-theme="light"] .alm-sidebar__search input:focus{border-color:var(--alm-ring);box-shadow:0 0 0 3px rgba(100,116,139,.10)}
html[data-theme="light"] .alm-conv:hover{background:rgba(13,20,38,.045)}
html[data-theme="light"] .alm-conv.is-active{background:rgba(13,20,38,.06);border-color:rgba(13,20,38,.14);color:var(--alm-text)}
html[data-theme="light"] .alm-conv.is-active::before{background:linear-gradient(180deg,#0F172A,#64748B)}
html[data-theme="light"] .alm-sidebtn:hover{background:rgba(13,20,38,.05);color:var(--alm-text)}

html[data-theme="light"] .alm-chatcol__head{background:rgba(13,20,38,.028)}
html[data-theme="light"] .alm-msg--user{background:#FFFFFF;border-color:rgba(13,20,38,.1);box-shadow:0 1px 3px rgba(15,23,42,.06)}
html[data-theme="light"] .alm-msg__body{background:#FFFFFF;border-color:rgba(13,20,38,.08);box-shadow:0 1px 3px rgba(15,23,42,.05)}
html[data-theme="light"] .alm-msg__avatar{background:linear-gradient(180deg,#1B2537,#0F172A);color:#F8FAFC;box-shadow:0 2px 6px rgba(15,23,42,.25)}
html[data-theme="light"] .alm-think{border-color:rgba(13,20,38,.1);background:rgba(13,20,38,.025)}
html[data-theme="light"] .alm-think summary{color:var(--alm-text-dim)}
html[data-theme="light"] .alm-toolcard{background:#FFFFFF;border-color:rgba(13,20,38,.09)}
html[data-theme="light"] .alm-toolcard__icon{background:rgba(100,116,139,.09);color:var(--alm-text-dim)}
html[data-theme="light"] .alm-toolcard__state{background:rgba(100,116,139,.09);color:var(--alm-text-dim)}
html[data-theme="light"] .alm-toolcard.is-done .alm-toolcard__state{background:rgba(14,159,110,.09);color:var(--alm-ok)}
html[data-theme="light"] .alm-spin{border-top-color:#64748B}
html[data-theme="light"] .alm-steps{background:rgba(13,20,38,.02);border-color:rgba(13,20,38,.12)}
html[data-theme="light"] .alm-step.is-done .alm-step__ico{background:#334155;box-shadow:none}
html[data-theme="light"] .alm-step.is-done .alm-step__ico svg{color:#F8FAFC}
html[data-theme="light"] .alm-step.is-run .alm-step__ico::after{background:#334155}
html[data-theme="light"] .alm-agent-restore,html[data-theme="light"] .alm-canvas-restore{color:var(--alm-text-dim);background:rgba(255,255,255,.95);border-color:rgba(13,20,38,.15);box-shadow:var(--alm-shadow)}

html[data-theme="light"] .alm-stat + .alm-stat::before{background:linear-gradient(180deg,transparent,rgba(13,20,38,.13),transparent)}
html[data-theme="light"] .alm-fcard{background:#FFFFFF;border-color:rgba(13,20,38,.08)}
html[data-theme="light"] .alm-fcard:hover{border-color:rgba(13,20,38,.16);box-shadow:0 14px 40px rgba(15,23,42,.13),0 0 0 1px rgba(13,20,38,.05)}
html[data-theme="light"] .alm-fcard__icon{background:rgba(100,116,139,.08);border-color:rgba(13,20,38,.1);color:var(--alm-text-dim)}

html[data-theme="light"] .alm-composer{background:rgba(255,255,255,.92);border-color:rgba(13,20,38,.12);box-shadow:0 1px 2px rgba(15,23,42,.05),0 18px 56px rgba(15,23,42,.12)}
html[data-theme="light"] .alm-composer:focus-within{border-color:rgba(99,102,241,.35);box-shadow:0 0 20px rgba(99,102,241,.08),0 0 0 4px rgba(99,102,241,.07),0 22px 64px rgba(15,23,42,.14)}
html[data-theme="light"] .alm-chip{background:rgba(13,20,38,.04)}
html[data-theme="light"] .alm-chip:hover{color:var(--alm-text);border-color:rgba(13,20,38,.16);background:rgba(13,20,38,.07)}
html[data-theme="light"] .alm-attach__item{color:var(--alm-text-dim);background:rgba(13,20,38,.04);border-color:rgba(13,20,38,.12)}
html[data-theme="light"] .alm-toolbtn:hover{color:var(--alm-text);background:rgba(13,20,38,.055)}
html[data-theme="light"] .alm-switch__track{background:rgba(100,116,139,.25)}
html[data-theme="light"] .alm-switch__knob{background:#64748B}
html[data-theme="light"] .alm-switch input:checked + .alm-switch__track{background:#0F172A}
html[data-theme="light"] .alm-switch input:checked + .alm-switch__track .alm-switch__knob{background:#F8FAFC}
html[data-theme="light"] .alm-send{background:linear-gradient(180deg,#1B2537,#0F172A);color:#F8FAFC;box-shadow:0 1px 2px rgba(15,23,42,.2),0 8px 24px rgba(15,23,42,.2)}
html[data-theme="light"] .alm-send:hover:not(:disabled){background:linear-gradient(180deg,#243049,#16203A)}

html[data-theme="light"] .alm-canvas{background:rgba(255,255,255,.72);border-color:rgba(13,20,38,.08)}
html[data-theme="light"] .alm-canvas__head{background:rgba(13,20,38,.02)}
html[data-theme="light"] .alm-canvas__badge{border-color:rgba(13,20,38,.16)}
html[data-theme="light"] .alm-seg{background:rgba(13,20,38,.035)}
html[data-theme="light"] .alm-seg__btn:hover{color:var(--alm-text);background:rgba(13,20,38,.05)}
html[data-theme="light"] .alm-seg__btn.is-active{color:var(--alm-text);background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(13,20,38,.13),0 1px 3px rgba(15,23,42,.1);text-shadow:none}
html[data-theme="light"] .alm-seg__badge{color:#5C5878}
html[data-theme="light"] .alm-seg__badge--cyan{color:var(--alm-text-dim)}
html[data-theme="light"] .alm-preview__stage{background:radial-gradient(120% 90% at 50% 0%,rgba(100,116,139,.06),transparent 55%),rgba(233,237,243,.7)}
html[data-theme="light"] .alm-preview__stage::before{background:rgba(13,20,38,.1);box-shadow:inset 0 1px 2px rgba(15,23,42,.15)}
html[data-theme="light"] .alm-preview__frame{background:#FFFFFF;box-shadow:0 0 0 1px rgba(13,20,38,.09),0 30px 90px rgba(15,23,42,.18)}
html[data-theme="light"] .alm-file.is-active{background:rgba(13,20,38,.06);border-color:rgba(13,20,38,.15);color:var(--alm-text)}
html[data-theme="light"] .alm-src{background:#FFFFFF;border-color:rgba(13,20,38,.08)}
html[data-theme="light"] .alm-src__type{background:rgba(110,106,135,.08);color:#5C5878}
html[data-theme="light"] .alm-src__meter{background:rgba(13,20,38,.07)}
html[data-theme="light"] .alm-src__meter i{background:linear-gradient(90deg,#334155,#64748B)}

html[data-theme="light"] .alm-modal__panel,
html[data-theme="light"] .alm-palette__panel,
html[data-theme="light"] .alm-phelp__panel,
html[data-theme="light"] .alm-pmp,
html[data-theme="light"] .alm-onboard__panel,
html[data-theme="light"] .almx-ins__panel,
html[data-theme="light"] .alm-lock__card{background:rgba(255,255,255,.98);border-color:rgba(13,20,38,.1);box-shadow:0 40px 110px rgba(15,23,42,.22)}
html[data-theme="light"] .alm-modal__title svg,
html[data-theme="light"] .almx-ins__head .icon,
html[data-theme="light"] .alm-phelp__head .icon{color:var(--alm-text-dim)}
html[data-theme="light"] .alm-field{background:rgba(13,20,38,.035)}
html[data-theme="light"] .alm-field:focus-within{border-color:var(--alm-ring);box-shadow:0 0 0 3px rgba(100,116,139,.09)}
html[data-theme="light"] .alm-field select option,
html[data-theme="light"] .alm-select option{background:#fff}
html[data-theme="light"] .alm-select{background:rgba(13,20,38,.035)}
html[data-theme="light"] input[type=range]{accent-color:#334155}
html[data-theme="light"] .alm-toasts .alm-toast{background:rgba(255,255,255,.98);border-color:rgba(13,20,38,.12);color:var(--alm-text)}
html[data-theme="light"] .alm-lock{background:rgba(240,242,246,.88)}
html[data-theme="light"] .alm-scrim{background:rgba(15,23,42,.35)}
html[data-theme="light"] .alm-mobile-viewbar{background:rgba(255,255,255,.96);border-color:rgba(13,20,38,.12)}
html[data-theme="light"] .alm-mobile-viewbar button.is-active{color:var(--alm-text);background:rgba(13,20,38,.06);box-shadow:inset 0 0 0 1px rgba(13,20,38,.13)}

html[data-theme="light"] .alm-palette__item.is-active{background:rgba(13,20,38,.05);border-color:rgba(13,20,38,.14)}
html[data-theme="light"] .alm-palette__item.is-active .alm-palette__ico{color:var(--alm-text)}
html[data-theme="light"] .alm-pmp{background:rgba(255,255,255,.98)}
html[data-theme="light"] .almx-hero__mark{background:#FFFFFF;border-color:rgba(13,20,38,.1);box-shadow:var(--alm-shadow)}
html[data-theme="light"] .almx-hero__qcard{background:#FFFFFF;border-color:rgba(13,20,38,.08)}
html[data-theme="light"] .almx-hero__qcard:hover{border-color:rgba(13,20,38,.16);box-shadow:0 10px 30px rgba(15,23,42,.1)}
html[data-theme="light"] .almx-hero__qico{background:rgba(100,116,139,.08);color:var(--alm-text-dim)}
html[data-theme="light"] .almx-hero__insights,
html[data-theme="light"] .almx-hero__install{background:#FFFFFF;border-color:rgba(13,20,38,.1)}
html[data-theme="light"] .almx-hero__insights:hover,
html[data-theme="light"] .almx-hero__install:hover{background:rgba(13,20,38,.04);border-color:rgba(13,20,38,.16)}
html[data-theme="light"] .almx-ins__btn{background:#FFFFFF;border-color:rgba(13,20,38,.12)}
html[data-theme="light"] .almx-ins__btn--primary{background:linear-gradient(180deg,#1B2537,#0F172A);color:#F8FAFC}

html[data-theme="light"] .alm-ratebadge{background:rgba(255,255,255,.7)}
html[data-theme="light"] .alm-ratebadge[data-level="ok"]{color:var(--alm-ok);border-color:rgba(14,159,110,.3);background:rgba(14,159,110,.06)}
html[data-theme="light"] .alm-ratebadge[data-level="warn"]{color:var(--alm-warn);border-color:rgba(176,124,36,.3);background:rgba(176,124,36,.06)}
html[data-theme="light"] .alm-ratebadge[data-level="crit"]{color:var(--alm-err);border-color:rgba(214,69,69,.3);background:rgba(214,69,69,.05)}
html[data-theme="light"] .alm-repocard{background:#FFFFFF;border-color:rgba(13,20,38,.1)}
html[data-theme="light"] .alm-repocard__info b{color:var(--alm-text)}
html[data-theme="light"] .alm-ghrepo{background:#FFFFFF;border-color:rgba(13,20,38,.08)}
html[data-theme="light"] .alm-ghrepo:hover{border-color:rgba(13,20,38,.16);box-shadow:0 12px 34px rgba(15,23,42,.12)}
html[data-theme="light"] .alm-ghrepo__name{color:var(--alm-text)}
html[data-theme="light"] .alm-ghrepo__name svg{color:var(--alm-text-dim)}
html[data-theme="light"] .alm-ghtree{background:rgba(13,20,38,.02)}
html[data-theme="light"] .gh-check span{border-color:rgba(13,20,38,.25)}
html[data-theme="light"] .gh-check input:checked + span{background:#334155}
html[data-theme="light"] .gh-check input:checked + span::after{border-color:#F8FAFC}
html[data-theme="light"] .alm-repopanel{background:rgba(13,20,38,.02)}
html[data-theme="light"] .alm-repopanel__name{color:var(--alm-text)}
html[data-theme="light"] .alm-repopanel__name svg{color:var(--alm-text-dim)}
html[data-theme="light"] .alm-ratebox b{color:var(--alm-text)}
html[data-theme="light"] .alm-engchip{background:rgba(13,20,38,.035)}
html[data-theme="light"] .alm-engchip:hover{color:var(--alm-text-dim)}
html[data-theme="light"] .alm-engchip.is-live{color:var(--alm-ok)}

html[data-theme="light"] .alm-agents{background:#FFFFFF;border-color:rgba(13,20,38,.1);box-shadow:var(--alm-shadow)}
html[data-theme="light"] .alm-agents__head{background:rgba(13,20,38,.02)}
html[data-theme="light"] .alm-agents__role{color:#5C5878;background:rgba(110,106,135,.07)}
html[data-theme="light"] .alm-agents__role[data-role="executor"]{color:var(--alm-text-dim);background:rgba(100,116,139,.08)}
html[data-theme="light"] .alm-agents__role[data-role="reviewer"]{color:var(--alm-warn);background:rgba(176,124,36,.07)}
html[data-theme="light"] .alm-agents__role[data-role="synth"]{color:var(--alm-ok);background:rgba(14,159,110,.07)}
html[data-theme="light"] .alm-agents__step{background:rgba(13,20,38,.025)}
html[data-theme="light"] .alm-agents__step.is-run{border-color:rgba(13,20,38,.14);background:rgba(13,20,38,.045)}
html[data-theme="light"] .alm-agents__step.is-run .alm-agents__num{color:#F8FAFC;background:#334155;border-color:transparent}

html[data-theme="light"] .alm-md h1,html[data-theme="light"] .alm-md h2,
html[data-theme="light"] .alm-md h3{background:none;color:var(--alm-text)}
html[data-theme="light"] .alm-md h4{color:var(--alm-text-dim)}
html[data-theme="light"] .alm-md a{color:#3B526E;text-decoration-color:rgba(59,82,110,.4)}
html[data-theme="light"] .alm-md a:hover{color:#0F172A}
html[data-theme="light"] .alm-md strong{color:#0E1526}
html[data-theme="light"] .alm-md em{color:#5C5878}
html[data-theme="light"] .alm-md blockquote{border-inline-start-color:rgba(13,20,38,.2);background:rgba(13,20,38,.03);color:#44526A}
html[data-theme="light"] .alm-md code{background:rgba(100,116,139,.09);border-color:rgba(100,116,139,.16);color:#334155}
html[data-theme="light"] .alm-md pre{background:#0F1420;border-color:rgba(13,20,38,.1)}
html[data-theme="light"] .alm-md pre.shiki-box{background-color:var(--shiki-dark-bg,#0a1120)}
html[data-theme="light"] .alm-md table{border-color:rgba(13,20,38,.1)}
html[data-theme="light"] .alm-md th,html[data-theme="light"] .alm-md td{border-color:rgba(13,20,38,.08)}
html[data-theme="light"] .alm-md th{background:rgba(100,116,139,.08);color:var(--alm-text)}
html[data-theme="light"] .alm-md tr:nth-child(even) td{background:rgba(100,116,139,.05)}

/* ============================================================
   §14 · استجابة — الحفاظ على الفخامة في كل المقاسات
   ============================================================ */
@media (max-width:940px){
  .alm-sidebar{background:rgba(8,11,19,.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  .alm-canvascol{background:rgba(9,13,23,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .alm-composer{border-radius:24px}
  .alm-modal{padding:12px}
  .alm-modal__panel{border-radius:22px}
}
html[data-theme="light"] .alm-sidebar{background:var(--alm-bg-sidebar)}
@media (max-width:940px){
  html[data-theme="light"] .alm-sidebar{background:rgba(255,255,255,.97)}
  html[data-theme="light"] .alm-canvascol{background:rgba(244,246,250,.96)}
}

/* أهداف لمس مريحة على الأجهزة المحمولة */
@media (pointer:coarse){
  .alm-iconbtn,.alm-toolbtn{min-width:38px;min-height:38px}
}

@media (prefers-reduced-motion:reduce){
  .alm-glow-pulse{animation:none}
}

/* ============================================================
   §15 · الصقل النهائي — مرحلة اللمسات الأخيرة v0.8.1
   ------------------------------------------------------------
   * نظام حركة موحّد: transition-all duration-300 ease-out
   * حوام البنتو: scale(1.01) + خلفيات white/[0.04] ناعمة
   * تلميع الأيقونات: مقاسان فقط w-4 (16px) / w-5 (20px) + سمك 1.7
   * إطار MacBook متجاوب تماماً على الموبايل
   * لمسات إنديغو خافتة على هوية العلامة والبطاقات
   ============================================================ */

/* —— 15.1 · نظام الحركة الموحد — كل الأسطح التفاعلية —— */
.alm-iconbtn,.alm-btn,.alm-toolbtn,.alm-chip,.alm-seg__btn,.alm-tab,.alm-conv,
.alm-sidebtn,.alm-engchip,.alm-fcard,.alm-src,.alm-ghrepo,.almx-hero__qcard,
.almx-hero__insights,.almx-hero__install,.alm-file,.alm-mp-btn,.alm-ratebadge,
.alm-agent-restore,.alm-canvas-restore,.alm-switch__track,.alm-sidebar__search input,.alm-field{
  transition:all .3s ease-out;
}
@media (prefers-reduced-motion:reduce){
  .alm-iconbtn,.alm-btn,.alm-toolbtn,.alm-chip,.alm-seg__btn,.alm-tab,.alm-conv,
  .alm-sidebtn,.alm-engchip,.alm-fcard,.alm-src,.alm-ghrepo,.almx-hero__qcard,
  .almx-hero__insights,.almx-hero__install,.alm-file,.alm-mp-btn,.alm-ratebadge,
  .alm-agent-restore,.alm-canvas-restore{transition:none}
}

/* —— 15.2 · حوام البنتو: scale(1.01) + رفع خلفية ناعم —— */
.alm-fcard:hover{transform:translateY(-2px) scale(1.01);background:rgba(255,255,255,.04)}
.alm-ghrepo:hover,.almx-hero__qcard:hover{transform:translateY(-2px) scale(1.01)}
.alm-src:hover{transform:translateY(-1px) scale(1.01)}
.alm-chip:hover,.alm-engchip:hover{background:rgba(255,255,255,.04)}
html[data-theme="light"] .alm-fcard:hover{background:#FFFFFF}

/* تلوين إنديغو خافت عند حوام البنتو — بنمط group-hover:text-indigo-400 */
.alm-fcard__icon{transition:all .3s ease-out}
.alm-fcard:hover .alm-fcard__icon{color:var(--alm-acc);background:var(--alm-acc-soft);border-color:rgba(99,102,241,.25)}
.alm-fcard:hover .alm-fcard__title{color:#A5B4FC}
html[data-theme="light"] .alm-fcard:hover .alm-fcard__icon{color:var(--alm-acc-strong);background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25)}
html[data-theme="light"] .alm-fcard:hover .alm-fcard__title{color:#4F46E5}

/* هوية العلامة — بلاطة إنديغو زجاجية ناعمة (بنمط لوغو الموك-أب) */
.alm-logo__mark,.alm-hero .alm-hero__mark{transition:all .3s ease-out}
.alm-logo__mark{
  background:linear-gradient(135deg,rgba(99,102,241,.16),rgba(139,92,246,.10));
  border:1px solid rgba(99,102,241,.22);
  box-shadow:0 4px 20px rgba(99,102,241,.14);
}
.almx-hero__mark,.alm-hero__mark{
  background:linear-gradient(135deg,rgba(99,102,241,.16),rgba(139,92,246,.10));
  border:1px solid rgba(99,102,241,.22);
  box-shadow:0 4px 24px rgba(99,102,241,.16);
}
html[data-theme="light"] .alm-logo__mark,
html[data-theme="light"] .almx-hero__mark,
html[data-theme="light"] .alm-hero__mark{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.08));border-color:rgba(99,102,241,.2);box-shadow:0 4px 18px rgba(99,102,241,.12)}

/* مؤشر المحادثة النشطة — إنديغو خافت بدل الفضي */
.alm-conv.is-active::before{background:linear-gradient(180deg,#A5B4FC,#6366F1)}
html[data-theme="light"] .alm-conv.is-active::before{background:linear-gradient(180deg,#6366F1,#818CF8)}

/* —— 15.3 · توحيد الأيقونات بالكامل: مقاسان فقط 16px (w-4) / 20px (w-5) —— */
svg.icon{stroke-width:1.7}
/* مستوى w-5 — أيقونات التنقل والأزرار الرئيسية */
.alm-iconbtn svg{width:20px;height:20px}
.alm-send svg{width:20px;height:20px;stroke-width:1.7}
.alm-btn--grad svg{stroke-width:1.7}
.alm-palette__empty .icon{width:20px;height:20px}
.alm-palette__sicon .icon{width:16px;height:16px}
/* مستوى w-4 — الأيقونات المدمجة والسطرية */
.alm-iconbtn--sm svg{width:16px;height:16px}
.alm-fcard__icon svg{width:16px;height:16px}
.alm-sidebar__search svg{width:16px;height:16px}
.alm-think summary svg{width:16px;height:16px}
.alm-toolcard__icon svg{width:16px;height:16px}
.alm-toast svg{width:16px;height:16px}
.alm-repopanel__name svg{width:16px;height:16px}
.alm-ghrepo__name svg{width:16px;height:16px}
.almx-hero__qico .icon{width:16px;height:16px}
.almx-hero__insights .icon,.almx-hero__install .icon{width:16px;height:16px}
.almx-ins__btn .icon{width:16px;height:16px}
.almx-ins__privacy .icon{width:16px;height:16px}
.alm-pmp__title svg{width:16px;height:16px}
.alm-pmp__search svg{width:16px;height:16px}
.alm-exp-menu__ico svg{width:16px;height:16px}
.alm-mp-btn svg{width:16px;height:16px}
.alm-phelp__head .icon{width:16px;height:16px}
.alm-ob-btn .icon{width:16px;height:16px}

/* —— 15.4 · إطار MacBook متجاوب — بلا فيض في أي مقاس —— */
.alm-preview__frame{max-width:100%;overflow:hidden}
.alm-preview__url{max-width:100%}
@media (max-width:940px){
  .alm-preview__stage{padding:14px 10px 16px}
  .alm-preview__stage::before{top:7px;width:36px;height:4px}
  .alm-preview__frame{border-radius:12px}
  .alm-preview__stage[data-device="tablet"] .alm-preview__frame{max-width:min(420px,100%)}
}

/* الفيض داخل بطاقات الكود يُقص داخل الإطار المستدير */
.alm-md pre{overflow:auto}

/* ============================================================
   §16 · المرحلة 9 — Multi-purpose Smart Engine v0.9.0
   ------------------------------------------------------------
   * 16.1 وضع البحث العميق: focus-within إنديغو أعمق (o1-style)
     على صنف is-deep الموجود أصلاً من router.syncDeepClass
   * 16.2 حالة السحب والإفلات فوق المُنشئ (is-dragover)
   * 16.3 شارات النتائج الدلالية في السجل الذكي
   * 16.4 مقاس الهاتف 390px لإطار MacBook (بجانب full/tablet)
   * كلها إضافات خالصة — صفر تعديل على §0–§15
   ============================================================ */

/* —— 16.1 · البحث العميق: توهج تركيز إنديغو أعمق —— */
.alm-composer.is-deep:focus-within{
  border-color:rgba(99,102,241,.62);
  box-shadow:0 0 28px rgba(99,102,241,.17),0 0 0 4px rgba(99,102,241,.11),0 22px 64px rgba(2,6,16,.5);
}
.alm-composer.is-deep .alm-switch__label{color:#A5B4FC}
.alm-composer.is-deep .alm-switch__track{border-color:rgba(99,102,241,.35)}
html[data-theme="light"] .alm-composer.is-deep:focus-within{
  border-color:rgba(79,70,229,.52);
  box-shadow:0 0 28px rgba(99,102,241,.15),0 0 0 4px rgba(99,102,241,.10),0 22px 64px rgba(15,23,42,.14);
}
html[data-theme="light"] .alm-composer.is-deep .alm-switch__label{color:#4F46E5}

/* —— 16.2 · السحب والإفلات: استقبال مضيء هادئ —— */
.alm-composer.is-dragover{
  border-color:rgba(129,140,248,.6);
  box-shadow:0 0 26px rgba(99,102,241,.15),0 0 0 4px rgba(99,102,241,.10),0 22px 64px rgba(2,6,16,.5);
  transform:scale(1.005);
}
.alm-composer.is-dragover .alm-input::placeholder{color:#A5B4FC}
html[data-theme="light"] .alm-composer.is-dragover{
  border-color:rgba(79,70,229,.55);
  box-shadow:0 0 26px rgba(99,102,241,.13),0 0 0 4px rgba(99,102,241,.09);
}

/* —— 16.3 · السجل الدلالي: شارة «دلالي» + تمييز أعلى نتيجة —— */
.alm-conv__sem{
  font-size:8px;font-weight:600;letter-spacing:.04em;color:var(--alm-acc);
  border:1px solid rgba(99,102,241,.28);background:rgba(99,102,241,.08);
  padding:2px 7px;border-radius:99px;flex:0 0 auto;
}
html[data-theme="light"] .alm-conv__sem{color:#4F46E5;background:rgba(99,102,241,.07);border-color:rgba(99,102,241,.25)}
.alm-conv.is-sem-top{border-color:rgba(99,102,241,.26);background:rgba(99,102,241,.05)}
.alm-conv.is-sem-top::before{background:linear-gradient(180deg,#A5B4FC,#6366F1)}
html[data-theme="light"] .alm-conv.is-sem-top{border-color:rgba(99,102,241,.24);background:rgba(99,102,241,.045)}

/* —— 16.4 · مقاس الهاتف 390px — توأم قواعد tablet الحالية —— */
.alm-preview__stage[data-device="mobile"] .alm-preview__frame{
  max-width:390px;
  transition:max-width .35s cubic-bezier(.4,0,.2,1),box-shadow .3s;
}
@media (max-width:940px){
  .alm-preview__stage[data-device="mobile"] .alm-preview__frame{max-width:min(390px,100%)}
}

/* —— 16.5 · حارس الحركة المفضلة —— */
@media (prefers-reduced-motion:reduce){
  .alm-composer.is-dragover{transform:none}
  .alm-conv.is-sem-top{transition:none}
}

/* ============================================================
   §17 · v1.0.0 · Full Cognitive Edition — طبقة إدراكية ختامية
   (17.1 شرائح مصادر الويب · 17.2 نبضة تسجيل المايك · 17.3 حارس الحركة)
   ============================================================ */

/* —— 17.1 · شرائح مصادر الويب (#webRow — يُحقن عبر phase10.js) —— */
.alm-wsrcrow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 2px 2px}
.alm-wsrc{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;
  padding:7px 11px;border:1px solid var(--alm-border);border-radius:12px;
  background:rgba(255,255,255,.03);font-size:12px;color:var(--alm-text-soft);
  transition:all .3s ease-out;
}
.alm-wsrc svg.icon{width:14px;height:14px;flex:0 0 auto;color:var(--alm-text-faint)}
.alm-wsrc__t{
  font-weight:600;color:var(--alm-text);max-width:220px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;
}
.alm-wsrc__s{font-size:11px;color:var(--alm-text-faint);white-space:nowrap;unicode-bidi:plaintext}
.alm-wsrc__x{cursor:pointer;opacity:.5;flex:0 0 auto;font-size:11px;line-height:1;padding:2px}
.alm-wsrc__x:hover{opacity:1;color:var(--alm-err)}
.alm-wsrc.is-loading .alm-wsrc__s{animation:almPulseTxt 1.2s ease-in-out infinite}
.alm-wsrc.is-loading svg.icon{animation:almPulseTxt 1.6s ease-in-out infinite}
.alm-wsrc.is-ready{border-color:rgba(129,140,248,.30);background:rgba(99,102,241,.05)}
.alm-wsrc.is-ready .alm-wsrc__s{color:#818CF8}
.alm-wsrc.is-ready svg.icon{color:#818CF8}
.alm-wsrc.is-meta{border-color:rgba(148,163,184,.28)}
.alm-wsrc.is-meta .alm-wsrc__s{color:var(--alm-text-faint)}
.alm-wsrc.is-error{border-color:rgba(248,113,113,.30)}
.alm-wsrc.is-error .alm-wsrc__s{color:var(--alm-err)}
.alm-wsrc:hover{border-color:rgba(129,140,248,.42);background:rgba(255,255,255,.05)}
/* الثيم الفاتح الورقي */
html[data-theme="light"] .alm-wsrc{background:rgba(13,20,38,.035)}
html[data-theme="light"] .alm-wsrc:hover{background:rgba(13,20,38,.055);border-color:rgba(79,70,229,.40)}
html[data-theme="light"] .alm-wsrc.is-ready{border-color:rgba(79,70,229,.30);background:rgba(99,102,241,.06)}
html[data-theme="light"] .alm-wsrc.is-ready .alm-wsrc__s{color:#4F46E5}
html[data-theme="light"] .alm-wsrc.is-ready svg.icon{color:#4F46E5}

/* —— 17.2 · مايك التسجيل: نبضة حلقة ناعمة حول #btnMic أثناء الاستماع —— */
.alm-toolbtn.is-rec{position:relative}
.alm-toolbtn.is-rec::after{
  content:'';position:absolute;inset:-4px;border-radius:inherit;
  border:1.5px solid rgba(248,113,113,.45);pointer-events:none;
  animation:almRecRing 1.6s ease-out infinite;
}
html[data-theme="light"] .alm-toolbtn.is-rec::after{border-color:rgba(220,38,38,.42)}

/* —— 17.3 · حارس الحركة المفضلة (إضافات §17) —— */
@media (prefers-reduced-motion:reduce){
  .alm-wsrc,.alm-wsrc.is-loading .alm-wsrc__s,.alm-wsrc.is-loading svg.icon{animation:none;transition:none}
  .alm-toolbtn.is-rec::after{animation:none;opacity:.5}
}

@keyframes almPulseTxt{50%{opacity:.35}}
@keyframes almRecRing{
  0%{transform:scale(.92);opacity:.9}
  100%{transform:scale(1.28);opacity:0}
}