#alosztalyFullPanel.alosztaly-tipus-dsz {
  --alosztaly-szin: #8bd6ff;
  --alosztaly-rgb: 77, 175, 231;
}

#alosztalyFullPanel.alosztaly-tipus-ho {
  --alosztaly-szin: #8ce9b5;
  --alosztaly-rgb: 63, 193, 119;
}

#alosztalyFullPanel.alosztaly-tipus-kmsz {
  --alosztaly-szin: #ff9b9e;
  --alosztaly-rgb: 221, 78, 84;
}

#alosztalyFullPanel.alosztaly-tipus-dsz .alosztaly-oldal,
#alosztalyFullPanel.alosztaly-tipus-ho .alosztaly-oldal,
#alosztalyFullPanel.alosztaly-tipus-kmsz .alosztaly-oldal {
  border-color: rgba(var(--alosztaly-rgb), .42);
  border-top: 3px solid var(--alosztaly-szin);
  background: linear-gradient(148deg, rgba(var(--alosztaly-rgb), .12), transparent 44%), var(--card-bg, #1e2e36);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-fejlec {
  border-bottom: 1px solid rgba(var(--alosztaly-rgb), .43);
  background: linear-gradient(90deg, rgba(10, 22, 29, .97), rgba(var(--alosztaly-rgb), .23)),
    url('../kepek/laktanya.png') center 58% / cover;
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-fejlec-szoveg small,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-szakasz h3 {
  color: var(--alosztaly-szin);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-fejlec .badge,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-intro .alo-pill {
  border: 1px solid rgba(var(--alosztaly-rgb), .55);
  background: rgba(var(--alosztaly-rgb), .15);
  color: var(--alosztaly-szin);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-szakasz {
  border-top-color: rgba(var(--alosztaly-rgb), .35);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-kartya,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-szerkeszto {
  border-color: rgba(var(--alosztaly-rgb), .35);
  background: linear-gradient(145deg, rgba(var(--alosztaly-rgb), .12), rgba(13, 25, 34, .38) 70%);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-kartya {
  border-left: 3px solid rgba(var(--alosztaly-rgb), .8);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-kartya:hover {
  border-color: rgba(var(--alosztaly-rgb), .7);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .22), 0 0 0 1px rgba(var(--alosztaly-rgb), .17);
  transform: translateY(-2px);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-kartya.vezeto {
  border-color: rgba(var(--alosztaly-rgb), .6);
  border-left-color: var(--alosztaly-szin);
  background: linear-gradient(135deg, rgba(var(--alosztaly-rgb), .24), rgba(13, 25, 34, .38) 73%);
}

#alosztalyFullPanel.alosztaly-tipus-dsz .alosztaly-kartya::before {
  background-image: url('../kepek/jelvenyek/okfdsz.png');
  opacity: .12;
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-kartya-tipus,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-kartya.vezeto .alosztaly-kartya-tipus,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-szerep {
  color: var(--alosztaly-szin);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-szemely {
  border-bottom-color: rgba(var(--alosztaly-rgb), .25);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-avatar,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-rangjelveny {
  border-color: rgba(var(--alosztaly-rgb), .5);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-monogram,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-kartya.vezeto .alosztaly-monogram {
  color: #fff;
  background: rgba(var(--alosztaly-rgb), .38);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-rangjelveny {
  background: rgba(var(--alosztaly-rgb), .1);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-form .btn-add,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-intro .icon-btn {
  border-color: rgba(var(--alosztaly-rgb), .7);
  background: rgba(var(--alosztaly-rgb), .19);
  color: var(--alosztaly-szin);
}

#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-muvelet select:focus,
#alosztalyFullPanel[class*="alosztaly-tipus-"] .alosztaly-form select:focus {
  border-color: var(--alosztaly-szin);
  outline: 2px solid rgba(var(--alosztaly-rgb), .3);
}

#alosztalyDszTab.active {
  border-left-color: #75cbfb;
  background: linear-gradient(90deg, rgba(77, 175, 231, .3), transparent);
}

#alosztalyHoTab.active {
  border-left-color: #69d897;
  background: linear-gradient(90deg, rgba(63, 193, 119, .27), transparent);
}

#alosztalyKmszTab.active {
  border-left-color: #f07075;
  background: linear-gradient(90deg, rgba(221, 78, 84, .3), transparent);
}