/*Bootstrap Customization*/
.form-group {
    margin-bottom: 1rem;
}

.badge {
    box-shadow: none;
}

.btn-xs {
    padding: 0.14rem 0.24rem;
    font-size: 0.5rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}


/*Base UI Customization*/
.logo-box .logo-lg {
    height: 16px !important;
}

.logo-box .logo-sm {
    height: 16px !important;
}

/*DataTables UI Customization*/
table.dataTable thead tr > .dtfc-fixed-start,
table.dataTable thead tr > .dtfc-fixed-end,
table.dataTable tbody tr > .dtfc-fixed-start,
table.dataTable tbody tr > .dtfc-fixed-end {
    background-color: #ffffff !important; /* Set the background color */
}
.dt-search {
    text-align: left !important;
    margin-bottom: 16px !important;
}

table.dataTable .fixed-col {
    background-color: #ffffff !important;
}

/*Custom CSS*/
.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

/*Ubold Customization*/
.header-title {
    margin-bottom: 1rem;
}

.card-header .header-title {
    margin-bottom: 0 !important;    
}

.card-header .btn-sm {
    padding-top: 4.89px !important;
    padding-bottom: 4.89px !important;
}

/* ApexCharts overrides */
/* X-axis value text color */
.apexcharts-xaxis-value {
    fill: #7e57c2 !important; /* SVG text fill */
    color: #7e57c2 !important; /* fallback if used in HTML context */
}

/* Bar chart colors */
.apexcharts-bar-series .apexcharts-series rect,
.apexcharts-bar-series .apexcharts-series path {
    fill: #7e57c2 !important;
    stroke: #7e57c2 !important;
}

/* Force ApexCharts gradient stops (fallback when fill is url(#...)) */
.apexcharts-canvas svg defs linearGradient stop {
    stop-color: #7e57c2 !important;
}

/*Form Checkbox Alignment*/
.form-group .form-check {
    margin-top: 0.375rem; /* Align checkbox with input fields */
}

.form-group .form-check-input {
    margin-top: 0.25rem;
}

.form-group .form-check-label {
    line-height: 1.5;
}

/*Support Ticket Styles*/
.support-ticket-photo {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
}

.support-ticket-photo:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.support-ticket-photo img {
    transition: transform 0.3s ease;
}

.support-ticket-photo:hover img {
    transform: scale(1.1);
}

.comments-section .card {
    transition: box-shadow 0.2s ease-in-out;
}

.comments-section .card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.comment-text {
    line-height: 1.6;
    color: #495057;
}

.comment-text p {
    margin-bottom: 0.5rem;
}

.comment-text p:last-child {
    margin-bottom: 0;
}

/* Photo modal overlay styles */
.photo-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.photo-overlay img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    border-radius: 8px;
}

.photo-overlay .close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    color: white;
    font-size: 40px;
    cursor: pointer;
    z-index: 10000;
}
/* ==============================================
   UnitiERP Vertical Layout Overflow Fix (Ubold)
   - Ensures content area uses remaining width next to 240px sidebar
   - Avoids 100vw-based overflow and enables wrapping/shrinking
   - Scoped to vertical layout only via [data-layout="vertical"]
   ============================================== */

[data-layout="vertical"] .content-page,
[data-layout="vertical"] .content-page .content,
[data-layout="vertical"] .content-page .page-content,
[data-layout="vertical"] .page-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Center horizontal menu items without changing layout flow */
[data-layout="horizontal"] .topnav .topnav-menu,
[data-layout="horizontal"] .navbar-custom .topnav-menu,
[data-layout="horizontal"] .navigation-menu {
    justify-content: center !important;
}

/* Allow flex/grid children to shrink so long text wraps instead of overflowing */
[data-layout="vertical"] .content-page,
[data-layout="vertical"] .content-page .row,
[data-layout="vertical"] .content-page [class*='col-'] {
  min-width: 0 !important;
}

/* Remove clipping inside common containers */
[data-layout="vertical"] .content-page .card-body,
[data-layout="vertical"] .content-page .table-responsive {
  overflow: visible !important;
}

/* Safer text wrapping for long tokens */
[data-layout="vertical"] .content-page {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Ensure containers stretch to available width */
[data-layout="vertical"] .content-page .container,
[data-layout="vertical"] .content-page .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
}

/* ==============================================
   End Vertical Layout Overflow Fix
   ============================================== */

/* ==============================================
     Horizontal menu (app-menu) adjustments
     - Enable horizontal flow inside SimpleBar wrapper
     - Keep vertical submenu styling intact
     ============================================== */
[data-layout="horizontal"] .app-menu .menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    margin: 0;
    list-style: none;
}

[data-layout="horizontal"] .app-menu .menu > .menu-item {
    white-space: nowrap;
}

/* Ensure the SimpleBar area spans full width */
[data-layout="horizontal"] .app-menu .scrollbar[data-simplebar] {
    width: 100%;
}
.bg-th-1 {
    background-color: #cdccf3 !important;
}

.bg-th-2 {
    background-color: #ebeff3 !important;
}