/* ==========================================================================
   دار السلطان — Admin Dashboard
   Imports from css/admin-* partials
   ========================================================================== */

@import url("css/admin-base.css");
@import url("css/admin-components.css");
@import url("css/admin-layout.css");
@import url("css/admin-pages.css");
@import url("css/admin-utilities.css");
@import url("css/admin-mobile.css");

/* ---------------- حالة الاتصال بالسحابة + تنبيهات الحفظ ---------------- */
#dsSyncBadge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  margin: 2px 0 10px;
  padding: 7px 10px;
  border: 1px solid var(--border, rgba(212, 175, 55, 0.25));
  border-radius: 8px;
  background: var(--surface, #231A18);
  color: var(--text, #FFF3EC);
  font-size: 11.5px;
  font-family: inherit;
  cursor: default;
  line-height: 1.2;
}
#dsSyncBadge i { font-size: 12px; }
#dsSyncBadge:not(.is-secure):not(.is-local) { border-color: var(--warn, #E8A33D); color: var(--warn, #E8A33D); }
#dsSyncBadge.is-secure { border-color: var(--success, #4CAF7D); color: var(--success, #4CAF7D); }
#dsSyncBadge.is-local { border-color: var(--muted, #8A7F79); color: var(--muted, #8A7F79); }

.ds-sync-toast-stack {
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: min(360px, calc(100vw - 32px));
}
.ds-sync-toast {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--border, rgba(212, 175, 55, 0.25));
  background: var(--surface, #231A18);
  color: var(--text, #FFF3EC);
  font-size: 13px;
  line-height: 1.6;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  transition: opacity 0.3s, transform 0.3s;
}
.ds-sync-toast i { margin-top: 3px; }
.ds-sync-toast.error { border-color: #D9534F; }
.ds-sync-toast.error i { color: #D9534F; }
.ds-sync-toast.success { border-color: #4CAF7D; }
.ds-sync-toast.success i { color: #4CAF7D; }
.ds-sync-toast.warning { border-color: #E8A33D; }
.ds-sync-toast.warning i { color: #E8A33D; }
.ds-sync-toast.info i { color: #4DA3E8; }
.ds-sync-toast.is-out { opacity: 0; transform: translateY(8px); }