/* ==========================================================================
   public/css/rawaf.css  —  هوية مباني رواف
   مؤسسة المنهل لنظم المعلومات  |  مشروع مباني رواف
   --------------------------------------------------------------------------
   يُقرأ بعد manhl-ui.css و restaurant.css ولا يعدّلهما.
   القرار: الشاشات كلها بهوية الكافي (الأخضر والإطارات الناعمة) كما هي،
           والقائمة الجانبية وحدها بهوية رواف (الفحمي والتركوازي والذهبي).
   ألوان رواف مأخوذة من الشعار — تُكتب هنا فقط.
   ========================================================================== */

:root{
  --rw-charcoal:   #111820;   /* خلفية الشعار */
  --rw-teal-dark:  #0B4F4F;
  --rw-teal:       #1E7F7A;
  --rw-gold:       #C9A063;
  --rw-gold-light: #EFD3A3;

  /* القائمة الجانبية: من الفحمي (خلف الشعار) إلى التركوازي الغامق */
  --sidebar-bg:    var(--rw-charcoal);
  --sidebar-bg-2:  var(--rw-teal-dark);
  --sidebar-line:  rgba(201,160,99,.28);
  --sidebar-hover: rgba(239,211,163,.10);
  --sidebar-text:  #FFFFFF;
  --sidebar-soft:  rgba(255,255,255,.80);
}


/* ==========================================================================
   1 · القائمة الجانبية
   ========================================================================== */

.sidebar{
  background:linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-bg) 110px, var(--sidebar-bg-2) 100%);
}

/* الشعار: بلا إطار أبيض، بعرض القائمة */
.sidebar .brand{ padding:.7rem .9rem .6rem; background:var(--rw-charcoal); border-bottom:1px solid var(--sidebar-line); }
.sidebar .brand img{
  height:auto; width:100%; max-width:88px;
  background:transparent; border-radius:0; padding:0;
}
.sidebar .brand div{ color:var(--rw-gold-light); }
.brand-mark{ background:var(--rw-gold); color:var(--rw-charcoal); }

/* الأيقونات ذهبية */
.side-menu a i,
.side-menu .group-toggle i.lead-icon{ color:var(--rw-gold); }

/* الرابط النشط: ذهبي رواف بنص فحمي */
.side-menu a.active{ background:var(--rw-gold); color:var(--rw-charcoal); }
.side-menu a.active i{ color:var(--rw-charcoal); }

/* المجموعة المفتوحة: خط ذهبي رفيع على جانبها */
.side-menu .menu-group.open > .group-toggle{ box-shadow:inset -3px 0 0 var(--rw-gold); }


/* ==========================================================================
   2 · شاشة الدخول: الشعار على بطاقة داكنة
   ========================================================================== */

.auth-brand img.auth-logo{ height:auto; max-width:115px; }
.auth-logo{
  display:block; margin:0 auto .8rem;
  width:100%; max-width:115px; border-radius:10px;
  background:var(--rw-charcoal);
  box-shadow:0 10px 26px -12px rgba(17,24,32,.55);
}


/* ==========================================================================
   3 · جرس الإشعارات في الشريط العلوي
   ========================================================================== */

.topbar-bell{
  position:relative; margin-inline-start:auto; margin-inline-end:.4rem;
  width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:var(--rp-r); color:var(--rw-teal-dark); font-size:1.25rem;
}
.topbar-bell:hover{ background:var(--purple-softer); }
.topbar-bell b{
  position:absolute; top:2px; inset-inline-end:0;
  min-width:18px; height:18px; padding:0 4px; border-radius:9px;
  background:var(--danger); color:#fff; font-size:.68rem; line-height:18px; text-align:center;
}
.topbar-bell + .user-chip{ margin-inline-start:0; }