/* Minimal Sneat-inspired stylesheet scoped under .sneat-theme (LIGHT) */
.sneat-theme{
  --sneat-bg:#f8fafc;

  /* ✅ LIGHT + green "planet & crops" vibe */
  --sneat-sidebar-bg:
    radial-gradient(900px 520px at 18% 10%, rgba(34,197,94,.16), transparent 60%),
    radial-gradient(700px 420px at 85% 25%, rgba(45,212,191,.12), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(236,253,245,.92));

  --sneat-navbar-bg:#ffffff;
  --sneat-card-bg:#ffffff;
  --sneat-text:#0f172a;
  --sneat-muted:#64748b;
  --sneat-border:rgba(2,6,23,.08);

  /* ✅ narrower widths */
  --sneat-sidebar-w: 220px;
  --sneat-sidebar-w-collapsed: 74px;
}

/* Layout */
.sneat-theme .layout-container{display:flex;min-height:100vh}
.sneat-theme .layout-menu{width:var(--sneat-sidebar-w);flex:0 0 var(--sneat-sidebar-w)}
.sneat-theme .layout-page{flex:1;margin-left:var(--sneat-sidebar-w);display:flex;flex-direction:column;min-height:100vh}
html[dir="rtl"] .sneat-theme .layout-page{margin-left:0;margin-right:var(--sneat-sidebar-w)}

.sneat-theme .layout-navbar{
  background:var(--sneat-navbar-bg);
  box-shadow:0 1px 0 rgba(16,24,40,.05);
  padding:.6rem 1rem;
  z-index:1030
}
.sneat-theme .content-wrapper{padding:1.2rem}

/* ✅ Sidebar fixed + LIGHT (force override) */
.sneat-theme .layout-menu .side-menu-fixed{
  width:var(--sneat-sidebar-w);
  height:100vh;
  position:fixed;
  top:0;
  inset-inline-start:0;
  overflow:auto;

  background: var(--sneat-sidebar-bg) !important;
  border-inline-end:1px solid rgba(22,163,74,.16) !important;
  box-shadow:2px 0 20px rgba(2,6,23,.06) !important;
  color:var(--sneat-text) !important;
}
html[dir="rtl"] .sneat-theme .layout-menu .side-menu-fixed{inset-inline-start:auto;inset-inline-end:0}

/* remove any dark inner backgrounds from template */
.sneat-theme .layout-menu .side-menu-bg{background:transparent !important;}
.sneat-theme .layout-menu .scrollbar{background:transparent !important;}

/* Sidebar header (nice, clean) */
.sneat-theme .layout-menu .sidebar-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px 10px;
  border-bottom:1px solid rgba(2,6,23,.06);
  position:sticky;
  top:0;
  background: rgba(255,255,255,.65);
  backdrop-filter: blur(10px);
  z-index:5;
}
.sneat-theme .layout-menu .sidebar-title{
  display:flex;align-items:center;gap:10px;
  font-weight:1000;
  color:var(--sneat-text);
  min-width:0;
}
.sneat-theme .layout-menu .sidebar-dot{
  width:12px;height:12px;border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(34,197,94,.9));
  box-shadow:0 0 0 6px rgba(34,197,94,.10);
  flex:0 0 auto;
}
.sneat-theme .layout-menu .sidebar-subtitle{
  font-weight:900;
  font-size:12px;
  color:var(--sneat-muted);
  margin-top:2px;
}

/* Toggle button */
.sneat-theme .layout-menu #sidebarToggle{
  width:42px;height:42px;
  border-radius:14px;
  border:1px solid rgba(2,6,23,.08);
  background:rgba(255,255,255,.80);
  box-shadow:0 10px 22px rgba(2,6,23,.06);
  cursor:pointer;
}
.sneat-theme .layout-menu #sidebarToggle:hover{
  border-color: rgba(34,197,94,.22);
  box-shadow:0 14px 26px rgba(34,197,94,.12);
}

/* Menu items: icon + label same row */
.sneat-theme .layout-menu .nav.side-menu{padding:10px 8px}
.sneat-theme .layout-menu .menu-title{
  color:rgba(100,116,139,.95) !important;
  padding:10px 16px;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.sneat-theme .layout-menu .side-menu li a{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
  margin:4px 10px !important;
  border-radius:16px !important;
  text-decoration:none !important;
  font-weight:950 !important;
  color:var(--sneat-text) !important;
  border:1px solid transparent !important;
  transition: background .18s ease, transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}

/* (RTL automatically places items from right to left because html dir=rtl) */
.sneat-theme .layout-menu .icon-wrap{
  width:38px;height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:rgba(34,197,94,.12) !important;
  border:1px solid rgba(34,197,94,.18) !important;
  color:#0b3b22 !important;
  flex:0 0 auto;
}
.sneat-theme .layout-menu .icon-wrap i{font-size:18px;line-height:1}

.sneat-theme .layout-menu .right-nav-text{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sneat-theme .layout-menu .side-menu li a:hover{
  background:linear-gradient(135deg, rgba(34,197,94,.12), rgba(45,212,191,.08));
  border-color:rgba(34,197,94,.18);
  box-shadow:0 14px 26px rgba(34,197,94,.10);
  transform: translateY(-1px);
}

.sneat-theme .layout-menu .side-menu li.active > a,
.sneat-theme .layout-menu .side-menu li > a.active{
  background:linear-gradient(135deg, rgba(34,197,94,.18), rgba(45,212,191,.10));
  border-color:rgba(34,197,94,.22);
  box-shadow:0 16px 30px rgba(34,197,94,.12);
}

/* keep collapse arrow at the far end in both LTR/RTL */
.sneat-theme .layout-menu .collapse-arrow,
.sneat-theme .layout-menu .ms-auto.collapse-arrow{margin-inline-start:auto}

/* Collapsed state */
body.sidebar-collapsed .sneat-theme .layout-menu{width:var(--sneat-sidebar-w-collapsed);flex:0 0 var(--sneat-sidebar-w-collapsed)}
body.sidebar-collapsed .sneat-theme .layout-menu .side-menu-fixed{width:var(--sneat-sidebar-w-collapsed)}
body.sidebar-collapsed .sneat-theme .layout-page{margin-left:var(--sneat-sidebar-w-collapsed)}
html[dir="rtl"] body.sidebar-collapsed .sneat-theme .layout-page{margin-left:0;margin-right:var(--sneat-sidebar-w-collapsed)}

body.sidebar-collapsed .sneat-theme .layout-menu .right-nav-text,
body.sidebar-collapsed .sneat-theme .layout-menu .menu-title,
body.sidebar-collapsed .sneat-theme .layout-menu .collapse-arrow,
body.sidebar-collapsed .sneat-theme .layout-menu .sidebar-title-text{
  display:none !important;
}
body.sidebar-collapsed .sneat-theme .layout-menu .side-menu li a{justify-content:center !important}

/* Responsive */
@media (max-width: 991px){
  .sneat-theme .layout-page{margin-left:0}
  html[dir="rtl"] .sneat-theme .layout-page{margin-right:0}
}