/* زر الرئيسية — لوحة تحكم العميل (المتجر) وفروعها — يفتح main.html
   في RTL: أعلى اليسار حتى لا يختفي تحت الشريط الجانبي الثابت (غالباً right:0 + z-index:1000) */
a.dedo-panel-logo {
  position: fixed;
  top: max(12px, env(safe-area-inset-top));
  left: max(12px, env(safe-area-inset-left));
  right: auto;
  /* فوق أي شريط جانبي أو شريط علوي للجوال */
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow:
    0 4px 14px rgba(37, 99, 235, 0.35),
    0 1px 2px rgba(15, 23, 42, 0.08);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E")
    center / 22px 22px no-repeat,
    linear-gradient(145deg, #3b82f6 0%, #1d4ed8 52%, #1e40af 100%);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
html[dir="ltr"] a.dedo-panel-logo {
  left: auto;
  right: max(12px, env(safe-area-inset-right));
}
a.dedo-panel-logo:hover {
  transform: scale(1.06);
  box-shadow:
    0 8px 22px rgba(37, 99, 235, 0.42),
    0 2px 4px rgba(15, 23, 42, 0.1);
}
a.dedo-panel-logo:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}
/* الصورة القديمة اختيارية — الأيقونة أعلاه تغطي الغرض؛ نخفيها إن وُجدت */
a.dedo-panel-logo img {
  display: none;
}