.bordered-card {
    /*border: 1px solid #94d2bd;*/
    border-radius: 8px; /* Smooth rounded edges */
    border: 1px solid #e0e0e0; /* Light border for separation */
}

.header-primary {
    color: white;
}

.input-grey {
    color: grey;
}

.hidden {
    display: none !important;
}

.results-header {
    color: white;
}


.results-tab {
    font-weight: bold;
}

.results-tab:not(.active) {
    font-weight: normal;
}

.qa-section{
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;">
}

.qa-section h5{
    margin: 0;
    padding: 10px;
    background-color: #f9f9f9;
    cursor: pointer;
}

/*Clarification sections*/
.clarification-section {
    border: 1px solid #e0e0e0; /* Light grey border for modern look */
    border-radius: 8px; /* Smooth rounded edges */
    padding: 16px; /* Internal padding for spacing */
    background-color: #f9f9f9; /* Subtle background color */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Modern shadow effect */
}

.step-heading {
    color: #a0a0a0; /* Light grey color for the heading */
    font-size: 1.25rem; /* Slightly larger than default text */
    font-weight: 600; /* Semi-bold for emphasis */
    text-transform: uppercase; /* Uppercase for a clean look */
    margin-bottom: 12px; /* Space below the heading */
}

.clarification-content {
    font-size: 1rem; /* Readable font size */
    line-height: 1.6; /* Comfortable line height for reading */
    color: #333; /* Dark grey text for better readability */
}

.clarification-text {
    margin: 0; /* Remove default paragraph margins */
}

.or-separator {
    text-align: center;
    color: #a0a0a0;
    font-weight: bold;
    margin: 12px 0;
}

/*JSON code example section*/
.code-example-section {
    background-color: #ffffff; /* Slightly lighter than container */
    border: 1px solid #e0e0e0; /* Light border for separation */
    border-radius: 8px; /* Smooth corners */
}


.code-block {
    overflow-x: auto; /* Enable horizontal scrolling for long code */
    font-family: "Courier New", Courier, monospace; /* Monospace font for code */
    font-size: 0.9rem; /* Slightly smaller font for compact code */
    color: #333; /* Dark grey for readability */
}

/*QA created successfully*/
/*.hidden {*/
/*    display: none !important;*/
/*}*/

.success-inline {
    color: #28a745; /* Green for success */
    font-weight: bold; /* Bold text for emphasis */
    margin-left: 8px; /* Spacing between icon and text */
    display: inline-flex; /* Align icon and text inline */
    align-items: center; /* Vertically align icon and text */
}

.success-icon {
    margin-right: 4px; /* Spacing between icon and text */
    font-size: 1rem; /* Smaller icon size */
}

#pagination-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
}

.pagination-btn {
    background: transparent;
    color: #0a9396;
    border: none;
    padding: 8px 14px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.pagination-btn:disabled {
    color: #b5e0d5;
    cursor: not-allowed;
}

.pagination-btn:hover:not(:disabled) {
    color: #005f73;
}

.pagination-links {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pagination-link {
    font-size: 16px;
    font-weight: 500;
    color: #0a9396;
    padding: 5px 10px;
    cursor: pointer;
    transition: color 0.3s ease;
}

.pagination-link:hover {
    color: #005f73;
}

.pagination-link.active {
    color: #0a9396; /* Teal shade to match the theme */
    font-weight: bold;
    border-bottom: 2px solid #0a9396; /* Underline effect instead of a filled background */
    padding-bottom: 2px;
}

.selected-strategies {
    min-height: 40px;
    border: none;
    padding: 5px;
    margin-bottom: 10px;
}

.strategy-chip {
    display: inline-block;
    padding: 5px 10px;
    margin: 2px;
    background-color: #e0e0e0;
    border-radius: 16px;
    font-size: 14px;
}

.strategy-chip .remove-strategy {
    cursor: pointer;
    padding-left: 5px;
    font-weight: bold;
}

.placeholder-text {
    color: #6c757d;
    margin: 0;
    padding: 5px;
}

.selected-strategies:not(:empty) .placeholder-text {
    display: none;
}

  .swal-scrollable-dialog {
    font-size: 0.9rem;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: normal;
  }