/**
 * Load this last so unified background and typography always apply.
 * Additive overrides only; no removal of existing rules.
 * شعار الشركة + لمسات تجربة مستخدم إضافية.
 */
body,
.app-wrap {
  background: #ffffff !important;
}

main,
.content,
.main {
  background: #ffffff !important;
}

.sidebar {
  background: #ffffff !important;
}

.navbar,
.topbar {
  background: #ffffff !important;
}

body {
  font-size: 1rem !important;
  line-height: 1.55 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* ========== شعار الشركة — توحيد المظهر والتفاعل ========== */
.brand-logo,
.logo-box img,
.brand .logo,
.portal-logo,
.cp-header-logo {
  border-radius: 12px;
}
.logo-box img {
  max-width: 100%;
  max-height: 100%;
}
.logo-box:hover img {
  filter: drop-shadow(0 4px 12px rgba(11, 94, 215, 0.2));
}

/* ========== لمسات UX — أيقونات البوابة والأزرار ========== */
.icon-wrapper {
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.2s ease !important;
}
.app-item .icon-wrapper {
  border-radius: 16px;
}
.app-item:active .icon-wrapper {
  transform: scale(1.02);
}

/* بطاقات الطلبات — ظل خفيف عند الرفع */
.request-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.request-card:hover {
  box-shadow: 0 12px 28px rgba(30, 136, 229, 0.14) !important;
}

/* أزرار تسجيل الدخول والتحويل — لمسة نهائية */
.btn-login:hover,
.btn-reset:hover,
.btn-send:hover {
  transform: translateY(-1px);
}
.btn-login:active,
.btn-reset:active,
.btn-send:active {
  transform: translateY(0);
}

/* شريط التنقل — شعار أوضح في السايدبار */
.sidebar .brand-logo {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.sidebar:hover .brand-logo {
  box-shadow: 0 4px 14px rgba(47, 106, 255, 0.15);
}