/* _content/OmniClass.Web/Pages/Activity/ActivityDetailsView.razor.rz.scp.css */
.course-workspace[b-nhqd7rwe84] {
    max-width: 1440px;
    margin: 0 auto;
    color: var(--omni-color-text, #252238);
    --course-border: var(--omni-color-border, #e5e2ed);
    --course-surface: var(--omni-color-surface, #fff);
    --course-muted: var(--omni-color-text-muted, #706b80);
    --course-primary: var(--omni-color-primary, #6950c7);
}

.course-context[b-nhqd7rwe84] { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; color: var(--course-muted); font-size: .8rem; }
.course-context span:first-child[b-nhqd7rwe84] { color: var(--course-primary); font-weight: 700; letter-spacing: .08em; }
.course-workspace[b-nhqd7rwe84]  .activity-details-container { margin-bottom: 24px; }
.course-workspace[b-nhqd7rwe84]  .activity-details-card { padding: 24px; border: 1px solid var(--course-border); border-radius: var(--omni-radius-card, 20px); background: var(--course-surface); box-shadow: var(--omni-shadow-card, 0 4px 18px #25223808); }
.course-workspace[b-nhqd7rwe84]  .activity-header { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--course-border); gap: 16px; }
.course-workspace[b-nhqd7rwe84]  .activity-info { min-width: 0; }
.course-workspace[b-nhqd7rwe84]  .activity-title { font-size: 1.65rem; color: inherit; overflow-wrap: anywhere; }
.course-workspace[b-nhqd7rwe84]  .activity-description { color: var(--course-muted); overflow-wrap: anywhere; }
.course-workspace[b-nhqd7rwe84]  .activity-metadata-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.course-workspace[b-nhqd7rwe84]  .metadata-item { padding: 14px; gap: 10px; border: 1px solid var(--course-border); background: var(--omni-color-page, #f7f6fa); transform: none; }
.course-workspace[b-nhqd7rwe84]  .metadata-icon:not(.certificate-status .metadata-icon) { background: var(--omni-color-primary-soft, #f0ecfa); color: var(--course-primary); }
.course-workspace[b-nhqd7rwe84]  .metadata-content { min-width: 0; }
.course-workspace[b-nhqd7rwe84]  .metadata-label { color: var(--course-muted); font-size: .7rem; letter-spacing: .02em; overflow-wrap: anywhere; }
.course-workspace[b-nhqd7rwe84]  .metadata-value { color: var(--omni-color-text, #252238); font-size: .9rem; }
.course-workspace[b-nhqd7rwe84]  .certificate-status.no-certificate { background: var(--omni-color-page, #f7f6fa); border-color: var(--course-border); }
.course-workspace[b-nhqd7rwe84]  .certificate-status.no-certificate .metadata-icon { background: var(--course-border); color: var(--course-muted); }
.course-workspace[b-nhqd7rwe84]  .activity-admins-list { padding: 16px; background: var(--course-surface); border: 1px solid var(--course-border); }
.course-workspace[b-nhqd7rwe84]  .admins-header { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--course-border); gap: 12px; }
.course-workspace[b-nhqd7rwe84]  .admins-title { color: inherit; font-size: .95rem; }
.course-workspace[b-nhqd7rwe84]  .admins-title i { color: var(--course-primary); }
.course-workspace[b-nhqd7rwe84]  .admin-item { max-width: 100%; padding: 6px 10px; border-color: var(--course-border); background: var(--omni-color-page, #f7f6fa); color: var(--course-muted); font-size: .8rem; }
.course-workspace[b-nhqd7rwe84]  .admin-item span { overflow-wrap: anywhere; min-width: 0; }
.course-workspace[b-nhqd7rwe84]  .admin-badge,
.course-workspace[b-nhqd7rwe84]  .admin-item.more { background: var(--omni-color-primary-soft, #f0ecfa); color: var(--course-primary); border-color: transparent; }

.course-navigation[b-nhqd7rwe84] { padding: 8px; margin-bottom: 24px; gap: 4px; background: var(--course-surface); border: 1px solid var(--course-border); border-radius: 14px; }
.course-navigation a[b-nhqd7rwe84] { display: block; text-decoration: none; border-radius: 9px; }
.course-navigation .nav-link[b-nhqd7rwe84] { color: var(--omni-color-text, #252238); border-radius: 9px; min-height: 44px; display: flex; align-items: center; gap: 8px; font-size: .875rem; font-weight: 600; padding: 10px 12px; }
.course-navigation .nav-link.active[b-nhqd7rwe84] { background: var(--course-primary); color: #fff; }
.course-navigation a:hover .nav-link:not(.active)[b-nhqd7rwe84] { background: var(--omni-color-primary-soft, #f0ecfa); color: var(--course-primary); }
.course-section-heading[b-nhqd7rwe84] { margin: 0 0 16px; }
.course-section-heading h2[b-nhqd7rwe84] { font-size: 1.1rem; font-weight: 700; margin: 0 0 4px; }
.course-section-heading p[b-nhqd7rwe84] { color: var(--course-muted); font-size: .875rem; margin: 0; }
.course-content-card[b-nhqd7rwe84] { border: 1px solid var(--course-border); border-radius: 16px; background: var(--course-surface); box-shadow: none; min-height: 160px; }
.course-content-card .card-body[b-nhqd7rwe84] { margin-top: 0 !important; padding: 50px 20px 20px; gap: 12px; }
.course-content-card .card-img-top[b-nhqd7rwe84] { width: 56px; height: 64px; flex-shrink: 0; margin: 0 !important; }
.course-create-card[b-nhqd7rwe84] { border-style: dashed; background: var(--omni-color-primary-soft, #f0ecfa); cursor: pointer; }
.course-create-card .card-body[b-nhqd7rwe84] { padding-top: 20px; }
.course-open[b-nhqd7rwe84] { padding: 8px 0; color: var(--course-primary); text-align: left; }
.course-workspace[b-nhqd7rwe84]  .text-dark { color: var(--omni-color-text, #252238) !important; }
.course-workspace[b-nhqd7rwe84]  .text-muted { color: var(--course-muted) !important; }
.course-workspace[b-nhqd7rwe84]  .btn { min-height: 44px; border-radius: var(--omni-radius-control, 10px); }
.course-workspace[b-nhqd7rwe84]  .btn-sm { min-width: 44px; }
.course-workspace[b-nhqd7rwe84]  .btn-primary,
.course-workspace[b-nhqd7rwe84]  .btn-info { background: var(--course-primary); border-color: var(--course-primary); color: #fff; }
.course-workspace[b-nhqd7rwe84]  .btn-outline-primary { color: var(--course-primary); border-color: var(--course-primary); }
.course-workspace[b-nhqd7rwe84]  .btn-outline-primary:hover { background: var(--course-primary); color: #fff; }
.course-workspace[b-nhqd7rwe84]  .form-control { min-height: 44px; background: var(--course-surface) !important; color: var(--omni-color-text, #252238); border: 1px solid var(--course-border) !important; border-radius: var(--omni-radius-control, 10px); }
.course-workspace[b-nhqd7rwe84]  :is(button, a, input, [tabindex]):focus-visible { outline: 3px solid var(--course-primary); outline-offset: 3px; box-shadow: var(--omni-shadow-control-focus); }
.course-video-header[b-nhqd7rwe84] { margin: 0; padding: 18px; align-items: center; gap: 12px; background: var(--course-surface); font-weight: 700; }
.course-video-header > div[b-nhqd7rwe84] { flex: 1 1 auto; max-width: none; width: auto; padding: 0; }
.course-video-header > div:last-child[b-nhqd7rwe84] { flex-grow: 0; }
.course-workspace[b-nhqd7rwe84]  .course-video-header .rounded-button-hover { min-height: 44px; border: 1px solid var(--course-primary) !important; border-radius: var(--omni-radius-control, 10px) !important; background: var(--course-primary) !important; color: #fff !important; font-weight: 600; }
.course-workspace[b-nhqd7rwe84]  .course-video-header .rounded-button-hover:hover { background: var(--omni-color-primary-strong, #5336ad) !important; transform: none; }
.course-video-row[b-nhqd7rwe84] { padding: 18px 72px 18px 18px; background: var(--course-surface); color: inherit; border-color: var(--course-border); }
.course-video-row > .d-flex[b-nhqd7rwe84] { gap: 12px; min-width: 0; }
.course-video-row .ml-2[b-nhqd7rwe84] { min-width: 0; }
.course-video-title[b-nhqd7rwe84] { font-weight: 600; overflow-wrap: anywhere; margin-bottom: 6px; }
.course-workspace[b-nhqd7rwe84]  #pills-avaliations .card { border: 1px solid var(--course-border) !important; border-radius: 16px !important; background: var(--course-surface); box-shadow: none !important; }
.course-workspace[b-nhqd7rwe84]  #pills-avaliations .card:hover { transform: none; }
.course-workspace[b-nhqd7rwe84]  #pills-avaliations .card[role="button"] { background: var(--omni-color-primary-soft, #f0ecfa); border-style: dashed !important; min-height: 180px; }
.course-workspace[b-nhqd7rwe84]  #pills-avaliations .card-body { padding: 24px; }
.course-workspace[b-nhqd7rwe84]  #pills-avaliations h5 { padding-right: 40px; overflow-wrap: anywhere; }
.course-workspace[b-nhqd7rwe84]  #pills-avaliations .btn-warning { background: var(--omni-color-page, #f7f6fa); color: var(--course-muted); border-color: var(--course-border); }
.course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) > .card { height: auto !important; min-height: 320px !important; background: var(--course-surface); border: 1px solid var(--course-border) !important; border-radius: 16px; box-shadow: none !important; }
.course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) .card-header { border-radius: 16px 16px 0 0; padding: 20px !important; background: var(--course-surface) !important; }
.course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) .table { table-layout: fixed; color: inherit; }
.course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) .table tr { background: transparent; }
.course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) .table td { padding: 12px 20px; border-color: var(--course-border); }
.course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) td .bg-white { background: var(--course-surface) !important; box-shadow: none !important; margin: 0 !important; padding: 8px 12px !important; }
.course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) .flex-grow-1 { min-width: 0; overflow-wrap: anywhere; }
.course-workspace[b-nhqd7rwe84]  #pills-participants [style*="border-style: dashed"] { border: 1px solid var(--course-border) !important; border-radius: 10px !important; font-size: .85rem !important; }
.course-workspace[b-nhqd7rwe84]  #pills-presence-list [data-toggle="modal"] { border-style: solid !important; min-height: 44px; }
.course-workspace[b-nhqd7rwe84]  #pills-presence-list :is(h5, label) { color: var(--omni-color-text, #252238) !important; }
.course-workspace[b-nhqd7rwe84]  .alert { background: var(--course-surface); color: var(--course-muted); border: 1px solid var(--course-border); border-radius: 16px; padding: 28px; }

/* Action labels are enabled only by the course management page. */
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn {
    min-height: 32px;
    min-width: 32px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0;
    padding: 5px 8px;
    border: 1px solid var(--course-border);
    border-radius: var(--omni-radius-control, 10px) !important;
    background: var(--omni-color-primary-soft, #f0ecfa);
    color: var(--course-primary);
    font-size: .75rem;
    font-weight: 600;
    box-shadow: none;
}
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn:hover {
    background: var(--omni-color-primary-soft, #f0ecfa);
    border-color: var(--course-primary);
    color: var(--course-primary);
}
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn-outline-danger {
    order: 1;
    color: var(--omni-color-danger, #bd3048);
    border-color: color-mix(in srgb, var(--omni-color-danger, #bd3048) 30%, var(--course-surface));
    background: color-mix(in srgb, var(--omni-color-danger, #bd3048) 9%, var(--course-surface));
    margin-left: 4px;
}
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn-outline-danger:hover {
    border-color: var(--omni-color-danger, #bd3048);
    background: var(--omni-color-danger, #bd3048);
    color: #fff;
}
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn-outline-success { color: #18743c; background: #eaf7ee; border-color: #b6dec3; }
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn-outline-success:hover { color: #fff; background: #18743c; border-color: #18743c; }
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn-outline-warning { color: #855600; background: #fff5da; border-color: #e9d18f; }
.course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn-outline-warning:hover { color: #fff; background: #855600; border-color: #855600; }
.course-workspace[b-nhqd7rwe84]  #pills-participants .card-header > .row:first-child { margin-top: 0 !important; }
.course-workspace[b-nhqd7rwe84]  #pills-participants .input-group { gap: 8px; }
.course-workspace[b-nhqd7rwe84]  #pills-participants .input-group-append { margin-left: 0; }
.course-workspace[b-nhqd7rwe84]  #pills-participants .input-group .form-control { border-radius: var(--omni-radius-control, 10px); }

.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-container {
    background: var(--course-surface);
    border: 1px solid var(--course-border);
    border-radius: var(--omni-radius-card, 20px);
    padding: 24px;
}
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-header { margin-bottom: 0 !important; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-header h4 { display: flex; align-items: center; gap: 10px; font-size: 1.2rem; font-weight: 700; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-header h4 i { color: var(--course-primary) !important; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-description { font-size: .875rem; margin-top: 6px; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-filters { margin-top: 22px !important; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid var(--course-border); }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-filters .input-group { gap: 8px; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-filters .input-group-append { margin-left: 0; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-filters .form-control { border-radius: var(--omni-radius-control, 10px); }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-pinned-filter { display: flex; align-items: center; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-pinned-filter .form-group { margin: 0; display: flex; align-items: center; min-height: 44px; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-pinned-filter label { margin-bottom: 0; font-size: .875rem; font-weight: 500 !important; color: var(--omni-color-text, #252238); cursor: pointer; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-pinned-filter input:checked + label::before { background: var(--course-primary) !important; border-color: var(--course-primary) !important; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-empty { border: 0; border-top: 1px solid var(--course-border); border-radius: 0; margin: 0; padding: 44px 20px; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; background: var(--omni-color-primary-soft, #f0ecfa); color: var(--course-primary); font-size: 24px; margin-bottom: 16px; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-empty h5 { font-size: 1.05rem; font-weight: 600; color: var(--omni-color-text, #252238); margin-bottom: 8px; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-empty p { max-width: 460px; margin-inline: auto; font-size: .875rem; line-height: 1.6; }
.course-workspace[b-nhqd7rwe84]  #pills-forum .forum-result-count { font-size: .8rem; }

@media (min-width: 1200px) {
    .course-workspace[b-nhqd7rwe84]  .activity-metadata-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn { min-height: 40px; }
    .course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions { justify-content: flex-start; margin-top: 8px; }
    .course-workspace[b-nhqd7rwe84]  #pills-participants .participant-actions > .btn-outline-danger { margin-left: 0; }
    .course-workspace[b-nhqd7rwe84]  #pills-forum .forum-container { padding: 16px; }
    .course-workspace[b-nhqd7rwe84]  #pills-forum .forum-header .text-right { text-align: left !important; margin-top: 16px; }
    .course-workspace[b-nhqd7rwe84]  #pills-forum .forum-pinned-filter { margin-top: 12px; }
    .course-workspace[b-nhqd7rwe84]  #pills-forum .forum-empty { padding: 32px 0; }
    .course-workspace[b-nhqd7rwe84]  .activity-details-card { padding: 16px; }
    .course-workspace[b-nhqd7rwe84]  .activity-metadata-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .course-workspace[b-nhqd7rwe84]  .metadata-item { padding: 10px; gap: 8px; }
    .course-workspace[b-nhqd7rwe84]  .metadata-icon { width: 28px; height: 28px; font-size: 1rem; }
    .course-workspace[b-nhqd7rwe84]  .activity-title { font-size: 1.3rem; }
    .course-navigation[b-nhqd7rwe84] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .course-navigation .nav-link[b-nhqd7rwe84] { height: 100%; font-size: .8rem; padding: 10px 8px; }
    .course-content-card[b-nhqd7rwe84] { margin-bottom: 12px; height: auto !important; }
    .course-video-row[b-nhqd7rwe84] { padding: 16px; }
    .course-video-row > .d-flex[b-nhqd7rwe84] { flex-direction: column; align-items: flex-start !important; padding-top: 44px; }
    .course-video-row .ml-2[b-nhqd7rwe84] { margin-left: 0 !important; }
    .course-video-row :is(img, video)[b-nhqd7rwe84] { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }
    .course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) .table td { padding: 12px; }
    .course-workspace[b-nhqd7rwe84]  :is(#pills-participants, #pills-presence-list) .card-header { padding: 16px !important; }
    .course-workspace[b-nhqd7rwe84]  #pills-presence-list .btn-group { flex-wrap: wrap; gap: 8px; }
}
.kids-content-mode .course-navigation .nav-item:nth-child(n+3)[b-nhqd7rwe84] {
    display: none;
}

.kids-content-mode #pills-participants[b-nhqd7rwe84],
.kids-content-mode #pills-avaliations[b-nhqd7rwe84],
.kids-content-mode #pills-presence-list[b-nhqd7rwe84],
.kids-content-mode #pills-forum[b-nhqd7rwe84] {
    display: none !important;
}
/* _content/OmniClass.Web/Pages/Activity/RegisterActivityPage.razor.rz.scp.css */
:host[b-qpzq8komw3] {
    display: block;
}

.creation-page[b-qpzq8komw3] {
    max-width: 1180px;
    color: #233044;
}

.creation-header[b-qpzq8komw3] {
    padding: 0 2px;
}

.creation-header-icon[b-qpzq8komw3] {
    align-items: center;
    background: #eaf6ff;
    border-radius: 50%;
    color: #168ed2;
    display: flex;
    flex: 0 0 52px;
    font-size: 21px;
    height: 52px;
    justify-content: center;
    margin-right: 16px;
    width: 52px;
}

.creation-header h4[b-qpzq8komw3] {
    color: #1f2c3f;
    font-size: 1.25rem;
    font-weight: 700;
}

.creation-header small[b-qpzq8komw3] {
    color: #8290a5 !important;
}

.creation-back[b-qpzq8komw3] {
    border: 1px solid #d8e1eb;
    border-radius: 8px;
    color: #536176;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.creation-back:hover[b-qpzq8komw3] {
    background: #f4f8fb;
    border-color: #a9bacb;
}

.creation-card[b-qpzq8komw3] {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(39, 60, 82, .08);
}

.creation-card .card-body[b-qpzq8komw3] {
    padding: 26px;
}

.creation-card .row[b-qpzq8komw3] {
    margin-left: -10px;
    margin-right: -10px;
}

.creation-card [class*="col-"][b-qpzq8komw3] {
    padding-left: 10px;
    padding-right: 10px;
}

.creation-card .form-group[b-qpzq8komw3] {
    margin-bottom: 18px;
}

.creation-card label.control-label[b-qpzq8komw3],
.creation-card[b-qpzq8komw3]  label {
    color: #263548;
    font-size: .82rem;
    font-weight: 600;
    margin-bottom: 6px;
}

.creation-card .form-control[b-qpzq8komw3],
.creation-card[b-qpzq8komw3]  .form-control {
    background: #fff;
    border: 1px solid #d6dfe9;
    border-radius: 6px;
    box-shadow: none;
    color: #344258;
    min-height: 42px;
}

.creation-card textarea.form-control[b-qpzq8komw3] {
    min-height: 74px;
}

.creation-card .form-control:focus[b-qpzq8komw3],
.creation-card[b-qpzq8komw3]  .form-control:focus {
    border-color: #1697cf;
    box-shadow: 0 0 0 3px rgba(22, 151, 207, .1);
}

.creation-card .creation-additional[b-qpzq8komw3] {
    background: #f7fbff;
    border: 1px solid #a9dcf5;
    border-radius: 8px;
    margin: 3px 0 18px;
    padding: 12px 14px 0 58px;
    position: relative;
}

.creation-additional-heading[b-qpzq8komw3] {
    color: #27364a;
    font-size: .82rem;
    margin-bottom: 8px;
}

.creation-additional-heading span[b-qpzq8komw3] {
    color: #76869a;
    font-weight: 400;
}

.creation-additional-icon[b-qpzq8komw3] {
    align-items: center;
    background: #e5f5ff;
    border-radius: 50%;
    color: #118fd0;
    display: flex;
    font-size: 15px;
    height: 40px;
    justify-content: center;
    left: 14px;
    position: absolute;
    top: 12px;
    width: 40px;
}

.creation-additional .form-group > small[b-qpzq8komw3] {
    color: #7d899a;
    display: block;
    font-size: .72rem;
    margin: -3px 0 5px;
}

.creation-card[b-qpzq8komw3]  .badge.bg-primary {
    background: #078faf !important;
    border-radius: 6px;
}

.creation-card[b-qpzq8komw3]  .text-info {
    color: #7b8798 !important;
    font-size: .75rem !important;
}

.omni-toggle-option[b-qpzq8komw3] {
    align-items: center;
    background: #fbfcff;
    border: 1px solid #e2e7f1;
    border-radius: 10px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 18px;
}

.omni-toggle-option strong[b-qpzq8komw3],
.omni-toggle-option small[b-qpzq8komw3] {
    display: block;
}

.omni-toggle-option small[b-qpzq8komw3] {
    color: #52617d;
    margin-top: 4px;
}

.omni-builder-switch[b-qpzq8komw3] {
    background: #dce2ed;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    flex: 0 0 50px;
    height: 28px;
    padding: 3px;
    width: 50px;
}

.omni-builder-switch span[b-qpzq8komw3] {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 22px;
    margin-left: 0;
    transition: margin-left .18s ease;
    width: 22px;
}

.omni-builder-switch.active[b-qpzq8komw3] {
    background: #6c3cff;
}

.omni-builder-switch.active span[b-qpzq8komw3] {
    margin-left: 22px;
}

.omni-builder-switch:focus-visible[b-qpzq8komw3] {
    box-shadow: 0 0 0 3px rgba(108, 60, 255, .25);
    outline: none;
}

.creation-card > .card-body > .d-flex:last-child[b-qpzq8komw3] {
    border-top: 1px solid #edf1f5;
    padding-top: 20px;
}

@media (max-width: 767.98px) {
    .creation-page[b-qpzq8komw3] {
        padding-left: 8px;
        padding-right: 8px;
    }

    .creation-header[b-qpzq8komw3] {
        align-items: flex-start !important;
        gap: 12px;
    }

    .creation-header-icon[b-qpzq8komw3] {
        flex-basis: 44px;
        height: 44px;
        margin-right: 10px;
        width: 44px;
    }

    .creation-back .nav-link[b-qpzq8komw3] {
        font-size: 0;
        padding: 10px 12px;
    }

    .creation-back .nav-link i[b-qpzq8komw3] {
        font-size: 14px;
    }

    .creation-card .card-body[b-qpzq8komw3] {
        padding: 18px 14px;
    }

    .creation-card .creation-additional[b-qpzq8komw3] {
        padding-left: 14px;
        padding-top: 62px;
    }

    .omni-toggle-option[b-qpzq8komw3] {
        padding: 16px;
    }
}
/* _content/OmniClass.Web/Pages/Avaliations/CreateEditAvaliationView.razor.rz.scp.css */
.avaliation-editor[b-iclswv7ah3] { width: 100%; min-width: 0; color: var(--omni-color-text); }
.editor-header[b-iclswv7ah3], .editor-actions[b-iclswv7ah3], .question-summary[b-iclswv7ah3] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.editor-eyebrow[b-iclswv7ah3] { color: var(--omni-color-primary); font-size: .72rem; font-weight: 700; letter-spacing: .1em; }
.editor-header h1[b-iclswv7ah3] { font-size: 1.65rem; font-weight: 700; margin: 6px 0; }
.editor-header p[b-iclswv7ah3], .empty-questions[b-iclswv7ah3] { color: var(--omni-color-text-muted); margin: 0; }
.editor-actions[b-iclswv7ah3] { gap: 8px; }
.question-options-header[b-iclswv7ah3] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 4px 0 12px; }
.question-options-header > span[b-iclswv7ah3] { font-size: .875rem; font-weight: 600; }
.avaliation-editor[b-iclswv7ah3]  .step-container { border: 0; padding: 0; }
.avaliation-editor[b-iclswv7ah3]  .step-header { display: flex; gap: 8px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--omni-color-border); }
.avaliation-editor[b-iclswv7ah3]  .step-item { flex: 1; padding: 12px 16px; margin: 0; border-radius: var(--omni-radius-control); background: var(--omni-color-page); color: var(--omni-color-text-muted); font-weight: 600; text-align: center; }
.avaliation-editor[b-iclswv7ah3]  .step-item.bg-purple { background: var(--omni-color-primary-soft) !important; color: var(--omni-color-primary) !important; box-shadow: inset 0 -3px var(--omni-color-primary); }
.avaliation-editor[b-iclswv7ah3]  .form-group { margin-bottom: 20px; }
.avaliation-editor[b-iclswv7ah3]  label { font-size: .875rem; color: var(--omni-color-text); font-weight: 600; }
.avaliation-editor[b-iclswv7ah3]  .form-control { min-height: 44px; height: auto; border-radius: var(--omni-radius-control); border: 1px solid var(--omni-color-border); background: var(--omni-color-surface); color: var(--omni-color-text); padding: 10px 12px; }
.avaliation-editor[b-iclswv7ah3]  textarea.form-control { min-height: 100px; resize: vertical; }
.avaliation-editor[b-iclswv7ah3]  .form-control:focus, .avaliation-editor[b-iclswv7ah3]  button:focus-visible { outline: 2px solid var(--omni-color-primary); outline-offset: 2px; box-shadow: var(--omni-shadow-control-focus); }
.question-summary[b-iclswv7ah3] { padding: 14px 18px; margin-bottom: 20px; border-radius: var(--omni-radius-control); background: var(--omni-color-primary-soft); color: var(--omni-color-primary); }
.question-card[b-iclswv7ah3] { border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-card); box-shadow: none; overflow: hidden; background: var(--omni-color-surface); margin-bottom: 0; }
.question-card .card-header[b-iclswv7ah3] { background: var(--omni-color-page); border-bottom: 1px solid var(--omni-color-border); padding: 12px 20px; }
.question-card .card-header .row[b-iclswv7ah3] { flex-wrap: nowrap; justify-content: space-between; }
.question-card .card-header .col-md-8[b-iclswv7ah3], .question-card .card-header .col-md-4[b-iclswv7ah3] { width: auto; }
.question-card h6[b-iclswv7ah3] { font-weight: 700; }
.question-card .card-body[b-iclswv7ah3] { padding: 20px; }
.question-remove[b-iclswv7ah3] { min-width: 44px; min-height: 44px; border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-control); background: var(--omni-color-surface); color: var(--omni-color-danger); }
.question-remove:hover[b-iclswv7ah3] { border-color: var(--omni-color-danger); }
.avaliation-editor .add-between[b-iclswv7ah3] { display: flex; align-items: center; gap: 12px; margin: 20px 0; padding: 0; }
.avaliation-editor .line[b-iclswv7ah3] { flex: 1; height: 1px; background: var(--omni-color-border); }
.avaliation-editor .add-btn-between[b-iclswv7ah3] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: auto; min-height: 44px; padding: 10px 16px; border: 1px dashed var(--omni-color-primary); border-radius: var(--omni-radius-control); background: var(--omni-color-primary-soft); color: var(--omni-color-primary); box-shadow: none; font-size: .875rem; font-weight: 600; }
.avaliation-editor[b-iclswv7ah3]  .step-footer { border-top: 1px solid var(--omni-color-border); margin-top: 24px; padding-top: 20px; }
.avaliation-editor[b-iclswv7ah3]  .step-footer button { min-height: 44px; border: 1px solid var(--omni-color-primary); border-radius: var(--omni-radius-control); background: var(--omni-color-primary); color: white; padding: 10px 20px; }
.empty-questions[b-iclswv7ah3] { text-align: center; padding: 24px 12px; }
.avaliation-editor[b-iclswv7ah3]  .step-footer .rounded-button-hover { border: 1px solid var(--omni-color-primary) !important; border-radius: var(--omni-radius-control) !important; background: var(--omni-color-primary) !important; min-height: 44px; }
.avaliation-editor[b-iclswv7ah3]  .step-footer .nav-link { color: white !important; }
@media (max-width: 575.98px) {
    .editor-header h1[b-iclswv7ah3] { font-size: 1.4rem; }
    .editor-actions[b-iclswv7ah3] { width: 100%; }
    .editor-actions[b-iclswv7ah3]  button { flex: 1; }
    .question-card .card-body[b-iclswv7ah3] { padding: 16px; }
    .avaliation-editor[b-iclswv7ah3]  .step-item { padding: 12px 8px; }
    .avaliation-editor[b-iclswv7ah3]  input[type="datetime-local"] { min-width: 0; width: 100%; }
}