/* /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; */
}
.messages .message .text p[b-6avcs72jdd] {
  margin: 0 0 0.5rem;
}
.messages .message .text p:last-child[b-6avcs72jdd] {
  margin-bottom: 0;
}
.messages .message .text ul[b-6avcs72jdd],
.messages .message .text ol[b-6avcs72jdd] {
  margin: 0 0 0.5rem 1.2rem;
  padding: 0;
}
.messages .message .text li[b-6avcs72jdd] {
  margin: 0.2rem 0;
}
.messages .message .text code[b-6avcs72jdd] {
  background: #f3f5f7;
  border-radius: 4px;
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 0.9em;
  padding: 0 0.2rem;
}
.messages .message .text pre[b-6avcs72jdd] {
  background: #f3f5f7;
  border-radius: 6px;
  margin: 0 0 0.6rem;
  overflow-x: auto;
  padding: 0.6rem;
}
.messages .message .text pre code[b-6avcs72jdd] {
  background: transparent;
  padding: 0;
}
.messages .message .text[b-6avcs72jdd]  h1,
.messages .message .text[b-6avcs72jdd]  h2,
.messages .message .text[b-6avcs72jdd]  h3,
.messages .message .text[b-6avcs72jdd]  h4,
.messages .message .text[b-6avcs72jdd]  h5,
.messages .message .text[b-6avcs72jdd]  h6 {
  font-weight: 700;
  line-height: 1.25;
  margin: 0.4rem 0 0.2rem;
}
.messages .message .text[b-6avcs72jdd]  h1 {
  font-size: 1.3rem;
}
.messages .message .text[b-6avcs72jdd]  h2 {
  font-size: 1.2rem;
}
.messages .message .text[b-6avcs72jdd]  h3 {
  font-size: 1.13rem;
}
.messages .message .text[b-6avcs72jdd]  h4,
.messages .message .text[b-6avcs72jdd]  h5,
.messages .message .text[b-6avcs72jdd]  h6 {
  font-size: 0.95rem;
}

.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.is-disabled[b-6avcs72jdd] {
  opacity: 0.55;
  pointer-events: none;
}
.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: 0;
  --answer-offset: 140px;
  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);
}

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

/* Main case section fills available space above answers */
#main_case_section[b-6avcs72jdd] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  display: flex;
  max-height: calc(
    100vh - var(--case-layout-top, 220px) - var(--answer-offset, 240px)
  );
}

/* Case details panel is scrollable */
.case-details-panel[b-6avcs72jdd] {
  flex: 1;
  overflow-y: auto; /* Ensure vertical scrolling */
  border-radius: 12px;
  background-color: #f8f8f8;
  border: 1px solid #dee2e6;
  /* 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 */
}

@media (min-width: 992px) {
  #left_side_section[b-6avcs72jdd] {
    min-height: calc(100vh - var(--case-layout-top, 220px));
  }

  #main_case_section[b-6avcs72jdd] {
    min-height: 50vh;
  }

  #response_section[b-6avcs72jdd] {
    margin-top: auto;
    margin-bottom: 1px;
  }
}

@media (min-width: 992px) {
  .case-layout--text #left_side_section[b-6avcs72jdd] {
    height: calc(100vh - var(--case-layout-top, 220px));
    max-height: calc(100vh - var(--case-layout-top, 220px));
  }

  .case-layout--text #main_case_section[b-6avcs72jdd] {
    max-height: none;
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
  }

  .case-layout--text #response_section[b-6avcs72jdd] {
    flex: 0 0 auto;
    max-height: var(--answer-panel-height, 210px);
  }

  .case-layout--text #response_section .response-panel[b-6avcs72jdd] {
    height: 100%;
  }

  .case-layout--text #textResponseArea[b-6avcs72jdd] {
    height: var(--answer-textarea-height, 120px);
    max-height: var(--answer-textarea-height, 120px);
  }
}

/* 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: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
  align-self: stretch;
  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 10px 22px rgba(255, 122, 92, 0.28);
  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;
}

.cases-nav .case-completed-check[b-6avcs72jdd] {
  margin-left: auto;
  color: #198754;
  font-size: 0.9rem;
}

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

/* Breadcrumb styling - right aligned */
.breadcrumb-pill[b-6avcs72jdd] {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(15, 35, 75, 0.12);
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  box-shadow: 0 6px 16px -14px rgba(12, 38, 84, 0.35);
  display: inline-block;
}

.breadcrumb-pill .breadcrumb[b-6avcs72jdd] {
  font-size: 0.85rem;
  padding: 0;
  margin: 0;
}

.breadcrumb-pill a[b-6avcs72jdd] {
  text-decoration: none;
}

.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 1 auto; /* Allow title to take available space */
  min-width: 0; /* Enable ellipsis in flex layouts */
}

/* 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: "/";
  color: rgba(15, 35, 75, 0.45);
}

/* 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) {
  .container-fluid > .row.px-0[b-6avcs72jdd] {
    flex-wrap: wrap;
  }

  .container-fluid > .row.px-0 > .col-12.col-md-6[b-6avcs72jdd] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .container-fluid > .row.px-0 .col-md-6.justify-content-end[b-6avcs72jdd] {
    justify-content: flex-start !important;
    margin-top: 0.5rem;
  }

  .container-fluid > .row.px-0 .breadcrumb-container[b-6avcs72jdd] {
    justify-content: flex-start !important;
  }

  #caseLayoutRow[b-6avcs72jdd] {
    flex-wrap: wrap;
  }

  #leftNavCol[b-6avcs72jdd] {
    order: 0;
    width: 100%;
  }

  #left_side_section[b-6avcs72jdd] {
    order: 1;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0 !important;
  }

  #chat_section[b-6avcs72jdd] {
    order: 2;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  #main_case_section[b-6avcs72jdd] {
    height: 55vh;
    margin-bottom: 10px !important;
  }

  .case-details-panel[b-6avcs72jdd] {
    max-height: 55vh;
  }

  #chat_section[b-6avcs72jdd] {
    position: static;
    top: 0;
    height: auto;
    max-height: 82.5vh;
    margin-top: 20px;
  }

  #chat_section .chat_window[b-6avcs72jdd] {
    height: 100%;
    max-height: 100%;
  }

  #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;
}

/* Floating sidebar overlay (no content shift) */
#caseLayoutRow[b-6avcs72jdd] {
  position: relative;
}

/* Right column matches left height (desktop only) */
@media (min-width: 992px) {
  #chat_section[b-6avcs72jdd] {
    height: auto;
    max-height: none;
  }

  #chat_section .chat_window[b-6avcs72jdd] {
    height: 100%;
  }
}

@media (min-width: 992px) {
  #leftNavCol[b-6avcs72jdd] {
    position: absolute;
    left: 12px;
    top: -40px;
  }

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

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

/* 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;
}

/* Softer shared action buttons for coding + verification */
.response-panel[b-6avcs72jdd]  .code-action-btn {
  border-width: 1px;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.response-panel[b-6avcs72jdd]  .code-action-btn-primary {
  background-color: #e8f0ff;
  border-color: #bcd1ff;
  color: #1f4f96;
}

.response-panel[b-6avcs72jdd]  .code-action-btn-danger {
  background-color: #ffe9ec;
  border-color: #f2b8c2;
  color: #a12f3c;
}

.response-panel[b-6avcs72jdd]  .code-action-btn-primary:hover,
.response-panel[b-6avcs72jdd]  .code-action-btn-primary:focus {
  background-color: #dbe7ff;
  border-color: #a8c4ff;
  color: #174582;
}

.response-panel[b-6avcs72jdd]  .code-action-btn-danger:hover,
.response-panel[b-6avcs72jdd]  .code-action-btn-danger:focus {
  background-color: #ffdce2;
  border-color: #eda6b2;
  color: #8c2632;
}

.response-panel[b-6avcs72jdd]  .code-action-btn-primary:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(31, 79, 150, 0.22);
}

.response-panel[b-6avcs72jdd]  .code-action-btn-danger:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(161, 47, 60, 0.22);
}

.response-panel[b-6avcs72jdd]  .code-action-btn:disabled,
.response-panel[b-6avcs72jdd]  .code-action-btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* 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 - single line with ellipsis */
.case-title[b-6avcs72jdd] {
  white-space: nowrap; /* Keep title on one line */
  overflow: hidden; /* Hide overflow for ellipsis */
  text-overflow: ellipsis; /* Use ellipsis on overflow */
  flex-shrink: 1; /* Allow shrinking to avoid wrapping */
  width: 100%; /* Fill available space */
  max-width: 100%; /* Prevent overflow past container */
  padding-right: 1.5rem; /* Give extra space to the right */
  font-size: 1.5rem; /* Maintain font size */
  line-height: 1.3; /* Tighter line height */
}

/* 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 */
}

.breadcrumb-container.breadcrumb-pill[b-6avcs72jdd] {
  width: auto;
  display: inline-block;
  text-align: left;
}

/* 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 (max-width: 991.98px) {
  .row.pt-4.px-0[b-6avcs72jdd] {
    flex-wrap: wrap;
  }

  .row.pt-4.px-0 .col-md-6[b-6avcs72jdd],
  .header-title-container[b-6avcs72jdd],
  .breadcrumb-container[b-6avcs72jdd] {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-md-6.justify-content-end[b-6avcs72jdd] {
    justify-content: flex-start !important;
    margin-top: 0.5rem;
  }

  .breadcrumb[b-6avcs72jdd] {
    justify-content: flex-start !important;
  }

  .breadcrumb-container.breadcrumb-pill[b-6avcs72jdd] {
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
}

@media (min-width: 992px) {
  .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;
  }
}

.chat-tutorial-link[b-6avcs72jdd] {
  display: inline;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f2a35;
  cursor: pointer;
  text-align: left;
  font: inherit;
  line-height: inherit;
  box-shadow: none;
  text-decoration: none;
  appearance: none;
  transition:
    color 0.2s ease,
    text-decoration-color 0.2s ease;
}

.chat-tutorial-link:hover[b-6avcs72jdd] {
  color: #0b3a2d;
  text-decoration: underline;
  text-decoration-color: rgba(11, 58, 45, 0.4);
}

.chat-tutorial-link:focus-visible[b-6avcs72jdd] {
  outline: 2px solid rgba(106, 193, 106, 0.9);
  outline-offset: 2px;
}

.chat-tutorial-title[b-6avcs72jdd] {
  font-weight: 600;
  font-size: 0.92rem;
}

.chat-tutorial-subtitle[b-6avcs72jdd] {
  font-size: 0.82rem;
  color: #5c676f;
  margin-left: 6px;
}

.tutorial-modal .modal-content[b-6avcs72jdd] {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 24px 60px rgba(18, 24, 32, 0.22);
  background: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: min(80vh, 720px);
}

.tutorial-modal .modal-dialog[b-6avcs72jdd] {
  max-width: min(1200px, 95vw);
  width: calc(100% - 2rem);
}

.tutorial-modal .modal-header[b-6avcs72jdd] {
  border-bottom: 0;
  padding: 1.25rem 1.5rem 0.5rem;
}

.tutorial-modal .modal-title[b-6avcs72jdd] {
  font-weight: 600;
  color: #1f2a35;
}

.tutorial-modal .modal-subtitle[b-6avcs72jdd] {
  font-size: 0.9rem;
  color: #6b7280;
}

.tutorial-modal .modal-body[b-6avcs72jdd] {
  padding: 0;
  background: #f8f9fb;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
}

.tutorial-modal .tutorial-gif[b-6avcs72jdd] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
  display: block;
}
/* /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 */
.track-page[b-471z02cexd] {
    --ink: #0f1f33;
    --muted: #4b5f78;
    --primary: #1b57d6;
    --accent: #3bb28c;
    --surface: #ffffff;
    --border: rgba(15, 35, 75, 0.12);
    --shadow: 0 18px 40px -30px rgba(12, 38, 84, 0.45);
    min-height: 100vh;
    padding-bottom: 0;
}

.track-body[b-471z02cexd] {
    background: #f5f7fb;
    margin: 1.25rem calc(var(--bs-gutter-x, 1.5rem) * -0.5) 0;
    padding: 2rem calc(var(--bs-gutter-x, 1.5rem) * 0.5) 3rem;
    border-radius: 22px;
}

.track-hero[b-471z02cexd] {
    position: relative;
    margin: 1.25rem calc(var(--bs-gutter-x, 1.5rem) * -0.5) 0;
    padding: 2rem 2.25rem 1.75rem;
    background: var(--surface);
    border: 1px solid rgba(15, 35, 75, 0.08);
    border-radius: 16px;
    box-shadow: 0 10px 24px -20px rgba(12, 38, 84, 0.35);
}

.track-eyebrow[b-471z02cexd] {
    font-size: 0.7rem;
    letter-spacing: 2px;
    font-weight: 700;
    color: var(--primary);
}

.track-title[b-471z02cexd] {
    color: var(--ink);
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 0.35rem 0 0.5rem;
}

.track-description[b-471z02cexd] {
    color: var(--muted);
    max-width: 70ch;
    margin-bottom: 0;
}

.breadcrumb-pill[b-471z02cexd] {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(15, 35, 75, 0.12);
    border-radius: 999px;
    padding: 0.35rem 0.9rem;
    box-shadow: 0 6px 16px -14px rgba(12, 38, 84, 0.35);
    display: inline-block;
}

.breadcrumb-pill .breadcrumb[b-471z02cexd] {
    font-size: 0.85rem;
}

.breadcrumb-pill .breadcrumb-item + .breadcrumb-item[b-471z02cexd]::before {
    color: rgba(15, 35, 75, 0.45);
}

.breadcrumb-pill a[b-471z02cexd] {
    text-decoration: none;
}

.track-hero-toolbar[b-471z02cexd] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: nowrap;
}

.track-hero-toolbar .breadcrumb[b-471z02cexd] {
    white-space: nowrap;
}

.track-sort[b-471z02cexd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.track-sort-inline[b-471z02cexd] {
    padding-left: 0.65rem;
    border-left: 1px solid rgba(15, 35, 75, 0.15);
}

.track-sort-label[b-471z02cexd] {
    font-weight: 600;
    font-size: 0.7rem;
    letter-spacing: 0.02em;
    color: rgba(15, 35, 75, 0.6);
}

.track-sort-button[b-471z02cexd] {
    border: 1px solid rgba(15, 35, 75, 0.15);
    background: #ffffff;
    padding: 0.15rem 0.4rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ink);
    border-radius: 10px;
    box-shadow: none;
    text-align: right;
    min-width: 0;
    width: auto;
}

.track-sort-button:focus[b-471z02cexd],
.track-sort-button:active[b-471z02cexd] {
    box-shadow: none;
    border-color: rgba(27, 87, 214, 0.35);
}

.track-sort-menu[b-471z02cexd] {
    border-radius: 12px;
    padding: 0.35rem;
    border: 1px solid rgba(15, 35, 75, 0.12);
    box-shadow: 0 14px 32px -26px rgba(12, 38, 84, 0.55);
    min-width: 0;
    overflow: hidden;
}

.track-sort-item[b-471z02cexd] {
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--ink);
    padding: 0.35rem 0.55rem;
    text-align: right;
}

.track-sort-item:hover[b-471z02cexd],
.track-sort-item:focus[b-471z02cexd] {
    background: rgba(27, 87, 214, 0.08);
}

.track-sort-item.active[b-471z02cexd],
.track-sort-item:active[b-471z02cexd] {
    background: rgba(27, 87, 214, 0.14);
    color: var(--ink);
}

.sidebar[b-471z02cexd] {
    padding-right: 0;
}

.sidebar-shell[b-471z02cexd] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 0 12px 24px -20px rgba(12, 38, 84, 0.35);
    position: sticky;
    top: 1.5rem;
}

.sidebar-shell h5[b-471z02cexd] {
    font-weight: 600;
    color: var(--ink);
    font-size: 1rem;
}

.list-group[b-471z02cexd] {
    padding: 0.25rem 0.75rem 0.6rem;
}

.list-group-item[b-471z02cexd] {
    border: 1px solid transparent;
    border-radius: 12px;
    margin: 6px 0;
    transition: all 0.2s ease;
    position: relative;
    padding: 0.55rem 0.9rem;
    background: transparent;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.list-group-item .d-flex[b-471z02cexd] {
    position: relative;
    padding-right: 52px;
}

.list-group-item h6[b-471z02cexd] {
    margin-right: 0;
    word-wrap: break-word;
    font-weight: 600;
    color: var(--ink);
}

.list-group-item .badge[b-471z02cexd] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(27, 87, 214, 0.85);
    color: #ffffff;
    border: 1px solid rgba(27, 87, 214, 0.45);
    font-weight: 600;
    max-width: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-group-item:hover[b-471z02cexd] {
    background: rgba(27, 87, 214, 0.08);
    border-color: rgba(27, 87, 214, 0.2);
}

.list-group-item.active[b-471z02cexd] {
    background: rgba(27, 87, 214, 0.12);
    border-color: rgba(27, 87, 214, 0.3);
    box-shadow: inset 3px 0 0 var(--primary);
}

.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: var(--ink) !important;
    font-weight: 600;
}

#mainContent[b-471z02cexd] {
    padding-top: 0.5rem;
    margin-left: 0;
}

.track-categories[b-471z02cexd] {
    padding-right: 0.5rem;
}

.category-section[b-471z02cexd] {
    position: relative;
    padding: 1.5rem 1.75rem 1.75rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: 0 18px 40px -30px rgba(12, 38, 84, 0.45);
}

.category-section[b-471z02cexd]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1.5rem;
    right: 1.5rem;
    height: 4px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, #1b57d6, #3bb28c);
    opacity: 0.8;
}

.category-header[b-471z02cexd] {
    border-bottom: 1px solid rgba(15, 35, 75, 0.08);
    padding-bottom: 1.1rem;
    margin-bottom: 1.25rem;
}

.track-page .category-header[b-471z02cexd] {
    display: block;
}

.category-header-row[b-471z02cexd] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.category-header h4[b-471z02cexd] {
    color: var(--ink);
    font-weight: 600;
}

.category-header p[b-471z02cexd] {
    color: var(--muted);
}

.category-progress-card[b-471z02cexd] {
    border: 1px solid rgba(15, 35, 75, 0.12);
    background: #f7f9fc;
    border-radius: 14px;
    box-shadow: 0 12px 28px -22px rgba(12, 38, 84, 0.45);
    max-width: 260px;
    width: 100%;
}

.category-progress-card .progress[b-471z02cexd] {
    background: rgba(15, 35, 75, 0.08);
}

.category-progress-card .progress-bar[b-471z02cexd] {
    background: linear-gradient(90deg, #1b57d6, #3bb28c);
}

@media (min-width: 992px) {
    .category-header-row[b-471z02cexd] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .category-progress-card[b-471z02cexd] {
        justify-self: end;
        width: auto;
    }
}

.practice-tests-grid .row[b-471z02cexd] {
    row-gap: 1.25rem;
}

.practice-test-card[b-471z02cexd] {
    border: 1px solid rgba(15, 35, 75, 0.12);
    border-radius: 16px;
    box-shadow: 0 14px 30px -24px rgba(12, 38, 84, 0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.practice-test-card:hover[b-471z02cexd] {
    transform: translateY(-4px);
    box-shadow: 0 26px 50px -34px rgba(12, 38, 84, 0.55);
    border-color: rgba(27, 87, 214, 0.25);
}

.practice-test-card .card-body[b-471z02cexd] {
    position: relative;
    padding: 1.5rem;
}

.practice-test-card .card-title[b-471z02cexd] {
    color: var(--ink);
    font-weight: 600;
    margin-bottom: 0.6rem;
}

.practice-test-card .card-text[b-471z02cexd] {
    color: var(--muted);
    font-size: 0.95rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.case-status[b-471z02cexd] {
    margin-bottom: 0.75rem;
}

.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: 600;
}

.test-meta[b-471z02cexd] {
    color: var(--muted);
}

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

.difficulty-easy[b-471z02cexd] {
    background-color: rgba(25, 135, 84, 0.18);
    color: #0f5132;
    border-color: rgba(25, 135, 84, 0.35);
}

.difficulty-medium[b-471z02cexd] {
    background-color: rgba(255, 193, 7, 0.25);
    color: #664d03;
    border-color: rgba(255, 193, 7, 0.45);
}

.difficulty-hard[b-471z02cexd] {
    background-color: rgba(220, 53, 69, 0.2);
    color: #842029;
    border-color: rgba(220, 53, 69, 0.35);
}

.track-page .btn-primary[b-471z02cexd] {
    background: #4a9077;
    border: 1px solid #4a9077;
    color: #ffffff;
    box-shadow: 0 10px 20px -16px rgba(74, 144, 119, 0.5);
}

.track-page .btn-primary:hover[b-471z02cexd] {
    background: #3f8169;
    border-color: #3f8169;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 14px 26px -18px rgba(63, 129, 105, 0.6);
}

.track-page .btn-primary:active[b-471z02cexd],
.track-page .btn-primary:focus[b-471z02cexd] {
    background: #356f5c;
    border-color: #356f5c;
    color: #ffffff;
    box-shadow: 0 8px 18px -14px rgba(53, 111, 92, 0.55);
}

@media (max-width: 991.98px) {
    .track-hero[b-471z02cexd] {
        padding: 1.5rem;
    }

    .sidebar-shell[b-471z02cexd] {
        position: static;
        margin-bottom: 1rem;
    }

    .track-hero-toolbar[b-471z02cexd] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .track-sort-inline[b-471z02cexd] {
        padding-left: 0;
        border-left: none;
    }
}

@media (max-width: 767.98px) {
    .sidebar-content[b-471z02cexd] {
        display: none;
    }

    .sidebar-content.show[b-471z02cexd] {
        display: block;
    }

    .track-categories[b-471z02cexd] {
        padding-right: 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, #f3f6fb 0%, #ffffff 100%));
    color: #24436e;
    box-shadow: 0 6px 18px rgba(13, 36, 69, 0.08);
    --track-badge-bg: rgba(44, 98, 173, 0.12);
    --track-badge-text: #1f3b63;
    --track-badge-border: rgba(31, 59, 99, 0.2);
    --track-btn-gradient: linear-gradient(135deg, #1f3b63, #2f4f7b);
    --track-btn-hover: linear-gradient(135deg, #1a3355, #274468);
    --track-btn-border: #1f3b63;
    --track-btn-shadow: 0 10px 20px -14px rgba(31, 59, 99, 0.7);
    --track-btn-hover-shadow: 0 14px 26px -16px rgba(31, 59, 99, 0.8);
}

.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--locked[b-z2vtcxocyc] {
    opacity: 0.78;
    border-style: dashed;
}

.track-surface--locked:hover[b-z2vtcxocyc] {
    transform: none;
    box-shadow: 0 6px 18px rgba(13, 36, 69, 0.08);
    border-color: rgba(13, 36, 69, 0.08);
}

.track-surface .badge[b-z2vtcxocyc] {
    background-color: var(--track-badge-bg) !important;
    color: var(--track-badge-text);
    border: 1px solid var(--track-badge-border);
}

.track-surface .btn.btn-primary[b-z2vtcxocyc] {
    background: #4f9e7f !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: 0 10px 20px -14px rgba(79, 158, 127, 0.45);
    color: #ffffff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.track-surface .btn.btn-primary:hover[b-z2vtcxocyc] {
    background: #458f73 !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: 0 14px 26px -16px rgba(69, 143, 115, 0.55);
    transform: translateY(-1px);
}

.track-surface .btn.btn-primary:active[b-z2vtcxocyc],
.track-surface .btn.btn-primary:focus[b-z2vtcxocyc] {
    background: #3b7f66 !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px -14px rgba(59, 127, 102, 0.5);
}

.track-media[b-z2vtcxocyc] {
    position: relative;
    height: 240px;
    background-image:
        var(--track-photo, #f7f9fc);
    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) 60%, rgba(255, 255, 255, 0.25) 100%);
    background-repeat: no-repeat;
    background-size: cover, cover;
    background-position: center, center;
    opacity: 0.35;
    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-metrics-row[b-z2vtcxocyc] {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.track-metrics-row .track-metrics[b-z2vtcxocyc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    margin-top: 0;
}

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

.track-cta .btn[b-z2vtcxocyc] {
    white-space: nowrap;
}

.track-metrics .badge + .badge[b-z2vtcxocyc] {
    background-color: #eef1fa !important;
    color: #3e5cb8;
    border: 1px solid #d6dcf2;
}

.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, #f3f6fb 0%, #ffffff 100%);
    --track-badge-bg: rgba(31, 59, 99, 0.12);
    --track-badge-text: #1f3b63;
    --track-badge-border: rgba(31, 59, 99, 0.2);
    --track-btn-gradient: linear-gradient(135deg, #1f3b63, #2f4f7b);
    --track-btn-hover: linear-gradient(135deg, #1a3355, #274468);
    --track-btn-border: #1f3b63;
    --track-btn-shadow: 0 10px 20px -14px rgba(31, 59, 99, 0.7);
    --track-btn-hover-shadow: 0 14px 26px -16px rgba(31, 59, 99, 0.8);
}

.track-theme-hospitalinpatient[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_HospitalInpatient_web.webp');
    --track-gradient: linear-gradient(140deg, #f3f6fb 0%, #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-badge-bg: rgba(31, 59, 99, 0.12);
    --track-badge-text: #1f3b63;
    --track-badge-border: rgba(31, 59, 99, 0.2);
    --track-btn-gradient: linear-gradient(135deg, #1f3b63, #2f4f7b);
    --track-btn-hover: linear-gradient(135deg, #1a3355, #274468);
    --track-btn-border: #1f3b63;
    --track-btn-shadow: 0 10px 20px -14px rgba(31, 59, 99, 0.7);
    --track-btn-hover-shadow: 0 14px 26px -16px rgba(31, 59, 99, 0.8);
}

.track-theme-hospitaloutpatient[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_HospitalOutpatient_web.webp');
    --track-gradient: linear-gradient(140deg, #f3f6fb 0%, #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-badge-bg: rgba(31, 59, 99, 0.12);
    --track-badge-text: #1f3b63;
    --track-badge-border: rgba(31, 59, 99, 0.2);
    --track-btn-gradient: linear-gradient(135deg, #1f3b63, #2f4f7b);
    --track-btn-hover: linear-gradient(135deg, #1a3355, #274468);
    --track-btn-border: #1f3b63;
    --track-btn-shadow: 0 10px 20px -14px rgba(31, 59, 99, 0.7);
    --track-btn-hover-shadow: 0 14px 26px -16px rgba(31, 59, 99, 0.8);
}

.track-theme-cliniccoding[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_ClinicCoding_web.webp');
    --track-gradient: linear-gradient(140deg, #f3f6fb 0%, #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");
    --track-badge-bg: rgba(31, 59, 99, 0.12);
    --track-badge-text: #1f3b63;
    --track-badge-border: rgba(31, 59, 99, 0.2);
    --track-btn-gradient: linear-gradient(135deg, #1f3b63, #2f4f7b);
    --track-btn-hover: linear-gradient(135deg, #1a3355, #274468);
    --track-btn-border: #1f3b63;
    --track-btn-shadow: 0 10px 20px -14px rgba(31, 59, 99, 0.7);
    --track-btn-hover-shadow: 0 14px 26px -16px rgba(31, 59, 99, 0.8);
}

.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, #f3f6fb 0%, #ffffff 100%);
    --track-illustration: none;
    --track-badge-bg: rgba(31, 59, 99, 0.12);
    --track-badge-text: #1f3b63;
    --track-badge-border: rgba(31, 59, 99, 0.2);
    --track-btn-gradient: linear-gradient(135deg, #1f3b63, #2f4f7b);
    --track-btn-hover: linear-gradient(135deg, #1a3355, #274468);
    --track-btn-border: #1f3b63;
    --track-btn-shadow: 0 10px 20px -14px rgba(31, 59, 99, 0.7);
    --track-btn-hover-shadow: 0 14px 26px -16px rgba(31, 59, 99, 0.8);
}

.track-theme-buildingonaws[b-z2vtcxocyc],
.track-theme-awsarchitecting[b-z2vtcxocyc] {
    --track-photo: url('/images/tiles/tile_AWSarchitecting_web.webp');
    --track-gradient: linear-gradient(140deg, #f3f6fb 0%, #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");
    --track-badge-bg: rgba(31, 59, 99, 0.12);
    --track-badge-text: #1f3b63;
    --track-badge-border: rgba(31, 59, 99, 0.2);
    --track-btn-gradient: linear-gradient(135deg, #1f3b63, #2f4f7b);
    --track-btn-hover: linear-gradient(135deg, #1a3355, #274468);
    --track-btn-border: #1f3b63;
    --track-btn-shadow: 0 10px 20px -14px rgba(31, 59, 99, 0.7);
    --track-btn-hover-shadow: 0 14px 26px -16px rgba(31, 59, 99, 0.8);
}
/* /Views/Home/Index.cshtml.rz.scp.css */
.hero-landing[b-c3bf0xcjaf] {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 15% 10%, rgba(56, 138, 224, 0.12), transparent 45%),
        radial-gradient(circle at 85% 0%, rgba(98, 197, 170, 0.12), transparent 50%),
        linear-gradient(180deg, #f7f9fc 0%, #ffffff 55%);
}

.hero-landing[b-c3bf0xcjaf]::before,
.hero-landing[b-c3bf0xcjaf]::after {
    content: '';
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    filter: blur(0);
    pointer-events: none;
    opacity: 0.4;
}

.hero-landing[b-c3bf0xcjaf]::before {
    top: -120px;
    right: -80px;
    background: radial-gradient(circle, rgba(41, 93, 182, 0.3), transparent 65%);
}

.hero-landing[b-c3bf0xcjaf]::after {
    bottom: -120px;
    left: -80px;
    background: radial-gradient(circle, rgba(63, 170, 143, 0.35), transparent 65%);
}

.hero-landing > .container[b-c3bf0xcjaf] {
    position: relative;
    z-index: 1;
}

.hero-landing .display-5[b-c3bf0xcjaf] {
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: #0f1f33;
    max-width: 18ch;
}

.hero-landing .lead[b-c3bf0xcjaf] {
    color: #4a5b72;
    max-width: 56ch;
}

.hero-landing .row > .col-lg-6:first-child[b-c3bf0xcjaf] {
    padding-left: 1.70rem;
}

.hero-landing .btn-primary[b-c3bf0xcjaf] {
    background: linear-gradient(135deg, #1b57d6, #2145a8);
    border: none;
    box-shadow: 0 12px 24px -16px rgba(21, 63, 150, 0.65);
}

.hero-landing .btn-primary:hover[b-c3bf0xcjaf] {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px -18px rgba(21, 63, 150, 0.75);
}

.hero-landing .btn-outline-secondary[b-c3bf0xcjaf] {
    border-color: rgba(14, 46, 91, 0.2);
    color: #17324d;
    background: #ffffff;
}

.hero-landing .btn-outline-secondary:hover[b-c3bf0xcjaf] {
    background: rgba(21, 84, 179, 0.08);
    color: #123b79;
    border-color: rgba(21, 84, 179, 0.35);
}

.hero-visual[b-c3bf0xcjaf] {
    border: 1px solid rgba(22, 54, 104, 0.12);
    background: linear-gradient(160deg, #ffffff 0%, #f1f6ff 100%);
    box-shadow: 0 24px 60px -38px rgba(17, 40, 120, 0.6);
}

.hero-visual[b-c3bf0xcjaf]::before {
    content: '';
    position: absolute;
    inset: -50% -20% auto auto;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle at top, rgba(21, 84, 179, 0.22), transparent 65%);
    pointer-events: none;
}

.hero-visual[b-c3bf0xcjaf]::after {
    content: '';
    position: absolute;
    inset: auto auto -45% -20%;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle at bottom, rgba(66, 170, 146, 0.18), transparent 65%);
    pointer-events: none;
}

.hero-visual-header[b-c3bf0xcjaf] {
    margin-bottom: 18px;
}

.hero-visual-header .eyebrow[b-c3bf0xcjaf] {
    font-size: .7rem;
    letter-spacing: 1.9px;
    font-weight: 700;
    color: #1a4fb8;
}

.hero-visual-header h5[b-c3bf0xcjaf] {
    margin-bottom: 6px;
    font-weight: 650;
    color: #123b79;
}

.hero-visual-header p[b-c3bf0xcjaf] {
    margin-bottom: 0;
    color: #4b5f78;
    font-size: .92rem;
}

.hero-grid[b-c3bf0xcjaf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.hero-stack[b-c3bf0xcjaf] {
    display: grid;
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid rgba(27, 74, 143, 0.12);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(6px);
}

.stack-title[b-c3bf0xcjaf] {
    font-size: .7rem;
    letter-spacing: 2px;
    font-weight: 700;
    color: #1a4fb8;
    text-transform: uppercase;
}

.hero-grid .hg-item[b-c3bf0xcjaf] {
    background: #ffffff;
    border: 1px solid rgba(20, 57, 110, 0.14);
    border-radius: 12px;
    padding: 12px 14px;
    box-shadow: 0 10px 22px -18px rgba(20, 35, 90, 0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hero-grid .hg-item:hover[b-c3bf0xcjaf] {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -20px rgba(20, 35, 90, 0.45);
}

.hg-title[b-c3bf0xcjaf] {
    display: block;
    font-weight: 600;
    color: #17324d;
    font-size: .9rem;
    margin-bottom: 2px;
}

.hg-desc[b-c3bf0xcjaf] {
    display: block;
    font-size: .8rem;
    color: #5b6f8a;
    line-height: 1.35;
}

.method-overview[b-c3bf0xcjaf] {
    position: relative;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    padding: 3.5rem 0 3rem;
}

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

.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: .96rem;
    color: #324b6c;
}

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

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

.method-card[b-c3bf0xcjaf] {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(24, 63, 120, 0.15);
    border-radius: 16px;
    padding: 26px 24px 24px;
    height: 100%;
    box-shadow: 0 18px 40px -30px rgba(12, 38, 84, 0.45);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.method-card[b-c3bf0xcjaf]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 4px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg, #1b57d6, #3bb28c);
    opacity: 0.85;
}

.method-card:hover[b-c3bf0xcjaf] {
    transform: translateY(-3px);
    box-shadow: 0 26px 50px -34px rgba(12, 38, 84, 0.5);
}

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

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

.cta-band[b-c3bf0xcjaf] {
    position: relative;
    background: linear-gradient(135deg, rgba(27, 87, 214, 0.08), rgba(63, 170, 143, 0.08));
    border-top: 1px solid rgba(20, 57, 110, 0.12);
}

@media (max-width: 991.98px) {
    .hero-grid[b-c3bf0xcjaf] {
        grid-template-columns: 1fr;
    }

    .hero-landing .row > .col-lg-6:first-child[b-c3bf0xcjaf] {
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .hero-landing .display-5[b-c3bf0xcjaf] {
        font-size: 3rem;
    }
}
/* /Views/Shared/_CoachBenefits.cshtml.rz.scp.css */
.lc-section[b-m92jfcws3h] {
    margin-top: 1.5rem;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    border-top: 1px solid rgba(20, 57, 110, 0.08);
}

.lc-section .lc-h2[b-m92jfcws3h] {
    font-weight: 650;
    letter-spacing: -0.01em;
    color: #0f1f33;
}

.lc-section .lead[b-m92jfcws3h] {
    color: #4b5f78;
}

.lc-eyebrow[b-m92jfcws3h] {
    font-size: .7rem;
    letter-spacing: 2px;
    font-weight: 700;
    color: #1a4fb8;
    text-transform: uppercase;
}

.lc-benefits .lc-tile[b-m92jfcws3h] {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(24, 63, 120, 0.15);
    padding: 24px 22px 22px;
    border-radius: 16px;
    box-shadow: 0 16px 36px -28px rgba(12, 38, 84, 0.45);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lc-benefits .lc-tile[b-m92jfcws3h]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 3px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg, #1b57d6, #3bb28c);
    opacity: 0.85;
}

.lc-benefits .lc-tile:hover[b-m92jfcws3h] {
    box-shadow: 0 26px 50px -34px rgba(12, 38, 84, 0.55);
    transform: translateY(-4px);
}

.lc-icon[b-m92jfcws3h] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(27, 87, 214, 0.12);
    color: #1a4fb8;
    font-size: 18px;
    margin-bottom: 16px;
    box-shadow: inset 0 0 0 1px rgba(27, 87, 214, 0.15);
}

.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: #1a4fb8;
    font-weight: 700;
}
/* /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;
}
/* /Views/Subscriptions/Error.cshtml.rz.scp.css */
.subscription-success-page[b-kyv38knnz2] {
  position: relative;
  padding: 64px 0 80px;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: #0f172a;
}

.success-shell[b-kyv38knnz2] {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
}

.success-card[b-kyv38knnz2] {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
  overflow: hidden;
}

.success-banner[b-kyv38knnz2] {
  padding: 32px 36px;
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.16) 0%, rgba(251, 146, 60, 0.14) 55%, rgba(255, 255, 255, 0.95) 100%);
  border-bottom: 1px solid #e2e8f0;
}

.success-banner-row[b-kyv38knnz2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.success-heading[b-kyv38knnz2] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.success-badge[b-kyv38knnz2] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #b91c1c;
  background: rgba(248, 113, 113, 0.18);
  border: 1px solid rgba(248, 113, 113, 0.4);
  padding: 6px 12px;
  border-radius: 999px;
  width: fit-content;
}

.success-badge i[b-kyv38knnz2] {
  color: #b91c1c;
}

.success-title[b-kyv38knnz2] {
  font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.02em;
}

.success-summary[b-kyv38knnz2] {
  margin: 8px 0 0;
  font-size: 1rem;
  color: #475569;
  max-width: 720px;
}

.success-actions[b-kyv38knnz2] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}

.success-actions-body[b-kyv38knnz2] {
  margin-bottom: 4px;
}

.success-action[b-kyv38knnz2] {
  border-radius: 999px;
  padding: 10px 20px;
  font-weight: 700;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
}

.success-action i[b-kyv38knnz2] {
  opacity: 0.9;
}

.success-body[b-kyv38knnz2] {
  padding: 28px 36px 36px;
  display: grid;
  gap: 20px;
}

.success-alert[b-kyv38knnz2] {
  border-radius: 16px;
  padding: 16px 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.success-section-title[b-kyv38knnz2] {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
  color: #0f172a;
}

.success-features[b-kyv38knnz2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 6px;
}

.success-feature[b-kyv38knnz2] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 12px 14px;
  color: #1f2937;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.success-feature i[b-kyv38knnz2] {
  color: #16a34a;
  margin-top: 3px;
}

@media (max-width: 768px) {
  .subscription-success-page[b-kyv38knnz2] {
    padding: 48px 0 64px;
  }

  .success-banner[b-kyv38knnz2] {
    padding: 24px;
  }

  .success-body[b-kyv38knnz2] {
    padding: 20px 24px 28px;
  }

  .success-actions[b-kyv38knnz2] {
    width: 100%;
  }

  .success-action[b-kyv38knnz2] {
    width: 100%;
    text-align: center;
  }
}
/* /Views/Subscriptions/Success.cshtml.rz.scp.css */
.subscription-success-page[b-eogun05bui] {
  position: relative;
  padding: 64px 0 80px;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: #0f172a;
}

.success-shell[b-eogun05bui] {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
}

.success-card[b-eogun05bui] {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
  overflow: hidden;
}

.success-banner[b-eogun05bui] {
  padding: 32px 36px;
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.12) 0%, rgba(59, 130, 246, 0.12) 55%, rgba(255, 255, 255, 0.9) 100%);
  border-bottom: 1px solid #e2e8f0;
}

.success-banner-row[b-eogun05bui] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.success-heading[b-eogun05bui] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.success-badge[b-eogun05bui] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #0f766e;
  background: rgba(13, 148, 136, 0.12);
  border: 1px solid rgba(13, 148, 136, 0.25);
  padding: 6px 12px;
  border-radius: 999px;
  width: fit-content;
}

.success-badge i[b-eogun05bui] {
  color: #0f766e;
}

.success-title[b-eogun05bui] {
  font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.02em;
}

.success-summary[b-eogun05bui] {
  margin: 8px 0 0;
  font-size: 1rem;
  color: #475569;
  max-width: 720px;
}

.success-actions[b-eogun05bui] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}

.success-actions-body[b-eogun05bui] {
  margin-bottom: 4px;
}

.success-action[b-eogun05bui] {
  border-radius: 999px;
  padding: 10px 20px;
  font-weight: 700;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
}

.success-action i[b-eogun05bui] {
  opacity: 0.9;
}

.success-body[b-eogun05bui] {
  padding: 28px 36px 36px;
  display: grid;
  gap: 20px;
}

.success-alert[b-eogun05bui] {
  border-radius: 16px;
  padding: 16px 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.success-section-title[b-eogun05bui] {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
  color: #0f172a;
}

.success-features[b-eogun05bui] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 6px;
}

.success-feature[b-eogun05bui] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 12px 14px;
  color: #1f2937;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.success-feature i[b-eogun05bui] {
  color: #16a34a;
  margin-top: 3px;
}

@media (max-width: 768px) {
  .subscription-success-page[b-eogun05bui] {
    padding: 48px 0 64px;
  }

  .success-banner[b-eogun05bui] {
    padding: 24px;
  }

  .success-body[b-eogun05bui] {
    padding: 20px 24px 28px;
  }

  .success-actions[b-eogun05bui] {
    width: 100%;
  }

  .success-action[b-eogun05bui] {
    width: 100%;
    text-align: center;
  }
}
/* /Views/Subscriptions/Unsubscribed.cshtml.rz.scp.css */
.subscription-success-page[b-pv61m14tjg] {
  position: relative;
  padding: 64px 0 80px;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: #0f172a;
}

.success-shell[b-pv61m14tjg] {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
}

.success-card[b-pv61m14tjg] {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
  overflow: hidden;
}

.success-banner[b-pv61m14tjg] {
  padding: 32px 36px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.14) 0%, rgba(99, 102, 241, 0.12) 55%, rgba(255, 255, 255, 0.95) 100%);
  border-bottom: 1px solid #e2e8f0;
}

.success-banner-row[b-pv61m14tjg] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.success-heading[b-pv61m14tjg] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.success-badge[b-pv61m14tjg] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #1e40af;
  background: rgba(59, 130, 246, 0.16);
  border: 1px solid rgba(59, 130, 246, 0.35);
  padding: 6px 12px;
  border-radius: 999px;
  width: fit-content;
}

.success-badge i[b-pv61m14tjg] {
  color: #1e40af;
}

.success-title[b-pv61m14tjg] {
  font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.02em;
}

.success-summary[b-pv61m14tjg] {
  margin: 8px 0 0;
  font-size: 1rem;
  color: #475569;
  max-width: 720px;
}

.success-actions[b-pv61m14tjg] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}

.success-actions-body[b-pv61m14tjg] {
  margin-bottom: 4px;
}

.success-action[b-pv61m14tjg] {
  border-radius: 999px;
  padding: 10px 20px;
  font-weight: 700;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
}

.success-action i[b-pv61m14tjg] {
  opacity: 0.9;
}

.success-body[b-pv61m14tjg] {
  padding: 28px 36px 36px;
  display: grid;
  gap: 20px;
}

.success-alert[b-pv61m14tjg] {
  border-radius: 16px;
  padding: 16px 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.success-section-title[b-pv61m14tjg] {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
  color: #0f172a;
}

.success-features[b-pv61m14tjg] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 6px;
}

.success-feature[b-pv61m14tjg] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 12px 14px;
  color: #1f2937;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.success-feature i[b-pv61m14tjg] {
  color: #16a34a;
  margin-top: 3px;
}

@media (max-width: 768px) {
  .subscription-success-page[b-pv61m14tjg] {
    padding: 48px 0 64px;
  }

  .success-banner[b-pv61m14tjg] {
    padding: 24px;
  }

  .success-body[b-pv61m14tjg] {
    padding: 20px 24px 28px;
  }

  .success-actions[b-pv61m14tjg] {
    width: 100%;
  }

  .success-action[b-pv61m14tjg] {
    width: 100%;
    text-align: center;
  }
}