/* /Views/Edu/CreateCase.cshtml.rz.scp.css */
/* Styles for the Create Case page */
.content-preview[b-xcd5rp1jjc] {
  background-color: #fff;
  border: 1px solid #dee2e6 !important;
  border-radius: 6px;
  padding: 1.5rem !important;
  min-height: 300px;
  font-size: 0.95rem;
}

/* Code container styling */
.code-container[b-xcd5rp1jjc] {
  padding: 8px 0;
}

/* Procedure code template layout */
#procedureCodesContainer .code-entry:first-child[b-xcd5rp1jjc] {
  margin-top: 0 !important;
}

#referenceMaterialsContainer .reference-material-group:first-child[b-xcd5rp1jjc] {
  margin-top: 0 !important;
}

/* Button styling */
.btn-add-code[b-xcd5rp1jjc] {
  margin-top: 8px;
}

.code-editor[b-xcd5rp1jjc] {
  font-family: monospace;
  min-height: 300px;
}

.sticky-top[b-xcd5rp1jjc] {
  top: 1rem;
}

.input-group .form-control:focus + .input-group-text[b-xcd5rp1jjc] {
  border-color: #7a7b7e;
}

.input-group-text[b-xcd5rp1jjc] {
  background-color: #f8f9fa;
  border-left: 0;
}

/* Toast styling */
.toast-success-header[b-xcd5rp1jjc] {
  background-color: #28a745;
  color: white;
}

.toast-danger-header[b-xcd5rp1jjc] {
  background-color: #dc3545;
  color: white;
}

/* Card styling */
.card[b-xcd5rp1jjc] {
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  overflow: hidden;
}

/* Form validation styling */
.field-validation-error[b-xcd5rp1jjc] {
  color: #ff0033;
  font-size: 0.875rem;
  display: block;
  margin: 5px 0;
  padding: 8px 10px 8px 30px;
  position: relative;
  background-color: #fff0f0;
  border-left: 3px solid #ff0033;
  border-radius: 3px;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.field-validation-error[b-xcd5rp1jjc]::before {
  content: "\f071"; /* Font Awesome exclamation triangle icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff0033;
}

.input-validation-error[b-xcd5rp1jjc] {
  border-color: #ff0033;
  background-color: #fff0f0;
  box-shadow: 0 0 0 0.25rem rgba(255, 0, 51, 0.15);
}

.input-validation-error:focus[b-xcd5rp1jjc] {
  border-color: #ff0033;
  box-shadow: 0 0 0 0.25rem rgba(255, 0, 51, 0.25);
}

/* Card header styling */
.card-header[b-xcd5rp1jjc] {
  background-color: #eaecef;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #dee2e6;
}

/* Simplified processing modal styles */
.modal-header-gold[b-xcd5rp1jjc] {
  background-color: #e1d286;
}

.processing-spinner[b-xcd5rp1jjc] {
  width: 3rem;
  height: 3rem;
}
/* /Views/Edu/EditCase.cshtml.rz.scp.css */
/* Edit Case specific styles */
.edit-case-form[b-sl77xb3au3] {
  margin-bottom: 2rem;
}

.content-preview[b-sl77xb3au3] {
  min-height: 300px;
  max-height: 600px;
  overflow-y: auto;
  background-color: #fff;
}

.code-editor[b-sl77xb3au3] {
  font-family: "Consolas", "Monaco", monospace;
  resize: vertical;
  min-height: 300px;
}

.preview-card[b-sl77xb3au3] {
  margin-bottom: 2rem;
}

.html-editor-toolbar[b-sl77xb3au3] {
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  padding: 0.5rem;
  background-color: #f8f9fa;
  margin-bottom: 0.5rem;
}

/* Code container styling */
.code-container[b-sl77xb3au3] {
  padding: 8px 0;
}

/* Procedure code template layout */
#procedureCodesContainer .code-entry:first-child[b-sl77xb3au3] {
  margin-top: 0 !important;
}

#referenceMaterialsContainer .reference-material-group:first-child[b-sl77xb3au3] {
  margin-top: 0 !important;
}

/* Button styling */
.btn-add-code[b-sl77xb3au3] {
  margin-top: 8px;
}

/* Toast styling */
.toast-success-header[b-sl77xb3au3] {
  background-color: #28a745;
  color: white;
}

.toast-danger-header[b-sl77xb3au3] {
  background-color: #dc3545;
  color: white;
}

/* Form controls */
.form-control:focus[b-sl77xb3au3],
.form-select:focus[b-sl77xb3au3] {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

/* Sticky positioning for the answers sidebar */
@media (min-width: 768px) {
  .sticky-top[b-sl77xb3au3] {
    position: sticky;
    top: 1rem;
    z-index: 100;
  }
}

/* Code input styling */
.diagnosis-code[b-sl77xb3au3],
.procedure-code[b-sl77xb3au3],
.procedure-system[b-sl77xb3au3] {
  font-family: "Consolas", "Monaco", monospace;
  font-size: 0.9rem;
}

/* Add some shadow to cards for better visual hierarchy */
.card[b-sl77xb3au3] {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  margin-bottom: 1rem;
}

/* Card header styling */
.card-header[b-sl77xb3au3] {
  background-color: rgba(13, 110, 253, 0.1);
  border-bottom: 1px solid rgba(13, 110, 253, 0.2);
}

/* Button styling */
.btn-outline-primary:hover[b-sl77xb3au3] {
  background-color: #0d6efd;
  color: white;
}

.btn-outline-secondary:hover[b-sl77xb3au3] {
  background-color: #6c757d;
  color: white;
}

.btn-outline-danger:hover[b-sl77xb3au3] {
  background-color: #dc3545;
  color: white;
}

/* Form validation styling - enhanced for visibility */
.field-validation-error[b-sl77xb3au3] {
  color: #ff0033;
  font-size: 0.875rem;
  display: block;
  margin: 5px 0;
  padding: 8px 10px 8px 30px;
  position: relative;
  background-color: #fff0f0;
  border-left: 3px solid #ff0033;
  border-radius: 3px;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.field-validation-error[b-sl77xb3au3]::before {
  content: "\f071"; /* Font Awesome exclamation triangle icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff0033;
}

.input-validation-error[b-sl77xb3au3] {
  border-color: #ff0033;
  background-color: #fff0f0;
  box-shadow: 0 0 0 0.25rem rgba(255, 0, 51, 0.15);
}

.input-validation-error:focus[b-sl77xb3au3] {
  border-color: #ff0033;
  box-shadow: 0 0 0 0.25rem rgba(255, 0, 51, 0.25);
}

/* Shake animation for validation errors */
@keyframes shake-b-sl77xb3au3 {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(5px);
  }
}

.animate-shake[b-sl77xb3au3] {
  animation: shake-b-sl77xb3au3 0.6s;
}

/* Processing modal styles */
.modal-header-gold[b-sl77xb3au3] {
  background-color: #e1d286;
}

.processing-spinner[b-sl77xb3au3] {
  width: 3rem;
  height: 3rem;
}
/* /Views/Edu/EduCase.cshtml.rz.scp.css */
*[b-6avcs72jdd] {
    box-sizing: border-box;
}

body[b-6avcs72jdd] {
    background-color: #edeff2;
    height: 100vh;
    margin: 0;
    overflow: auto; /* Changed to auto to allow page scrolling */
}

/* Container and row structure fixes */
.container-fluid[b-6avcs72jdd] {
    padding-right: 10px; /* Remove unnecessary spaces in the grid system */
    padding-left: 10px; /* Remove unnecessary spaces in the grid system */
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

/* Override container-fluid to not interfere with Bootstrap grid */
.container-fluid.px-0[b-6avcs72jdd] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ensure Bootstrap column behavior is preserved */
.container-fluid .row .col-md-6[b-6avcs72jdd] {
    flex: 0 0 auto;
    width: 50%;
}

@media (max-width: 767.98px) {
    .container-fluid .row .col-12[b-6avcs72jdd] {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* Only apply nowrap to the main content row, not the header row */
.row.g-0[b-6avcs72jdd] {
    display: flex;
    flex-wrap: nowrap; /* Prevent columns from wrapping */
    margin-right: 0; /* Fix the layout gap between sidebar and content */
    margin-left: 0; /* Fix the layout gap between sidebar and content */
}

/* Ensure header row uses normal Bootstrap behavior */
.row.pt-4[b-6avcs72jdd] {
    display: flex;
    flex-wrap: wrap; /* Allow normal Bootstrap column behavior */
    margin-right: 0;
    margin-left: 0;
}

/* Header row specific styles */
.row.pt-4.px-0[b-6avcs72jdd] {
    align-items: center;
    min-height: 60px;
}

.chat_window[b-6avcs72jdd] {
    position: relative;
    width: 100%;
    max-width: 800px;
    border-radius: 12px;
    background-color: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
    min-height: 0; /* Let child sections size within sticky column */
}

.top_menu[b-6avcs72jdd] {
    background-color: #fff;
    width: 100%;
    padding: 10px 0 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.top_menu .buttons[b-6avcs72jdd] {
    margin: 3px 0 0 20px;
    position: absolute;
}
.top_menu .buttons .button[b-6avcs72jdd] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.top_menu .buttons .button.close[b-6avcs72jdd] {
    background-color: #f5886e;
}
.top_menu .buttons .button.minimize[b-6avcs72jdd] {
    background-color: #fdbf68;
}
.top_menu .buttons .button.maximize[b-6avcs72jdd] {
    background-color: #a3d063;
}
.top_menu .title[b-6avcs72jdd] {
    text-align: center;
    color: #646464;
    font-size: 16px;
}

.messages[b-6avcs72jdd] {
    position: relative;
    list-style: none;
    padding: 20px 10px 0 10px;
    margin: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: 100%;
    min-height: 0; /* Allow the list to shrink so the input stays visible */
}

.messages > *[b-6avcs72jdd] {
    display: block; /* Ensure all direct children display as block */
}

.messages .message[b-6avcs72jdd] {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all 0.5s linear;
    opacity: 0;
}
.messages .message.left .avatar[b-6avcs72jdd] {
    background-color: #e6e6e6; /* Avatar background */
    float: left;
}
.messages .message.left .text_wrapper[b-6avcs72jdd] {
    background-color: #daffcb;
    margin-left: 20px;
}
.messages .message.left .text_wrapper[b-6avcs72jdd]::after, .messages .message.left .text_wrapper[b-6avcs72jdd]::before {
    right: 100%;
    border-right-color: #daffcb;
}
.messages .message.left .text[b-6avcs72jdd] {
    color: #3d3d3d;
}
.messages .message.right .avatar[b-6avcs72jdd] {
    background-color: #e6e6e6; /* Avatar background */
    float: right;
}
.messages .message.right .text_wrapper[b-6avcs72jdd] {
    background-color: #deeef7;
    margin-right: 20px;
    float: right;
}
.messages .message.right .text_wrapper[b-6avcs72jdd]::after, .messages .message.right .text_wrapper[b-6avcs72jdd]::before {
    left: 100%;
    border-left-color: #deeef7;
}
.messages .message.right .text[b-6avcs72jdd] {
    color: #3d3d3d; /*Font Color Left side*/
}
.messages .message.appeared[b-6avcs72jdd] {
    opacity: 1;
}
.messages .message .avatar[b-6avcs72jdd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px; /* reduced from 40px */
    height: 30px; /* reduced from 40px */
    border-radius: 50%;
    margin-top: 5px; /* push avatar a little lower */
}
.messages .message .text_wrapper[b-6avcs72jdd] {
    display: inline-block;
    padding: 20px;
    border-radius: 6px;
    width: calc(100% - 85px);
    min-width: 100px;
    position: relative;
}
.messages .message .text_wrapper[b-6avcs72jdd]::after, .messages .message .text_wrapper[b-6avcs72jdd]:before {
    top: 10px;  /* adjusted from 18px to align with the reduced avatar */
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.messages .message .text_wrapper[b-6avcs72jdd]::after {
    border-width: 13px;
    margin-top: 0px;
}
.messages .message .text_wrapper[b-6avcs72jdd]::before {
    border-width: 15px;
    margin-top: -2px;
}
.messages .message .text_wrapper .text[b-6avcs72jdd] {
    font-size: 14px;
    /* font-weight: 300; */
}

.bottom_wrapper[b-6avcs72jdd] {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    padding: 20px 20px;
    position: relative;
}
.bottom_wrapper .message_input_wrapper[b-6avcs72jdd] {
    flex: 1;
    margin-right: 10px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #bcbdc0;
    width: calc(100% - 160px);
    position: relative;
    padding: 0; background-color: #ffffff; overflow: hidden;
}
.bottom_wrapper .message_input_wrapper .message_input[b-6avcs72jdd] {
    border: none;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    border-radius: 25px;
    background-color: #ffffff;
    outline-width: 0;
    color: gray;
    
}
.bottom_wrapper .send_message[b-6avcs72jdd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px; /* Adjust width to icon size */
    height: 50px; /* Adjust height to icon size */
    border-radius: 50%;
    margin-left: auto;
    background-color: #a3d063;
    border: 2px solid #a3d063;
    cursor: pointer;
    transition: all 0.2s linear;
}
.bottom_wrapper .send_message .icon[b-6avcs72jdd] {
    font-size: 20px;
    color: #fff;
}
.bottom_wrapper .send_message:hover[b-6avcs72jdd] {
    background-color: #fff;
}
.bottom_wrapper .send_message:hover .icon[b-6avcs72jdd] {
    color: #a3d063;
}

.message_template[b-6avcs72jdd] {
    display: none;
}

/* Container takes up full viewport height but allows scrolling */
.container[b-6avcs72jdd] {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Change to min-height to allow expansion */
    overflow: visible; /* Allow overflow to be visible */
}

/* Main row takes up all available space below the header */
.container > .row:nth-child(2)[b-6avcs72jdd] {
    flex: 1;
    overflow: visible; /* Allow overflow to be visible */
}

/* Both main columns have flex column layout */
.col-md-8[b-6avcs72jdd], .col-md-4[b-6avcs72jdd] {
    display: flex;
    flex-direction: column;
    min-height: 100%; /* Change to min-height to allow expansion */
    overflow: visible; /* Allow overflow to be visible */
}

/* Left side section covers the full page length */
#left_side_section[b-6avcs72jdd] {
    display: flex;
    flex-direction: column;
    min-height: 90%; /* Change to min-height to allow expansion */
    overflow: visible; /* Allow overflow to be visible */
    margin-left: 0 !important; /* Override any other margin settings */
    padding-left: 5px; /* Reduce left padding to minimize gap */
    padding-right: 15px;
    transition: all 0.3s ease;
    padding-right: 0.5rem !important;
    max-width: calc(58.33% + 0.5rem); /* Slightly increased from default 7/12 columns */
}

@media (min-width: 768px) {
    #left_side_section[b-6avcs72jdd] {
        margin-left: 16.666667%; /* Matches col-md-2 width */
    }
}

/* Main case section occupies fixed height */
#main_case_section[b-6avcs72jdd] {
    flex: 0 0 auto; /* Do not grow or shrink */
    height: 65vh; /* Fixed height based on viewport */
    min-height: 65vh; /* Ensure minimum height */
    overflow: hidden;
    display: flex;
}

/* Case details panel is scrollable */
.case-details-panel[b-6avcs72jdd] {
    flex: 1;
    overflow-y: auto; /* Ensure vertical scrolling */
    max-height: 65vh; /* Match the height of main_case_section */
    border-radius: 12px;
    background-color: #f8f8f8;
    /* chat shadow removed */ box-shadow: none;
}

/* Response section can expand freely */
#response_section[b-6avcs72jdd] {
    flex: 0 0 auto; /* Do not grow or shrink */
    display: flex;
    flex-wrap: wrap;
    overflow: visible; /* Ensure visibility of all content */
    padding-bottom: 10px; /* Add some space at the bottom */
}

/* Ensure the content in response_section is fully visible */
#response_section .col-md-6[b-6avcs72jdd] {
    overflow: visible;
}

/* Chat section sticks to viewport and fills available height */
#chat_section[b-6avcs72jdd] {
    position: sticky;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

/* Make the action column fit its contents */
table th:last-child[b-6avcs72jdd],
table td:last-child[b-6avcs72jdd] {
    width: 1%;
    white-space: nowrap;
}

/* Left Nav Styles */
.left-nav[b-6avcs72jdd] {
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    position: sticky;
    top: 10px;
}

.category-title[b-6avcs72jdd] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #343a40;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cases-nav[b-6avcs72jdd] {
    max-height: 65vh;
    overflow-y: auto;
}

.cases-nav .list-group-item[b-6avcs72jdd] {
    padding: 0.5rem 0.75rem;
    border-left: 3px solid transparent;
    font-size: 0.9rem;
}

.cases-nav .list-group-item:hover[b-6avcs72jdd],
.cases-nav .list-group-item.active[b-6avcs72jdd] {
    background-color: rgba(13, 110, 253, 0.05);
    border-left-color: #0d6efd;
}

.cases-nav .list-group-item.active[b-6avcs72jdd] {
    color: #343a40 !important;
    font-weight: 500;
}

/* Case Navigation Buttons */
.case-navigation[b-6avcs72jdd] {
    padding: 1rem 0;
}

/* Breadcrumb styling - right aligned */
.breadcrumb[b-6avcs72jdd] {
    background-color: transparent;
    padding: 0.5rem 0;
    margin-bottom: 0;
    justify-content: flex-end !important;
    display: flex !important;
    flex-wrap: nowrap;
}

/* Breadcrumb right-alignment */
.col-md-6.justify-content-end[b-6avcs72jdd] {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center;
}

.breadcrumb-container[b-6avcs72jdd] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

/* Header title container */
.header-title-container[b-6avcs72jdd] {
    min-height: 60px; /* Ensure consistent header height */
}

/* Ensure the header row has proper spacing and alignment */
.container-fluid .row.pt-4.px-0[b-6avcs72jdd] {
    align-items: center;
    min-height: 60px;
}

/* Make sure title container allows for proper flex behavior */
.header-title-container .case-title[b-6avcs72jdd] {
    flex: 1; /* Allow title to take available space */
}

/* Hamburger button styling */
.hamburger-btn[b-6avcs72jdd] {
    width: 32px;
    height: 32px;
    flex-shrink: 0; /* Don't allow the button to shrink */
}

/* Breadcrumb responsive behavior */
.breadcrumb-container nav[b-6avcs72jdd] {
    width: 100%;
}

.breadcrumb-container .breadcrumb[b-6avcs72jdd] {
    margin: 0;
    padding: 0;
}

/* Override any Bootstrap column padding that might interfere */
.header-title-container.col-12.col-md-6[b-6avcs72jdd] {
    padding-left: 1rem;
}

.breadcrumb-container.col-12.col-md-6[b-6avcs72jdd] {
    padding-right: 1rem;
}

@media (max-width: 767.98px) {
    .header-title-container[b-6avcs72jdd] {
        margin-bottom: 0.5rem;
    }
    
    .breadcrumb-container[b-6avcs72jdd] {
        justify-content: flex-start !important; /* Left-align on mobile */
    }
    
    .breadcrumb[b-6avcs72jdd] {
        justify-content: flex-start !important; /* Left-align on mobile */
    }
}

@media (max-width: 767px) {
    .breadcrumb[b-6avcs72jdd] {
        justify-content: flex-start;
        margin-top: 0.5rem;
    }
}

.breadcrumb-item + .breadcrumb-item[b-6avcs72jdd]::before {
    content: ">";
}

/* Ensure proper layout with side navigation */
.row[b-6avcs72jdd] {
    margin-right: 0;
    margin-left: 0;
    flex-wrap: nowrap; /* Prevent columns from wrapping */
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .row[b-6avcs72jdd] {
        flex-wrap: wrap; /* Allow wrapping on small screens */
    }
    
    #left_side_section[b-6avcs72jdd],
    #chat_section[b-6avcs72jdd] {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991.98px) {
    #main_case_section[b-6avcs72jdd] {
        height: 55vh;
    }
    
    .case-details-panel[b-6avcs72jdd] {
        max-height: 55vh;
    }
    
    #chat_section[b-6avcs72jdd] {
        position: static;
        top: 0;
        height: auto;
        max-height: none;
        min-height: 50vh;
        margin-top: 20px;
    }
    
    #left_side_section[b-6avcs72jdd] {
        width: 100%;
        padding-left: 15px;
    }
}

/* Collapsed sidebar styles */
#leftNavCol[b-6avcs72jdd] {
    transition: all 0.3s ease;
    padding-right: 0; /* Remove right padding */
    width: 40px;
    position: relative;
    z-index: 1030;
}

#leftNavCol:not(.expanded)[b-6avcs72jdd] {
    width: 0;
    overflow: hidden;
}

#leftNavCol button[b-6avcs72jdd] {
    text-align: center;
    padding: 0.5rem;
}

#leftNavCol button span[b-6avcs72jdd] {
    margin: 0 auto;
}

#leftNavCol.col-lg-1 button span i[b-6avcs72jdd] {
    margin-right: 0;
}

#leftNavCol.col-lg-2 button[b-6avcs72jdd] {
    text-align: left;
}

#leftNavCol.col-lg-2 button span i[b-6avcs72jdd] {
    margin-right: 0.5rem;
}

#leftNavCol.expanded[b-6avcs72jdd] {
    width: 280px;
}

.hamburger-container[b-6avcs72jdd] {
    padding: 5px;
    text-align: center;
}

.hamburger-btn[b-6avcs72jdd] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 4px;
    height: 28px;
    width: 28px;
    flex-shrink: 0; /* Prevent button from shrinking */
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.hamburger-inline-btn[b-6avcs72jdd] {
    width: 28px;
    height: 28px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

/* Specific styling for edit button */
.edit-icon-btn[b-6avcs72jdd] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 4px;
    margin-top: 5px; /* Add space between buttons */
    transition: all 0.2s ease;
}

.edit-icon-btn:hover[b-6avcs72jdd] {
    background-color: #0d6efd;
    color: white;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.3);
}

/* Edit button styling */
.edit-button[b-6avcs72jdd] {
    transition: all 0.2s ease;
}

.edit-button:hover[b-6avcs72jdd] {
    background-color: #0d6efd;
    color: white;
}

/* Apply proper spacing when sidebar is expanded */
#leftNavCol.col-lg-2 + #left_side_section[b-6avcs72jdd] {
    padding-left: 15px; /* Add some space when sidebar is expanded */
}

#left_side_section:not(.nav-expanded)[b-6avcs72jdd] {
    margin-left: 0;
    padding-left: 0;
}

/* Responsive sidebar toggle */
@media (max-width: 991.98px) {
    #leftNavCol[b-6avcs72jdd] {
        width: 100%;
    }
    
    #leftNavCol button[b-6avcs72jdd] {
        text-align: left;
    }
    
    #leftNavCol button span i[b-6avcs72jdd] {
        margin-right: 0.5rem;
    }
    
    #left_side_section[b-6avcs72jdd] {
        width: 100%;
    }
}

#left_side_section.nav-expanded[b-6avcs72jdd] {
    padding-left: 25px;
}

/* Thinking indicator */
.thinking-indicator[b-6avcs72jdd] {
    color: grey;
}

/* Default suggestion styling */
.default-suggestion-container[b-6avcs72jdd] {
    padding: 8px 15px;
    text-align: left;
    margin-bottom: 5px;
    display: none;
}

.suggestion-bubble[b-6avcs72jdd] {
    padding: 5px 10px;
    border-radius: 18px;
    background-color: #f0f7ff;
    color: #0d6efd;
    border: 1px solid #cfe2ff;
    cursor: pointer;
    margin: 2px;
    font-size: small;
    display: inline-block;
}

/* Toast styling */
.toast-success-header[b-6avcs72jdd] {
    background-color: #28a745;
    color: white;
}

/* Status indicator styling */
.completion-status[b-6avcs72jdd] {
    cursor: default;
}

/* Follow-up container styling */
.follow-up-container[b-6avcs72jdd] {
    text-align: left;
    margin-left: 55px;
    margin-top: 0;
    margin-bottom: 12px;
}

.follow-up-bubble[b-6avcs72jdd] {
    padding: 1px 6px;
    border-radius: 16px;
    background-color: transparent;
    color: black;
    border: 1px solid grey;
    cursor: pointer;
    margin: 2px 0 0 0;
    font-size: small;
    display: inline-block;
}

/* Table header widths */
.actions-column[b-6avcs72jdd] {
    width: 80px;
}

/* Hidden templates */
.hidden-template[b-6avcs72jdd] {
    display: none;
}

/* White-space utility */
.whitespace-nowrap[b-6avcs72jdd] {
    white-space: nowrap;
}

/* Remove default container padding */
.container-fluid.px-0[b-6avcs72jdd] {
    padding-left: 0;
    padding-right: 0;
}

/* Remove gap between grid columns */
.row.g-0[b-6avcs72jdd] {
    margin-left: 0;
    margin-right: 0;
}

/* Fix alignment of title container and prevent right shift */
.header-title-container[b-6avcs72jdd] {
    padding-right: 0;
    justify-content: flex-start;
    width: auto;
}

/* Ensure breadcrumbs are right-aligned to the exact edge */
.col-md-7.text-end.align-edge[b-6avcs72jdd] {
    text-align: right !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* Optimize breadcrumb container with edge alignment */
.breadcrumb-container.edge-aligned[b-6avcs72jdd] {
    max-width: 100%;
    margin-right: 0;
    padding-right: 0;
}

/* Force breadcrumb all the way to the edge */
.breadcrumb.exact-edge[b-6avcs72jdd] {
    width: auto;
    margin: 0;
    padding: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-end;
    overflow-x: auto;
    white-space: nowrap;
}

/* Row with no horizontal padding */
.row.pt-4.px-0[b-6avcs72jdd] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Create a non-truncating title style */
.case-title-full[b-6avcs72jdd] {
    white-space: normal; /* Allow wrapping */
    overflow: visible; /* Don't hide overflowing content */
    text-overflow: clip; /* Don't use ellipsis */
    flex-shrink: 0; /* Don't allow shrinking */
    width: auto; /* Let the content determine width */
    padding-right: 5px; /* Small padding */
    font-size: 1.4rem; /* Slightly smaller if needed */
    line-height: 1.3; /* Tighter line height for potential wrapping */
    max-width: none; /* No maximum width constraint */
    word-break: break-word; /* Allow breaking words if absolutely needed */
}

/* Updated case title style - no truncation */
.case-title[b-6avcs72jdd] {
    white-space: normal; /* Allow wrapping */
    overflow: visible; /* Don't hide overflowing content */
    text-overflow: clip; /* Don't use ellipsis */
    flex-shrink: 0; /* Don't allow shrinking */
    width: auto; /* Let the content determine width */
    padding-right: 10px; /* Small padding for spacing */
    font-size: 1.5rem; /* Maintain font size */
    line-height: 1.3; /* Tighter line height for potential wrapping */
    max-width: none; /* No maximum width constraint */
    word-break: break-word; /* Allow breaking words if absolutely needed */
}

/* Make sure breadcrumb items don't get cut off with ellipsis unless necessary */
.breadcrumb-item[b-6avcs72jdd] {
    flex-shrink: 0;
    white-space: nowrap;
    max-width: none; /* Remove any max-width to prevent truncation when possible */
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

/* Only allow the active breadcrumb item to shrink if really necessary */
.breadcrumb-item.active[b-6avcs72jdd] {
    flex-shrink: 1;
    min-width: 50px; /* Provide some minimum width */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px; /* Limit maximum width to prevent pushing other items off */
}

/* Optimize breadcrumb container to use full available width and right-align */
.breadcrumb-container[b-6avcs72jdd] {
    width: 100%;
    padding-right: 0; /* Remove right padding */
    text-align: right; /* Ensure right alignment */
    display: flex;
    justify-content: flex-end; /* Force right alignment */
}

/* Hide scrollbar in Chrome/Safari/newer browsers */
.breadcrumb[b-6avcs72jdd]::-webkit-scrollbar {
    display: none;
}

/* Responsive header behavior */
@media (max-width: 767.98px) {
    .row.pt-4.px-0 .col-md-6[b-6avcs72jdd] {
        flex: 0 0 100%; /* Full width on mobile */
        max-width: 100%;
    }
    
    .col-md-6.justify-content-end[b-6avcs72jdd] {
        justify-content: flex-start !important; /* Left-align on mobile */
        margin-top: 0.5rem;
    }
    
    .breadcrumb[b-6avcs72jdd] {
        justify-content: flex-start !important; /* Left-align on mobile */
    }
}

@media (min-width: 768px) {
    .col-md-6.justify-content-end[b-6avcs72jdd] {
        justify-content: flex-end !important; /* Right-align on desktop */
    }
    
    .breadcrumb[b-6avcs72jdd] {
        justify-content: flex-end !important; /* Right-align on desktop */
    }
}

/* Make case content images smaller and centered */
.case-details-panel img[b-6avcs72jdd] {
    max-width: 400px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Center the containing div - multiple approaches for compatibility */
.case-details-panel div[b-6avcs72jdd] {
    text-align: center !important;
}

.case-details-panel .mt-3[b-6avcs72jdd] {
    text-align: center !important;
    display: block !important;
}

/* Force centering on any div that contains an image */
.case-details-panel div img[b-6avcs72jdd] {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Responsive behavior for smaller screens */
@media (max-width: 768px) {
    .case-details-panel img[b-6avcs72jdd] {
        max-width: 300px !important;
    }
}

@media (max-width: 576px) {
    .case-details-panel img[b-6avcs72jdd] {
        max-width: 250px !important;
    }
}




/* /Views/Edu/LearningHome.cshtml.rz.scp.css */
.program-hero[b-5xpdu75iss] {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    position: relative;
    /* margin-top: 1.75rem;
    padding-top: 4.5rem; */
}

.program-hero .eyebrow[b-5xpdu75iss] {
    font-size: .75rem;
    letter-spacing: 2px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.75);
}

.program-stats-card[b-5xpdu75iss] {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.program-stats-card .stat-row[b-5xpdu75iss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.program-stats-card .stat-row:last-child[b-5xpdu75iss] {
    border-bottom: none;
}

.program-stats-card .stat-label[b-5xpdu75iss] {
    color: rgba(255, 255, 255, 0.7);
    font-size: .9rem;
}

.program-stats-card .stat-value[b-5xpdu75iss] {
    font-weight: 600;
    font-size: 1.5rem;
    color: #fff;
}

.program-stats-card .text-light-50[b-5xpdu75iss] {
    color: rgba(255, 255, 255, 0.6) !important;
}

.program-pillars[b-5xpdu75iss] {
    background: #fff;
}

.program-pillars .eyebrow[b-5xpdu75iss] {
    font-size: .75rem;
    letter-spacing: 2px;
    font-weight: 600;
    color: #1554b3;
    text-transform: uppercase;
}

.pillar-card[b-5xpdu75iss] {
    background: #f7f9ff;
    border-radius: 12px;
    padding: 22px;
    border: 1px solid #dbe5ff;
    height: 100%;
    box-shadow: 0 20px 40px -30px rgba(21, 84, 179, 0.45);
}

.pillar-card h5[b-5xpdu75iss] {
    font-weight: 600;
    margin-bottom: 10px;
    color: #173a70;
}

.pillar-card p[b-5xpdu75iss] {
    color: #425c7b;
    font-size: .95rem;
}

.pillar-card .meta[b-5xpdu75iss] {
    font-size: .8rem;
    font-weight: 600;
    color: #63789a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.program-activity[b-5xpdu75iss] {
    background: #f5f7fc;
}

.track-grid[b-5xpdu75iss] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.track-tile[b-5xpdu75iss] {
    background: #fff;
    border: 1px solid #dde5f7;
    border-radius: 10px;
    padding: 18px;
    box-shadow: 0 18px 35px -28px rgba(0, 31, 87, 0.4);
}

.track-tile h6[b-5xpdu75iss] {
    margin-bottom: 6px;
    font-weight: 600;
    color: #123b79;
}

.program-cta[b-5xpdu75iss] {
    background: #fff;
}

.program-cta .btn-outline-secondary[b-5xpdu75iss] {
    border-color: #d3dbeb;
}

.program-cta .btn-outline-secondary:hover[b-5xpdu75iss] {
    background: #e7efff;
}

@media (max-width: 991.98px) {
    .program-stats-card[b-5xpdu75iss] {
        margin-top: 16px;
    }
}
/* /Views/Edu/MyProgress.cshtml.rz.scp.css */
/* Progress circle */
.progress-circle[b-nrx67nr2e3] {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #f0f0f0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(
        #0d6efd 0% calc(var(--progress, @Model.ProgressPercentage) * 1%),
        #e9ecef calc(var(--progress, @Model.ProgressPercentage) * 1%) 100%
    );
}

.progress-circle-inner[b-nrx67nr2e3] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.progress-percentage[b-nrx67nr2e3] {
    font-size: 30px;
    font-weight: bold;
    color: #0d6efd;
}

.progress-label[b-nrx67nr2e3] {
    font-size: 14px;
    color: #6c757d;
}

/* Track progress */
.track-progress[b-nrx67nr2e3] {
    padding: 10px 0;
}

.track-progress:not(:last-child)[b-nrx67nr2e3] {
    border-bottom: 1px solid #eee;
}

/* Card styling */
.card[b-nrx67nr2e3] {
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s, box-shadow 0.3s;
}

.card:hover[b-nrx67nr2e3] {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.card-title[b-nrx67nr2e3] {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.card-title[b-nrx67nr2e3]:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: #0d6efd;
    border-radius: 2px;
}

/* List styling */
.list-group-item[b-nrx67nr2e3] {
    border-left: none;
    border-right: none;
}

.list-group-item:first-child[b-nrx67nr2e3] {
    border-top: none;
}

.list-group-item:last-child[b-nrx67nr2e3] {
    border-bottom: none;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .progress-circle[b-nrx67nr2e3] {
        width: 120px;
        height: 120px;
    }
    
    .progress-circle-inner[b-nrx67nr2e3] {
        width: 90px;
        height: 90px;
    }
    
    .progress-percentage[b-nrx67nr2e3] {
        font-size: 24px;
    }
}
/* /Views/Edu/Track.cshtml.rz.scp.css */
/* Base Styles */
body[b-471z02cexd] {
    background-color: #f8f9fa;
}

.list-group-item[b-471z02cexd] {
    border-left: 3px solid transparent;
    transition: all 0.2s;
    position: relative; /* Add relative positioning */
    padding-right: 15px; /* Reduce padding to standard */
}

/* Fix badge pill positioning to stay with title */
.list-group-item .d-flex[b-471z02cexd] {
    position: relative; /* Position the flex container relatively */
    padding-right: 45px; /* Make space for the badge */
}

.list-group-item .badge[b-471z02cexd] {
    position: absolute; /* Position badge absolutely */
    right: 0; /* Align to the right of the flex container */
    top: 50%; /* Center vertically within the flex container */
    transform: translateY(-50%); /* Perfect vertical alignment */
}

/* Ensure the category name wraps properly */
.list-group-item h6[b-471z02cexd] {
    margin-right: 0; /* Remove right margin */
    word-wrap: break-word; /* Allow word wrapping */
}

.list-group-item:hover[b-471z02cexd], .list-group-item.active[b-471z02cexd] {
    border-left-color: #0d6efd;
    background-color: rgba(13, 110, 253, 0.05);
}

/* Ensure active item text remains dark grey */
.list-group-item.active[b-471z02cexd], 
.list-group-item.active h6[b-471z02cexd], 
.list-group-item.active .mb-1[b-471z02cexd], 
.list-group-item.active p[b-471z02cexd] {
    color: #343a40 !important; /* Dark grey color */
    font-weight: 500; /* Slightly bolder for emphasis */
}

/* Main Content Styles */
#mainContent[b-471z02cexd] {
    padding-top: 20px;
    margin-left: 16.666667%; /* Matches col-md-2 width */
}

.track-header[b-471z02cexd] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.track-stats .badge[b-471z02cexd] {
    padding: 8px 12px;
}

.track-intro[b-471z02cexd] {
    background-color: #f8f9fc;
    border-radius: 8px;
}

/* Category Section Styles */
.category-section[b-471z02cexd] {
    padding: 20px;
    padding-top: 10px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.category-header[b-471z02cexd] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.category-header h3[b-471z02cexd] {
    color: #343a40;
}

/* Practice Test Card Styles */
.practice-test-card[b-471z02cexd] {
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid rgba(13, 36, 69, 0.08);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.practice-test-card:hover[b-471z02cexd] {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.12);
    border-color: rgba(13, 36, 69, 0.18);
}

.case-completed-badge[b-471z02cexd] {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
    border: 1px solid rgba(25, 135, 84, 0.2);
    font-weight: 500;
}

.difficulty-badge[b-471z02cexd] {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
    margin-right: 10px;
}

.difficulty-easy[b-471z02cexd] {
    background-color: #d1e7dd;
    color: #0f5132;
}

.difficulty-medium[b-471z02cexd] {
    background-color: #fff3cd;
    color: #664d03;
}

.difficulty-hard[b-471z02cexd] {
    background-color: #f8d7da;
    color: #842029;
}

.estimated-time[b-471z02cexd] {
    color: #6c757d;
    font-size: 0.85rem;
}

/* Add styling for the edit icon button */
.edit-icon[b-471z02cexd] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 0.7;
    transition: all 0.2s ease;
}

.edit-icon:hover[b-471z02cexd] {
    opacity: 1;
    background-color: #f8f9fa;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Position relative for card body to position the edit icon */
.practice-test-card .card-body[b-471z02cexd] {
    position: relative;
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
    .sidebar[b-471z02cexd] {
        position: static;
        width: 100%;
    }
    
    .sidebar-content[b-471z02cexd] {
        display: none;
    }
    
    .sidebar-content.show[b-471z02cexd] {
        display: block;
    }
    
    #mainContent[b-471z02cexd] {
        margin-left: 0;
    }
}
/* /Views/Edu/Tracks.cshtml.rz.scp.css */
/* Tracks page styles */
body[b-z2vtcxocyc] {
    background-color: #f8f9fa;
}

.tracks-header[b-z2vtcxocyc] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.section-title[b-z2vtcxocyc] {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.section-title[b-z2vtcxocyc]:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #0d6efd;
    border-radius: 2px;
}

/* Track Carousel Styles */
.track-carousel-container[b-z2vtcxocyc] {
    position: relative;
    padding: 30px 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    overflow: hidden; /* Prevent content from spilling out */
}

.track-carousel[b-z2vtcxocyc] {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding: 20px 5px;
    margin: 0 -5px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    gap: 15px; /* Add gap between cards */
}

.track-carousel[b-z2vtcxocyc]::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

.track-card[b-z2vtcxocyc] {
    flex: 0 0 300px;
    min-width: 280px; /* Ensure minimum width for small screens */
    max-width: 350px; /* Maximum width for large screens */
    scroll-snap-align: start;
    margin: 0 5px; /* Add margin for spacing */
}

.carousel-controls[b-z2vtcxocyc] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    position: absolute;
    right: 20px;
    top: 30px; /* Align with section title */
}

.carousel-control[b-z2vtcxocyc] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #6c757d;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 10px;
    transition: all 0.3s ease;
}

.carousel-control:hover:not(.disabled)[b-z2vtcxocyc] {
    background-color: #0d6efd;
    color: white;
    border-color: #0d6efd;
}

.carousel-control.disabled[b-z2vtcxocyc] {
    cursor: not-allowed;
}

/* Card Styles */
.card[b-z2vtcxocyc] {
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.track-surface[b-z2vtcxocyc] {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    border: none;
    background: var(--track-gradient, linear-gradient(135deg, #eff6ff 0%, #ffffff 100%));
    color: #0d2445;
    box-shadow: 0 6px 18px rgba(13, 36, 69, 0.08);
}

.track-surface[b-z2vtcxocyc] {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(13, 36, 69, 0.08);
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.track-surface:hover[b-z2vtcxocyc] {
    transform: translateY(-6px);
    box-shadow: 0 16px 28px rgba(13, 36, 69, 0.16);
    border-color: rgba(13, 36, 69, 0.18);
}

.track-surface .badge[b-z2vtcxocyc] {
    background-color: rgba(13, 36, 69, 0.12) !important;
    color: #0d2445;
}

.track-surface .btn-primary[b-z2vtcxocyc] {
    background-color: #0d2445;
    border-color: #0d2445;
}

.track-surface .btn-primary:hover[b-z2vtcxocyc] {
    background-color: #153163;
    border-color: #153163;
}

.track-media[b-z2vtcxocyc] {
    position: relative;
    height: 240px;
    background-image:
        var(--track-photo, linear-gradient(135deg, #eef2ff, #ffffff));
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    border-radius: 18px 18px 0 0;
    overflow: hidden;
}

.track-media[b-z2vtcxocyc]::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        var(--track-illustration, none),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.82) 85%);
    background-repeat: no-repeat;
    background-size: cover, cover;
    background-position: center, center;
    opacity: 0.6;
    pointer-events: none;
}

.track-surface:hover .track-media[b-z2vtcxocyc] {
    transform: scale(1.02);
}

.track-body[b-z2vtcxocyc] {
    position: relative;
    z-index: 1;
    padding: 1.75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 1) 65%),
        var(--track-gradient, #ffffff);
    background-blend-mode: lighten;
}

.track-body .card-title[b-z2vtcxocyc] {
    margin-bottom: 0;
}

.track-body .card-text[b-z2vtcxocyc] {
    color: rgba(13, 36, 69, 0.75);
}

.track-body .track-metrics[b-z2vtcxocyc] {
    margin-top: auto;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.track-body .btn[b-z2vtcxocyc] {
    align-self: flex-end;
    margin-left: auto;
}

.card-title[b-z2vtcxocyc] {
    font-weight: 600;
    color: inherit;
}

.track-metrics[b-z2vtcxocyc] {
    margin-top: auto;
}

.track-list-card[b-z2vtcxocyc] {
    background: none;
    box-shadow: none;
}

.track-list-card:hover[b-z2vtcxocyc] {
    transform: translateY(-6px);
    box-shadow: 0 16px 28px rgba(13, 36, 69, 0.18);
}

.track-theme-default[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_default.webp');
    --track-gradient: linear-gradient(140deg, #e4f0ff 0%, #ffffff 100%);
    --track-gradient: linear-gradient(140deg, #e4f0ff 0%, #ffffff 100%);
}

.track-theme-hospitalinpatient[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_HospitalInpatient_web.webp');
    --track-gradient: linear-gradient(140deg, #194d99 0%, #3f7fdc 55%, #ffffff 100%);
    --track-illustration: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' opacity='0.28'%3E%3Cpath d='M38 30h24m-12-12v24'/%3E%3Cpath d='M28 90h144V66a16 16 0 0 0-16-16H92a16 16 0 0 0-16 16v24'/%3E%3Cpath d='M72 90V66a10 10 0 0 1 10-10h30a22 22 0 0 1 22 22v12'/%3E%3C/g%3E%3C/svg%3E");
}

.track-theme-hospitaloutpatient[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_HospitalOutpatient_web.webp');
    --track-gradient: linear-gradient(140deg, #0d8b8f 0%, #19b3c2 55%, #ffffff 100%);
    --track-illustration: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' opacity='0.26'%3E%3Cpath d='M42 40a20 20 0 1 1 40 0 20 20 0 0 1-40 0z'/%3E%3Cpath d='M62 92V70a18 18 0 0 1 18-18h44a26 26 0 0 1 26 26v14'/%3E%3Cpath d='M38 94h120l24-18'/%3E%3Cpath d='M148 42c0 10.5 6.5 18 16 18s16-7.5 16-18-6.5-18-16-18'/%3E%3C/g%3E%3C/svg%3E");
}

.track-theme-cliniccoding[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_ClinicCoding_web.webp');
    --track-gradient: linear-gradient(140deg, #7b3fe4 0%, #a480ff 55%, #ffffff 100%);
    --track-illustration: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' opacity='0.24'%3E%3Crect x='56' y='24' width='108' height='92' rx='14'/%3E%3Cpath d='M86 46h48m-48 22h32m-32 22h60'/%3E%3Cpath d='M110 24v-8a12 12 0 0 1 12-12h10'/%3E%3C/g%3E%3C/svg%3E");
}

.all-tracks[b-z2vtcxocyc] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    padding: 30px 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .track-card[b-z2vtcxocyc] {
        flex: 0 0 85%;
    }
}

.track-theme-agenticsystems[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_ai_agents_course.webp');
    --track-gradient: linear-gradient(140deg, #1d3c81 0%, #3f61cb 55%, #ffffff 100%);
    --track-illustration: none;
}

.track-theme-buildingonaws[b-z2vtcxocyc],
.track-theme-awsarchitecting[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_AWSarchitecting_web.webp');
    --track-gradient: linear-gradient(140deg, #7b3fe4 0%, #a480ff 55%, #ffffff 100%);
    --track-illustration: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' opacity='0.24'%3E%3Crect x='56' y='24' width='108' height='92' rx='14'/%3E%3Cpath d='M86 46h48m-48 22h32m-32 22h60'/%3E%3Cpath d='M110 24v-8a12 12 0 0 1 12-12h10'/%3E%3C/g%3E%3C/svg%3E");
}
/* /Views/Home/Index.cshtml.rz.scp.css */
.hero-landing[b-c3bf0xcjaf] {
    background: #f7f9fb;
}

.hero-landing .display-5[b-c3bf0xcjaf] {
    line-height: 1.15;
}

.hero-visual[b-c3bf0xcjaf] {
    min-height: 320px;
}

.hero-grid[b-c3bf0xcjaf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.hero-grid .hg-item[b-c3bf0xcjaf] {
    background: #e2eefc;
    color: #17324d;
    font-size: .8rem;
    padding: 14px 10px;
    text-align: center;
    border-radius: 6px;
    font-weight: 500;
    letter-spacing: .5px;
}

.method-overview[b-c3bf0xcjaf] {
    background: #fff;
}

.method-overview .eyebrow[b-c3bf0xcjaf] {
    font-size: .75rem;
    letter-spacing: 2px;
    font-weight: 600;
    color: #1554b3;
}

.lc-bullets[b-c3bf0xcjaf] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lc-bullets li[b-c3bf0xcjaf] {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: .95rem;
    color: #324b6c;
}

.lc-bullets li[b-c3bf0xcjaf]::before {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 0;
    color: #1554b3;
    font-weight: 600;
}

.method-cards[b-c3bf0xcjaf] {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.method-card[b-c3bf0xcjaf] {
    background: linear-gradient(135deg, rgba(79, 167, 255, 0.08), rgba(53, 106, 255, 0.05));
    border: 1px solid #d7e3ff;
    border-radius: 12px;
    padding: 24px;
    height: 100%;
    box-shadow: 0 10px 30px -22px rgba(0, 0, 0, 0.35);
}

.method-card h5[b-c3bf0xcjaf] {
    font-weight: 600;
    color: #123b79;
    margin-bottom: 12px;
}

.method-card p[b-c3bf0xcjaf] {
    color: #405875;
    margin-bottom: 0;
    font-size: .95rem;
}

.cta-band[b-c3bf0xcjaf] {
    background: #fff;
    border-top: 1px solid #e5eaef;
}

.btn-outline-secondary[b-c3bf0xcjaf] {
    border-color: #e5eaef;
}

.btn-outline-secondary:hover[b-c3bf0xcjaf] {
    background: #e2eefc;
}

@media (max-width: 991.98px) {
    .hero-grid[b-c3bf0xcjaf] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Views/Shared/_CoachBenefits.cshtml.rz.scp.css */
.lc-section[b-m92jfcws3h] {
    margin-top: 3rem;
}

.lc-section .lc-h2[b-m92jfcws3h] {
    font-weight: 600;
    letter-spacing: .5px;
}

.lc-eyebrow[b-m92jfcws3h] {
    font-size: .7rem;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: #1554b3;
    text-transform: uppercase;
}

.lc-benefits .lc-tile[b-m92jfcws3h] {
    background: #fff;
    border: 1px solid #e5eaef;
    padding: 22px 20px;
    border-radius: 10px;
    transition: .25s box-shadow, .25s transform;
}

.lc-benefits .lc-tile:hover[b-m92jfcws3h] {
    box-shadow: 0 8px 24px -8px rgba(0, 0, 0, .1);
    transform: translateY(-4px);
}

.lc-icon[b-m92jfcws3h] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2eefc;
    color: #1554b3;
    font-size: 18px;
    margin-bottom: 14px;
}

.lc-checklist[b-m92jfcws3h] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lc-checklist li[b-m92jfcws3h] {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    font-size: .95rem;
}

.lc-checklist li[b-m92jfcws3h]::before {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 0;
    color: #1554b3;
    font-weight: 600;
}
/* /Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-lj0x6pff8v] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-lj0x6pff8v] {
  color: #0077cc;
}

.btn-primary[b-lj0x6pff8v] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-lj0x6pff8v], .nav-pills .show > .nav-link[b-lj0x6pff8v] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-lj0x6pff8v] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-lj0x6pff8v] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-lj0x6pff8v] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-lj0x6pff8v] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-lj0x6pff8v] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* /Views/Shared/_ProgramMarketing_MedicalCoding.cshtml.rz.scp.css */
.program-marketing[b-1cggvlv7gq] {
    background: #f7f9fb;
}

.lc-section .lc-h2[b-1cggvlv7gq] {
    font-weight: 600;
    letter-spacing: .5px;
}

.lc-eyebrow[b-1cggvlv7gq] {
    font-size: .7rem;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: #1554b3;
    text-transform: uppercase;
}

.lc-checklist[b-1cggvlv7gq] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lc-checklist li[b-1cggvlv7gq] {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    font-size: .95rem;
}

.lc-checklist li[b-1cggvlv7gq]::before {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 0;
    color: #1554b3;
    font-weight: 600;
}

.metric-tile[b-1cggvlv7gq] {
    background: #e2eefc;
    border-radius: 8px;
    padding: 18px 14px;
    text-align: center;
}

.metric-value[b-1cggvlv7gq] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0f3d7a;
}

.metric-label[b-1cggvlv7gq] {
    font-size: .7rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #566b80;
    font-weight: 600;
    margin-top: 4px;
}

.program-stats[b-1cggvlv7gq] {
    border: 1px solid #e5eaef;
}