.ds-field-row {
    margin: 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.ds-label {
    font-weight: 600
}

.ds-slots-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px
}

.ds-slot-chip {
    background: #f0f0f1;
    border: 1px solid #dcdcde;
    border-radius: 14px;
    padding: 2px 8px;
    display: inline-block
}

/* .select2-container.select2-container--default.select2-container--open{
    z-index: 9999;
    margin-top: 30px;
}
     */

.category-booking-card.active, .btn.ds-staff-chip.active, .btn.ds-addon-chip.active, .btn.ds-slot-chip.active {
    background-color: #FFF9F6 !important;
    border-color: #c25414 !important;
    color: #000 !important;
}

/* Inline calendar styling for booking drawer */
.ds-step-datetime .flatpickr-calendar {
  border: 1px solid #eee !important;
  box-shadow: none !important;
  width: 100% !important;
  border-radius: 10px !important;
}
.ds-step-datetime .flatpickr-months {
  padding: 8px 10px !important;
}
.ds-step-datetime .flatpickr-weekdays,
.ds-step-datetime .flatpickr-days {
  padding: 0 10px 10px 10px !important;
}
.ds-step-datetime .flatpickr-day {
  border-radius: 8px !important;
}
.ds-step-datetime .flatpickr-day.selected,
.ds-step-datetime .flatpickr-day.startRange,
.ds-step-datetime .flatpickr-day.endRange,
.ds-step-datetime .flatpickr-day.selected:focus,
.ds-step-datetime .flatpickr-day.selected:hover {
  background: #c25414 !important;
  border-color: #c25414 !important;
  color: #fff !important;
}
.ds-step-datetime .flatpickr-day.today:not(.selected) {
  border-color: #c25414 !important;
}

/* Slots chip styling */
.ds-slots-wrap .ds-slot-chip.active {
  background: #c25414 !important;
  border-color: #c25414 !important;
  color: #fff !important;
}

h4.sidebar-heading {
    color: #fff;
}

.select2-selection__rendered {
  padding-bottom: 0px !important;
}

.select2-selection__arrow {
  background: transparent !important;
}

body > .select2-container.select2-container--default.select2-container--open {
  width: auto !important;
}

.select2-dropdown.select2-dropdown--above {
  border-color: #E4EBF1 !important;
}

.js-toggle-status {
  color: #c25414 !important;
}

.js-toggle-status:hover {
  color: #fff !important;
}

.select2-container .select2-selection--single {
	height: auto !important;
}
.page-template-template-dashboard header, .page-template-template-dashboard footer, .page-template-template-dashboard .back-to-top
 
 {
    display: none;
}
.page-template-template-dashboard .container{max-width: 100%; padding: 0;}
 .nav-pills .nav-link {
  padding: 5px;
    font-weight: 500;
    font-size: 14px;
}
.ppt-filter {
    pointer-events: auto !important;
    position: relative;
    z-index: 9999;
}
.ppt-tab {
    cursor: pointer;
    padding-bottom: 6px; background-color: #f3f4f6; /* hover:bg-gray-100 */
    color: #4b5563; 
}
 
.ppt-tab.active {
    color: #2563eb; background: #dbeafe;
 }
.settings-sidebar .sidebar-menu>ul>li ul li a{padding:5px;}
.nav-pills .nav-link.active {
  background-color: #0d6efd;
}
.modal-content {
  border-radius: 20px;
}
.aiview .ai-btn {
    padding: 4px 8px;
    background: transparent;
    border: 0;
    font-size: 14px;
    background-color: #f3f4f6; 
    color: #4b5563;   
}

/* ACTIVE = blue bg + blue text */
.aiview .ai-btn.active {
    background-color: #dbeafe !important; /* bg-blue-100 */
    color: #2563eb !important;           /* text-blue-600 */
    font-weight: 500;
}

/* INACTIVE HOVER ONLY */
.aiview .ai-btn:not(.active):hover {
    background-color: #f3f4f6; /* hover:bg-gray-100 */
    color: #4b5563;            /* text-gray-600 */
}

/* Tabs */
.ppt-tab {
    cursor: pointer;
}
 

/* Grid/List buttons */
.ai-btn {
    padding: 4px 8px;
    border: 0;
    background: transparent;
}

.ai-btn.active {
    background-color: #dbeafe;
    color: #2563eb;
    font-weight: 500;
}

.ai-btn:not(.active):hover {
    background-color: #f3f4f6;
}

/* Card hover */
.ppt-card:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.08);
}

/* List hover */
.ppt-row:hover {
    background-color: #f8f9fa;
}

/* Line clamp */
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#submenu-settings { padding: 0 10px;}
.fs-custom {font-size: 12px;}
.card.user-sidebar, .settings-sidebar {border: 0px!important;}
.dashboardsidebar .card-header{padding: 0 10px 0 5px;}
.btn-primary-custom {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}
.settings-sidebar .sidebar-menu>ul li .submenu>ul li a{padding-left:0px!important;}
.user-sidebar .card-header{padding: 10px 0;}
.offcanvas-header .btn-close {
    opacity: 1 !important;
    filter: none !important;
    background-size: 1.25rem !important;
}
.btn-close-white {
    filter: invert(1);
}
.offcanvas{max-width:initial;}
.mobile .flex-shrink-0 {padding: 10px;}