:root{
  --wr-blue:#1e5ed6;
  --wr-bg:#f4f6f8;
  --wr-white:#ffffff;
  --wr-text:#111827;
  --wr-muted:#6b7280;
  --wr-topbar-fg: var(--wr-white);
  --wr-sidebar-fg:#e5e7eb;
  --wr-sidebar-muted: rgba(255,255,255,.75);
  --wr-hover: rgba(255,255,255,.12);
  --wr-shadow: 0 1px 2px rgba(0,0,0,.06);
  --wr-radius: 6px;
}

/* Remove Astra container spacing on this UI */
body.wr-admin #page,
body.wr-admin .site,
body.wr-admin .site-content,
body.wr-admin .ast-container{
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

html, body { height: 100%; }

body.wr-admin{
  background: var(--wr-bg);
  color: var(--wr-text);
  overflow-x:hidden;
  overflow-y:auto;
}
/* Topbar */
.wr-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: var(--wr-blue);
  z-index: 1000;
}
.topbar-contaner {
 position:fixed; inset:0 0 auto 0; height:60px;
  display:flex; align-items:center; justify-content:space-between;
  color: var(--wr-topbar-fg);
}
.wr-topbar-left{ display:flex; align-items:center; gap:16px; }
.wr-brand{ display:flex; align-items:center; gap:10px; font-weight:600; }
.wr-brand-badge{
  width:32px;height:32px;border-radius:50%;
  border:2px solid rgba(255,255,255,.6);
  display:grid; place-items:center;
}
.wr-brand-text{ font-size:20px; }

.wr-burger{
  border:0; background:transparent; color: var(--wr-topbar-fg);
  font-size:32px; padding:6px 8px; border-radius:10px;
}
.wr-burger:hover{ background: var(--wr-hover); }

.wr-user{
  border:0; background:transparent; color: var(--wr-topbar-fg);
  display:flex; align-items:center; gap:10px;
  padding:6px 10px; border-radius:12px;
}
.wr-user:hover{ background: var(--wr-hover); }
.wr-avatar{ width:32px; height:32px; border-radius:50%; object-fit:cover; }

.wr-muted{ opacity:.75; font-size:14px; color: var(--wr-sidebar-muted); }
.wr-strong{ font-weight:700; font-size:18px; color: var(--wr-white); }

.wr-sidebar-section{
  padding:10px 18px;
  font-size:12px;
  letter-spacing:.8px;
  font-weight:700;
  opacity:.9;
  color: var(--wr-sidebar-fg);
}
.wr-main {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
/* Nav */
.wr-nav{
  display:flex;
  flex-direction:column;
  padding-bottom:18px;
}

.wr-nav-link,
.wr-nav-sublink{
  width:100%;
  text-decoration:none;
  color: var(--wr-sidebar-fg);
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  background:transparent;
  text-align:left;
}


/* Cards */
.wr-stat{
  border-radius: var(--wr-radius);
  border:1px solid var(--wr-border);
  background: var(--wr-white);
  box-shadow: var(--wr-shadow);
}
.wr-stat-number{
  font-size:30px;
  font-weight:700;
  color: var(--wr-text);
  line-height:1;
}
.wr-stat-label{
  font-size:20px;
  font-weight: 600;
  color: var(--wr-text);
  line-height:1.1;
  margin-top:6px;
}
.wr-stat-line{
  height:2px;
  width:100%;
  background: var(--wr-border-2);
  margin-top:10px;
}
.wr-stat-icon{
  font-size:50px;
  opacity: 1;
  color: var(--wr-blue);
}

/* Responsive CSs  */
/* Tablet */
@media (max-width: 991px) {
  .wr-brand-text {
    font-size: 15px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .wr-brand-text {
    font-size: 15px;
  }
}