/* ============================================================
   نوزلين — أنماط الهيكل (الشريط العلوي + القائمة الجانبية)
   اربط هذا الملف مرّة واحدة في App.razor أو wwwroot/index.html:
   <link rel="stylesheet" href="css/nozzleen-shell.css" />
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Tajawal:wght@400;700;800&display=swap');

/* -------- متغيّرات الهوية (لون الشعار الأزرق) -------- */
:root{
  --nz-brand:#0b57d0;
  --nz-brand2:#4d8ce0;
  --nz-brand-tint:#e7f1fc;
  --nz-brand-border:#bbd0f2;
  --nz-brand-soft:#5a97d6;
  --nz-brand-shadow:rgba(11,87,208,.32);
}

/* -------- الهيكل العام -------- */
.nz-app{
  font-family:'Cairo','Tajawal',sans-serif;
  background:var(--bg-soft-2);
  color:var(--text);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.nz-body{ display:flex; align-items:stretch; flex:1; }
.nz-main{ flex:1; min-width:0; padding:26px 30px; overflow:auto; }

/* ============================================================
   الشريط العلوي
   ============================================================ */
.nz-topbar{
  display:flex; align-items:center; justify-content:space-between;
  background:var(--bg-card); border-bottom:1px solid #e9e9ee;
  padding:10px 22px; height:60px; flex:0 0 auto;
  position:relative; z-index:30;
}
.nz-topbar-start{ display:flex; align-items:center; gap:12px; }
.nz-topbar-end{ display:flex; align-items:center; gap:10px; }

.nz-logo{ width:40px; height:40px; border-radius:9px; object-fit:contain; }
.nz-brand-name{ font-weight:800; font-size:19px; color:var(--text); }

/* زر أيقونة 40×40 (النماذج، المكتبة، المفضلة، السلة، الإشعارات، الوضع الليلي، القائمة) */
.nz-icon-btn{
  position:relative;
  flex:0 0 auto;
  width:42px; height:42px; min-width:42px;
  border:1px solid #ececf0; background:var(--bg-card); border-radius:11px;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  color:#475569; text-decoration:none;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.nz-icon-btn svg{ width:22px !important; height:22px !important; min-width:22px !important; flex:0 0 auto !important; }
.nz-icon-btn:hover{
  background:var(--nz-brand-tint);
  color:var(--nz-brand);
  border-color:var(--nz-brand-border);
}

/* زر الخروج */
.nz-logout{
  background:none; border:none; color:#dc2626;
  font-weight:700; font-size:14px; font-family:inherit; cursor:pointer;
}

/* شارة العدّاد */
.nz-badge{
  position:absolute; top:-5px; right:-5px;
  min-width:17px; height:17px; padding:0 4px;
  border-radius:999px; border:2px solid #fff;
  color:#fff; font-size:10px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
}
.nz-badge-lib{ background:var(--nz-brand); }
.nz-badge-fav{ background:#ec4899; }
.nz-badge-cart{ background:#16a34a; }
.nz-badge-notif{ background:#f59e0b; }

/* شريحة المستخدم */
.nz-pop{ position:relative; }
.nz-user-chip{
  display:flex; align-items:center; gap:8px;
  background:#dcfce7; border:1px solid #bbf7d0; border-radius:999px;
  padding:5px 7px 5px 13px; cursor:pointer; font-family:inherit;
}
.nz-user-name{ font-weight:700; font-size:13px; color:#065f46; }
.nz-avatar{
  width:26px; height:26px; border-radius:50%;
  background:#0d9488; color:#fff; font-weight:800; font-size:13px;
  display:flex; align-items:center; justify-content:center;
}
.nz-avatar-lg{ width:38px; height:38px; font-size:15px; }

/* القوائم المنسدلة */
.nz-dropdown{
  position:absolute; top:calc(100% + 8px); left:0;
  width:218px; background:var(--bg-card); border:1px solid #ececf0;
  border-radius:14px; box-shadow:0 16px 40px rgba(16,24,40,.18);
  padding:8px; z-index:50;
}
.nz-dropdown-wide{ width:288px; padding:10px; }
.nz-dropdown-head{
  display:flex; align-items:center; gap:10px;
  padding:9px 10px 12px; border-bottom:1px solid #f1f1f4; margin-bottom:6px;
}
.nz-dd-name{ margin:0; font-size:14px; font-weight:800; color:var(--text); }
.nz-dd-sub{ margin:0; font-size:11.5px; color:#9ca3af; }
.nz-dd-title{ margin:0 6px 8px; font-size:13px; font-weight:800; color:var(--text); }
.nz-dd-link{
  display:flex; align-items:center; gap:11px;
  padding:10px 11px; border-radius:10px;
  font-size:14px; font-weight:700; color:#374151; text-decoration:none;
  transition:background .15s ease, color .15s ease;
}
.nz-dd-link:hover{ background:var(--nz-brand-tint); color:var(--nz-brand); }
.nz-dd-link.danger{ color:#dc2626; }
.nz-dd-ico{ font-size:16px; width:20px; text-align:center; }

/* عنصر إشعار */
.nz-notif{
  display:flex; align-items:flex-start; gap:10px;
  padding:10px; border-radius:10px; background:#faf9ff; margin-bottom:6px;
}
.nz-notif-dot{
  width:9px; height:9px; border-radius:50%;
  background:var(--nz-brand); margin-top:5px; flex:0 0 auto;
}
.nz-notif-t{ margin:0; font-size:13px; font-weight:700; color:#374151; line-height:1.5; }
.nz-notif-s{ margin:2px 0 0; font-size:11px; color:#9ca3af; }

/* مبدّل اللغة */
.nz-lang{
  display:inline-flex; background:var(--bg-soft-2); border:1px solid #ececf0;
  border-radius:10px; padding:3px; gap:2px;
}
.nz-lang button{
  border:none; border-radius:8px; padding:6px 11px;
  font-weight:800; font-size:12px; cursor:pointer; font-family:inherit;
  background:transparent; color:#6b7280;
}
.nz-lang button.on{ background:var(--bg-card); color:var(--nz-brand); box-shadow:0 1px 3px rgba(16,24,40,.12); }
/* عنصر مستقل في الجهة اليمنى بعد اسم العلامة */
.nz-lang-solo{ margin-inline-start:10px; }
/* تذييل القائمة الجانبية (مبدّل اللغة أسفل اليمين) */
.nz-nav-foot{
  margin-top:auto; border-top:1px solid #f1f1f4; padding-top:14px;
  display:flex; justify-content:flex-start;
}
.nz-nav-foot .nz-lang{ width:100%; justify-content:center; }
.nz-nav-foot .nz-lang button{ flex:1; }

/* ============================================================
   القائمة الجانبية
   ============================================================ */
.nz-nav{
  flex:0 0 252px; width:252px;
  background:var(--bg-card); border-left:1px solid #eceef2;
  padding:18px 14px; display:flex; flex-direction:column;
}
.nz-nav-menu-label{
  font-size:11.5px; font-weight:700; color:#9ca3af;
  margin:4px 8px 14px; letter-spacing:.04em;
}
.nz-nav-list{ display:flex; flex-direction:column; gap:3px; }
.nz-nav-group{
  font-size:11px; font-weight:800; color:#9ca3af;
  letter-spacing:.05em; margin:14px 8px 5px;
}
.nz-nav-group:first-child{ margin-top:2px; }

.nz-nav-link{
  display:flex; align-items:center; gap:13px;
  padding:12px 14px; border-radius:12px;
  font-size:15.5px; font-weight:700; color:#475569; text-decoration:none;
  transition:background .15s ease, color .15s ease;
}
.nz-nav-link svg{ flex:0 0 auto; }
.nz-nav-link:hover{ background:var(--nz-brand-tint); color:var(--nz-brand); }
/* الصنف active يضيفه <NavLink> تلقائياً للصفحة الحالية */
.nz-nav-link.active{ background:var(--nz-brand-tint); color:var(--nz-brand); }

/* ============================================================
   الوضع الليلي
   ============================================================ */
[data-theme="dark"] .nz-app{ /* v1147: مسافة السليل — كانت القاعدة ميتة */ background:#0e1116; color:#e5e7eb; }
[data-theme="dark"] .nz-topbar{ background:#161b22; border-bottom-color:#232a33; }
[data-theme="dark"] .nz-brand-name{ color:#f3f4f6; }
[data-theme="dark"] .nz-icon-btn{ background:#1c2230; border-color:#2a313d; color:#c9d1d9; }
[data-theme="dark"] .nz-icon-btn:hover{ background:#232b3a; color:var(--nz-brand-soft); border-color:#33405a; }
[data-theme="dark"] .nz-lang{ background:#1c2230; border-color:#2a313d; }
[data-theme="dark"] .nz-lang button{ color:#9aa4b2; }
[data-theme="dark"] .nz-lang button.on{ background:#0e1116; color:var(--nz-brand-soft); }
[data-theme="dark"] .nz-dropdown{ background:#1c2230; border-color:#2a313d; }
[data-theme="dark"] .nz-dd-name,
[data-theme="dark"] .nz-dd-title{ color:#f3f4f6; }
[data-theme="dark"] .nz-dd-link{ color:#c9d1d9; }
[data-theme="dark"] .nz-dd-link:hover{ background:#232b3a; color:var(--nz-brand-soft); }
[data-theme="dark"] .nz-notif{ background:#232b3a; }
[data-theme="dark"] .nz-notif-t{ color:#e5e7eb; }
[data-theme="dark"] .nz-nav{ background:#161b22; border-left-color:#232a33; }
[data-theme="dark"] .nz-nav-link{ color:#c9d1d9; }
[data-theme="dark"] .nz-nav-link:hover,
[data-theme="dark"] .nz-nav-link.active{ background:#232b3a; color:var(--nz-brand-soft); }
[data-theme="dark"] .nz-nav-foot{ border-top-color:#232a33; }



/* ===== غلاف القائمة الجانبية (تحكّم بالأصناف، انتقال سلس) ===== */
.nz-nav-wrap{ display:flex; flex:0 0 auto; overflow:hidden; transition:width .26s ease; }
.nz-nav-wrap.open{ width:252px; }
.nz-nav-wrap.collapsed{ width:0; }
.nz-nav-wrap .nz-nav{ width:252px; flex:0 0 252px; }   /* يمنع انسحاق المحتوى أثناء الطي */
.nz-overlay{ display:none; }

@media (max-width:768px){
  .nz-nav-wrap{
    position:fixed; top:60px; right:0; bottom:0; z-index:120;
    width:0; box-shadow:-6px 0 26px rgba(0,0,0,.18);
    transition:transform .26s ease; transform:translateX(100%);
  }
  .nz-nav-wrap.open{ width:270px; transform:translateX(0); }
  .nz-nav-wrap.collapsed{ width:270px; transform:translateX(100%); }  /* مطويّة = خارج الشاشة */
  .nz-nav-wrap .nz-nav, .nz-nav-wrap.open .nz-nav{ width:270px; flex-basis:270px; }
  .nz-overlay.show{ display:block; position:fixed; inset:60px 0 0 0; background:rgba(0,0,0,.45); z-index:110; }
}
[data-theme="dark"] .nz-nav-wrap.open{ }


/* ===== أدوات القشرة الساكنة ===== */
.nz-hide{ display:none !important; }
.nz-notif-empty{ padding:16px 10px; color:#9ca3af; font-size:12.5px; text-align:center; }
.nz-i-moon{ display:none; }
[data-theme="dark"] .nz-i-sun{ display:none; }
[data-theme="dark"] .nz-i-moon{ display:inline; }


/* ===== تصليب الجوال (v827): شريط صفّ واحد + قائمة بطول الشاشة ===== */
@media (max-width:768px){
  .nz-topbar{ flex-wrap:nowrap; gap:6px; padding-inline:8px; position:sticky; top:0; z-index:130; }
  .nz-topbar-start{ gap:6px; flex:0 0 auto; }
  .nz-topbar-end{ gap:6px; flex:1 1 auto; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; justify-content:flex-start; }
  .nz-topbar-end::-webkit-scrollbar{ display:none; }
  .nz-icon-btn{ width:38px; height:38px; min-width:38px; }
  .nz-ver{ display:none; }
  .nz-brand-name{ font-size:15px; }

  /* القائمة: طبقة كاملة الارتفاع من الحافّة اليمنى — مستقلّة عن ارتفاع الشريط */
  .nz-nav-wrap{
    position:fixed; top:0; bottom:0; right:0; left:auto; z-index:220;
    height:100vh; width:280px; max-width:84vw;
    background:var(--bg-card); box-shadow:-8px 0 30px rgba(0,0,0,.22);
    transform:translateX(100%); transition:transform .26s ease;
    overflow-y:auto;
  }
  .nz-nav-wrap.open{ transform:translateX(0); width:280px; }
  .nz-nav-wrap.collapsed{ transform:translateX(100%); width:280px; }
  .nz-nav-wrap .nz-nav{ width:100%; flex-basis:auto; border-left:none; min-height:100%; }
  .nz-overlay.show{ position:fixed; inset:0; z-index:210; background:rgba(0,0,0,.45); display:block; }
}


/* ===== v2 (v828): مطابقة مخطط المعاينة — فصل الأبعاد وعكس الصفوف ===== */
.nr-v2 .status-row{ display:flex; flex-direction:column-reverse; gap:10px; align-items:stretch; }
.nr-v2 .status-row .hint{
  margin:0 !important; background:var(--bg-card); border:1px solid #ececf0; border-radius:14px;
  padding:11px 16px; box-shadow:0 1px 2px rgba(16,24,40,.05);
  font-size:13.5px !important; color:#334155 !important;
}
.nr-v2 .status-row > div:first-child{ justify-content:flex-start; }

/* صفّ الأزرار: الحفظ يمينًا، 2D/3D يسارًا (كالمخطط) */
.nr-v2 .preview-tabs > div:last-child{ order:1; margin-inline-start:0 !important; margin-inline-end:auto; }
.nr-v2 .preview-tabs > button:nth-of-type(1){ order:3; }
.nr-v2 .preview-tabs > button:nth-of-type(2){ order:4; }

/* الصفّ السفلي: الألوان يمينًا والتصدير يسارًا */
.nr-v2 .nr-bottomrow{ flex-direction:row-reverse; }


/* ===== v2 (v829) ===== */
/* التفعيل الحقيقي لمبدّل 2D/3D — الصنف primary */
.nr-v2 .preview-tabs > button.primary{
  background:#0b57d0 !important; color:#fff !important; border-color:#0b57d0 !important;
  min-width:54px; border-radius:999px; font-weight:800;
}
/* «احفظ في مكتبتي» إلى الجهة الأخرى (يسار) — إبطال عكس v828 */
.nr-v2 .preview-tabs > div:last-child{ order:0 !important; margin-inline-start:auto !important; margin-inline-end:0 !important; }
.nr-v2 .preview-tabs > button:nth-of-type(1){ order:0 !important; }
.nr-v2 .preview-tabs > button:nth-of-type(2){ order:0 !important; }

/* لوحة ألوان جاهزة (منبثقة) */
.nz-swatch{ width:46px; height:38px; border-radius:10px; border:1px solid var(--border-2); cursor:pointer; box-shadow:inset 0 0 0 2px #fff; }
.nz-pal{ position:absolute; bottom:calc(100% + 8px); inset-inline-start:0; background:var(--bg-card); border:1px solid #ececf0;
  border-radius:14px; box-shadow:0 10px 30px rgba(16,24,40,.16); padding:10px; display:grid;
  grid-template-columns:repeat(4, 34px); gap:8px; z-index:60;
  transform-origin:bottom center;
  animation:nzPalPop .28s cubic-bezier(.34,1.56,.64,1) backwards; }
/* النمط الثاني: البطاقة تنبثق تكبيراً + تلاشياً من السواتش */
@keyframes nzPalPop{
  from{ opacity:0; transform:scale(.6) translateY(8px); }
  to  { opacity:1; transform:scale(1) translateY(0); } }
/* النمط الأول: الدوائر تتدرّج ظهوراً (انزلاق + تلاشٍ) */
.nz-pal button{ width:34px; height:30px; border-radius:9px; border:1px solid rgba(0,0,0,.08); cursor:pointer;
  opacity:0; transform:scale(.4);
  animation:nzChipIn .32s cubic-bezier(.34,1.56,.64,1) both;
  transition:transform .12s ease; }
@keyframes nzChipIn{
  from{ opacity:0; transform:scale(.2) translateY(6px); }
  to  { opacity:1; transform:scale(1) translateY(0); } }
.nz-pal button:hover{ transform:scale(1.14); }
/* تدرّج زمنيّ لأول ١٢ دائرة (stagger) */
.nz-pal button:nth-child(1){ animation-delay:.02s; }
.nz-pal button:nth-child(2){ animation-delay:.05s; }
.nz-pal button:nth-child(3){ animation-delay:.08s; }
.nz-pal button:nth-child(4){ animation-delay:.11s; }
.nz-pal button:nth-child(5){ animation-delay:.14s; }
.nz-pal button:nth-child(6){ animation-delay:.17s; }
.nz-pal button:nth-child(7){ animation-delay:.20s; }
.nz-pal button:nth-child(8){ animation-delay:.23s; }
.nz-pal button:nth-child(9){ animation-delay:.26s; }
.nz-pal button:nth-child(10){ animation-delay:.29s; }
.nz-pal button:nth-child(11){ animation-delay:.32s; }
.nz-pal button:nth-child(12){ animation-delay:.35s; }
.nz-swatch{ transition:transform .15s cubic-bezier(.34,1.56,.64,1), box-shadow .15s ease; }
.nz-swatch:hover{ transform:scale(1.06); }
.nz-swatch:active{ transform:scale(.94); }


/* ===== v2 (v830): مطابقة تفصيلية للمخطط ===== */
/* نوع المجسم مميز بالأزرق */
.nr-v2 .nr-readonly{ background:#eef4ff !important; border:1.5px solid #2563eb !important; color:#1e40af !important; font-weight:800; border-radius:12px !important; }
/* عكس صفوف الحقول (المنزلق يسارًا والرقم يمينًا، B أول التنسيق) — عدا صفوف التلميح المتقابلة */
.nr-v2 .nr-settings .field > div[style*="display:flex"]:not([style*="space-between"]){ flex-direction:row-reverse; }
/* ترتيب زرّي التصدير: STL يسارًا ثم 3MF */
.nr-v2 .nr-export .actions{ flex-direction:row-reverse; }
/* التلميح الأخضر */
.nz-hintg{ color:#16a34a; font-size:12.5px; font-weight:600; margin:-6px 0 12px; }


/* ===== v2 (v831): «نوع الخط» كالتصميم بالتمام ===== */
.nr-v2 .add-font-button, .nr-v2 .delete-font-button{ display:none !important; }
.nr-v2 .font-picker-row{ gap:0 !important; }
.nr-v2 .font-picker-row select{ width:100% !important; }
.nr-v2 select{
  -webkit-appearance:none; appearance:none;
  background-color:var(--bg-card);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%239ca3af' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat; background-position:left 12px center;
  border:1px solid var(--border-2) !important; border-radius:11px !important;
  padding:11px 12px 11px 32px !important; font-size:14px; font-weight:600;
  color:var(--text); text-align:right; cursor:pointer;
}
/* صندوق معاينة الخط (العنصر التالي لصفّ القائمة) */
.nr-v2 .font-picker-row + div{
  margin-top:10px; border:1px solid #f0f0f3 !important; border-radius:12px !important;
  padding:8px 14px !important; text-align:center; background:var(--bg-soft) !important;
  min-height:52px; display:flex; align-items:center; justify-content:center;
}
.nr-v2 .font-picker-row + div *{ font-size:32px !important; font-weight:700 !important; color:var(--text) !important; line-height:1.1 !important; }


/* ===== v2 (v832): عائلة خط التصميم وتنسيقاته ===== */
.nr-v2, .nr-v2 button, .nr-v2 input, .nr-v2 select, .nr-v2 textarea, .nr-v2 label{
  font-family:'Tajawal','Cairo',system-ui,-apple-system,sans-serif !important;
}
/* معاينة الخط تحتفظ بخط النموذج المختار (inline يتغلب، وهذا احتياط) */
.nr-v2 .font-picker-row + div *{ font-family:inherit; }
/* التسميات كالتصميم: 13px رمادية 700 */
.nr-v2 .field > label{ font-size:13px !important; color:#6b7280 !important; font-weight:700 !important; margin:0 0 7px !important; display:block; }
/* حقل النص كالتصميم */
.nr-v2 textarea{ font-size:15px !important; font-weight:600; color:var(--text); }
/* حقول الأرقام */
.nr-v2 input[inputmode="decimal"]{ font-size:14px !important; font-weight:700 !important; color:var(--text) !important; }
/* عناوين الأقسام السفلية (تصدير/الألوان) */
.nr-v2 .nr-export-label{ font-size:15px !important; font-weight:800 !important; color:var(--text) !important; }


/* ===== v2 (v833): الشريط السفلي كالمخطط — تسمية ومحتوى بسطر واحد + جوال مرتب ===== */
.nr-v2 .nr-export, .nr-v2 .nr-colors{
  display:flex; align-items:center; gap:16px; min-width:0;
}
.nr-v2 .nr-export .nr-export-label, .nr-v2 .nr-colors .nr-export-label{ margin:0 !important; white-space:nowrap; }
.nr-v2 .nr-export .actions{ margin-top:0 !important; }
.nr-v2 .nr-colors > div{ margin-top:0 !important; }
.nr-v2 .nr-export .actions button{ min-height:40px; padding:9px 16px !important; font-size:13.5px !important; white-space:nowrap; }

@media (max-width:768px){
  .nr-v2 .nr-bottomrow{ flex-direction:column !important; align-items:stretch !important; gap:14px; }
  .nr-v2 .nr-export, .nr-v2 .nr-colors{ justify-content:space-between; }
  .nr-v2 .nr-export .actions button{ flex:1; }
  .nr-v2 .nr-export .actions{ flex:1; display:flex; gap:10px; }
}


/* ===== v2 (v834): ضبط بكسليّ — نوع المجسم وزرّا التصدير ===== */
.nr-v2 .nr-readonly{
  color:#2563eb !important; font-weight:700 !important; font-size:15px !important;
  background:#eef4ff !important; border:1.5px solid #bcd4ff !important;
  border-radius:14px !important; padding:12px 16px !important; text-align:right;
  line-height:1.4;
}
.nr-v2 .nr-export .actions button{
  border-radius:999px !important; padding:10px 20px !important;
  font-weight:800 !important; font-size:13.5px !important;
  box-shadow:0 1px 3px rgba(16,24,40,.18); border:none !important;
}
.nr-v2 .nr-export .actions button:first-child{ background:#33333A !important; color:#fff !important; }
.nr-v2 .nr-export .actions button:last-child{ background:#EC4A89 !important; color:#fff !important; }
.nr-v2 .nr-export .nr-export-label{ color:var(--text) !important; }


/* ===== v2 (v835): التصدير أقصى اليمين + بلا ✨ ===== */
.nr-v2 .nr-bottomrow{ flex-direction:row !important; }
.nr-v2 .nr-export{ flex:0 0 auto !important; }
.nr-v2 .nr-colors{ margin-inline-start:auto; }
.nr-v2 .nr-export .actions button span:first-child{ display:none; }


/* ===== v2 (v836): التصدير أقصى اليسار والألوان يمينًا ===== */
.nr-v2 .nr-bottomrow{ flex-direction:row !important; }
.nr-v2 .nr-colors{ margin-inline-start:0 !important; flex:0 0 auto !important; }
.nr-v2 .nr-export{ margin-inline-start:auto !important; flex:0 0 auto !important; }


/* ===== v2 (v837 نهائي): الألوان أقصى اليسار والتصدير أقصى اليمين ===== */
.nr-v2 .nr-bottomrow{ flex-direction:row !important; }
.nr-v2 .nr-export{ margin-inline-start:0 !important; order:0; flex:0 0 auto !important; }
.nr-v2 .nr-colors{ margin-inline-start:auto !important; order:1; flex:0 0 auto !important; }


/* ===== v2 (v838 حاسم): الألوان أقصى اليمين والتصدير أقصى اليسار ===== */
.nr-v2 .nr-bottomrow{ flex-direction:row !important; }
.nr-v2 .nr-colors{ margin-inline-start:0 !important; order:0 !important; flex:0 0 auto !important; }
.nr-v2 .nr-export{ margin-inline-start:auto !important; order:1 !important; flex:0 0 auto !important; }


/* ===== v2 (v839): تلميحات التصدير المنبثقة ===== */
.nz-tt{ position:relative; display:inline-flex; }
.nz-tt-box{
  display:none; position:absolute; bottom:calc(100% + 12px); inset-inline-end:-8px;
  width:278px; background:#171A26; color:#fff; border-radius:14px; padding:14px 16px;
  box-shadow:0 14px 34px rgba(0,0,0,.35); z-index:90; text-align:right;
}
.nz-tt-box::after{ content:""; position:absolute; top:100%; inset-inline-end:28px; border:8px solid transparent; border-top-color:#171A26; }
.nz-tt-box h5{ margin:0 0 9px; font-size:13.5px; font-weight:800; color:#fff; }
.nz-tt-box h5 b.mf{ color:#EC4A89; } .nz-tt-box h5 b.st{ color:#A78BFA; }
.nz-tt-box ul{ margin:0; padding:0; list-style:none; display:grid; gap:6px; }
.nz-tt-box li{ font-size:12.5px; font-weight:600; color:#E5E7EB; position:relative; padding-inline-start:14px; line-height:1.7; }
.nz-tt-box li::before{ content:"•"; position:absolute; inset-inline-start:0; color:#9CA3AF; }
.nr-v2 .nz-tt:hover .nz-tt-box{ display:block; }


/* ===== v2 (v841): استعادة ألوان زرّي التصدير بعد لفّهما بالتلميح ===== */
.nr-v2 .nr-export .actions .nz-tt button{
  border-radius:999px !important; padding:10px 20px !important;
  font-weight:800 !important; font-size:13.5px !important;
  box-shadow:0 1px 3px rgba(16,24,40,.18); border:none !important; color:#fff !important;
}
.nr-v2 .nr-export .actions .nz-tt:first-child button{ background:#33333A !important; }
.nr-v2 .nr-export .actions .nz-tt:last-child  button{ background:#EC4A89 !important; }