/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
.w-85 {
    width: calc(100% - 250px) !important;
}
.table {
  font-size: inherit;
}
body{
  padding-right: 0px !important;
}
#dealsContainer::-webkit-scrollbar {
    display: none;
}
#quotationsContainer::-webkit-scrollbar {
    display: none;
}

  .stage-card .card-body p,
  .stage-card .card-body ul {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 100%;
    overflow-x: hidden;
  }
    .stage-card .card-body h6{
      white-space: collapse;
    }
 /* Slide in from right - only change modal-dialog positioning and animation */
 .modal.right-slide .modal-dialog {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  margin: 0;
  width: 100%; 
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
  box-shadow: none;
  border: none;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow: hidden;
  z-index: 1050;
}

/* Slide in on show */
.modal.right-slide.show .modal-dialog {
  transform: translateX(0);
}
/* Use Bootstrap modal-content styles without overrides */
.modal.right-slide .modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0;
}

/* Close button on left - reorder inside header */
.modal.right-slide .modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* align left for close and title */
  gap: 1rem;
}

/* Move close button before title */
.modal.right-slide .btn-close {
  order: -1; /* before title */
}

/* Modal body fills rest */
.modal.right-slide .modal-body {
  overflow-y: auto;
  flex-grow: 1;
}

/* Responsive - full width on small screens */
@media (max-width: 767.98px) {
  .modal.right-slide .modal-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
#followupStagesContainer .stage-card {
  min-width: 300px;
  max-width: 300px; /* Prevents card from stretching */
  flex-shrink: 0;    /* Prevents card from shrinking too much */
  word-break: break-word; /* Important for long words or URLs */
}

#followupStagesContainer .card-body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal; /* Ensures normal wrapping */
  min-width: 0; /* Prevent flex item overflow */
}
.iti,
.iti--allow-dropdown {
  display: block !important;
  width: 100% !important;
}
.flatpickr-wrapper {
  display: block !important;
}
.fc-event {
    cursor: pointer !important;
}

/* Active submenu highlight */
.master-link.active {
    display: block;    
    color: #0d6efd !important;
    border-radius: 4px;
    padding: 0px 26px;
}

/* Hover effect */
.master-link:hover {
    /* background-color: rgba(13, 110, 253, 0.1); */
    color: #0d6efd;
    text-decoration: none;
}

.master-link {
    position: relative;
    padding-left: 18px; /* space similar to Velzon */
    color: #5a607f;
    font-size: small;
    text-decoration: none;
    display: block;
    padding: 0px 26px;
}

/* Light grey dash before submenu */
.master-link::before {
    content: "";
    position: absolute;
    left: 6px;         /* aligns like Velzon */
    top: 50%;
    width: 6px;       /* small horizontal size */
    height: 1px;       /* very thin line */
    background-color: #c7cdd9; /* Velzon light grey */
    transform: translateY(-50%);
    border-radius: 2px;
}

.accordion-button:not(.collapsed) {
    background-color: #0d6efd;
    color: #fff;
}