/* =====================================================
   PREMIUM TYPOGRAPHY - Negative Letter Spacing
   Apple & Airbnb style typography for professional look
   ===================================================== */

/* Main headings - tight tracking for bold, cohesive look */
h1, .h1 {
  letter-spacing: -0.035em; /* -3.5% */
}

h2, .h2 {
  letter-spacing: -0.03em; /* -3% */
}

h3, .h3 {
  letter-spacing: -0.025em; /* -2.5% */
}

h4, .h4, h5, .h5, h6, .h6 {
  letter-spacing: -0.02em; /* -2% */
}

/* Card titles - consistent across all cards */
[data-slot="card-title"],
.uk-card-title,
.card-title {
  letter-spacing: -0.02em; /* -2% */
}

/* Large display numbers (scores, stats) */
.text-4xl,
.text-5xl,
.text-6xl {
  letter-spacing: -0.04em; /* -4% */
}

/* Font weight specific - heavier weights need tighter spacing */
.font-bold,
.font-semibold {
  letter-spacing: -0.015em; /* -1.5% */
}

/* Agent/Page titles */
.agent-title,
.page-title,
.merchant-detail-name {
  letter-spacing: -0.03em; /* -3% */
}

/* Agent card titles */
.agent-card-title {
  letter-spacing: -0.025em; /* -2.5% */
}

/* Button text - slightly tighter for cohesion */
.uk-button,
button,
[type="button"],
[type="submit"] {
  letter-spacing: -0.01em; /* -1% */
}

/* Navigation items */
.nav-link,
.sidebar-link {
  letter-spacing: -0.01em; /* -1% */
}

/* =====================================================
   END PREMIUM TYPOGRAPHY
   ===================================================== */

.ups-agent-card-field {
  background-color: #f8f8f8;
  border: 0px solid #e5e5e5;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 0.793rem;
  cursor: default;
}


/* Ensure proper styling for labels */
.uk-label-success {
  background-color: #16a34a;
  color: #fff;
}
.uk-label-danger {
  background-color: #f0506e;
  color: #fff;
}
.uk-label-warning {
  background-color: #faa05a;
  color: #fff;
}
.uk-label-primary {
  background-color: #1e87f0;
  color: #fff;
}


.scrollable_side {
  overflow: overlay;

  height: 50vh;

  padding-right: 1rem;

}

.scrollable_side > *:last-child {
  margin-bottom: 20px !important;
}

.custom_code_block {

  border-radius: 10px;

  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 25px;



  }

  .custom_code_block_code {
  color: #4B4B4D;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */


  }



  .bd-clipboard {
    position: relative;
    display: none;
    float: right
  }
  .bd-clipboard+.highlight {

  }
  @media (min-width: 768px) {
    .bd-clipboard {
        display:block
    }
  }
  .btn-clipboard {
      /* position: absolute; */
      top: -.65rem;
      right: -.65rem;
      z-index: 10;
      display: block;

      font-size: .65em;


      font-feature-settings: 'clig' off, 'liga' off;
      font-family: Poppins;
      font-size: 11px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      /* min-width: 100px; */
  }
  .btn-clipboard-img {


  }

  .btn-clipboard:hover,.btn-clipboard:focus {

  }



.custom_code_highlight_green {

}



.custom_code_highlight_title {
  color: #01EE8A;
}
.login_left_image {
  background:url('/static/images/login_left.png');
  background-position: center;
  background-size: cover;

}

.custom_login_card {


  flex-shrink: 0;


  border-radius: 31px;
  border: 2px solid rgba(77, 56, 255, 0.50);
  background: #F6F5FF;

  padding-bottom: 42px;
  padding-top: 35px;
  padding-left: 47px;
  padding-right: 47px;

  margin-left: 150px;
  margin-right: 150px;

}

.custom_price_card_bottom_button {
  width: 113px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #01EE8A;

  margin-top: 18px;
}


.custom_price_card_bottom_button_text {

  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;

  color: #4D38FF;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gabarito;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 18.2px */

}




.custom_price_card_bottom_button_disabled {
  width: 113px;
  height: 32px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #4D38FF;
  border: 0px solid #000;

  margin-top: 18px;
}
.custom_price_card_bottom_button_text_disabled {
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;

  color: #4D38FF;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gabarito;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 18.2px */





}

.custom_login_header {
  color: #4D38FF;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Gabarito;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 62.4px */

}



.custom_login_socials {
  width: 20px;
  margin-left: 27.68px;
}



.library_sidebar {
  background-color: #fff;;
}


.light_mode_bg {
  background-color: #f8fbff;
}

/* Agent Card Styles */
.ups-agent-card {
  transition: all 0.3s ease-in-out;
  transform: scale(1);
  margin: 5px;
  position: relative;
  border-style: solid;
  border-width: 1px;
  outline: 1px solid transparent;
}

.ups-agent-card:hover {
  transform: scale(1.01);
  z-index: 10;
}

.ups-agent-card:hover:not(.ups-agent-card--not-deployed) {
  outline-color: var(--card-border-color);
}

/* Agent Card Status Variants */
.ups-agent-card--not-deployed {
  border-width: 0px;
  outline: none;
}

.ups-agent-card--failed {
  --card-border-color: #f8d0d1;
  border-color: #f8d0d1;
}

.ups-agent-card--running,
.ups-agent-card--success {
  --card-border-color: #c8e6d9;
  border-color: #c8e6d9;
}

.ups-agent-card--deploying {
  --card-border-color: #D2C4FB;
  border-color: #D2C4FB;
}

.ups-agent-card--default {
  --card-border-color: #c2d8f0;
  border-color: #c2d8f0;
}

/* Status Icon Background Widget */
.ups-status-icon-background {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 8px;
}

.ups-status-icon-background--failed {
  background-color: #fdebed;
}

.ups-status-icon-background--running,
.ups-status-icon-background--success {
  background-color: #e9f7ef;
}

.ups-status-icon-background--deploying,
.ups-status-icon-background--working {
  background-color: #f3eefc;
}

.ups-status-icon-background--default {
  background-color: #e7f1fc;
}

.ups-status-icon-background__icon--failed {
  color: #c83c3b;
}

.ups-status-icon-background__icon--running,
.ups-status-icon-background__icon--success {
  color: #007042;
}

.ups-status-icon-background__icon--deploying,
.ups-status-icon-background__icon--working {
  color: #7b3fe8;
}

.ups-status-icon-background__icon--default {
  color: #1c4f9d;
}



.ups-badge-primary {
  background-color: #dbeafe;
  color: #1f40af;
}

.ups-badge-secondary {
  background-color: #f3e8ff;
  color: #8649b8;
}


.ups-badge-default {
  background-color: #dbeafe;
  color: #5067c1;
}


.uk-badge {
  border-radius: 5px !important;
}

/* Status Tag Widget */
.ups-status-tag {
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 0.793rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  border: 1px solid;
}

.ups-status-tag--failed {
  background-color: #fdebed;
  color: #c83c3b;
  border-color: #f8d0d1;
}

.ups-status-tag--running,
.ups-status-tag--success {
  background-color: #e9f7ef;
  color: #007042;
  border-color: #AFF8C8;
}

.ups-status-tag--deploying,
.ups-status-tag--working {
  background-color: #f3eefc;
  color: #7b3fe8;
  border-color: #e0d2f7;
}

.ups-status-tag--default {
  background-color: #e7f1fc;
  color: #1c4f9d;
  border-color: #c2d8f0;
}

.ups-status-tag__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}

.ups-status-tag__dot--failed {
  background-color: #c83c3b;
}

.ups-status-tag__dot--running,
.ups-status-tag__dot--success {
  background-color: #007042;
}

.ups-status-tag__dot--deploying,
.ups-status-tag__dot--working {
  background-color: #7b3fe8;
}

.ups-status-tag__dot--default {
  background-color: #1c4f9d;
}

/* Status Number Text Colors */
.ups-status-number--default {
  color: #1c4f9d;
}

.ups-status-number--running {
  color: #7b3fe8;
}

.ups-status-number--success {
  color: #007042;
}

.ups-status-number--failed {
  color: #c83c3b;
}

/* Sidebar Shadow */
.sidebar-shadow {
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.04);
}

/* Sidebar Background Colors - Light Mode */
.sidebar-main {
  background-color: #fff;
}

.user-menu-section {
  background-color: #fbfbfb;
}

.uk-button {
  font-size: 0.775rem!important;
  height: 1.95rem!important;

}


.uk-text-muted {
  font-size: 0.693rem;
}

.uk-card-title {
  font-size: 1rem;
}

.uk-card-header {
  padding: 1rem;
}

.uk-text-small {
  font-size: 0.793rem;
}

.uk-h2 {
  font-size: 1.6rem;
}

.uk-margin-medium-bottom {
  margin-bottom: 20px!important;
}

.uk-tab>*>a {
  font-size: 0.793rem;
}



.buton-icon {
  width: 14px;
  height: 14px;
  margin-bottom: 2px;
}

.uk-margin-small-right {
  margin-right: 7px!important;
}

/* Agent Card Button Container - Horizontal Scrollable */
.ups-agent-card .uk-card-footer .uk-margin-auto-left::-webkit-scrollbar {
  display: none;
}

.ups-agent-card .uk-card-footer .uk-margin-auto-left {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Smooth scroll behavior for button container */
.ups-agent-card .uk-card-footer .uk-margin-auto-left {
  scroll-behavior: smooth;
}

/* Button hover effect in scrollable container */
.ups-agent-card .uk-card-footer .uk-button {
  transition: all 0.2s ease;
}

.ups-agent-card .uk-card-footer .uk-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}



.agent-card-button {
  font-size: 0.745rem!important;
}

.agent-card-title {
  font-size: 1rem!important;
}

.agent-card-title-subtext {
  font-size: 0.793rem; margin-top: 2px !important; line-height: 1.2;
}