/* ===================================== */
/* ROOT                                  */
/* ===================================== */
.pos-root {
  width: 100% !important;
  display: block !important;  /* 🔥 flex silindi (UniGUI problemi) */
  font-family: Arial, sans-serif !important;
  background: #f5f6fa !important;
}

/* ===================================== */
/* MENU WRAPPER (SCROLL BURDA)           */
/* ===================================== */
.pos-root .pos-menu {
  overflow-y: auto !important;   /* ✅ scroll */
  overflow-x: hidden !important;
  padding: 10px !important;
  box-sizing: border-box !important;

  max-height: 100% !important; /* 🔥 vacib */
}

/* ===================================== */
/* BUTTON COMMON                         */
/* ===================================== */
.pos-root .pos-btn {
  display: block !important;
  width: 100% !important;

  background: #ffffff !important;
  border-radius: 14px !important;

  padding: 12px 14px !important;
  margin-bottom: 8px !important;

  font-size: 14px !important;
  color: #333 !important;

  border: none !important;
  cursor: pointer !important;

  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  transition: all 0.2s ease !important;
}

/* ===================================== */
/* HOVER                                 */
/* ===================================== */
.pos-root .pos-btn:hover {
  background: #ffe082 !important;
}

/* ===================================== */
/* ROOT GROUP (LEVEL 0)                  */
/* ===================================== */
.pos-root .pos-menu > .pos-group {
  background: linear-gradient(135deg, #ffe082, #ffca28) !important;
  font-weight: bold !important;
  color: #000 !important;
}

/* ===================================== */
/* DİGƏR GROUPLAR                        */
/* ===================================== */
.pos-root .pos-sub .pos-group {
  background: #ffffff !important;
  font-weight: bold !important;
  color: #333 !important;
}

/* ===================================== */
/* GROUP ACTIVE                          */
/* ===================================== */
.pos-root .pos-group.open {
  background: linear-gradient(135deg, #ffe082, #ffca28) !important;
}

/* ===================================== */
/* CHILD ITEMS                           */
/* ===================================== */
.pos-root .pos-child {
  background: #fafafa !important;
  padding-left: 20px !important;
  font-size: 13px !important;
}

.pos-root .pos-child.active {
  background: #ffca28 !important;
  font-weight: bold !important;
  color: #000 !important;
}

/* ===================================== */
/* SUB MENU                              */
/* ===================================== */
.pos-root .pos-sub {
  display: none !important;
  padding-left: 6px !important;
}

.pos-root .pos-sub.open {
  display: block !important;
}

/* ===================================== */
/* ARROW                                 */
/* ===================================== */
.pos-root .arrow {
  float: right !important;
  transition: 0.2s !important;
}

.pos-root .pos-group.open .arrow {
  transform: rotate(90deg) !important;
}

/* ===================================== */
/* CLICK EFFECT                          */
/* ===================================== */
.pos-root .pos-btn:active {
  transform: scale(0.96) !important;
}

/* ===================================== */
/* SCROLLBAR                             */
/* ===================================== */
.pos-root .pos-menu::-webkit-scrollbar {
  width: 6px !important;
}

.pos-root .pos-menu::-webkit-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 10px !important;
}