@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* >> Breakpoints
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
* {
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-style: inherit;
  line-height: 1;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
  padding-left: 1em;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.43;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

code {
  font-family: monospace;
}

b, strong {
  font-weight: bold;
}

img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

a {
  outline: none;
  text-decoration: none;
}

.buttonsWrapper--between {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.buttonsWrapper--between > .btn {
  width: auto;
  max-width: none;
  flex-basis: auto;
  margin-inline-end: 16px;
}
.buttonsWrapper--between > .btn:last-child {
  margin-inline-end: 0;
}
.buttonsWrapper--between > .btn[class*=normal] {
  margin-inline-end: 8px;
}

.buttonsWrapper--center {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
}
.buttonsWrapper--center > .btn {
  width: auto;
  max-width: none;
  flex-basis: auto;
  margin-inline: 8px;
}
.buttonsWrapper--center > .btn:last-child {
  margin-inline-end: 0;
  margin-inline: 0 !important;
}

.buttonsWrapper--left {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.buttonsWrapper--left > .btn {
  width: auto;
  max-width: none;
  flex-basis: auto;
  margin-inline-end: 16px;
}
.buttonsWrapper--left > .btn:last-child {
  margin-inline-end: 0;
}
.buttonsWrapper--left > .btn[class*=normal] {
  margin-inline-end: 8px;
}
.buttonsWrapper--left > .btn[class*=normal]:last-child {
  margin-inline-end: 0;
}
.buttonsWrapper--left > .btn-group:first-child {
  margin-inline-end: 8px;
}

.buttonsWrapper--right {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.buttonsWrapper--right > .btn {
  width: auto;
  max-width: none;
  flex-basis: auto;
  margin-inline-start: 16px;
}
.buttonsWrapper--right > .btn:first-child {
  margin-inline-start: 0;
}

.buttonsWrapper--full {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.buttonsWrapper--full .btn {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin-block-end: 16px;
}
.buttonsWrapper--full .btn:last-child {
  margin-block-end: 0;
}

.btn {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  border-radius: 9px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 140%;
}
.btn:only-child {
  margin: 0 !important;
}

.btn[class*=primary] {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  background-color: #2563eb;
  border: none;
  box-shadow: 0 1px 2px rgba(70, 61, 223, 0.1);
  color: white;
}
.btn[class*=primary].accept {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=primary]:hover {
  /*background-color: $clr-purple-hover;
  box-shadow: 0 0 8px rgba(70, 61, 223, 0.16);*/
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
.btn[class*=primary].del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
  color: #ffffff;
}
.btn[class*=primary].del:hover {
  background-color: #ea3f38;
}
.btn[class*=primary].success {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=primary].success:hover {
  background-color: #5c8a5c;
}
.btn[class*=primary]:disabled, .btn[class*=primary].disabled {
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
  color: #A1A6B0;
  cursor: default;
}
.btn[class*=primary]:disabled:hover, .btn[class*=primary].disabled:hover {
  outline: none;
  background-color: #F6F7F9;
}

.btn[class*=secondary],
.a[class*=secondary] {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  background-color: #ECEBFB;
  border: 1px solid #ECEBFB;
  color: inherit;
}
.btn[class*=secondary].success,
.a[class*=secondary].success {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=secondary].success:hover,
.a[class*=secondary].success:hover {
  background-color: #5c8a5c;
}
.btn[class*=secondary].del,
.a[class*=secondary].del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
  color: #ffffff;
}
.btn[class*=secondary].del:hover,
.a[class*=secondary].del:hover {
  background-color: #ea3f38;
}
.btn[class*=secondary]:hover,
.a[class*=secondary]:hover {
  /*background-color: #DAD7F8;*/
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
.btn[class*=secondary]:disabled, .btn[class*=secondary].disabled,
.a[class*=secondary]:disabled,
.a[class*=secondary].disabled {
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
  color: #A1A6B0;
  cursor: default;
}
.btn[class*=secondary]:disabled:hover, .btn[class*=secondary].disabled:hover,
.a[class*=secondary]:disabled:hover,
.a[class*=secondary].disabled:hover {
  outline: none;
  background-color: #F6F7F9;
}

.btn[class*=outline] {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  background-color: white;
  border: 1px solid #ECEBFB;
  color: #3A4254;
}
.btn[class*=outline]:hover {
  /*background-color: #F6F7F9;*/
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.1));
}
.btn[class*=outline].generalXlsExport:hover {
  box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.btn[class*=outline].success {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=outline].success:hover {
  background-color: #5c8a5c;
}
.btn[class*=outline].print {
  background-color: #6699cc;
  border: 1px solid #6699cc;
  color: #ffffff;
}
.btn[class*=outline].print:hover {
  background-color: #538cc6;
}
.btn[class*=outline].blue {
  background-color: #00b5d6;
  border: 1px solid #00b5d6;
  color: #ffffff;
}
.btn[class*=outline].blue:hover {
  background-color: #009fbd;
}
.btn[class*=outline].transfer {
  background-color: #99cc99;
  border: 1px solid #99cc99;
  color: #ffffff;
}
.btn[class*=outline].transfer:hover {
  background-color: #88c488;
}
.btn[class*=outline].del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
  color: #ffffff;
}
.btn[class*=outline].del:hover {
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
.btn[class*=outline].warningBtn {
  background-color: #F1C40F;
  border: 1px solid #F1C40F;
  color: #ffffff;
}
.btn[class*=outline].warningBtn:hover {
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
  filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
}
.btn[class*=outline].document {
  background-color: #ff9933;
  border: 1px solid #ff9933;
  color: #ffffff;
}
.btn[class*=outline].document:hover {
  background-color: #ff8c1a;
}
.btn[class*=outline].accept {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*=outline].accept:hover {
  background-color: #5c8a5c;
}
.btn[class*=outline]:disabled, .btn[class*=outline].disabled {
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
  color: #A1A6B0;
  cursor: default;
}
.btn[class*=outline]:disabled:hover, .btn[class*=outline].disabled:hover {
  outline: none;
  background-color: #F6F7F9;
}
.btn[class*=outline].dashboardBtn {
  padding: 4px 12px !important;
  font-size: 12px;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  border: none !important;
  transition: opacity 0.12s, transform 0.1s;
  min-height: auto;
}
.btn[class*=outline].dashboardBtn span {
  width: 16px !important;
  height: 16px !important;
  margin-top: 0 !important;
  margin-inline-end: 2px !important;
}

.btn[class*=tertiary] {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  background-color: transparent;
  border: 1px solid transparent;
  color: #3A4254;
  box-shadow: none;
}
.btn[class*=tertiary]:hover {
  background-color: #F6F7F9;
}
.btn[class*=tertiary]:disabled, .btn[class*=tertiary].disabled {
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
  color: #A1A6B0;
  cursor: default;
}
.btn[class*=tertiary]:disabled:hover, .btn[class*=tertiary].disabled:hover {
  outline: none;
  background-color: #F6F7F9;
}
.btn[class*=tertiary].accept {
  color: #99cc99;
}
.btn[class*=tertiary].selectedButton {
  background-color: #F6F7F9;
}

.btn[class*="--large"] {
  min-height: 44px;
  padding: 0 16px;
  font-size: 16px;
  margin-block: 0 16px;
}
.btn[class*="--large"] svg {
  width: 22px;
  height: 22px;
}
.btn[class*="--large"].iconLeft {
  padding: 0 16px 0 8px;
}
.btn[class*="--large"].iconLeft svg {
  margin-inline-end: 8px;
}
.btn[class*="--large"].iconRight {
  padding: 0 8px 0 16px;
}
.btn[class*="--large"].iconRight svg {
  margin-inline-start: 8px;
}
.btn[class*="--large"].icon {
  padding: 0 8px;
}
.btn[class*="--large"].icon span {
  padding-inline: 8px;
}
.btn[class*="--large"].iconOnly {
  padding: 0 10px;
}

.btn[class*="--normal"] {
  min-height: 36px;
  padding: 0 16px;
  font-weight: 500;
  font-size: 13px;
}
.btn[class*="--normal"] span:not(#documentcount),
.btn[class*="--normal"] svg,
.btn[class*="--normal"] i {
  width: 20px;
  height: 20px;
}
.btn[class*="--normal"] span:not(#documentcount).fa,
.btn[class*="--normal"] svg.fa,
.btn[class*="--normal"] i.fa {
  font-size: 20px;
}
.btn[class*="--normal"].iconLeft {
  padding: 0 16px 0 8px;
}
.btn[class*="--normal"].iconLeft.dropdown-toggle {
  padding: 0 8px 0 8px !important;
}
.btn[class*="--normal"].iconLeft i,
.btn[class*="--normal"].iconLeft span,
.btn[class*="--normal"].iconLeft svg {
  margin-inline-end: 8px;
}
.btn[class*="--normal"].iconRight {
  padding: 0 8px 0 16px;
}
.btn[class*="--normal"].iconRight svg {
  margin-inline-start: 8px;
}
.btn[class*="--normal"].icon {
  padding: 0 8px;
}
.btn[class*="--normal"].icon span {
  padding-inline: 8px;
}
.btn[class*="--normal"].iconOnly {
  padding: 0 7px;
}

.btn[class*="--small"] {
  min-height: 28px;
  padding: 0 16px;
  font-size: 14px;
  margin-inline-end: 8px;
}
.btn[class*="--small"]:first-child {
  margin-inline-start: 0;
}
.btn[class*="--small"]:last-child {
  margin-inline-end: 0 !important;
}
.btn[class*="--small"] i,
.btn[class*="--small"] span,
.btn[class*="--small"] svg {
  width: 14px;
  height: 14px;
}
.btn[class*="--small"].iconLeft {
  padding: 0 16px 0 8px;
}
.btn[class*="--small"].iconLeft i,
.btn[class*="--small"].iconLeft span,
.btn[class*="--small"].iconLeft svg {
  margin-inline-end: 8px;
}
.btn[class*="--small"].iconRight {
  padding: 0 8px 0 16px;
}
.btn[class*="--small"].iconRight svg {
  margin-inline-start: 8px;
}
.btn[class*="--small"].icon {
  padding: 0 8px;
}
.btn[class*="--small"].icon span {
  padding-inline: 8px;
}
.btn[class*="--small"].iconOnly {
  padding: 0 5px;
}
.btn[class*="--small"].iconOnly.del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
}
.btn[class*="--small"].iconOnly.del:hover {
  background-color: #ea3f38;
}
.btn[class*="--small"].accept {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.btn[class*="--small"].accept:hover {
  background-color: #5c8a5c;
}
.btn[class*="--small"].print {
  background-color: #6699cc;
  border: 1px solid #6699cc;
  color: #ffffff;
}
.btn[class*="--small"].print:hover {
  background-color: #538cc6;
}

.dropdownBtn {
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  display: flex !important;
  min-height: 28px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  margin-inline-end: 8px !important;
}
.dropdownBtn span,
.dropdownBtn svg {
  width: 16px;
  height: 16px;
}
.dropdownBtn.iconLeft {
  padding: 0 16px 0 8px;
}
.dropdownBtn.iconLeft span,
.dropdownBtn.iconLeft svg {
  margin-inline-end: 8px;
}
.dropdownBtn.iconRight {
  padding: 0 8px 0 16px;
}
.dropdownBtn.iconRight svg {
  margin-inline-start: 8px;
}
.dropdownBtn.icon {
  padding: 0 8px;
}
.dropdownBtn.icon span {
  padding-inline: 8px;
}
.dropdownBtn.iconOnly {
  padding: 0 5px;
}
.dropdownBtn.iconOnly.del {
  background-color: #EC554F;
  border: 1px solid #EC554F;
}
.dropdownBtn.iconOnly.del:hover {
  background-color: #ea3f38;
}
.dropdownBtn.accept {
  background-color: #669966;
  border: 1px solid #669966;
  color: #ffffff;
}
.dropdownBtn.accept:hover {
  background-color: #5c8a5c;
}
.dropdownBtn.print {
  background-color: #6699cc;
  border: 1px solid #6699cc;
  color: #ffffff;
}
.dropdownBtn.print:hover {
  background-color: #538cc6;
}

.statusLabel {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 500;
  white-space: nowrap;
  font-size: 11px;
  line-height: 1.5;
}
.statusLabel.new {
  background: rgb(239, 246, 255) !important;
  color: rgb(30, 64, 175) !important;
  border: 1px solid rgb(191, 219, 254) !important;
}
.statusLabel.opened {
  background: rgb(237, 233, 254) !important;
  color: rgb(76, 29, 149) !important;
  border: 1px solid rgb(167, 139, 250) !important;
}
.statusLabel.openedInvoice {
  background: #3498DB !important;
  color: #ffffff;
  border: 1px solid #3498DB !important;
}
.statusLabel.reOpenedInvoice {
  background: #F39C12 !important;
  color: #ffffff;
  border: 1px solid #F39C12 !important;
}
.statusLabel.invoicePrinted {
  background: #c275ff !important;
  color: #ffffff;
  border: 1px solid #c275ff !important;
}
.statusLabel.invoiceClosed {
  background: #c275ff !important;
  color: #ffffff;
  border: 1px solid #c275ff !important;
}
.statusLabel.invoicePaid {
  background: #2ECC71 !important;
  color: #ffffff;
  border: 1px solid #2ECC71 !important;
}
.statusLabel.invoiceUnPaid {
  background: #E74C3C !important;
  color: #ffffff;
  border: 1px solid #E74C3C !important;
}
.statusLabel.invoiceFinalized {
  background: #27AE60 !important;
  color: #ffffff;
  border: 1px solid #27AE60 !important;
}
.statusLabel.ordered {
  background: rgb(254, 243, 199) !important;
  color: rgb(120, 53, 15) !important;
  border: 1px solid rgb(252, 211, 77) !important;
}
.statusLabel.completed {
  background: rgb(220, 252, 231) !important;
  color: rgb(20, 83, 45) !important;
  border: 1px solid rgb(74, 222, 128) !important;
}
.statusLabel.partiallyCompleted {
  background: rgb(209, 250, 229) !important;
  color: rgb(6, 95, 70) !important;
  border: 1px solid rgb(110, 231, 183) !important;
}
.statusLabel.outdated {
  background: rgb(254, 226, 226) !important;
  color: rgb(127, 29, 29) !important;
  border: 1px solid rgb(252, 165, 165) !important;
}
.statusLabel.deleted {
  background: rgb(243, 244, 246) !important;
  color: rgb(55, 65, 81) !important;
  border: 1px solid rgb(209, 213, 219) !important;
}
.statusLabel.invoiceDeleted {
  background: #7F8C8D !important;
  color: #ffffff !important;
  border: 1px solid #7F8C8D !important;
}
.statusLabel.reserved {
  background: rgb(240, 253, 244) !important;
  color: rgb(20, 83, 45) !important;
  border: 1px solid rgb(134, 239, 172) !important;
}
.statusLabel.partiallyReserved {
  background: rgb(236, 253, 245) !important;
  color: rgb(6, 95, 70) !important;
  border: 1px solid rgb(52, 211, 153) !important;
}
.statusLabel.withdrawFromWarehouse {
  background: rgb(255, 247, 237) !important;
  color: rgb(124, 45, 18) !important;
  border: 1px solid rgb(251, 146, 60) !important;
}
.statusLabel.invoicable {
  background: rgb(240, 249, 255) !important;
  color: rgb(12, 74, 110) !important;
  border: 1px solid rgb(56, 189, 248) !important;
}
.statusLabel.underSell {
  background: rgb(239, 246, 255) !important;
  color: rgb(30, 64, 175) !important;
  border: 1px solid rgb(147, 197, 253) !important;
}
.statusLabel.waitingForTransportation {
  background: rgb(255, 251, 235) !important;
  color: rgb(146, 64, 14) !important;
  border: 1px solid rgb(252, 211, 77) !important;
}
.statusLabel.orderShipped {
  background: rgb(240, 253, 244) !important;
  color: rgb(22, 101, 52) !important;
  border: 1px solid rgb(74, 222, 128) !important;
}
.statusLabel.orderPartiallyShipped {
  background: rgb(236, 253, 245) !important;
  color: rgb(6, 95, 70) !important;
  border: 1px solid rgb(110, 231, 183) !important;
}
.statusLabel.orderUnderShipping {
  background: rgb(239, 246, 255) !important;
  color: rgb(29, 78, 216) !important;
  border: 1px solid rgb(147, 197, 253) !important;
}
.statusLabel.invoiceUnderShipping {
  background: #008bba !important;
  color: #ffffff !important;
  border: 1px solid #008bba !important;
}
.statusLabel.waitingForAllowance {
  background: rgb(253, 244, 255) !important;
  color: rgb(107, 33, 168) !important;
  border: 1px solid rgb(216, 180, 254) !important;
}
.statusLabel.invoiceWaitingForAllowance {
  background: #F1C40F !important;
  color: #ffffff !important;
  border: 1px solid #F1C40F !important;
}
.statusLabel.allowed {
  background: rgb(240, 253, 244) !important;
  color: rgb(20, 83, 45) !important;
  border: 1px solid rgb(134, 239, 172) !important;
}
.statusLabel.invoiceAllowed {
  background: #006d2e !important;
  color: #ffffff !important;
  border: 1px solid #006d2e !important;
}
.statusLabel.rejected {
  background: rgb(254, 226, 226) !important;
  color: rgb(153, 27, 27) !important;
  border: 1px solid rgb(252, 165, 165) !important;
}
.statusLabel.invoiceRejected {
  background: rgb(254, 226, 226) !important;
  color: rgb(153, 27, 27) !important;
  border: 1px solid rgb(252, 165, 165) !important;
}
.statusLabel.unknown {
  background: rgb(249, 250, 251) !important;
  color: rgb(107, 114, 128) !important;
  border: 1px solid rgb(229, 231, 235) !important;
}
.statusLabel.invoiceUnknown, .statusLabel .inoviceBad {
  background: #008bba !important;
  color: #ffffff !important;
  border: 1px solid #008bba !important;
}

h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 144%;
  letter-spacing: -0.02em;
}

h2 {
  color: #131417;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 32px;
}

h3 {
  margin-block: 16px;
  color: #131417;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 36px;
}
h3:first-child {
  margin-block: 0 16px;
}

h4 {
  margin-block: 24px;
  color: #131417;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 24px;
}
h4:first-child {
  margin-block: 0 16px;
}

p {
  color: #767D8C;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}

a {
  color: #2563eb;
}

body.page--formSamples {
  background-color: #F0F0F3;
}
body.page--formSamples #pageWrapper {
  width: 90%;
  margin: 0 auto;
  padding-block: 5%;
}
body.page--formSamples .cards,
body.page--formSamples fieldset.formSection {
  margin-block-end: 1.5em;
  padding: 24px;
  border: 2px solid #161616;
  border-radius: 16px;
  background-color: white;
}
body.page--formSamples .cards:last-child,
body.page--formSamples fieldset.formSection:last-child {
  margin-block-end: 0;
}
body.page--formSamples .cards [class^=buttonsWrapper],
body.page--formSamples fieldset.formSection [class^=buttonsWrapper] {
  margin-block-end: 24px;
}
body.page--formSamples .cards [class^=buttonsWrapper]:last-child,
body.page--formSamples fieldset.formSection [class^=buttonsWrapper]:last-child {
  margin-block-end: 0;
}
body.page--formSamples h4 {
  margin-block-end: 16px;
  font-size: 20px;
  font-weight: 600;
}
body.page--formSamples .formWrapper {
  margin-block-end: 1.5em;
}
body.page--formSamples .formWrapper:last-child {
  margin-block-end: 0;
}

.flexAlign--left {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.flexAlign--right {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.flexAlign--between {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.flexAlign--between [class^=buttonsWrapper] {
  width: auto;
}

.flexVertical--center {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.gridWrapper--inline {
  display: block !important;
}
.gridWrapper--inline [class^=formItem] {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.gridWrapper--inline [class^=formItem] .formItem__title {
  width: 40%;
  max-width: 40%;
  flex-basis: 40%;
  margin: 0;
  padding-inline-end: 8px;
}
.gridWrapper--inline [class^=formItem] .formItem__title_fullwidth {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
  padding-inline-end: 8px;
}
.gridWrapper--inline [class^=formItem] .formItem__title_20width {
  width: 20%;
  max-width: 20%;
  flex-basis: 20%;
  margin: 0;
  padding-inline-end: 8px;
}
.gridWrapper--inline [class^=formItem] .formItem__title_wide_checkbox {
  width: 90%;
  max-width: 90%;
  flex-basis: 90%;
  margin: 0;
  padding-inline-end: 8px;
  font-weight: 400;
}
.gridWrapper--inline [class^=formItem] .formItem__title_wide_checkbox_list {
  width: 90%;
  max-width: 90%;
  flex-basis: 90%;
  margin: 0;
  padding-inline-end: 8px;
  font-weight: 500;
  font-size: 13px;
}
.gridWrapper--inline [class^=formItem] .inner {
  width: 60%;
  max-width: 60%;
  flex-basis: 60%;
}
.gridWrapper--inline [class^=formItem] .inner p {
  color: #131417;
}
.gridWrapper--inline [class^=formItem] .inner_fullwidth {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.gridWrapper--inline [class^=formItem] .inner_fullwidth p {
  color: #131417;
}
.gridWrapper--inline [class^=formItem] .inner_20width {
  width: 80%;
  max-width: 80%;
  flex-basis: 80%;
}
.gridWrapper--inline [class^=formItem] .inner_20width p {
  color: #131417;
}
.gridWrapper--inline [class^=formItem] .inner_wide_checkbox {
  width: 10%;
  max-width: 10%;
  flex-basis: 10%;
}
.gridWrapper--inline [class^=formItem] .inner_wide_checkbox p {
  color: #131417;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w33pre {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 24px;
  }
}
.gridWrapper--w33pre > * {
  min-width: 0;
}
.gridWrapper--w33pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w33pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w33pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w33pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w333pre {
    display: grid;
    grid-template-columns: 1fr 0.3fr 1fr;
    column-gap: 24px;
  }
}
.gridWrapper--w333pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w333pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w333pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w333pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w31pre {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    column-gap: 24px;
  }
}
.gridWrapper--w31pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w31pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w31pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w31pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w23pre {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 24px;
  }
}
.gridWrapper--w23pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w23pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w23pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w23pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w32pre {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 24px;
  }
}
.gridWrapper--w32pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w32pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 3;
}
.gridWrapper--w32pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w32pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen and (min-width: 1024px) {
  .gridWrapper--w25pre {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 14px;
  }
}
.gridWrapper--w25pre [class^=formItem].gcse-short {
  grid-column-start: 1;
  grid-column-end: 2;
}
.gridWrapper--w25pre [class^=formItem].gcse-long--start {
  grid-column-start: 1;
  grid-column-end: 4;
}
.gridWrapper--w25pre [class^=formItem].gcse-long--end {
  grid-column-start: 2;
  grid-column-end: 4;
}
.gridWrapper--w25pre [class^=formItem].gcse-long--full {
  grid-column-start: 1;
  grid-column-end: 4;
}

.jqs-setCardHeightTo100 {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  flex-direction: column;
}
.jqs-setCardHeightTo100 .cardContent {
  flex-grow: 1;
}
.jqs-setCardHeightTo100 .cardContent .inner {
  height: 100%;
}
.jqs-setCardHeightTo100 .cardContent .inner > [data-tab] {
  height: 100%;
}
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
}
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter .formContent,
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter .innerScroll {
  flex-grow: 1;
}
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter .formFooter {
  display: grid;
  padding-block-start: 24px;
}
.jqs-setCardHeightTo100 .cardContent .inner form.hasFooter .formFooter > div {
  align-self: end;
}

[class^=form-group] {
  margin-block-end: 0px !important;
  /*&:last-child {
      margin-block-end: 0!important;
  }*/
}

[class^=formItem] {
  margin-block-end: 0px;
}
[class^=formItem].margin {
  margin-block-end: 16px;
}
[class^=formItem]:last-child {
  margin-block-end: 0;
}
[class^=formItem].hasWarning input, [class^=formItem].hasWarning select, [class^=formItem].hasWarning textarea:not(.select2-search__field),
[class^=formItem].hasWarning .select2-container--default .select2-selection--single,
[class^=formItem].hasWarning .select2-container .select2-selection--multiple,
[class^=formItem].hasWarning .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #EC554F;
}
[class^=formItem].hasWarning input:focus, [class^=formItem].hasWarning select:focus, [class^=formItem].hasWarning textarea:not(.select2-search__field):focus,
[class^=formItem].hasWarning .select2-container--default .select2-selection--single:focus,
[class^=formItem].hasWarning .select2-container .select2-selection--multiple:focus,
[class^=formItem].hasWarning .select2-container--default.select2-container--focus .select2-selection--multiple:focus {
  border: 1px solid #EC554F;
  outline: 2px solid #FBDDDC;
  box-shadow: none;
}
[class^=formItem].hasWarning input:hover, [class^=formItem].hasWarning select:hover, [class^=formItem].hasWarning textarea:not(.select2-search__field):hover,
[class^=formItem].hasWarning .select2-container--default .select2-selection--single:hover,
[class^=formItem].hasWarning .select2-container .select2-selection--multiple:hover,
[class^=formItem].hasWarning .select2-container--default.select2-container--focus .select2-selection--multiple:hover {
  outline: 2px solid #FBDDDC;
}
[class^=formItem] .formItem__title,
[class^=formItem] .formItem__title_fullwidth,
[class^=formItem] .formItem__title_20width {
  width: 100%;
  margin-block-end: 8px;
  color: #131417;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
[class^=formItem] .formItem__title.required svg,
[class^=formItem] .formItem__title_fullwidth.required svg,
[class^=formItem] .formItem__title_20width.required svg {
  margin-inline-start: 4px;
}

.warning {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-start: 8px !important;
  color: #EC554F !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.68 !important;
  letter-spacing: -0.02em !important;
}
.warning svg {
  margin-inline-end: 8px !important;
}
.warning p {
  color: #EC554F !important;
}

::placeholder {
  color: #A1A6B0;
  opacity: 1;
}

[id$=-selectized] {
  display: inline-block !important;
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
[id$=-selectized]:hover {
  outline: none !important;
}
[id$=-selectized]:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
[id$=-selectized]:focus:hover {
  outline: none !important;
}

input, select, textarea:not(.select2-search__field) {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100% !important;
  padding: 0 10px !important;
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08) !important;
  color: #131417 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}
input:hover, select:hover, textarea:not(.select2-search__field):hover {
  outline: 2px solid #ECEBFB !important;
}
input:focus, select:focus, textarea:not(.select2-search__field):focus {
  border: 1px solid #2563eb !important;
  outline: 2px solid #ECEBFB !important;
  box-shadow: none !important;
}
input:focus:hover, select:focus:hover, textarea:not(.select2-search__field):focus:hover {
  outline: 2px solid #ECEBFB !important;
}

[class^=formItem] textarea:not(.select2-search__field) {
  padding-block: 8px;
}
[class^=formItem].large input, [class^=formItem].large select, [class^=formItem].large textarea:not(.select2-search__field) {
  font-size: 16px;
  line-height: 1.47;
}
[class^=formItem].large input {
  min-height: 44px;
}
[class^=formItem].large .select2-container .select2-selection--single,
[class^=formItem].large .select2-container .select2-selection--multiple {
  height: 44px;
}
[class^=formItem].large .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  line-height: 1.47;
}
[class^=formItem].large .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  font-size: 16px;
}
[class^=formItem].normal input:not([type=file]), [class^=formItem].normal select, [class^=formItem].normal textarea:not(.select2-search__field) {
  font-size: 13px;
  line-height: 1.16;
  padding: 6px 10px !important;
}
[class^=formItem].normal input[type=file] {
  font-size: 13px;
  line-height: 1.16;
  padding: 0px 10px !important;
}
[class^=formItem].normal .input-group input:not(.radioBtn, .spectrum-input) {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[class^=formItem].normal input {
  min-height: 36px;
}
[class^=formItem].normal .select2-container .select2-selection--single,
[class^=formItem].normal .select2-container .select2-selection--multiple {
  height: 36px;
}
[class^=formItem].normal .select2-container .select2-selection--multiple:not(.stretchHeight) {
  height: auto !important;
}
[class^=formItem].normal .select2-container--krajee-bs3 .select2-selection--single {
  padding: 6px 24px 6px 0px !important;
}
[class^=formItem].normal .input-group .select2-container--krajee-bs3 .select2-selection--single {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
[class^=formItem].normal .input-group-addon .select2-container--krajee-bs3 .select2-selection--single {
  border-right: 1px solid #E1E2E6 !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
[class^=formItem].normal .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  line-height: 1.16;
}
[class^=formItem].normal .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  font-size: 13px;
}
[class^=formItem].normal .select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 16px;
  height: 16px;
}
[class^=formItem].normal .select2-container .select2-selection--multiple:after {
  top: 8px;
  width: 16px;
  height: 16px;
}
[class^=formItem].normal .select2-container .select2-search--inline .select2-search__field {
  font-size: 13px;
}
[class^=formItem].normal .select2-container--default .select2-selection--multiple {
  font-size: 13px;
  line-height: 1.16;
}
[class^=formItem].small input, [class^=formItem].small select, [class^=formItem].small textarea:not(.select2-search__field) {
  font-size: 13px;
  line-height: 1.16;
}
[class^=formItem].small input {
  min-height: 28px;
}
[class^=formItem].small .select2-container .select2-selection--single,
[class^=formItem].small .select2-container .select2-selection--multiple {
  height: 28px;
}
[class^=formItem].small .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  line-height: 1.16;
}
[class^=formItem].small .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  font-size: 13px;
}
[class^=formItem].small .select2-container .select2-selection--multiple:after {
  top: 5px;
}
[class^=formItem].small .select2-container .select2-search--inline .select2-search__field {
  font-size: 13px;
}
[class^=formItem].small .select2-container--default .select2-selection--multiple {
  font-size: 13px;
  line-height: 1.16;
}
[class^=formItem].small .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-block: 0;
}
[class^=formItem].iconLeft .inner span, [class^=formItem].iconLeft .inner svg {
  position: absolute;
  /*top: 20%;*/
  top: 10px;
  left: 9px;
  z-index: 10;
}
[class^=formItem].iconLeft .inner span {
  width: 20px;
  height: 20px;
}
[class^=formItem].iconLeft .inner input {
  padding-left: 36px !important;
}

button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
}

.buttonsWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
}
.buttonsWrapper button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  height: 44px;
}

.formItem--password input[type=password] {
  padding-inline-end: 46px;
}
.formItem--password #showPassword {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px !important;
  height: 100%;
  outline: none !important;
  border: none !important;
  background: transparent url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4155 4.49622C2.09402 4.17474 2.09402 3.65352 2.4155 3.33205C2.73697 3.01057 3.25819 3.01057 3.57967 3.33205L18.6675 18.4199C18.9893 18.7416 18.9893 19.2633 18.6675 19.585C18.3461 19.9064 17.8252 19.9069 17.5033 19.586L15.4001 17.49L15.0151 17.105C13.7776 17.6 12.4209 17.875 11.0001 17.875C6.41675 17.875 2.50258 15.0241 0.916748 11C1.63175 9.18497 2.82341 7.6083 4.34508 6.4258L3.92341 6.00413L2.4155 4.49622ZM15.5834 11C15.5834 8.46997 13.5301 6.41663 11.0001 6.41663C10.4042 6.41663 9.84508 6.5358 9.32258 6.74663L7.34258 4.76663C8.47925 4.35413 9.70758 4.12497 10.9909 4.12497C15.5742 4.12497 19.4884 6.9758 21.0742 11C20.4051 12.705 19.3142 14.1991 17.9301 15.3541L15.2534 12.6775C15.4642 12.155 15.5834 11.5958 15.5834 11ZM8.32341 10.4041C8.27758 10.5966 8.25008 10.7983 8.25008 11C8.25008 12.5216 9.47841 13.75 11.0001 13.75C11.2017 13.75 11.4034 13.7225 11.5959 13.6766L13.0167 15.0975C12.4026 15.4 11.7242 15.5833 11.0001 15.5833C8.47008 15.5833 6.41675 13.53 6.41675 11C6.41675 10.2758 6.60008 9.59747 6.90258 8.9833L8.32341 10.4041ZM13.7409 11.1558L10.8534 8.2683L11.0092 8.25913C12.5309 8.25913 13.7592 9.48746 13.7592 11.0091L13.7409 11.1558Z' fill='%23A1A6B0'/%3E%3C/svg%3E%0A") no-repeat center right 10px;
  z-index: 2;
  box-shadow: none !important;
  cursor: pointer;
}
.formItem--password #showPassword.hidebutton {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4155 4.49622C2.09402 4.17474 2.09402 3.65352 2.4155 3.33205C2.73697 3.01057 3.25819 3.01057 3.57967 3.33205L18.6675 18.4199C18.9893 18.7416 18.9893 19.2633 18.6675 19.585C18.3461 19.9064 17.8252 19.9069 17.5033 19.586L15.4001 17.49L15.0151 17.105C13.7776 17.6 12.4209 17.875 11.0001 17.875C6.41675 17.875 2.50258 15.0241 0.916748 11C1.63175 9.18497 2.82341 7.6083 4.34508 6.4258L3.92341 6.00413L2.4155 4.49622ZM15.5834 11C15.5834 8.46997 13.5301 6.41663 11.0001 6.41663C10.4042 6.41663 9.84508 6.5358 9.32258 6.74663L7.34258 4.76663C8.47925 4.35413 9.70758 4.12497 10.9909 4.12497C15.5742 4.12497 19.4884 6.9758 21.0742 11C20.4051 12.705 19.3142 14.1991 17.9301 15.3541L15.2534 12.6775C15.4642 12.155 15.5834 11.5958 15.5834 11ZM8.32341 10.4041C8.27758 10.5966 8.25008 10.7983 8.25008 11C8.25008 12.5216 9.47841 13.75 11.0001 13.75C11.2017 13.75 11.4034 13.7225 11.5959 13.6766L13.0167 15.0975C12.4026 15.4 11.7242 15.5833 11.0001 15.5833C8.47008 15.5833 6.41675 13.53 6.41675 11C6.41675 10.2758 6.60008 9.59747 6.90258 8.9833L8.32341 10.4041ZM13.7409 11.1558L10.8534 8.2683L11.0092 8.25913C12.5309 8.25913 13.7592 9.48746 13.7592 11.0091L13.7409 11.1558Z' fill='%23A1A6B0'/%3E%3C/svg%3E%0A");
}

.formItem--singleCheckbox input[type=checkbox] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  position: absolute !important;
  top: 3px;
  left: 0;
  width: 20px !important;
  min-height: auto;
  height: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 3px !important;
  border: 1px solid #E1E2E6;
  background-color: white;
}
.formItem--singleCheckbox input[type=checkbox]:checked {
  background: #2563eb url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4216 9.63291C4.76173 9.29279 5.31318 9.29279 5.65331 9.63291L8.54874 12.5284L14.3148 6.12157C14.6366 5.76404 15.1873 5.73506 15.5448 6.05684C15.9024 6.37862 15.9314 6.92931 15.6096 7.28684L9.22938 14.376C8.89557 14.7469 8.319 14.762 7.96616 14.4092L4.4216 10.8646C4.08147 10.5245 4.08147 9.97304 4.4216 9.63291Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center/20px;
  border-color: #2563eb;
  outline: 2px solid #ECEBFB;
  box-shadow: none;
}
.formItem--singleCheckbox input[type=radio] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  position: absolute !important;
  top: 12px;
  left: 0;
  width: 20px !important;
  min-height: auto;
  height: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 50px !important;
  border: 1px solid #E1E2E6;
  background-color: white;
}
.formItem--singleCheckbox input[type=radio]:checked {
  background: #2563eb url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4216 9.63291C4.76173 9.29279 5.31318 9.29279 5.65331 9.63291L8.54874 12.5284L14.3148 6.12157C14.6366 5.76404 15.1873 5.73506 15.5448 6.05684C15.9024 6.37862 15.9314 6.92931 15.6096 7.28684L9.22938 14.376C8.89557 14.7469 8.319 14.762 7.96616 14.4092L4.4216 10.8646C4.08147 10.5245 4.08147 9.97304 4.4216 9.63291Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center/20px;
  border-color: #2563eb;
  outline: 2px solid #ECEBFB;
  box-shadow: none;
}
.formItem--singleCheckbox label {
  padding-inline-start: 28px;
  position: absolute;
  top: 38px;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.formItem--labelLessCheckbox input[type=checkbox] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  width: 20px !important;
  min-height: auto;
  height: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 3px !important;
  border: 1px solid #E1E2E6 !important;
  background-color: white;
}
.formItem--labelLessCheckbox input[type=checkbox]:checked {
  background: #2563eb url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4216 9.63291C4.76173 9.29279 5.31318 9.29279 5.65331 9.63291L8.54874 12.5284L14.3148 6.12157C14.6366 5.76404 15.1873 5.73506 15.5448 6.05684C15.9024 6.37862 15.9314 6.92931 15.6096 7.28684L9.22938 14.376C8.89557 14.7469 8.319 14.762 7.96616 14.4092L4.4216 10.8646C4.08147 10.5245 4.08147 9.97304 4.4216 9.63291Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center/20px;
  border-color: #2563eb !important;
  outline: 2px solid #ECEBFB;
  box-shadow: none !important;
}
.formItem--labelLessCheckbox input[type=radio] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  width: 20px;
  min-height: auto;
  height: 20px;
  margin: 0;
  padding: 0 !important;
  border-radius: 32px !important;
  border: 1px solid #E1E2E6 !important;
  background-color: white;
}
.formItem--labelLessCheckbox input[type=radio]:checked {
  background: #2563eb url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4216 9.63291C4.76173 9.29279 5.31318 9.29279 5.65331 9.63291L8.54874 12.5284L14.3148 6.12157C14.6366 5.76404 15.1873 5.73506 15.5448 6.05684C15.9024 6.37862 15.9314 6.92931 15.6096 7.28684L9.22938 14.376C8.89557 14.7469 8.319 14.762 7.96616 14.4092L4.4216 10.8646C4.08147 10.5245 4.08147 9.97304 4.4216 9.63291Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center/20px;
  border-color: #2563eb !important;
  outline: 2px solid #ECEBFB;
  box-shadow: none !important;
}

.formItem--date .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--date .inner .krajee-datepicker,
.formItem--date .inner input[type=date] {
  width: auto;
  max-width: none;
  flex-basis: auto;
  min-width: 180px;
}
.formItem--date .inner .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--date .inner input[type=date]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3335 1.33337C11.7017 1.33337 12.0002 1.63185 12.0002 2.00004V2.66671H12.6668C13.7714 2.66671 14.6668 3.56214 14.6668 4.66671V12.6667C14.6668 13.7713 13.7714 14.6667 12.6668 14.6667H3.3335C2.22893 14.6667 1.3335 13.7713 1.3335 12.6667V4.66671C1.3335 3.56214 2.22893 2.66671 3.3335 2.66671H4.00016V2.00004C4.00016 1.63185 4.29864 1.33337 4.66683 1.33337C5.03502 1.33337 5.3335 1.63185 5.3335 2.00004V2.66671H10.6668V2.00004C10.6668 1.63185 10.9653 1.33337 11.3335 1.33337ZM2.66683 8.00004V12.6667C2.66683 13.0349 2.96531 13.3334 3.3335 13.3334H12.6668C13.035 13.3334 13.3335 13.0349 13.3335 12.6667V8.00004H2.66683ZM2.66683 6.66671H13.3335V4.66671C13.3335 4.29852 13.035 4.00004 12.6668 4.00004H12.0002V4.66671C12.0002 5.0349 11.7017 5.33337 11.3335 5.33337C10.9653 5.33337 10.6668 5.0349 10.6668 4.66671V4.00004H5.3335V4.66671C5.3335 5.0349 5.03502 5.33337 4.66683 5.33337C4.29864 5.33337 4.00016 5.0349 4.00016 4.66671V4.00004H3.3335C2.96531 4.00004 2.66683 4.29852 2.66683 4.66671V6.66671Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}
.formItem--date .inner .krajee-datepicker:disabled,
.formItem--date .inner input[type=date]:disabled {
  color: #A1A6B0;
}
.formItem--date .inner .krajee-datepicker:disabled::-webkit-calendar-picker-indicator,
.formItem--date .inner input[type=date]:disabled::-webkit-calendar-picker-indicator {
  color: #A1A6B0;
}
.formItem--date .inner span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-inline: 4px;
}

.formItem--dateFromTo .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--dateFromTo .inner .krajee-datepicker,
.formItem--dateFromTo .inner input[type=date] {
  width: auto;
  max-width: none;
  flex-basis: auto;
  min-width: 180px;
}
.formItem--dateFromTo .inner .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--dateFromTo .inner input[type=date]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3335 1.33337C11.7017 1.33337 12.0002 1.63185 12.0002 2.00004V2.66671H12.6668C13.7714 2.66671 14.6668 3.56214 14.6668 4.66671V12.6667C14.6668 13.7713 13.7714 14.6667 12.6668 14.6667H3.3335C2.22893 14.6667 1.3335 13.7713 1.3335 12.6667V4.66671C1.3335 3.56214 2.22893 2.66671 3.3335 2.66671H4.00016V2.00004C4.00016 1.63185 4.29864 1.33337 4.66683 1.33337C5.03502 1.33337 5.3335 1.63185 5.3335 2.00004V2.66671H10.6668V2.00004C10.6668 1.63185 10.9653 1.33337 11.3335 1.33337ZM2.66683 8.00004V12.6667C2.66683 13.0349 2.96531 13.3334 3.3335 13.3334H12.6668C13.035 13.3334 13.3335 13.0349 13.3335 12.6667V8.00004H2.66683ZM2.66683 6.66671H13.3335V4.66671C13.3335 4.29852 13.035 4.00004 12.6668 4.00004H12.0002V4.66671C12.0002 5.0349 11.7017 5.33337 11.3335 5.33337C10.9653 5.33337 10.6668 5.0349 10.6668 4.66671V4.00004H5.3335V4.66671C5.3335 5.0349 5.03502 5.33337 4.66683 5.33337C4.29864 5.33337 4.00016 5.0349 4.00016 4.66671V4.00004H3.3335C2.96531 4.00004 2.66683 4.29852 2.66683 4.66671V6.66671Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}
.formItem--dateFromTo .inner span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-inline: 4px;
}

.full-width-datepicker {
  width: calc(100% - 62px) !important;
}

.krajee-datepicker,
.calendar,
.bigCalendar {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: auto;
  max-width: none;
  flex-basis: auto;
  min-width: 115px;
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  color: #131417;
  opacity: 1;
}

.calendar,
.bigCalendar {
  min-height: 36px;
  border-right: none !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: none;
  max-width: 115px;
  font-size: 13px;
}

.wideCalendar {
  max-width: 165px;
}

.widewideCalendar {
  max-width: 195px;
}

.maxwidthCalendar {
  max-width: 100%;
}

.widewidewideCalendar {
  min-width: 200px;
}

.bigCalendar {
  max-width: 165px !important;
}

@media only screen and (min-width: 768px) {
  .cardHeaderRow1 .form-group:nth-child(-n+3) {
    padding-block-end: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cardHeaderRow1 .form-group:nth-child(-n+4) {
    padding-block-end: 20px;
  }
}
@media only screen and (min-width: 1251px) {
  .cardHeaderRow1 .form-group:nth-child(-n+5) {
    padding-block-end: 20px;
  }
}
@media only screen and (min-width: 1440px) {
  .cardHeaderRow1 .form-group:nth-child(-n+6) {
    padding-block-end: 0px;
  }
}

.sidebar.opened + .cardHeaderRow1 {
  padding-bottom: 200px;
}
@media only screen and (min-width: 768px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+2) {
    padding-block-end: 20px !important;
  }
}
@media only screen and (min-width: 960px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+3) {
    padding-block-end: 20px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+4) {
    padding-block-end: 20px !important;
  }
}
@media only screen and (min-width: 1251px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+5) {
    padding-block-end: 20px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .sidebar.opened + .cardHeaderRow1 .form-group:nth-child(-n+6) {
    padding-block-end: 0px !important;
  }
}

.date .kv-datetime-picker,
.date .kv-date-picker {
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  border-left: none !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.date .kv-datetime-remove,
.date .kv-date-remove {
  border-top: 1px solid #E1E2E6 !important;
  border-bottom: 1px solid #E1E2E6 !important;
}

.kv-datetime-picker,
.kv-datetime-remove,
.kv-date-picker,
.kv-date-remove {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: transparent;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3335 1.33337C11.7017 1.33337 12.0002 1.63185 12.0002 2.00004V2.66671H12.6668C13.7714 2.66671 14.6668 3.56214 14.6668 4.66671V12.6667C14.6668 13.7713 13.7714 14.6667 12.6668 14.6667H3.3335C2.22893 14.6667 1.3335 13.7713 1.3335 12.6667V4.66671C1.3335 3.56214 2.22893 2.66671 3.3335 2.66671H4.00016V2.00004C4.00016 1.63185 4.29864 1.33337 4.66683 1.33337C5.03502 1.33337 5.3335 1.63185 5.3335 2.00004V2.66671H10.6668V2.00004C10.6668 1.63185 10.9653 1.33337 11.3335 1.33337ZM2.66683 8.00004V12.6667C2.66683 13.0349 2.96531 13.3334 3.3335 13.3334H12.6668C13.035 13.3334 13.3335 13.0349 13.3335 12.6667V8.00004H2.66683ZM2.66683 6.66671H13.3335V4.66671C13.3335 4.29852 13.035 4.00004 12.6668 4.00004H12.0002V4.66671C12.0002 5.0349 11.7017 5.33337 11.3335 5.33337C10.9653 5.33337 10.6668 5.0349 10.6668 4.66671V4.00004H5.3335V4.66671C5.3335 5.0349 5.03502 5.33337 4.66683 5.33337C4.29864 5.33337 4.00016 5.0349 4.00016 4.66671V4.00004H3.3335C2.96531 4.00004 2.66683 4.29852 2.66683 4.66671V6.66671Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center !important;
  border: none;
  border-left: none !important;
  border-radius: inherit;
  width: 16px !important;
  height: 16px !important;
}

.kv-datetime-remove,
.kv-date-remove {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 2C17.5523 2 18 2.44772 18 3V4H19C20.6569 4 22 5.34315 22 7V9C22 9.55228 21.5523 10 21 10C20.4477 10 20 9.55228 20 9V7C20 6.44772 19.5523 6 19 6H18V7C18 7.55228 17.5523 8 17 8C16.4477 8 16 7.55228 16 7V6H8V7C8 7.55228 7.55228 8 7 8C6.44772 8 6 7.55228 6 7V6H5C4.44772 6 4 6.44772 4 7V10H9C9.55228 10 10 10.4477 10 11C10 11.5523 9.55228 12 9 12H4V19C4 19.5523 4.44772 20 5 20H9C9.55228 20 10 20.4477 10 21C10 21.5523 9.55228 22 9 22H5C3.34315 22 2 20.6569 2 19V7C2 5.34315 3.34315 4 5 4H6V3C6 2.44772 6.44772 2 7 2C7.55228 2 8 2.44772 8 3V4H16V3C16 2.44772 16.4477 2 17 2ZM15.7071 14.2929L18 16.585L20.2929 14.2929C20.6534 13.9324 21.2206 13.9047 21.6129 14.2097L21.7071 14.2929C22.0676 14.6534 22.0953 15.2206 21.7903 15.6129L21.7071 15.7071L19.415 18L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L18 19.415L15.7071 21.7071C15.3466 22.0676 14.7794 22.0953 14.3871 21.7903L14.2929 21.7071C13.9324 21.3466 13.9047 20.7794 14.2097 20.3871L14.2929 20.2929L16.585 18L14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929C14.6834 13.9024 15.3166 13.9024 15.7071 14.2929Z' fill='%23cc0000'/%3E%3C/svg%3E") no-repeat center center !important;
}

.formItem--time .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--time .inner .krajee-datepicker,
.formItem--time .inner input[type=time] {
  width: auto;
  max-width: none;
  flex-basis: auto;
  min-width: 88px;
}
.formItem--time .inner .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--time .inner input[type=time]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99998 1.33337C11.6819 1.33337 14.6666 4.31814 14.6666 8.00004C14.6666 11.6819 11.6819 14.6667 7.99998 14.6667C4.31808 14.6667 1.33331 11.6819 1.33331 8.00004C1.33331 4.31814 4.31808 1.33337 7.99998 1.33337ZM7.99998 2.66671C5.05446 2.66671 2.66665 5.05452 2.66665 8.00004C2.66665 10.9456 5.05446 13.3334 7.99998 13.3334C10.9455 13.3334 13.3333 10.9456 13.3333 8.00004C13.3333 5.05452 10.9455 2.66671 7.99998 2.66671ZM7.99998 4.00004C8.34187 4.00004 8.62365 4.2574 8.66216 4.58896L8.66665 4.66671V7.7239L9.80472 8.86197C10.0651 9.12232 10.0651 9.54443 9.80472 9.80478C9.56439 10.0451 9.18624 10.0636 8.92471 9.86024L8.86191 9.80478L7.52858 8.47145C7.42439 8.36726 7.35825 8.23214 7.33909 8.08767L7.33331 8.00004V4.66671C7.33331 4.29852 7.63179 4.00004 7.99998 4.00004Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}

.formItem--timeFromTo .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--timeFromTo .inner .align {
  width: calc(50% - 8px);
}
.formItem--timeFromTo .inner .align .krajee-datepicker,
.formItem--timeFromTo .inner .align input[type=time] {
  width: auto;
  max-width: none;
  flex-basis: auto;
  width: 100%;
}
.formItem--timeFromTo .inner .align .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--timeFromTo .inner .align input[type=time]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99998 1.33337C11.6819 1.33337 14.6666 4.31814 14.6666 8.00004C14.6666 11.6819 11.6819 14.6667 7.99998 14.6667C4.31808 14.6667 1.33331 11.6819 1.33331 8.00004C1.33331 4.31814 4.31808 1.33337 7.99998 1.33337ZM7.99998 2.66671C5.05446 2.66671 2.66665 5.05452 2.66665 8.00004C2.66665 10.9456 5.05446 13.3334 7.99998 13.3334C10.9455 13.3334 13.3333 10.9456 13.3333 8.00004C13.3333 5.05452 10.9455 2.66671 7.99998 2.66671ZM7.99998 4.00004C8.34187 4.00004 8.62365 4.2574 8.66216 4.58896L8.66665 4.66671V7.7239L9.80472 8.86197C10.0651 9.12232 10.0651 9.54443 9.80472 9.80478C9.56439 10.0451 9.18624 10.0636 8.92471 9.86024L8.86191 9.80478L7.52858 8.47145C7.42439 8.36726 7.35825 8.23214 7.33909 8.08767L7.33331 8.00004V4.66671C7.33331 4.29852 7.63179 4.00004 7.99998 4.00004Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}

.formItem--date .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--date .inner .krajee-datepicker,
.formItem--date .inner input[type=date] {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.formItem--date .inner .krajee-datepicker::-webkit-calendar-picker-indicator,
.formItem--date .inner input[type=date]::-webkit-calendar-picker-indicator {
  display: block;
  width: 20px;
  height: 20px;
  border-width: thin;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3335 1.33337C11.7017 1.33337 12.0002 1.63185 12.0002 2.00004V2.66671H12.6668C13.7714 2.66671 14.6668 3.56214 14.6668 4.66671V12.6667C14.6668 13.7713 13.7714 14.6667 12.6668 14.6667H3.3335C2.22893 14.6667 1.3335 13.7713 1.3335 12.6667V4.66671C1.3335 3.56214 2.22893 2.66671 3.3335 2.66671H4.00016V2.00004C4.00016 1.63185 4.29864 1.33337 4.66683 1.33337C5.03502 1.33337 5.3335 1.63185 5.3335 2.00004V2.66671H10.6668V2.00004C10.6668 1.63185 10.9653 1.33337 11.3335 1.33337ZM2.66683 8.00004V12.6667C2.66683 13.0349 2.96531 13.3334 3.3335 13.3334H12.6668C13.035 13.3334 13.3335 13.0349 13.3335 12.6667V8.00004H2.66683ZM2.66683 6.66671H13.3335V4.66671C13.3335 4.29852 13.035 4.00004 12.6668 4.00004H12.0002V4.66671C12.0002 5.0349 11.7017 5.33337 11.3335 5.33337C10.9653 5.33337 10.6668 5.0349 10.6668 4.66671V4.00004H5.3335V4.66671C5.3335 5.0349 5.03502 5.33337 4.66683 5.33337C4.29864 5.33337 4.00016 5.0349 4.00016 4.66671V4.00004H3.3335C2.96531 4.00004 2.66683 4.29852 2.66683 4.66671V6.66671Z' fill='currentColor'/%3E%3C/svg%3E%0A") no-repeat center center;
  color: #131417;
  opacity: 1;
}

.select2 {
  width: 100% !important;
}

.select2Bigger .select2 {
  min-width: 205px !important;
}

.select2_400 .select2 {
  min-width: 400px !important;
}
.select2_400 .select2 .form-group {
  min-width: 400px !important;
}

.select2-dropdown {
  border: 1px solid #E1E2E6;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08);
  overflow: hidden;
  z-index: 11051 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
  display: -ms-flexbox !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  height: 100%;
  padding-inline: 14px 0px !important;
  color: #131417 !important;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-right: 5px;
}

.select2-container--default .select2-selection--multiple {
  padding-block: 0;
  padding-inline: 10px 34px;
}
.select2-container--default .select2-selection--multiple .select2-search.select2-search--inline {
  color: #131417;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #F6F7F9;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--disabled .select2-selection--multiple:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1936 6.66751L8.33656 10.1626C8.15037 10.3903 7.84942 10.3903 7.66324 10.1626L4.80614 6.66751C4.61996 6.43975 4.61996 6.07161 4.80614 5.84385C4.99233 5.61609 5.1428 5.67304 5.38089 5.67304L7.99989 5.67304L10.4218 5.67304C10.857 5.67304 11.0075 5.61609 11.1936 5.84385C11.2865 5.95744 11.3332 6.10656 11.3332 6.25568C11.3332 6.4048 11.2865 6.55393 11.1936 6.66751Z' fill='%23A1A6B0'/%3E%3C/svg%3E");
}

.tableFilterRow .select2-selection--single {
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08) !important;
}

.select2-container--default .select2-selection--single, .select2-container--krajee-bs3 .select2-selection--single {
  border: 1px solid #E1E2E6 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08) !important;
}
.select2-container--default .select2-selection--single:hover, .select2-container--krajee-bs3 .select2-selection--single:hover {
  outline: 2px solid #ECEBFB;
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 34px;
  height: 100%;
  top: 0;
  right: 0;
  border-left: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow b {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  border: none;
  top: auto;
  left: auto;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1936 6.66751L8.33656 10.1626C8.15037 10.3903 7.84942 10.3903 7.66324 10.1626L4.80614 6.66751C4.61996 6.43975 4.61996 6.07161 4.80614 5.84385C4.99233 5.61609 5.1428 5.67304 5.38089 5.67304L7.99989 5.67304L10.4218 5.67304C10.857 5.67304 11.0075 5.61609 11.1936 5.84385C11.2865 5.95744 11.3332 6.10656 11.3332 6.25568C11.3332 6.4048 11.2865 6.55393 11.1936 6.66751Z' fill='%233A4254'/%3E%3C/svg%3E");
  transition: transform 0.175s ease-in-out;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--krajee-bs3.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {
  right: 25px;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear, .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
  left: 0px;
  cursor: pointer;
  position: absolute;
  top: 2px;
  font-size: 16px;
}

.select2-selection__clear, .select2-selection__clear {
  max-width: 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--krajee-bs3 .select2-search--dropdown .select2-search__field {
  padding: 0 10px;
  border: 1px solid #2563eb;
  border-radius: 8px;
  outline: 2px solid #ECEBFB;
  box-shadow: none;
  color: #131417;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 28px;
}

.select2-container--default .select2-results__option--selected {
  color: #2563eb;
  background-color: #ECEBFB;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #2563eb;
}

.select2-results__option {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 28px;
}

.select2-container .select2-selection--multiple {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  border: 1px solid #E1E2E6;
  border-radius: 8px;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08);
}
.select2-container .select2-selection--multiple:hover {
  outline: 2px solid #ECEBFB;
}
.select2-container .select2-selection--multiple:after {
  display: block;
  position: absolute;
  top: 9px;
  right: 8px;
  width: 18px;
  height: 18px;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1936 6.66751L8.33656 10.1626C8.15037 10.3903 7.84942 10.3903 7.66324 10.1626L4.80614 6.66751C4.61996 6.43975 4.61996 6.07161 4.80614 5.84385C4.99233 5.61609 5.1428 5.67304 5.38089 5.67304L7.99989 5.67304L10.4218 5.67304C10.857 5.67304 11.0075 5.61609 11.1936 5.84385C11.2865 5.95744 11.3332 6.10656 11.3332 6.25568C11.3332 6.4048 11.2865 6.55393 11.1936 6.66751Z' fill='%233A4254'/%3E%3C/svg%3E");
  transition: transform 0.175s ease-in-out;
}
.select2-container.select2-container--open .select2-selection--multiple:after {
  transform: rotate(-180deg);
}

.select2-container .select2-search--inline .select2-search__field {
  margin: 0;
  height: 24px;
  color: #131417;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 24px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-block: 4px;
  margin-inline: 0 4px;
  padding-inline: 4px 24px;
  border: none;
  background: #E6EFFF;
  color: #3279FF;
  line-height: 24px;
}

.select2-container--default .select2-selection--multiple {
  color: #131417;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  left: auto;
  right: 4px;
  top: calc(50% - 9px);
  width: 18px;
  height: 18px;
  border: none;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.94283 8.00017L11.8048 5.13817C12.0655 4.8775 12.0655 4.45617 11.8048 4.1955C11.5442 3.93483 11.1228 3.93483 10.8622 4.1955L8.00017 7.0575L5.13817 4.1955C4.8775 3.93483 4.45617 3.93483 4.1955 4.1955C3.93483 4.45617 3.93483 4.8775 4.1955 5.13817L7.0575 8.00017L4.1955 10.8622C3.93483 11.1228 3.93483 11.5442 4.1955 11.8048C4.3255 11.9348 4.49617 12.0002 4.66683 12.0002C4.8375 12.0002 5.00817 11.9348 5.13817 11.8048L8.00017 8.94283L10.8622 11.8048C10.9922 11.9348 11.1628 12.0002 11.3335 12.0002C11.5042 12.0002 11.6748 11.9348 11.8048 11.8048C12.0655 11.5442 12.0655 11.1228 11.8048 10.8622L8.94283 8.00017Z' fill='%233279FF'/%3E%3C/svg%3E") no-repeat center center/18px;
  content: "";
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #2563eb;
  outline: 2px solid #ECEBFB;
  box-shadow: none;
}

[class^=flag] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.02em;
}

.flag--active {
  /*background: #E7F8F3;*/
  color: #669966;
}
.flag--accepted {
  color: white;
  background-color: #37ab86;
  padding: 2px 9px;
  border-radius: 20px;
  border: #37ab86 1px solid;
}
.flag--accepted .icon {
  right: 8px;
}
.flag--active2 {
  /*background: #E7F8F3;*/
  color: #006633;
}
.flag--inactive {
  /*background: #FDEEED;*/
  color: #EC554F;
}
.flag--natural {
  /*background: #E6EFFF;*/
  color: #0066cc !important;
}
.flag--natural a {
  color: #0066cc !important;
}

.flexWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
}
.flexWrapper .grid1 {
  width: 32%;
  max-width: 32%;
  flex-basis: 32%;
  margin-inline-end: 2%;
}
.flexWrapper .grid1:last-child {
  margin-inline-end: 0;
}
.flexWrapper .grid25 {
  width: 24%;
  max-width: 24%;
  flex-basis: 24%;
  margin-inline-end: 1%;
}
.flexWrapper .grid25:last-child {
  margin-inline-end: 0;
}

.responsiveTable {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
}
.responsiveTable [class*=buttonsWrapper] {
  display: inline-flex;
  display: -ms-inline-flexbox;
}

.svgContainer {
  width: 44px;
  height: 44px;
  overflow: hidden;
}
@media only screen and (max-width: 1440px) {
  .svgContainer {
    width: 35px;
    height: 35px;
  }
}

@media only screen and (max-width: 1440px) {
  .vatRight {
    min-width: 100px !important;
  }
}
@media only screen and (max-width: 1440px) {
  .vatRight.select2.select2-selection {
    padding: 6px 24px 6px 0px !important;
  }
}

.fullWidthTable {
  overflow-y: auto;
  max-height: 229px;
  min-height: 229px;
}
.fullWidthTable table {
  width: 100%;
}
.fullWidthTable table thead tr th,
.fullWidthTable table tbody tr td {
  border-right: none;
}

table {
  min-width: 100%;
  width: 100% !important;
  /*width: 1200px!important;*/
  max-width: inherit !important;
  margin-bottom: 0px !important;
}
table thead tr th {
  min-width: 82px;
  padding: 5px 8px !important;
  border-right: 1px solid #E1E2E6;
  border-bottom: 1px solid #E1E2E6 !important;
  background-color: #F6F7F9;
  color: #767D8C;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  line-height: 24px !important;
  letter-spacing: -0.02em;
  vertical-align: middle !important;
  white-space: nowrap;
}
table thead tr th:last-child {
  border-right: none;
}
table thead tr th a {
  color: #3A4254 !important;
}
table thead tr th a:hover {
  color: #2563eb !important;
  text-decoration: none;
}
table thead tr th.action-column,
table tfoot tr th.action-column,
table tbody tr th.action-column {
  width: 42px !important;
}
table thead tr th,
table tfoot tr th,
table tbody tr th {
  min-width: 82px;
  padding: 5px 8px !important;
  border-right: 1px solid #E1E2E6;
  border-bottom: 1px solid #E1E2E6 !important;
  background-color: #e0e0e3;
  color: #131417;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  line-height: 24px !important;
  letter-spacing: -0.02em;
  vertical-align: middle !important;
  white-space: nowrap;
}
table thead tr th:last-child,
table tfoot tr th:last-child,
table tbody tr th:last-child {
  border-right: none;
}
table thead tr th a,
table tfoot tr th a,
table tbody tr th a {
  color: #131417 !important;
  font-weight: 600;
}
table thead tr th a:hover,
table tfoot tr th a:hover,
table tbody tr th a:hover {
  color: #2563eb !important;
  text-decoration: none;
}
table thead tr td,
table tfoot tr td,
table tbody tr td {
  /*min-width: 42px!important;*/
  min-width: 100px !important;
  padding: 3px 8px !important;
  border-right: 1px solid #E1E2E6 !important;
  border-bottom: 1px solid #E1E2E6 !important;
  color: #000000 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: -0.02em !important;
  vertical-align: middle !important;
}
table thead tr td:last-child,
table tfoot tr td:last-child,
table tbody tr td:last-child {
  border-right: none !important;
}
table thead tr td.text--center,
table tfoot tr td.text--center,
table tbody tr td.text--center {
  text-align: center;
}
table thead tr td [class*=tdInner],
table tfoot tr td [class*=tdInner],
table tbody tr td [class*=tdInner] {
  display: flex;
  align-items: center;
  width: 100%;
}
table thead tr td [class*=tdInner] > span,
table tfoot tr td [class*=tdInner] > span,
table tbody tr td [class*=tdInner] > span {
  padding-inline-end: 8px;
  font-size: 13px;
  letter-spacing: -0.02em;
}
table thead tr td [class*=tdInner] span.celText,
table tfoot tr td [class*=tdInner] span.celText,
table tbody tr td [class*=tdInner] span.celText {
  color: #131417;
  font-weight: 600;
}
table thead tr td .tdInner--center,
table tfoot tr td .tdInner--center,
table tbody tr td .tdInner--center {
  justify-content: center;
}
table thead tr td .tdInner--between,
table tfoot tr td .tdInner--between,
table tbody tr td .tdInner--between {
  justify-content: space-between;
  width: max-content;
}
table thead tr td .tdInner--end,
table tfoot tr td .tdInner--end,
table tbody tr td .tdInner--end {
  justify-content: flex-end;
}
table thead tr td b,
table tfoot tr td b,
table tbody tr td b {
  font-weight: 600;
}
table thead tr.tr--large td,
table tfoot tr.tr--large td,
table tbody tr.tr--large td {
  padding-block: 16px;
}
table thead tr.tableFilterRow td,
table tfoot tr.tableFilterRow td,
table tbody tr.tableFilterRow td {
  padding: 0 2px !important;
}
table thead tr.tableFilterRow td input::-webkit-search-cancel-button,
table tfoot tr.tableFilterRow td input::-webkit-search-cancel-button,
table tbody tr.tableFilterRow td input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1785 10.0002L14.756 6.42271C15.0819 6.09687 15.0819 5.57021 14.756 5.24437C14.4302 4.91854 13.9035 4.91854 13.5777 5.24437L10.0002 8.82187L6.42271 5.24437C6.09687 4.91854 5.57021 4.91854 5.24437 5.24437C4.91854 5.57021 4.91854 6.09687 5.24437 6.42271L8.82187 10.0002L5.24437 13.5777C4.91854 13.9035 4.91854 14.4302 5.24437 14.756C5.40687 14.9185 5.62021 15.0002 5.83354 15.0002C6.04687 15.0002 6.26021 14.9185 6.42271 14.756L10.0002 11.1785L13.5777 14.756C13.7402 14.9185 13.9535 15.0002 14.1669 15.0002C14.3802 15.0002 14.5935 14.9185 14.756 14.756C15.0819 14.4302 15.0819 13.9035 14.756 13.5777L11.1785 10.0002Z' fill='%233A4254'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}
table thead tr.tableFilterRow td input[type=text],
table tfoot tr.tableFilterRow td input[type=text],
table tbody tr.tableFilterRow td input[type=text] {
  min-height: 36px;
  padding-inline: 10px 6px;
  box-shadow: 0 0 2px transparent !important;
  z-index: 9;
}
table thead tr.tableFilterRow td input[type=text]:hover,
table tfoot tr.tableFilterRow td input[type=text]:hover,
table tbody tr.tableFilterRow td input[type=text]:hover {
  outline: none;
  box-shadow: 0 0 2px #ECEBFB;
}
table thead tr.tableFilterRow td input[type=text]:focus, table thead tr.tableFilterRow td input[type=text]:active,
table tfoot tr.tableFilterRow td input[type=text]:focus,
table tfoot tr.tableFilterRow td input[type=text]:active,
table tbody tr.tableFilterRow td input[type=text]:focus,
table tbody tr.tableFilterRow td input[type=text]:active {
  border: 1px solid #2563eb !important;
  outline: none !important;
  box-shadow: 0 0 2px #ECEBFB !important;
}
table thead tr.tableFilterRow td input[type=text]:focus:hover, table thead tr.tableFilterRow td input[type=text]:active:hover,
table tfoot tr.tableFilterRow td input[type=text]:focus:hover,
table tfoot tr.tableFilterRow td input[type=text]:active:hover,
table tbody tr.tableFilterRow td input[type=text]:focus:hover,
table tbody tr.tableFilterRow td input[type=text]:active:hover {
  outline: 2px solid #ECEBFB !important;
}
table thead tr.tableFilterRow td .select2,
table tfoot tr.tableFilterRow td .select2,
table tbody tr.tableFilterRow td .select2 {
  z-index: 9;
}
table thead tr.tableFilterRow td .select2-container .select2-selection--single,
table tfoot tr.tableFilterRow td .select2-container .select2-selection--single,
table tbody tr.tableFilterRow td .select2-container .select2-selection--single {
  height: 36px;
  border-color: transparent;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  padding: 6px 20px 6px 0px !important;
  margin-left: 5px;
}
table thead tr.tableFilterRow td .select2-container .select2-selection--single:hover,
table tfoot tr.tableFilterRow td .select2-container .select2-selection--single:hover,
table tbody tr.tableFilterRow td .select2-container .select2-selection--single:hover {
  outline: none;
}
table thead tr:not(.filters):not(.dangerRow):not(.successRow):not(.missignQuantity):nth-child(even),
table tfoot tr:not(.filters):not(.dangerRow):not(.successRow):not(.missignQuantity):nth-child(even),
table tbody tr:not(.filters):not(.dangerRow):not(.successRow):not(.missignQuantity):nth-child(even) {
  background-color: #F6F7F9 !important;
}
table .action,
table .selectAllItem,
table .selectItem {
  min-width: auto;
  width: 48px;
}
table .action .formItem--labelLessCheckbox .inner,
table .selectAllItem .formItem--labelLessCheckbox .inner,
table .selectItem .formItem--labelLessCheckbox .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.popupContent table {
  width: 100% !important;
}

.formItem--liveSearch ul.resultList {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  flex-direction: row;
  flex-shrink: 0;
  gap: 3px;
  position: absolute;
  left: 0;
  top: 44px;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 10px 70px rgba(47, 51, 62, 0.15);
  z-index: 11000;
  max-height: 300px;
  overflow-y: auto;
  flex-basis: 100%;
}
.formItem--liveSearch ul.resultList li.resultItem {
  margin-block-end: 4px;
  padding: 10px 8px;
  cursor: pointer;
  width: 100%;
}
.formItem--liveSearch ul.resultList li.resultItem:hover {
  background-color: #F6F7F9;
}
.formItem--liveSearch ul.resultList li.resultItem:last-child {
  margin-block-end: 0;
}
.formItem--liveSearch ul.resultList li.resultItem .resultTitle {
  display: block;
  margin-block-end: 8px;
}
.formItem--liveSearch ul.resultList li.resultItem .resultTitle .partnerName {
  color: #131417;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.formItem--liveSearch ul.resultList li.resultItem .resultDetails .partnerAddress {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #767D8C;
}
.formItem--liveSearch ul.resultList:empty {
  display: none !important;
}

.liveSearch__selectedItem {
  /*margin-block-start: 8px;*/
}
.liveSearch__selectedItem .resultListItem {
  border-radius: 8px;
  padding: 16px;
  background: #F6F7F9;
}
.liveSearch__selectedItem .resultListItem .siteDetail {
  margin-block-start: 8px;
}
.liveSearch__selectedItem .resultListItem .siteDetail label.formItem__title {
  color: #131417 !important;
}
.liveSearch__selectedItem .resultListItem .resultTitle {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 10px;
  margin-block-end: 8px;
}
.liveSearch__selectedItem .resultListItem .resultTitle .partnerName {
  color: #131417;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.liveSearch__selectedItem .resultListItem .resultDetails .partnerAddress {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #131417;
}
.liveSearch__selectedItem:empty {
  display: none;
}

.formInnerContainer {
  margin-block-end: 16px;
  padding: 16px;
  background-color: #F6F7F9;
  border-radius: 8px;
}
.formInnerContainer label {
  display: block;
  margin-block-end: 8px;
}
.formInnerContainer:last-child {
  margin-block-end: 0;
}
.formInnerContainer .jqs-closeContainer {
  position: absolute;
  top: 12px;
  right: 12px;
  margin: 0;
  z-index: 10;
}

.formItem--searchButton .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.formItem--searchButton .inner input[type=search] {
  width: calc(100% - 44px);
  max-width: calc(100% - 44px);
  flex-basis: calc(100% - 44px);
}
.formItem--searchButton .inner input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1785 10.0002L14.756 6.42271C15.0819 6.09687 15.0819 5.57021 14.756 5.24437C14.4302 4.91854 13.9035 4.91854 13.5777 5.24437L10.0002 8.82187L6.42271 5.24437C6.09687 4.91854 5.57021 4.91854 5.24437 5.24437C4.91854 5.57021 4.91854 6.09687 5.24437 6.42271L8.82187 10.0002L5.24437 13.5777C4.91854 13.9035 4.91854 14.4302 5.24437 14.756C5.40687 14.9185 5.62021 15.0002 5.83354 15.0002C6.04687 15.0002 6.26021 14.9185 6.42271 14.756L10.0002 11.1785L13.5777 14.756C13.7402 14.9185 13.9535 15.0002 14.1669 15.0002C14.3802 15.0002 14.5935 14.9185 14.756 14.756C15.0819 14.4302 15.0819 13.9035 14.756 13.5777L11.1785 10.0002Z' fill='%233A4254'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}

.formItem--addCurrency .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}
.formItem--addCurrency .inner input {
  width: calc(100% - 138px);
  max-width: calc(100% - 138px);
  flex-basis: calc(100% - 138px);
  margin-inline-end: 8px;
}
.formItem--addCurrency .inner .btn {
  width: 140px;
  max-width: 140px;
  flex-basis: 140px;
}

.placeholder--fileUploader {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 160px;
  border: 2px dashed #E1E2E6;
  border-radius: 16px;
}
.placeholder--fileUploader p {
  color: #2563eb;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
.placeholder--fileUploader p span {
  color: #767D8C;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

.updloadedFiles .filesList .crmFile {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: baseline !important;
  flex-wrap: wrap;
  padding: 0px;
}
.updloadedFiles .filesList .crmFile .fileIcon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 16px;
  height: 16px;
}
.updloadedFiles .filesList .crmFile .fileIcon .attachmentIcon {
  top: 2px;
}
.updloadedFiles .filesList .crmFile .fileData {
  flex-grow: 1;
  padding-inline: 7px 62px;
  display: flex;
  align-items: baseline;
}
.updloadedFiles .filesList .crmFile .fileData .fileName {
  color: #3A4254;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.updloadedFiles .filesList .crmFile .fileData .fileInfo {
  color: #767D8C;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.02em;
  margin-left: 10px;
}
.updloadedFiles .filesList .crmFile .fileData .fileIcon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.updloadedFiles .filesList .crmFile .fileData .fileIcon .attachmentIcon {
  top: 2px;
}
.updloadedFiles .filesList .crmFile .fileData .btn {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-right: 5px;
  top: 2px;
}
.updloadedFiles .filesList .file {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 16px;
  border: 1px solid #E1E2E6;
  border-radius: 8px;
}
.updloadedFiles .filesList .file .fileIcon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 40px;
  height: 40px;
  border: 1px solid #E1E2E6;
  border-radius: 8px;
}
.updloadedFiles .filesList .file .fileIcon .statusIcon {
  position: absolute;
  right: -6px;
  bottom: -10px;
}
.updloadedFiles .filesList .file .crmFileIcon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 16px;
  height: 16px;
}
.updloadedFiles .filesList .file .crmFileIcon .statusIcon {
  position: absolute;
  right: -6px;
  bottom: -10px;
}
.updloadedFiles .filesList .file .fileData {
  flex-grow: 1;
  padding-inline: 16px 62px;
}
.updloadedFiles .filesList .file .fileData .fileName {
  color: #3A4254;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.updloadedFiles .filesList .file .fileData .fileInfo {
  color: #767D8C;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.02em;
}
.updloadedFiles .filesList .file .buttonsWrapper--right {
  position: absolute;
  top: 12px;
  right: 12px;
}
.updloadedFiles .filesList .file .buttonsWrapper--right .btn {
  margin: 0;
}
.updloadedFiles .filesList .file.hasError {
  border-color: #EC554F;
}
.updloadedFiles .filesList .file.hasError .fileData .fileInfo {
  color: #EC554F;
}
.updloadedFiles .filesList .file.uploading {
  border-color: #2563eb;
}

.responsiveTable .panel-footer {
  padding: 0 !important;
  background-color: transparent !important;
  border-top: none !important;
  border-bottom-right-radius: inherit !important;
  border-bottom-left-radius: inherit !important;
}

.responsiveTable .panel-default,
.kv-grid-bs3 .panel-default {
  margin-bottom: inherit !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: inherit !important;
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
}

i.text-success {
  display: none;
}

/*@media screen and (max-width: 1199px) and (orientation: portrait) {
    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        height: 100%;
        overflow-y: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
}*/
body {
  font-family: "Inter", sans-serif;
  color: #131417;
}

body.page--common #pageWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}
body.page--common #pageWrapper .sidebar {
  display: flex;
  flex-direction: column;
  z-index: 999;
}
body.page--common #pageWrapper .contentWrapper {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: rgb(241, 245, 249);
  z-index: 0;
  overflow-x: hidden;
}
@media (hover: none), (pointer: coarse) {
  body.page--common #pageWrapper .contentWrapper {
    overflow-x: visible !important;
  }
}
body.page--common #pageWrapper .contentWrapper #contentHeader {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  padding: 24px;
  margin-bottom: 5px;
  background: white;
  z-index: 10;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
@media only screen and (min-width: 1200px) {
  body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol {
    width: auto;
    max-width: none;
    flex-basis: auto;
  }
}
@media only screen and (min-width: 1200px) {
  body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol:first-child {
    flex-grow: 1;
    flex-basis: 60%;
  }
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol:last-child {
  order: -1;
}
@media only screen and (min-width: 1200px) {
  body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol:last-child {
    order: inherit;
  }
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline [class^=flag] {
  margin-inline-start: 16px;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline h2 {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 8px;
}
.title-flex-break body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline h2:first-child {
  flex-basis: 100%;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left {
  margin-inline-start: 16px;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 16px;
  width: 24px;
  height: 24px;
  color: #A1A6B0;
  cursor: pointer;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav:hover {
  color: black;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav:after {
  width: 220px;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav svg.addedStatus {
  display: none;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav.addedToMenu {
  color: #F2A23E;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav.addedToMenu svg.addedStatus {
  display: block;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav.addedToMenu svg.mainStatus {
  display: none;
}
body.page--common #pageWrapper .contentWrapper #contentHeader .headerCol .headline .buttonsWrapper--left .btn--addToFav.addedToMenu:hover {
  color: #F2A23E;
}
body.page--common #pageWrapper .contentWrapper #pageContent {
  padding: 24px;
}
body.page--common #pageWrapper .contentWrapper #pageContent .pageTabContent {
  display: none;
}
body.page--common #pageWrapper .contentWrapper #pageContent .pageTabContent.activeTabContent {
  display: grid;
}

body.page--common [data-tab=pageTab-management] .card {
  /*height: 470px;*/
}
body.page--common [data-tab=pageTab-management] .card.smallCard {
  height: 420px;
}

[class*=gridWrapper--] {
  display: grid;
  row-gap: 12px;
  column-gap: 24px;
  margin-block-end: 24px;
  align-items: baseline;
}
[class*=gridWrapper--]:last-child {
  margin-block-end: 0;
}

.pageTabItem {
  display: none;
}
.pageTabItem.current {
  display: block;
}

[class*="--w25percent"] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

[class*="--w33percent"] {
  grid-template-columns: 1fr 2fr 1fr;
}

[class*="--w25percentage"] {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

[class*="--w20percentage"] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

[class*="--w25pre"] {
  grid-template-columns: 1fr 3fr;
}

[class*="--w30pre"] {
  grid-template-columns: 1fr 2fr;
}

[class*="--w40pre"] {
  grid-template-columns: 1.5fr 3fr;
}

[class*="--w33pre"] {
  grid-template-columns: 1fr 1fr 1fr;
}

[class*="--w50pre"] {
  grid-template-columns: 1fr 1fr;
}

[class*="--w60pre"] {
  grid-template-columns: 3fr 2fr;
}

[class*="--w70pre"] {
  grid-template-columns: 2fr 1fr;
}

[class*="--w75pre"] {
  grid-template-columns: 3fr 1fr;
}

[class*="--w60pre"] {
  grid-template-columns: 2.5fr 1.2fr;
}

[class*="--w65pre"] {
  grid-template-columns: 2fr 1.2fr;
}

[class*="--wreport"] {
  grid-template-columns: 0.5fr 1.1fr 0.5fr;
}

[class*="--w100pre"] {
  grid-template-columns: 100%;
  width: 100%;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}

[class*="--w50percent"] {
  grid-template-columns: 1fr 1.3fr 1fr;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}
@media only screen and (max-width: 1199px) {
  [class*="--w50percent"] {
    grid-template-columns: 0.7fr 2fr 0.7fr;
  }
}

[class*="--w70percent"] {
  grid-template-columns: 0.5fr 2fr 0.5fr;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}
@media only screen and (max-width: 1199px) {
  [class*="--w70percent"] {
    grid-template-columns: 0.5fr 2fr 0.5fr;
  }
}

[class*="--w90percent"] {
  grid-template-columns: 0.5fr 5fr 0.5fr;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}
@media only screen and (max-width: 1199px) {
  [class*="--w90percent"] {
    grid-template-columns: 0.5fr 5fr 0.5fr;
  }
}

[class*="--w99percent"] {
  grid-template-columns: 0.1fr 5fr 0.1fr;
  /*&:not(:first-child) {
      margin-block-start: 24px;
  }*/
}
@media only screen and (max-width: 1199px) {
  [class*="--w99percent"] {
    grid-template-columns: 0.1fr 5fr 0.1fr;
  }
}

::-webkit-scrollbar {
  height: 3px;
  width: 2px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #767D8C;
  -webkit-border-radius: 2ex;
}

::-webkit-scrollbar-corner {
  background: #767D8C;
}

.two-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}
@media only screen and (max-width: 767px) {
  .two-col {
    grid-template-columns: minmax(0, 1fr);
  }
}

.two-col-l {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 14px;
  align-items: stretch;
}
@media only screen and (max-width: 767px) {
  .two-col-l {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.page--login #pageWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  width: 100%;
  min-height: 100vh;
}
body.page--login #pageWrapper section.login {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: baseline !important;
  flex-wrap: wrap;
  width: 100%;
  min-height: 100vh;
  padding-block-start: 136px;
  background: white;
  content: "";
}
@media only screen and (min-width: 1024px) {
  body.page--login #pageWrapper section.login {
    padding-block-start: 0;
    align-items: center;
    width: 62.2%;
  }
}
body.page--login #pageWrapper section.login .contentWrapper {
  width: 100%;
  max-width: 396px;
  padding: 24px;
}
body.page--login #pageWrapper section.login .logoWrapper {
  width: 44px;
  margin-block-end: 56px;
}
body.page--login #pageWrapper section.login h1 {
  margin-block-end: 16px;
}
body.page--login #pageWrapper section.login p {
  margin-block-end: 24px;
}
body.page--login #pageWrapper section.login .formItem--singleCheckbox {
  margin-block-start: 24px;
}
body.page--login #pageWrapper section.login .buttonsWrapper--full {
  margin-block-start: 24px;
}
body.page--login #pageWrapper section.login .copyright {
  margin-block-start: 144px;
}
body.page--login #pageWrapper section.login .copyright p {
  color: #A1A6B0;
}
body.page--login #pageWrapper section.corporateImage {
  display: none;
}
@media only screen and (min-width: 1024px) {
  body.page--login #pageWrapper section.corporateImage {
    display: block;
    width: 37.8%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    content: "";
  }
}

.sidebar {
  width: 68px;
  max-width: 68px;
  flex-basis: 68px;
  min-height: 100vh;
  background: #131417;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.sidebar + .contentWrapper {
  width: calc(100% - 68px);
  max-width: calc(100% - 68px);
  flex-basis: calc(100% - 68px);
}
.sidebar.opened {
  width: 240px;
  max-width: 240px;
  flex-basis: 240px;
}
.sidebar.opened + .contentWrapper {
  width: calc(100% - 240px);
  max-width: calc(100% - 240px);
  flex-basis: calc(100% - 240px);
}

.sidebar__header {
  width: 100%;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-direction: column;
  height: 98px;
  padding-block: 16px 22px;
  background: #131417;
}
@media only screen and (min-width: 1024px) {
  .sidebar__header {
    padding-block: 16px;
  }
}
.sidebar__header .logoWrapper {
  width: 36px;
}
.sidebar__header #trigger--sidebar {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: #393C44;
  color: white;
}
@media only screen and (max-width: 1023px) {
  .sidebar__header #trigger--sidebar {
    display: none;
  }
}
.sidebar__header #trigger--sidebar svg {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform ease-in-out 0.3s;
  -moz-transition: transform ease-in-out 0.3s;
  -ms-transition: transform ease-in-out 0.3s;
  -o-transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
}
.sidebar__header #trigger--sidebar.opened svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sidebar__menu {
  flex-grow: 1;
  position: static;
  width: 100%;
  padding-inline: 12px;
  background: #131417;
}

nav.nav--favouritesMenu,
nav.nav--mainMenu {
  position: static;
}

nav.nav--favouritesMenu {
  margin-block-end: 26px;
}

.menuGroupLabel {
  display: block;
  margin-block-end: 14px;
  padding-inline: 4px;
  font-weight: 600;
  color: #767D8C;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  text-overflow: ellipsis;
  line-height: 1.68;
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
}

ul.menuLevel--main {
  position: static;
}

ul.menuLevel--main > li {
  position: static;
  margin-block-end: 4px;
}
ul.menuLevel--main > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--main > li > a,
ul.menuLevel--main > li > button {
  position: static;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  flex-wrap: nowrap;
  margin: 0 auto;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #767D8C;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
ul.menuLevel--main > li > a.active, ul.menuLevel--main > li > a:hover,
ul.menuLevel--main > li > button.active,
ul.menuLevel--main > li > button:hover {
  background: #393C44;
}
ul.menuLevel--main > li > a.active,
ul.menuLevel--main > li > button.active {
  color: white;
}
ul.menuLevel--main > li > a svg,
ul.menuLevel--main > li > button svg {
  width: 20px;
  max-width: 20px;
  flex-basis: 20px;
  display: inline-flex;
}
ul.menuLevel--main > li > a i.icon,
ul.menuLevel--main > li > button i.icon {
  width: 20px;
  max-width: 20px;
  flex-basis: 20px;
  display: inline-flex;
}
ul.menuLevel--main > li > a span,
ul.menuLevel--main > li > button span {
  display: inline-flex;
  width: 0;
  max-width: 0;
  flex-basis: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
  opacity: 0;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.submenuContainer {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  height: 100%;
  min-height: 100vh;
  background: #232630;
  transform: translateX(0);
  -webkit-transition: transform ease-in-out 0.3s;
  -moz-transition: transform ease-in-out 0.3s;
  -ms-transition: transform ease-in-out 0.3s;
  -o-transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  z-index: -1;
}

.submenuGroupLabel {
  margin: 0;
  padding: 18px 16px 10px;
  text-transform: uppercase;
  font-weight: 600;
}

ul.menuLevel--sub1 {
  padding: 0 8px 8px 8px;
}
ul.menuLevel--sub1 > li {
  margin-block-end: 4px;
}
ul.menuLevel--sub1 > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--sub1 > li > a,
ul.menuLevel--sub1 > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
ul.menuLevel--sub1 > li > a > span,
ul.menuLevel--sub1 > li > button > span {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.02em;
}
ul.menuLevel--sub1 > li > a:hover,
ul.menuLevel--sub1 > li > button:hover {
  background: #393C45;
}
ul.menuLevel--sub1 > li > a.active,
ul.menuLevel--sub1 > li > button.active {
  background: #393C45;
}

button.trigger--submenu_lvl_1.opened + .submenuContainer {
  transform: translateX(240px);
}

button.trigger--submenu_lvl_2 {
  color: white;
}
button.trigger--submenu_lvl_2 svg {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
button.trigger--submenu_lvl_2.opened {
  background: #393C45;
  color: white;
}
button.trigger--submenu_lvl_2.opened svg {
  transform: rotate(180deg);
}

ul.menuLevel--sub2 {
  display: none;
  padding: 8px 0;
}
ul.menuLevel--sub2 > li {
  margin-block-end: 4px;
}
ul.menuLevel--sub2 > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--sub2 > li > a,
ul.menuLevel--sub2 > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 4px 8px 4px 16px;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
ul.menuLevel--sub2 > li > a span,
ul.menuLevel--sub2 > li > button span {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.02em;
}
ul.menuLevel--sub2 > li > a:hover,
ul.menuLevel--sub2 > li > button:hover {
  background: #393C45;
  text-decoration: none !important;
}
ul.menuLevel--sub2 > li > a.active,
ul.menuLevel--sub2 > li > button.active {
  background: #393C45;
  text-decoration: none !important;
}

button.trigger--submenu_lvl_3 {
  color: white;
}
button.trigger--submenu_lvl_3 svg {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
button.trigger--submenu_lvl_3.opened {
  background: #393C45;
  color: white;
}
button.trigger--submenu_lvl_3.opened svg {
  transform: rotate(180deg);
}

ul.menuLevel--sub3 {
  display: none;
  padding: 16px 0;
}
ul.menuLevel--sub3 > li {
  margin-block-end: 4px;
}
ul.menuLevel--sub3 > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--sub3 > li > a,
ul.menuLevel--sub3 > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 4px 8px 4px 30px;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
ul.menuLevel--sub3 > li > a span,
ul.menuLevel--sub3 > li > button span {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.02em;
}
ul.menuLevel--sub3 > li > a:hover,
ul.menuLevel--sub3 > li > button:hover {
  background: #393C45;
}
ul.menuLevel--sub3 > li > a.active,
ul.menuLevel--sub3 > li > button.active {
  background: #393C45;
}

button.trigger--submenu_lvl_4 {
  color: white;
}
button.trigger--submenu_lvl_4 svg {
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
button.trigger--submenu_lvl_4.opened {
  background: #393C45;
  color: white;
}
button.trigger--submenu_lvl_4.opened svg {
  transform: rotate(180deg);
}

ul.menuLevel--sub4 {
  display: none;
  padding: 16px 0;
}
ul.menuLevel--sub4 > li {
  margin-block-end: 4px;
}
ul.menuLevel--sub4 > li:last-child {
  margin-block-end: 0;
}
ul.menuLevel--sub4 > li > a,
ul.menuLevel--sub4 > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 4px 8px 4px 30px;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
ul.menuLevel--sub4 > li > a span,
ul.menuLevel--sub4 > li > button span {
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.02em;
}
ul.menuLevel--sub4 > li > a:hover,
ul.menuLevel--sub4 > li > button:hover {
  background: #393C45;
}
ul.menuLevel--sub4 > li > a.active,
ul.menuLevel--sub4 > li > button.active {
  background: #393C45;
}

.sidebar.opened .sidebar__header {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: baseline !important;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  height: 76px;
  padding-inline: 16px;
  padding-block-end: 28px;
}
.sidebar.opened ul.menuLevel--main > li {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.sidebar.opened ul.menuLevel--main > li > a,
.sidebar.opened ul.menuLevel--main > li > button {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  text-align: left;
}
.sidebar.opened ul.menuLevel--main > li > a svg,
.sidebar.opened ul.menuLevel--main > li > button svg {
  margin: 0;
}
.sidebar.opened ul.menuLevel--main > li > a > span,
.sidebar.opened ul.menuLevel--main > li > button > span {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  flex-basis: calc(100% - 20px);
  padding-inline-start: 16px;
  opacity: 1;
}
.sidebar.opened ul.menuLevel--main > li > a > i.icon,
.sidebar.opened ul.menuLevel--main > li > button > i.icon {
  margin: 0;
}
.sidebar.opened ul.menuLevel--main > li.hasSubmenu > button.trigger--submenu_lvl_1 span:after {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  line-height: 16px;
  text-align: center;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.47707 3.52864L10.4714 7.52864C10.7317 7.78931 10.7317 8.21064 10.4714 8.47131L6.47707 12.4713C6.21677 12.732 5.79604 12.732 5.53574 12.4713C5.27544 12.2106 5.34053 12 5.34053 11.6666L5.34053 7.99998L5.34053 4.60931C5.34053 3.99998 5.27544 3.78931 5.53574 3.52864C5.66556 3.39864 5.83598 3.33331 6.00641 3.33331C6.17683 3.33331 6.34726 3.39864 6.47707 3.52864Z' fill='%23767D8C'/%3E%3C/svg%3E%0A");
  -webkit-transition: transform ease-in-out 0.125s;
  -moz-transition: transform ease-in-out 0.125s;
  -ms-transition: transform ease-in-out 0.125s;
  -o-transition: transform ease-in-out 0.125s;
  transition: transform ease-in-out 0.125s;
  transition-delay: 1s;
}
.sidebar.opened ul.menuLevel--main > li.hasSubmenu > button.trigger--submenu_lvl_1.opened span:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.47707 3.52864L10.4714 7.52864C10.7317 7.78931 10.7317 8.21064 10.4714 8.47131L6.47707 12.4713C6.21677 12.732 5.79604 12.732 5.53574 12.4713C5.27544 12.2106 5.34053 12 5.34053 11.6666L5.34053 7.99998L5.34053 4.60931C5.34053 3.99998 5.27544 3.78931 5.53574 3.52864C5.66556 3.39864 5.83598 3.33331 6.00641 3.33331C6.17683 3.33331 6.34726 3.39864 6.47707 3.52864Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.sidebar.opened .sidebar__footer nav ul li a span {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: auto;
  max-width: none;
  flex-basis: auto;
  padding-inline-start: 16px;
  opacity: 1;
}

.sidebar__footer {
  border-top: 1px solid #3A4254;
  background-color: #131417;
}
.sidebar__footer nav ul {
  padding: 20px;
}
.sidebar__footer nav ul li a {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 100%;
  color: #A1A6B0;
}
.sidebar__footer nav ul li a span {
  display: inline-flex;
  width: 0;
  max-width: 0;
  flex-basis: 0;
  color: white;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

#breadCrumb {
  margin-block-end: 24px;
}
#breadCrumb ul {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: wrap;
}
#breadCrumb ul li {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
#breadCrumb ul li:after {
  display: block;
  width: 16px;
  height: 16px;
  content: url("data:image/svg+xml, %3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.67235 2.92536C9.35495 2.83015 9.02046 3.01026 8.92524 3.32765L5.92524 13.3277C5.83003 13.645 6.01014 13.9795 6.32753 14.0748C6.64493 14.17 6.97942 13.9899 7.07464 13.6725L10.0746 3.67247C10.1699 3.35507 9.98974 3.02058 9.67235 2.92536Z' fill='%233A4254'/%3E%3C/svg%3E%0A");
}
#breadCrumb ul li:last-child:after {
  display: none;
}
#breadCrumb ul li a,
#breadCrumb ul li span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.44;
  letter-spacing: -0.02em;
}
#breadCrumb ul li a {
  color: #3A4254;
}
#breadCrumb ul li a:hover {
  color: #2563eb;
}
#breadCrumb ul li span {
  color: #A1A6B0;
}

#contentMenu, #mainTab {
  background: white;
  padding-inline: 24px;
  padding-top: 10px;
  margin: -48px -24px 12px -24px;
  overflow-x: hidden;
  overflow-x: clip;
}
@media (hover: none), (pointer: coarse) {
  #contentMenu, #mainTab {
    overflow-x: visible !important;
  }
}
#contentMenu nav, #mainTab nav {
  position: relative;
}
#contentMenu nav .nav-scroll-btn, #mainTab nav .nav-scroll-btn {
  position: absolute;
  top: 0;
  bottom: 2px;
  z-index: 6;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, color 0.15s ease;
}
#contentMenu nav .nav-scroll-btn svg, #mainTab nav .nav-scroll-btn svg {
  width: 16px;
  height: 16px;
  color: #888;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  transition: color 0.15s ease;
}
#contentMenu nav .nav-scroll-btn:hover svg, #mainTab nav .nav-scroll-btn:hover svg {
  color: #185FA5;
}
#contentMenu nav .nav-scroll-btn.nav-scroll-left, #mainTab nav .nav-scroll-btn.nav-scroll-left {
  left: 0;
  background: linear-gradient(to right, rgb(255, 255, 255) 55%, rgba(255, 255, 255, 0) 100%);
}
#contentMenu nav .nav-scroll-btn.nav-scroll-right, #mainTab nav .nav-scroll-btn.nav-scroll-right {
  right: 0;
  background: linear-gradient(to left, rgb(255, 255, 255) 55%, rgba(255, 255, 255, 0) 100%);
}
#contentMenu nav .nav-scroll-btn.is-hidden, #mainTab nav .nav-scroll-btn.is-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}
#contentMenu nav:hover .nav-scroll-btn:not(.is-hidden), #mainTab nav:hover .nav-scroll-btn:not(.is-hidden) {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none), (pointer: coarse) {
  #contentMenu nav .nav-scroll-btn, #mainTab nav .nav-scroll-btn {
    display: none !important;
  }
}
#contentMenu nav ul, #mainTab nav ul {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  align-items: stretch;
  flex-shrink: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  /* Firefox */
  scrollbar-width: none;
  /* IE / régi Edge */
  -ms-overflow-style: none;
  flex-wrap: nowrap;
  gap: 5px;
  /*border-bottom: solid 1px #e3e4e7;*/
}
#contentMenu nav ul::-webkit-scrollbar, #mainTab nav ul::-webkit-scrollbar {
  display: none;
}
@media (hover: none), (pointer: coarse) {
  #contentMenu nav ul, #mainTab nav ul {
    padding-inline-end: 8px;
  }
}
#contentMenu nav ul li, #mainTab nav ul li {
  touch-action: pan-x;
  display: flex;
  align-items: stretch;
}
#contentMenu nav ul li a, #mainTab nav ul li a {
  touch-action: pan-x;
}
#contentMenu nav ul li.nav-grp-container, #mainTab nav ul li.nav-grp-container {
  border: none !important;
  box-shadow: none !important;
  flex: 0 0 auto;
  width: auto !important;
}
#contentMenu nav ul li.nav-grp-container .nav-grp-label, #mainTab nav ul li.nav-grp-container .nav-grp-label {
  font-size: 9px;
  color: #c0bfbb;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  display: flex;
  align-items: center;
  padding: 0 5px 0 0;
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: 600;
  border: none !important;
}
#contentMenu nav ul li.nav-grp-container .nav-sep, #mainTab nav ul li.nav-grp-container .nav-sep {
  width: 1px;
  background: #eeedea;
  margin: 10px 6px;
  flex-shrink: 0;
  height: 19px;
  float: inline-start;
}
#contentMenu nav ul li ul, #mainTab nav ul li ul {
  touch-action: pan-x;
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  /*overflow-x: hidden;*/
}
#contentMenu nav ul li ul .nav-grp, #mainTab nav ul li ul .nav-grp {
  border: none !important;
}
#contentMenu nav ul li ul li, #mainTab nav ul li ul li {
  touch-action: pan-x;
}
#contentMenu nav ul li ul li:not(.active) a, #mainTab nav ul li ul li:not(.active) a {
  touch-action: pan-x;
  color: #888 !important;
}
#contentMenu nav ul li:last-child, #mainTab nav ul li:last-child {
  margin-left: auto;
}
@media (hover: none), (pointer: coarse) {
  #contentMenu nav ul li:last-child, #mainTab nav ul li:last-child {
    margin-left: 4px;
  }
}
#contentMenu nav ul li .closeTab, #mainTab nav ul li .closeTab {
  display: none !important;
}
#contentMenu nav ul li .closeTab:hover, #mainTab nav ul li .closeTab:hover {
  background-color: transparent !important;
}
#contentMenu nav ul li span.cardTabNotification, #mainTab nav ul li span.cardTabNotification {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 10px;
  font-weight: 400;
  line-height: 1.4;
}
#contentMenu nav ul li span.cardTabNotification.danger, #mainTab nav ul li span.cardTabNotification.danger {
  background: #FCEBEB;
  color: #A32D2D;
}
#contentMenu nav ul li a, #mainTab nav ul li a {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding-inline: 12px !important;
  cursor: pointer;
  touch-action: pan-x;
}
#contentMenu nav ul li a > span, #mainTab nav ul li a > span {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-block: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
}
#contentMenu nav ul li a span.noNotification, #mainTab nav ul li a span.noNotification {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  border-radius: 10px;
  background: #ECEBFB;
  color: #2563eb;
  font-size: 12px;
  font-weight: 600;
}
#contentMenu nav ul li:hover:not(.nav-grp-container):not(.active) a > span, #mainTab nav ul li:hover:not(.nav-grp-container):not(.active) a > span {
  text-decoration: none !important;
  color: #1a1a18;
}
#contentMenu nav ul li:hover a, #mainTab nav ul li:hover a {
  text-decoration: none !important;
}
#contentMenu nav ul li:not(.active) #contentMenu nav ul li:not(.grp-label), #contentMenu nav ul li:not(.active) #mainTab nav ul li:not(.grp-label), #mainTab nav ul li:not(.active) #contentMenu nav ul li:not(.grp-label), #mainTab nav ul li:not(.active) #mainTab nav ul li:not(.grp-label) {
  border: 1px solid #ffffff;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
#contentMenu nav ul li:not(.active) #contentMenu nav ul li:not(.grp-label):hover, #contentMenu nav ul li:not(.active) #mainTab nav ul li:not(.grp-label):hover, #mainTab nav ul li:not(.active) #contentMenu nav ul li:not(.grp-label):hover, #mainTab nav ul li:not(.active) #mainTab nav ul li:not(.grp-label):hover {
  color: #1a1a18 !important;
}
#contentMenu nav ul li a .icon, #mainTab nav ul li a .icon {
  width: 20px;
  height: 20px;
  margin-inline-end: 8px;
  display: inline-block;
}
#contentMenu nav ul li:hover .closeTab, #mainTab nav ul li:hover .closeTab {
  display: inline-flex !important;
}
#contentMenu nav ul li.active, #mainTab nav ul li.active {
  /*border: 1px solid #e3e4e7;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.1),5px 0 5px -3px rgba(0, 0, 0, 0.1);*/
  border-bottom-color: #378ADD !important;
  border-bottom: 1px solid transparent;
  color: #185FA5;
  font-weight: 600;
}
#contentMenu nav ul li.active > span:after, #mainTab nav ul li.active > span:after {
  color: #2563eb;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  content: "";
}
#contentMenu nav ul li.disabled a, #mainTab nav ul li.disabled a {
  pointer-events: none;
}
#contentMenu nav ul li.disabled a > span, #mainTab nav ul li.disabled a > span {
  color: #A1A6B0;
}
#contentMenu nav ul li.disabled a > span:after, #mainTab nav ul li.disabled a > span:after {
  display: none;
}
#contentMenu nav ul li.disabled a span.noNotification, #mainTab nav ul li.disabled a span.noNotification {
  background: #E1E2E6;
  color: #A1A6B0;
}
#contentMenu .tabCardDropDown, #mainTab .tabCardDropDown {
  position: absolute;
  top: 39px;
  right: 12px;
  background: #fff;
  border: 1px solid #e8e7e3;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 9999;
  min-width: 240px;
  padding: 6px 0;
  display: none;
}
#contentMenu .tabCardDropDown .plus-grp-label, #mainTab .tabCardDropDown .plus-grp-label {
  font-size: 10px;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  padding: 8px 14px 3px;
  font-weight: 600;
}
#contentMenu .tabCardDropDown .plus-row, #mainTab .tabCardDropDown .plus-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 14px;
  font-size: 13px;
  color: #444;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
#contentMenu .tabCardDropDown .plus-row:hover, #mainTab .tabCardDropDown .plus-row:hover {
  background: #f5f4f1;
  color: #185FA5;
}
#contentMenu .tabCardDropDown .plus-row.added, #mainTab .tabCardDropDown .plus-row.added {
  color: #bbb;
}
#contentMenu .tabCardDropDown .plus-row.added:hover, #mainTab .tabCardDropDown .plus-row.added:hover {
  background: transparent;
  color: #bbb;
}
#contentMenu .tabCardDropDown .plus-row .plus-check, #mainTab .tabCardDropDown .plus-row .plus-check {
  color: #1D9E75;
  font-size: 12px;
}

.context-menu-list {
  position: fixed !important;
  background: #fff !important;
  border: 1px solid #e8e7e3 !important;
  border-radius: 0px 10px 10px 10px !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.13) !important;
  z-index: 99999 !important;
  padding: 4px !important;
  min-width: 170px !important;
  animation: ctxFadeIn 0.1s ease;
}
.context-menu-list::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -1px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 8px solid #e8e7e3;
}
.context-menu-list::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 0px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 7px solid #fff;
}
.context-menu-list .context-menu-item, .context-menu-list .context-menu-list {
  padding: 0 !important;
}
.context-menu-list .context-menu-item > span, .context-menu-list .context-menu-list > span {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 8px 12px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  color: #E24B4A !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  transition: background 0.1s !important;
}
.context-menu-list .context-menu-item > span:hover, .context-menu-list .context-menu-list > span:hover {
  background: #FCEBEB;
}
.context-menu-list .context-menu-icon {
  font-size: 14px;
  line-height: 1;
}

@keyframes ctxFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
body.jqs-disableScroll {
  height: 100vh;
  overflow: hidden;
}

.pageOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 40px 5%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10999;
}
.pageOverlay.jqs-showPopUp {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: baseline !important;
  flex-wrap: wrap;
}
.pageOverlay .fullWidth {
  max-width: 100% !important;
  flex-basis: 100% !important;
}
.pageOverlay .overlayWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 90%;
  max-width: 1160px;
  flex-basis: 90%;
  flex-wrap: wrap;
  height: auto;
  max-height: calc(100vh - 80px);
  margin: 0 auto;
  border-radius: 12px;
  background: white;
  overflow-y: auto;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -ms-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
@media only screen and (min-width: 1200px) {
  .pageOverlay .overlayWrapper {
    margin: 0;
  }
}
.pageOverlay .overlayWrapper .popupHeader {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 24px;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #131417;
}
.pageOverlay .overlayWrapper .popupContent {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 0 24px 24px;
  /*overflow-y: auto;*/
}
.pageOverlay .overlayWrapper .popupContent .hr-pipeline {
  margin: 0 -24px -24px -24px;
  padding: 20px;
}
.pageOverlay .overlayWrapper .popupContent .hr-onboarding {
  margin: 0 -24px -24px -24px;
  padding: 20px;
}
.pageOverlay .overlayWrapper .popupContent h5 {
  margin-block-end: 16px;
  color: #131417;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
.pageOverlay .overlayWrapper .popupContent table {
  width: 720px;
}
.pageOverlay .overlayWrapper .popupFooter {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 24px;
}
.pageOverlay .overlayWrapper.alert {
  max-width: 424px;
}
.pageOverlay .overlayWrapper.alert .popupHeader {
  justify-content: flex-end !important;
  padding: 24px 24px 8px;
}
.pageOverlay .overlayWrapper.alert .popupHeader h3 {
  display: none;
}
.pageOverlay .overlayWrapper.alert .popupContent {
  text-align: center;
}
.pageOverlay .overlayWrapper.alert .popupContent .icon {
  margin-block-end: 24px;
}
.pageOverlay .overlayWrapper.alert .popupContent h3 {
  margin-block-end: 16px;
  color: #131417;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.02em;
}
.pageOverlay .overlayWrapper.delete {
  max-width: 424px;
}
.pageOverlay .overlayWrapper.delete .popupContent {
  text-align: center;
}
.pageOverlay .overlayWrapper.delete .popupContent .icon {
  margin-block-end: 24px;
}
.pageOverlay .overlayWrapper.smallPopup600 {
  max-width: 600px;
}
.pageOverlay .overlayWrapper.smallPopup600 .popupContent {
  text-align: center;
}
.pageOverlay .overlayWrapper.smallPopup600 .popupContent .icon {
  margin-block-end: 24px;
}

.card {
  padding: 24px;
  margin: 10px;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 6px 16px rgba(19, 20, 23, 0.02);
  border: 1px solid #e3e4e7;
}
.card.noTopPadding {
  padding-top: 0px !important;
}
.card.cardBoder {
  border: 1px solid #e3e4e7;
  box-shadow: none !important;
}
.card.scrollableCard {
  padding: 22px;
  min-height: 628px;
}
.card.scrollableCard .cardHeader {
  padding-inline: 2px;
}
.card.scrollableCard form {
  height: 100%;
}
.card.scrollableCard form .innerScroll {
  height: 472px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-block-end: 24px;
  padding: 2px 4px 2px 2px;
}
.card .leftCard {
  left: 0;
}
.card .cardDropDown {
  display: none;
  position: absolute;
  top: 32px;
  right: 0;
  width: 264px;
  background-color: white;
  box-shadow: 0 0 10px rgba(58, 66, 84, 0.16);
  border-radius: 8px;
  z-index: 20;
}
.card .cardDropDown ul {
  padding: 8px;
}
.card .cardDropDown ul li span.jqs-openCardViews {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.card .cardDropDown ul li span.jqs-openCardViews:hover {
  background: #F6F7F9;
}
.card .cardDropDown ul li span.jqs-openCardViews svg {
  margin-inline-end: 10px;
}
.card .cardDropDown ul li span.jqs-openCardViews span {
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.card .cardDropDownTable {
  display: none;
  position: absolute;
  top: 32px;
  right: 0;
  width: 264px;
  background-color: white;
  box-shadow: 0 0 10px rgba(58, 66, 84, 0.16);
  border-radius: 8px;
  z-index: 20;
}
.card .cardDropDownTable ul {
  padding: 8px;
}
.card .cardDropDownTable ul li span.jqs-openCardViews {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.card .cardDropDownTable ul li span.jqs-openCardViews:hover {
  background: #F6F7F9;
}
.card .cardDropDownTable ul li span.jqs-openCardViews svg {
  margin-inline-end: 10px;
}
.card .cardDropDownTable ul li span.jqs-openCardViews span {
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.card .cardHeader,
.card .cardHeaderIndex {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding-block-end: 10px;
  /*z-index: 10;*/
}
.card .cardHeader:last-child,
.card .cardHeaderIndex:last-child {
  padding-block-end: 0;
}
.card .cardHeader h3,
.card .cardHeaderIndex h3 {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-block: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #131417;
}
.card .cardHeader h3 svg,
.card .cardHeaderIndex h3 svg {
  margin-inline-end: 8px;
  width: 36px;
}
.card .cardHeader h3 .select2,
.card .cardHeaderIndex h3 .select2 {
  width: 264px !important;
  margin-inline-start: 16px;
}
.card .cardHeader .name,
.card .cardHeaderIndex .name {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-block: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #131417;
}
.card .cardHeader [class^=buttonsWrapper] button,
.card .cardHeaderIndex [class^=buttonsWrapper] button {
  margin-inline-end: 8px;
}
.card .cardHeader [class^=buttonsWrapper] button:last-child,
.card .cardHeaderIndex [class^=buttonsWrapper] button:last-child {
  margin-inline-end: 0;
}
.card .cardHeader [class^=buttonsWrapper] button.cardDropDownTrigger,
.card .cardHeaderIndex [class^=buttonsWrapper] button.cardDropDownTrigger {
  margin: 0;
}
.card .cardHeader .alignWrapper--center,
.card .cardHeaderIndex .alignWrapper--center {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.card .cardHeader .cardDropDown,
.card .cardHeaderIndex .cardDropDown {
  display: none;
  position: absolute;
  top: 32px;
  right: 0;
  width: 264px;
  background-color: white;
  box-shadow: 0 0 10px rgba(58, 66, 84, 0.16);
  border-radius: 8px;
  z-index: 20;
}
.card .cardHeader .cardDropDown ul,
.card .cardHeaderIndex .cardDropDown ul {
  padding: 8px;
}
.card .cardHeader .cardDropDown ul li span.jqs-openCardViews,
.card .cardHeaderIndex .cardDropDown ul li span.jqs-openCardViews {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.card .cardHeader .cardDropDown ul li span.jqs-openCardViews:hover,
.card .cardHeaderIndex .cardDropDown ul li span.jqs-openCardViews:hover {
  background: #F6F7F9;
}
.card .cardHeader .cardDropDown ul li span.jqs-openCardViews svg,
.card .cardHeaderIndex .cardDropDown ul li span.jqs-openCardViews svg {
  margin-inline-end: 10px;
}
.card .cardHeader .cardDropDown ul li span.jqs-openCardViews span,
.card .cardHeaderIndex .cardDropDown ul li span.jqs-openCardViews span {
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.card .cardHeaderIndex {
  justify-content: space-between !important;
}
.card .cardHeaderMore {
  padding-block-end: 10px !important;
}

.cardFooter {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-start: 10px;
  padding: 4px 0;
}

.totalPrise {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-end: 16px;
}
.totalPrise:last-child {
  margin-block-end: 0;
}
.totalPrise .totalPrise__icon {
  margin-inline-end: 24px;
  max-width: 30px;
}
.totalPrise .totalPrise__label {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.68;
  letter-spacing: -0.28px;
}
.totalPrise .totalPrise__value {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  color: #131417;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.27;
  letter-spacing: -0.44px;
}

.totalPriseList {
  display: none;
}
.totalPriseList.current {
  display: block;
}
.totalPriseList .totalPrise {
  margin-block-end: 32px;
}

.vatList .totalPrise {
  margin-block-end: 32px;
}

.loanList .loanListItem {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 12px 16px;
  margin-block-end: 8px;
  background: #F6F7F9;
}
.loanList .loanListItem:last-child {
  margin-block-end: 0;
}
.loanList .loanListItem .label {
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.28px;
}
.loanList .loanListItem .value {
  color: #131417;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.36px;
}

.balances {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  row-gap: 16px;
}
.balances .balancesItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  min-height: 112px;
  padding: 16px;
  border-radius: 16px;
  background: #F6F7F9;
}
.balances .balancesItem .title {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: centrer !important;
  flex-wrap: wrap;
}
.balances .balancesItem .title .label {
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.28px;
}
.balances .balancesItem .balance .label {
  color: #767D8C;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.24px;
}
.balances .balancesItem .balance .value {
  color: #131417;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.36px;
}

.sheetTypes {
  margin-block-start: 16px;
}
.sheetTypes .sheetTypesLabel {
  margin-block-end: 8px;
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.68;
  letter-spacing: -0.28px;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: rgb(245, 253, 248);
  border-radius: 8px;
  border: 1px solid rgb(192, 234, 208);
  margin-bottom: 6px;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem * {
  line-height: 1.5;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem .title {
  font-size: 12px;
  font-weight: 500;
}
.sheetTypes ul.sheetTypesList li.sheetTypesItem .time {
  font-size: 11px;
  color: rgb(170, 170, 170);
}

.piece {
  margin-block-end: 10px;
}

.gridCol .card {
  margin-block-end: 24px;
}
.gridCol .card:last-child {
  margin-block-end: 0;
}

.dataList {
  margin-block-end: 28px;
}
.dataList:last-child {
  margin-block-end: 0;
}
.dataList li {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 14px;
  margin-block-end: 16px !important;
}
.dataList li:last-child {
  margin-block-end: 0;
}
.dataList li .listlabel {
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
  padding-inline-end: 12px;
  color: #131417;
  line-height: 24px;
}
.dataList li .listlabel a {
  color: inherit !important;
}
.dataList li .listlabelwide {
  width: 20%;
  max-width: 20%;
  flex-basis: 20%;
  padding-inline-end: 12px;
  color: #131417;
  line-height: 24px;
}
.dataList li .listlabelwide a {
  color: inherit !important;
}
.dataList li .data {
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
  padding-inline-start: 12px;
  color: #131417;
  line-height: normal !important;
}
.dataList li .datawide {
  width: 80%;
  max-width: 80%;
  flex-basis: 80%;
  padding-inline-start: 12px;
  color: #131417;
  text-align: right;
}

.simpleList li {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  margin-block-end: 8px;
  padding-block-end: 8px;
  border-bottom: 1px solid #F6F7F9;
}
.simpleList li:last-child {
  border: none;
  margin-block-end: 0;
}
.simpleList li .wrapper {
  flex-grow: 1;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.simpleList li .wrapper .label {
  display: block;
  margin-block-end: 4px;
  color: #3A4254;
  font-size: 14px;
  line-height: 24px;
}
.simpleList li .wrapper a {
  display: block;
  font-size: 14px;
  line-height: 24px;
}
.simpleList li .wrapper .data {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #3A4254;
}
.simpleList li .buttonsWrapper--left button {
  margin-inline-end: 8px;
}

.cardTabs {
  margin-block-end: 24px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.cardTabs ul {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 5px;
}
.cardTabs ul li {
  padding: 10px;
  /*margin-block-end: 10px;*/
  border: 1px solid #ffffff;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  cursor: pointer;
}
.cardTabs ul li:not(.historyBtn):hover {
  border: 1px solid #e3e4e7;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.1), 5px 0 5px -3px rgba(0, 0, 0, 0.1);
}
.cardTabs ul li.activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-radius: 10px 10px 0 0;
  color: #0b77f3;
  box-shadow: -5px 0 5px -3px rgba(0, 0, 0, 0.1), 5px 0 5px -3px rgba(0, 0, 0, 0.1);
  border-bottom: none;
}
.cardTabs ul li.activeTab:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  content: "";
}
.cardTabs ul li:last-child {
  margin-inline-end: 0;
}
.cardTabs ul li span {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 20px;
}
.cardTabs ul li span.cardTabNotification {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-inline-start: 6px;
  background: #EC554F;
  color: #ffffff;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.02em;
}
.cardTabs ul li[data-tab=attendanceSheet].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #fec548;
}
.cardTabs ul li[data-tab=attendanceSheet]:hover {
  color: #fec548;
}
.cardTabs ul li[data-tab=vacation].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #fec548;
}
.cardTabs ul li[data-tab=vacation]:hover {
  color: #fec548;
}
.cardTabs ul li[data-tab=sickLeave].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #fec548;
}
.cardTabs ul li[data-tab=sickLeave]:hover {
  color: #fec548;
}
.cardTabs ul li[data-tab=documentWaitingForAllowance].activeTab,
.cardTabs ul li[data-tab=employeeDataSheet].activeTab,
.cardTabs ul li[data-tab=uploadedDocuments].activeTab,
.cardTabs ul li[data-tab=userDataChanges].activeTab,
.cardTabs ul li[data-tab=filingDocument].activeTab,
.cardTabs ul li[data-tab=documentWaitingForResponsible].activeTab,
.cardTabs ul li[data-tab=partnerDocumentWaitingForApprove].activeTab,
.cardTabs ul li[data-tab=navErrorInvoice].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #0b77f3;
}
.cardTabs ul li[data-tab=documentWaitingForAllowance]:hover,
.cardTabs ul li[data-tab=employeeDataSheet]:hover,
.cardTabs ul li[data-tab=uploadedDocuments]:hover,
.cardTabs ul li[data-tab=userDataChanges]:hover,
.cardTabs ul li[data-tab=filingDocument]:hover,
.cardTabs ul li[data-tab=documentWaitingForResponsible]:hover,
.cardTabs ul li[data-tab=partnerDocumentWaitingForApprove]:hover,
.cardTabs ul li[data-tab=navErrorInvoice]:hover {
  color: #0b77f3;
}
.cardTabs ul li[data-tab=partnerDocument].activeTab,
.cardTabs ul li[data-tab=workContract].activeTab,
.cardTabs ul li[data-tab=workContractModify].activeTab,
.cardTabs ul li[data-tab=creditContract].activeTab,
.cardTabs ul li[data-tab=deviceHandover].activeTab {
  background-color: white;
  border: #e3e4e7 solid 1px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  color: #838ae6;
}
.cardTabs ul li[data-tab=partnerDocument]:hover,
.cardTabs ul li[data-tab=workContract]:hover,
.cardTabs ul li[data-tab=workContractModify]:hover,
.cardTabs ul li[data-tab=creditContract]:hover,
.cardTabs ul li[data-tab=deviceHandover]:hover {
  color: #838ae6;
}
.cardTabs.towTabs {
  background: #F6F7F9;
  padding: 4px;
  border-radius: 20px;
  border: 1px solid #F2F4F7;
}
.cardTabs.towTabs ul {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.cardTabs.towTabs ul li {
  width: calc(50% - 4px);
  max-width: calc(50% - 4px);
  flex-basis: calc(50% - 4px);
  color: #3A4254;
  padding: 5px 12px;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.cardTabs.towTabs ul li.activeTab {
  color: #232630;
}
.cardTabs.towTabs ul li.activeTab:after {
  display: none;
}
.cardTabs.towTabs ul li.activeTab:first-child:before {
  transform: translateX(0);
}
.cardTabs.towTabs ul li:first-child:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  border-radius: 18px;
  background: white;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.06), 0 1px 3px 0 rgba(16, 24, 40, 0.1);
  content: "";
  transform: translateX(calc(100% + 8px));
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.cardTabs.towTabs ul li span:hover {
  color: #3A4254;
}

.cardTabContents .cardTabContent {
  display: none;
}
.cardTabContents .cardTabContent.activeTabContent {
  display: block;
}

.section-label {
  font-size: 10px;
  font-weight: 700;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  margin-bottom: 12px;
}

.metric-grid {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 519px) {
  .metric-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}
.metric-grid * {
  line-height: 1.5;
}
.metric-grid .metric-card {
  background: #fff;
  border: 1px solid #e8e7e3;
  border-radius: 14px;
  padding: 13px 16px;
}
.metric-grid .metric-card .metric-label {
  font-size: 11px;
  color: #999;
  margin-bottom: 4px;
}
.metric-grid .metric-card .metric-value {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #1a1a18;
}
.metric-grid .metric-card .metric-value.urgent {
  color: #E24B4A;
}
.metric-grid .metric-card .metric-value.reponsible {
  color: rgb(24, 95, 165);
}
.metric-grid .metric-card .metric-value.observer {
  color: rgb(95, 94, 90);
}
.metric-grid .metric-card .metric-value.done {
  color: rgb(59, 109, 17);
}
.metric-grid .metric-card .metric-sub {
  font-size: 11px;
  color: #bbb;
  margin-top: 2px;
}

.cardTabButtons {
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.cardTabButtons * {
  line-height: 1.5 !important;
}
.cardTabButtons .status-tab {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 7px;
  border: 1px solid #e8e7e3;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.12s;
  color: #777;
}
.cardTabButtons .status-tab span {
  line-height: 1.5;
}
.cardTabButtons .status-tab.active {
  background: #E6F1FB;
  border-color: #378ADD;
  color: #185FA5;
  font-weight: 600;
}

.involvementsFilter {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-bottom: 1px solid rgb(240, 239, 235);
}
.involvementsFilter * {
  line-height: 1.5 !important;
}
.involvementsFilter .involvementButton {
  font-size: 11px;
  padding: 5px 10px;
  cursor: pointer;
  margin-bottom: -1px;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  color: rgb(119, 119, 119);
  font-weight: 400;
}
.involvementsFilter .involvementButton.active {
  border-bottom: 2px solid rgb(55, 138, 221);
  color: rgb(24, 95, 165);
  font-weight: 600;
}
.involvementsFilter .involvementButton.involvementsAdministration {
  display: flex;
  align-items: center;
  gap: 5px;
}
.involvementsFilter .involvementButton .administrationCount {
  font-size: 9px;
  padding: 1px 5px;
  border-radius: 8px;
  font-weight: 700;
  background: rgb(225, 245, 238);
  color: rgb(8, 80, 65);
}
.involvementsFilter .involvementSeparator {
  width: 1px;
  background: rgb(232, 231, 227);
  height: 16px;
  margin: 0px 4px;
  align-self: center;
  flex-shrink: 0;
}

.administrationBlock {
  display: none;
}
.administrationBlock .infoRow {
  font-size: 11px;
  line-height: 1.5;
  color: rgb(85, 85, 85);
  margin-bottom: 12px;
  padding: 8px 10px;
  background: rgb(245, 253, 248);
  border-radius: 7px;
  border: 1px solid rgb(192, 234, 208);
}

.involvementContent {
  border-bottom: 1px solid rgb(245, 244, 241);
}
.involvementContent .involvementContentHeader {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 0px;
  cursor: pointer;
}
.involvementContent .involvementContentHeader .arrow {
  font-size: 10px;
  color: rgb(204, 204, 204);
  width: 12px;
  flex-shrink: 0;
}
.involvementContent .involvementContentHeader .companyName {
  font-size: 13px;
  font-weight: 700;
  color: rgb(26, 26, 24);
  flex: 1 1 0%;
}
.involvementContent .involvementContentHeader .tag {
  display: inline-block;
  font-size: 10px;
  padding: 1px 7px;
  border-radius: 10px;
  font-weight: 600;
}
.involvementContent .invovementContentData {
  padding-bottom: 8px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.involvementContent .invovementContentData .dataRow {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 7px;
  background: rgb(250, 249, 247);
  border-width: 1px 1px 1px 3px;
  border-style: solid;
  border-color: rgb(240, 239, 235) rgb(240, 239, 235) rgb(240, 239, 235) rgb(232, 231, 227);
  border-image: initial;
  opacity: 1;
  transition: opacity 0.2s;
}
.involvementContent .invovementContentData .dataRow.responsible {
  border-color: rgb(240, 239, 235) rgb(240, 239, 235) rgb(240, 239, 235) rgb(55, 138, 221);
}
.involvementContent .invovementContentData .dataRow .tag {
  display: inline-block;
  font-size: 10px;
  padding: 1px 7px;
  border-radius: 10px;
  font-weight: 600;
}
.involvementContent .invovementContentData .dataRow .number {
  font-size: 12px;
  color: rgb(26, 26, 24);
  flex: 1 1 0%;
}
.involvementContent .invovementContentData .dataRow .userStatus {
  font-size: 10px;
  flex-shrink: 0;
}
.involvementContent .invovementContentData .dataRow .userStatus.responsible {
  color: rgb(186, 117, 23);
}
.involvementContent .invovementContentData .dataRow .userStatus.observer {
  color: rgb(204, 204, 204);
}

.involvementFooter {
  font-size: 11px;
  color: rgb(187, 187, 187);
  padding-top: 10px;
  display: flex;
  gap: 14px;
}
.involvementFooter * {
  line-height: 1.5 !important;
}
.involvementFooter .item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.involvementFooter .line {
  width: 12px;
  height: 3px;
  border-radius: 1px;
  background: rgb(232, 231, 227);
  display: inline-block;
}
.involvementFooter .line.responsible {
  background: rgb(55, 138, 221);
}

.waitingForApproval {
  display: flex;
  flex-direction: column;
}
.waitingForApproval * {
  line-height: 1.5 !important;
}
.waitingForApproval .approvalRow {
  padding: 12px 0px;
  border-bottom: 1px solid rgb(245, 244, 241);
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.waitingForApproval .approvalRow .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgb(226, 75, 74);
  flex-shrink: 0;
  margin-top: 5px;
}
.waitingForApproval .approvalRow .approvalContent {
  flex: 1 1 0%;
}
.waitingForApproval .approvalRow .approvalContent .title {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.waitingForApproval .approvalRow .approvalContent .title .name {
  font-size: 13px;
  font-weight: 600;
  color: rgb(26, 26, 24);
}
.waitingForApproval .approvalRow .approvalContent .title .tag {
  display: inline-block;
  font-size: 10px;
  padding: 1px 7px;
  border-radius: 10px;
  font-weight: 600;
}
.waitingForApproval .approvalRow .approvalContent .title .tag.workContract {
  background: rgb(238, 237, 254);
  color: rgb(60, 52, 137);
}
.waitingForApproval .approvalRow .approvalContent .desc {
  font-size: 11px;
  color: rgb(170, 170, 170);
  margin-bottom: 9px;
}
.waitingForApproval .approvalRow .approvalContent .btnRow {
  display: flex;
  gap: 6px;
}

.jqs-cardsViews {
  display: none;
}
.jqs-cardsViews.active {
  display: grid;
}

.customError {
  background: rgb(255, 247, 237);
  border: 1px solid rgb(249, 115, 22);
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customError .text {
  font-size: 12px;
  font-weight: 500;
  color: rgb(146, 64, 14);
  line-height: 1.5;
}

.missignQuantity {
  background: rgb(254, 215, 170) !important;
  color: rgb(146, 64, 14) !important;
  font-weight: 500 !important;
}

.successRow {
  background: rgb(240, 253, 244) !important;
}

.dangerRow {
  background: rgb(254, 242, 242) !important;
}

.routeLabel {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 4px;
  background: rgb(241, 245, 249);
  border-radius: 20px;
  padding: 4px 12px;
  border: 1px solid rgb(226, 232, 240);
  width: fit-content;
}
.routeLabel * {
  line-height: 1.5;
}
.routeLabel a {
  cursor: pointer;
}
.routeLabel .item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.routeLabel .item .separator {
  color: rgb(148, 163, 184);
  font-size: 13px;
  padding: 2px 0px;
}
.routeLabel .item .separatorRight {
  color: rgb(148, 163, 184);
  font-size: 13px;
  padding: 2px 0px;
}
.routeLabel .item .separatorCenter {
  color: rgb(148, 163, 184);
  font-size: 13px;
  padding: 2px 0;
}
.routeLabel .item .routeBadge {
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  background: transparent;
  color: rgb(71, 85, 105);
}
.routeLabel .item .routeBadge.active {
  background: rgb(30, 58, 95) !important;
  color: white !important;
  margin: 0px 10px;
}

.cardViewsWrapper {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  margin-block-end: 24px;
  padding: 4px;
  border: 1px solid #E1E2E6;
  border-radius: 8px;
}
.cardViewsWrapper .formItem--cardViewOption {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin: 4px !important;
}
.cardViewsWrapper .formItem--cardViewOption label {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  padding: 6px;
  color: #232630;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  z-index: 10;
  cursor: pointer;
}
.cardViewsWrapper .formItem--cardViewOption label svg {
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  margin-inline-start: 4px;
}
.cardViewsWrapper .formItem--cardViewOption label span {
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
  margin-inline-start: 4px;
}
.cardViewsWrapper .formItem--cardViewOption input[type=checkbox] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #F6F7F9;
  background-color: #F6F7F9;
  box-shadow: none;
}
.cardViewsWrapper .formItem--cardViewOption input[type=checkbox]:checked {
  background-color: #E6EFFF;
  border-color: #E6EFFF;
  outline: 2px solid white;
  box-shadow: none;
}
.cardViewsWrapper .formItem--cardViewOption input[type=checkbox]:checked + label {
  color: #3279FF;
}
.cardViewsWrapper .formItem--cardViewOption input[type=checkbox]:checked + label svg {
  transform: rotate(45deg);
}

@media only screen and (min-width: 1900px) {
  .cardViewsControl input,
.cardViewsControl button,
.cardViewsControl a {
    min-width: calc(50% - 8px);
  }
}

button.cardDropDownTrigger:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #E1E2E6 !important;
}

.cardTiles {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 16px;
  row-gap: 16px;
}
@media only screen and (max-width: 519px) {
  .cardTiles {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.cardTiles .cardTile {
  padding: 16px;
  /*border: 1px solid #E1E2E6;
  border-radius: 8px;*/
}
.cardTiles .cardTile .tileTitle {
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.cardTiles .cardTile .currentBalance {
  color: #131417;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.totalCredit {
  padding-block-start: 32px;
  padding-inline-start: 16px;
}
.totalCredit .label {
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.totalCredit .totalBalance {
  color: #131417;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.cardCols {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 519px) {
  .cardCols {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.cardCols .cardCol {
  padding: 16px 32px;
  border-right: 1px solid #E1E2E6;
}
@media only screen and (max-width: 519px) {
  .cardCols .cardCol {
    border-right: none !important;
    padding: 16px 0 16px 0 !important;
  }
}
.cardCols .cardCol:first-child {
  padding-inline-start: 0;
}
.cardCols .cardCol:nth-child(4) {
  padding-inline-end: 0;
}
.cardCols .cardCol:last-child, .cardCols .cardCol:nth-child(4) {
  border-right: none;
}
.cardCols .cardCol .colTitle {
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.cardCols .cardCol .currentValue {
  color: #131417;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.pageSizeDropdown {
  display: flex;
}

.matches {
  display: flex;
  color: #3A4254;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.matches:only-child {
  /*margin-block-end: 16px;*/
  padding-inline-start: 12px;
}

[class^=paginator] {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-inline-start: 14px;
}
[class^=paginator]:only-child {
  margin-block-start: 16px;
  margin-inline-start: 0;
}
[class^=paginator] a,
[class^=paginator] span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-inline-end: 4px;
  border-radius: 4px;
  color: #3A4254;
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
[class^=paginator] a:hover,
[class^=paginator] span:hover {
  background-color: #F6F7F9;
}
[class^=paginator] a:last-child,
[class^=paginator] span:last-child {
  margin-inline-end: 0;
}
[class^=paginator] a.currentPage {
  background-color: #2563eb;
  border: 1px solid #2563eb;
  box-shadow: 0 1px 2px rgba(70, 61, 223, 0.1);
  color: white;
}
[class^=paginator] a.currentPage:hover {
  background-color: #2563eb;
  box-shadow: 0 0 8px rgba(70, 61, 223, 0.16);
}

.paginator--small,
.paginator--main {
  margin-inline: 0 12px;
}
.paginator--small a,
.paginator--small span,
.paginator--main a,
.paginator--main span {
  width: 24px;
  height: 24px;
  font-size: 14px;
}
.paginator--small a,
.paginator--main a {
  min-width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 0.5px solid rgb(226, 232, 240);
  background: rgb(255, 255, 255);
  color: rgb(55, 65, 81);
  font-size: 12px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
}

.paginator--main a,
.paginator--main span {
  margin-inline-end: 1px !important;
  width: 20px;
  height: 20px;
  font-size: 13px;
}

.generalXlsExport {
  color: rgb(55, 65, 81) !important;
  font-weight: 400;
  font-size: 12px !important;
  border: 0.5px solid rgb(226, 232, 240) !important;
  border-radius: 6px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
}

.infinityDropDown {
  padding-inline: 14px 0px !important;
  color: rgb(55, 65, 81) !important;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin-right: 5px;
  height: 30px;
  border: 0.5px solid rgb(226, 232, 240);
  border-radius: 6px !important;
  box-shadow: 0 0 2px rgba(19, 20, 23, 0.08) !important;
  line-height: 1.428571429;
  background-color: #fff;
  font-size: 12px;
  outline: 0;
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
}

.filter form {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.filter form [class*=formItem--] {
  margin-block-end: 0;
}
.filter form [class*=formItem--],
.filter form .btn {
  margin-inline-end: 8px;
}

.tableMenu {
  display: block;
  margin-block: 20px 16px;
  width: 100%;
}
.tableMenu .innerForm {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.tableMenu .innerForm [class*=formItem--] {
  margin-block-end: 0;
}
.tableMenu .innerForm [class*=formItem--],
.tableMenu .innerForm .btn {
  margin-inline-end: 8px;
}
.tableMenu .innerForm .formItem--select2.otherOperations {
  min-width: 250px;
}

#contentHeader .headerCol:first-child {
  padding-inline-end: 2em;
}
#contentHeader .headerCol .inner {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
}
#contentHeader .headerCol .inner .lagSelector button#selectLang {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  /*padding: 8px;*/
  margin-top: -4px;
  border: none;
  border-radius: 8px;
  outline: none;
  background: transparent;
  font-family: "Inter", sans-serif;
}
#contentHeader .headerCol .inner .lagSelector button#selectLang .currentLang {
  margin-inline-end: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #3A4254;
}
#contentHeader .headerCol .inner .lagSelector button#selectLang svg.chevron {
  transition: transform 0.25s ease-in-out;
}
#contentHeader .headerCol .inner .lagSelector button#selectLang.opened svg.chevron {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#contentHeader .headerCol .inner .lagSelector .langDropDown {
  display: none;
  position: absolute;
  right: 0;
  top: 44px;
  width: 100%;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 20px 50px rgba(19, 20, 23, 0.16);
}
#contentHeader .headerCol .inner .lagSelector .langDropDown nav ul {
  padding: 8px;
}
#contentHeader .headerCol .inner .lagSelector .langDropDown nav ul li a {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 5px 8px;
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 116%;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .lagSelector .langDropDown nav ul li:hover {
  border-radius: 4px;
  background-color: #F6F7F9;
}
#contentHeader .headerCol .inner .lagSelector .langDropDown nav ul li:hover span.icon {
  color: #2563eb;
}
#contentHeader .headerCol .inner #userNotification {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 36px;
  height: 36px;
  margin-inline-end: 16px;
}
#contentHeader .headerCol .inner #userNotification .noNotifications {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  position: absolute;
  bottom: -9px;
  right: -9px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid white;
  background: #F2A23E;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner #tutorial {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 36px;
  height: 36px;
}
#contentHeader .headerCol .inner #tutorial .noNotifications {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  position: absolute;
  bottom: -9px;
  right: -9px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid white;
  background: #F2A23E;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 8px;
  border: none;
  border-radius: 8px;
  outline: none;
  background: transparent;
  font-family: "Inter", sans-serif;
  transition: background-color 0.25s ease-in-out;
  min-width: 200px;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown .avatar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-inline-end: 16px;
  border-radius: 20px;
  background: #ECEBFB;
  overflow: hidden;
  content: "";
  transition: background-color 0.25s ease-in-out;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown .user {
  display: block;
  text-align: left;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown .user .userName {
  display: block;
  color: #131417;
  min-width: 92px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown .user .company {
  display: block;
  color: #3A4254;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown svg.chevron {
  margin-inline-start: 16px;
  transition: transform 0.25s ease-in-out;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown.opened {
  background-color: #ECEBFB;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown.opened .avatar {
  background-color: white;
}
#contentHeader .headerCol .inner .personalMenu button#userDropDown.opened svg.chevron {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown {
  display: none;
  position: absolute;
  right: 0;
  top: 64px;
  width: 100%;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 20px 50px rgba(19, 20, 23, 0.16);
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul {
  padding: 8px;
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul li a {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  padding: 10px 8px;
  color: #131417;
  font-size: 14px;
  font-weight: 500;
  line-height: 116%;
  letter-spacing: -0.02em;
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul li span.icon {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-inline-end: 10px;
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul li:hover {
  border-radius: 4px;
  background-color: #F6F7F9;
}
#contentHeader .headerCol .inner .personalMenu .personalDropDown nav ul li:hover span.icon {
  color: #2563eb;
}

[data-tooltip]:before {
  display: none;
  position: absolute;
  top: -4px;
  left: calc(50% - 8px);
  width: 16px;
  height: 6.5px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='7' viewBox='0 0 16 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L5.43934 5.43934C6.85355 6.85355 9.14644 6.85355 10.5607 5.43934L16 0H0Z' fill='%23232630'/%3E%3C/svg%3E") no-repeat center center;
  content: "";
}
[data-tooltip]:after {
  display: none;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
  border-radius: 8px;
  background: #232630;
  padding: 8px;
  color: white;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  content: attr(data-tooltip);
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  -o-transform: translateX(-20%);
  transform: translateX(-20%);
  z-index: 99;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  display: inline-flex;
}

.dataListForm .gridWrapper--w50pre .gridCol .dataList li {
  margin-block-end: 20px;
}
.dataListForm .gridWrapper--w50pre .gridCol .dataList li .data {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
  text-align: right;
}
.dataListForm .gridWrapper--w50pre .gridCol .dataList li .data .btn {
  margin-inline: 8px 0 !important;
}

.paymentBlock .gridWrapper--w50pre .gridCol:first-child {
  padding-inline: 0 24px;
}
.paymentBlock .gridWrapper--w50pre .gridCol:first-child .dataList li {
  margin-block-end: 20px;
}
.paymentBlock .gridWrapper--w50pre .gridCol:first-child .dataList li .data {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap;
  text-align: right;
}
.paymentBlock .gridWrapper--w50pre .gridCol:first-child .dataList li .data .btn {
  margin-inline: 8px 0 !important;
}
.paymentBlock .gridWrapper--w50pre .gridCol:first-child .dataList li.sum {
  margin-block-end: 16px;
  font-weight: 600;
}
.paymentBlock .gridWrapper--w50pre .gridCol:last-child {
  padding: 24px;
  border-radius: 16px;
  background: #F6F7F9;
}
.paymentBlock .gridWrapper--w50pre .gridCol:last-child .dataList li {
  margin-block-end: 20px;
}
.paymentBlock .gridWrapper--w50pre .gridCol:last-child .dataList li .data {
  text-align: right;
}
.paymentBlock .gridWrapper--w50pre .gridCol:last-child .dataList li.sum {
  margin-block: 28px 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 27px;
}

ul.reportNavigation li {
  line-height: 40px;
  border-radius: 8px;
  padding: 0 8px;
  font-weight: 500;
  margin-bottom: 5px;
  cursor: pointer;
}
ul.reportNavigation li.active {
  background: #EAECF1;
}
ul.reportNavigation li:hover {
  background: #EAECF1;
}

.reportBlock h3 {
  line-height: 24px;
  font-size: 18px;
  letter-spacing: -2%;
  margin-block: 0px !important;
}

.reportBlockText {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}

ul.reportBlockList {
  margin-block-start: 16px;
}
ul.reportBlockList li {
  display: flex;
  line-height: 60px;
  padding: 8px 8px;
}
ul.reportBlockList li span.icon {
  display: flex;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='6' fill='%23E6EFFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6668 9.66666C19.8878 9.66666 20.0998 9.75445 20.2561 9.91073L24.4228 14.0774C24.579 14.2337 24.6668 14.4456 24.6668 14.6667V23.8333C24.6668 25.214 23.5475 26.3333 22.1668 26.3333H13.8335C12.4528 26.3333 11.3335 25.214 11.3335 23.8333V12.1667C11.3335 10.7859 12.4528 9.66666 13.8335 9.66666H19.6668ZM17.9993 11.3333H13.8335C13.3733 11.3333 13.0002 11.7064 13.0002 12.1667V23.8333C13.0002 24.2936 13.3733 24.6667 13.8335 24.6667H22.1668C22.6271 24.6667 23.0002 24.2936 23.0002 23.8333V16.3333H18.8335C18.4061 16.3333 18.0539 16.0116 18.0058 15.5972L18.0002 15.5L17.9993 11.3333ZM22.6552 14.6667L19.666 11.6783L19.6668 14.6667H22.6552Z' fill='%231A75FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 36px;
  height: 36px;
}
ul.reportBlockList li a {
  display: flex;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #131417;
  padding: 6px 8px;
}

.flexInfoDetail {
  display: flex;
}

.productInfo {
  padding: 16px;
  border-radius: 8px;
  background: #F6F7F9;
}
.productInfo .productInfoImage {
  display: flex;
  justify-content: left;
  margin-inline-end: 10px;
}
.productInfo .productInfoDetail {
  justify-content: left;
}
.productInfo .productTitle {
  margin-block-end: 10px;
  color: #131417;
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.02em;
}
.productInfo .productDetails {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.productInfo .productDetails .productDetail {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-inline-end: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.productInfo .productDetails .productDetail .label {
  margin-inline-end: 8px;
  color: #131417;
  font-size: 14px;
  line-height: 24px;
}
.productInfo .productDetails .productDetail .productDetailLabel {
  margin-inline-end: 8px;
  color: #131417;
  font-size: 14px;
  line-height: 24px;
}
.productInfo .productDetails .productDetail .error {
  color: #EC554F !important;
}
.productInfo .productDetails .productDetail .value {
  color: #131417;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
}

.currencyController {
  margin-block-end: 16px;
}

.currencyFilter,
.cashCurrencyFilter {
  margin-inline-end: 12px;
}
.currencyFilter button,
.cashCurrencyFilter button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: 8px;
  padding: 6px 12px;
  border-radius: 16px;
  border: 1px solid #E1E2E6;
  background: white;
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
}
.currencyFilter button:last-child,
.cashCurrencyFilter button:last-child {
  margin-inline-end: 0;
}
.currencyFilter button.active,
.cashCurrencyFilter button.active {
  color: #232630;
  border-color: #232630;
}

.currencyViewChanger {
  padding-inline-start: 8px;
  border-left: 1px solid #E1E2E6;
}
.currencyViewChanger button.btn[class*=tertiary] {
  color: #A1A6B0;
}
.currencyViewChanger button.btn[class*=tertiary]:first-child {
  margin-inline-end: 0;
}
.currencyViewChanger button.btn[class*=tertiary].active {
  color: #393C45;
}

.bankAccountBalance {
  margin-block-end: 24px;
}
.bankAccountBalance .accountTotal {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  margin-block-end: 8px;
}
.bankAccountBalance .accountTotal strong {
  margin-inline-end: 8px;
  color: #131417;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.47;
  letter-spacing: -0.44px;
}
.bankAccountBalance .accountTotal a.btn[class*=tertiary] {
  color: #A1A6B0;
}
.bankAccountBalance .accountTotal a.btn[class*=tertiary]:hover {
  color: #3A4254;
}
.bankAccountBalance .accountHistory {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
}
.bankAccountBalance .accountHistory > div {
  display: -ms-flexbox !important;
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.68;
  letter-spacing: -0.28px;
}
.bankAccountBalance .accountHistory > div.incoming {
  margin-inline-end: 8px;
  padding-inline-end: 8px;
  border-right: 1px solid #A1A6B0;
}
.currencyList {
  overflow-y: auto;
}
.currencyList ul.currencyListWrapper li.currencyItem,
.currencyList ul.currencyListWrapper li.cashCurrencyItem {
  display: none;
  border-radius: 16px;
  background: #F6F7F9;
}
.currencyList ul.currencyListWrapper li.currencyItem.current,
.currencyList ul.currencyListWrapper li.cashCurrencyItem.current {
  display: table-cell;
}
.currencyList ul.currencyListWrapper li.currencyItem .currencyIcon,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .currencyIcon {
  grid-area: currencyIcon;
}
.currencyList ul.currencyListWrapper li.currencyItem .currencyTitle,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .currencyTitle {
  grid-area: currencyTitle;
  align-self: center;
  color: #3A4254;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.28px;
}
.currencyList ul.currencyListWrapper li.currencyItem .currencyLabel,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .currencyLabel {
  grid-area: currencyLabel;
  color: #767D8C;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.24px;
}
.currencyList ul.currencyListWrapper li.currencyItem .currencyValue,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .currencyValue {
  grid-area: currencyValue;
  color: #131417;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.36px;
  align-self: end;
}
.currencyList ul.currencyListWrapper li.currencyItem .innerGrid,
.currencyList ul.currencyListWrapper li.cashCurrencyItem .innerGrid {
  display: grid;
  width: 100%;
}
.currencyList.tileView {
  width: calc(100% + 48px);
  margin-inline-start: -24px;
  padding-inline: 16px;
  overflow-x: auto;
  scroll-direction: horizontal;
}
.currencyList.tileView ul.currencyListWrapper {
  display: grid;
  column-gap: 10px;
  width: max-content;
}
.currencyList.tileView li.currencyItem,
.currencyList.tileView li.cashCurrencyItem {
  width: 188px;
  max-width: 188px;
  flex-basis: 188px;
  display: table-cell;
  padding: 16px;
}
.currencyList.tileView li.currencyItem .innerGrid,
.currencyList.tileView li.cashCurrencyItem .innerGrid {
  grid-template-columns: 24px 1fr;
  grid-template-rows: auto 1fr;
  row-gap: 20px;
  height: 100%;
  grid-template-areas: "currencyIcon currencyTitle" "currencyValue currencyValue";
}
.currencyList.tileView li.currencyItem .innerGrid .currencyTitle,
.currencyList.tileView li.cashCurrencyItem .innerGrid .currencyTitle {
  padding-inline-start: 8px;
}
.currencyList.tileView li.currencyItem .innerGrid .currencyLabel,
.currencyList.tileView li.cashCurrencyItem .innerGrid .currencyLabel {
  margin-block-end: 4px;
}
.currencyList.listView {
  max-height: 240px;
}
.currencyList.listView li.currencyItem,
.currencyList.listView li.cashCurrencyItem {
  margin-block-end: 8px;
  padding: 14px 16px;
}
.currencyList.listView li.currencyItem:last-child,
.currencyList.listView li.cashCurrencyItem:last-child {
  margin-block-end: 0;
}
.currencyList.listView li.currencyItem.current,
.currencyList.listView li.cashCurrencyItem.current {
  display: block !important;
}
.currencyList.listView li.currencyItem:not(.current),
.currencyList.listView li.cashCurrencyItem:not(.current) {
  display: none !important;
}
.currencyList.listView li.currencyItem .innerGrid,
.currencyList.listView li.cashCurrencyItem .innerGrid {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "currencyIcon currencyTitle currencyValue" "currencyIcon currencyLabel currencyValue";
}
.currencyList.listView li.currencyItem .innerGrid .currencyIcon,
.currencyList.listView li.cashCurrencyItem .innerGrid .currencyIcon {
  align-self: center;
  margin-inline-end: 8px;
}
.currencyList.listView li.currencyItem .innerGrid .currencyValue,
.currencyList.listView li.cashCurrencyItem .innerGrid .currencyValue {
  align-self: center;
}

.workOrderSchedule {
  margin-top: 2rem;
}
.workOrderSchedule__tabsWrapper.hidden {
  display: none;
}
.workOrderSchedule__tabsWrapper .cardTabs {
  margin-bottom: 0;
}
.workOrderSchedule__tabsWrapper .cardContent {
  padding: 0;
}
.workOrderSchedule__tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #E1E2E6;
}
.workOrderSchedule__tabs li {
  margin-right: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  /*&.activeTab span {
    color: $clr-purple;
    border-bottom-color: $clr-purple;
    font-weight: 600;
  }*/
}
.workOrderSchedule__tabs li.hidden {
  display: none;
}
.workOrderSchedule__tabs li:hover:not(.activeTab) span {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.05);
  border-radius: 6px 6px 0 0;
}
.workOrderSchedule__tabContents {
  position: relative;
}
.workOrderSchedule__tabContent {
  display: none;
}
.workOrderSchedule__tabContent.activeTabContent {
  display: block;
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.workOrderSchedule__week {
  margin-bottom: 2rem;
  background: #ffffff;
  border-radius: 8px;
  padding: 0 1.5rem 1.5rem 1.5rem;
  transition: all 0.3s ease;
  overflow-x: auto;
}
.workOrderSchedule__week.hidden {
  display: none;
}
.workOrderSchedule__weekHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
.workOrderSchedule__weekHeader h3 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #131417;
}
.workOrderSchedule__copyButton {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  background: #ECEBFB;
  color: #2563eb;
  border: 1px solid #2563eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.workOrderSchedule__copyButton:hover {
  background: #2563eb;
  color: #ffffff;
}
.workOrderSchedule__daysGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}
@media (min-width: 768px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1400px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(7, 1fr);
  }
}
.workOrderSchedule__day {
  background: #F6F7F9;
  border-radius: 6px;
  padding: 1rem;
  border: 1px solid #E1E2E6;
  transition: all 0.2s ease;
}
.workOrderSchedule__day:hover {
  border-color: #2563eb;
  background: #ffffff;
}
.workOrderSchedule__dayHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #E1E2E6;
}
.workOrderSchedule__dayHeader h4 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #131417;
}
.workOrderSchedule__copyDayButton {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: transparent;
  color: #2563eb;
  border: 1px solid #2563eb;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.workOrderSchedule__copyDayButton:hover {
  background: #2563eb;
  color: #ffffff;
}
.workOrderSchedule__fieldGroup {
  margin-bottom: 0.875rem;
}
.workOrderSchedule__fieldGroup:last-child {
  margin-bottom: 0;
}
.workOrderSchedule__fieldGroup label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3A4254;
  margin-bottom: 0.375rem;
}
.workOrderSchedule__fieldGroup .form-control,
.workOrderSchedule__fieldGroup .select2-container {
  width: 100% !important;
  font-size: 0.875rem;
}
.workOrderSchedule__fieldGroup .bootstrap-timepicker {
  width: 100%;
}
.workOrderSchedule__fieldGroup .bootstrap-timepicker input {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
}
.workOrderSchedule__breakSection {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #E1E2E6;
}
.workOrderSchedule__breakSection.hidden {
  display: none;
}
.workOrderSchedule__breakSectionLegend {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #393C45;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}
.workOrderSchedule__breakSectionLegend:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 14px;
  background: #2563eb;
  border-radius: 2px;
  margin-right: 0.5rem;
}
.workOrderSchedule .shiftdropdowncont[style*="display: none"] {
  display: none !important;
}

@media (max-width: 1399px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .workOrderSchedule__daysGrid {
    grid-template-columns: 1fr;
  }
  .workOrderSchedule__weekHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
.hr-dashboard {
  background: #f1f5f9;
  min-height: 100vh;
  padding: 0;
  line-height: 1.5 !important;
}
.hr-dashboard.loading {
  opacity: 0.6;
  pointer-events: none;
  position: relative;
}
.hr-dashboard.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #2563eb;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 1000;
}
.hr-dashboard__container {
  padding: 0;
  margin: 0 auto;
  font-family: "DM Sans", system-ui, sans-serif;
  color: #0f172a;
}
.hr-dashboard__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.hr-dashboard__topbar-info {
  font-size: 13px;
  color: #64748b;
  margin: 2px 0 0;
}
.hr-dashboard__topbar-filters {
  display: flex;
  gap: 6px;
  align-items: center;
}
.hr-dashboard__filter-btn {
  padding: 6px 14px;
  border-radius: 8px;
  border: 0.5px solid #e2e8f0;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  line-height: 1.5;
}
.hr-dashboard__filter-btn--active {
  background: #1e40af;
  color: #fff;
}
.hr-dashboard__kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.hr-dashboard__kpi-card {
  background: #fff;
  border-radius: 12px;
  border: 0.5px solid #e2e8f0;
  padding: 14px 16px;
  cursor: pointer;
}
.hr-dashboard__kpi-card--alert {
  border-radius: 0 12px 12px 0;
  border-left: 3px solid #E24B4A;
}
.hr-dashboard__kpi-label {
  font-size: 11px;
  color: #64748b;
  margin-bottom: 6px;
}
.hr-dashboard__kpi-value {
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hr-dashboard__kpi-sub {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 4px;
}
.hr-dashboard__main-grid {
  display: grid;
  grid-template-columns: 1.1fr 1.1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.hr-dashboard__card {
  background: #fff;
  border-radius: 12px;
  border: 0.5px solid #e2e8f0;
  padding: 16px;
}
.hr-dashboard__card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.hr-dashboard__card-title {
  font-size: 14px;
  font-weight: 700;
}
.hr-dashboard__card-link {
  font-size: 11px;
  color: #2563eb;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: 600;
}
.hr-dashboard__funnel-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.hr-dashboard__funnel-label {
  font-size: 11px;
  color: #64748b;
  min-width: 100px;
}
.hr-dashboard__funnel-bar {
  flex: 1;
  background: #f1f5f9;
  border-radius: 4px;
  height: 26px;
  overflow: hidden;
}
.hr-dashboard__funnel-fill {
  height: 26px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
}
.hr-dashboard__funnel-pct {
  font-size: 11px;
  color: #94a3b8;
  min-width: 28px;
}
.hr-dashboard__funnel-pct--drop {
  color: #dc2626;
  font-weight: 600;
}
.hr-dashboard__divider {
  border-top: 0.5px solid #f1f5f9;
  margin-top: 12px;
  padding-top: 12px;
}
.hr-dashboard__section-title {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.5;
}
.hr-dashboard__position-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  border-bottom: 0.5px solid #f8fafc;
}
.hr-dashboard__position-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5 !important;
}
.hr-dashboard__position-mgr {
  font-size: 11px;
  color: #94a3b8;
  line-height: 1.5 !important;
}
.hr-dashboard__position-days {
  display: flex;
  align-items: center;
  gap: 6px;
}
.hr-dashboard__position-days-value {
  font-size: 12px;
  font-weight: 700;
  color: #374151;
}
.hr-dashboard__position-days-value--critical {
  color: #A32D2D;
}
.hr-dashboard__stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.hr-dashboard__stats-grid--4col {
  grid-template-columns: 1fr 1fr;
}
.hr-dashboard__stat-box {
  border-radius: 8px;
  padding: 10px 12px;
  text-align: center;
}
.hr-dashboard__stat-box--green {
  background: #EAF3DE;
  color: #3B6D11;
}
.hr-dashboard__stat-box--amber {
  background: #FAEEDA;
  color: #854F0B;
}
.hr-dashboard__stat-box--red {
  background: #FCEBEB;
  color: #A32D2D;
}
.hr-dashboard__stat-box--blue {
  background: #E6F1FB;
  color: #0C447C;
}
.hr-dashboard__stat-box--gray {
  background: #F1EFE8;
  color: #5F5E5A;
}
.hr-dashboard__stat-value {
  font-size: 22px;
  font-weight: 700;
}
.hr-dashboard__stat-label {
  font-size: 11px;
  opacity: 0.8;
}
.hr-dashboard__badge-row {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}
.hr-dashboard__onboarding-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 0.5px solid #f8fafc;
  cursor: pointer;
}
.hr-dashboard__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  object-fit: cover;
}
.hr-dashboard__avatar--normal {
  background: #E6F1FB;
  color: #0C447C;
}
.hr-dashboard__avatar--late {
  background: #FCEBEB;
  color: #A32D2D;
}
.hr-dashboard__onboarding-info {
  flex: 1;
}
.hr-dashboard__onboarding-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5 !important;
  display: flex;
  align-items: center;
  gap: 6px;
}
.hr-dashboard__onboarding-role {
  line-height: 1.5 !important;
  font-size: 11px;
  color: #94a3b8;
}
.hr-dashboard__progress-bar {
  background: #f1f5f9;
  border-radius: 3px;
  height: 4px;
  margin-top: 4px;
  overflow: hidden;
}
.hr-dashboard__progress-fill {
  height: 4px;
  border-radius: 3px;
}
.hr-dashboard__progress-fill--normal {
  background: #378ADD;
}
.hr-dashboard__progress-fill--late {
  background: #E24B4A;
}
.hr-dashboard__progress-pct {
  font-size: 13px;
  font-weight: 700;
  color: #374151;
}
.hr-dashboard__progress-pct--late {
  color: #A32D2D;
}
.hr-dashboard__dept-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 0.5px solid #f8fafc;
}
.hr-dashboard__dept-name {
  line-height: 1.5 !important;
  font-size: 12px;
  min-width: 80px;
}
.hr-dashboard__dept-bar {
  flex: 1;
  background: #f1f5f9;
  border-radius: 3px;
  height: 6px;
  overflow: hidden;
}
.hr-dashboard__dept-fill {
  height: 6px;
  border-radius: 3px;
}
.hr-dashboard__dept-value {
  font-size: 12px;
  font-weight: 700;
  min-width: 24px;
  text-align: right;
}
.hr-dashboard__dept-change {
  font-size: 11px;
  min-width: 26px;
}
.hr-dashboard__dept-change--positive {
  color: #3B6D11;
}
.hr-dashboard__dept-change--negative {
  color: #E24B4A;
}
.hr-dashboard__dept-change--neutral {
  color: #94a3b8;
}
.hr-dashboard__emp-stats-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #94a3b8;
  margin-bottom: 8px;
}
.hr-dashboard__emp-stats-positive {
  color: #3B6D11;
}
.hr-dashboard__emp-stats-negative {
  color: #E24B4A;
}
.hr-dashboard__dept-filter {
  padding: 6px 10px !important;
  border: 0.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  font-size: 12px;
  background: #fff;
  cursor: pointer;
  color: #475569 !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  outline: none;
  transition: all 0.2s ease;
  line-height: 1.5;
}
.hr-dashboard__dept-filter:hover {
  border-color: #cbd5e1;
}
.hr-dashboard__dept-filter:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.hr-dashboard__alerts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 24px;
}
.hr-dashboard__alert-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 0.5px solid #f1f5f9;
  cursor: pointer;
}
.hr-dashboard__alert-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  flex-shrink: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hr-dashboard__alert-icon--red {
  background: #FCEBEB;
}
.hr-dashboard__alert-icon--amber {
  background: #FAEEDA;
}
.hr-dashboard__alert-icon--blue {
  background: #E6F1FB;
}
.hr-dashboard__alert-content {
  flex: 1;
}
.hr-dashboard__alert-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5 !important;
}
.hr-dashboard__alert-title--red {
  color: #A32D2D;
}
.hr-dashboard__alert-title--amber {
  color: #854F0B;
}
.hr-dashboard__alert-title--blue {
  color: #0C447C;
}
.hr-dashboard__alert-desc {
  font-size: 11px;
  color: #64748b;
  margin-top: 1px;
  line-height: 1.5 !important;
}
.hr-dashboard__alert-action {
  font-size: 11px;
  color: #2563eb;
  flex-shrink: 0;
  font-weight: 600;
}
.hr-dashboard__alerts-meta {
  font-size: 11px;
  color: #94a3b8;
}
.hr-dashboard__probation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.hr-dashboard__probation-card {
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  border: 1px solid #e2e8f0;
  background: #fff;
}
.hr-dashboard__probation-card--urgent {
  border-color: #F7C1C1;
  background: #FCEBEB;
}
.hr-dashboard__probation-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.hr-dashboard__probation-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  object-fit: cover;
}
.hr-dashboard__probation-avatar--normal {
  background: #E6F1FB;
  color: #0C447C;
}
.hr-dashboard__probation-avatar--urgent {
  background: #F7C1C1;
  color: #A32D2D;
}
.hr-dashboard__probation-name {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5 !important;
}
.hr-dashboard__probation-role {
  font-size: 11px;
  color: #94a3b8;
  line-height: 1.5 !important;
}
.hr-dashboard__probation-progress {
  background: #f1f5f9;
  border-radius: 3px;
  height: 5px;
  margin-bottom: 6px;
  overflow: hidden;
}
.hr-dashboard__probation-fill {
  height: 5px;
  border-radius: 3px;
}
.hr-dashboard__probation-fill--normal {
  background: #378ADD;
}
.hr-dashboard__probation-fill--urgent {
  background: #E24B4A;
}
.hr-dashboard__probation-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hr-dashboard__probation-label {
  font-size: 11px;
  color: #64748b;
}

.hr-badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1.4;
}
.hr-badge--red {
  background: #FCEBEB;
  color: #A32D2D;
}
.hr-badge--amber {
  background: #FAEEDA;
  color: #854F0B;
}
.hr-badge--green {
  background: #EAF3DE;
  color: #3B6D11;
}
.hr-badge--blue {
  background: #E6F1FB;
  color: #0C447C;
}
.hr-badge--gray {
  background: #F1EFE8;
  color: #5F5E5A;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.evaluation-scorecard {
  padding: 20px;
  background: #ffffff;
  border-radius: 8px;
}

.evaluation-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}
.evaluation-row:last-of-type {
  border-bottom: none;
}

.evaluation-label {
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  flex: 1;
}
.evaluation-label .evaluation-weight {
  font-size: 12px;
  font-weight: 400;
  color: #94a3b8;
  margin-left: 8px;
}

.evaluation-score {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
}
.evaluation-score .evaluation-number {
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
}

.evaluation-notes {
  padding: 16px;
  background: #f8fafc;
  border-radius: 6px;
  border-left: 3px solid #9B59B6;
}
.evaluation-notes strong {
  font-size: 13px;
  color: #334155;
  margin-bottom: 8px;
  display: block;
}
.evaluation-notes p {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
}

.evaluation-meta {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
  text-align: right;
  font-size: 12px;
}

/**
 * HR Recruitment Pipeline Popup Styles
 * Based on pipeline.tsx design
 */
.hr-pipeline {
  color: #0f172a;
  background: #f2f5fa;
  padding: 20px;
  min-height: 600px;
  position: relative;
  line-height: 1.5;
}
.hr-pipeline * {
  line-height: 1.5 !important;
}
.hr-pipeline .pipelineCloseBtn {
  position: absolute;
  top: -3px;
  right: -3px;
}
.hr-pipeline__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.hr-pipeline__info {
  flex: 1;
}
.hr-pipeline__subtitle {
  font-size: 13px;
  color: #64748b;
  margin: 0;
}
.hr-pipeline__maintitle {
  font-size: 22px;
  font-weight: 700;
  margin: 0px;
}
.hr-pipeline__view-switcher {
  display: flex;
  gap: 6px;
}
.hr-pipeline__view-btn {
  padding: 6px 14px;
  border-radius: 8px;
  border: 0.5px solid #e2e8f0;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
.hr-pipeline__view-btn:hover {
  background: #f8fafc;
}
.hr-pipeline__view-btn--active {
  background: #1e40af;
  color: #fff;
  border-color: #1e40af;
}
.hr-pipeline__funnel {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}
.hr-pipeline__funnel-stage {
  background: #fff;
  border: 0.5px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  transition: all 0.15s;
  position: relative;
}
.hr-pipeline__funnel-stage:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.hr-pipeline__funnel-stage--active {
  background: #EFF6FF;
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.hr-pipeline__funnel-label {
  font-size: 11px;
  color: #64748b;
  margin-bottom: 4px;
}
.hr-pipeline__funnel-value {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 2px;
}
.hr-pipeline__funnel-dropoff {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}
.hr-pipeline__badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.hr-pipeline__badge--red {
  background: #FCEBEB;
  color: #A32D2D;
}
.hr-pipeline__badge--amber {
  background: #FAEEDA;
  color: #854F0B;
}
.hr-pipeline__badge--green {
  background: #EAF3DE;
  color: #3B6D11;
}
.hr-pipeline__badge--blue {
  background: #E6F1FB;
  color: #0C447C;
}
.hr-pipeline__badge--gray {
  background: #F1EFE8;
  color: #5F5E5A;
}
.hr-pipeline__badge--custom {
  font-weight: 600;
}
.hr-pipeline__filters {
  background: #fff;
  border: 0.5px solid #e2e8f0;
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 16px;
}
.hr-pipeline__filters-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.hr-pipeline__filters-label {
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
}
.hr-pipeline__filter-btn {
  padding: 6px 14px;
  border-radius: 8px;
  border: 0.5px solid #e2e8f0;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
.hr-pipeline__filter-btn:hover {
  background: #f8fafc;
}
.hr-pipeline__filter-btn--active {
  background: #1e40af;
  color: #fff;
  border-color: #1e40af;
}
.hr-pipeline__filters-right {
  margin-left: auto;
  display: flex;
  gap: 5px;
}
.hr-pipeline__stage-filter {
  padding: 3px 10px;
  border-radius: 6px;
  border: 0.5px solid #e2e8f0;
  background: #fff;
  color: #475569;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
.hr-pipeline__stage-filter:hover {
  background: #f8fafc;
}
.hr-pipeline__stage-filter--active {
  border-color: var(--status-color);
  background: color-mix(in srgb, var(--status-color) 10%, white);
  color: var(--status-color);
}
.hr-pipeline__table {
  background: #fff;
  border-radius: 12px;
  border: 0.5px solid #e2e8f0;
  overflow: hidden;
}
.hr-pipeline__kanban {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.hr-pipeline__kanban-column {
  background: #f8fafc;
  border-radius: 10px;
  border: 0.5px solid #e2e8f0;
  padding: 10px;
  min-height: 200px;
}
.hr-pipeline__kanban-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.hr-pipeline__kanban-title {
  font-size: 12px;
  font-weight: 700;
}
.hr-pipeline__kanban-count {
  border-radius: 999px;
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 700;
}
.hr-pipeline__kanban-cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hr-pipeline__kanban-card {
  background: #fff;
  border: 0.5px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  cursor: pointer;
  transition: all 0.15s;
}
.hr-pipeline__kanban-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.hr-pipeline__kanban-card--critical {
  border-color: #F7C1C1;
}
.hr-pipeline__kanban-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.hr-pipeline__kanban-card-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.hr-pipeline__kanban-card-position {
  font-size: 11px;
  color: #94a3b8;
  margin-bottom: 6px;
}
.hr-pipeline__kanban-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hr-pipeline__kanban-card-days {
  font-size: 11px;
  color: #64748b;
}
.hr-pipeline__kanban-card-score {
  font-size: 11px;
  font-weight: 700;
}
.hr-pipeline__kanban-card-warning {
  margin-top: 5px;
  font-size: 10px;
  color: #A32D2D;
  font-weight: 700;
}
.hr-pipeline__positions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.hr-pipeline__position-card {
  background: #fff;
  border-radius: 12px;
  border: 0.5px solid #e2e8f0;
  padding: 16px;
  transition: all 0.15s;
}
.hr-pipeline__position-card:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.hr-pipeline__position-card--critical {
  border-color: #F7C1C1;
}
.hr-pipeline__position-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.hr-pipeline__position-name {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}
.hr-pipeline__position-manager {
  font-size: 12px;
  color: #64748b;
}
.hr-pipeline__position-days {
  text-align: right;
}
.hr-pipeline__position-days-value {
  font-size: 20px;
  font-weight: 700;
  color: #374151;
}
.hr-pipeline__position-days-value--critical {
  color: #A32D2D;
}
.hr-pipeline__position-days-label {
  font-size: 10px;
  color: #94a3b8;
}
.hr-pipeline__position-badges {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
}
.hr-pipeline__position-funnel {
  display: flex;
  gap: 4px;
}
.hr-pipeline__position-funnel-item {
  border-radius: 4px;
  padding: 4px 6px;
  text-align: center;
}
.hr-pipeline__position-funnel-count {
  font-size: 12px;
  font-weight: 700;
}
.hr-pipeline__position-funnel-label {
  font-size: 9px;
}
.hr-pipeline__candidate {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hr-pipeline__candidate-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
  object-fit: cover;
  overflow: hidden;
}
.hr-pipeline__candidate-avatar--small {
  width: 28px;
  height: 28px;
}
.hr-pipeline__candidate-name {
  font-size: 13px;
  font-weight: 600;
}
.hr-pipeline__days {
  font-size: 12px;
  color: #374151;
}
.hr-pipeline__days--critical {
  color: #A32D2D;
  font-weight: 700;
}
.hr-pipeline__score {
  font-size: 13px;
  font-weight: 700;
}
.hr-pipeline__action-btn {
  background: #EAF3DE;
  color: #3B6D11;
  border: none;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  margin-right: 5px;
  transition: all 0.15s;
}
.hr-pipeline__action-btn:hover {
  opacity: 0.8;
}
.hr-pipeline__action-btn--move {
  background: #EAF3DE;
  color: #3B6D11;
}
.hr-pipeline__action-btn--reject {
  background: #FCEBEB;
  color: #A32D2D;
}

#hr-pipeline-grid .table thead {
  background: #f9fafb;
}
#hr-pipeline-grid .table thead th {
  text-align: left;
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
#hr-pipeline-grid .table tbody tr {
  border-bottom: 0.5px solid #f1f5f9;
  cursor: pointer;
  transition: background 0.15s;
}
#hr-pipeline-grid .table tbody tr:hover {
  background: #fafafa;
}
#hr-pipeline-grid .table tbody tr:nth-child(even) {
  background: #fafafa;
}
#hr-pipeline-grid .table tbody tr:nth-child(even):hover {
  background: #f5f5f5;
}
#hr-pipeline-grid .table tbody tr td {
  padding: 10px 14px;
  font-size: 12px;
  color: #475569;
}
#hr-pipeline-grid .pagination {
  margin: 15px 0;
  justify-content: center;
}
#hr-pipeline-grid .pagination li a {
  border-radius: 6px;
  font-size: 12px;
  padding: 6px 12px;
}

.hr-candidate-modal {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
}
.hr-candidate-modal * {
  line-height: 1.5 !important;
}
.hr-candidate-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}
.hr-candidate-modal__content {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  width: 420px;
  max-width: 90vw;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
  font-family: "DM Sans", system-ui, sans-serif;
  z-index: 1;
}
.hr-candidate-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}
.hr-candidate-modal__name {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
.hr-candidate-modal__position {
  font-size: 13px;
  color: #64748b;
  margin-top: 2px;
}
.hr-candidate-modal__close {
  background: none;
  border: none;
  font-size: 18px;
  color: #94a3b8;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.hr-candidate-modal__close:hover {
  color: #64748b;
}
.hr-candidate-modal__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 16px;
}
.hr-candidate-modal__grid-item {
  background: #f8fafc;
  border-radius: 8px;
  padding: 10px 12px;
}
.hr-candidate-modal__label {
  font-size: 11px;
  color: #94a3b8;
  margin-bottom: 3px;
}
.hr-candidate-modal__value {
  font-size: 13px;
  font-weight: 600;
}
.hr-candidate-modal__warning {
  background: #FAEEDA;
  border: 1px solid #FDE68A;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 12px;
  color: #854F0B;
  margin-bottom: 14px;
}
.hr-candidate-modal__actions {
  display: flex;
  gap: 8px;
}
.hr-candidate-modal__action {
  padding: 9px;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s;
}
.hr-candidate-modal__action--primary {
  flex: 1;
  background: #2563eb;
  color: #fff;
}
.hr-candidate-modal__action--primary:hover {
  background: #1d4ed8;
}
.hr-candidate-modal__action--reject {
  padding: 9px 14px;
  background: #FEE2E2;
  color: #DC2626;
}
.hr-candidate-modal__action--reject:hover {
  background: #fecaca;
}

/**
 * HR Onboarding Popup Styles
 * Based on onboarding.tsx design
 */
.hr-onboarding {
  background: #f1f5f9;
  min-height: calc(100vh - 80px);
  padding: 20px;
  font-family: "DM Sans", system-ui, sans-serif;
  color: #0f172a;
  line-height: 1.5;
  position: relative;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.hr-onboarding * {
  line-height: 1.5 !important;
}
.hr-onboarding .pipelineCloseBtn {
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 10;
}
.hr-onboarding__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.hr-onboarding__title {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
}
.hr-onboarding__subtitle {
  font-size: 13px;
  color: #64748b;
  margin: 2px 0 0;
}
.hr-onboarding__view-switcher {
  display: flex;
  gap: 6px;
}
.hr-onboarding .view-switch-btn {
  padding: 6px 14px;
  border-radius: 8px;
  border: 0.5px solid #e2e8f0;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.hr-onboarding .view-switch-btn--active {
  background: #1e40af;
  color: #fff;
}
.hr-onboarding__kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.hr-onboarding .kpi-card {
  border-radius: 10px;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s;
  background: #fff;
  border: 0.5px solid #e2e8f0;
}
.hr-onboarding .kpi-card--all {
  background: #f8fafc;
  border: 0.5px solid #374151;
}
.hr-onboarding .kpi-card--all .kpi-card__value,
.hr-onboarding .kpi-card--all .kpi-card__label {
  color: #374151;
}
.hr-onboarding .kpi-card--ok.kpi-card--active {
  background: #EAF3DE;
  border-color: #3B6D11;
}
.hr-onboarding .kpi-card--late.kpi-card--active {
  background: #FCEBEB;
  border-color: #A32D2D;
}
.hr-onboarding .kpi-card--new.kpi-card--active {
  background: #E6F1FB;
  border-color: #0C447C;
}
.hr-onboarding .kpi-card__value {
  font-size: 24px;
  font-weight: 700;
}
.hr-onboarding .kpi-card__label {
  font-size: 11px;
  margin-top: 2px;
}
.hr-onboarding__filters {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.hr-onboarding__dept-filter {
  padding: 6px 10px !important;
  border: 0.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  font-size: 12px;
  background: #fff;
  cursor: pointer;
  color: #475569 !important;
  font-family: inherit !important;
  width: auto !important;
}
.hr-onboarding__category-badges {
  margin-left: auto;
  display: flex;
  gap: 6px;
}
.hr-onboarding .category-badge {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}
.hr-onboarding__cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.hr-onboarding .onboarding-card {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.hr-onboarding .onboarding-card--late {
  border: 0.5px solid #F7C1C1;
}
.hr-onboarding .onboarding-card--ok, .hr-onboarding .onboarding-card--new {
  border: 0.5px solid #e2e8f0;
}
.hr-onboarding .onboarding-card:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.hr-onboarding .onboarding-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.hr-onboarding .onboarding-card__avatar-wrapper {
  flex-shrink: 0;
}
.hr-onboarding .onboarding-card__avatar-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.hr-onboarding .onboarding-card__avatar-initials {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
.hr-onboarding .onboarding-card__info {
  flex: 1;
  min-width: 0;
}
.hr-onboarding .onboarding-card__name-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.hr-onboarding .onboarding-card__name {
  font-size: 14px;
  font-weight: 700;
}
.hr-onboarding .onboarding-card__role {
  font-size: 11px;
  color: #94a3b8;
}
.hr-onboarding .onboarding-card__tags {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
  align-items: center;
}
.hr-onboarding .onboarding-card__progress-bar {
  background: #f1f5f9;
  border-radius: 4px;
  height: 6px;
  overflow: hidden;
  margin-bottom: 6px;
}
.hr-onboarding .onboarding-card__progress-fill {
  height: 6px;
  border-radius: 4px;
  transition: width 0.3s;
}
.hr-onboarding .onboarding-card__footer {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #64748b;
}
.hr-onboarding .onboarding-card__manager {
  color: #64748b;
}
.hr-onboarding .onboarding-card__percent {
  font-weight: 700;
}
.hr-onboarding .status-badge {
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.hr-onboarding .dept-badge {
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
}
.hr-onboarding .start-date {
  font-size: 11px;
  color: #94a3b8;
}
.hr-onboarding__list-view {
  background: #fff;
  border-radius: 12px;
  border: 0.5px solid #e2e8f0;
  overflow: hidden;
}
.hr-onboarding .onboarding-table {
  width: 100%;
  border-collapse: collapse;
}
.hr-onboarding .onboarding-table__header {
  background: #f9fafb;
  border-bottom: 0.5px solid #e2e8f0;
}
.hr-onboarding .onboarding-table__th {
  text-align: left;
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.hr-onboarding .onboarding-table__td {
  padding: 10px 14px;
}
.hr-onboarding .onboarding-table__td--role {
  font-size: 12px;
  color: #475569;
}
.hr-onboarding .onboarding-table__td--manager, .hr-onboarding .onboarding-table__td--date {
  font-size: 12px;
  color: #64748b;
}
.hr-onboarding .onboarding-row {
  border-bottom: 0.5px solid #f1f5f9;
  cursor: pointer;
}
.hr-onboarding .onboarding-row--normal {
  background: #fff;
}
.hr-onboarding .onboarding-row--alt {
  background: #fafafa;
}
.hr-onboarding .table-employee {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hr-onboarding .table-employee__avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.hr-onboarding .table-employee__avatar-initials {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}
.hr-onboarding .table-employee__name {
  font-size: 13px;
  font-weight: 600;
}
.hr-onboarding .table-dept-badge {
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
}
.hr-onboarding .table-progress {
  display: flex;
  align-items: center;
  gap: 6px;
}
.hr-onboarding .table-progress__bar {
  width: 60px;
  background: #f1f5f9;
  border-radius: 3px;
  height: 5px;
  overflow: hidden;
}
.hr-onboarding .table-progress__fill {
  height: 5px;
  border-radius: 3px;
  transition: width 0.3s;
}
.hr-onboarding .table-progress__percent {
  font-size: 11px;
  font-weight: 700;
}
.hr-onboarding .detail-btn {
  background: #E6F1FB;
  color: #0C447C;
  border: none;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s;
}
.hr-onboarding .detail-btn:hover {
  background: #bfdbfe;
}

.person-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 480px;
  background: #fff;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  z-index: 50;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  overflow: hidden;
  line-height: 1.5;
}
.person-panel * {
  line-height: 1.5 !important;
}
.person-panel--visible {
  transform: translateX(0);
}

.panel-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 49;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.panel-backdrop--visible {
  opacity: 1;
  pointer-events: all;
}

.panel-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: "DM Sans", system-ui, sans-serif;
}

.panel-header {
  background: linear-gradient(135deg, #1e3a8a, #2563eb);
  padding: 20px 20px 16px;
  flex-shrink: 0;
  line-height: 1.5;
}
.panel-header * {
  line-height: 1.5 !important;
}
.panel-header__close-row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.panel-header__info {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}

.panel-close-btn {
  background: rgba(255, 255, 255, 0.15);
  border: none;
  border-radius: 6px;
  color: #fff;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-size: 14px;
}
.panel-close-btn:hover {
  background: rgba(255, 255, 255, 0.25);
}

.panel-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

.panel-name {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.panel-subtitle {
  font-size: 12px;
  color: #93c5fd;
  margin-top: 2px;
}

.panel-badges {
  display: flex;
  gap: 6px;
  margin-top: 6px;
}

.panel-badge {
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
}
.panel-badge--date {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.panel-progress {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
  line-height: 1.5;
}
.panel-progress * {
  line-height: 1.5 !important;
}
.panel-progress__fill {
  height: 8px;
  border-radius: 4px;
}
.panel-progress__text {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.panel-progress__label {
  font-size: 11px;
  color: #93c5fd;
}
.panel-progress__value {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.panel-body {
  flex: 1;
  overflow-y: auto;
}

.panel-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 16px;
}

.panel-stat {
  border-radius: 8px;
  padding: 10px 12px;
  text-align: center;
}
.panel-stat--green {
  background: #EAF3DE;
}
.panel-stat--red {
  background: #FCEBEB;
}
.panel-stat--amber {
  background: #FAEEDA;
}
.panel-stat__value {
  font-size: 22px;
  font-weight: 700;
}
.panel-stat__value--green {
  color: #3B6D11;
}
.panel-stat__value--red {
  color: #A32D2D;
}
.panel-stat__value--amber {
  color: #854F0B;
}
.panel-stat__label {
  font-size: 11px;
  opacity: 0.8;
}

.category-breakdown {
  padding: 0 16px 12px;
}
.category-breakdown__title {
  font-size: 11px;
  color: #94a3b8;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}
.category-breakdown__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 0.5px solid #f3f4f6;
}
.category-breakdown__badge {
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
  min-width: 60px;
  text-align: center;
}
.category-breakdown__bar {
  flex: 1;
  background: #f1f5f9;
  border-radius: 3px;
  height: 5px;
  overflow: hidden;
}
.category-breakdown__fill {
  height: 5px;
  border-radius: 3px;
  transition: width 0.3s;
}
.category-breakdown__count {
  font-size: 11px;
  color: #64748b;
}

.panel-tasks {
  padding: 0 16px 16px;
}
.panel-tasks__title {
  font-size: 11px;
  color: #94a3b8;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}

.task-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 0.5px solid #f3f4f6;
  cursor: pointer;
}

.task-checkbox {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-top: 1px;
}
.task-checkbox--done {
  background: #EAF3DE;
  color: #3B6D11;
}
.task-checkbox--late {
  background: #FCEBEB;
  color: #A32D2D;
}
.task-checkbox--scheduled {
  background: #E6F1FB;
  color: #185FA5;
}
.task-checkbox--open {
  background: #F1EFE8;
  color: #5F5E5A;
}

.task-content {
  flex: 1;
}

.task-name {
  font-size: 12px;
}
.task-name--done {
  font-weight: 400;
  text-decoration: line-through;
  color: #94a3b8;
}
.task-name--pending {
  font-weight: 600;
  color: #111827;
}

.task-meta {
  font-size: 10px;
  color: #94a3b8;
  margin-top: 1px;
}

.task-category {
  background: rgba(55, 138, 221, 0.1333333333);
  color: #378ADD;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 700;
  margin-right: 4px;
}

.task-badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.task-badge--green {
  background: #EAF3DE;
  color: #3B6D11;
}
.task-badge--red {
  background: #FCEBEB;
  color: #A32D2D;
}
.task-badge--blue {
  background: #E6F1FB;
  color: #0C447C;
}
.task-badge--gray {
  background: #F1EFE8;
  color: #5F5E5A;
}
.task-badge--amber {
  background: #FAEEDA;
  color: #854F0B;
}

.task-status-badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.task-status-badge--done {
  background: #EAF3DE;
  color: #3B6D11;
}
.task-status-badge--late {
  background: #FCEBEB;
  color: #A32D2D;
}
.task-status-badge--scheduled {
  background: #E6F1FB;
  color: #0C447C;
}
.task-status-badge--open {
  background: #F1EFE8;
  color: #5F5E5A;
}

.panel-actions {
  padding: 12px 16px;
  border-top: 0.5px solid #e2e8f0;
  display: flex;
  gap: 8px;
  background: #fafafa;
  flex-shrink: 0;
}

.panel-action-btn {
  padding: 9px;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  display: block;
  transition: background 0.2s;
}
.panel-action-btn--primary {
  flex: 1;
  background: #2563eb;
  color: #fff;
}
.panel-action-btn--primary:hover {
  background: #1d4ed8;
}
.panel-action-btn--reminder {
  padding: 9px 14px;
  background: #FAEEDA;
  color: #854F0B;
}
.panel-action-btn--reminder:hover {
  background: #fcd34d;
}

/**
 * Employee Device Handover Styles
 * Based on eszkozvisszavetel.tsx design
 */
.device-handover {
  background: #f7f8fc;
  min-height: calc(100vh - 80px);
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1a1a2e;
  line-height: 1.5;
}
.device-handover * {
  line-height: 1.5 !important;
}
.device-handover__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.device-handover__title-wrap {
  flex: 1;
}
.device-handover__title {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}
.device-handover__subtitle {
  font-size: 13px;
  color: #888;
  margin: 4px 0 0;
}
.device-handover__create-btn {
  padding: 11px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  background: #3B5BDB;
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.2s;
}
.device-handover__create-btn:hover {
  background: #2e4ab8;
}
.device-handover__create-btn .icon {
  font-size: 18px;
  line-height: 1;
}
.device-handover__kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 22px;
}
.device-handover__kpi-card {
  background: #fff;
  border-radius: 12px;
  padding: 16px 18px;
  border: 1px solid #f0f0f0;
}
.device-handover__kpi-value {
  font-size: 26px;
  font-weight: 700;
}
.device-handover__kpi-value--blue {
  color: #3B5BDB;
}
.device-handover__kpi-value--orange {
  color: #e65100;
}
.device-handover__kpi-value--green {
  color: #2e7d32;
}
.device-handover__kpi-label {
  font-size: 12px;
  color: #888;
  margin-top: 3px;
}
.device-handover__table-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #f0f0f0;
  overflow: hidden;
}
.device-handover__table-header {
  padding: 16px 20px;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.device-handover__tabs {
  display: flex;
  gap: 0;
  background: #f5f5f5;
  border-radius: 9px;
  padding: 3px;
}
.device-handover__tab {
  padding: 7px 18px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  color: #888;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}
.device-handover__tab--active {
  background: #fff;
  color: #1a1a2e;
  border: 1px solid #e8e8e8;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.device-handover__tab--active .count {
  color: #3B5BDB;
}
.device-handover__tab .count {
  font-size: 11px;
  margin-left: 4px;
}
.device-handover__search {
  flex: 1;
  max-width: 320px;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  border: 1px solid #e8e8e8 !important;
  font-size: 13px;
  outline: none;
  font-family: inherit !important;
}
.device-handover__search::placeholder {
  color: #aaa;
}
.device-handover__table {
  width: 100%;
  border-collapse: collapse;
}
.device-handover__th {
  padding: 11px 16px;
  text-align: left;
  font-size: 11px;
  color: #888;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}
.device-handover__td {
  padding: 13px 16px;
  border-bottom: 1px solid #f9f9f9;
}
.device-handover__row:nth-child(even) {
  background: #fdfcff;
}
.device-handover__row:nth-child(odd) {
  background: #fff;
}
.device-handover__employee {
  display: flex;
  align-items: center;
  gap: 9px;
}
.device-handover__avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(59, 91, 219, 0.1333333333);
  color: #3B5BDB;
  border: 1.5px solid rgba(59, 91, 219, 0.2666666667);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10.5px;
  font-weight: 600;
  flex-shrink: 0;
}
.device-handover__employee-name {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a2e;
}
.device-handover__item-name {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a2e;
}
.device-handover__item-sku {
  font-size: 11px;
  color: #aaa;
}
.device-handover__serial {
  font-size: 13px;
  color: #444;
}
.device-handover__serial--empty {
  color: #ccc;
}
.device-handover__warehouse {
  font-size: 12px;
  color: #666;
}
.device-handover__date {
  font-size: 13px;
  color: #666;
}
.device-handover__price {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a2e;
}
.device-handover__actions {
  display: flex;
  gap: 8px;
}
.device-handover__action-btn {
  padding: 6px 14px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s;
}
.device-handover__action-btn--return {
  background: #fff3e0;
  color: #e65100;
  border-color: #ffe0b2;
}
.device-handover__action-btn--return:hover {
  background: #ffe0b2;
}
.device-handover__action-btn--returned {
  background: #fce4ec;
  color: #c62828;
  border-color: transparent;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 20px;
}
.device-handover__badge {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 20px;
  font-weight: 500;
}
.device-handover__badge--active {
  background: #e8f5e9;
  color: #2e7d32;
}
.device-handover__badge--returned {
  background: #fce4ec;
  color: #c62828;
}
.device-handover__empty {
  text-align: center;
  padding: 48px 0;
  color: #bbb;
  font-size: 14px;
}

.device-wizard {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
  font-family: "DM Sans", system-ui, sans-serif;
}
.device-wizard * {
  line-height: 1.5 !important;
}
.device-wizard__dialog {
  background: #fff;
  border-radius: 20px;
  padding: 28px 28px 22px;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}
.device-wizard__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.device-wizard__title {
  font-size: 17px;
  font-weight: 700;
  color: #1a1a2e;
}
.device-wizard__close {
  background: none;
  border: none;
  font-size: 22px;
  color: #aaa;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  width: 28px;
  height: 28px;
}
.device-wizard__step-bar {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 28px;
}
.device-wizard__step-item {
  display: flex;
  align-items: center;
  flex: 1;
}
.device-wizard__step-item:last-child {
  flex: 0;
}
.device-wizard__step-dot-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.device-wizard__step-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s;
}
.device-wizard__step-dot--active {
  background: #3B5BDB;
  color: #fff;
}
.device-wizard__step-dot--done {
  background: #2e7d32;
  color: #fff;
}
.device-wizard__step-dot--pending {
  background: #e8e8e8;
  color: #999;
}
.device-wizard__step-label {
  font-size: 11px;
  white-space: nowrap;
}
.device-wizard__step-label--active {
  color: #3B5BDB;
}
.device-wizard__step-label--done {
  color: #2e7d32;
}
.device-wizard__step-label--pending {
  color: #aaa;
}
.device-wizard__step-line {
  flex: 1;
  height: 2px;
  margin: 0 8px;
  margin-bottom: 18px;
  transition: background 0.3s;
}
.device-wizard__step-line--done {
  background: #2e7d32;
}
.device-wizard__step-line--pending {
  background: #e8e8e8;
}
.device-wizard__section-title {
  font-size: 13px;
  color: #666;
  margin-bottom: 14px;
}
.device-wizard__input, .device-wizard__select, .device-wizard__textarea {
  width: 100% !important;
  padding: 9px 12px !important;
  border-radius: 9px !important;
  border: 1px solid #e0e0e0 !important;
  font-size: 14px;
  box-sizing: border-box;
  outline: none;
  font-family: inherit !important;
}
.device-wizard__input::placeholder, .device-wizard__select::placeholder, .device-wizard__textarea::placeholder {
  color: #aaa;
}
.device-wizard__textarea {
  resize: vertical;
}
.device-wizard__label {
  font-size: 12px;
  color: #666;
  display: block;
  margin-bottom: 5px;
}
.device-wizard__field {
  margin-bottom: 16px;
}
.device-wizard__selectable-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.device-wizard__selectable-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-radius: 10px;
  border: 1.5px solid #f0f0f0;
  background: #fafafa;
  cursor: pointer;
  transition: all 0.15s;
}
.device-wizard__selectable-item--selected {
  border-color: #3B5BDB;
  background: #EEF4FF;
}
.device-wizard__selectable-item--disabled {
  opacity: 0.45;
  cursor: default;
}
.device-wizard__selectable-item:hover:not(.device-wizard__selectable-item--disabled) {
  border-color: #d0d0d0;
}
.device-wizard__item-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(59, 91, 219, 0.1333333333);
  color: #3B5BDB;
  border: 1.5px solid rgba(59, 91, 219, 0.2666666667);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.device-wizard__item-avatar--img {
  object-fit: cover;
  border: 1.5px solid #e0e0e0;
  background: #fff;
}
.device-wizard__item-info {
  flex: 1;
}
.device-wizard__item-title {
  font-weight: 600;
  font-size: 14px;
  color: #1a1a2e;
}
.device-wizard__item-subtitle {
  font-size: 12px;
  color: #888;
}
.device-wizard__item-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.device-wizard__item-stock {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 20px;
  font-weight: 500;
}
.device-wizard__item-stock--available {
  background: #e8f5e9;
  color: #2e7d32;
}
.device-wizard__item-stock--unavailable {
  background: #fce4ec;
  color: #c62828;
}
.device-wizard__item-price {
  font-size: 11px;
  color: #888;
}
.device-wizard__checkmark {
  margin-left: auto;
  color: #3B5BDB;
  font-size: 18px;
}
.device-wizard__summary {
  background: #f7f8fc;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.device-wizard__summary-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.device-wizard__summary-label {
  font-size: 13px;
  color: #888;
}
.device-wizard__summary-value {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a2e;
  text-align: right;
}
.device-wizard__summary-sub {
  font-size: 11px;
  color: #aaa;
}
.device-wizard__notice {
  background: #fff8e1;
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 18px;
  font-size: 12px;
  color: #e65100;
}
.device-wizard__footer {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.device-wizard__btn {
  padding: 10px 24px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.device-wizard__btn--back {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  color: #666;
}
.device-wizard__btn--back:hover {
  background: #e8e8e8;
}
.device-wizard__btn--next {
  background: #3B5BDB;
  color: #fff;
}
.device-wizard__btn--next:hover {
  background: #2e4ab8;
}
.device-wizard__btn--next:disabled {
  background: #e0e0e0;
  color: #aaa;
  cursor: default;
}
.device-wizard__btn--submit {
  background: #2e7d32;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}
.device-wizard__btn--submit:hover {
  background: #256829;
}

.device-return-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 200;
  font-family: "DM Sans", system-ui, sans-serif;
}
.device-return-modal * {
  line-height: 1.5 !important;
}
.device-return-modal__dialog {
  background: #fff;
  border-radius: 20px;
  padding: 28px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}
.device-return-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.device-return-modal__title {
  font-size: 17px;
  font-weight: 700;
  color: #1a1a2e;
}
.device-return-modal__close {
  background: none;
  border: none;
  font-size: 22px;
  color: #aaa;
  cursor: pointer;
  line-height: 1;
}
.device-return-modal__item-card {
  background: #fff8e1;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 18px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.device-return-modal__item-icon {
  font-size: 28px;
}
.device-return-modal__item-name {
  font-weight: 700;
  font-size: 15px;
  color: #1a1a2e;
}
.device-return-modal__item-meta {
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}
.device-return-modal__label {
  font-size: 12px;
  color: #666;
  display: block;
  margin-bottom: 5px;
}
.device-return-modal__textarea {
  width: 100%;
  padding: 9px 12px;
  border-radius: 9px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  box-sizing: border-box;
  outline: none;
  resize: vertical;
  font-family: inherit;
  margin-bottom: 18px;
}
.device-return-modal__textarea::placeholder {
  color: #aaa;
}
.device-return-modal__footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.device-return-modal__btn {
  padding: 10px 24px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s;
}
.device-return-modal__btn--cancel {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  color: #666;
}
.device-return-modal__btn--cancel:hover {
  background: #e8e8e8;
}
.device-return-modal__btn--submit {
  background: #e65100;
  color: #fff;
}
.device-return-modal__btn--submit:hover {
  background: #d84a00;
}

.device-toast {
  position: fixed;
  top: 20px;
  right: 24px;
  padding: 12px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  z-index: 999;
  transition: all 0.3s;
  color: #fff;
}
.device-toast--success {
  background: #2e7d32;
}
.device-toast--info {
  background: #2563eb;
}
.device-toast--warning {
  background: #e65100;
}

.hidden {
  display: none !important;
}

.inventory-item-page {
  padding: 20px 24px;
  background: #f9fafb;
  min-height: 100%;
}
.inventory-item-page * {
  line-height: 1.5 !important;
}

.inventory-item-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 8px;
}
.inventory-item-toolbar * {
  line-height: 1.5 !important;
}
.inventory-item-toolbar__title {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.inventory-item-toolbar__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  background: #2563eb;
  color: #fff;
  border: 1.5px solid #2563eb;
  line-height: 1.5;
}
.inventory-item-toolbar__btn:hover {
  background: #fff;
  border-color: #9ca3af;
  color: #fff;
  text-decoration: none;
}
.inventory-item-toolbar__btn--secondary {
  background: #fff;
  color: #374151;
  border-color: #d1d5db;
}
.inventory-item-toolbar__btn--secondary:hover {
  background: #fff;
  border-color: #9ca3af;
  color: #111827;
  text-decoration: none;
}
.inventory-item-toolbar__btn--secondary:focus {
  outline: none !important;
  outline-offset: initial !important;
  text-decoration: none !important;
}

.inventory-item-pills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.inventory-item-pills * {
  line-height: 1.5 !important;
}

.inventory-item-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  border: 1.5px solid #e5e7eb;
  background: #fff;
  color: #374151;
  transition: all 0.15s;
}
.inventory-item-pill:hover {
  border-color: #9ca3af;
  color: #111827;
  text-decoration: none;
}
.inventory-item-pill:focus {
  outline: none !important;
  outline-offset: initial !important;
  text-decoration: none !important;
}
.inventory-item-pill--active {
  font-weight: 700;
  background: var(--pill-active-bg, #111827) !important;
  border-color: var(--pill-active-bg, #111827) !important;
  color: #fff !important;
  text-decoration: none;
}
.inventory-item-pill__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  border-radius: 6px;
  padding: 0px 4px;
  background: rgb(243, 244, 246);
  color: rgb(107, 114, 128);
  font-size: 12px;
  font-weight: 700;
}
.inventory-item-pill--active .inventory-item-pill__count {
  background: rgba(255, 255, 255, 0.25) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.inventory-item-search {
  position: relative;
  flex: 1;
  min-width: 220px;
  max-width: 520px;
  display: flex;
}
.inventory-item-search * {
  line-height: 1.5 !important;
}
.inventory-item-search__icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex;
  align-items: center;
  line-height: 0;
  z-index: 1;
}
.inventory-item-search__input {
  width: 100% !important;
  padding: 8px 32px 8px 32px !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: #374151 !important;
  background: #fff !important;
  outline: none;
  transition: border-color 0.15s;
}
.inventory-item-search__input:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.inventory-item-search__input::placeholder {
  color: #9ca3af;
}
.inventory-item-search__clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  padding: 0;
  line-height: 0;
  transition: background 0.12s;
}
.inventory-item-search__clear:hover {
  background: #d1d5db;
}
.inventory-item-search__clear svg path {
  stroke: #6b7280;
}
.inventory-item-search__clear.is-hidden {
  display: none;
}

.inventory-item-table {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}
.inventory-item-table * {
  line-height: 1.5 !important;
}
.inventory-item-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.inventory-item-table thead tr {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.inventory-item-table thead th {
  padding: 10px 14px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.inventory-item-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.1s;
}
.inventory-item-table tbody tr:last-child {
  border-bottom: none;
}
.inventory-item-table tbody tr:hover {
  background: #f8faff;
}
.inventory-item-table tbody td {
  padding: 11px 14px;
  vertical-align: middle;
  color: #374151;
}
.inventory-item-table__actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.inventory-item-table__action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.12s;
  color: #374151;
}
.inventory-item-table__action-btn:hover {
  background: #e5e7eb;
  text-decoration: none;
}
.inventory-item-table__id {
  font-size: 11.5px;
  color: #9ca3af;
  white-space: nowrap;
}
.inventory-item-table__name {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 180px;
}
.inventory-item-table__name-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.inventory-item-table__name-text {
  font-weight: 600;
  color: #111827;
  font-size: 13.5px;
}
.inventory-item-table__name-meta {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 2px;
}

.inventory-item-empty {
  text-align: center;
  padding: 40px 20px;
  color: #9ca3af;
  font-size: 13px;
}

.inventory-item-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  letter-spacing: -0.5px;
}

.inventory-item-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1.5 !important;
}

.inventory-item-stock--danger {
  color: #dc2626;
  font-weight: 700;
}
.inventory-item-stock--warn {
  color: #d97706;
  font-weight: 700;
}
.inventory-item-stock--normal {
  color: #111827;
}
.inventory-item-stock__min {
  font-size: 10px;
  color: #d97706;
  margin-top: 1px;
}

.inventory-item-pager {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
  flex-wrap: wrap;
}
.inventory-item-pager__size {
  padding: 5px 8px;
  border: 1.5px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  color: #374151;
  background: #fff;
  cursor: pointer;
  outline: none;
}
.inventory-item-pager__size:focus {
  border-color: #2563eb;
}
.inventory-item-pager__info {
  font-size: 12px;
  color: #6b7280;
}
.inventory-item-pager__pages {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}
.inventory-item-pager__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 0 6px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
  color: #374151;
  background: #fff;
  border: 1.5px solid #e5e7eb;
  transition: all 0.12s;
}
.inventory-item-pager__btn:hover:not(.inventory-item-pager__btn--disabled):not(.inventory-item-pager__btn--active) {
  background: #f3f4f6;
  text-decoration: none;
  color: #111827;
}
.inventory-item-pager__btn--active {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
  font-weight: 700;
}
.inventory-item-pager__btn--disabled {
  color: #d1d5db;
  cursor: default;
  pointer-events: none;
}

.inventory-item-modal * {
  line-height: 1.5 !important;
}
.inventory-item-modal__overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.inventory-item-modal__overlay.is-open {
  display: flex;
}
.inventory-item-modal__box {
  background: #fff;
  border-radius: 14px;
  width: 100%;
  max-width: 340px;
  margin: 16px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
.inventory-item-modal__header {
  padding: 20px 20px 16px;
  position: relative;
  background: #374151;
  color: #fff;
}
.inventory-item-modal__close {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border: none !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  color: rgb(255, 255, 255) !important;
  font-size: 14px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 28px !important;
  transition: background 0.12s;
  z-index: 10 !important;
}
.inventory-item-modal__close:hover {
  background: rgba(255, 255, 255, 0.35) !important;
}
.inventory-item-modal__subtitle {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 4px;
}
.inventory-item-modal__title {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 8px;
}
.inventory-item-modal__body {
  overflow-y: auto;
  flex: 1;
}
.inventory-item-modal__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid rgb(243, 244, 246);
}
.inventory-item-modal__row:last-child {
  border-bottom: none;
}
.inventory-item-modal__row-label {
  font-size: 12px !important;
  color: rgb(156, 163, 175) !important;
  line-height: 1.5;
}
.inventory-item-modal__row-value {
  font-size: 11.5px;
  color: rgb(17, 24, 39);
  font-weight: 500;
  text-align: right;
  max-width: 200px;
  line-height: 1.5;
}
.inventory-item-modal__footer {
  padding: 12px 20px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: center;
}
.inventory-item-modal__open-btn {
  background: #2563eb;
  color: #fff;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: initial;
  border-radius: 8px;
  padding: 9px 0px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
}
.inventory-item-modal__open-btn:hover {
  background: #1d4ed8;
}

.inv-detail-page {
  padding: 16px 24px 40px;
  background: #f9fafb;
  min-height: 100%;
}

.inv-breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 16px;
}
.inv-breadcrumb a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}
.inv-breadcrumb a:hover {
  text-decoration: underline;
}
.inv-breadcrumb__sep {
  color: #d1d5db;
}
.inv-breadcrumb span:last-child {
  color: #111827;
  font-weight: 600;
}

.inv-detail-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 900px) {
  .inv-detail-layout {
    grid-template-columns: 1fr;
  }
}

.inv-sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 16px;
}
@media (max-width: 900px) {
  .inv-sidebar {
    position: static;
  }
}

.inv-sidebar-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}
.inv-sidebar-card * {
  line-height: 1.5 !important;
}

.inv-sidebar-header {
  padding: 18px 16px 14px;
  border-radius: 11px;
}
.inv-sidebar-header__name-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.inv-sidebar-header__name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  word-break: break-word;
}
.inv-sidebar-header__meta {
  font-size: 11.5px;
  margin-top: 2px;
  color: rgb(107, 114, 128);
}
.inv-sidebar-header__badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.inv-sidebar-header__flags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.inv-sidebar-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  flex-shrink: 0;
}

.inv-type-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
}

.inv-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 3px 10px;
  border-radius: 20px;
  user-select: none;
  line-height: 1.5;
}
.inv-status-badge:hover {
  text-decoration: none;
}
.inv-status-badge--active {
  background: rgb(220, 252, 231);
  color: rgb(21, 128, 61);
  border: 1px solid rgb(187, 247, 208);
}
.inv-status-badge--active .inv-status-badge__dot {
  background: #4ade80;
}
.inv-status-badge--active:hover {
  color: rgb(21, 128, 61);
}
.inv-status-badge--active:focus {
  outline: none;
  outline-offset: inherit;
}
.inv-status-badge--inactive {
  background: rgb(254, 226, 226);
  color: rgb(220, 38, 38);
  border: 1px solid rgb(252, 165, 165);
}
.inv-status-badge--inactive:hover {
  color: rgb(220, 38, 38);
}
.inv-status-badge--inactive:focus {
  outline: none;
  outline-offset: inherit;
}
.inv-status-badge--inactive .inv-status-badge__dot {
  background: rgb(248, 113, 113);
}
.inv-status-badge__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.inv-tag-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
}

.inv-product-search-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

#stockProductGrid .filters,
#stockProductGrid-pjax .filters {
  display: none !important;
}

#inv-search-input.pjax-loading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%239ca3af' stroke-width='3' fill='none' stroke-dasharray='31.4' stroke-dashoffset='0'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 32px;
}

.inv-sidebar-flag {
  font-size: 11px;
  font-weight: 500;
}

.inv-sidebar-body {
  padding: 2px 16px 10px;
}

.inv-sidebar-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 6px 0px;
  gap: 8px;
  border-bottom: 1px solid rgb(249, 250, 251);
}
.inv-sidebar-row * {
  line-height: 1.5;
}
.inv-sidebar-row__label {
  font-size: 12px;
  color: rgb(156, 163, 175);
  white-space: nowrap;
  flex-shrink: 0;
}
.inv-sidebar-row__value {
  font-size: 12.5px;
  color: rgb(17, 24, 39);
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}

.inv-sidebar-actions {
  padding: 12px 16px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid #f3f4f6;
}
.inv-sidebar-actions .btn-group {
  width: 100%;
  margin-inline-end: 0px;
}
.inv-sidebar-actions .btn-group .btn {
  width: 100%;
}

.inv-sidebar-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
  background: #2563eb;
  color: #fff;
  border: 1.5px solid #2563eb;
  text-align: center;
}
.inv-sidebar-btn:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff;
  text-decoration: none;
}
.inv-sidebar-btn--secondary {
  background: #fff;
  color: #374151;
  border-color: #d1d5db;
}
.inv-sidebar-btn--secondary:hover {
  background: #f3f4f6;
  color: #111827;
  text-decoration: none;
}
.inv-sidebar-btn--secondary:focus {
  outline: none !important;
  outline-offset: initial !important;
  text-decoration: none !important;
}

.inv-sidebar-section-title {
  padding: 11px 16px 4px;
  font-size: 11px;
  font-weight: 700;
  color: rgb(156, 163, 175);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.5;
}

.inv-related-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
}
.inv-related-row:hover {
  text-decoration: none !important;
}
.inv-related-row .label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.inv-related-icon {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: rgb(243, 244, 246);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.inv-related-icon:hover {
  text-decoration: none;
}

.inv-related-label {
  font-size: 13px;
  color: #374151;
  font-weight: 500;
  white-space: normal;
  text-align: left;
}
.inv-related-label:hover {
  text-decoration: none;
}

.inv-related-value {
  font-size: 12.5px;
  color: #2563eb;
  font-weight: 500;
  white-space: nowrap;
  text-align: right;
}
.inv-related-value:hover {
  text-decoration: none;
}

.inv-main {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}

.inv-tabs-header {
  display: flex;
  gap: 0;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 0 4px;
}
.inv-tabs-header::-webkit-scrollbar {
  display: none;
}

.inv-tabs-btn {
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  background: none;
  border: none;
  border-bottom: 2.5px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.12s, border-color 0.12s;
  margin-bottom: -1px;
}
.inv-tabs-btn:hover {
  color: #2563eb;
}
.inv-tabs-btn.is-active {
  color: #2563eb;
  font-weight: 700;
  border-bottom-color: #2563eb;
}

.inv-tab-content {
  padding: 20px;
}

.inv-tab-pane {
  display: none;
}
.inv-tab-pane.is-active {
  display: block;
}

.inv-section-title {
  font-size: 10.5px;
  font-weight: 700;
  color: rgb(156, 163, 175);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgb(243, 244, 246);
}
.inv-section-title--mt {
  margin-top: 20px;
}

.inv-section-title2 {
  font-size: 10.5px;
  font-weight: 700;
  color: rgb(156, 163, 175);
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin: 0px 0px 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgb(243, 244, 246);
}
.inv-section-title2--mt {
  margin-top: 20px;
}

.inv-data-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 24px;
  margin-bottom: 8px;
}
.inv-data-grid * {
  line-height: 1.5 !important;
}
@media (max-width: 700px) {
  .inv-data-grid {
    grid-template-columns: 1fr;
  }
}

.inv-field-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 7px 0;
  border-bottom: 1px solid #f9fafb;
  gap: 8px;
  font-size: 13px;
}
.inv-field-row__label {
  color: #9ca3af;
  font-size: 12px;
  flex-shrink: 0;
  min-width: 100px;
}
.inv-field-row__value {
  color: #111827;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}

.inv-price-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
}
@media (max-width: 600px) {
  .inv-price-cards {
    grid-template-columns: 1fr;
  }
}

.inv-price-card {
  border-radius: 8px;
  padding: 14px;
}
.inv-price-card * {
  line-height: 1.5 !important;
}
.inv-price-card--list {
  background: rgb(239, 246, 255);
  border: 1px solid rgb(191, 219, 254);
}
.inv-price-card--acq {
  background: rgb(240, 253, 244);
  border: 1px solid rgb(187, 247, 208);
}
.inv-price-card__label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #1e40af;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.inv-price-card__amount {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
}
.inv-price-card__sub {
  font-size: 12px;
  color: rgb(59, 130, 246);
  margin-top: 2px;
}

.inv-stock-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 18px;
}
@media (max-width: 800px) {
  .inv-stock-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .inv-stock-cards {
    grid-template-columns: 1fr;
  }
}

.inv-stock-card {
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  text-align: center;
}
.inv-stock-card__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.07em;
  color: #9ca3af;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.inv-stock-card__value {
  font-size: 22px;
  font-weight: 800;
  color: #111827;
  line-height: 1.1;
}
.inv-stock-card__unit {
  font-size: 11.5px;
  color: #9ca3af;
  margin-top: 3px;
}

.inv-sub-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.inv-sub-table thead tr {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.inv-sub-table thead th {
  font-size: 11px;
  font-weight: 600;
  color: rgb(107, 114, 128);
  padding: 7px 10px;
  background: rgb(249, 250, 251);
  border-bottom: 1px solid rgb(229, 231, 235);
  text-align: left;
  white-space: nowrap;
}
.inv-sub-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.1s;
}
.inv-sub-table tbody tr:last-child {
  border-bottom: none;
}
.inv-sub-table tbody tr:hover {
  background: #f9fafb;
}
.inv-sub-table tbody td {
  padding: 8px 10px !important;
  border-bottom: 1px solid rgb(243, 244, 246) !important;
  font-size: 12.5px !important;
  vertical-align: middle !important;
}
.inv-sub-table--empty td {
  text-align: center;
  padding: 24px;
  color: #9ca3af;
  font-size: 13px;
}

.inv-sub-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  gap: 8px;
}
.inv-sub-header__title {
  font-size: 14px;
  font-weight: 700;
  color: #111827;
}

.inv-add-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  padding: 5px 12px;
  border: 1px solid #2563eb;
  background: #2563eb;
  color: rgb(255, 255, 255);
  font-weight: 600;
  white-space: nowrap;
}
.inv-add-btn__remove {
  background: rgb(220, 38, 38);
  border-color: rgb(220, 38, 38);
  color: white;
}
.inv-add-btn__remove:hover {
  background: rgb(220, 38, 38) !important;
  border-color: rgb(220, 38, 38) !important;
  color: white !important;
  text-decoration: none !important;
}
.inv-add-btn__remove:focus {
  outline: none !important;
  outline-offset: initial !important;
  text-decoration: none !important;
  color: rgb(255, 255, 255);
}
.inv-add-btn:hover {
  background: #dbeafe;
  color: #1d4ed8;
  text-decoration: none !important;
}
.inv-add-btn:focus {
  outline: none !important;
  outline-offset: initial !important;
  text-decoration: none !important;
  color: rgb(255, 255, 255);
}

.inv-image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.inv-image-item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  aspect-ratio: 1/1;
  background: #f9fafb;
}
.inv-image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.inv-image-item__del {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border: none;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s;
}
.inv-image-item:hover .inv-image-item__del {
  opacity: 1;
}

.inv-chist-header {
  padding: 11px 16px 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inv-chist-title {
  font-size: 10px;
  font-weight: 700;
  color: #9ca3af;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.inv-chist-all-link {
  font-size: 12px;
  color: #2563eb;
  font-weight: 600;
  text-decoration: none;
}
.inv-chist-all-link:hover {
  text-decoration: underline;
}

.inv-chist-row {
  padding: 6px 16px 8px;
  border-bottom: 1px solid #f9fafb;
}
.inv-chist-row__ev {
  font-size: 12.5px;
  font-weight: 600;
  color: #111827;
}
.inv-chist-row__dt {
  font-size: 11.5px;
  color: #6b7280;
  margin-top: 1px;
}
.inv-chist-row__who {
  font-size: 11.5px;
  color: #9ca3af;
  margin-top: 2px;
}

.inv-chist-more {
  padding: 8px 16px;
}
.inv-chist-more button {
  width: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  padding: 5px 10px;
  font-size: 11.5px;
  cursor: pointer;
  color: #374151;
  transition: background 0.12s;
}
.inv-chist-more button:hover {
  background: #f9fafb;
}

.inv-related-icon-box {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
}

.inv-desc-text {
  font-size: 13px;
  color: #374151;
  line-height: 1.6;
}

.inv-price-card--acq .inv-price-card__label {
  color: #166534;
}

.inv-price-card__sub--margin {
  color: #16a34a;
}

.inv-empty-state {
  text-align: center;
  padding: 20px;
  color: #9ca3af;
  font-size: 13px;
}

.inv-td-amount {
  text-align: right;
  font-weight: 600;
}

.inv-th-right {
  text-align: right;
}

.inv-status-inline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
}
.inv-status-inline--active {
  background: #dcfce7;
  color: #15803d;
}
.inv-status-inline--inactive {
  background: #fee2e2;
  color: #dc2626;
}
.inv-status-inline__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.inv-status-inline--active .inv-status-inline__dot {
  background: #22c55e;
}
.inv-status-inline--inactive .inv-status-inline__dot {
  background: #f87171;
}

.inv-ajax-modal__overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(16, 24, 40, 0.4);
  z-index: 1050;
  align-items: center;
  justify-content: center;
}
.inv-ajax-modal__overlay.is-open {
  display: flex;
}
.inv-ajax-modal__box {
  background: #fff;
  border-radius: 12px;
  width: 620px;
  max-width: 96vw;
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(16, 24, 40, 0.25);
}
.inv-ajax-modal__box * {
  line-height: 1.5 !important;
}
.inv-ajax-modal__header {
  background: #2563eb;
  border-radius: 12px 12px 0 0;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.inv-ajax-modal__header-title {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.inv-ajax-modal__header-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 2px;
}
.inv-ajax-modal__close {
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
  padding: 0;
  transition: background 0.12s;
}
.inv-ajax-modal__close:hover {
  background: rgba(255, 255, 255, 0.35);
}
.inv-ajax-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.inv-ajax-modal__footer {
  padding: 12px 20px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}
.inv-ajax-modal__open-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  background: #2563eb;
  color: #fff;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.12s;
}
.inv-ajax-modal__open-link:hover {
  background: #1d4ed8;
  color: #fff;
  text-decoration: none;
}

.inv-tort-modal__overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(16, 24, 40, 0.4);
  z-index: 1050;
  align-items: center;
  justify-content: center;
}
.inv-tort-modal__overlay.is-open {
  display: flex;
}
.inv-tort-modal__box {
  background: #fff;
  border-radius: 12px;
  width: 580px;
  max-width: 96vw;
  max-height: 82vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(16, 24, 40, 0.25);
}
.inv-tort-modal__box * {
  line-height: 1.5 !important;
}
.inv-tort-modal__header {
  background: #2563eb;
  border-radius: 12px 12px 0 0;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.inv-tort-modal__header-title {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.inv-tort-modal__header-sub {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 2px;
}
.inv-tort-modal__close {
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
  padding: 0;
  transition: background 0.12s;
}
.inv-tort-modal__close:hover {
  background: rgba(255, 255, 255, 0.35);
}
.inv-tort-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 8px 20px 20px;
}
.inv-tort-modal__item {
  display: flex;
  gap: 14px;
  margin-top: 16px;
}
.inv-tort-modal__timeline {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inv-tort-modal__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  flex-shrink: 0;
  margin-top: 6px;
}
.inv-tort-modal__dot--first {
  background: #2563eb;
}
.inv-tort-modal__line {
  width: 2px;
  flex: 1;
  background: #e5e7eb;
  margin-top: 4px;
  min-height: 30px;
}
.inv-tort-modal__card {
  flex: 1;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 2px;
}
.inv-tort-modal__card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.inv-tort-modal__card-ev {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
.inv-tort-modal__card-dt {
  font-size: 11.5px;
  color: #9ca3af;
  white-space: nowrap;
  margin-left: 8px;
}
.inv-tort-modal__card-reszlet {
  font-size: 12.5px;
  color: #6b7280;
  margin-top: 3px;
}
.inv-tort-modal__card-who {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.inv-modal-info-box {
  margin: 0 0 14px;
  padding: 10px 14px;
  background: #eff6ff;
  border-radius: 8px;
  font-size: 12.5px;
  color: #1d4ed8;
  line-height: 1.5;
}

.inv-modal-section {
  margin-bottom: 20px;
}

.inv-modal-actions-right {
  text-align: right;
  margin-bottom: 10px;
}

.inv-modal-muted {
  color: #9ca3af;
}

.inv-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}
@media (max-width: 700px) {
  .inv-kpi-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.inv-kpi-card {
  background: rgb(249, 250, 251);
  border: 1px solid rgb(229, 231, 235);
  border-radius: 8px;
  padding: 12px;
  text-align: center;
  /*&--blue  { background: #f0f9ff; border-color: #bae6fd; }
  &--amber { background: #fffbeb; border-color: #fde68a; }
  &--green { background: #f0fdf4; border-color: #bbf7d0; }
  &--gray  { background: #f9fafb; border-color: #e5e7eb; }*/
  /*&--blue  &__label { color: #0369a1; }
  &--amber &__label { color: #92400e; }
  &--green &__label { color: #166534; }*/
}
.inv-kpi-card * {
  line-height: 1.5 !important;
}
.inv-kpi-card__label {
  font-size: 11px;
  color: rgb(156, 163, 175);
  margin-bottom: 5px;
}
.inv-kpi-card__value {
  font-size: 22px;
  font-weight: 700;
}
.inv-kpi-card--blue .inv-kpi-card__value {
  color: #2563eb;
}
.inv-kpi-card--amber .inv-kpi-card__value {
  color: #d97706;
}
.inv-kpi-card--green .inv-kpi-card__value {
  color: #16a34a;
}
.inv-kpi-card--gray .inv-kpi-card__value {
  color: #9ca3af;
}
.inv-kpi-card__value--warn {
  color: #d97706 !important;
}
.inv-kpi-card__unit {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 3px;
}

.inv-td-shelf {
  font-size: 11px !important;
  color: #9ca3af !important;
}

.inv-td-ref {
  color: #2563eb;
  font-weight: 600;
}

.inv-td-date {
  color: #6b7280;
}

.inv-td-amount--muted {
  font-weight: 400 !important;
  color: #9ca3af !important;
}

.inv-th-actions {
  width: 64px;
}

.inv-td-actions {
  padding: 6px 10px !important;
  vertical-align: middle;
}
.inv-td-actions__wrap {
  display: flex;
  gap: 6px;
}

.inv-action-btn {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #bfdbfe;
  border: 0.5px solid rgb(229, 231, 235);
  border-radius: 6px;
  text-decoration: none;
  font-size: 13px;
  flex-shrink: 0;
  transition: background 0.12s;
}
.inv-action-btn:hover {
  background: #dbeafe;
  text-decoration: none;
}

.inv-act-row {
  padding: 10px 0px;
  display: flex;
  gap: 8px;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}

.inv-act-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  padding: 8px 12px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  box-sizing: border-box;
  white-space: nowrap;
  line-height: 1.5 !important;
  font-family: inherit;
  background: none;
}
.inv-act-btn:hover {
  text-decoration: none;
}
.inv-act-btn:focus {
  outline: none;
}
.inv-act-btn--primary {
  flex: 1;
  background: #2563eb;
  color: #fff !important;
  border-color: #2563eb;
}
.inv-act-btn--primary:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #fff !important;
}
.inv-act-btn--save {
  flex: 1;
  background: #16a34a;
  color: #fff !important;
  border-color: #16a34a;
}
.inv-act-btn--save:hover {
  background: #15803d;
  border-color: #15803d;
  color: #fff !important;
}
.inv-act-btn--cancel {
  background: #f9fafb;
  color: #374151 !important;
  border-color: #e5e7eb;
  font-weight: 500;
}
.inv-act-btn--cancel:hover {
  background: #f3f4f6;
  color: #111827 !important;
}
.inv-act-btn--etikett {
  background: #fff;
  color: #374151 !important;
  border-color: #e5e7eb;
  font-weight: 500;
}
.inv-act-btn--etikett:hover {
  background: #f3f4f6;
  color: #374151 !important;
}

.inv-act-save-group {
  flex: 1;
  gap: 6px;
  align-items: stretch;
}

.inv-etikett-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(16, 24, 40, 0.4);
  z-index: 300;
  align-items: center;
  justify-content: center;
}
.inv-etikett-modal__box {
  background: #fff;
  border-radius: 12px;
  width: 520px;
  max-width: 96vw;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(16, 24, 40, 0.25);
  font-family: Inter, system-ui, sans-serif;
}
.inv-etikett-modal__box * {
  line-height: 1.5 !important;
}
.inv-etikett-modal__header {
  background: #2563eb;
  border-radius: 12px 12px 0 0;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.inv-etikett-modal__header-title {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.inv-etikett-modal__close {
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  padding: 0;
  transition: background 0.12s;
}
.inv-etikett-modal__close:hover {
  background: rgba(255, 255, 255, 0.35);
}
.inv-etikett-modal__close:focus {
  outline: none;
}
.inv-etikett-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.inv-etikett-modal__field {
  margin-bottom: 14px;
}
.inv-etikett-modal__field > label {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  display: block;
  margin-bottom: 6px;
}
.inv-etikett-modal__preview {
  border: 2px dashed #e5e7eb;
  border-radius: 10px;
  padding: 20px;
  margin-top: 8px;
}
.inv-etikett-modal__preview-title {
  font-size: 10px;
  font-weight: 700;
  color: #9ca3af;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.inv-etikett-modal__preview-card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px 16px;
  background: #fff;
  max-width: 280px;
}
.inv-etikett-modal__preview-sku {
  font-size: 10px;
  color: #9ca3af;
  margin-bottom: 2px;
}
.inv-etikett-modal__preview-name {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 6px;
  line-height: 1.3 !important;
}
.inv-etikett-modal__preview-price {
  font-size: 18px;
  font-weight: 800;
  color: #111827;
}
.inv-etikett-modal__preview-vat {
  font-size: 10px;
  color: #9ca3af;
  margin-top: 4px;
}
.inv-etikett-modal__footer {
  padding: 13px 20px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
.inv-etikett-modal__footer .btn-group {
  margin-inline-end: 0;
}

.inv-drop-zone {
  border: 2px dashed #d1d5db;
  border-radius: 10px;
  padding: 32px 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  background: #fafafa;
}
.inv-drop-zone:hover, .inv-drop-zone.drag-over {
  border-color: #2563eb;
  background: #eff6ff;
}
.inv-drop-zone__icon {
  font-size: 32px;
  margin-bottom: 8px;
}
.inv-drop-zone__title {
  font-size: 13.5px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
}
.inv-drop-zone__sub {
  font-size: 11.5px;
  color: #9ca3af;
}

.inv-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
}
.inv-form-grid.createForm {
  row-gap: 13px;
}
.inv-form-grid .form-group {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media (max-width: 720px) {
  .inv-form-grid {
    grid-template-columns: 1fr;
  }
}
.inv-form-grid__full,
.inv-form-grid .inv-form-group--full {
  grid-column: 1/-1;
}

.inv-form-group {
  margin-bottom: 14px;
}
.inv-form-group--full {
  grid-column: 1/-1;
}
.inv-form-group > .form-group, .inv-form-group.form-group {
  margin-bottom: 0;
}
.inv-form-group > .form-group label.formItem__title,
.inv-form-group > .form-group label.control-label, .inv-form-group.form-group label.formItem__title,
.inv-form-group.form-group label.control-label {
  display: block !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  margin-bottom: 5px !important;
}
.inv-form-group > .form-group .inner,
.inv-form-group > .form-group .col-md-10,
.inv-form-group > .form-group .col-sm-3, .inv-form-group.form-group .inner,
.inv-form-group.form-group .col-md-10,
.inv-form-group.form-group .col-sm-3 {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
}
.inv-form-group > .form-group .help-block, .inv-form-group.form-group .help-block {
  font-size: 11px;
  margin-top: 3px;
}

.inv-form-grid > .form-group {
  margin-bottom: 14px;
}

.inv-form-grid {
  margin-bottom: 14px;
}
.inv-form-grid label.formItem__title,
.inv-form-grid label.control-label {
  display: block !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgb(55, 65, 81) !important;
  margin-bottom: 5px !important;
}
.inv-form-grid .inner,
.inv-form-grid .col-md-10 {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
}

.inv-form-grid input[type=text],
.inv-form-grid input[type=number],
.inv-form-grid input[type=email],
.inv-form-grid input[type=url],
.inv-form-grid textarea {
  border: 1.5px solid #d1d5db !important;
  border-radius: 7px !important;
  padding: 7px 11px !important;
  font-size: 13px !important;
  color: #111827 !important;
  background: #fff !important;
  width: 100% !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.inv-form-grid input[type=text]:focus,
.inv-form-grid input[type=number]:focus,
.inv-form-grid input[type=email]:focus,
.inv-form-grid input[type=url]:focus,
.inv-form-grid textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
  outline: none !important;
}
.inv-form-grid .select2-container {
  width: 100% !important;
}
.inv-form-grid .select2-container--default .select2-selection--single {
  border: 1.5px solid #d1d5db !important;
  border-radius: 7px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
}
.inv-form-grid .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px !important;
  padding: 0 28px 0 11px !important;
  font-size: 13px !important;
  color: #111827 !important;
}
.inv-form-grid .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px !important;
  right: 4px !important;
}
.inv-form-grid .select2-container--default .select2-selection--multiple {
  border: 1.5px solid #d1d5db !important;
  border-radius: 7px !important;
  min-height: 36px !important;
}
.inv-form-grid .select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-size: 12px !important;
  border-radius: 4px !important;
}
.inv-form-grid .formItem--labelLessCheckbox {
  display: flex;
  align-items: center;
}
.inv-form-grid .formItem--labelLessCheckbox .inner {
  padding: 0 !important;
  float: none !important;
  width: auto !important;
}
.inv-form-grid .formItem--labelLessCheckbox input[type=checkbox] {
  cursor: pointer;
  accent-color: #2563eb;
  border: 1.5px solid #d1d5db !important;
  padding: 0 !important;
}

.inv-form-section-label {
  grid-column: 1/-1;
  font-size: 11px;
  font-weight: 700;
  color: #9ca3af;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 10px;
  padding-bottom: 0;
  line-height: 1.5;
}

.inv-form-divider {
  grid-column: 1/-1;
  height: 1px;
  background: #f3f4f6;
  margin: 4px 0 14px;
  border: none;
}

.inv-form-check-group {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding: 2px 0 6px;
}

.inv-form-check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #374151;
  cursor: pointer;
  font-weight: 500;
}
.inv-form-check input[type=checkbox] {
  /*width: 14px !important;
  height: 14px !important;*/
  cursor: pointer;
  accent-color: #2563eb;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 3px !important;
  flex-shrink: 0;
}

.inv-form-grid .form-group.highlight-addon {
  margin-bottom: 0;
}
.inv-form-grid .form-group.highlight-addon > label.formItem__title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  cursor: pointer;
  margin-bottom: 0 !important;
}
.inv-form-grid .form-group.highlight-addon > label.formItem__title::before {
  display: none;
}
.inv-form-grid .form-group.highlight-addon .inner {
  display: none !important;
}
.inv-form-grid .form-group.highlight-addon .formItem--labelLessCheckbox .inner {
  display: flex !important;
}

.inv-form-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
  background: #fff;
  margin-top: 0;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.inv-form-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 22px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  background: #16a34a;
  color: #fff;
  border: none;
  font-family: inherit;
  transition: background 0.15s;
  line-height: 1.5 !important;
}
.inv-form-submit-btn:hover {
  background: #15803d;
  color: #fff;
  text-decoration: none;
}
.inv-form-submit-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.25);
}

.inv-form-cancel-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  background: #fff;
  color: #374151;
  border: 1.5px solid #e5e7eb;
  font-family: inherit;
  transition: background 0.15s, border-color 0.15s;
  line-height: 1.5 !important;
  text-decoration: none;
}
.inv-form-cancel-btn:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #111827;
  text-decoration: none;
}
.inv-form-cancel-btn:focus {
  outline: none;
}

.inv-form-delete-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  background: #fff;
  color: #dc2626;
  border: 1.5px solid #fca5a5;
  font-family: inherit;
  margin-left: auto;
  transition: background 0.15s;
  line-height: 1.5 !important;
}
.inv-form-delete-btn:hover {
  background: #fee2e2;
  border-color: #dc2626;
  color: #dc2626;
  text-decoration: none;
}

.inv-form-tags .selectize-input {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 7px !important;
  padding: 5px 8px !important;
  font-size: 13px !important;
  min-height: 36px !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.inv-form-tags .selectize-input.focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}
.inv-form-tags .selectize-input .item {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}
.inv-form-tags .selectize-input input[id$=-selectized] {
  display: inline-block !important;
  flex: 1 !important;
  min-width: 40px !important;
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

.inv-qc-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 22px 0 !important;
  flex-wrap: nowrap !important;
}

.inv-qc-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.inv-qc-title {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  line-height: 1.4;
}

.inv-qc-status-pill {
  border: none;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  font-family: inherit;
  line-height: 1.5;
}
.inv-qc-status-pill.is-active {
  background: #dcfce7;
  color: #15803d;
}
.inv-qc-status-pill.is-inactive {
  background: #fee2e2;
  color: #dc2626;
}

.inv-qc-close-btn {
  width: 28px;
  height: 28px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  flex-shrink: 0;
  transition: background 0.12s;
}
.inv-qc-close-btn:hover {
  background: #f3f4f6;
}

.inv-qc-tabs-header {
  background: transparent;
  padding: 0 22px;
  margin-top: 12px;
}

.inv-qc-body {
  flex: 1;
  overflow-y: auto;
  padding: 18px 22px !important;
}
.inv-qc-body .inv-tab-pane {
  padding: 0;
}

.inv-qc-footer {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 22px !important;
  border-top: 1px solid #e5e7eb !important;
}

.inv-qc-save-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #16a34a;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.5;
  transition: background 0.15s;
}
.inv-qc-save-btn:hover {
  background: #15803d;
}
.inv-qc-save-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.inv-qc-cancel-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.5;
  transition: background 0.12s, border-color 0.12s;
}
.inv-qc-cancel-btn:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}

.editcolors {
  display: none !important;
  visibility: hidden;
  width: 0px !important;
  height: 0px !important;
}

.inventory-product-translations {
  margin-bottom: 20px;
}
.inventory-product-translations__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.inventory-product-translations__label {
  font-weight: 600;
  font-size: 13px;
  color: #555;
}
.inventory-product-translations__select {
  font-size: 13px;
  padding: 4px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}
.inventory-product-translations__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.inventory-product-translations__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: #e8f0fe;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}
.inventory-product-translations__item--active {
  background: #4285f4;
  color: #fff;
}
.inventory-product-translations__item__remove {
  cursor: pointer;
  opacity: 0.6;
  font-size: 14px;
  line-height: 1;
}
.inventory-product-translations__item__remove:hover {
  opacity: 1;
}
.inventory-product-translations__panel {
  display: none;
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #fafafa;
  margin-bottom: 8px;
}
.inventory-product-translations__panel--active {
  display: block;
}

.inv-form-chip-link {
  font-size: 12px;
  color: #2563eb;
  text-decoration: none;
}
.inv-form-chip-link:hover {
  text-decoration: underline;
}

.inventory-product-custom-fields__toolbar {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.inventory-product-custom-fields__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 20px;
}
.inventory-product-custom-fields__field {
  /*display: flex;
  flex-direction: column;
  gap: 4px;*/
}
.inventory-product-custom-fields__field label {
  font-size: 13px;
  font-weight: 500;
  color: #444;
}
.inventory-product-custom-fields__field input, .inventory-product-custom-fields__field textarea, .inventory-product-custom-fields__field select {
  width: 100%;
}
.inventory-product-custom-fields__field--required label::after {
  content: " *";
  color: #e53935;
}

.inv-field-placeholder {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 400;
}

.inv-field-help {
  font-size: 11px;
  color: #9ca3af;
}

.inv-section-empty {
  color: #9ca3af;
  font-size: 13px;
  padding: 8px 0;
}

.inventory-product-custom-fields-admin__table {
  width: 100%;
  border-collapse: collapse;
}
.inventory-product-custom-fields-admin__table th, .inventory-product-custom-fields-admin__table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
}
.inventory-product-custom-fields-admin__table th {
  font-weight: 600;
  background: #f5f5f5;
}
.inventory-product-custom-fields-admin__table tr:hover td {
  background: #fafafa;
}
.inventory-product-custom-fields-admin__form {
  max-width: 640px;
}
.inventory-product-custom-fields-admin__form .form-group {
  margin-bottom: 16px;
}
.inventory-product-custom-fields-admin__options-list {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
}
.inventory-product-custom-fields-admin__options-list li {
  display: flex;
  gap: 8px;
  margin-bottom: 6px;
  align-items: center;
}
.inventory-product-custom-fields-admin__badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}
.inventory-product-custom-fields-admin__badge--active {
  background: #e8f5e9;
  color: #2e7d32;
}
.inventory-product-custom-fields-admin__badge--inactive {
  background: #fce4ec;
  color: #c62828;
}

.inv-trans-field-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}
.inv-trans-field-header .control-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
}

.inv-trans-chips-row {
  display: flex;
  align-items: center;
  gap: 4px;
}

.inv-trans-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #6b7280;
  font-family: inherit;
  line-height: 1.6;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.inv-trans-chip--active {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}
.inv-trans-chip__remove {
  cursor: pointer;
  opacity: 0.7;
  font-size: 13px;
  line-height: 1;
  margin-left: 2px;
  top: -1px;
}
.inv-trans-chip__remove:hover {
  opacity: 1;
}

.inv-trans-add-select {
  border: 1px dashed #2563eb !important;
  border-radius: 20px !important;
  padding: 2px 9px !important;
  font-size: 11px;
  font-weight: 600 !important;
  color: #2563eb !important;
  background: transparent;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.6;
  height: auto;
}

.inv-trans-field-panel {
  display: none;
}
.inv-trans-field-panel textarea,
.inv-trans-field-panel .inv-trans-desc-base textarea {
  width: 100%;
  resize: vertical;
  font-family: inherit;
}
.inv-trans-field-panel.inv-trans-field-panel--translation input,
.inv-trans-field-panel.inv-trans-field-panel--translation textarea {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.inv-trans-field-panel.inv-trans-field-panel--translation input:focus,
.inv-trans-field-panel.inv-trans-field-panel--translation textarea:focus {
  border-color: #2563eb;
  background: #fff;
}

.inv-cfadmin-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(16, 24, 40, 0.4);
  z-index: 4000;
  align-items: center;
  justify-content: center;
}
.inv-cfadmin-overlay * {
  line-height: 1.5 !important;
}
.inv-cfadmin-overlay.is-open {
  display: flex;
}
.inv-cfadmin-overlay__modal {
  background: #fff;
  border-radius: 12px;
  width: 700px;
  max-width: 96vw;
  max-height: 86vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 50px rgba(16, 24, 40, 0.25);
}
.inv-cfadmin-overlay__header {
  background: #2563eb;
  border-radius: 12px 12px 0 0;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inv-cfadmin-overlay__title {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
.inv-cfadmin-overlay__subtitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 2px;
}
.inv-cfadmin-overlay__close {
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  flex-shrink: 0;
  line-height: 1;
}
.inv-cfadmin-overlay__close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.inv-cfadmin-overlay__body {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.inv-cfadmin-overlay__loading {
  text-align: center;
  padding: 32px;
  color: #9ca3af;
  font-size: 13px;
}

.inv-cfadmin {
  font-family: inherit;
}
.inv-cfadmin__toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 12px;
  gap: 12px;
}
.inv-cfadmin__section-title {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
}
.inv-cfadmin__section-sub {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 1px;
}
.inv-cfadmin__toggle-form-btn {
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 7px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
.inv-cfadmin__toggle-form-btn:hover {
  background: #1d4ed8;
}
.inv-cfadmin__new-form {
  display: none;
  background: #f8faff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 14px;
}
.inv-cfadmin__new-form--visible {
  display: block;
}
.inv-cfadmin__new-form-title {
  font-size: 12px;
  font-weight: 700;
  color: #1d4ed8;
  margin-bottom: 10px;
}
.inv-cfadmin__new-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 10px;
  align-items: end;
}
.inv-cfadmin__field-label {
  font-size: 11px;
  font-weight: 600;
  color: #374151;
  display: block;
  margin-bottom: 4px;
}
.inv-cfadmin__checkbox-wrap {
  display: flex;
  align-items: center;
  height: 36px;
}
.inv-cfadmin__options-row {
  margin-top: 10px;
}
.inv-cfadmin__new-form-actions {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.inv-cfadmin__save-btn {
  background: #16a34a;
  color: #fff;
  border: none;
  border-radius: 7px;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.inv-cfadmin__save-btn:disabled {
  background: #d1d5db;
  cursor: default;
}
.inv-cfadmin__save-btn:hover:not(:disabled) {
  background: #15803d;
}
.inv-cfadmin__cancel-btn {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}
.inv-cfadmin__cancel-btn:hover {
  background: #e5e7eb;
}
.inv-cfadmin__error {
  display: none;
  color: #dc2626;
  font-size: 12px;
  margin-top: 6px;
}
.inv-cfadmin__table {
  width: 100%;
  border-collapse: collapse;
}
.inv-cfadmin__table th {
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  padding: 7px 10px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  white-space: nowrap;
}
.inv-cfadmin__table td {
  padding: 8px 10px;
  border-bottom: 1px solid #f3f4f6;
  color: #374151;
  font-size: 12.5px;
  vertical-align: middle;
}
.inv-cfadmin__table tr:last-child td {
  border-bottom: none;
}
.inv-cfadmin__empty {
  text-align: center;
  padding: 14px;
  color: #9ca3af;
  font-size: 12.5px;
}
.inv-cfadmin__name-cell {
  font-weight: 600;
  color: #111827;
}
.inv-cfadmin__center-cell {
  text-align: center;
}
.inv-cfadmin__required-mark {
  color: #dc2626;
  font-weight: 700;
}
.inv-cfadmin__dash {
  color: #d1d5db;
}
.inv-cfadmin__actions-cell {
  width: 36px;
}
.inv-cfadmin__type-badge {
  background: #f3f4f6;
  color: #374151;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}
.inv-cfadmin__scope-badge {
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
}
.inv-cfadmin__scope-badge--all {
  background: #f0fdf4;
  color: #15803d;
}
.inv-cfadmin__scope-badge--custom {
  background: #eff6ff;
  color: #1d4ed8;
}
.inv-cfadmin__key-cell {
  font-family: monospace;
  font-size: 11.5px;
  color: #6b7280;
}
.inv-cfadmin__status-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}
.inv-cfadmin__status-badge--active {
  background: #f0fdf4;
  color: #15803d;
}
.inv-cfadmin__status-badge--inactive {
  background: #fce4ec;
  color: #c62828;
}
.inv-cfadmin__del-btn {
  background: none;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 11px;
}
.inv-cfadmin__del-btn:hover {
  border-color: #dc2626;
}
.inv-cfadmin__api-note {
  margin-top: 10px;
  padding: 8px 12px;
  background: #eff6ff;
  border-radius: 8px;
  font-size: 12px;
  color: #1d4ed8;
}
.inv-cfadmin__api-code {
  background: #dbeafe;
  padding: 1px 5px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 11px;
}

.employee-datasheet-page {
  --ed-ink: #1A2B45;
  --ed-ink-soft: #4A6080;
  --ed-ink-mute: #7A90A8;
  --ed-line: #E0E7F0;
  --ed-line-soft: #EDF1F7;
  --ed-bg: #F5F7FB;
  --ed-card: #fff;
  --ed-brand: #1B3A6B;
  --ed-brand-2: #3D7DD4;
  --ed-warn: #B45309;
  --ed-danger: #B91C1C;
  --ed-good: #1E7E4A;
  --ed-good-bg: #ECFDF5;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  background: var(--ed-bg);
  color: var(--ed-ink);
  font-size: 14px;
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}
.employee-datasheet-page * {
  line-height: 1.5 !important;
}
.employee-datasheet-page .ed-shell {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px 20px 100px;
}
.employee-datasheet-page .ed-brandbar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid var(--ed-line);
  border-radius: 12px;
  margin-bottom: 18px;
  box-shadow: 0 1px 2px rgba(27, 58, 107, 0.04);
}
.employee-datasheet-page .ed-brandbar .ed-logo {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--ed-brand);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.employee-datasheet-page .ed-brandbar h1 {
  font-size: 15px;
  font-weight: 600;
  color: var(--ed-brand);
  line-height: 1.2;
}
.employee-datasheet-page .ed-brandbar .ed-sub {
  font-size: 11px;
  color: var(--ed-ink-mute);
  margin-top: 1px;
}
.employee-datasheet-page .ed-lang-switch {
  margin-left: auto;
  display: flex;
  gap: 2px;
  padding: 3px;
  background: #F5F7FB;
  border: 1px solid var(--ed-line);
  border-radius: 8px;
}
.employee-datasheet-page .ed-lang-switch .ed-lang-btn {
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 5px;
  border: none;
  background: transparent;
  color: var(--ed-ink-mute);
  cursor: pointer;
  letter-spacing: 0.04em;
  transition: all 0.12s;
}
.employee-datasheet-page .ed-lang-switch .ed-lang-btn:hover {
  color: var(--ed-ink);
}
.employee-datasheet-page .ed-lang-switch .ed-lang-btn.act {
  background: #fff;
  color: var(--ed-brand);
  box-shadow: 0 1px 2px rgba(27, 58, 107, 0.08);
}
.employee-datasheet-page .ed-hero {
  background: linear-gradient(135deg, #1B3A6B 0%, #2D5AA0 100%);
  color: #fff !important;
  padding: 22px 24px;
  border-radius: 14px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}
.employee-datasheet-page .ed-hero::before {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
}
.employee-datasheet-page .ed-hero::after {
  content: "";
  position: absolute;
  right: 60px;
  bottom: -60px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
}
.employee-datasheet-page .ed-hero h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
  position: relative;
  color: rgba(255, 255, 255, 0.85);
}
.employee-datasheet-page .ed-hero p {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  max-width: 520px;
  position: relative;
  line-height: 1.55;
}
.employee-datasheet-page .ed-hero .ed-meta {
  display: flex;
  gap: 14px;
  margin-top: 14px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  flex-wrap: wrap;
}
.employee-datasheet-page .ed-hero .ed-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.employee-datasheet-page .ed-hero .ed-meta svg {
  width: 13px;
  height: 13px;
}
.employee-datasheet-page .ed-progress-wrap {
  margin-bottom: 18px;
}
.employee-datasheet-page .ed-progress-bar {
  display: flex;
  gap: 6px;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--ed-line);
  border-radius: 12px;
}
.employee-datasheet-page .ed-step-dot {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 4px 2px;
  border-radius: 8px;
}
.employee-datasheet-page .ed-step-dot .num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #F0F4FA;
  color: var(--ed-ink-mute);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  border: 1.5px solid transparent;
  transition: all 0.15s;
}
.employee-datasheet-page .ed-step-dot .lbl {
  font-size: 10px;
  color: var(--ed-ink-mute);
  text-align: center;
  font-weight: 500;
}
.employee-datasheet-page .ed-step-dot.done .num {
  background: var(--ed-good-bg);
  color: var(--ed-good);
  border-color: #A7E0BD;
}
.employee-datasheet-page .ed-step-dot.done .num::after {
  content: "✓";
  font-size: 14px;
}
.employee-datasheet-page .ed-step-dot.done .num .n {
  display: none;
}
.employee-datasheet-page .ed-step-dot.act .num {
  background: var(--ed-brand);
  color: #fff;
  border-color: var(--ed-brand);
  box-shadow: 0 0 0 3px rgba(27, 58, 107, 0.12);
}
.employee-datasheet-page .ed-step-dot.act .lbl {
  color: var(--ed-brand);
  font-weight: 600;
}
.employee-datasheet-page .ed-step-dot:hover:not(.act) .num {
  border-color: var(--ed-brand-2);
}
.employee-datasheet-page .ed-step-panel {
  display: none;
}
.employee-datasheet-page .ed-step-panel.active {
  display: block;
}
.employee-datasheet-page .ed-step-card {
  background: var(--ed-card);
  border: 1px solid var(--ed-line);
  border-radius: 14px;
  padding: 24px 26px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px rgba(27, 58, 107, 0.04);
  animation: edSlideIn 0.25s ease-out;
}
@keyframes edSlideIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.employee-datasheet-page .ed-step-head {
  /*margin-bottom: 18px;
  padding-bottom: 14px;*/
  /*border-bottom: 1px solid var(--ed-line-soft);*/
}
.employee-datasheet-page .ed-step-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  color: var(--ed-brand-2);
  background: #EBF3FF;
  padding: 3px 8px;
  border-radius: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.employee-datasheet-page .ed-step-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--ed-ink);
  margin-bottom: 5px;
}
.employee-datasheet-page .ed-step-desc {
  font-size: 13px;
  color: var(--ed-ink-soft);
  line-height: 1.55;
  max-width: 580px;
}
.employee-datasheet-page .ed-field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 16px;
}
.employee-datasheet-page .ed-field-grid:not(:last-child) {
  margin-bottom: 12px;
}
.employee-datasheet-page .ed-field-grid.cols-1 {
  grid-template-columns: 1fr;
}
.employee-datasheet-page .form-group {
  margin-bottom: 14px;
}
.employee-datasheet-page .form-group .control-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--ed-ink);
  margin-bottom: 5px;
  display: block;
}
.employee-datasheet-page .form-group .control-label .ed-req {
  color: var(--ed-danger);
  font-weight: 600;
}
.employee-datasheet-page .form-group .control-label .ed-opt {
  font-size: 10px;
  font-weight: 400;
  color: var(--ed-ink-mute);
  background: #F4F7FB;
  padding: 1px 6px;
  border-radius: 8px;
  margin-left: 6px;
}
.employee-datasheet-page .form-group .form-control {
  width: 100% !important;
  font-family: inherit !important;
  font-size: 13px;
  color: var(--ed-ink) !important;
  padding: 9px 11px !important;
  background: #fff;
  border: 1px solid var(--ed-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  transition: border-color 0.12s, box-shadow 0.12s;
  height: auto;
}
.employee-datasheet-page .form-group .form-control:focus {
  outline: none;
  border-color: var(--ed-brand-2);
  box-shadow: 0 0 0 3px rgba(61, 125, 212, 0.12) !important;
}
.employee-datasheet-page .form-group.has-error .form-control {
  border-color: var(--ed-danger);
  background: #FEF7F7;
}
.employee-datasheet-page .form-group.has-error .help-block {
  font-size: 11px;
  color: var(--ed-danger);
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 3px;
}
.employee-datasheet-page .form-group.has-error .help-block::before {
  content: "⚠";
}
.employee-datasheet-page .form-group .help-block {
  font-size: 11px;
  color: var(--ed-ink-mute);
}
.employee-datasheet-page .form-group .select2-container {
  width: 100% !important;
}
.employee-datasheet-page .form-group .select2-container .select2-selection--single {
  height: auto !important;
  padding: 9px 11px !important;
  border: 1px solid var(--ed-line) !important;
  border-radius: 7px !important;
  background: #fff !important;
  font-size: 13px;
}
.employee-datasheet-page .form-group .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 1.4 !important;
  padding: 0 !important;
}
.employee-datasheet-page .form-group .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
}
.employee-datasheet-page .form-group .select2-container.select2-container--open .select2-selection--single {
  border-color: var(--ed-brand-2) !important;
}
.employee-datasheet-page .form-group.has-error .select2-selection--single {
  border-color: var(--ed-danger) !important;
}
.employee-datasheet-page .form-group .twitter-typeahead {
  display: block !important;
}
.employee-datasheet-page .form-group .twitter-typeahead input.form-control {
  display: block !important;
}
.employee-datasheet-page .kv-drp-container, .employee-datasheet-page .kv-date-display {
  font-size: 13px !important;
}
.employee-datasheet-page .ed-subhead {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 18px 0 12px;
  padding-top: 14px;
  border-top: 1px dashed var(--ed-line);
}
.employee-datasheet-page .ed-subhead:first-of-type {
  padding-top: 0;
  border-top: none;
  margin-top: 0;
}
.employee-datasheet-page .ed-subhead .ic {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #EBF3FF;
  color: var(--ed-brand-2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}
.employee-datasheet-page .ed-subhead h3 {
  font-size: 13px;
  font-weight: 600;
  color: var(--ed-ink);
  margin: 0;
}
.employee-datasheet-page .ed-subhead p {
  font-size: 11px;
  color: var(--ed-ink-mute);
  margin-top: 1px;
  margin-bottom: 0;
}
.employee-datasheet-page .ed-check-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 12px;
  background: #F8FAFD;
  border: 1px solid var(--ed-line-soft);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.12s;
  margin-bottom: 10px;
}
.employee-datasheet-page .ed-check-row:hover {
  background: #F0F4FA;
}
.employee-datasheet-page .ed-check-row input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--ed-line);
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  margin-top: 2px;
  transition: all 0.12s;
}
.employee-datasheet-page .ed-check-row input[type=checkbox]:checked {
  background: var(--ed-brand);
  border-color: var(--ed-brand);
}
.employee-datasheet-page .ed-check-row input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.employee-datasheet-page .ed-check-row label {
  font-size: 12px;
  color: var(--ed-ink);
  cursor: pointer;
  line-height: 1.5;
  margin-bottom: 0;
}
.employee-datasheet-page .ed-check-row label strong {
  font-weight: 600;
}
.employee-datasheet-page .ed-check-row label span {
  font-size: 11px;
  color: var(--ed-ink-mute);
}
.employee-datasheet-page .ed-skip-docs {
  background: #FEF7E8;
  border: 1px solid #FCD79A;
  border-radius: 8px;
  padding: 11px 13px;
  margin-bottom: 12px;
  font-size: 12px;
  color: var(--ed-warn);
  display: flex;
  align-items: flex-start;
  gap: 9px;
  line-height: 1.5;
}
.employee-datasheet-page .ed-review-section {
  background: #F8FAFD;
  border: 1px solid var(--ed-line-soft);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 10px;
}
.employee-datasheet-page .ed-review-section h4 {
  font-size: 12px;
  font-weight: 600;
  color: var(--ed-brand);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.employee-datasheet-page .ed-review-section h4 button {
  margin-left: auto;
  background: none;
  border: none;
  color: var(--ed-brand-2);
  font-size: 11px;
  cursor: pointer;
  text-decoration: underline;
  font-family: inherit;
  padding: 0;
}
.employee-datasheet-page .ed-review-row {
  display: flex;
  padding: 5px 0;
  font-size: 12px;
  border-bottom: 1px dashed var(--ed-line-soft);
}
.employee-datasheet-page .ed-review-row:last-child {
  border-bottom: none;
}
.employee-datasheet-page .ed-review-row .k {
  color: var(--ed-ink-mute);
  width: 42%;
  flex-shrink: 0;
}
.employee-datasheet-page .ed-review-row .v {
  color: var(--ed-ink);
  font-weight: 500;
  flex: 1;
}
.employee-datasheet-page .ed-review-row .v.empty {
  color: var(--ed-ink-mute);
  font-style: italic;
  font-weight: 400;
}
.employee-datasheet-page .ed-consent-box {
  background: #FFF9EC;
  border: 1px solid #FCD79A;
  border-radius: 10px;
  padding: 14px 16px;
  margin-top: 14px;
}
.employee-datasheet-page .ed-consent-box .ed-check-row {
  background: transparent;
  border: none;
  padding: 6px 0;
  margin-bottom: 0;
}
.employee-datasheet-page .ed-consent-box .ed-check-row:hover {
  background: transparent;
}
.employee-datasheet-page .ed-consent-box .ed-consent-err {
  font-size: 11px;
  color: var(--ed-danger);
  margin-top: 6px;
  padding-left: 28px;
  display: none;
}
.employee-datasheet-page .ed-consent-box .ed-consent-err::before {
  content: "⚠ ";
}
.employee-datasheet-page .ed-step-nav {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 16px 0;
  position: sticky;
  bottom: 0;
  background: linear-gradient(to top, var(--ed-bg) 60%, transparent);
  padding-bottom: 20px;
  margin-bottom: -20px;
  z-index: 10;
}
.employee-datasheet-page .ed-spacer {
  flex: 1;
}
.employee-datasheet-page .ed-progress-text {
  font-size: 11px;
  color: var(--ed-ink-mute);
}
.employee-datasheet-page .ed-btn {
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid var(--ed-line);
  background: #fff;
  color: var(--ed-ink);
  cursor: pointer;
  transition: all 0.12s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.employee-datasheet-page .ed-btn:hover {
  border-color: var(--ed-brand-2);
  color: var(--ed-brand-2);
}
.employee-datasheet-page .ed-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.employee-datasheet-page .ed-btn.primary {
  background: var(--ed-brand);
  border-color: var(--ed-brand);
  color: #fff;
}
.employee-datasheet-page .ed-btn.primary:hover:not(:disabled) {
  background: #15315A;
  border-color: #15315A;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(27, 58, 107, 0.2);
}
.employee-datasheet-page .ed-btn.success-btn {
  background: var(--ed-good);
  border-color: var(--ed-good);
  color: #fff;
}
.employee-datasheet-page .ed-btn.success-btn:hover {
  background: #17683C;
  border-color: #17683C;
}
.employee-datasheet-page .ed-btn.ghost {
  border-color: transparent;
  background: transparent;
}
.employee-datasheet-page .ed-btn.ghost:hover {
  background: #F0F4FA;
  border-color: transparent;
  color: var(--ed-brand);
}
.employee-datasheet-page .ed-success-card {
  background: #fff;
  border: 1px solid var(--ed-line);
  border-radius: 14px;
  padding: 48px 24px;
  text-align: center;
}
.employee-datasheet-page .ed-success-card .ed-check-big {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--ed-good-bg);
  color: var(--ed-good);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 36px;
  border: 3px solid #A7E0BD;
  animation: edPopIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes edPopIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.employee-datasheet-page .ed-success-card h2 {
  font-size: 22px;
  font-weight: 600;
  color: var(--ed-ink);
  margin-bottom: 8px;
}
.employee-datasheet-page .ed-success-card p {
  font-size: 13px;
  color: var(--ed-ink-soft);
  max-width: 440px;
  margin: 0 auto;
  line-height: 1.6;
}
.employee-datasheet-page .ed-success-card .ed-what-next {
  margin-top: 24px;
  padding: 16px;
  background: #F8FAFD;
  border-radius: 10px;
  border: 1px solid var(--ed-line-soft);
  text-align: left;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}
.employee-datasheet-page .ed-success-card .ed-what-next h4 {
  font-size: 12px;
  font-weight: 600;
  color: var(--ed-brand);
  margin-bottom: 8px;
}
.employee-datasheet-page .ed-success-card .ed-what-next ol {
  padding-left: 18px;
  font-size: 12px;
  color: var(--ed-ink-soft);
  line-height: 1.7;
  margin: 0;
}
.employee-datasheet-page .ed-save-toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(80px);
  background: var(--ed-ink);
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  transition: transform 0.25s;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 6px;
  pointer-events: none;
}
.employee-datasheet-page .ed-save-toast.show {
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 600px) {
  .employee-datasheet-page .ed-shell {
    padding: 14px 12px 80px;
  }
  .employee-datasheet-page .ed-step-card {
    padding: 18px 16px;
  }
  .employee-datasheet-page .ed-field-grid {
    grid-template-columns: 1fr;
  }
  .employee-datasheet-page .ed-hero {
    padding: 18px 18px;
  }
  .employee-datasheet-page .ed-hero h2 {
    font-size: 18px;
  }
  .employee-datasheet-page .ed-step-dot .lbl {
    display: none;
  }
  .employee-datasheet-page .ed-step-dot .num {
    width: 24px;
    height: 24px;
    font-size: 11px;
  }
  .employee-datasheet-page .ed-brandbar h1 {
    font-size: 13px;
  }
  .employee-datasheet-page .ed-brandbar .ed-sub {
    display: none;
  }
}

#ed-postal-toggle-row {
  margin-top: 6px;
}

#ed-btn-back {
  display: none;
}

#ed-btn-submit {
  display: none;
}

.partner-import-wrapper {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  max-width: 900px;
  margin: 0 auto;
  padding: 24px 16px;
  color: #1a1a1a;
}
.partner-import-wrapper * {
  line-height: 1.5;
}
.partner-import-wrapper .pi-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 0.5px solid #e5e5e5;
}
.partner-import-wrapper .pi-topbar-title {
  font-size: 15px;
  font-weight: 600;
  color: #111;
}
.partner-import-wrapper .pi-step-nav {
  display: flex;
  align-items: center;
  gap: 0;
}
.partner-import-wrapper .pi-step-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  color: #aaa;
}
.partner-import-wrapper .pi-step-item.active {
  background: #f0f4ff;
  color: #185FA5;
  font-weight: 500;
}
.partner-import-wrapper .pi-step-item.active .pi-step-num {
  background: #185FA5;
  color: #fff;
}
.partner-import-wrapper .pi-step-item.done {
  color: #3B6D11;
}
.partner-import-wrapper .pi-step-item.done .pi-step-num {
  background: #3B6D11;
  color: #fff;
}
.partner-import-wrapper .pi-step-num {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  background: #eee;
  color: #888;
  flex-shrink: 0;
}
.partner-import-wrapper .pi-step-arrow {
  color: #ccc;
  padding: 0 2px;
  font-size: 14px;
}
.partner-import-wrapper .pi-panel {
  margin-top: 16px;
}
.partner-import-wrapper .pi-dropzone {
  border: 1.5px dashed #d0d0d0;
  border-radius: 12px;
  padding: 48px 24px;
  text-align: center;
  cursor: pointer;
  transition: background 0.15s;
  margin-bottom: 16px;
}
.partner-import-wrapper .pi-dropzone:hover {
  background: #fafafa;
}
.partner-import-wrapper .pi-drop-icon {
  font-size: 36px;
  margin-bottom: 12px;
}
.partner-import-wrapper .pi-drop-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #111;
}
.partner-import-wrapper .pi-drop-sub {
  font-size: 13px;
  color: #888;
  margin-bottom: 16px;
}
.partner-import-wrapper .pi-drop-btn {
  display: inline-block;
  padding: 8px 20px;
  border: 0.5px solid #ccc;
  border-radius: 8px;
  font-size: 13px;
  color: #333;
  background: #fff;
}
.partner-import-wrapper .pi-hint {
  background: #f8f9ff;
  border: 0.5px solid #dde4ff;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  color: #444;
  margin-bottom: 8px;
}
.partner-import-wrapper .pi-demo-btn {
  font-size: 13px;
  color: #185FA5;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  margin-top: 12px;
}
.partner-import-wrapper .pi-loading {
  text-align: center;
}
.partner-import-wrapper .pi-spinner {
  width: 28px;
  height: 28px;
  border: 2px solid #e5e5e5;
  border-top: 2px solid #185FA5;
  border-radius: 50%;
  animation: pi-spin 0.8s linear infinite;
  margin: 0 auto 12px;
}
.partner-import-wrapper .pi-file-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: #f4f4f4;
  border-radius: 8px;
  font-size: 13px;
  margin-bottom: 16px;
}
.partner-import-wrapper .pi-section-label {
  font-size: 11px;
  font-weight: 500;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  margin-top: 16px;
}
.partner-import-wrapper .pi-type-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .partner-import-wrapper .pi-type-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.partner-import-wrapper .pi-type-card {
  padding: 14px 10px;
  border: 0.5px solid #e5e5e5;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  transition: all 0.12s;
}
.partner-import-wrapper .pi-type-card:hover {
  background: #fafafa;
}
.partner-import-wrapper .pi-type-card.selected {
  border: 2px solid #185FA5;
  background: #E6F1FB;
}
.partner-import-wrapper .pi-type-icon {
  font-size: 22px;
  margin-bottom: 6px;
}
.partner-import-wrapper .pi-type-label {
  font-size: 13px;
  font-weight: 500;
}
.partner-import-wrapper .pi-map-card {
  border: 0.5px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
}
.partner-import-wrapper .pi-map-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #fafafa;
  border-bottom: 0.5px solid #e5e5e5;
}
.partner-import-wrapper .pi-map-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  border-bottom: 0.5px solid #f0f0f0;
}
.partner-import-wrapper .pi-map-col {
  flex: 1;
  min-width: 0;
}
.partner-import-wrapper .pi-map-col--select {
  overflow: visible;
}
.partner-import-wrapper .pi-map-header .pi-map-col {
  color: #888;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.partner-import-wrapper .pi-col-pill {
  display: inline-block;
  background: #f4f4f4;
  border: 0.5px solid #e5e5e5;
  border-radius: 6px;
  padding: 4px 9px;
  font-size: 12px;
  color: #333;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.partner-import-wrapper .pi-map-select {
  width: 100% !important;
  font-size: 12px;
  padding: 5px 8px !important;
  border: 0.5px solid #e5e5e5 !important;
  border-radius: 6px !important;
  background: #fff;
  color: #555 !important;
}
.partner-import-wrapper .pi-map-select.mapped {
  border-color: #185FA5 !important;
  color: #111 !important;
}
.partner-import-wrapper .pi-map-col--select .select2-container {
  width: 100% !important;
}
.partner-import-wrapper .pi-map-col--select .select2-container--default .select2-selection--single {
  height: 30px !important;
  border: 0.5px solid #e5e5e5 !important;
  border-radius: 6px !important;
  background: #fff;
  display: flex;
  align-items: center;
  transition: border-color 0.12s;
}
.partner-import-wrapper .pi-map-col--select .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px !important;
  font-size: 12px !important;
  color: #555 !important;
  padding: 0 28px 0 8px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.partner-import-wrapper .pi-map-col--select .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px !important;
  top: 0 !important;
  right: 4px !important;
}
.partner-import-wrapper .pi-map-col--select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #aaa transparent transparent transparent !important;
}
.partner-import-wrapper .pi-map-col--select .select2-container--default.select2-mapped .select2-selection--single {
  border-color: #185FA5 !important;
}
.partner-import-wrapper .pi-map-col--select .select2-container--default.select2-mapped .select2-selection--single .select2-selection__rendered {
  color: #111 !important;
  font-weight: 500;
}
.partner-import-wrapper .pi-map-col--select .select2-container--default.select2-container--focus .select2-selection--single,
.partner-import-wrapper .pi-map-col--select .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #185FA5 !important;
  box-shadow: 0 0 0 2px rgba(24, 95, 165, 0.12);
  outline: none;
}
.partner-import-wrapper .pi-map-arrow {
  width: 24px;
  text-align: center;
  font-size: 14px;
  color: #ccc;
}
.partner-import-wrapper .pi-map-arrow.mapped {
  color: #185FA5;
}
.partner-import-wrapper .pi-val-hint {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
  min-height: 0;
  font-size: 10px;
}
.partner-import-wrapper .pi-val-hint:empty {
  display: none;
}
.partner-import-wrapper .pi-val-hint-label {
  color: #aaa;
  font-size: 10px;
  white-space: nowrap;
  flex-shrink: 0;
}
.partner-import-wrapper .pi-val-pill {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 99px;
  background: #f0f4ff;
  border: 0.5px solid #c8d8f5;
  color: #185FA5;
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
  cursor: default;
  line-height: 1.5;
}
.partner-import-wrapper .pi-val-pill--cat {
  background: #f3f8f0;
  border-color: #bddda4;
  color: #2e6b10;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.partner-import-wrapper .pi-val-hint-info {
  font-size: 11px;
  color: #555;
  line-height: 1.5;
}
.partner-import-wrapper .pi-cat-search {
  display: block;
  width: 100%;
  max-width: 220px;
  margin-top: 4px;
  padding: 3px 7px;
  font-size: 11px;
  border: 0.5px solid #d0d8e5;
  border-radius: 6px;
  background: #fff;
  color: #333;
  outline: none;
}
.partner-import-wrapper .pi-cat-search:focus {
  border-color: #185FA5;
}
.partner-import-wrapper .pi-cat-hint-list {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.partner-import-wrapper .pi-map-sample {
  width: 80px;
  font-size: 11px;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.partner-import-wrapper .pi-summary-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
}
.partner-import-wrapper .pi-summary-chip {
  padding: 6px 12px;
  background: #f4f4f4;
  border-radius: 8px;
  font-size: 13px;
}
.partner-import-wrapper .pi-warn-chip {
  padding: 6px 12px;
  background: #FCEBEB;
  border-radius: 8px;
  font-size: 12px;
  color: #A32D2D;
}
.partner-import-wrapper .pi-ok-chip {
  padding: 6px 12px;
  background: #EAF3DE;
  border-radius: 8px;
  font-size: 12px;
  color: #3B6D11;
}
.partner-import-wrapper .pi-status-bar {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 10px 14px;
  background: #f8f8f8;
  border-radius: 8px;
  margin-bottom: 12px;
  font-size: 13px;
}
.partner-import-wrapper .pi-stat-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.partner-import-wrapper .pi-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.partner-import-wrapper .pi-warn-box {
  padding: 10px 14px;
  background: #FAEEDA;
  border-radius: 8px;
  font-size: 13px;
  color: #854F0B;
  margin-bottom: 12px;
}
.partner-import-wrapper .pi-table-wrap {
  overflow-x: auto;
  border: 0.5px solid #e5e5e5;
  border-radius: 12px;
  margin-bottom: 16px;
}
.partner-import-wrapper .pi-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.partner-import-wrapper .pi-table th {
  background: #fafafa;
  padding: 8px 12px;
  text-align: left;
  font-weight: 500;
  font-size: 11px;
  color: #666;
  border-bottom: 0.5px solid #e5e5e5;
  white-space: nowrap;
}
.partner-import-wrapper .pi-table td {
  padding: 7px 12px;
  border-bottom: 0.5px solid #f0f0f0;
  color: #222;
  font-size: 12px;
}
.partner-import-wrapper .pi-table tr.error {
  background: #fff5f5;
}
.partner-import-wrapper .pi-missing-val {
  color: #E24B4A;
  font-size: 11px;
}
.partner-import-wrapper .pi-badge-ok {
  font-size: 10px;
  padding: 2px 7px;
  background: #EAF3DE;
  color: #3B6D11;
  border-radius: 99px;
}
.partner-import-wrapper .pi-badge-err {
  font-size: 10px;
  padding: 2px 7px;
  background: #FCEBEB;
  color: #A32D2D;
  border-radius: 99px;
}
.partner-import-wrapper .pi-req-badge {
  font-size: 9px;
  padding: 1px 5px;
  background: #fce;
  color: #A32D2D;
  border-radius: 99px;
  margin-left: 4px;
}
.partner-import-wrapper .pi-success-box {
  text-align: center;
  padding: 64px 24px;
}
.partner-import-wrapper .pi-success-icon {
  font-size: 48px;
  color: #3B6D11;
  margin-bottom: 16px;
}
.partner-import-wrapper .pi-success-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.partner-import-wrapper .pi-success-sub {
  font-size: 14px;
  color: #888;
  margin-bottom: 24px;
}
.partner-import-wrapper .pi-success-actions {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-import-wrapper .pi-btn-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
}
.partner-import-wrapper .pi-btn-ghost {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  background: none;
  border: none;
  color: #888;
  cursor: pointer;
}
.partner-import-wrapper .pi-btn-ghost:hover {
  color: #333;
}
.partner-import-wrapper .pi-btn-primary {
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  background: #185FA5;
  color: #fff;
  border: none;
  cursor: pointer;
}
.partner-import-wrapper .pi-btn-primary:hover {
  background: #144a84;
}
.partner-import-wrapper .pi-btn-primary:disabled {
  background: #b0c8e8;
  cursor: not-allowed;
}
.partner-import-wrapper .pi-btn-outline {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  background: #fff;
  border: 0.5px solid #ccc;
  color: #333;
  cursor: pointer;
}
.partner-import-wrapper .pi-btn-outline:hover {
  background: #f4f4f4;
}
.partner-import-wrapper .pi-btn-secondary {
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  background: #fff;
  color: #D32F2F;
  border: 1px solid #D32F2F;
  cursor: pointer;
  transition: all 0.15s;
}
.partner-import-wrapper .pi-btn-secondary:hover {
  background: #D32F2F;
  color: #fff;
}
.partner-import-wrapper .pi-hidden {
  display: none;
}

@keyframes pi-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.badge-vevo {
  background: #E6F1FB;
  color: #0C447C;
}

.badge-szallito {
  background: #EAF3DE;
  color: #27500A;
}

.badge-felvevo {
  background: #FAEEDA;
  color: #633806;
}

.badge-lerakodo {
  background: #FBEAF0;
  color: #72243E;
}

.badge-szallitmanyozo {
  background: #EEEDFE;
  color: #3C3489;
}

.badge-distributor {
  background: #E1F5EE;
  color: #085041;
}

.badge-ugyfel {
  background: #F1EFE8;
  color: #444441;
}

.badge-maganszemely {
  background: #F1EFE8;
  color: #444441;
}

.partner-wrap {
  font-family: system-ui, -apple-system, sans-serif;
  background: #f3f4f6;
  min-height: 100vh;
  font-size: 13px;
  color: #1a1a1a;
}
.partner-wrap * {
  line-height: 1.5;
}

.p-card {
  background: white;
  border: 0.5px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 16px;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 7px;
  border: none;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.12s, opacity 0.12s;
  white-space: nowrap;
}
.btn:disabled {
  opacity: 0.45;
  cursor: default;
}
.btn-primary {
  background: #2563EB;
  color: white;
}
.btn-success {
  background: #16a34a;
  color: white;
}
.btn-danger {
  background: #dc2626;
  color: white;
}
.btn-ghost {
  background: white;
  color: #555;
  border: 0.5px solid #e5e7eb;
}
.btn-icon {
  width: 28px;
  height: 28px;
  padding: 0;
  justify-content: center;
  border: 0.5px solid #e5e7eb;
  background: white;
  border-radius: 6px;
}

.p-input, .p-select, .p-textarea {
  width: 100%;
  padding: 7px 10px;
  font-size: 13px;
  font-family: system-ui, -apple-system, sans-serif;
  color: #1a1a1a;
  background: white;
  border: 0.5px solid #d1d5db;
  border-radius: 6px;
  box-sizing: border-box;
  transition: border-color 0.12s, box-shadow 0.12s;
}
.p-input:focus, .p-select:focus, .p-textarea:focus {
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.p-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 28px;
}

.p-textarea {
  min-height: 80px;
  resize: vertical;
}

.p-label {
  display: block;
  font-size: 12px;
  color: #666;
  margin-bottom: 4px;
  font-weight: 500;
}
.p-label .req {
  color: #dc2626;
  margin-left: 2px;
}

.p-section-title {
  font-size: 11px;
  font-weight: 700;
  color: #7a90a8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 0.5px solid #e5e7eb;
}

#partner-search {
  width: 100% !important;
  padding: 7px 10px 7px 34px !important;
  font-size: 13px;
  border-radius: 20px !important;
  border: 0.5px solid #d1d5db !important;
  background: white;
  font-family: inherit !important;
  color: #1a1a1a !important;
  box-sizing: border-box;
  outline: none;
}

#search-clear {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #aaa;
  font-size: 16px;
  padding: 0;
  line-height: 1;
}

.partner-lista__header {
  background: #f3f4f6;
  padding: 20px 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.partner-lista__header h1 {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}
.partner-lista__tabs {
  padding: 16px 24px 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.partner-lista__tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-family: system-ui, -apple-system, sans-serif;
  cursor: pointer;
  border: 1px solid #e5e7eb;
  background: white;
  color: #555;
  transition: all 0.12s;
  font-weight: 400;
}
.partner-lista__tab .cnt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  padding: 0 5px;
  background: #F3F4F6;
  color: #666;
}
.partner-lista__tab.active {
  font-weight: 600;
}
.partner-lista__tab.active .cnt {
  background: rgba(255, 255, 255, 0.22);
  color: white;
}
.partner-lista__tab.active-osszes {
  background: #1a1a1a;
  color: white;
  border-color: #1a1a1a;
}
.partner-lista__tab.active-vevo {
  background: #0C447C;
  color: white;
  border-color: #0C447C;
}
.partner-lista__tab.active-szallito {
  background: #27500A;
  color: white;
  border-color: #27500A;
}
.partner-lista__tab.active-felvevo {
  background: #633806;
  color: white;
  border-color: #633806;
}
.partner-lista__tab.active-lerakodo {
  background: #72243E;
  color: white;
  border-color: #72243E;
}
.partner-lista__tab.active-szallitmanyozo {
  background: #3C3489;
  color: white;
  border-color: #3C3489;
}
.partner-lista__tab.active-distributor {
  background: #085041;
  color: white;
  border-color: #085041;
}
.partner-lista__tab.active-ugyfel {
  background: #444441;
  color: white;
  border-color: #444441;
}
.partner-lista__tab.active-maganszemely {
  background: #444441;
  color: white;
  border-color: #444441;
}
.partner-lista__tab.active-ev, .partner-lista__tab.active-maganszemely {
  background: #1a1a1a;
  color: white;
  border-color: #1a1a1a;
}
.partner-lista__search {
  padding: 14px 24px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.partner-lista__search .search-wrap {
  position: relative;
  flex: 1;
  max-width: 480px;
}
.partner-lista__search .search-wrap svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.partner-lista__search .search-wrap input {
  padding-left: 34px;
  border-radius: 20px;
}
.partner-lista__search .search-wrap .clear {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #aaa;
  font-size: 16px;
  line-height: 1;
  padding: 0;
}
.partner-lista__table-wrap {
  padding: 0 24px 24px;
}
.partner-lista table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.partner-lista table thead th {
  padding: 10px 14px;
  text-align: left;
  font-size: 11px;
  font-weight: 500;
  color: #555;
  border-bottom: 0.5px solid #e5e7eb;
  white-space: nowrap;
  background: #f9fafb;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.partner-lista table thead th.sortable {
  cursor: pointer;
  user-select: none;
}
.partner-lista table thead th .sort-arrow {
  margin-left: 3px;
  opacity: 0.6;
  font-size: 10px;
}
.partner-lista table tbody tr {
  border-bottom: 0.5px solid #f3f4f6;
  background: white;
  transition: background 0.1s;
}
.partner-lista table tbody tr:hover {
  background: #F8FAFF;
}
.partner-lista table td {
  padding: 12px 16px;
  vertical-align: middle;
}
.partner-lista .p-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
  letter-spacing: 0;
}
.partner-lista__pager {
  padding: 12px 16px;
  border-top: 0.5px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.partner-lista__pager .spacer {
  flex: 1;
}
.partner-lista__pager .page-info {
  font-size: 12px;
  color: #888;
  white-space: nowrap;
}
.partner-lista__pager .pager-btn {
  min-width: 30px;
  height: 30px;
  padding: 0 6px;
  border: 0.5px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  background: white;
  color: #555;
  font-family: system-ui, -apple-system, sans-serif;
}
.partner-lista__pager .pager-btn.active {
  background: #2563EB;
  color: white;
  border-color: #2563EB;
  font-weight: 500;
}
.partner-lista__pager .pager-btn:disabled {
  color: #ccc;
  cursor: default;
}

.quick-popup {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}
.quick-popup__box {
  position: relative;
  width: 360px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  font-family: system-ui, -apple-system, sans-serif;
}
.quick-popup__header {
  padding: 14px 16px 0;
  position: relative;
}
.quick-popup__header .close-btn {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  cursor: pointer;
  color: white;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-popup__body {
  background: white;
}
.quick-popup__body .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
  border-bottom: 0.5px solid #f3f4f6;
  font-size: 12px;
}
.quick-popup__body .row .lbl {
  color: #888;
}
.quick-popup__body .row .val {
  color: #1a1a1a;
  text-align: right;
  max-width: 220px;
}
.quick-popup__footer {
  background: white;
  padding: 14px 18px;
  border-top: 0.5px solid #f3f4f6;
}

.p-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  margin-right: 4px;
  margin-bottom: 2px;
}

.p-type-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}
.p-type-badge-ceg {
  background: #F3F4F6;
  color: #374151;
}
.p-type-badge-ev {
  background: #FEF3C7;
  color: #92400E;
}
.p-type-badge-maganszemely {
  background: #EDE9FE;
  color: #5B21B6;
}

.p-aktiv-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  font-family: system-ui, -apple-system, sans-serif;
  cursor: pointer;
  transition: all 0.15s;
}
.p-aktiv-badge.aktiv {
  background: #DCFCE7;
  color: #16a34a;
}
.p-aktiv-badge.inaktiv {
  background: #FEE2E2;
  color: #dc2626;
}
.p-aktiv-badge .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}
.p-aktiv-badge .dot-aktiv {
  background: #16a34a;
}
.p-aktiv-badge .dot-inaktiv {
  background: #dc2626;
}

.partner-profil__breadcrumb {
  background: white;
  border-bottom: 0.5px solid #e5e7eb;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: #888;
}
.partner-profil__breadcrumb a {
  color: #2563EB;
  text-decoration: none;
  cursor: pointer;
}
.partner-profil__breadcrumb .sep {
  color: #e5e7eb;
}
.partner-profil__breadcrumb .current {
  color: #1a1a1a;
  font-weight: 500;
}
.partner-profil__layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 20px;
  padding: 20px 24px;
  max-width: 1280px;
  margin: 0 auto;
}
.partner-profil__side {
  position: sticky;
  top: 20px;
  align-self: start;
}
.partner-profil__header-card {
  overflow: hidden;
}
.partner-profil__header-card .gradient-head {
  padding: 20px 20px 16px;
}
.partner-profil__header-card .partner-meta {
  font-size: 11px;
  color: #666;
}
.partner-profil__header-card .partner-name {
  font-weight: 700;
  font-size: 15px;
  color: #1a1a1a;
  margin-bottom: 2px;
}
.partner-profil__header-card .info-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  border-bottom: 0.5px solid #f3f4f6;
  gap: 8px;
}
.partner-profil__header-card .info-row .lbl {
  font-size: 11px;
  color: #888;
  flex-shrink: 0;
}
.partner-profil__header-card .info-row .val {
  font-size: 11px;
  color: #1a1a1a;
  font-weight: 500;
  text-align: right;
}
.partner-profil__header-card .actions {
  padding: 12px 16px;
  display: flex;
  gap: 8px;
}
.partner-profil__header-card .actions .btn {
  flex: 1;
  justify-content: center;
  font-size: 12px;
  padding: 8px 0;
}
.partner-profil__kapcsolodo .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 0.5px solid #f9fafb;
  cursor: pointer;
  transition: background 0.1s;
}
.partner-profil__kapcsolodo .item:hover {
  background: #F9FAFB;
}
.partner-profil__kapcsolodo .item .icon-box {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.partner-profil__kapcsolodo .item .label {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
}
.partner-profil__kapcsolodo .item .ertek {
  font-size: 12px;
  font-weight: 500;
}
.partner-profil__history .header {
  padding: 10px 16px;
  border-bottom: 0.5px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.partner-profil__history .header .title {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.partner-profil__history .header .all-btn {
  font-size: 11px;
  color: #2563EB;
  background: none;
  border: none;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
  padding: 0;
}
.partner-profil__history .event {
  padding: 10px 16px;
}
.partner-profil__history .event .ev-name {
  font-size: 12px;
  font-weight: 500;
  color: #1a1a1a;
}
.partner-profil__history .event .ev-date {
  font-size: 10px;
  color: #aaa;
  white-space: nowrap;
}
.partner-profil__history .event .ev-detail {
  font-size: 11px;
  color: #555;
  margin-bottom: 2px;
}
.partner-profil__history .event .ev-user {
  font-size: 10px;
  color: #aaa;
}
.partner-profil__history .more-btn {
  margin: 10px 16px;
  width: calc(100% - 32px);
  background: #F9FAFB;
  border: 0.5px solid #e5e7eb;
  border-radius: 6px;
  padding: 6px 0;
  font-size: 11px;
  color: #555;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
}
.partner-profil__tabs {
  overflow-x: auto;
  border-bottom: 0.5px solid #e5e7eb;
  display: flex;
  padding-left: 4px;
  background: white;
  white-space: nowrap;
}
.partner-profil__tabs .tab-btn {
  padding: 12px 14px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  border-bottom: 2px solid transparent;
  color: #666;
  font-weight: 400;
  background: none;
  font-family: system-ui, -apple-system, sans-serif;
  white-space: nowrap;
  flex-shrink: 0;
  transition: color 0.1s, border-color 0.1s;
}
.partner-profil__tabs .tab-btn.active {
  color: #2563EB;
  font-weight: 500;
  border-bottom-color: #2563EB;
}
.partner-profil__tab-content {
  padding: 24px;
}

.p-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.p-modal {
  position: relative;
  background: white;
  border-radius: 12px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 640px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  font-family: system-ui, -apple-system, sans-serif;
}
.p-modal.wide-modal {
  max-width: 900px;
}
.p-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 0.5px solid #e5e7eb;
  flex-shrink: 0;
}
.p-modal__header h2 {
  font-size: 15px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}
.p-modal__header .close {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F4F6;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  color: #555;
  line-height: 1;
}
.p-modal__body {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}
.p-modal__footer {
  padding: 16px 20px;
  border-top: 0.5px solid #e5e7eb;
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

.partner-form {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px;
}
.partner-form__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.partner-form__breadcrumb {
  font-size: 11px;
  color: #888;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 20px;
}
.partner-form__breadcrumb a {
  color: #2563EB;
  cursor: pointer;
  text-decoration: none;
}
.partner-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}
.partner-form__grid .full {
  grid-column: 1/-1;
}
.partner-form__grid > .form-group {
  margin-bottom: 0;
  min-width: 0;
}
.partner-form__grid > div > .form-group {
  margin-bottom: 12px;
  min-width: 0;
}
.partner-form__type-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.partner-form__type-group label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.1s;
  user-select: none;
  background: white;
  color: #555;
  font-family: system-ui, -apple-system, sans-serif;
}
.partner-form__type-group label input[type=radio] {
  display: none;
}
.partner-form__type-group label.selected {
  border-color: #2563EB;
  background: #EFF6FF;
  color: #2563EB;
  font-weight: 500;
}
.partner-form__nyilv-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.partner-form__nyilv-group label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 0.5px solid #e5e7eb;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  user-select: none;
  background: white;
  color: #555;
  transition: all 0.1s;
  font-family: system-ui, -apple-system, sans-serif;
}
.partner-form__nyilv-group label input[type=checkbox] {
  display: none;
}
.partner-form__nyilv-group label.checked {
  border-width: 1.5px;
  font-weight: 500;
}
.partner-form__nyilv-group label.checked.nyilv-vevo {
  background: #E6F1FB;
  color: #0C447C;
  border-color: #0C447C;
}
.partner-form__nyilv-group label.checked.nyilv-szallito {
  background: #EAF3DE;
  color: #27500A;
  border-color: #27500A;
}
.partner-form__nyilv-group label.checked.nyilv-felvevo {
  background: #FAEEDA;
  color: #633806;
  border-color: #633806;
}
.partner-form__nyilv-group label.checked.nyilv-lerakodo {
  background: #FBEAF0;
  color: #72243E;
  border-color: #72243E;
}
.partner-form__nyilv-group label.checked.nyilv-szallitmanyozo {
  background: #EEEDFE;
  color: #3C3489;
  border-color: #3C3489;
}
.partner-form__nyilv-group label.checked.nyilv-distributor {
  background: #E1F5EE;
  color: #085041;
  border-color: #085041;
}
.partner-form__nyilv-group label.checked.nyilv-ugyfel {
  background: #F1EFE8;
  color: #444441;
  border-color: #444441;
}
.partner-form__nyilv-group label.checked.nyilv-maganszemely {
  background: #F1EFE8;
  color: #444441;
  border-color: #444441;
}
.partner-form__person-card {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 12px;
  background: #fafafa;
}
.partner-form__person-card .person-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.partner-form__person-card .person-head .person-title {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
}
.partner-form__person-card .person-head .remove-link {
  font-size: 12px;
  color: #dc2626;
  background: none;
  border: none;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 500;
}
.partner-form__person-card .mobil-list {
  margin-top: 8px;
}
.partner-form__person-card .mobil-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 6px;
}
.partner-form__person-card .add-link {
  font-size: 12px;
  color: #2563EB;
  cursor: pointer;
  background: none;
  border: none;
  font-family: system-ui, -apple-system, sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.partner-form__telephely {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 12px;
  background: #fafafa;
}
.partner-form__skonto {
  border: 0.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 10px;
  background: white;
}
.partner-form__skonto .skonto-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.partner-form__stepper {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  border-bottom: 0.5px solid #e5e7eb;
  padding-bottom: 0;
}
.partner-form__stepper .step-btn {
  padding: 10px 16px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  font-family: system-ui, -apple-system, sans-serif;
  color: #666;
  font-weight: 400;
  transition: all 0.1s;
  white-space: nowrap;
  margin-bottom: -1px;
}
.partner-form__stepper .step-btn.active {
  color: #2563EB;
  font-weight: 500;
  border-bottom-color: #2563EB;
}

.custom-fields-admin {
  max-width: 760px;
  margin: 0 auto;
  padding: 24px;
}
.custom-fields-admin__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 12px;
  flex-wrap: wrap;
}
.custom-fields-admin__header h1 {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 4px;
}
.custom-fields-admin__header .sub {
  font-size: 13px;
  color: #888;
  margin: 0;
}
.custom-fields-admin__filter {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.custom-fields-admin__filter-btn {
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
  border: 0.5px solid #d1d5db;
  background: white;
  color: #555;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
  transition: all 0.1s;
}
.custom-fields-admin__filter-btn.active {
  border-color: #2563EB;
  background: #EFF6FF;
  color: #2563EB;
}
.custom-fields-admin__mezo {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: white;
  transition: opacity 0.15s;
}
.custom-fields-admin__mezo.inaktiv {
  opacity: 0.6;
  background: #fafafa;
}
.custom-fields-admin__mezo .sort-btns {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}
.custom-fields-admin__mezo .sort-btns button {
  width: 20px;
  height: 20px;
  border: 0.5px solid #e5e7eb;
  border-radius: 4px;
  background: white;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.custom-fields-admin__mezo .sort-btns button:disabled {
  opacity: 0.3;
  cursor: default;
}
.custom-fields-admin__mezo .type-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.custom-fields-admin__mezo .mezo-info {
  flex: 1;
  min-width: 0;
}
.custom-fields-admin__mezo .mezo-name {
  font-weight: 600;
  font-size: 13px;
  color: #1a1a1a;
  margin-right: 6px;
}
.custom-fields-admin__mezo .mezo-tags {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.custom-fields-admin__mezo .mezo-tag {
  font-size: 10px;
  padding: 1px 7px;
  border-radius: 10px;
  background: #F3F4F6;
  color: #555;
}
.custom-fields-admin__mezo .kotelezo-tag {
  background: #fef3c7;
  color: #b45309;
}
.custom-fields-admin__mezo .toggle-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.custom-fields-admin__mezo .toggle-wrap .toggle-label {
  font-size: 11px;
  color: #888;
}
.custom-fields-admin__mezo .mezo-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.custom-fields-admin__mezo-form {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 12px;
  background: #fafafa;
}
.custom-fields-admin__info-box {
  margin-top: 24px;
  padding: 12px 16px;
  background: #EFF6FF;
  border-radius: 8px;
  border: 0.5px solid #bfdbfe;
  font-size: 12px;
  color: #2563EB;
  line-height: 1.6;
}

.partner-qv-badges {
  display: flex;
  gap: 5px;
  margin-bottom: 7px;
  flex-wrap: wrap;
}

.partner-qv-status-wrap {
  margin-top: 8px;
  padding-bottom: 14px;
}

.partner-qv-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.15);
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 500;
  color: #fff;
}

.partner-qv-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}

.partner-lista__search-row {
  padding: 14px 24px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.partner-lista__search-wrap {
  position: relative;
  flex: 1;
  max-width: 420px;
}
.partner-lista__search-wrap svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
}

.partner-lista__table-box {
  background: white;
  border-radius: 12px;
  border: 0.5px solid #e5e7eb;
  overflow: hidden;
}

#cf-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.45);
  overflow-y: auto;
  padding: 24px;
}

#cf-modal-box {
  background: #f3f4f6;
  border-radius: 14px;
  max-width: 780px;
  margin: 0 auto;
  padding: 28px;
  position: relative;
  font-family: system-ui, -apple-system, sans-serif;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

#cf-modal-close {
  position: absolute;
  top: 14px;
  right: 16px;
  background: transparent;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #6b7280;
  line-height: 1;
}

.cf-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.cf-modal-header h2 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  color: #111827;
}
.cf-modal-header p {
  margin: 0;
  font-size: 13px;
  color: #6b7280;
}

#cf-filter-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.cf-tab {
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid #d1d5db;
  background: white;
  color: #555;
  font-family: system-ui, -apple-system, sans-serif;
  transition: all 0.1s;
}
.cf-tab--active {
  font-weight: 600;
  border-color: #1a1a1a;
  background: #1a1a1a;
  color: white;
}

#cf-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 40px;
}

.cf-add-new-wrap {
  margin-top: 16px;
}

#cf-btn-add-new {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0px 16px;
  background: #2563EB;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
}
#cf-btn-add-new .plus-icon {
  font-size: 17px;
  line-height: 1;
}

#cf-form-new {
  display: none;
  margin-top: 16px;
}

.cf-info-box {
  margin-top: 24px;
  padding: 12px 16px;
  background: rgb(239, 246, 255);
  border-radius: 8px;
  border: 0.5px solid rgb(191, 219, 254);
  font-size: 12px;
  color: rgb(37, 99, 235);
  line-height: 1.6;
}
.cf-info-box p {
  margin: 3px 0 0;
  font-size: 12px;
  color: rgb(37, 99, 235);
  line-height: 1.5;
}

.cf-edit-form {
  background: #fafafa;
  border-radius: 10px;
  padding: 18px 20px;
  border: 0.5px solid #e5e7eb;
  margin-bottom: 12px;
}
.cf-edit-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}

.cf-form-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 4px;
}

.cf-form-label-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  cursor: pointer;
}

.cf-form-req {
  color: #ef4444;
}

.cf-form-input,
.cf-form-select {
  width: 100% !important;
  padding: 7px 10px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  background: white;
  box-sizing: border-box;
}

.cf-source-row {
  margin-top: 10px;
}

.cf-partner-types-section {
  margin-top: 10px;
}

.cf-partner-types-wrap {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.cf-partner-type-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border: 0.5px solid #d1d5db;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
  background: white;
  color: #555;
  user-select: none;
  transition: all 0.1s;
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 400;
}
.cf-partner-type-pill input[type=checkbox] {
  display: none;
}
.cf-partner-type-pill.is-checked {
  border: 1.5px solid #2563EB;
  background: #EFF6FF;
  color: #2563EB;
  font-weight: 500;
}

.cf-required-section {
  margin-top: 10px;
}

.cf-form-actions {
  display: flex;
  gap: 8px;
  margin-top: 14px;
  justify-content: space-between;
}

.cf-form-save-btn {
  padding: 7px 18px;
  background: #2563EB;
  color: white;
  border: none;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
}

.cf-form-cancel-btn {
  padding: 7px 14px;
  background: white;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 7px;
  font-size: 13px;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
}

.cf-form-errors {
  display: none;
  margin-top: 10px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 12px;
  color: #991b1b;
}

.cf-card {
  background: white;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  opacity: 1;
  transition: background 0.15s, opacity 0.15s;
}
.cf-card.inaktiv {
  background: #fafafa;
  opacity: 0.6;
}
.cf-card__sort-btns {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}
.cf-card__content {
  flex: 1;
  min-width: 0;
}
.cf-card__title-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.cf-card__status-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.cf-order-up,
.cf-order-down {
  width: 20px;
  height: 20px;
  border: 0.5px solid #e5e7eb;
  border-radius: 4px;
  background: white;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.1s;
  padding: 0;
}
.cf-order-up:disabled,
.cf-order-down:disabled {
  opacity: 0.3;
  cursor: default;
}

.cf-card-type-icon {
  font-size: 18px;
  flex-shrink: 0;
}

.cf-card-name {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

.cf-card-required-badge {
  display: none;
  padding: 1px 7px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 600;
  background: #fef3c7;
  color: #92400e;
}

.cf-card-type-badge {
  padding: 1px 7px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 600;
  background: #e0f2fe;
  color: #0369a1;
}

.cf-card-source-line {
  display: none;
  font-size: 11px;
  color: #6b7280;
  margin-top: 2px;
}

.cf-card-partner-types-line {
  font-size: 11px;
  color: #6b7280;
  margin-top: 2px;
}

.cf-card-status-label {
  font-size: 11px;
  color: #888;
  white-space: nowrap;
}

.cf-toggle-wrap {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  flex-shrink: 0;
  cursor: pointer;
}

.cf-toggle-input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.cf-toggle-slider {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: #d1d5db;
  border: none;
  transition: background 0.15s;
}

.cf-toggle-knob {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: white;
  transition: left 0.15s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.cf-card-edit-btn,
.cf-card-delete-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #e5e7eb;
  border-radius: 6px;
  background: white;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 11px;
  line-height: 1;
}
.cf-card-edit-btn .trash-icon,
.cf-card-delete-btn .trash-icon {
  filter: sepia(1) saturate(5) hue-rotate(310deg) brightness(0.9);
  line-height: 1;
  font-size: 11px;
}

.toggle-switch {
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
  background: #d1d5db;
}
.toggle-switch.on {
  background: #16a34a;
}
.toggle-switch .knob {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: white;
  top: 3px;
  left: 3px;
  transition: left 0.15s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.toggle-switch.on .knob {
  left: 19px;
}

.history-timeline {
  position: relative;
  padding-left: 24px;
}
.history-timeline::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e5e7eb;
  border-radius: 2px;
}
.history-timeline .event {
  position: relative;
  margin-bottom: 16px;
}
.history-timeline .event::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  border: 2px solid white;
  z-index: 1;
}
.history-timeline .event:first-child::before {
  background: #2563EB;
}
.history-timeline .event .card {
  background: #fafafa;
  border: 0.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
}
.history-timeline .event .card .head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
.history-timeline .event .card .name {
  font-weight: 500;
  font-size: 13px;
  color: #1a1a1a;
}
.history-timeline .event .card .date {
  font-size: 11px;
  color: #aaa;
  white-space: nowrap;
  margin-left: 12px;
}
.history-timeline .event .card .detail {
  font-size: 12px;
  color: #555;
  margin-bottom: 3px;
}
.history-timeline .event .card .user {
  font-size: 11px;
  color: #888;
}

.doc-preview .doc-meta {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
.doc-preview .doc-meta .row {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 0.5px solid #e5e7eb;
  font-size: 12px;
}
.doc-preview .doc-meta .row:last-child {
  border-bottom: none;
}
.doc-preview .doc-meta .row .lbl {
  color: #888;
}
.doc-preview .doc-meta .row .val {
  font-weight: 500;
  color: #1a1a1a;
}
.doc-preview .items-title {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}
.doc-preview .item-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 0.5px solid #f3f4f6;
  font-size: 13px;
}
.doc-preview .item-row .num {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #EFF6FF;
  color: #2563EB;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  flex-shrink: 0;
}

.csoport-select {
  position: relative;
}
.csoport-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
  border: 0.5px solid #d1d5db;
  border-radius: 6px;
  cursor: pointer;
  background: white;
  min-height: 36px;
  transition: border-color 0.12s;
}
.csoport-select__trigger:focus-within {
  border-color: #2563EB;
}
.csoport-select__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.csoport-select__dropdown {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  background: white;
  border: 0.5px solid #d1d5db;
  border-radius: 8px;
  z-index: 30;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  max-height: 260px;
  overflow-y: auto;
  display: none;
}
.csoport-select__dropdown.open {
  display: block;
}
.csoport-select__search {
  padding: 8px 10px;
  border-bottom: 0.5px solid #f0f0f0;
  position: sticky;
  top: 0;
  background: white;
}
.csoport-select__search input {
  width: 100%;
  padding: 5px 8px;
  font-size: 12px;
  border: 0.5px solid #e5e7eb;
  border-radius: 5px;
  background: #f9fafb;
  font-family: system-ui, -apple-system, sans-serif;
  box-sizing: border-box;
}
.csoport-select__kat-label {
  padding: 6px 10px 3px;
  font-size: 10px;
  font-weight: 600;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.csoport-select__item {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  transition: background 0.08s;
}
.csoport-select__item:hover, .csoport-select__item.selected {
  background: rgba(0, 0, 0, 0.04);
}
.csoport-select__item .check {
  margin-left: auto;
}

.d-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}

.d-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px 20px;
}

.full-col {
  grid-column: 1/-1;
}

.text-muted {
  color: #888 !important;
}

.text-blue {
  color: #2563EB !important;
}

.empty-state {
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
  padding: 32px 0;
  text-align: center;
  font-size: 13px;
  color: #aaa;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-20 {
  margin-top: 20px;
}

.p-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
  letter-spacing: 0;
}

.partner-cell-name-col {
  display: flex;
  align-items: center;
  gap: 10px;
}

.partner-cell-name-content {
  min-width: 0;
}

.partner-cell-row1 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.partner-cell-row2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  flex-wrap: wrap;
}

.partner-cell-name {
  font-weight: 600;
  font-size: 13px;
  color: #1a1a1a;
}

.partner-cell-email {
  font-size: 11px;
  color: #888;
}

.partner-cell-group {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
}

.partner-cell-group__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}

.partner-cell-group__name {
  font-weight: 500;
}

.partner-cell-cat-pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}

.partner-cell-badges {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
}

.partner-cell-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

.cf-state-msg {
  padding: 20px;
  text-align: center;
  font-size: 13px;
  color: #9ca3af;
}
.cf-state-msg--error {
  color: #ef4444;
}

.partner-layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 20px;
}

.partner-sidebar {
  position: sticky;
  top: 20px;
  align-self: start;
}

.partner-content {
  min-width: 0;
}

.partner-form-section {
  margin-bottom: 24px;
}
.partner-form-section__title {
  font-size: 12px;
  font-weight: 400;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding-bottom: 8px;
  margin: 24px 24px 12px 24px;
  border-bottom: 0.5px solid #e5e7eb;
}
.partner-form-section__subtitle {
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 8px;
  margin: 24px 24px 12px 24px;
  border-bottom: 0.5px solid #e5e7eb;
}
.partner-form-section__subtitle label {
  font-weight: 400;
  color: inherit;
}

.partner-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 24px;
}

.partner-form-grid--single {
  grid-template-columns: 1fr;
}

.partner-form-grid--span2 {
  grid-column: 1/-1;
}

.partner-form-grid--3col {
  grid-template-columns: 1fr 1fr 1fr;
}

.partner-form-wrap {
  font-family: system-ui, -apple-system, sans-serif;
}

.partner-field-value {
  font-size: 13px;
  color: #374151;
  padding: 7px 0;
  line-height: 1.5;
}

.partner-form-section .form-group,
.telephely-card .form-group {
  margin-bottom: 10px;
}
.partner-form-section .form-group label,
.telephely-card .form-group label {
  display: block;
  font-size: 12px;
  color: #888;
  font-weight: 500;
  margin-bottom: 3px;
}

.tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F3F4F6;
  color: #888;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: #f3f4f6;
  color: #666;
}
.active .tab-count {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

.partner-list-header {
  background: #F3F4F6;
  padding: 20px 24px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.partner-list-header h1 {
  font-size: 22px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}

.partner-table-wrapper {
  overflow-x: auto;
  transition: opacity 0.2s;
}

.partner-table-plain {
  width: 100%;
}

.partner-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.partner-table thead tr {
  border-bottom: 0.5px solid #e5e7eb;
  background: #f9fafb;
}
.partner-table th {
  padding: 10px 14px;
  text-align: left;
  font-size: 11px;
  font-weight: 500;
  color: #555;
  border-bottom: 0.5px solid #e5e7eb;
  white-space: nowrap;
  background: #f9fafb;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.partner-table th.sortable {
  cursor: pointer;
  user-select: none;
}
.partner-table th.sortable:hover {
  background: #f3f4f6;
}
.partner-table td {
  padding: 10px 14px;
  font-size: 13px;
  border-bottom: 0.5px solid #f3f4f6;
  vertical-align: middle;
}
.partner-table tbody tr {
  background: #fff;
  transition: background 0.1s;
}
.partner-table tbody tr:hover {
  background: #F8FAFF;
}

.partner-sort-icon {
  margin-left: 3px;
  opacity: 0.6;
  font-size: 10px;
}

.partner-cell-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  padding: 12px 16px;
}

.partner-cell-id {
  color: #aaa;
  font-size: 12px;
  white-space: nowrap;
}

.partner-cell-name__text {
  min-width: 0;
}

.partner-cell-name__primary {
  font-weight: 600;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.partner-cell-name__secondary {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  flex-wrap: wrap;
  font-size: 11px;
  color: #888;
}

.partner-cell-cim {
  color: #555;
  font-size: 12px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.partner-empty-state {
  text-align: center;
  padding: 48px 20px;
  color: #aaa;
  font-size: 13px;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
}

.partner-tab-bar {
  padding: 16px 24px 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  background: #F3F4F6;
}
.partner-tab-bar__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  font-weight: 400;
  background: #fff;
  color: #555;
  border: 1px solid #d1d5db;
  text-decoration: none;
  transition: all 0.12s;
}
.partner-tab-bar__item:hover {
  background: #f9fafb;
  text-decoration: none;
}
.partner-tab-bar__item.active {
  font-weight: 600;
  color: #fff;
  background: #1a1a1a;
  border-color: #1a1a1a;
}
.partner-tab-bar__item.active-vevo {
  background: #0C447C;
  border-color: #0C447C;
}
.partner-tab-bar__item.active-szallito {
  background: #27500A;
  border-color: #27500A;
}
.partner-tab-bar__item.active-felvevo {
  background: #633806;
  border-color: #633806;
}
.partner-tab-bar__item.active-lerakodo {
  background: #72243E;
  border-color: #72243E;
}
.partner-tab-bar__item.active-szallitmanyozo {
  background: #3C3489;
  border-color: #3C3489;
}
.partner-tab-bar__item.active-distributor {
  background: #085041;
  border-color: #085041;
}
.partner-tab-bar__item.active-ugyfel {
  background: #444441;
  border-color: #444441;
}
.partner-tab-bar__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  padding: 0 5px;
  background: #f3f4f6;
  color: #666;
}
.active .partner-tab-bar__count {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

.partner-search-bar {
  padding: 14px 24px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #F3F4F6;
}

.partner-search-input {
  position: relative;
  flex: 1;
  max-width: 420px;
}
.partner-search-input__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #aaa;
}
.partner-search-input input {
  width: 100%;
  padding: 7px 36px 7px 34px;
  font-size: 13px;
  border-radius: 20px;
  border: 0.5px solid #d1d5db;
  background: #fff;
  font-family: inherit;
  outline: none;
}
.partner-search-input input:focus {
  border-color: #2563EB;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}
.partner-search-input__clear {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #aaa;
  font-size: 16px;
  padding: 0;
  line-height: 1;
}
.partner-search-input__clear:hover {
  color: #555;
}

.partner-table-container {
  padding: 0 24px 24px;
}
.partner-table-container__inner {
  background: #fff;
  border-radius: 12px;
  border: 0.5px solid #e5e7eb;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.nyilv-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  margin-right: 3px;
  margin-bottom: 2px;
  line-height: 1.5;
}
.nyilv-badge--vevo {
  background: #E6F1FB;
  color: #0C447C;
}
.nyilv-badge--szallito {
  background: #EAF3DE;
  color: #27500A;
}
.nyilv-badge--felvevo {
  background: #FAEEDA;
  color: #633806;
}
.nyilv-badge--lerakodo {
  background: #FBEAF0;
  color: #72243E;
}
.nyilv-badge--szallitmanyozo {
  background: #EEEDFE;
  color: #3C3489;
}
.nyilv-badge--distributor {
  background: #E1F5EE;
  color: #085041;
}
.nyilv-badge--ugyfel {
  background: #F1EFE8;
  color: #444441;
}
.nyilv-badge--maganszemely {
  background: #EDE9FE;
  color: #5B21B6;
}

.tipus-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
}
.tipus-badge--ceg {
  background: #F3F4F6;
  color: #374151;
}
.tipus-badge--ev {
  background: #FEF3C7;
  color: #92400E;
}
.tipus-badge--maganszemely {
  background: #EDE9FE;
  color: #5B21B6;
}

.kategoria-chip {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  background: #f3f4f6;
  color: #555;
}

.csoport-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  color: var(--csoport-szin, #9ca3af);
}
.csoport-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--csoport-szin, #9ca3af);
  display: inline-block;
  flex-shrink: 0;
}

.csoport-select-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.csoport-select-selected {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.status-aktiv {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  background: #DCFCE7;
  color: #166534;
  cursor: pointer;
  line-height: 1.5;
}
.status-aktiv::before {
  content: "●";
  font-size: 8px;
  color: #16a34a;
}

.status-inaktiv {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  background: #FEE2E2;
  color: #991B1B;
  cursor: pointer;
  line-height: 1.5;
}
.status-inaktiv::before {
  content: "●";
  font-size: 8px;
  color: #dc2626;
}

.partner-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
  border-radius: 6px;
  width: 36px;
  height: 36px;
  font-size: 13px;
  letter-spacing: 0;
}
.partner-avatar--xl {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  font-size: 20px;
}
.partner-avatar--vevo {
  background: #E6F1FB;
  color: #0C447C;
}
.partner-avatar--szallito {
  background: #EAF3DE;
  color: #27500A;
}
.partner-avatar--felvevo {
  background: #FAEEDA;
  color: #633806;
}
.partner-avatar--lerakodo {
  background: #FBEAF0;
  color: #72243E;
}
.partner-avatar--szallitmanyozo {
  background: #EEEDFE;
  color: #3C3489;
}
.partner-avatar--distributor {
  background: #E1F5EE;
  color: #085041;
}
.partner-avatar--ugyfel {
  background: #F1EFE8;
  color: #444441;
}
.partner-avatar--maganszemely {
  background: #EDE9FE;
  color: #5B21B6;
}
.partner-avatar--fb0 {
  background: #DBEAFE;
  color: #1D4ED8;
}
.partner-avatar--fb1 {
  background: #D1FAE5;
  color: #065F46;
}
.partner-avatar--fb2 {
  background: #FEF3C7;
  color: #92400E;
}
.partner-avatar--fb3 {
  background: #EDE9FE;
  color: #5B21B6;
}
.partner-avatar--fb4 {
  background: #FFEDD5;
  color: #9A3412;
}
.partner-avatar--fb5 {
  background: #CFFAFE;
  color: #164E63;
}

.person-avatar-sm {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #EFF6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  color: #2563EB;
  flex-shrink: 0;
}

.person-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #EFF6FF;
  color: #2563EB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  flex-shrink: 0;
}

.partner-card {
  background: #fff;
  border: 0.5px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.partner-card__header {
  padding: 20px 20px 16px;
}
.partner-card__body {
  padding: 0 0 4px;
}
.partner-card__footer {
  padding: 12px 16px;
  display: flex;
  gap: 8px;
}
.partner-card__footer .btn-partner-primary, .partner-card__footer .btn-partner-print, .partner-card__footer .btn-partner-danger, .partner-card__footer .btn-partner-success,
.partner-card__footer .btn-partner-secondary {
  flex: 1;
  justify-content: center;
}
.partner-card__identity {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.partner-card__identity-text {
  flex: 1;
  min-width: 0;
}
.partner-card__name {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 2px;
  word-break: break-word;
}
.partner-card__meta {
  font-size: 11px;
  color: #666;
}
.partner-card__badges {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  align-items: center;
}

.partner-card-gradient {
  padding: 20px 20px 16px;
}

.partner-card__header--gradient {
  padding: 20px 20px 16px;
}

.partner-card__header--vevo {
  background: linear-gradient(135deg, rgba(12, 68, 124, 0.09), rgba(230, 241, 251, 0.55));
}
.partner-card__header--szallito {
  background: linear-gradient(135deg, rgba(39, 80, 10, 0.09), rgba(234, 243, 222, 0.55));
}
.partner-card__header--felvevo {
  background: linear-gradient(135deg, rgba(99, 56, 6, 0.09), rgba(250, 238, 218, 0.55));
}
.partner-card__header--lerakodo {
  background: linear-gradient(135deg, rgba(114, 36, 62, 0.09), rgba(251, 234, 240, 0.55));
}
.partner-card__header--szallitmanyozo {
  background: linear-gradient(135deg, rgba(60, 52, 137, 0.09), rgba(238, 237, 254, 0.55));
}
.partner-card__header--distributor {
  background: linear-gradient(135deg, rgba(8, 80, 65, 0.09), rgba(225, 245, 238, 0.55));
}
.partner-card__header--ugyfel {
  background: linear-gradient(135deg, rgba(68, 68, 65, 0.09), rgba(241, 239, 232, 0.55));
}
.partner-card__header--maganszemely {
  background: linear-gradient(135deg, rgba(91, 33, 182, 0.09), rgba(237, 233, 254, 0.55));
}
.partner-card__header--fb0 {
  background: linear-gradient(135deg, rgba(29, 78, 216, 0.09), rgba(219, 234, 254, 0.55));
}
.partner-card__header--fb1 {
  background: linear-gradient(135deg, rgba(6, 95, 70, 0.09), rgba(209, 250, 229, 0.55));
}
.partner-card__header--fb2 {
  background: linear-gradient(135deg, rgba(146, 64, 14, 0.09), rgba(254, 243, 199, 0.55));
}
.partner-card__header--fb3 {
  background: linear-gradient(135deg, rgba(91, 33, 182, 0.09), rgba(237, 233, 254, 0.55));
}
.partner-card__header--fb4 {
  background: linear-gradient(135deg, rgba(154, 52, 18, 0.09), rgba(255, 237, 213, 0.55));
}
.partner-card__header--fb5 {
  background: linear-gradient(135deg, rgba(22, 78, 99, 0.09), rgba(207, 250, 254, 0.55));
}

.partner-info-card__row {
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  border-bottom: 0.5px solid #f3f4f6;
  gap: 8px;
}
.partner-info-card__label {
  font-size: 11px;
  color: #888;
  flex-shrink: 0;
}
.partner-info-card__value {
  font-size: 11px;
  color: #1a1a1a;
  font-weight: 500;
  text-align: right;
  word-break: break-word;
}

.partner-related-card {
  background: #fff;
  border: 0.5px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
}
.partner-related-card__header {
  padding: 12px 16px;
  border-bottom: 0.5px solid #e5e7eb;
  font-size: 11px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.partner-related-card__header--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.partner-related-card__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 0.5px solid #f9fafb;
  cursor: pointer;
  transition: background 0.1s;
}
.partner-related-card__item:last-child {
  border-bottom: none;
}
.partner-related-card__item:hover {
  background: #f9fafb;
}
.partner-related-card__item-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.partner-related-card__item-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
  background: #f9fafb;
}
.partner-related-card__item-icon--skonto {
  background: #EFF6FF;
}
.partner-related-card__item-icon--raktari {
  background: #F0FDF4;
}
.partner-related-card__item-icon--crm {
  background: #FFFBEB;
}
.partner-related-card__item-icon--dokumentum {
  background: #F5F3FF;
}
.partner-related-card__item-name {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
}
.partner-related-card__item-right {
  display: flex;
  align-items: center;
  gap: 6px;
}
.partner-related-card__item-value {
  font-size: 12px;
  font-weight: 500;
  color: #888;
}
.partner-related-card__item-value--skonto {
  color: #1D4ED8;
}
.partner-related-card__item-value--raktari {
  color: #166534;
}
.partner-related-card__item-value--crm {
  color: #92400E;
}
.partner-related-card__item-value--dokumentum {
  color: #5B21B6;
}
.partner-related-card__chevron {
  color: #aaa;
  flex-shrink: 0;
}

.partner-history-latest {
  padding: 10px 16px;
}
.partner-history-latest * {
  line-height: 1.5;
}
.partner-history-latest__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 3px;
}
.partner-history-latest__event {
  font-size: 12px;
  font-weight: 500;
  color: #1a1a1a;
}
.partner-history-latest__time {
  font-size: 10px;
  color: #aaa;
  white-space: nowrap;
  flex-shrink: 0;
}
.partner-history-latest__detail {
  font-size: 11px;
  color: #555;
  margin-bottom: 2px;
}
.partner-history-latest__user {
  font-size: 10px;
  color: #888;
}
.partner-history-latest__empty {
  font-size: 12px;
  color: #aaa;
}
.partner-history-latest__more {
  margin-top: 10px;
  width: 100%;
  background: #f9fafb;
  border: 0.5px solid #e5e7eb;
  border-radius: 6px;
  padding: 6px 0;
  font-size: 11px;
  color: #555;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.1s;
}
.partner-history-latest__more:hover {
  background: #f3f4f6;
}

.person-card {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 12px;
  background: #f9fafb;
}
.person-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.person-card__info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.person-card__name {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5;
}
.person-card__sub {
  font-size: 12px;
  color: #888;
  line-height: 1.5;
}
.person-card__data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 20px;
  border-top: 0.5px solid #e5e7eb;
  padding-top: 12px;
}
.person-card__data-label {
  font-size: 11px;
  color: #888;
  margin-bottom: 2px;
}
.person-card__data-value {
  font-size: 13px;
  color: #374151;
}

.partner-field {
  margin-bottom: 12px;
}
.partner-field label {
  display: block;
  font-size: 12px;
  color: #666;
  margin-bottom: 4px;
}
.partner-field .required-star {
  color: #dc2626;
  margin-left: 2px;
}

.partner-tab-pane {
  display: none;
}

.partner-tab-pane.active {
  display: block;
}

.pcf-field {
  margin-bottom: 10px;
}
.pcf-field--required > label::after {
  content: " *";
  color: #dc2626;
}

.partner-input, .partner-textarea, .partner-select {
  width: 100%;
  padding: 7px 10px;
  font-size: 13px;
  border: 0.5px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  font-family: inherit;
  color: #1a1a1a;
  box-sizing: border-box;
  transition: border-color 0.15s;
}
.partner-input:focus, .partner-textarea:focus, .partner-select:focus {
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}
.partner-input--readonly {
  background: #f9fafb;
  pointer-events: none;
  border-color: transparent;
}

.partner-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 28px;
  cursor: pointer;
}

.partner-textarea {
  min-height: 72px;
  resize: vertical;
}

.partner-ro-field {
  margin-bottom: 12px;
}
.partner-ro-field label {
  display: block;
  font-size: 12px;
  color: #888;
  margin-bottom: 3px;
}
.partner-ro-field__value {
  font-size: 13px;
  color: #1a1a1a;
  font-weight: 500;
  padding: 6px 0;
  border-bottom: 0.5px solid #f3f4f6;
}

.bankszamla-row {
  border: 0.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 10px;
  background: #f9fafb;
}
.bankszamla-row__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #555;
}

.mobile-rows {
  margin-top: 8px;
}

.mobile-row {
  margin-bottom: 10px;
}
.mobile-row-template {
  display: none;
}
.mobile-row__input-wrap {
  display: flex;
  gap: 6px;
  margin-bottom: 4px;
}
.mobile-row__chips {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.mobile-row__remove {
  background: none;
  border: none;
  cursor: pointer;
  color: #aaa;
  font-size: 18px;
  padding: 0 4px;
  line-height: 1;
}
.mobile-row__remove:hover {
  color: #dc2626;
}

.mobile-chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 8px;
  border: 0.5px solid #d1d5db;
  border-radius: 16px;
  font-size: 11px;
  cursor: pointer;
  color: #888;
  background: #fff;
  user-select: none;
  transition: all 0.12s;
}
.mobile-chip input[type=hidden] {
  display: none;
}
.mobile-chip--active {
  border-color: #2563EB;
  color: #2563EB;
  background: #EFF6FF;
}

.telephely-card {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 12px;
  background: #f9fafb;
}
.telephely-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
}
.telephely-card__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
}

.ts-section {
  /*border-top:  0.5px solid $border-color;*/
  padding-top: 20px;
  margin-top: 8px;
  padding: 24px;
}

.ts-section__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.ts-section__title {
  font-weight: 500;
  font-size: 14px;
  color: #1a1a1a;
}

.ts-section__subtitle {
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}

.ts-add-btn {
  background: #2563EB;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
  white-space: nowrap;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ts-add-btn:hover {
  background: #1350d4;
}

.ts-add-btn-bank {
  background: transparent;
  color: #2563EB;
  border: none;
  border-radius: 6px;
  padding: 7px 14px 7px 14px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
  white-space: nowrap;
  line-height: 1;
}
.ts-add-btn-bank:hover {
  background: #1350d4;
}

.ts-card {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 12px;
  background: #f9fafb;
}

.ts-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.ts-card__title {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
}

.ts-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}

.ts-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 20px;
}

.ts-full {
  grid-column: 1/-1;
}

.ts-label {
  font-size: 12px;
  color: #555;
  margin-bottom: 4px;
  display: block;
  font-weight: 400;
}

.ts-val {
  font-size: 13px;
  color: #374151;
}

.ts-input, #telephelyek-section .twitter-typeahead .tt-hint, #telephelyek-section .twitter-typeahead .tt-input, .ts-select {
  width: 100% !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
  border: 0.5px solid #d1d5db !important;
  border-radius: 6px !important;
  background: #fff;
  font-family: system-ui, -apple-system, sans-serif !important;
  color: #1a1a1a !important;
  box-sizing: border-box;
  transition: border-color 0.15s;
}
.ts-input:focus, #telephelyek-section .twitter-typeahead .tt-hint:focus, #telephelyek-section .twitter-typeahead .tt-input:focus, .ts-select:focus {
  outline: none;
  border-color: #2563EB;
}
.ts-input.error, #telephelyek-section .twitter-typeahead .error.tt-hint, #telephelyek-section .twitter-typeahead .error.tt-input, .error.ts-select {
  border-color: #dc2626;
}

.ts-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 28px;
  cursor: pointer;
  line-height: 1.3;
}

.ts-field-error {
  color: #dc2626;
  font-size: 11px;
  margin-top: 3px;
  display: none;
}
.ts-field-error.visible {
  display: block;
}

#t_add_country + .select2-container {
  width: 100% !important;
}
#t_add_country + .select2-container .select2-selection--single {
  height: auto;
  padding: 6px 28px 6px 10px;
  font-size: 13px;
  border: 0.5px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  font-family: system-ui, -apple-system, sans-serif;
  color: #1a1a1a;
  box-sizing: border-box;
}
#t_add_country + .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 1.4;
  padding: 0;
  color: #1a1a1a;
  font-size: 13px;
}
#t_add_country + .select2-container .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
#t_add_country + .select2-container.select2-container--open .select2-selection--single {
  border-color: #2563EB;
  outline: none;
}

#telephelyek-section .twitter-typeahead {
  width: 100% !important;
  display: block !important;
}
#telephelyek-section .twitter-typeahead .tt-hint {
  color: #aaa !important;
}

.ts-required {
  color: #dc2626;
}

.ts-card__footer {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.ts-btn-save {
  background: #16a34a;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ts-btn-save:hover {
  background: #15803d;
}

.ts-btn-cancel {
  margin-left: auto;
  background: #dc2626;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: system-ui, -apple-system, sans-serif;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ts-btn-cancel:hover {
  background: #bb1e1e;
}

.ts-btn-del {
  background: none;
  border: none;
  cursor: pointer;
  color: #dc2626;
  font-size: 12px;
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 500;
  padding: 0;
}
.ts-btn-del:hover {
  color: #b21d1d;
}

.ts-empty {
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
  padding: 32px 0;
  text-align: center;
  font-size: 13px;
  color: #aaa;
}

@media (max-width: 640px) {
  .ts-form-grid,
.ts-card-grid {
    grid-template-columns: 1fr;
  }
  .ts-full {
    grid-column: 1;
  }
}
.pf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 0 24px 24px 24px;
}
.pf-grid > .partner-form-section {
  margin-bottom: 0;
  padding: 0;
}
@media (max-width: 640px) {
  .pf-grid {
    grid-template-columns: 1fr;
  }
}

.pf-deadline-row {
  display: flex;
  gap: 6px;
  align-items: flex-start;
}
.pf-deadline-row .pf-deadline-select {
  flex: 1;
  min-width: 0;
  margin: 0;
}

.pf-add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0.5px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #555;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  flex-shrink: 0;
}
.pf-add-btn:hover {
  border-color: #2563EB;
  color: #2563EB;
}

.pf-crow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 13px;
  color: #1a1a1a;
}
.pf-crow label {
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  color: #1a1a1a;
  font-size: 13px;
}
.pf-crow--disabled {
  opacity: 0.45;
}
.pf-crow--disabled label, .pf-crow--disabled input {
  cursor: not-allowed;
}

.pf-bank-stitle {
  margin-top: 8px;
}

.pf-bank-list {
  padding: 0 24px;
}

.pf-bank-footer {
  padding: 4px 24px 16px 24px;
}

.partner-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1040;
}

#partner-modal-container {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
#partner-modal-container.visible {
  pointer-events: auto;
}

.partner-modal {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
  max-width: 95vw;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-family: system-ui, -apple-system, sans-serif;
  width: fit-content;
  min-width: 360px;
}
.partner-modal--wide {
  max-width: 820px;
}
.partner-modal--narrow {
  max-width: 480px;
}
.partner-modal__header {
  background: #1e40af;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px 12px 0 0;
  flex-shrink: 0;
}
.partner-modal__title {
  font-weight: 600;
  font-size: 15px;
  color: #fff;
}
.partner-modal__close {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.12s;
}
.partner-modal__close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.partner-modal__body {
  padding: 24px;
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
}
.partner-modal__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}

.partner-popup {
  position: relative;
  width: 360px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  font-family: system-ui, -apple-system, sans-serif;
  background: #fff;
}
.partner-popup__header {
  padding: 16px 18px 0;
  position: relative;
}
.partner-popup__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.partner-popup__badges {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
}
.partner-popup__id {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 4px;
}
.partner-popup__name {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}
.partner-popup__status-bar {
  display: flex;
  gap: 8px;
  padding-bottom: 14px;
}
.partner-popup__body {
  background: #fff;
  padding: 4px 0;
}
.partner-popup__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
  border-bottom: 0.5px solid #f3f4f6;
}
.partner-popup__row-label {
  font-size: 12px;
  color: #888;
}
.partner-popup__row-value {
  font-size: 12px;
  color: #1a1a1a;
  text-align: right;
  max-width: 220px;
}
.partner-popup__footer {
  background: #fff;
  padding: 14px 18px;
  border-top: 0.5px solid #f3f4f6;
}

.partner-timeline {
  position: relative;
  padding-left: 24px;
}
.partner-timeline__line {
  position: absolute;
  left: 7px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #e5e7eb;
  border-radius: 2px;
}
.partner-timeline__item {
  position: relative;
  margin-bottom: 16px;
}
.partner-timeline__dot {
  position: absolute;
  left: -20px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  border: 2px solid #fff;
  z-index: 1;
}
.partner-timeline__dot--active {
  background: #2563EB;
}
.partner-timeline__card {
  background: #f9fafb;
  border: 0.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 14px;
}
.partner-timeline__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
.partner-timeline__event {
  font-weight: 500;
  font-size: 13px;
  color: #1a1a1a;
}
.partner-timeline__time {
  font-size: 11px;
  color: #aaa;
  white-space: nowrap;
  margin-left: 12px;
  flex-shrink: 0;
}
.partner-timeline__detail {
  font-size: 12px;
  color: #555;
  margin-bottom: 3px;
}
.partner-timeline__user {
  font-size: 11px;
  color: #888;
}
.partner-timeline__changes {
  margin: 6px 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.partner-change-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 12px;
  line-height: 1.4;
}
.partner-change-row__label {
  color: #888;
  flex-shrink: 0;
}
.partner-change-row__values {
  text-align: right;
  color: #1a1a1a;
}
.partner-change-row__old {
  color: #dc2626;
}
.partner-change-row__arrow {
  margin: 0 5px;
  color: #888;
}
.partner-change-row__new {
  color: #16a34a;
  font-weight: 500;
}

.partner-etikett-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.partner-etikett-tab {
  padding: 6px 14px;
  font-size: 12px;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #555;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.12s;
  line-height: 1.5;
}
.partner-etikett-tab.active {
  border-color: #2563EB;
  background: #EFF6FF;
  color: #2563EB;
  font-weight: 500;
}

.partner-etikett-preview {
  border: 1.5px dashed #d1d5db;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 20px;
  background: #f9fafb;
  min-height: 110px;
}

.partner-etikett-preview-content {
  display: none;
}
.partner-etikett-preview-content.active {
  display: block;
}
.partner-etikett-preview-content__title {
  font-size: 11px;
  color: #aaa;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.partner-etikett-preview-content__name {
  font-weight: 700;
  font-size: 15px;
  color: #1a1a1a;
  margin-bottom: 4px;
}
.partner-etikett-preview-content__address {
  font-size: 13px;
  color: #374151;
  line-height: 1.6;
}
.partner-etikett-preview-content__info {
  font-size: 12px;
  color: #888;
  margin-top: 6px;
}

.btn-partner-primary, .btn-partner-print, .btn-partner-secondary, .btn-partner-danger, .btn-partner-success {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #2563EB;
  color: #fff;
  border: none;
  border-radius: 7px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.12s;
  text-decoration: none;
}
.btn-partner-primary:hover, .btn-partner-print:hover, .btn-partner-secondary:hover, .btn-partner-danger:hover, .btn-partner-success:hover {
  background: #1d4ed8;
  color: #fff;
  text-decoration: none;
}

.btn-partner-success {
  background: #16a34a;
}
.btn-partner-success:hover {
  background: #15803d;
}

.btn-partner-danger {
  background: #dc2626;
}
.btn-partner-danger:hover {
  background: #b91c1c;
}

.btn-partner-secondary {
  background: #fff;
  color: #555;
  border: 0.5px solid #d1d5db;
}
.btn-partner-secondary:hover {
  background: #f9fafb;
  color: #1a1a1a;
}

.btn-partner-ghost {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  color: #2563EB;
  border: none;
  padding: 6px 0;
  font-size: 12px;
  cursor: pointer;
  font-family: inherit;
}
.btn-partner-ghost:hover {
  text-decoration: underline;
}

.btn-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  color: #555;
  padding: 0;
  flex-shrink: 0;
  transition: all 0.1s;
}
.btn-icon:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.btn-icon--blue {
  color: #2563EB;
}
.btn-icon--red {
  color: #dc2626;
}
.btn-icon--green {
  color: #16a34a;
}

.btn-partner-add {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  color: #2563EB;
  border: 0.5px dashed #93C5FD;
  border-radius: 6px;
  padding: 4px 12px;
  font-size: 12px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.12s;
}
.btn-partner-add:hover {
  background: #EFF6FF;
  border-style: solid;
}

.btn-partner-print {
  background: #2563EB;
}

.partner-form-footer {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 0.5px solid #e5e7eb;
  border-radius: 12px;
  margin-top: 16px;
}
.partner-form-footer__hint {
  font-size: 12px;
  color: #374151;
  font-weight: 500;
}
.partner-form-footer__cancel {
  margin-left: auto;
}

.partner-pagination {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.partner-pagesize {
  display: flex;
  align-items: center;
  gap: 6px;
}

.partner-pageinfo {
  font-size: 12px;
  color: #888;
  white-space: nowrap;
}

.partner-table-footer {
  padding: 12px 16px;
  border-top: 0.5px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.p-btn {
  min-width: 30px;
  height: 30px;
  padding: 0 6px;
  border: 0.5px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  background: #fff;
  color: #555;
  font-family: inherit;
  font-weight: 400;
  transition: all 0.1s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.p-btn:hover {
  background: #f9fafb;
  text-decoration: none;
  color: #1a1a1a;
}
.p-btn.active, .p-btn[data-active=true] {
  background: #2563EB;
  color: #fff;
  border-color: #2563EB;
  font-weight: 500;
}
.p-btn:disabled, .p-btn.disabled {
  cursor: not-allowed;
  color: #ccc;
  border-color: #f3f4f6;
}
.p-btn:disabled:hover, .p-btn.disabled:hover {
  background: #fff;
}

.p-ellipsis {
  padding: 0 4px;
  color: #aaa;
  font-size: 13px;
  line-height: 30px;
}

.aktiv-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-family: inherit;
  transition: all 0.15s;
}
.aktiv-toggle__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  transition: background 0.15s;
}
.aktiv-toggle--on {
  background: #DCFCE7;
  color: #16a34a;
}
.aktiv-toggle--on .aktiv-toggle__dot {
  background: #16a34a;
}
.aktiv-toggle--off {
  background: #FEE2E2;
  color: #dc2626;
}
.aktiv-toggle--off .aktiv-toggle__dot {
  background: #dc2626;
}

.logikai-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
  background: #f9fafb;
  border-radius: 6px;
  border: 0.5px solid #e5e7eb;
}
.logikai-toggle__label {
  font-size: 12px;
  color: #555;
  font-weight: 500;
  cursor: pointer;
}
.logikai-toggle__switch {
  width: 36px;
  height: 20px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  position: relative;
  transition: background 0.15s;
  flex-shrink: 0;
}
.logikai-toggle__switch span {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  top: 3px;
  transition: left 0.15s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.logikai-toggle__switch--on {
  background: #16a34a;
}
.logikai-toggle__switch--on span {
  left: 19px;
}
.logikai-toggle__switch--off {
  background: #d1d5db;
}
.logikai-toggle__switch--off span {
  left: 3px;
}

.partner-dropdown {
  position: relative;
}
.partner-dropdown__trigger {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 5px 10px;
  border: 0.5px solid #d1d5db;
  border-radius: 6px;
  min-height: 36px;
  cursor: pointer;
  background: #fff;
  align-items: center;
  transition: border-color 0.15s;
}
.partner-dropdown__trigger:hover, .partner-dropdown__trigger.open {
  border-color: #2563EB;
}
.partner-dropdown__trigger-arrow {
  margin-left: auto;
  color: #aaa;
  font-size: 10px;
  flex-shrink: 0;
}
.partner-dropdown__placeholder {
  font-size: 12px;
  color: #aaa;
}
.partner-dropdown__selected-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.partner-dropdown__menu {
  display: none;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  background: #fff;
  border: 0.5px solid #d1d5db;
  border-radius: 8px;
  z-index: 30;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  max-height: 260px;
  overflow-y: auto;
}
.partner-dropdown__menu.open {
  display: block;
}
.partner-dropdown__select-all {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 0.5px solid #f0f0f0;
  font-size: 12px;
  color: #555;
}
.partner-dropdown__search {
  padding: 8px 10px;
  border-bottom: 0.5px solid #f0f0f0;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.partner-dropdown__search input {
  width: 100%;
  padding: 5px 8px;
  font-size: 12px;
  border: 0.5px solid #e5e7eb;
  border-radius: 5px;
  background: #f9fafb;
  font-family: inherit;
  box-sizing: border-box;
  outline: none;
}
.partner-dropdown__search input:focus {
  border-color: #2563EB;
}
.partner-dropdown__options {
  padding: 4px 0;
}
.partner-dropdown__option {
  padding: 9px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 13px;
  transition: background 0.1s;
}
.partner-dropdown__option:hover {
  background: #f9fafb;
}
.partner-dropdown__option.selected {
  background: rgba(37, 99, 235, 0.04);
}
.partner-dropdown__option-checkbox {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1.5px solid #d1d5db;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.12s;
}
.partner-dropdown__option-checkbox.active {
  border-color: #2563EB;
  background: #2563EB;
}
.partner-dropdown__group-header {
  padding: 6px 10px 3px;
  font-size: 10px;
  font-weight: 600;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.partner-dropdown__no-results {
  padding: 16px;
  text-align: center;
  font-size: 12px;
  color: #aaa;
}

.nyilv-select-pill {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 7px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}
.nyilv-select-pill .nyilv-pill-remove {
  opacity: 0.6;
  font-size: 11px;
  cursor: pointer;
  margin-left: 2px;
}
.nyilv-select-pill .nyilv-pill-remove:hover {
  opacity: 1;
}

.partner-profil-tabs {
  overflow-x: auto;
  border-bottom: 0.5px solid #e5e7eb;
  display: flex;
  padding-left: 4px;
  background: #fff;
  white-space: nowrap;
}
.partner-profil-tabs .nav-link {
  padding: 12px 14px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  border-bottom: 2px solid transparent;
  color: #666;
  font-weight: 400;
  background: none;
  font-family: inherit;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none;
  transition: color 0.12s, border-color 0.12s;
}
.partner-profil-tabs .nav-link:focus {
  outline: none !important;
  outline-offset: none !important;
}
.partner-profil-tabs .nav-link:hover {
  color: #2563EB;
  text-decoration: none;
}
.partner-profil-tabs .nav-link.active {
  border-bottom-color: #2563EB;
  color: #2563EB;
  font-weight: 500;
}
.partner-profil-tabs .nav-link.help-block-error {
  border-bottom-color: #dc2626;
  color: #dc2626;
  font-weight: 500;
}
.partner-profil-tabs .nav-link.active.help-block-error {
  border-bottom-color: #dc2626;
  color: #dc2626;
}

.partner-letrehozas-tabs {
  overflow-x: auto;
  border-bottom: 0.5px solid #e5e7eb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  padding-left: 8px;
  background: #fff;
}
.partner-letrehozas-tabs .nav-link {
  padding: 12px 14px;
  font-size: 12px;
  cursor: pointer;
  border: none;
  border-bottom: 2px solid transparent;
  color: #666;
  font-weight: 400;
  background: none;
  font-family: inherit;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none;
  transition: color 0.12s, border-color 0.12s;
}
.partner-letrehozas-tabs .nav-link:hover {
  color: #2563EB;
  text-decoration: none;
}
.partner-letrehozas-tabs .nav-link.active {
  border-bottom-color: #2563EB;
  color: #2563EB;
  font-weight: 500;
}
.partner-letrehozas-tabs .nav-link.help-block-error {
  border-bottom-color: #dc2626;
  color: #dc2626;
  font-weight: 500;
}
.partner-letrehozas-tabs .nav-link.active.help-block-error {
  border-bottom-color: #dc2626;
  color: #dc2626;
}

.partner-form-col .formItem--text.normal.margin {
  margin-bottom: 12px !important;
}
.partner-form-col .formItem__title {
  display: block;
  font-size: 12px;
  color: #666;
  margin-bottom: 4px;
  font-weight: 300;
}

.partner-tab-panel {
  display: none;
  padding: 24px;
}
.partner-tab-panel.active {
  display: block;
}

.custom-fields-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
  margin-top: 20px;
}
.custom-fields-grid__header {
  grid-column: 1/-1;
  font-size: 11px;
  font-weight: 700;
  color: #7a90a8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 0.5px solid #e5e7eb;
}
.custom-fields-grid__full {
  grid-column: 1/-1;
}

.mezo-kartya {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 8px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: opacity 0.15s;
}
.mezo-kartya--inaktiv {
  opacity: 0.6;
  background: #f9fafb;
}
.mezo-kartya__sort {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}
.mezo-kartya__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.mezo-kartya__info {
  flex: 1;
  min-width: 0;
}
.mezo-kartya__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}
.mezo-kartya__name {
  font-weight: 600;
  font-size: 13px;
  color: #1a1a1a;
}
.mezo-kartya__tipusok {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.mezo-kartya__extra {
  font-size: 10px;
  color: #888;
}
.mezo-kartya__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.kotelezo-badge {
  font-size: 10px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 10px;
  background: #fef3c7;
  color: #b45309;
}

.partner-data-table {
  width: 100%;
  border-collapse: collapse;
}
.partner-data-table th {
  padding: 10px 14px;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  color: #555;
  border-bottom: 0.5px solid #e5e7eb;
  white-space: nowrap;
  background: #f9fafb;
}
.partner-data-table td {
  padding: 10px 14px;
  font-size: 12px;
  border-bottom: 0.5px solid #f3f4f6;
  vertical-align: middle;
}
.partner-data-table tbody tr {
  transition: background 0.1s;
}
.partner-data-table tbody tr:hover {
  background: #f9fafb;
}
.partner-data-table tbody td {
  padding: 10px 14px;
  font-size: 12px !important;
  border-bottom: 0.5px solid #f3f4f6;
  vertical-align: middle;
  white-space: nowrap !important;
}
.partner-data-table__footer {
  padding: 8px 14px;
  font-size: 12px;
  color: #888;
  border-top: 0.5px solid #f3f4f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.partner-section-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.partner-section-header__title {
  font-weight: 500;
  font-size: 14px;
  color: #1a1a1a;
}
.partner-section-header__sub {
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}

.status-lezart {
  background: #DCFCE7;
  color: #166534;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}

.status-folyamatban {
  background: #DBEAFE;
  color: #1D4ED8;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}

.status-tervezes {
  background: #FEF3C7;
  color: #92400E;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
}

.skontor-alap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #16a34a;
  color: #fff;
  font-size: 11px;
}

.partner-modal--xwide {
  max-width: 1040px;
}

.partner-modal__intro {
  font-size: 13px;
  color: #555;
  line-height: 1.5;
  margin: 0 0 16px;
}
.partner-modal__intro strong {
  color: #1a1a1a;
  font-weight: 600;
}

.partner-cell-right {
  text-align: right;
}

.partner-data-table__icon-cell {
  width: 44px;
  text-align: center;
  padding-right: 6px;
  padding-left: 6px;
}
.partner-data-table__strong {
  font-weight: 500;
  color: #1a1a1a;
}

.partner-table-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0.5px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #2563EB;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
}
.partner-table-icon-btn:hover {
  background: #EFF6FF;
  border-color: #2563EB;
}

.partner-tag-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  background: #F3F4F6;
  color: #374151;
  line-height: 1.5;
}

.partner-crm__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.partner-crm__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 0.5px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  cursor: pointer;
  transition: background 0.1s, border-color 0.1s;
}
.partner-crm__item:hover {
  background: #F8FAFF;
  border-color: #2563EB;
}
.partner-crm__item-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  background: #EFF6FF;
  flex-shrink: 0;
}
.partner-crm__item-body {
  flex: 1;
  min-width: 0;
}
.partner-crm__item-name {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
}
.partner-crm__item-value {
  font-size: 12px;
  color: #555;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.partner-crm__item-more {
  font-size: 12px;
  color: #2563EB;
  white-space: nowrap;
  flex-shrink: 0;
}
.partner-crm__detail {
  border: 0.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 18px 20px;
  background: #fff;
}
.partner-crm__detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
}
.partner-crm__detail-cell {
  min-width: 0;
}
.partner-crm__detail-label {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}
.partner-crm__detail-val {
  font-size: 13px;
  color: #1a1a1a;
  word-break: break-word;
}
.partner-crm__detail-actions {
  margin-top: 18px;
  display: flex;
}

.partner-doc-preview-overlay {
  z-index: 1060;
}

.partner-doc-preview {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1070;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.partner-doc-preview__header, .partner-doc-preview__body {
  pointer-events: auto;
}
.partner-doc-preview__header {
  width: 420px;
  max-width: 92vw;
  margin: 0 auto;
  background: #1e40af;
  color: #fff;
  padding: 14px 18px;
  border-radius: 12px 12px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
}
.partner-doc-preview__title {
  font-size: 14px;
  font-weight: 600;
}
.partner-doc-preview__close {
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-doc-preview__close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.partner-doc-preview__body {
  width: 420px;
  max-width: 92vw;
  margin: 0 auto;
  background: #fff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
  padding: 6px 18px 14px;
  max-height: 60vh;
  overflow-y: auto;
}
.partner-doc-preview__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 0.5px solid #f3f4f6;
}
.partner-doc-preview__row:last-child {
  border-bottom: none;
}
.partner-doc-preview__label {
  font-size: 12px;
  color: #888;
  flex-shrink: 0;
}
.partner-doc-preview__val {
  font-size: 13px;
  color: #1a1a1a;
  text-align: right;
  word-break: break-word;
}
.partner-doc-preview__empty {
  padding: 14px 0;
  font-size: 13px;
  color: #888;
  text-align: center;
}

.partner-etikett-print {
  width: 100%;
  justify-content: center;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .partner-layout {
    grid-template-columns: 260px 1fr;
  }
}
@media (max-width: 900px) {
  .partner-layout {
    grid-template-columns: 1fr;
    padding: 12px;
  }
  .partner-sidebar {
    position: static;
  }
}
@media (max-width: 768px) {
  .partner-form-grid {
    grid-template-columns: 1fr;
  }
  .partner-form-grid--3col {
    grid-template-columns: 1fr;
  }
  .custom-fields-grid {
    grid-template-columns: 1fr;
  }
  .partner-tab-bar {
    padding: 8px 12px 0;
  }
  .partner-search-bar {
    padding: 10px 12px;
    flex-wrap: wrap;
  }
  .partner-table-container {
    padding: 0 12px 12px;
  }
  .partner-table-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .partner-profil-tabs .nav-link {
    padding: 10px 10px;
    font-size: 11px;
  }
  .partner-popup {
    width: 90vw;
  }
}
@media (max-width: 480px) {
  .partner-list-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .person-card__data {
    grid-template-columns: 1fr;
  }
  .telephely-card__grid {
    grid-template-columns: 1fr;
  }
}
.partner-adatlap {
  padding: 24px;
  font-family: system-ui, -apple-system, sans-serif;
}
.partner-adatlap__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.partner-adatlap__col {
  min-width: 0;
}
.partner-adatlap__title {
  font-size: 12px;
  font-weight: 500;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 0.5px solid #e5e7eb;
}

.partner-ro-field {
  margin-bottom: 12px;
}
.partner-ro-field__label {
  display: block;
  font-size: 12px;
  color: #888;
  margin-bottom: 3px;
  font-weight: 500;
}
.partner-ro-field__value {
  font-size: 13px;
  color: #1a1a1a;
  font-weight: 500;
  padding: 6px 0;
  border-bottom: 0.5px solid #f3f4f6;
  min-height: 30px;
  line-height: 1.5;
  word-wrap: break-word;
}
.partner-ro-field__empty {
  color: #ccc;
  font-weight: 400;
}
.partner-ro-field__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px 0;
}
.partner-ro-field__hint {
  font-size: 11px;
  margin-left: 6px;
  font-weight: 500;
}
.partner-ro-field__hint--ok {
  color: #16a34a;
}
.partner-ro-field__hint--err {
  color: #dc2626;
}

@media (max-width: 900px) {
  .partner-adatlap__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.partner-cim {
  padding: 24px;
  font-family: system-ui, -apple-system, sans-serif;
}
.partner-cim__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
  align-items: start;
}
.partner-cim__cards--sites {
  margin-bottom: 0;
  gap: 12px;
}
.partner-cim__card {
  background: #fff;
  margin-bottom: 16px;
}
.partner-cim__cards > .partner-cim__card {
  margin-bottom: 0;
}
.partner-cim__card--site {
  background: #fafafa;
  border-radius: 10px;
  padding: 16px 20px;
}
.partner-cim__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  margin-bottom: 14px;
  border-bottom: 0.5px solid #e5e7eb;
}
.partner-cim__title-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.partner-cim__title {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.partner-cim__subtitle {
  font-size: 11px;
  font-weight: 400;
  color: #888;
  letter-spacing: 0;
  text-transform: none;
}
.partner-cim__badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  background: #F3F4F6;
  color: #555;
  text-transform: none;
  letter-spacing: 0;
}
.partner-cim__badge--default {
  background: #EFF6FF;
  color: #2563EB;
}
.partner-cim__badge--postal {
  background: #EDE9FE;
  color: #5B21B6;
}
.partner-cim__badge--active {
  background: #DCFCE7;
  color: #16a34a;
}
.partner-cim__badge--active::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #16a34a;
  flex-shrink: 0;
}
.partner-cim__badge--inactive {
  background: #FEE2E2;
  color: #dc2626;
}
.partner-cim__badge--inactive::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dc2626;
  flex-shrink: 0;
}
.partner-cim__actions {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}
.partner-cim__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 32px;
}
.partner-cim__col {
  min-width: 0;
}
.partner-cim__name-row {
  margin-bottom: 4px;
}
.partner-cim__extra {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 0.5px solid #f3f4f6;
  max-width: 320px;
}
.partner-cim__empty {
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
  padding: 28px 16px;
  text-align: center;
  font-size: 13px;
  color: #aaa;
}
.partner-cim__empty--inline {
  padding: 14px 16px;
  margin-bottom: 4px;
}
.partner-cim__section {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 0.5px solid #e5e7eb;
}
.partner-cim__section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.partner-cim__section-title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.partner-cim__section-title {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}
.partner-cim__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  border-radius: 6px;
  background: #F3F4F6;
  color: #555;
  font-size: 11px;
  font-weight: 600;
}

@media (max-width: 900px) {
  .partner-cim {
    padding: 16px;
  }
  .partner-cim__cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .partner-cim__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .partner-cim__card {
    padding: 16px;
  }
  .partner-cim__header {
    flex-wrap: wrap;
  }
  .partner-cim__section-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*# sourceMappingURL=main.css.map */