/* @import url('./../../node_modules/bootstrap/dist/css/bootstrap.min.css'); */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");

.plt,
* {
  --bs-btn-close-color: #fff;
  --plt-body-bg: #EFF2F6;
  --plt-body-surface: #FFFFFF;
  --plt-primary: #1B2D5B;
  --plt-primary-bg: var(--plt-primary);
  --plt-border-radius: 12px;
  --plt-active-link-underline-color: #2E8B8B;
  --plt-color-success: #2E8B8B;
  --plt-color-info: #0288D1;
  --plt-danger: #C62828;
  /* override bs colors */
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: #E3EEFF;
  --btn-secondary-bg: #E3EEFF;
  /* --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb) 0, 0, 0, 0.075) */
  /* font-family:"Urbanist" */
  /* --bs-body-bg: #EFF2F6; */

  --plt-txt-primary: var(--plt-primary);
  --plt-txt-muted: #737373;
  --plt-txt-white: #FFFFFF;
  --plt-txt-black: #000000;

  --plt-configurator-active: #E3EEFF;

  --plt-fs-1: 1px;
  --plt-fs-2: 2px;
  --plt-fs-3: 3px;
  --plt-fs-4: 4px;
  --plt-fs-5: 5px;
  --plt-fs-6: 6px;
  --plt-fs-7: 7px;
  --plt-fs-8: 8px;
  --plt-fs-9: 9px;
  --plt-fs-10: 10px;
  --plt-fs-11: 11px;
  --plt-fs-12: 12px;
  --plt-fs-13: 13px;
  --plt-fs-14: 14px;
  --plt-fs-15: 15px;
  --plt-fs-16: 16px;
  --plt-fs-17: 17px;
  --plt-fs-18: 18px;
  --plt-fs-19: 19px;
  --plt-fs-20: 20px;
  --plt-fs-21: 21px;
  --plt-fs-22: 22px;
  --plt-fs-23: 23px;
  --plt-fs-24: 24px;
  --plt-fs-25: 25px;
  --plt-fs-26: 26px;
  --plt-fs-27: 27px;
  --plt-fs-28: 28px;
  --plt-fs-29: 29px;
  --plt-fs-30: 30px;
  --plt-fs-31: 31px;
  --plt-fs-32: 32px;
  --plt-fs-33: 33px;
  --plt-fs-34: 34px;
  --plt-fs-35: 35px;
  --plt-fs-36: 36px;
  --plt-fs-37: 37px;
  --plt-fs-38: 38px;
  --plt-fs-39: 39px;
  --plt-fs-40: 40px;
  --plt-fs-41: 41px;
  --plt-fs-42: 42px;
  --plt-fs-43: 43px;
  --plt-fs-44: 44px;
  --plt-fs-45: 45px;
  --plt-fs-46: 46px;
  --plt-fs-47: 47px;
  --plt-fs-48: 48px;
  --plt-fs-49: 49px;
  --plt-fs-50: 50px;
  --plt-fs-51: 51px;
  --plt-fs-52: 52px;
  --plt-fs-53: 53px;
  --plt-fs-54: 54px;
  --plt-fs-55: 55px;
  --plt-fs-56: 56px;
  --plt-fs-57: 57px;
  --plt-fs-58: 58px;
  --plt-fs-59: 59px;
  --plt-fs-60: 60px;
  --plt-fs-61: 61px;
  --plt-fs-62: 62px;
  --plt-fs-63: 63px;
  --plt-fs-64: 64px;
  --plt-fs-65: 65px;
  --plt-fs-66: 66px;
  --plt-fs-67: 67px;
  --plt-fs-68: 68px;
  --plt-fs-69: 69px;
  --plt-fs-70: 70px;
  --plt-fs-71: 71px;
  --plt-fs-72: 72px;
  --plt-fs-73: 73px;
  --plt-fs-74: 74px;
  --plt-fs-75: 75px;
  --plt-fs-76: 76px;
  --plt-fs-77: 77px;
  --plt-fs-78: 78px;
  --plt-fs-79: 79px;
  --plt-fs-80: 80px;
  --plt-fs-81: 81px;
  --plt-fs-82: 82px;
  --plt-fs-83: 83px;
  --plt-fs-84: 84px;
  --plt-fs-85: 85px;
  --plt-fs-86: 86px;
  --plt-fs-87: 87px;
  --plt-fs-88: 88px;
  --plt-fs-89: 89px;
  --plt-fs-90: 90px;
  --plt-fs-91: 91px;
  --plt-fs-92: 92px;
  --plt-fs-93: 93px;
  --plt-fs-94: 94px;
  --plt-fs-95: 95px;
  --plt-fs-96: 96px;
  --plt-fs-97: 97px;
  --plt-fs-98: 98px;
  --plt-fs-99: 99px;
  --plt-fs-100: 100px;

  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.app.plt {
  font-family: "Urbanist", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

.plt .plt-title {
  font-style: bold;
  font-weight: 700;
  font: 'Urbanist';
}

.plt .p-20-80 {
  padding: 20px 80px;
}

.plt .txt-primary {
  color: var(--plt-txt-primary)
}

.plt .fs-14 {
  font-size: 14px;
}

.plt .fs-16 {
  font-size: 16px;
}

.plt .fs-18 {
  font-size: 18px;
}

.plt .fs-24 {
  font-size: 24px;
}

.plt .fs-32 {
  font-size: 32px;
}

.plt .fs-56 {
  font-size: 56px;
}

.app.plt {
  background-color: #EFF2F6;
}

.plt .form-control {
  border-radius: 50px !important;
  padding: 6px 12px !important;
}

.plt .bg-configurator-pill.active {
  background-color: var(--plt-configurator-active) !important;
  color: var(--plt-primary);
}

.m-20 {
  margin: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.plt .plt-nav-user {
  height: 32px;
}

.plt .plt-primary-text {
  color: var(--plt-primary);
}

.surface {
  background-color: var(--plt-body-surface);
}

.h-100-vh {
  /* height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); */
  height: 85dvh;
}

.plt-dashboard-bg {
  background-color: #EFF2F6 !important;
}

.plt-nav {
  border-radius: var(--plt-border-radius);
}

.plt-link {
  /* space between nav items */
  color: var(--plt-primary);
  font-family: 'Cabin', sans-serif;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
  transition: border-bottom 0.3s, color 0.3s;
}

.plt-link.success {
  margin-right: 20px;
  /* space between nav items */
  color: var(--plt-color-success);
  font-family: 'Cabin', sans-serif;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  transition: border-bottom 0.3s, color 0.3s;
}

.plt-nav-item {
  margin-right: 20px;
  /* space between nav items */
  color: #444;
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  transition: border-bottom 0.3s, color 0.3s;
}

.plt-overview {
  display: flex;
  align-items: center;
  gap: 20px;
  /* Alternative to margin-right if using flex */
}

.plt-nav-item {
  transition: border-bottom 0.3s, color 0.3s;
}

.plt-nav-item:hover {
  color: var(--plt-primary-bg);
  font-weight: 700;
}

.plt-nav-item.active {
  color: var(--plt-primary-bg);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 3px solid var(--plt-active-link-underline-color);
  border-radius: 0 !important;

  /* background-color: transparent;
  color: var(--plt-primary-bg);
  font-weight: bold;
  border-bottom: 0px solid var(--plt-active-link-underline-color);
  border-radius: 0 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--plt-active-link-underline-color) !important;
  text-underline-position: below;
  text-underline-offset: 6px; */
}

.plt-nav-item .dropdown-item:hover {
  background-color: transparent;
  color: var(--plt-primary-bg);
  font-weight: normal;
  border-bottom: 0px solid var(--plt-active-link-underline-color);
  border-radius: 0 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  /* text-decoration-color: var(--plt-active-link-underline-color) !important; */
  text-underline-position: below;
  text-underline-offset: 6px;
}

.plt-nav-item.active.dropdown-item {
  background-color: transparent;
  color: var(--plt-primary-bg);
  font-weight: bold;
  border-bottom: 0px solid var(--plt-active-link-underline-color);
  border-radius: 0 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--plt-active-link-underline-color) !important;
  text-underline-position: below;
  text-underline-offset: 6px;
}

.plt .modal,
.plt .modal-content {
  border-radius: 14px !important;
}

.plt .modal-content .form-control {
  border-radius: 12px !important;
}

.plt .card {
  background-color: var(--plt-body-surface);
}

.plt .card.surface-card {
  background-color: var(--plt-body-bg);
  border: none;
}

.plt .card,
.plt .card-header,
.plt .modal-header {
  border-top-right-radius: 12px !important;
  border-top-left-radius: 12px !important;
}

.plt .card,
.plt .card-body,
.plt .modal-body {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.plt .card-header {
  border-radius: 12px !important;
}

.plt .card-header.open {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.plt .modal .modal-content .modal-body .modal-header .btn-close {
  color: #fff !important;
  border-color: #fff !important;
}

.plt .primary-color {
  color: #2E8B8B !important;
}

.plt .remove-btn {
  padding: 4px 8px !important;
}

/* Common component styles used in plt */


.plt .add-spec-btn {
  border-bottom: 1px solid #2E8B8B;
  color: #2E8B8B !important;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  font-weight: 900;
  font-family: sans-serif;
  padding: 6px 12px;
  border-radius: 0 !important;
  transition: all 0.2s ease;
  font-size: 14px;
  text-decoration: none !important;
  border-bottom: 2px solid #2E8B8B !important;
}

.plt .clear-btn {
  border-bottom: 1px solid #2E8B8B;
  color: #2E8B8B !important;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  font-weight: 900;
  font-family: sans-serif;
  padding: 6px 12px;
  border-radius: 0 !important;
  transition: all 0.2s ease;
  font-size: 14px;
  text-decoration: none !important;
  border-bottom: 2px solid #2E8B8B !important;
}


.plt .add-value-btn:hover,
.plt .add-spec-btn:hover,
.plt .plt-btn-text:hover,
.plt .plt-btn:hover {
  background-color: rgba(46, 139, 139, 0.1);
  color: #2E8B8B;
}

.plt .add-value-btn:disabled,
.plt .add-spec-btn:disabled,
.plt .plt-btn-text:disabled,
.plt .plt-btn:disabled {
  background-color: none;
  border: none;
  border-bottom: 2px solid #212b2b !important;
  color: #212b2b !important;
}

.plt .add-value-btn:focus,
.plt .add-spec-btn:focus,
.plt .plt-btn:focus,
.plt .plt-btn-text:focus {
  box-shadow: none;
  outline: none;
}

.valueButton,
.plt .add-value-btn,
.plt .add-model-btn {
  color: #2E8B8B !important;
  background: none;
  border: none;
  font-weight: 600;
  padding: 4px 8px;
  text-decoration: none !important;
  border-bottom: 2px solid #2E8B8B !important;
  border-radius: 0 !important;
  font-size: 13px;
}

.custom-checkbox-small .form-check-input {
  width: 16px;
  height: 16px;
  margin-top: 0;
}

/* If you need to override Bootstrap's default sizing */
.form-check-input {
  width: 16px !important;
  height: 16px !important;
}

/* .plt .add-value-btn:hover {
  color: var(--plt-primary-bg);
  background-color: rgba(46, 139, 139, 0.1);
} */


/* Model Buttons */

.plt .close-btn {
  color: #6c757d !important;
  border: 1px solid #6c757d !important;
  background: none !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  border-radius: 50px !important;
  transition: all 0.2s ease !important;
}

.plt .close-btn:hover {
  background-color: #6c757d !important;
  color: white !important;
}

.plt .submit-btn {

  background: var(--plt-primary-bg) !important;
  color: white !important;
  border-radius: 50px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  border: none !important;
  transition: all 0.2s ease !important;
}

.plt .submit-btn:hover {
  background: #2E8B8B !important;
  transform: translateY(-1px) !important;
}

.plt .submit-btn:disabled {
  background: #ccc !important;
  cursor: not-allowed !important;
}

.plt .form-control {
  border-radius: 12px !important;
}

.plt button,
.plt a {
  border-radius: 50px !important;
}

/* #region stepper styles */
.MuiBox-root.css-1xl26b0 {
  display: none;
}

.plt-step-container {
  --step-line-height: 3px;
  --step-line-color: #505F81;
}

.plt-step-container .step-line.first {
  position: absolute;
  top: 12px;
  left: calc(0% + 16px);
  right: 0;
  height: var(--step-line-height);
  z-index: 1;
  background: linear-gradient(45deg, transparent, var(--step-line-color));
}

.plt-step-container .step-line {
  position: absolute;
  top: 12px;
  left: calc(0%);
  right: 0;
  height: var(--step-line-height);
  z-index: 1;
  background: linear-gradient(45deg, var(--step-line-color), var(--step-line-color));
}

.plt-step-container .step-line.last {
  position: absolute;
  top: 12px;
  left: calc(0);
  right: 0;
  height: var(--step-line-height);
  z-index: 1;
  background: linear-gradient(45deg, var(--step-line-color), transparent);
}

.plt-step-container .step-line-dot {
  height: 10px;
  width: 10px;
  background-color: var(--step-line-color);
  border-radius: 50%;
  position: absolute;
  top: 8.5px;
  right: 0;
}

.plt-step-container .step-line-dot.last {
  display: none;
}

/* #endregion stepper styles */



/* #region badges */
.plt .plt-badge,
.MuiDialog-root .MuiDialogContent-root .plt-badge {
  height: 35px;
  min-height: 35px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: 0px 14px;
  border-radius: 50px;
  font-size: 16px !important;
  font-weight: 500;
  min-width: 80px;
  line-height: 1cap;
}

.plt .plt-badge.badge-success,
.MuiDialog-root .MuiDialogContent-root .plt-badge.badge-success {
  background-color: var(--plt-color-success) !important;
  color: var(--plt-body-bg);
}

.plt .plt-badge.badge-success-o,
.MuiDialog-root .MuiDialogContent-root .plt-badge.badge-success-o {
  font-size: 16px;
  background-color: var(--plt-body-bg) !important;
  border: 2px solid var(--plt-color-success);
  color: var(--plt-color-success);
}

.plt .plt-badge.badge-info-o,
.MuiDialog-root .MuiDialogContent-root .plt-badge.badge-info-o {
  font-size: 16px;
  background-color: var(--plt-body-bg) !important;
  border: 2px solid var(--plt-color-info);
  color: var(--plt-color-info);
}

.plt .plt-badge.badge-success button {
  padding: 0;
  color: var(--plt-body-bg);
}

.plt .plt-badge.badge-success button:hover {
  padding: 0;
  color: var(--plt-body-bg);
}

/* #endregion badges */

/* #region Upload Items */

.plt .btn-upload {
  height: 150px;
  width: 150px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}

.plt .plt-img-preview {
  display: flex;
  height: 150px !important;
  width: 150px !important;
  border: 6px solid var(--plt-body-bg);
  border-radius: var(--plt-border-radius);
  background-size: cover;
  background-position: center;
}

.plt .plt-img-preview .btn-danger {
  margin: 8px;
}

/* #endregion Upload Items */


/* #region Buttons */
.plt .btn,
.modal .btn {
  padding: 8px 16px;
  letter-spacing: 0.5px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* box-shadow: 0 4px 15px rgba(27, 45, 91, 0.3); */
  overflow: hidden;
}

.modal .btn {
  border-radius: 50px;
}

.plt .btn.btn-primary,
.modal .btn.btn-primary,
.MuiPaper-root .MuiStack-root .btn.btn-primary,
.MuiPaper-root .MuiStack-root .btn.btn-primary:hover {
  background-color: var(--plt-primary);
  border-color: var(--plt-primary);
  color: white;
  font-weight: 600;
}

.plt .btn.btn-outline-primary,
.modal .btn.btn-outline-primary,
.MuiPaper-root .MuiStack-root .btn.btn-outline-primary {
  border-color: var(--plt-primary);
  color: var(--plt-primary);
  border-width: 2px;
  font-size: 14px;
  font-weight: 600;
}

.plt .btn.btn-outline-primary:hover,
.modal .btn.btn-outline-primary:hover,
.MuiPaper-root .MuiStack-root .btn.btn-outline-primary:hover {
  background-color: transparent;
  border-color: var(--plt-primary);
  color: var(--plt-primary)
}

.plt .plt-input-group {
  position: relative;
}

.plt .plt-input-group {
  border-radius: var(--plt-border-radius) !important;
}

.plt .plt-input-group .form-control:first-child {
  border-radius: var(--plt-border-radius) !important;
}

.plt .plt-input-group .form-control:last-child {
  border-radius: 0 !important;
}

.plt .plt-input-group span:last-child {
  border-radius: 0 var(--plt-border-radius) var(--plt-border-radius) 0 !important;
}

.plt .plt-input-group span:first-child {
  border-radius: var(--plt-border-radius) 0 var(--plt-border-radius) 0 !important;
}

.plt .plt-input-group button:last-child {
  position: absolute;
  /* Now relative to .plt-input-group */
  top: 2px;
  bottom: 0;
  /* Align to top */
  right: 12px;
  /* 16px from right side */
  height: 30px;
  width: 20px;
  color: #FFFFFF;
  border-radius: 50% !important;
  z-index: 1000;
  border: none;
  background-color: transparent;
}

/* .plt .plt-input-group .plt-addon-btn {
  display: flex;
  align-items: center;
  background-color: var(--plt-body-surface);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-left: none;
}

.plt .plt-input-group .plt-addon-btn:hover {
  background-color: var(--plt-body-surface);
  border: var(--bs-border-width) solid var(--plt-body-surface);
  border-left: none;
} */

.plt-card .btn-light {
  background-color: var(--plt-body-bg) !important;
}

.plt-card .btn-secondary {
  background-color: var(--btn-secondary-bg);
  color: var(--plt-primary-bg);
  border-color: var(--btn-secondary-bg);
}

.plt-card .btn-secondary:hover {
  background-color: var(--btn-secondary-bg);
  color: var(--plt-primary-bg);
  border-color: var(--btn-secondary-bg);
}

.filter-btn {
  background-color: var(--plt-body-bg);
  color: black;
  border-radius: 50%;
  padding: 6px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.filter-btn.active,
.filter-btn.off-surface.active {
  background-color: #142B61;
  color: white;
}

.filter-btn.off-surface {
  background-color: var(--plt-body-surface);
}

/* #endregion Buttons */

/* #region language toggle */
.lang-toggle {
  border: 2px solid var(--plt-primary);
  /* dark blue border */
  border-radius: var(--plt-border-radius) !important;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lang-toggle .btn {
  border: none !important;
  border-radius: 8px !important;
  padding: 5px 15px !important;
  font-weight: 600 !important;
  color: var(--plt-primary);
}

.lang-toggle.btn-group {
  border-radius: 8px !important;
  padding: 1px 1.4px !important;
}

.lang-toggle.btn-group label {}

.lang-toggle .btn.active {
  background-color: var(--plt-primary) !important;
  color: #fff;
  border-radius: 8px !important;
  margin: 0px !important;
  /* space so rounded corners show */
}

/* #endregion language toggle */

/* #region Input */
.plt input::placeholder {
  font-size: 14px;
}

/* #endregion Input */
/* Add these styles to your pltDashboard.css file */

/* User tooltip styling */
.plt-nav-item[title]:hover::after {
  content: attr(title);
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
}

/* Logout button styling */
.plt .btn-link.text-danger:hover {
  color: #dc3545 !important;
  background-color: rgba(220, 53, 69, 0.1);
  border-radius: 50%;
}

.plt .plt-btn,
.plt .plt-btn-text {
  font-family: 'Urbanist';
  font-weight: 600;
  font-size: 16px;
  font-style: SemiBold;
  padding: 6px 12px;
  border-radius: 0 !important;
  transition: all 0.2s ease;
  font-size: 16px;
  text-decoration: none !important;
  cursor: pointer !important;
}

.plt .plt-btn.active,
.plt .plt-btn-text.active {
  border-bottom: 2px solid #2E8B8B !important;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  cursor: pointer !important;
}

.plt .plt-btn.underline {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  text-wrap: nowrap;
  cursor: pointer !important;
}

.plt .plt-btn.underline.danger {
  color: #C62828 !important;
  border-bottom-color: var(--plt-danger) !important;
}

.plt .plt-btn.underline.success {
  border-bottom-color: var(--plt-color-success) !important;
  color: var(--plt-color-success) !important;
}

.plt-btn.success {
  color: #2E8B8B !important;
  border-bottom: 2px solid #2E8B8B !important;
}


.plt-success-btn {
  border-bottom: 1px solid #2E8B8B;
  color: #2E8B8B !important;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  font-weight: 900;
  font-family: sans-serif;
  padding: 6px 12px;
  border-radius: 0 !important;
  transition: all 0.2s ease;
  font-size: 14px;
  text-decoration: none !important;
  border-bottom: 2px solid #2E8B8B !important;
  cursor: pointer !important;
}

/* User section container */
.position-relative {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* User Popover Styles */
.plt-user-popover {
  border-radius: 12px !important;
  border: 1px solid #e9ecef;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  min-width: 280px;
}

.plt-user-popover .popover-body {
  padding: 0 !important;
}

.plt-user-popover .popover-arrow {
  display: none;
}

/* Status Indicator */
.plt-status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #6c757d;
  display: inline-block;
}

.plt-status-indicator.active {
  background-color: #28a745;
  box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
}

/* User Info Styles */
.plt-user-popover .user-info {
  padding: 16px;
  border-bottom: 1px solid #e9ecef;
}

.plt-user-popover .logout-section {
  padding: 12px 16px;
}

/* Hover effects */
.plt-nav-item:hover img {
  border-color: var(--plt-primary) !important;
  transition: border-color 0.3s ease;
}

/* Popover header-like section */
.plt-user-popover .user-header {
  background: linear-gradient(135deg, var(--plt-primary) 0%, #2E8B8B 100%);
  color: white;
  padding: 16px;
  border-radius: 12px 12px 0 0;
}

.plt-user-popover .user-header h6 {
  color: white;
  margin-bottom: 4px;
}

.plt-user-popover .user-header small {
  color: rgba(255, 255, 255, 0.8);
}

/* Alternative styling without gradient header */
.plt-user-popover .user-info {
  background: white;
  border-radius: 12px 12px 0 0;
}

.plt-user-popover .user-info h6 {
  color: var(--plt-primary);
  font-weight: 600;
}

.plt-user-popover .user-info small {
  color: #6c757d;
  font-size: 13px;
}

.plt .text-primary {
  color: var(--plt-primary) !important;
}

/* #region Table Styles */

.plt table,
.plt table thead {
  border-radius: var(--plt-border-radius) !important;
}

.plt table thead th {
  background-color: var(--plt-primary-bg) !important;
}

.plt table thead th {
  color: white;
  border-right: 2px solid white;
}

.plt table.plt-table thead th {
  color: white;
  border-right: none;
}

.plt table thead:first-child th:first-child {
  border-radius: var(--plt-border-radius) 0 0 0 !important;
}

.plt table thead:first-child th:last-child {
  border-radius: 0 var(--plt-border-radius) 0 0 !important;
  border-right: none;
}

.plt table tbody tr td {
  background-color: #EFF2F6 !important;
}

.plt table.plt-table tbody tr td {
  background-color: white !important;
}

.plt table.plt-table tbody tr td {
  border-bottom: none;
  border-right: none;
  border-bottom: 1px solid rgb(235, 235, 235);
}

.plt table tbody tr td {
  border-bottom: none;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

.plt table tbody tr td:last-child {
  border-right: none !important;
}

.plt table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 var(--plt-border-radius) !important;
}

.plt table tbody tr:last-child td:last-child {
  border-radius: 0 0 var(--plt-border-radius) 0 !important;
  border-right: none !important;
}

.plt table tbody tr:last-child td {
  border-bottom: none !important;
}

.plt table tbody tr td .input-group input:last-child {
  border-radius: 0 var(--plt-border-radius) var(--plt-border-radius) 0 !important;
}

/* #endregion Table Styles */

.plt input::placeholder,
.plt textarea::placeholder,
.plt .form-control::placeholder {
  font-style: italic !important;
}