/* Custom CSS to match table font size with reference template */
/* Only target table body cells, not headers or other elements */
.table tbody td {
    font-size: 13px !important;
}

/* Also adjust badge/tag sizes in tables */
.table tbody .badge {
    font-size: 13px !important;
}

.small_lable {
    font-size:11px; 
    color:rgb(109, 107, 107);
    letter-spacing: 1px;
}
.small_cap_lable {
    font-size:11px; 
    color:rgb(110, 110, 110);
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
}
.small_bold_lable {
    font-size:11px; 
    color:grey;
    letter-spacing: 1px;
    font-weight: 600;
    color: black;
}

.save-flash-success {
    border-color: #2fb344 !important;
    box-shadow: 0 0 0 2px rgba(47, 179, 68, 0.25) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.save-flash-error {
    border-color: #d63939 !important;
    box-shadow: 0 0 0 2px rgba(214, 57, 57, 0.25) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.badge_cust {
    --tblr-badge-padding-x: 0.5em;
    --tblr-badge-padding-y: 0.25em;
    --tblr-badge-font-size: 0.85714285em;
    --tblr-badge-font-weight: var(--tblr-font-weight-medium);
    --tblr-badge-color: var(--tblr-secondary);
    --tblr-badge-border-radius: var(--tblr-border-radius);
    --tblr-badge-icon-size: 1em;
    --tblr-badge-line-height: 1;
    display: inline-flex;
    padding: var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);
    font-weight: var(--tblr-badge-font-weight);
    font-size: var(--tblr-badge-font-size);
    color: var(--tblr-badge-color);
    text-align: center;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    background: #f0f2f5;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--tblr-border-width) var(--tblr-border-style) transparent;
    border-radius: var(--tblr-badge-border-radius);
    min-width: calc(1em + var(--tblr-badge-padding-y) * 2 + 2px);
    letter-spacing: 0.04em;
    vertical-align: bottom;
    line-height: var(--tblr-badge-line-height);
}
/* Made with Bob */

/* Offcanvas fixed header and footer with scrollable body */
.offcanvas .card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.offcanvas .offcanvas-header {
  flex-shrink: 0;
  background: white;
  border-bottom: 1px solid #e6e7e9;
  padding: 1.5rem;
}

.offcanvas .card-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.5rem;
}

.offcanvas .offcanvas-footer {
  flex-shrink: 0;
  background: white;
  border-top: 1px solid #e6e7e9;
  padding: 1rem 1.5rem;
}

/* Dark theme support */
[data-bs-theme="dark"] .offcanvas .offcanvas-header,
[data-bs-theme="dark"] .offcanvas .offcanvas-footer {
  background: #1e293b;
  border-color: #334155;
}

/* Image Upload Section Styling */
#image-upload-table {
  font-size: 0.875rem;
}

#image-upload-table thead th {
  font-weight: 500;
  font-size: 0.8125rem;
  padding: 0.5rem;
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

#image-upload-table tbody td {
  padding: 0.5rem;
  vertical-align: middle;
}

.image-upload-row .img-thumbnail {
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  padding: 0.25rem;
}

.image-upload-row input[type="file"] {
  font-size: 0.8125rem;
}

.image-upload-row input[type="text"] {
  font-size: 0.8125rem;
}

/* Dark theme support for image upload */
[data-bs-theme="dark"] #image-upload-table thead th {
  background: #1e293b;
  border-color: #334155;
}

[data-bs-theme="dark"] .image-upload-row .img-thumbnail {
  border-color: #475569;
}