/* ============================================================================
   WormGPT · طبقة الجوال 2.0 — ZyRox
   تُحمَّل بعد كل أوراق الأنماط وتُطبَّق على ≤899px فقط.
   المرجع البصري: ورقة إعدادات جوال داكنة — بطاقات مجمّعة بلا حدود ظاهرة،
   صفوف بأيقونة على اليمين ونصّ باهت تحته، رأس مركزي، أقراص بيضاء للإجراء الأساسي.
   ========================================================================== */

@media (max-width:899px){

  /* ── 1) الرموز ─────────────────────────────────────────────────────────── */
  html:root:root:root:root:root:root:root:root body{
    --m-bg:#1b1b19;
    --m-card:#262624;
    --m-inset:#2b2b28;
    --m-line:rgba(255,255,255,.065);
    --m-line-2:rgba(255,255,255,.11);
    --m-text:#e9e8e2;
    --m-dim:#94948d;
    --m-dim-2:#73736c;
    --m-accent:#5b8def;
    --m-danger:#e8695c;
    --m-ok:#94cdb2;
    --m-fill:#f5f4ee;
    --m-fill-text:#161614;
  }

  /* ── 2) الورقة والرأس ──────────────────────────────────────────────────── */
  html:root:root:root:root:root:root:root:root body .settings-overlay.settings-overlay{
    padding:0!important;
    background:var(--m-bg)!important;
    backdrop-filter:none!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:var(--m-bg)!important;
    overflow:hidden!important;
    font-family:"Segoe UI",system-ui,-apple-system,Tahoma,sans-serif!important;
    color:var(--m-text)!important;
    display:flex!important;
    flex-direction:column!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog>*{box-shadow:none!important;}

  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog>header.settings-mhead{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    padding:calc(6px + env(safe-area-inset-top)) 10px 6px!important;
    min-height:56px!important;
    border:0!important;
    background:var(--m-bg)!important;
    position:relative!important;
    top:auto!important;
    z-index:6!important;
    flex:none!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-head-brand{
    flex:1 1 auto!important;
    min-width:0!important;
    text-align:center!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-head-brand h2{
    margin:0!important;
    font-size:19px!important;
    font-weight:600!important;
    line-height:1.25!important;
    letter-spacing:.1px!important;
    text-align:center!important;
    color:var(--m-text)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-head-brand small{display:none!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-save-chip,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-header-user{display:none!important;}

  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-close,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-back{
    flex:none!important;
    width:40px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:var(--m-text)!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:300!important;
    cursor:pointer!important;
    padding:0!important;
    -webkit-tap-highlight-color:transparent;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-close{
    font-size:25px!important;
    color:#c2c2bb!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-close:active,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mhead .settings-back:active{
    background:rgba(255,255,255,.07)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-back.is-hidden{visibility:hidden!important;}

  /* حاوية التمرير: تُقيَّد بارتفاع الشاشة */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-layout.settings-mobile-layout{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    padding:0!important;
  }

  /* ── 3) قائمة الجذر ────────────────────────────────────────────────────── */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mlist{
    padding:4px 14px calc(26px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
  }

  /* بطاقة الحساب */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-card{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:52px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:18px!important;
    background:var(--m-card)!important;
    width:100%!important;
    text-align:right!important;
    cursor:pointer!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-avatar{display:none!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-text{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    min-width:0!important;
    flex:1 1 auto!important;
    align-items:flex-start!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-text strong{display:none!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-text small{
    font-size:16px!important;
    color:var(--m-text)!important;
    font-weight:400!important;
    direction:ltr;
    text-align:right!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    max-width:100%!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-card.is-guest{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:10px!important;
    padding:16px!important;
    cursor:default!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-card.is-guest .settings-account-text strong{
    display:block!important;
    font-size:16px!important;
    font-weight:600!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-card.is-guest .settings-account-text small{
    color:var(--m-dim)!important;
    font-size:13.5px!important;
    direction:rtl;
    white-space:normal!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-account-plan{
    flex:none!important;
    order:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:30px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    background:var(--m-fill)!important;
    color:var(--m-fill-text)!important;
    font-size:14px!important;
    font-weight:600!important;
    direction:ltr;
  }

  /* بطاقة الترقية */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-upgrade-card{
    background:var(--m-card)!important;
    border:0!important;
    border-radius:18px!important;
    padding:20px 16px!important;
    text-align:right!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-upgrade-card strong{
    font-size:19px!important;
    font-weight:600!important;
    color:var(--m-text)!important;
    line-height:1.35!important;
    letter-spacing:.1px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-upgrade-card p{
    margin:0!important;
    font-size:15.5px!important;
    line-height:1.5!important;
    color:var(--m-dim)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-upgrade-btn{
    margin-top:12px!important;
    align-self:flex-start!important;
    height:38px!important;
    padding:0 22px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--m-fill)!important;
    color:var(--m-fill-text)!important;
    font-size:15px!important;
    font-weight:600!important;
    cursor:pointer!important;
  }

  /* عناصر القائمة لا تنكمش — القائمة نفسها هي التي تُمرَّر */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mlist>*{
    flex:0 0 auto!important;
  }

  /* عناوين المجموعات: لا وجود لها في التصميم المرجعي */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mgroup-title{display:none!important;}

  /* بطاقة المجموعة */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mgroup{
    background:var(--m-card)!important;
    border:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
    display:block!important;
  }

  /* الصف: أيقونة يمين + عنوان وسطر ثانٍ */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mgroup .settings-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:2px!important;
    align-items:center!important;
    width:100%!important;
    min-height:56px!important;
    height:auto!important;
    padding:8px 14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    text-align:right!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mgroup .settings-row:active{
    background:rgba(255,255,255,.035)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mgroup .settings-row+.settings-row::before{
    content:''!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    left:0!important;
    height:1px!important;
    background:var(--m-line)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-row-ico{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--m-dim)!important;
    width:20px!important;
    height:20px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-row-ico svg{
    width:20px!important;
    height:20px!important;
    stroke-width:1.6!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-row-text{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
    min-width:0!important;
    align-items:flex-start!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-row-text strong{
    font-size:16.5px!important;
    font-weight:400!important;
    color:var(--m-text)!important;
    line-height:1.28!important;
    letter-spacing:.1px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-row-text small{
    font-size:13px!important;
    font-weight:400!important;
    color:var(--m-dim)!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-row-value{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    font-size:13px!important;
    font-weight:400!important;
    color:var(--m-dim)!important;
    line-height:1.3!important;
    direction:ltr;
  }
  /* عند وجود قيمة: القيمة تحلّ محلّ الوصف في السطر الثاني */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-row:has(.settings-row-value) .settings-row-text small{
    display:none!important;
  }

  /* التذييل وتسجيل الخروج */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mfoot{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mlogout{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    width:100%!important;
    min-height:56px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:18px!important;
    background:var(--m-card)!important;
    color:var(--m-danger)!important;
    font-size:16.5px!important;
    font-weight:400!important;
    cursor:pointer!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mlogout svg{
    width:20px!important;
    height:20px!important;
    stroke-width:1.6!important;
    color:var(--m-danger)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mlogout:active{background:#2c2c29!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mfoot>small{
    text-align:center!important;
    font-size:12.5px!important;
    color:var(--m-dim-2)!important;
    padding:2px 0 4px!important;
  }

  /* الخط: المرجع يستخدم خطًا هندسيًا واضحًا لكل العناوين */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog *{
    font-family:inherit!important;
  }

  /* ── 4) الشاشات الداخلية — القواعد المشتركة ────────────────────────────── */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content{
    padding:4px 14px calc(28px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    display:block!important;
    gap:0!important;
  }
  /* عنوان القسم مكرّر مع رأس الحوار ⇒ يُخفى */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content>.settings-section-title{display:none!important;}

  /* إزالة كل زخرفة قديمة ثم بناء البطاقة من جديد */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content *{box-shadow:none!important;}

  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-card,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-plan-card,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-models,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-membership,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-payee,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-tonpay,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-morepay,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-plan-tile,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-claude-hero,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-usage-hero,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content>form{
    background:var(--m-card)!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    padding:18px 16px!important;
    margin:0 0 14px!important;
    display:block!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content>form{display:block!important;gap:0!important;}

  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-card>h3,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-models>h3,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content>form>h3,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-install-card>h3{
    font-size:18px!important;
    font-weight:600!important;
    margin:0 0 10px!important;
    color:var(--m-text)!important;
    line-height:1.35!important;
    letter-spacing:.1px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-card>h3+h3,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content>form>h3+h3{
    margin-top:20px!important;
  }
  /* عنوان فرعي مباشر داخل المحتوى */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content>h3{
    font-size:15px!important;
    font-weight:500!important;
    color:var(--m-dim)!important;
    margin:22px 4px 10px!important;
    line-height:1.4!important;
  }

  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-note{
    font-size:14px!important;
    line-height:1.6!important;
    color:var(--m-dim)!important;
    margin:0 0 12px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content>.settings-note{
    padding:0 4px!important;
    font-size:13.5px!important;
    color:var(--m-dim-2)!important;
    margin:0 0 14px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-card .settings-note:last-child,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content>form .settings-note:last-child{margin-bottom:0!important;}

  /* الحقول */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field{
    display:block!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    font-size:15.5px!important;
    font-weight:400!important;
    color:var(--m-text)!important;
    margin:0 0 16px!important;
    line-height:1.35!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field input,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field select,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field textarea,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-input,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card input[type=text],
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card input[type=email],
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card input[type=password],
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card input[type=number],
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card textarea,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-select{
    display:block!important;
    width:100%!important;
    margin-top:9px!important;
    min-height:54px!important;
    padding:14px!important;
    border:1px solid var(--m-line)!important;
    border-radius:14px!important;
    background:var(--m-inset)!important;
    color:var(--m-text)!important;
    font-family:inherit!important;
    font-size:16px!important;
    line-height:1.45!important;
    box-shadow:none!important;
    outline:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field textarea{min-height:140px!important;resize:vertical!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field input:focus,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field textarea:focus,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field select:focus,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-select:focus{border-color:rgba(91,141,239,.65)!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field input::placeholder,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field textarea::placeholder{color:var(--m-dim-2)!important;}

  /* الأزرار */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-button,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-primary,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-danger{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:46px!important;
    padding:0 20px!important;
    border:1px solid var(--m-line-2)!important;
    border-radius:999px!important;
    background:var(--m-inset)!important;
    color:var(--m-text)!important;
    font-family:inherit!important;
    font-size:15.5px!important;
    font-weight:500!important;
    cursor:pointer!important;
    justify-self:auto!important;
    text-decoration:none!important;
    line-height:1.2!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-button.settings-primary,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-primary{
    background:var(--m-fill)!important;
    border-color:transparent!important;
    color:var(--m-fill-text)!important;
    font-weight:600!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-button.settings-danger,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-danger{
    background:transparent!important;
    border-color:rgba(232,105,92,.4)!important;
    color:var(--m-danger)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-button:disabled,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-primary:disabled{
    opacity:.55!important;
    cursor:default!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content form>.settings-button,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content form>.settings-primary,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-card-form>.settings-button,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-card-form>.settings-primary{
    width:100%!important;
    margin-top:4px!important;
  }

  /* أقراص الإجراءات */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-cta{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:14px!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-cta .settings-button,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-cta .settings-primary{
    flex:1 1 140px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-cta>.settings-primary:only-child,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-cta>.settings-button:only-child{flex:1 1 100%!important;}

  /* صفوف التفاصيل */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-detail{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:50px!important;
    padding:13px 0!important;
    border:0!important;
    border-bottom:1px solid var(--m-line)!important;
    border-radius:0!important;
    background:transparent!important;
    font-size:15px!important;
    color:var(--m-dim)!important;
    margin:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-detail:last-child{border-bottom:0!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-detail strong{
    color:var(--m-text)!important;
    font-weight:500!important;
    font-size:15px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-detail small{
    color:var(--m-dim-2)!important;
    font-size:12.5px!important;
  }

  /* الشرائح والأقراص */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-chip,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-pill{
    display:inline-flex!important;
    align-items:center!important;
    height:28px!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--m-inset)!important;
    color:#b0b0a9!important;
    font-size:12.5px!important;
    font-weight:400!important;
    white-space:nowrap!important;
    cursor:default!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog button.settings-pill{cursor:pointer!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-pill.active{
    background:var(--m-fill)!important;
    color:var(--m-fill-text)!important;
    font-weight:600!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-pills,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-chips,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile-meta,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-row-meta,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .response-presets{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-row-meta{display:flex!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile-meta>span{
    display:inline-flex!important;
    align-items:center!important;
    height:28px!important;
    padding:0 11px!important;
    border-radius:999px!important;
    background:var(--m-inset)!important;
    color:#b0b0a9!important;
    font-size:12.5px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .response-presets .settings-button{
    min-height:38px!important;
    padding:0 16px!important;
    font-size:14px!important;
    flex:0 0 auto!important;
  }

  /* شارات الحالة */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-active{
    display:inline-flex!important;
    align-items:center!important;
    height:26px!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(148,205,178,.12)!important;
    color:var(--m-ok)!important;
    font-size:12.5px!important;
    font-weight:500!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-active.is-current,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-active.is-free{
    background:var(--m-inset)!important;
    color:#b0b0a9!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-active.is-paid{
    background:rgba(148,205,178,.12)!important;
    color:var(--m-ok)!important;
  }

  /* أشرطة التقدّم */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-bar{
    height:6px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.09)!important;
    overflow:hidden!important;
    margin:9px 0!important;
    border:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-bar-value{
    height:100%!important;
    border-radius:999px!important;
    background:var(--m-ok)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-bar-value.settings-bar-warn{background:#e0a72e!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-bar-value.settings-bar-danger{background:var(--m-danger)!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-bar-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    font-size:13.5px!important;
    color:var(--m-dim)!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:12px 0 0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-countdown{
    color:var(--m-dim-2)!important;
    font-variant-numeric:tabular-nums;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-bar-sub{
    font-size:13px!important;
    color:var(--m-dim)!important;
    margin:8px 0 0!important;
    line-height:1.55!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-meta-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:10px 0 0!important;
    font-size:13px!important;
    color:var(--m-dim-2)!important;
  }

  /* رسائل الخطأ */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-error{
    display:block!important;
    padding:12px 14px!important;
    border-radius:14px!important;
    background:rgba(232,105,92,.1)!important;
    border:0!important;
    color:#eda396!important;
    font-size:13.5px!important;
    line-height:1.6!important;
    margin:0 0 14px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-empty{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    padding:36px 16px!important;
    text-align:center!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-empty h3{font-size:18px!important;font-weight:600!important;margin:0!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-empty p{font-size:14px!important;color:var(--m-dim)!important;margin:0!important;}

  /* الجلسات */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-session{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:4px 10px!important;
    padding:13px 15px!important;
    margin:0 0 8px!important;
    border:0!important;
    border-radius:14px!important;
    background:var(--m-card)!important;
    font-size:15px!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-session span{font-weight:500!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-session small{
    color:var(--m-dim-2)!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

  /* المظهر: مقسّم + ألوان + لغة */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-choice{
    display:block!important;
    margin:0 0 20px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-choice:last-child{margin-bottom:0!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-choice-label{
    display:block!important;
    font-size:15.5px!important;
    font-weight:400!important;
    color:var(--m-text)!important;
    margin:0 0 10px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-segmented{
    display:flex!important;
    width:100%!important;
    padding:3px!important;
    gap:3px!important;
    border-radius:999px!important;
    background:var(--m-inset)!important;
    border:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-seg{
    flex:1 1 0!important;
    min-height:38px!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:var(--m-dim)!important;
    font-family:inherit!important;
    font-size:14.5px!important;
    font-weight:500!important;
    cursor:pointer!important;
    padding:0 10px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-seg::before,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-seg::after,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-seg>span::before{content:none!important;display:none!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-seg.active{
    background:var(--m-fill)!important;
    color:var(--m-fill-text)!important;
    font-weight:600!important;
  }

  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-colors{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-color{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    height:56px!important;
    min-height:56px!important;
    padding:0 14px!important;
    border:1px solid var(--m-line)!important;
    border-radius:14px!important;
    background:var(--m-inset)!important;
    color:var(--m-text)!important;
    font-size:14.5px!important;
    cursor:pointer!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-color.active{border-color:rgba(91,141,239,.7)!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-color-dot{
    width:20px!important;
    height:20px!important;
    border-radius:50%!important;
    flex:none!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-color-name{font-size:14.5px!important;font-weight:400!important;color:var(--m-text)!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-color svg{display:none!important;}

  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg6-lang-native{display:none!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-lang-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-lang-opt{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    height:52px!important;
    padding:0 10px!important;
    border:1px solid var(--m-line)!important;
    border-radius:12px!important;
    background:var(--m-inset)!important;
    color:var(--m-text)!important;
    text-align:right!important;
    cursor:pointer!important;
    min-width:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-lang-opt.active{border-color:rgba(91,141,239,.7)!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-lang-flag{
    width:20px!important;
    height:14px!important;
    border-radius:3px!important;
    object-fit:cover!important;
    flex:none!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-lang-name{
    font-size:12.5px!important;
    font-weight:500!important;
    color:var(--m-text)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-lang-country{display:none!important;}

  /* ── 5) الملف الشخصي ──────────────────────────────────────────────────── */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:0!important;
    padding:26px 16px 20px!important;
    text-align:center!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:0!important;
    width:100%!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-avatar{
    width:88px!important;
    height:88px!important;
    border-radius:50%!important;
    font-size:34px!important;
    font-weight:500!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    flex:none!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-id{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:4px!important;
    text-align:center!important;
    margin-top:14px!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-id h3{
    font-size:20px!important;
    font-weight:600!important;
    margin:0!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-id .settings-note{
    margin:0!important;
    font-size:14px!important;
    color:var(--m-dim)!important;
    direction:ltr;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-card>.settings-detail{
    width:100%!important;
    margin-top:16px!important;
    border-top:1px solid var(--m-line)!important;
    border-bottom:0!important;
    padding:14px 0 0!important;
    min-height:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-card>.settings-plan-cta{
    margin-top:16px!important;
    width:100%!important;
    justify-content:center!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-card>.settings-plan-cta .settings-button{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:0 20px!important;
    font-size:14.5px!important;
    background:transparent!important;
    border:1px solid var(--m-line-2)!important;
    border-radius:999px!important;
    color:var(--m-text)!important;
    cursor:pointer!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-profile-card>.settings-plan-cta .settings-button input{display:none!important;}

  /* بطاقة الخطة داخل الملف الشخصي */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-card{padding:16px!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-title h3{
    font-size:17px!important;
    font-weight:600!important;
    margin:0!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-pills{margin-top:14px!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-card .settings-bar-head{margin-top:14px!important;}

  /* رمز الحساب */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-code-card .settings-detail{flex-wrap:nowrap!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-code-value{
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
    letter-spacing:2px!important;
    font-size:15px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .wg-code-card .settings-detail .settings-button{
    min-height:34px!important;
    padding:0 14px!important;
    font-size:13px!important;
  }

  /* ── 6) الاستخدام ─────────────────────────────────────────────────────── */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-hero{padding:18px 16px!important;}
  /* إبطال أي وهج أو زخرفة خلفية من الطبقات السابقة */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-hero::before,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-hero::after,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-usage-hero::before,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-usage-hero::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-hero-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 16px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-hero-head small{
    font-size:13px!important;
    color:var(--m-dim-2)!important;
    direction:ltr;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-body,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-usage-body{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-info,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-usage-info{
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-info .settings-meta-row,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-usage-info .settings-meta-row{
    justify-content:space-between!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-ring{
    width:92px!important;
    height:92px!important;
    flex:none!important;
    margin:0!important;
    border-radius:50%!important;
    border:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-ring-inner{
    width:100%!important;
    height:100%!important;
    border-radius:50%!important;
    background:var(--m-card)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-ring-inner strong{
    font-size:22px!important;
    font-weight:600!important;
    color:var(--m-text)!important;
    line-height:1.1!important;
    font-variant-numeric:tabular-nums;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-ring-inner small{
    font-size:10.5px!important;
    color:var(--m-dim)!important;
    line-height:1.3!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-info,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-usage-info{
    flex:1 1 auto!important;
    min-width:0!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-info h3,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-usage-info h3{
    font-size:16.5px!important;
    font-weight:600!important;
    margin:0 0 4px!important;
    line-height:1.35!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-info .settings-bar-sub:first-of-type{
    margin-top:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-claude-info .settings-bar-sub:last-child{margin-bottom:0!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-window-grid{
    display:block!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-meta-row.settings-today{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:8px!important;
    background:var(--m-card)!important;
    border-radius:18px!important;
    padding:16px!important;
    margin:0 0 14px!important;
    font-size:14.5px!important;
    color:var(--m-dim)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-meta-row.settings-today span{
    display:block!important;
    color:var(--m-text)!important;
    font-size:14.5px!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
    border-radius:0!important;
    line-height:1.5!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-models{padding:16px!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-row{
    padding:12px 0!important;
    border:0!important;
    border-bottom:1px solid var(--m-line)!important;
    background:transparent!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-row:last-child{border-bottom:0!important;padding-bottom:0!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-row:first-of-type{padding-top:4px!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-row strong{
    display:block!important;
    font-size:15.5px!important;
    font-weight:500!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-row p{
    font-size:13px!important;
    color:var(--m-dim)!important;
    margin:4px 0 0!important;
    line-height:1.55!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-model-row .settings-model-chips{margin-top:8px!important;}

  /* ── 7) الاشتراك ──────────────────────────────────────────────────────── */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership{
    background:var(--m-card)!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    padding:18px 16px!important;
    margin:0 0 14px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership-body{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:14px!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership-info{
    flex:1 1 150px!important;
    min-width:0!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership-info h3{
    font-size:26px!important;
    font-weight:600!important;
    margin:0!important;
    line-height:1.2!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership-info p{
    font-size:14px!important;
    color:var(--m-dim)!important;
    margin:4px 0 0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership-stat{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:2px!important;
    text-align:left!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    border-radius:0!important;
    min-width:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership-stat strong{
    font-size:22px!important;
    font-weight:600!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership-stat small{
    font-size:12px!important;
    color:var(--m-dim-2)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-membership .settings-meta-row{
    width:100%!important;
    border-top:1px solid var(--m-line)!important;
    padding-top:12px!important;
    margin-top:4px!important;
  }

  /* الدفع عبر الدعم */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-payee>p{
    font-size:15.5px!important;
    color:var(--m-text)!important;
    margin:0 0 12px!important;
    font-weight:500!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-payee-opts{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    margin:0 0 12px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-payee-opt{
    flex:1 1 0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    height:46px!important;
    border:1px solid var(--m-line-2)!important;
    border-radius:999px!important;
    background:transparent!important;
    color:var(--m-text)!important;
    font-size:14.5px!important;
    font-weight:500!important;
    direction:ltr!important;
    cursor:pointer!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-payee-opt svg{
    width:16px!important;
    height:16px!important;
    flex:none!important;
    color:var(--m-dim)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-payee-opt.active{
    background:var(--m-fill)!important;
    border-color:transparent!important;
    color:var(--m-fill-text)!important;
    font-weight:600!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-payee-opt.active svg{color:var(--m-fill-text)!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-payee-opt[aria-pressed="true"]::before{
    color:var(--m-fill-text)!important;
    font-weight:700!important;
    margin-inline-end:2px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-payee>small{
    display:block!important;
    font-size:12.5px!important;
    color:var(--m-dim-2)!important;
    line-height:1.5!important;
  }

  /* أقراص القفز للباقات */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-jump{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0 0 14px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-jump .settings-button{
    min-height:38px!important;
    padding:0 15px!important;
    font-size:13.5px!important;
    border-radius:999px!important;
    flex:0 0 auto!important;
  }

  /* بطاقات الباقات */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plans-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    margin:0 0 14px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile{
    background:var(--m-card)!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    padding:18px 16px!important;
    margin:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile.settings-plan-current{
    border-color:rgba(91,141,239,.55)!important;
    background:#242a33!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile.settings-plan-x5{
    border-color:rgba(232,105,92,.35)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:26px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile-head small{
    font-size:13px!important;
    color:var(--m-dim)!important;
    font-weight:400!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile>h3{
    font-size:24px!important;
    font-weight:600!important;
    margin:8px 0 2px!important;
    line-height:1.2!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile-price{
    display:block!important;
    font-size:19px!important;
    font-weight:500!important;
    color:var(--m-text)!important;
    margin:4px 0 0!important;
    direction:ltr;
    text-align:right!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile-price small{
    font-size:13px!important;
    color:var(--m-dim)!important;
    font-weight:400!important;
  }
  /* الباقة المجانية: السعر يكرّر اسم الباقة فيُخفى بدل تكراره ثلاث مرات */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile[data-plan="free"] .settings-plan-tile-price{
    display:none!important;
  }
  /* شارة أعلى بطاقة الباقة: قرص صغير لا نص حر */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile-head{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:22px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile-head small:empty{display:none!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile>.settings-bar-sub{
    font-size:14px!important;
    color:var(--m-dim)!important;
    margin:8px 0 0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile .settings-plan-cta{margin-top:14px!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile .settings-plan-cta .settings-primary,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-tile .settings-plan-cta .settings-button{
    flex:1 1 100%!important;
    min-height:48px!important;
    font-size:16px!important;
    border-radius:999px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-plan-disabled{
    background:var(--m-inset)!important;
    color:var(--m-dim)!important;
    border-color:transparent!important;
    font-weight:500!important;
  }

  /* الدفع التلقائي */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-tonpay-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 8px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-tonpay-head h3{
    font-size:18px!important;
    font-weight:600!important;
    margin:0!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-tonpay-plans{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    margin:12px 0 0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-tonpay-plans .settings-button{
    width:100%!important;
    justify-content:space-between!important;
    min-height:50px!important;
    padding:0 16px!important;
    border-radius:14px!important;
    font-size:14.5px!important;
    direction:ltr;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-tonpay-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    margin:12px 0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-tonpay-qr{
    align-self:center!important;
    width:180px!important;
    height:180px!important;
    border-radius:14px!important;
    background:#fff!important;
    padding:8px!important;
    object-fit:contain!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-tonpay-info,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-tonpay-addr{
    font-size:13px!important;
    color:var(--m-dim)!important;
    line-height:1.6!important;
    word-break:break-all!important;
    direction:ltr;
  }

  /* بقية طرق الدفع */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-morepay-row{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 0!important;
    border:0!important;
    border-bottom:1px solid var(--m-line)!important;
    background:transparent!important;
    border-radius:0!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-morepay-row:last-child{border-bottom:0!important;padding-bottom:0!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-morepay-info{
    flex:1 1 120px!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-morepay-info strong{
    font-size:15px!important;
    font-weight:500!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-morepay-info small{
    font-size:12px!important;
    color:var(--m-dim-2)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-morepay-row .settings-button{
    min-height:34px!important;
    padding:0 14px!important;
    font-size:13px!important;
    flex:0 0 auto!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-morepay-addr{
    flex:1 1 100%!important;
    order:3!important;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
    font-size:11.5px!important;
    color:var(--m-dim)!important;
    background:var(--m-inset)!important;
    border-radius:10px!important;
    padding:9px 10px!important;
    word-break:break-all!important;
    direction:ltr;
    text-align:left!important;
  }

  /* المزايا */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-benefits{
    list-style:none!important;
    margin:12px 0 0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-benefits li{
    position:relative!important;
    padding:0 26px 0 0!important;
    font-size:14px!important;
    line-height:1.55!important;
    color:var(--m-dim)!important;
    background:none!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-benefits li::before{
    content:''!important;
    position:absolute!important;
    top:5px!important;
    right:0!important;
    width:14px!important;
    height:8px!important;
    border-left:1.6px solid var(--m-dim)!important;
    border-bottom:1.6px solid var(--m-dim)!important;
    transform:rotate(-45deg)!important;
  }

  /* منطقة الخطر */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card.settings-danger-zone{
    border-color:rgba(232,105,92,.28)!important;
    background:rgba(232,105,92,.05)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card.settings-danger-zone>h3{color:#eda396!important;}

  /* بطاقة التثبيت */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-install-card{text-align:right!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-install-card>.settings-primary{
    width:100%!important;
    margin-top:6px!important;
  }

  /* أكواد API */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content pre{
    display:block!important;
    margin:10px 0 16px!important;
    padding:13px 14px!important;
    border-radius:14px!important;
    background:#141413!important;
    border:1px solid var(--m-line)!important;
    color:#c9c9c2!important;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;
    font-size:12px!important;
    line-height:1.7!important;
    overflow-x:auto!important;
    direction:ltr!important;
    text-align:left!important;
    white-space:pre!important;
  }

  /* ── 9) تصحيحات الشاشات الداخلية ───────────────────────────────────────── */

  /* النصوص: محاذاة بداية دائمًا، بلا تمديد (justify) يباعد الكلمات */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content p,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-note,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-bar-sub,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-detail span,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content .settings-detail strong{
    text-align:start!important;
    text-justify:auto!important;
    word-spacing:normal!important;
  }

  /* مفتاح التشغيل: قرص حقيقي بدل صندوق ممتد */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field.settings-inline{
    display:flex!important;
    flex-direction:row-reverse!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:56px!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field.settings-inline>input[type="checkbox"]{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:52px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    flex:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background-color:rgba(255,255,255,.16)!important;
    background-image:radial-gradient(circle at 36px 50%,#ffffff 0 11px,rgba(255,255,255,0) 11.5px)!important;
    background-repeat:no-repeat!important;
    cursor:pointer!important;
    transition:background-color .18s ease!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-field.settings-inline>input[type="checkbox"]:checked{
    background-color:var(--m-fill)!important;
    background-image:radial-gradient(circle at 16px 50%,#161614 0 11px,rgba(0,0,0,0) 11.5px)!important;
  }

  /* زرّا المزامنة: عمودان كاملان بلا قطع نص */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card>.settings-plan-cta{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:10px!important;
    margin-top:16px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-card>.settings-plan-cta>button{
    width:100%!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:14px!important;
    padding:0 14px!important;
  }

  /* الجلسات: الاسم في سطر والتواريخ في سطر أهدأ */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-session{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:2px 10px!important;
    min-height:0!important;
    padding:12px 14px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-session>span{
    flex:1 0 100%!important;
    font-size:14.5px!important;
    font-weight:600!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-session>small{
    font-size:12px!important;
    color:var(--m-dim-2)!important;
  }

  /* بطاقة التثبيت: فاصل بصري قبل «طرق التثبيت» */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-install-card h3+h3,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-install-card .settings-primary+h3,
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-install-card button+h3{
    margin-top:20px!important;
    padding-top:16px!important;
    border-top:1px solid var(--m-line)!important;
  }

  /* كتلة الكود: زر النسخ بجانب العنوان لا تحته */
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content h3+.response-presets{
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    margin:-36px 0 10px!important;
    min-height:34px!important;
  }
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content h3+.response-presets .settings-button{
    min-height:34px!important;
    height:34px!important;
    padding:0 14px!important;
    font-size:13px!important;
  }

  /* ── 10) واجهة المحادثات ───────────────────────────────────────────────── */

  /* الرأس: ثلاث مناطق — القائمة يمينًا، النموذج في الوسط، الإجراءات يسارًا */
  html:root:root:root:root:root:root:root:root body .chat-header{
    position:relative!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0 8px!important;
    border-bottom:1px solid var(--m-line)!important;
    backdrop-filter:none!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-header>div:first-child{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    min-width:0!important;
  }
  /* حاوية بطاقة النموذج تُخرَج من التدفّق لتتمركز في منتصف الرأس.
     التوسيط بـ inset+margin وليس بـ transform: أي transform على هذه الحاوية
     يجعلها containing block لكل descendant بـ position:fixed، فتسقط ورقة
     اختيار النموذج خارج الشاشة (114×743 عند y=-695). */
  html:root:root:root:root:root:root:root:root body .chat-header>div:first-child>div{
    position:absolute!important;
    inset:0!important;
    margin:auto!important;
    width:fit-content!important;
    height:fit-content!important;
    transform:none!important;
    flex:0 0 auto!important;
    min-width:0!important;
    max-width:max(104px, calc(100vw - 250px))!important;
    z-index:auto!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-header .focused-model-trigger{
    max-width:100%!important;
    min-width:0!important;
    padding:6px 11px!important;
    gap:6px!important;
    border-radius:999px!important;
    background:var(--m-card)!important;
    border:1px solid var(--m-line)!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-header .focused-model-trigger>span:not(.model-trigger-emblem){
    min-width:0!important;
    overflow:hidden!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-header .focused-model-trigger strong,
  html:root:root:root:root:root:root:root:root body .chat-header .focused-model-trigger small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.25!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-header .focused-model-trigger small{
    font-size:10.5px!important;
    color:var(--m-dim-2)!important;
  }
  /* الهواتف الضيّقة (≤379px): البطاقة المتمركزة تتقاطع مع أزرار اليسار
     (عند 320px: الأزرار 8→122 والبطاقة 108→212). الحل: تخطيط تدفّق
     يملأ المساحة الحرّة بين المجموعتين بدل تمركز مطلق متقاطع. */
  @media (max-width:379px){
    html:root:root:root:root:root:root:root:root body .chat-header>div:first-child{
      flex:1 1 auto!important;
      min-width:0!important;
    }
    html:root:root:root:root:root:root:root:root body .chat-header>div:first-child>div{
      position:static!important;
      inset:auto!important;
      margin:0 6px 0 8px!important;
      width:auto!important;
      max-width:none!important;
      flex:1 1 auto!important;
      min-width:0!important;
    }
    html:root:root:root:root:root:root:root:root body .chat-header .focused-model-trigger{
      width:100%!important;
      max-width:none!important;
      justify-content:center!important;
      padding:6px 8px!important;
    }
    html:root:root:root:root:root:root:root:root body .chat-header .focused-model-trigger>span:not(.model-trigger-emblem){
      flex:1 1 auto!important;
      text-align:center!important;
    }
    html:root:root:root:root:root:root:root:root body .chat-header .focused-model-trigger strong{
      text-align:center!important;
    }
  }
  html:root:root:root:root:root:root:root:root body .chat-header>div:last-child{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    width:auto!important;
    min-width:0!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-header>div:first-child>button,
  html:root:root:root:root:root:root:root:root body .chat-header>div:last-child>button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    flex:none!important;
  }

  /* الشريط الجانبي: درج منزلق فوق المحتوى بدل عمود بعرض صفر */
  html:root:root:root:root:root:root:root:root body .chat-sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    inset-inline-start:0!important;
    inset-inline-end:auto!important;
    width:86vw!important;
    max-width:330px!important;
    height:100%!important;
    z-index:80!important;
    border:0!important;
    border-inline-end:1px solid var(--m-line)!important;
    background:#161614!important;
    backdrop-filter:none!important;
    overflow:hidden!important;
    transition:transform .26s cubic-bezier(.4,0,.2,1), box-shadow .26s ease!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-sidebar>div{
    width:100%!important;
    max-width:100%!important;
    padding:14px 12px 12px!important;
  }
  /* تعتيم بقية الشاشة عند فتح الدرج بلا عنصر إضافي */
  html:root:root:root:root:root:root:root:root body .chat-sidebar[data-open="true"]{
    box-shadow:0 0 0 100vmax rgba(0,0,0,.52)!important;
  }

  /* منطقة الرسائل */
  html:root:root:root:root:root:root:root:root body .chat-content{
    max-width:100%!important;
    padding:14px 14px 10px!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-content p,
  html:root:root:root:root:root:root:root:root body .chat-content li,
  html:root:root:root:root:root:root:root:root body .chat-content h1,
  html:root:root:root:root:root:root:root:root body .chat-content h2,
  html:root:root:root:root:root:root:root:root body .chat-content h3,
  html:root:root:root:root:root:root:root:root body .chat-content h4,
  html:root:root:root:root:root:root:root:root body .chat-content blockquote{
    text-align:start!important;
  }

  /* صف رد المساعد: شعار صغير في محاذاة سطر الاسم ونصّ يبدأ من البداية */
  html:root:root:root:root:root:root:root:root body .chat-content div:has(> .brand-emblem){
    align-items:flex-start!important;
    gap:9px!important;
    margin-bottom:20px!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-content .brand-emblem{
    width:26px!important;
    height:26px!important;
    margin-top:1px!important;
    flex:none!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-content div:has(> .brand-emblem)>div:last-child{
    padding-top:0!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-content div:has(> .brand-emblem)>div:last-child>div{
    text-align:start!important;
  }

  /* رسائل المستخدم: فقاعة واحدة على جهة البداية */
  html:root:root:root:root:root:root:root:root body .chat-content div[style*="flex-direction: column"][style*="align-items: flex-end"]{
    align-items:flex-start!important;
    margin-bottom:18px!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-content div[style*="max-width: 78%"]{
    max-width:88%!important;
    padding:11px 15px!important;
    border-radius:20px!important;
    border-end-end-radius:20px!important;
    border-end-start-radius:6px!important;
    background:var(--m-card)!important;
    border:1px solid var(--m-line)!important;
    font-size:15px!important;
    line-height:1.75!important;
    text-align:start!important;
  }

  /* شاشة الترحيب */
  html:root:root:root:root:root:root:root:root body .chat-welcome{
    padding:8px 2px 18px!important;
    min-height:0!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-welcome .welcome-brand{
    width:88px!important;
    height:88px!important;
    margin:0 auto 14px!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-welcome .welcome-title{
    font-size:27px!important;
    line-height:1.35!important;
    margin-bottom:8px!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-welcome .welcome-subtitle{
    font-size:14px!important;
    margin-bottom:22px!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-welcome .welcome-questions{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-welcome .welcome-questions>button{
    padding:12px 13px!important;
    border-radius:14px!important;
    font-size:13.5px!important;
  }

  /* صندوق الكتابة: بطاقة واحدة، زر إرسال دائري، سطر أزرار لا يلتف */
  html:root:root:root:root:root:root:root:root body .composer-shell{
    padding:6px 10px calc(10px + env(safe-area-inset-bottom))!important;
  }
  html:root:root:root:root:root:root:root:root body .chat-composer{
    max-width:none!important;
    width:100%!important;
  }
  html:root:root:root:root:root:root:root:root body .composer-shell div[data-zy-composer]{
    border-radius:22px!important;
    background:var(--m-card)!important;
    border:1px solid var(--m-line-2)!important;
    box-shadow:none!important;
    padding:6px!important;
  }
  html:root:root:root:root:root:root:root:root body .composer-shell textarea{
    font-size:16px!important;
    line-height:1.55!important;
    padding:8px 10px 4px!important;
    min-height:26px!important;
  }
  html:root:root:root:root:root:root:root:root body .composer-shell div[data-zy-composer]>div:last-child{
    flex-wrap:nowrap!important;
    gap:6px!important;
    padding:0 2px 2px!important;
  }
  html:root:root:root:root:root:root:root:root body .composer-shell button{
    min-width:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    width:38px!important;
    height:38px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    flex:none!important;
  }
  /* زرّا البحث الشامل والملفات: أيقونة فقط حتى لا يلتف السطر */
  html:root:root:root:root:root:root:root:root body .composer-shell button>span{
    display:none!important;
  }
  html:root:root:root:root:root:root:root:root body .composer-shell button[aria-label="إرسال الرسالة"]{
    background:var(--m-fill)!important;
    color:var(--m-fill-text)!important;
  }

  /* ── 11) اختيار النموذج ─────────────────────────────────────────────────── */

  /* الستارة: تغطّي الشاشة كلها وتلتقط اللمس للإغلاق */
  html:root:root:root:root:root:root:root:root body .model-menu-scrim{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    background:rgba(0,0,0,.56)!important;
    pointer-events:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:298!important;
  }

  /* الورقة: تُفتَح من أسفل الشاشة على كل عرض ≤899px */
  html:root:root:root:root:root:root:root:root body .focused-model-menu{
    position:fixed!important;
    inset:auto 0 0 0!important;
    width:100%!important;
    max-width:100vw!important;
    height:auto!important;
    max-height:min(88dvh, calc(100dvh - 56px))!important;
    margin:0!important;
    padding:6px 12px calc(16px + env(safe-area-inset-bottom,0px) + var(--wg-kb,0px))!important;
    border:0!important;
    border-top:1px solid var(--m-line-2)!important;
    border-radius:24px 24px 0 0!important;
    background:var(--m-bg)!important;
    color:var(--m-text)!important;
    box-shadow:0 -24px 64px -16px rgba(0,0,0,.78)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    z-index:300!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    animation:m2SheetUp .26s cubic-bezier(.22,.9,.28,1) both!important;
  }
  @keyframes m2SheetUp{
    from{opacity:0;transform:translateY(22px);}
    to{opacity:1;transform:none;}
  }

  /* مقبض السحب */
  html:root:root:root:root:root:root:root:root body .focused-model-menu .sheet-handle{
    display:block!important;
    width:38px!important;
    height:4px!important;
    margin:6px auto 10px!important;
    border-radius:99px!important;
    background:rgba(255,255,255,.22)!important;
  }

  /* رأس الورقة: عنوان مركزي وزر إغلاق في الطرف — امتداد لنمط site-v12 */
  html:root:root:root:root:root:root:root:root body .focused-model-heading{
    display:block!important;
    position:relative!important;
    padding:10px 52px 14px!important;
    text-align:center!important;
    top:auto!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-heading>div{
    width:100%!important;
    min-width:0!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-heading strong{
    display:block!important;
    font-size:16.5px!important;
    font-weight:600!important;
    line-height:1.5!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-heading>div>span{
    display:none!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-heading .focused-model-count{
    display:none!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-heading button{
    position:absolute!important;
    inset-inline-end:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:var(--m-card)!important;
    color:var(--m-dim)!important;
    font-size:0!important;
    line-height:1!important;
  }
  /* أيقونة الإغلاق تأتي من ::before المموّهة في modern-ui — لا نضيف × نصّية فوقها */
  html:root:root:root:root:root:root:root:root body .focused-model-heading button::before{
    content:""!important;
    display:block!important;
    width:14px!important;
    height:14px!important;
    background:currentColor!important;
  }

  /* صفوف النماذج: بطاقة لكل نموذج بلغة بقية الشاشات */
  html:root:root:root:root:root:root:root:root body .focused-model-list{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .focused-model-option{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 13px!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    background:var(--m-card)!important;
    box-shadow:none!important;
    color:var(--m-text)!important;
    text-align:start!important;
    font:inherit!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .focused-model-option[aria-checked="true"]{
    background:#2e2e2b!important;
    border-color:var(--m-line-2)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .focused-model-option:active{
    transform:scale(.99)!important;
  }

  html:root:root:root:root:root:root:root:root body .focused-model-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-title{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-title strong{
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.4!important;
    color:var(--m-text)!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-title small{
    font-size:10px!important;
    font-weight:600!important;
    padding:2px 8px!important;
    border-radius:99px!important;
    white-space:nowrap!important;
  }
  html:root:root:root:root:root:root:root:root body .model-recommended{
    font-size:9.5px!important;
    font-weight:600!important;
    padding:2px 8px!important;
    border-radius:99px!important;
    white-space:nowrap!important;
    color:var(--m-fill-text)!important;
    background:var(--m-fill)!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-description{
    display:block!important;
    margin:0!important;
    font-size:12.5px!important;
    line-height:1.6!important;
    color:var(--m-dim-2)!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    margin-top:1px!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-meta .model-meta-item{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    padding:1px 6px!important;
    font-size:10px!important;
    line-height:1.7!important;
    color:var(--m-dim)!important;
    background:rgba(255,255,255,.04)!important;
    border:1px solid var(--m-line)!important;
    border-radius:99px!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-meta .model-meta-item em{
    font-style:normal!important;
    font-size:9.5px!important;
    color:var(--m-dim-2)!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-meta .model-meta-item b{
    font-weight:600!important;
    font-size:10px!important;
    letter-spacing:.5px!important;
    direction:ltr!important;
    color:var(--m-text)!important;
  }

  /* علامة النموذج المختار */
  html:root:root:root:root:root:root:root:root body .focused-model-menu .focused-model-status{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    border-radius:50%!important;
    font-size:13px!important;
    color:var(--m-dim-2)!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .focused-model-status:empty{
    display:none!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .focused-model-option[aria-checked="true"] .focused-model-status{
    color:var(--m-fill-text)!important;
    background:var(--m-fill)!important;
    border-radius:50%!important;
    box-shadow:none!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .focused-model-option[data-locked="true"] .focused-model-status{
    color:#e0a82e!important;
  }

  /* دعوة الباقات */
  html:root:root:root:root:root:root:root:root body .focused-model-menu .model-subscribe{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    min-height:0!important;
    margin-top:10px!important;
    padding:14px!important;
    border:0!important;
    border-radius:18px!important;
    background:var(--m-inset)!important;
    color:var(--m-text)!important;
    text-align:start!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .model-subscribe strong{
    font-size:14px!important;
    font-weight:600!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .model-subscribe small{
    display:block!important;
    margin-top:3px!important;
    font-size:11.5px!important;
    color:var(--m-dim-2)!important;
  }
  html:root:root:root:root:root:root:root:root body .focused-model-menu .model-subscribe svg{
    color:var(--m-dim)!important;
  }

  /* منع تمرير الصفحة تحت الورقة */
  html:has(.model-menu-scrim),
  html:root:root:root:root:root:root:root:root body:has(.model-menu-scrim){
    overflow:hidden!important;
  }
}

/* ── 8) الهواتف الضيّقة جدًا ─────────────────────────────────────────────── */
@media (max-width:359px){
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-row-text strong{font-size:15.5px!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-mlist{padding-left:11px!important;padding-right:11px!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-content{padding-left:11px!important;padding-right:11px!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-colors{grid-template-columns:1fr!important;}
  html:root:root:root:root:root:root:root:root body .settings-dialog.settings-dialog .settings-ring{width:80px!important;height:80px!important;}
}