@import '_content/BlazorJsonForm/BlazorJsonForm.9wxccv0t14.bundle.scp.css';

/* /Layout/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-majfjtbbe9] .sortable-ghost {
  visibility: hidden;
}

[b-majfjtbbe9] .sortable-fallback {
  opacity: 1 !important
}
/* /Layout/TermsOfService.razor.rz.scp.css */
/* Terms of Service Page Specific Styles */
.terms-of-service-card[b-s5lwoirzsy] {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05) !important; /* Slightly more prominent shadow */
}

.terms-header[b-s5lwoirzsy] {
    border-bottom: 2px solid var(--mud-palette-primary); /* Use MudBlazor primary color for consistency */
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.terms-header .terms-title[b-s5lwoirzsy] {
    color: var(--mud-palette-primary) !important; /* Match header color */
    font-weight: 700 !important;
}

.terms-heading[b-s5lwoirzsy] {
    color: var(--mud-palette-primary) !important; /* Match heading color */
    font-weight: 600 !important;
}

.terms-list.mud-list[b-s5lwoirzsy] {
    padding-left: 20px; /* Indent for list items */
    list-style-type: disc; /* Ensure disc bullets */
}

.terms-list .mud-list-item[b-s5lwoirzsy] {
    padding-left: 0 !important; /* Remove default MudListItem padding */
    margin-bottom: 5px; /* Space between list items */
    display: list-item; /* Ensure it behaves like a list item */
}

.terms-list .mud-list-item-content[b-s5lwoirzsy] {
    padding: 0 !important; /* Remove inner content padding */
}

/* General text styling to match original */
.mud-text-body1[b-s5lwoirzsy] {
    max-width: 700px; /* Limit paragraph width */
}
/* /Pages/Auth/Terms.razor.rz.scp.css */
h1[b-l4omaqps5a], h2[b-l4omaqps5a] {
    font-weight: bold;        
}
h1[b-l4omaqps5a] { font-size: 2em; }
h2[b-l4omaqps5a] { font-size: 1.5em; }
ul[b-l4omaqps5a] {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 1em;
}
li[b-l4omaqps5a] {
    margin-bottom: 0.5em;
}
strong[b-l4omaqps5a] {
    font-weight: bold;
}
.container[b-l4omaqps5a] {
    font-family: sans-serif;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}
footer[b-l4omaqps5a] {
    margin-top: 2em;
    text-align: center;
    font-size: smaller;
    color: #777;
}
.important-point[b-l4omaqps5a] {
    font-weight: bold; /* Style for important points */
}
/* /Pages/Subscriptions/NewPricing.razor.rz.scp.css */
body[b-e2ljvq9cdz] {
      background: #f5f6fa;
      font-family: 'Inter', sans-serif;
      margin: 0;
      padding: 0;
      color: #232358;
    }
    .header[b-e2ljvq9cdz] {
      background: #6242ea;
      padding: 24px 0 0 0;
      color: #fff;
      display: flex;
      align-items: center;
      padding-left: 40px;
      height: 80px;
    }
    .header img[b-e2ljvq9cdz] {
      width: 36px;
      margin-right: 16px;
    }
    .header h1[b-e2ljvq9cdz] {
      font-size: 1.5rem;
      margin: 0;
    }

    .container[b-e2ljvq9cdz] {
      max-width: 1000px;
      margin: 36px auto;
      background: #fff;
      border-radius: 16px;
      padding: 40px 32px 36px 32px;
      box-shadow: 0 2px 16px rgba(40,43,61,0.2);
    }
    .features-toggle[b-e2ljvq9cdz] {
      text-align: center;
      margin-bottom: 12px;
    }
    .features-toggle button[b-e2ljvq9cdz] {
      background: transparent;
      border: 1px solid #e5e5f2;
      border-radius: 22px;
      padding: 7px 20px;
      margin: 0 6px;
      font-size: 1rem;
      color: #6242ea;
      cursor: pointer;
      transition: background 0.15s, color 0.15s;
    }
    .features-toggle .active[b-e2ljvq9cdz] {
      background: #6242ea;
      color: #fff;
      border: none;
    }
    .pricing-header[b-e2ljvq9cdz] {
      text-align: center;
      margin-bottom: 14px;
    }
    .pricing-header h2[b-e2ljvq9cdz] {
      margin: 0;
      font-size: 2rem;
      font-weight: 600;
    }
    .pricing-header p[b-e2ljvq9cdz] {
      color: #7a7ab3;
      font-size: 1.1rem;
      margin: 8px 0 0 0;
    }

    .pricing-table[b-e2ljvq9cdz] {
      display: flex;
      gap: 28px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 30px;
    }
    .plan[b-e2ljvq9cdz] {
      flex: 1 1 210px;
      background: #fafaff;
      border-radius: 14px;
      padding: 32px 22px 26px 22px;
      min-width: 220px;
      border: 2px solid #f0f0fb;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 8px 0;
      box-shadow: 0 1px 10px rgba(40,43,61,0.07);
    }
    .plan .plan-title[b-e2ljvq9cdz] {
      font-weight: bold;
      font-size: 1.1rem;
      margin-bottom: 3px;
      color: #6242ea;
    }
    .plan .plan-price[b-e2ljvq9cdz] {
      font-size: 2.2rem;
      margin-bottom: 8px;
      color: #232358;
      font-weight: bold;
    }
    .plan .plan-duration[b-e2ljvq9cdz] {
      color: #7a7ab3;
      font-size: 15px;
      margin-bottom: 18px;
    }
    .plan .plan-btn[b-e2ljvq9cdz] {            
      border: none;
      border-radius: 20px;
      padding: 7px 28px;
      font-size: 1rem;
      font-weight: 600;
      margin: 14px 0 16px 0;
      cursor: pointer;
      transition: background 0.15s;
    }
    .plan.current[b-e2ljvq9cdz] {
      background: #6242ea;
      color: #fff;
    }
    .plan.current .plan-title[b-e2ljvq9cdz],
    .plan.current .plan-price[b-e2ljvq9cdz] {
      color: #fff;
    }
    .plan.current .plan-btn[b-e2ljvq9cdz] {
      background: #fff;
      color: #6242ea;
      border: 1px solid #fff;
    }
    .plan ul[b-e2ljvq9cdz] {
      padding: 0;
      list-style: none;
      color: #232358;
      text-align: left;
      margin: 0 0 18px 0;
      min-height: 190px;
    }
    .plan ul li[b-e2ljvq9cdz] {
      margin-bottom: 12px;
      font-size: 15px;
    }
    .plan ul li strong[b-e2ljvq9cdz] {
      color: #6242ea;
    }
    .plan .see-features[b-e2ljvq9cdz] {
      color: #6242ea;
      background: transparent;
      border: none;
      cursor: pointer;
      font-size: 15px;
      text-decoration: underline;
    }
    @media (max-width: 900px) {
      .container[b-e2ljvq9cdz] { padding: 20px 6px; }
      .pricing-table[b-e2ljvq9cdz] { flex-direction: column; gap: 22px; }
      .plan[b-e2ljvq9cdz] { min-width: 0;}
    }
/* /Pages/Subscriptions/PricingCard.razor.rz.scp.css */

.plan[b-ypyuwpr2uh] {
  flex: 1 1 100px;  
  border-radius: 14px;
  padding: 20px 15px 15px 15px;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2px 0;
}
.plan .plan-title[b-ypyuwpr2uh] {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 2px;
}
.plan .plan-price[b-ypyuwpr2uh] {
  font-size: 2.2rem;
  margin-bottom: 8px;
  font-weight: bold;
}
.plan .plan-duration[b-ypyuwpr2uh] {
  font-size: 15px;
  margin-bottom: 18px;
}

/* /Pages/Subscriptions/PricingPage.razor.rz.scp.css */
.pricing-container[b-nuydokduuk] {
    padding: 5px;
}

.pricing-card[b-nuydokduuk] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    padding: 5px;
}

.plan-card[b-nuydokduuk] {
    border: 1px solid #E5E7EB; /* Light gray border */
    border-radius: 12px;
    transition: transform 0.2s ease;
}

.plan-card:hover[b-nuydokduuk] {
    transform: translateY(-4px);
}

.feature-list[b-nuydokduuk] {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.feature-list-item[b-nuydokduuk] {
    padding: 8px 0;
    font-size: 0.9rem;
    color: #4B5563;
    display: flex;
    align-items: center;
}

.feature-list-item .mud-icon[b-nuydokduuk] {
    width: 8px;
    height: 8px;
    margin-right: 6px;
}

/* Optional: Override MudToggleGroup styling */
.mud-toggle-group[b-nuydokduuk] {
    border: 1px solid #D1D5DB !important;
    border-radius: 50px;
}

.mud-toggle-item[b-nuydokduuk] {
    border: none;
    border-radius: 50px;
    padding: 8px 16px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.mud-toggle-item:hover[b-nuydokduuk] {
    background-color: #f3f4f6;
}

.plan[b-nuydokduuk] {
      flex: 1 1 210px;
      background: #fafaff;
      border-radius: 14px;
      padding: 32px 22px 26px 22px;
      min-width: 220px;
      border: 2px solid #f0f0fb;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 8px 0;
      box-shadow: 0 1px 10px rgba(40,43,61,0.07);
    }
    .plan .plan-title[b-nuydokduuk] {
      font-weight: bold;
      font-size: 1.1rem;
      margin-bottom: 3px;
      color: #6242ea;
    }
    .plan .plan-price[b-nuydokduuk] {
      font-size: 2.2rem;
      margin-bottom: 8px;
      color: #232358;
      font-weight: bold;
    }
    .plan .plan-duration[b-nuydokduuk] {
      color: #7a7ab3;
      font-size: 15px;
      margin-bottom: 18px;
    }
/* /Pages/Surveys/Survey-Builder.razor.rz.scp.css */
/* Custom styles for the app bar area with tabs and buttons */
.custom-app-bar[b-3kcu19nvnz] {
    background-color: white !important;
    border-radius: 16px !important;
    padding: 16px 24px !important; /* Adjust padding */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05) !important; /* Subtle shadow */
}

/* Custom styles for the tabs */
.custom-tabs .mud-tabs-panels[b-3kcu19nvnz] {
    display: none; /* Hide panels as they are not used for visual tabs here */
}

.custom-tabs .mud-tabs-toolbar[b-3kcu19nvnz] {
    min-height: auto !important; /* Adjust height */
}

.custom-tabs .mud-tab[b-3kcu19nvnz] {
    font-weight: 600 !important;
    text-transform: none !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    margin-right: 8px; /* Space between tabs */
}

.custom-tabs .mud-tab.mud-tab-active[b-3kcu19nvnz] {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary) !important; /* Active tab background */
}

/* Custom button styles to match screenshot */
.mud-button-secondary-outlined-custom.mud-button-outlined[b-3kcu19nvnz] {
    border-radius: 8px !important;
    text-transform: none !important;
    border-color: var(--mud-palette-lines-default) !important; /* Light border */
    color: var(--mud-palette-text-secondary) !important; /* Grey text */
    box-shadow: none !important;
}

.mud-button-primary-filled-custom.mud-button-filled.mud-button-filled-primary[b-3kcu19nvnz] {
    background: linear-gradient(to right, #6A1B9A, #AD1457) !important; /* Purple to Red/Pink Gradient */
    border-radius: 8px !important;
    text-transform: none !important;
    box-shadow: 0px 4px 8px rgba(106, 27, 154, 0.2) !important; /* Shadow matching gradient */
}

.mud-button-success-filled-custom.mud-button-filled.mud-button-filled-success[b-3kcu19nvnz] {
    background-color: #4CAF50 !important; /* Green */
    border-radius: 8px !important;
    text-transform: none !important;
    box-shadow: 0px 4px 8px rgba(76, 175, 80, 0.2) !important; /* Green shadow */
}

.mud-button-outlined-custom.mud-button-outlined[b-3kcu19nvnz] {
    border-radius: 8px !important;
    text-transform: none !important;
    border-color: var(--mud-palette-lines-default) !important;
    color: var(--mud-palette-text-secondary) !important;
    box-shadow: none !important;
}

/* Main content card styling */
.main-content-card[b-3kcu19nvnz] {
    border-radius: 16px !important;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08) !important;
    background-color: white !important;
}

/* Custom text field for the main survey title */
.mud-text-field-custom-title.mud-input-base[b-3kcu19nvnz] {
    font-size: 28px !important; /* Larger font */
    font-weight: 700 !important;
    color: #333 !important;
}
.mud-text-field-custom-title .mud-input-label.mud-input-label-animated[b-3kcu19nvnz] {
    font-size: 28px !important;
    font-weight: 700 !important;
}
.mud-text-field-custom-title .mud-input-control > .mud-input-base > .mud-input[b-3kcu19nvnz] {
    padding-top: 0 !important; /* Remove extra padding above text */
}

/* Question card styling */
.question-card[b-3kcu19nvnz] {
    border-radius: 8px !important;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06) !important; /* Lighter shadow */
    background-color: white !important;
    border: 1px solid var(--mud-palette-lines-default) !important; /* Subtle border */
}

.drag-handle[b-3kcu19nvnz] {
    cursor: grab;
    color: var(--mud-palette-text-secondary);
}

/* Custom select for question type */
.mud-select-custom .mud-input-base[b-3kcu19nvnz] {
    border-radius: 8px !important;
    background-color: #f0f0f0 !important; /* Light grey background */
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.mud-select-custom .mud-input-label[b-3kcu19nvnz] {
    top: 5px !important; /* Adjust label position */
}
.mud-select-custom .mud-input-control > .mud-input-base > .mud-input[b-3kcu19nvnz] {
    padding-top: 15px !important; /* Push text down */
    padding-bottom: 5px !important;
}


/* Custom switch for "Required" */
.mud-switch-custom .mud-switch-text[b-3kcu19nvnz] {
    font-weight: 500 !important;
    color: var(--mud-palette-text-primary) !important;
}

/* Custom text field for question text */
.mud-text-field-custom-question.mud-input-base[b-3kcu19nvnz] {
    font-size: 18px !important; /* Larger font for question */
    font-weight: 600 !important;
    color: #333 !important;
}
.mud-text-field-custom-question .mud-input-label[b-3kcu19nvnz] {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.mud-text-field-custom-question .mud-input-control > .mud-input-base > .mud-input[b-3kcu19nvnz] {
    padding-top: 0 !important;
}


/* Custom text field for options */
.mud-text-field-custom-option.mud-input-base[b-3kcu19nvnz] {
    font-size: 16px !important;
}
.mud-text-field-custom-option .mud-input-label[b-3kcu19nvnz] {
    font-size: 16px !important;
}
.mud-text-field-custom-option .mud-input-control > .mud-input-base > .mud-input[b-3kcu19nvnz] {
    padding-top: 0 !important;
}

.add-option-button.mud-button-text.mud-button-text-primary[b-3kcu19nvnz] {
    text-transform: none !important;
    font-weight: 600 !important;
    padding-left: 0 !important; /* Align with radio button */
}


/* Bottom toolbar styling */
.bottom-toolbar[b-3kcu19nvnz] {
    border-radius: 16px !important;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08) !important;
    background-color: white !important;
    padding: 16px !important;
}