/* HabitusApp/Components/Actions/CompanyActions.razor.rz.scp.css */
.clickable-action[b-jv5d0ht1do] {
    transition: all 0.2s ease;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
}

    .clickable-action:hover[b-jv5d0ht1do] {
        background-color: rgba(0, 0, 0, 0.05);
        transform: translateX(2px);
        color: #00836B;
    }

.chat-container[b-jv5d0ht1do] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.message[b-jv5d0ht1do] {
    margin-bottom: 10px;
    border-radius: 10px;
    max-width: 100%;
    display: flex;
}

.message-user[b-jv5d0ht1do] {
    font-weight: bold;
    margin-right: 5px;
    padding: 8px; /* Adjust padding inside the message-user span */
    background-color: #ffffff; /* Set background color for message text */
    border-radius: 8px;
}

.incoming[b-jv5d0ht1do] {
    justify-content: flex-start;
}

.outgoing[b-jv5d0ht1do] {
    justify-content: flex-end;
}

.incoming-color[b-jv5d0ht1do] {
    background-color: #e5f2e5;
}

.outgoing-color[b-jv5d0ht1do] {
    background-color: #e2f0f9;
}

.input-container[b-jv5d0ht1do] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

input[type="text"][b-jv5d0ht1do] {
    flex: 1;
    margin-right: 10px;
}

button[b-jv5d0ht1do] {
    margin-top: 5px;
}

.modalchatreason-wrapper[b-jv5d0ht1do] {
    position: relative;
    z-index: 1060;
}
/* HabitusApp/Components/Locations/NewLocation.razor.rz.scp.css */
/* NEW LOCATION MODAL STYLES */

.nl-content[b-74fe2sf63d] {
    padding: 8px 0;
}

.nl-subtitle[b-74fe2sf63d] {
    font-size: 15px;
    font-weight: 600;
    color: #3e3e51;
    margin-bottom: 16px;
}

/* TYPE SELECTION GRID - 2x2 LAYOUT */
.nl-type-grid[b-74fe2sf63d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.nl-type-card[b-74fe2sf63d] {
    background-color: #ffffff;
    border: 2px solid #e8ecef;
    border-radius: 12px;
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.nl-type-card:hover[b-74fe2sf63d] {
    border-color: rgba(0, 121, 121, 0.6);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 121, 121, 0.15);
}

.nl-type-card__icon[b-74fe2sf63d] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: oklch(91% .021 187);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #007979;
}

.nl-type-card__label[b-74fe2sf63d] {
    font-size: 14px;
    font-weight: 600;
    color: #3e3e51;
}

/* BACK BUTTON */
.nl-back-btn[b-74fe2sf63d] {
    background: none;
    border: none;
    color: #007979;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    margin-bottom: 16px;
}

.nl-back-btn:hover[b-74fe2sf63d] {
    color: #005f5f;
}

/* SELECTED TYPE CARD */
.nl-selected-type[b-74fe2sf63d] {
    background-color: #ffffff;
    border: 2px solid rgba(0, 121, 121, 0.6);
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.nl-selected-type__icon[b-74fe2sf63d] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background-color: oklch(91% .021 187);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #007979;
}

.nl-selected-type__label[b-74fe2sf63d] {
    font-size: 16px;
    font-weight: 600;
    color: #3e3e51;
}

/* NAME INPUT SECTION */
.nl-name-section[b-74fe2sf63d] {
    margin-bottom: 20px;
}

.nl-name-label[b-74fe2sf63d] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #3e3e51;
    margin-bottom: 8px;
}

.nl-name-input[b-74fe2sf63d] {
    width: 100%;
    padding: 12px 14px;
    border: 2px solid #e8ecef;
    border-radius: 10px;
    font-size: 15px;
    color: #3e3e51;
    outline: none;
    transition: border-color 0.15s ease;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

.nl-name-input[b-74fe2sf63d]::placeholder {
    color: #a0aab4;
}

.nl-name-input:focus[b-74fe2sf63d] {
    border-color: rgba(0, 121, 121, 0.6);
}

/* CONFIRM BUTTON - FULL WIDTH OVERRIDE */
.full-width[b-74fe2sf63d] {
    width: 100%;
}
/* HabitusApp/Components/Notifications/NotificationItem.razor.rz.scp.css */
.notification-item[b-p65twbb3c4] {
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #eef0f2;
    cursor: pointer;
    transition: background 0.15s ease;
    position: relative;
}

.notification-item:hover[b-p65twbb3c4] {
    background: #f8f9fa;
}

.notification-item:last-child[b-p65twbb3c4] {
    border-bottom: none;
}

.notification-item.unread[b-p65twbb3c4] {
    background: #ecf7fb;
}

.notification-item.unread:hover[b-p65twbb3c4] {
    background: #ddf0f6;
}

.notification-item.unread[b-p65twbb3c4]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #036665;
}

.notification-item__icon[b-p65twbb3c4] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eef0f2;
}

.notification-item__icon i[b-p65twbb3c4] {
    font-size: 18px;
    color: #313f65;
}

.notification-item__icon.category-success[b-p65twbb3c4] {
    background: #e5faf3;
}
.notification-item__icon.category-success i[b-p65twbb3c4] {
    color: #008b50;
}

.notification-item__icon.category-chat[b-p65twbb3c4],
.notification-item__icon.category-info[b-p65twbb3c4] {
    background: #ecf7fb;
}
.notification-item__icon.category-chat i[b-p65twbb3c4],
.notification-item__icon.category-info i[b-p65twbb3c4] {
    color: #0077b6;
}

.notification-item__icon.category-warning[b-p65twbb3c4] {
    background: #fff6e8;
}
.notification-item__icon.category-warning i[b-p65twbb3c4] {
    color: #c66d00;
}

.notification-item__icon.category-error[b-p65twbb3c4],
.notification-item__icon.category-danger[b-p65twbb3c4] {
    background: #ffedf1;
}
.notification-item__icon.category-error i[b-p65twbb3c4],
.notification-item__icon.category-danger i[b-p65twbb3c4] {
    color: #f50039;
}

.notification-item__content[b-p65twbb3c4] {
    flex: 1;
    min-width: 0;
}

.notification-item__header[b-p65twbb3c4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.notification-item__title[b-p65twbb3c4] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #313f65;
    line-height: 1.3;
}

.notification-item.unread .notification-item__title[b-p65twbb3c4] {
    font-weight: 700;
}

.notification-item__time[b-p65twbb3c4] {
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #6e7f8f;
    white-space: nowrap;
}

.notification-item__body[b-p65twbb3c4] {
    font-size: 0.875rem;
    color: #6e7f8f;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.notification-item__dismiss[b-p65twbb3c4] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.notification-item:hover .notification-item__dismiss[b-p65twbb3c4] {
    opacity: 1;
}

.notification-item__dismiss i[b-p65twbb3c4] {
    font-size: 12px;
    color: #6e7f8f;
}

.notification-item__dismiss:hover[b-p65twbb3c4] {
    background: #eef0f2;
}

.notification-item__dismiss:hover i[b-p65twbb3c4] {
    color: #f50039;
}
/* HabitusApp/Components/Notifications/NotificationsCentreModal.razor.rz.scp.css */
.notification-modal-backdrop[b-rjc4vx955z] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    animation: fadeIn-b-rjc4vx955z 0.2s ease;
}

.notification-modal[b-rjc4vx955z] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 80vh;
    background: #fff;
    border-radius: 16px 16px 0 0;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
    animation: slideUp-b-rjc4vx955z 0.25s ease;
}

@keyframes slideUp-b-rjc4vx955z {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes fadeIn-b-rjc4vx955z {
    from { opacity: 0; }
    to { opacity: 1; }
}

.notification-modal__header[b-rjc4vx955z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid #eef0f2;
    flex-shrink: 0;
}

.notification-modal__title[b-rjc4vx955z] {
    font-size: 1rem;
    font-weight: 600;
    color: #313f65;
    margin: 0;
}

.notification-modal__actions[b-rjc4vx955z] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.notification-modal__action[b-rjc4vx955z] {
    background: none;
    border: none;
    color: #036665;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background 0.15s ease;
}

.notification-modal__action:hover[b-rjc4vx955z] {
    background: #eef0f2;
}

.notification-modal__action:disabled[b-rjc4vx955z] {
    color: #6e7f8f;
    cursor: not-allowed;
}

.notification-modal__close[b-rjc4vx955z] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: 1px solid #eef0f2;
    border-radius: 50%;
    cursor: pointer;
    color: #6e7f8f;
    transition: background 0.15s ease;
}

.notification-modal__close:hover[b-rjc4vx955z] {
    background: #eef0f2;
}

.notification-modal__body[b-rjc4vx955z] {
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    max-height: calc(80vh - 65px);
}

.notification-empty[b-rjc4vx955z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    color: #6e7f8f;
}

.notification-empty i[b-rjc4vx955z] {
    font-size: 48px;
    margin-bottom: 12px;
    opacity: 0.5;
}

.notification-empty__text[b-rjc4vx955z] {
    font-size: 0.875rem;
}

.notification-loading[b-rjc4vx955z] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
}

.notification-loading__spinner[b-rjc4vx955z] {
    width: 24px;
    height: 24px;
    border: 3px solid #eef0f2;
    border-top-color: #036665;
    border-radius: 50%;
    animation: spin-b-rjc4vx955z 0.8s linear infinite;
}

@keyframes spin-b-rjc4vx955z {
    to { transform: rotate(360deg); }
}

.notification-load-more[b-rjc4vx955z] {
    padding: 12px;
    text-align: center;
}

.notification-load-more button[b-rjc4vx955z] {
    background: #f8f9fa;
    border: 1px solid #eef0f2;
    color: #313f65;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: background 0.15s ease;
}

.notification-load-more button:hover[b-rjc4vx955z] {
    background: #eef0f2;
}
/* HabitusApp/Components/Notifications/PushPermissionPrompt.razor.rz.scp.css */
.push-prompt-overlay[b-n15o519sv3] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10002;
    padding: 16px;
}

.push-prompt[b-n15o519sv3] {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.push-prompt-icon[b-n15o519sv3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #eef0f2;
    margin-bottom: 16px;
}

.push-prompt-icon i[b-n15o519sv3] {
    font-size: 1.75rem;
    color: #036665;
}

.push-prompt h3[b-n15o519sv3] {
    font-weight: 600;
    font-size: 1.25rem;
    color: #313f65;
    margin: 0 0 8px;
}

.push-prompt p[b-n15o519sv3] {
    font-size: 0.875rem;
    color: #6e7f8f;
    margin: 0 0 12px;
}

.push-prompt ul[b-n15o519sv3] {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    text-align: left;
}

.push-prompt li[b-n15o519sv3] {
    font-size: 0.875rem;
    color: #313f65;
    padding: 6px 0;
    padding-left: 24px;
    position: relative;
}

.push-prompt li[b-n15o519sv3]::before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: #036665;
    font-weight: 700;
}

.push-prompt-actions[b-n15o519sv3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 36rem) {
    .push-prompt-actions[b-n15o519sv3] {
        flex-direction: row;
        justify-content: center;
    }
}

.push-prompt .btn-primary[b-n15o519sv3],
.push-prompt .btn-secondary[b-n15o519sv3] {
    cursor: pointer;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.2;
    border-radius: 0.8em;
    min-height: 2.666em;
    padding: 0.533em 1.2em;
    border: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.push-prompt .btn-primary[b-n15o519sv3] {
    background-color: #036665;
    color: #fff;
}

.push-prompt .btn-primary:hover[b-n15o519sv3] {
    background-color: #024d4c;
}

.push-prompt .btn-secondary[b-n15o519sv3] {
    background-color: transparent;
    color: #6e7f8f;
    border: 1px solid #d3d8dd;
}

.push-prompt .btn-secondary:hover[b-n15o519sv3] {
    background-color: #f8f9fa;
    border-color: #c7cdd4;
}

.push-blocked-banner[b-n15o519sv3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    background-color: #ffedf1;
    color: #e40035;
    font-size: 0.875rem;
    padding: 12px 16px;
    border-radius: 12px;
    position: fixed;
    bottom: 70px;
    left: 16px;
    right: 16px;
    z-index: 9999;
}

.push-blocked-banner span[b-n15o519sv3] {
    font-weight: 500;
}

.push-blocked-banner a[b-n15o519sv3] {
    color: #c9002f;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.push-blocked-banner a:hover[b-n15o519sv3] {
    opacity: 0.8;
}
/* HabitusApp/Components/Page/Homepage/UserLocationsManager.razor.rz.scp.css */

.hab-user-profile-locationtype[b-exzmrgmgb5] {
    font-size: max(13px, min(calc(13px + (15 - 13) * ((100vw - 320px) / (704))), 15px));
    --tw-font-weight: 700;
    font-weight: 700;
    color: #313f65;
}

.hab-user-profile-table[b-exzmrgmgb5] {
    margin-top: max(5px, min(calc(5px + (5 - 5) * ((100vw - 320px) / (1600))), 5px));
    background-color: #fff;
    border-radius: max(8px, min(calc(8px + (12 - 8) * ((100vw - 320px) / (448))), 12px));
    overflow: hidden;
}

    .hab-user-profile-table .hab-user-profile-table__wrapper[b-exzmrgmgb5] {
        overflow-x: auto;
    }

    .hab-user-profile-table .hab-user-profile-table__table[b-exzmrgmgb5] {
        width: 100%;
    }

        .hab-user-profile-table .hab-user-profile-table__table thead[b-exzmrgmgb5] {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-color: oklch(92.2% .019 190);
            background-color: #fff;
        }

            .hab-user-profile-table .hab-user-profile-table__table thead tr th[b-exzmrgmgb5] {
                padding-inline: calc(.25rem * 4);
                padding-block: calc(.25rem * 2);
                text-align: left;
                font-size: max(13px, min(calc(13px + (15 - 13) * ((100vw - 320px) / (704))), 15px));
                --tw-font-weight: 700;
                font-weight: 700;
            }

                .hab-user-profile-table .hab-user-profile-table__table thead tr th:first-child[b-exzmrgmgb5] {
                    padding-left: calc(.25rem * 6);
                }

                .hab-user-profile-table .hab-user-profile-table__table thead tr th:last-child[b-exzmrgmgb5] {
                    padding-right: calc(.25rem * 6);
                }

        .hab-user-profile-table .hab-user-profile-table__table tbody tr[b-exzmrgmgb5] {
            cursor: pointer;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-color: oklch(92.2% .019 190);
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
            transition-timing-function: (initial, cubic-bezier(.4, 0, .2, 1));
            transition-duration: (.2s, .15s);
            --tw-duration: .2s;
            transition-duration: .2s;
        }

@media (hover: hover) {
    .hab-user-profile-table .hab-user-profile-table__table tbody tr:hover[b-exzmrgmgb5] {
        background-color: oklch(97.9% .006 190);
    }
}

.hab-user-profile-table .hab-user-profile-table__table tbody tr:last-child[b-exzmrgmgb5] {
    border-bottom-style: solid;
    border-bottom-width: 0;
}

.hab-user-profile-table .hab-user-profile-table__table tbody tr td[b-exzmrgmgb5] {
    padding-inline: calc(.25rem * 4);
    padding-block: calc(.25rem * 1);
    font-size: max(12px, min(calc(12px + (14 - 12) * ((100vw - 320px) / (704))), 14px));
    color: #313f65;
}

    .hab-user-profile-table .hab-user-profile-table__table tbody tr td:first-child[b-exzmrgmgb5] {
        padding-left: calc(.25rem * 6);
    }

    .hab-user-profile-table .hab-user-profile-table__table tbody tr td:last-child[b-exzmrgmgb5] {
        padding-right: calc(.25rem * 6);
    }

    .hab-user-profile-table .hab-user-profile-table__table tbody tr td .hab-badge[b-exzmrgmgb5] {
        --tw-font-weight: 700 !important;
        font-weight: 700 !important;
    }

@media (max-width: 768px) {
    .hab-user-profile-table .hab-user-profile-table__table[b-exzmrgmgb5] {
        min-width: 600px;
    }

        .hab-user-profile-table .hab-user-profile-table__table thead tr th[b-exzmrgmgb5], .hab-user-profile-table .hab-user-profile-table__table tbody tr td[b-exzmrgmgb5] {
            padding-inline: calc(.25rem * 2);
            padding-block: calc(.25rem * 1);
            font-size: max(11px, min(calc(11px + (12 - 11) * ((100vw - 320px) / (704))), 12px));
        }

    :is(.hab-user-profile-table .hab-user-profile-table__table thead tr th, .hab-user-profile-table .hab-user-profile-table__table tbody tr td):first-child[b-exzmrgmgb5] {
        padding-left: calc(.25rem * 4);
    }

    :is(.hab-user-profile-table .hab-user-profile-table__table thead tr th, .hab-user-profile-table .hab-user-profile-table__table tbody tr td):last-child[b-exzmrgmgb5] {
        padding-right: calc(.25rem * 4);
    }

    .hab-user-profile-table .hab-user-profile-table__actions[b-exzmrgmgb5] {
        flex-direction: column;
    }
}
/* HabitusApp/Components/Page/V3/V3HabitusHealthLocationSelection.razor.rz.scp.css */
.loc-card[b-3whs8m9hil],
.loc-card *[b-3whs8m9hil],
.loc-card *[b-3whs8m9hil]::before,
.loc-card *[b-3whs8m9hil]::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.loc-card[b-3whs8m9hil] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    max-width: 360px;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

.loc-card__header[b-3whs8m9hil] {
    padding: 12px 14px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.loc-card__icon[b-3whs8m9hil] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.loc-card__icon--high[b-3whs8m9hil] {
    background-color: #ffedf1;
    color: #C9002F;
}

.loc-card__icon--medium[b-3whs8m9hil] {
    background-color: #f7eddf;
    color: #9a5500;
}

.loc-card__icon--low[b-3whs8m9hil] {
    background-color: #dcf1ea;
    color: #007866;
}

.loc-card__icon--pending[b-3whs8m9hil] {
    background-color: #f0f2f3;
    color: #6e7f8f;
}

.loc-card__info[b-3whs8m9hil] {
    flex-grow: 1;
    min-width: 0;
}

.loc-card__name[b-3whs8m9hil] {
    font-size: 16px;
    font-weight: 600;
    color: #3e3e51;
    line-height: 1.25;
    margin-bottom: 2px;
}

.loc-card__type[b-3whs8m9hil] {
    font-size: 13px;
    color: #6e7f8f;
    line-height: 1.25;
}

.loc-card__risk[b-3whs8m9hil] {
    padding: 4px 10px;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
    flex-shrink: 0;
}

.loc-card__risk--high[b-3whs8m9hil] {
    background-color: rgb(195, 68, 76,0.15);
    color: #c3444c;
}

.loc-card__risk--medium[b-3whs8m9hil] {
    background-color: rgb(81, 150, 133,0.15);
    color: #519685;
}

.loc-card__risk--low[b-3whs8m9hil] {
    background-color: rgb(243, 98, 98,0.15);
    color: #f36262;
}

.loc-card__risk--moderate[b-3whs8m9hil] {
    background-color: rgb(255, 128, 0,0.15);
    color: #FF8000;
}

.loc-card__risk--default[b-3whs8m9hil] {
    background-color: rgb(62, 62, 81,0.15);
    color: #3e3e51;
}

.loc-card__risk--pending[b-3whs8m9hil] {
    background-color: #f0f2f3;
    color: #6e7f8f;
}

.loc-card__footer[b-3whs8m9hil] {
    background-color: #f8fafa;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.loc-card__status[b-3whs8m9hil] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
}

    .loc-card__status i[b-3whs8m9hil] {
        font-size: 14px;
    }

.loc-card__status--assessed[b-3whs8m9hil] {
    color: #007866;
}

.loc-card__status--pending[b-3whs8m9hil] {
    color: #6e7f8f;
}

.loc-card__date[b-3whs8m9hil] {
    font-size: 12px;
    color: #6e7f8f;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .loc-card__date i[b-3whs8m9hil] {
        font-size: 12px;
    }

.loc-card:hover[b-3whs8m9hil] {
    border: 2.5px solid;
    border-color: rgba(0, 121, 121, 0.6);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 121, 121, 0.2);
}


/* DEMO STYLES */
body[b-3whs8m9hil] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #eef1f3;
    padding: 16px;
    margin: 0;
}

.demo-section[b-3whs8m9hil] {
    max-width: 360px;
    margin-bottom: 24px;
    margin-left: 10px;
    margin-top: 10px;
}

.demo-section-header[b-3whs8m9hil] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d3d8dd;
}

    .demo-section-header i[b-3whs8m9hil] {
        font-size: 16px;
        color: #6e7f8f;
    }

    .demo-section-header span[b-3whs8m9hil] {
        font-size: 14px;
        font-weight: 600;
        color: #3e3e51;
    }

    .demo-section-header .count[b-3whs8m9hil] {
        margin-left: auto;
        font-size: 12px;
        font-weight: 500;
        color: #6e7f8f;
    }

.demo-stack[b-3whs8m9hil] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.hab-background-frosted[b-3whs8m9hil] {
    background-color: oklch(91% .021 187);
    padding: 8px !important;
    border-radius: 20px !important;
}
/* HabitusApp/Components/UI/Chat/Chat.razor.rz.scp.css */
.chat-header[b-r79817rsds] {
    background-color: #24695c;
    color: white;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.chat-header h1[b-r79817rsds] {
    font-size: 1.2rem;
    font-weight: 600;
}

.chat-status[b-r79817rsds] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.status-indicator[b-r79817rsds] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #519685;
}

.chat-container[b-r79817rsds] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.messages-area[b-r79817rsds] {
    flex: 1;
    padding: 1rem 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.message[b-r79817rsds] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 70%;
}

.message.sent[b-r79817rsds],
.message.sent .message-time[b-r79817rsds],
.message.sent .attachment-time[b-r79817rsds] {
    align-self: flex-end;
}

.message.received[b-r79817rsds],
.message.received .attachment-time[b-r79817rsds] {
    align-self: flex-start;
}

.message.received .message-bubble[b-r79817rsds] {
    margin-left: 0.25rem;
}

.message-header[b-r79817rsds] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.message.sent .message-header[b-r79817rsds] {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.username[b-r79817rsds] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #64748b;
}

.avatar[b-r79817rsds] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

.avatar.user[b-r79817rsds] {
    background-color: #24695c;
}

.avatar.support[b-r79817rsds] {
    background-color: #519685;
}

.message-bubble[b-r79817rsds] {
    display: flex;
    gap: 0.75rem;
}

.message.sent .message-bubble[b-r79817rsds] {
    flex-direction: row-reverse;
}

.message-content[b-r79817rsds] {
    background-color: white;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    position: relative;
}

.message.sent .message-content[b-r79817rsds] {
    background-color: #24695c;
    color: white;
}

.message-text[b-r79817rsds] {
    line-height: 1.4;
    font-size: 0.95rem;
}

.message-time[b-r79817rsds] {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    opacity: 0.7;
    margin-top: 0.25rem;
}

.read-status[b-r79817rsds] {
    margin-left: 0.5rem;
}

.message-time .read-status[b-r79817rsds] {
    color: #fff;
}

.attachment-time .read-status[b-r79817rsds] {
    color: #24695c;
}

.input-area[b-r79817rsds] {
    padding: 1rem 0 0 0;
    background-color: white;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.predefined-buttons[b-r79817rsds] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.predefined-button[b-r79817rsds] {
    background-color: #f1f5f9;
    color: #24695c;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 0.25rem 1rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.predefined-button:hover[b-r79817rsds] {
    background-color: #e2e8f0;
    border-color: #24695c;
}

.predefined-button:hover:not(:disabled)[b-r79817rsds] {
    background-color: #e2e8f0;
    border-color: #24695c;
}

.predefined-button:disabled[b-r79817rsds] {
    background-color: #f8fafc;
    color: #9ca3af;
    border-color: #f1f5f9;
    cursor: not-allowed;
    opacity: 0.6;
}

.typing-indicator[b-r79817rsds] {
    display: flex;
    gap: 0.75rem;
    max-width: 70%;
    align-self: flex-start;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.typing-indicator.active[b-r79817rsds] {
    opacity: 1;
}

.typing-content[b-r79817rsds] {
    background-color: white;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.typing-dots[b-r79817rsds] {
    display: flex;
    gap: 0.25rem;
}

.typing-dot[b-r79817rsds] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #9ca3af;
    animation: typing-b-r79817rsds 1.5s infinite ease-in-out;
}

.typing-dot:nth-child(2)[b-r79817rsds] {
    animation-delay: 0.2s;
}

.typing-dot:nth-child(3)[b-r79817rsds] {
    animation-delay: 0.4s;
}

@keyframes typing-b-r79817rsds {
    0%, 60%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }
    30% {
        transform: scale(1.2);
        opacity: 1;
    }
}

.attachment-preview[b-r79817rsds] {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1rem;
    margin: 0;
    font-size: 0.85rem;
    color: #64748b;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    /*max-width: 70%;*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.attachment-preview:hover[b-r79817rsds] {
    background-color: #e2e8f0;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.attachment-preview.downloading[b-r79817rsds] {
    background-color: #f0f9ff;
    border-color: #24695c;
    cursor: wait;
}

.attachment-info[b-r79817rsds] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
}

.attachment-time[b-r79817rsds] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.attachment-spinner[b-r79817rsds] {
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(36, 105, 92, 0.3);
    border-top: 2px solid #24695c;
    border-radius: 50%;
    animation: attachment-spin-b-r79817rsds 1s linear infinite;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.attachment-preview.downloading .attachment-spinner[b-r79817rsds] {
    opacity: 1;
}

.attachment-preview.downloading .attachment-info[b-r79817rsds] {
    padding-right: 24px;
}

@keyframes attachment-spin-b-r79817rsds {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Scrollbar styling */
.messages-area[b-r79817rsds]::-webkit-scrollbar {
    width: 6px;
}

.messages-area[b-r79817rsds]::-webkit-scrollbar-track {
    background: transparent;
}

.messages-area[b-r79817rsds]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.messages-area[b-r79817rsds]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .message[b-r79817rsds] {
        max-width: 80%;
    }

    .chat-header[b-r79817rsds] {
        padding: 0.75rem 1rem;
    }

    .input-area[b-r79817rsds] {
        padding: 0.75rem 0 0 0;
    }
}
/* HabitusApp/Components/UI/Chat/ChatInputArea.razor.rz.scp.css */
.input-row[b-uezsiyy42s] {
    display: flex;
    gap: 0.75rem;
    align-items: end;
}

.attachment-button[b-uezsiyy42s] {
    background-color: #f1f5f9;
    color: #24695c;
    border: 2px solid #e2e8f0;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.attachment-button:hover:not(:disabled)[b-uezsiyy42s] {
    background-color: #e2e8f0;
    border-color: #24695c;
}

.attachment-button:disabled[b-uezsiyy42s] {
    background-color: #f8fafc;
    color: #9ca3af;
    border-color: #f1f5f9;
    cursor: not-allowed;
    opacity: 0.6;
}

.file-input[b-uezsiyy42s] {
    display: none;
}

.input-wrapper[b-uezsiyy42s] {
    flex: 1;
    position: relative;
}

.send-button[b-uezsiyy42s] {
    background-color: #24695c;
    color: white;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
    flex-shrink: 0;
    position: relative;
}

.send-button:hover[b-uezsiyy42s] {
    background-color: #1d5449;
}

.send-button:disabled[b-uezsiyy42s] {
    background-color: #9ca3af;
    cursor: not-allowed;
}

.send-button.sending[b-uezsiyy42s],
.attachment-button.sending[b-uezsiyy42s] {
    background-color: #1d5449;
    cursor: not-allowed;
}

.send-icon[b-uezsiyy42s] {
    transition: opacity 0.2s ease;
}

.spinner[b-uezsiyy42s] {
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-uezsiyy42s 1s linear infinite;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.send-button.sending .send-icon[b-uezsiyy42s],
.attachment-button.sending .send-icon[b-uezsiyy42s] {
    opacity: 0;
}

.send-button.sending .spinner[b-uezsiyy42s],
.attachment-button.sending .spinner[b-uezsiyy42s] {
    opacity: 1;
}

.send-button.success[b-uezsiyy42s],
.attachment-button.success[b-uezsiyy42s] {
    background-color: #24695c;
}

.success-check[b-uezsiyy42s] {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: opacity 0.2s ease;
    stroke-dasharray: 20;
    stroke-dashoffset: 20;
    stroke: white !important;
}

.success-check polyline[b-uezsiyy42s] {
    stroke: white !important;
}

.send-button.success .success-check[b-uezsiyy42s] {
    opacity: 1;
    animation: checkmark-b-uezsiyy42s 0.5s ease forwards;
}

@keyframes spin-b-uezsiyy42s {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes checkmark-b-uezsiyy42s {
    0% {
        stroke-dashoffset: 20;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
/* HabitusApp/Components/UI/HabitusMultiselect.razor.rz.scp.css */
.multi-select-container[b-hpzwtzriec] {
    position: relative;
    width: 100%;
    margin: 0;
}

/* Hidden checkbox that controls dropdown visibility */
.dropdown-toggle[b-hpzwtzriec] {
    display: none;
}

/* Main dropdown button */
.dropdown-button[b-hpzwtzriec] {
    width: 100%;
    padding: 12px 16px;
    background: white;
    border: 2px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease;
    user-select: none;
    margin: 0;
}

.dropdown-button:hover[b-hpzwtzriec] {
    border-color: var(--bs-primary);
    box-shadow: 0 2px 8px rgba(0, 122, 204, 0.15);
}

/* Arrow indicator */
.dropdown-arrow[b-hpzwtzriec] {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    transition: transform 0.2s ease;
}

/* Dropdown content */
.dropdown-content[b-hpzwtzriec] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    /*border: 2px solid #ddd;*/
    border-top: none;
    border-radius: 0 0 6px 6px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Show dropdown when toggle is checked */
.dropdown-toggle:checked + .dropdown-button .dropdown-arrow[b-hpzwtzriec] {
    transform: rotate(180deg);
}

.dropdown-toggle:checked + .dropdown-button + .dropdown-content[b-hpzwtzriec] {
    max-height: 300px;
    border-color: var(--bs-primary);
}

.dropdown-toggle:checked + .dropdown-button[b-hpzwtzriec] {
    border-color: var(--bs-primary);
    border-radius: 6px 6px 0 0;
}

/* Option items */
.dropdown-option[b-hpzwtzriec] {
    display: block;
    padding: 0;
    margin: 0;
}

.dropdown-option input[type="checkbox"][b-hpzwtzriec] {
    display: none;
}

.dropdown-option label[b-hpzwtzriec] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-bottom: 1px solid #f0f0f0;
}

.dropdown-option:last-child label[b-hpzwtzriec] {
    border-bottom: none;
}

.dropdown-option label:hover[b-hpzwtzriec] {
    background-color: #f8f9fa;
}

/* Custom checkbox styling */
.custom-checkbox[b-hpzwtzriec] {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 3px;
    margin-right: 12px;
    position: relative;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.dropdown-option input[type="checkbox"]:checked + label .custom-checkbox[b-hpzwtzriec] {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.dropdown-option input[type="checkbox"]:checked + label .custom-checkbox[b-hpzwtzriec]::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.dropdown-option input[type="checkbox"]:checked + label[b-hpzwtzriec] {
    background-color: #f0f8ff;
}

/* Selected items display */
.selected-items[b-hpzwtzriec] {
    font-size: 14px;
    color: #333;
}

.selected-count[b-hpzwtzriec] {
    color: var(--bs-primary);
    font-weight: 500;
}

.placeholder[b-hpzwtzriec] {
    color: #495057;
    background-color: transparent !important;
    opacity: 1;
    font-size: 0.875rem;
    font-weight: 400;
}

/* Demo section */
.demo-section[b-hpzwtzriec] {
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.demo-title[b-hpzwtzriec] {
    margin: 0 0 20px 0;
    color: #333;
    font-size: 24px;
}

.demo-description[b-hpzwtzriec] {
    color: #666;
    margin-bottom: 25px;
    line-height: 1.5;
}

/* Multiple instances demo */
.demo-grid[b-hpzwtzriec] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
}

@media (max-width: 640px) {
    .demo-grid[b-hpzwtzriec] {
        grid-template-columns: 1fr;
    }
}
/* HabitusApp/Components/UI/HabitusMultiSelectCards.razor.rz.scp.css */
.multi-select-cards-container[b-k4ohbphyqd] {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.multi-select-cards-containe label[b-k4ohbphyqd] {
    margin: 0;
}

.cards-container[b-k4ohbphyqd] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: start;
    align-items: center;
}

.custom-checkbox[b-k4ohbphyqd] {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 3px;
    margin-right: 12px;
    position: relative;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

/* Option items */
.card-option[b-k4ohbphyqd] {
    display: block;
    padding: 0;
    margin: 0;
}

.card-option input[type="checkbox"][b-k4ohbphyqd] {
    display: none;
}

.card-option label[b-k4ohbphyqd] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.card-option label:hover[b-k4ohbphyqd] {
    background-color: #f8f9fa;
}

.card-option input[type="checkbox"]:checked + label .custom-checkbox[b-k4ohbphyqd] {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.card-option input[type="checkbox"]:checked + label .custom-checkbox[b-k4ohbphyqd]::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.card-option input[type="checkbox"]:checked + label[b-k4ohbphyqd] {
    background-color: #f0f8ff;
    border-color: var(--bs-primary);
}
/* HabitusApp/Pages/Campaign/PdfDocumentCampaign.razor.rz.scp.css */
.exercise-list-container[b-t8tlcilg40] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.exercise-list-card[b-t8tlcilg40] {
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    border: 1px solid #F0F0F0;
    border-radius: 12px;
    padding: 12px;
    cursor: pointer;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

    .exercise-list-card:hover[b-t8tlcilg40] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    }

.exercise-thumbnail[b-t8tlcilg40] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.exercise-info[b-t8tlcilg40] {
    flex: 1;
    margin-left: 12px;
    min-width: 0;
}

.exercise-description[b-t8tlcilg40] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.85rem;
}

.view-more-link[b-t8tlcilg40] {
    display: flex;
    align-items: center;
}

    .view-more-link img[b-t8tlcilg40] {
        margin-left: 4px;
    }
/* HabitusApp/Pages/Campaign/VideoLibraryCampaign.razor.rz.scp.css */
.video-list-container[b-sophq9bok9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.video-list-card[b-sophq9bok9] {
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    border: 1px solid #F0F0F0;
    border-radius: 12px;
    padding: 12px;
    cursor: pointer;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

    .video-list-card:hover[b-sophq9bok9] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    }

.video-thumbnail[b-sophq9bok9] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
}

.video-info[b-sophq9bok9] {
    flex: 1;
    margin-left: 12px;
    min-width: 0;
}

.video-description[b-sophq9bok9] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.85rem;
}

.view-more-link[b-sophq9bok9] {
    display: flex;
    align-items: center;
}

    .view-more-link img[b-sophq9bok9] {
        margin-left: 4px;
    }



/* VIDEO PLAYER MODAL */
.hab-video-player[b-sophq9bok9] {
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

.hab-video-player__video[b-sophq9bok9] {
    width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

.hab-video-player__loading[b-sophq9bok9],
.hab-video-player__error[b-sophq9bok9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 6);
    color: var(--color-white);
}

    .hab-video-player__error i[b-sophq9bok9] {
        font-size: 48px;
        color: #dc2626;
    }
/* HabitusApp/Pages/Help.razor.rz.scp.css */

/* WELCOME CARD */
.hab-welcome-card[b-twhoy1xc9w] {
    background: #fff;
    padding: 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

    .hab-welcome-card:hover[b-twhoy1xc9w] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

    .hab-welcome-card h3[b-twhoy1xc9w] {
        font-size: max(14px, min(calc(14px + (16 - 14) * ((100vw - 320px) / (704))), 16px));
        font-weight: 600;
        color: #3e3e51;
        margin-bottom: 0.5rem;
    }

    .hab-welcome-card p[b-twhoy1xc9w] {
        font-size: max(12px, min(calc(12px + (14 - 12) * ((100vw - 320px) / (704))), 14px));
        color: #6e7f8f;
        line-height: 1.5;
    }

/* BEFORE START SECTION */
.hab-before-start[b-twhoy1xc9w] {
    margin-bottom: 2.5rem;
}

.hab-before-start__frosted[b-twhoy1xc9w] {
    background-color: #f1f3f5;
    border-radius: 20px;
    padding: max(10px, min(calc(10px + (16 - 10) * ((100vw - 320px) / (1600))), 16px));
}

.hab-requirements-grid[b-twhoy1xc9w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.25rem;
}

.hab-requirement-card[b-twhoy1xc9w] {
    background: #fff;
    padding: 1.5rem;
    border-radius: 0.75rem;
    text-align: center;
    transition: all 0.3s ease;
}

    .hab-requirement-card:hover[b-twhoy1xc9w] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

.hab-requirement-card__icon[b-twhoy1xc9w] {
    font-size: 32px;
    color: #036665;
    margin-bottom: 0.75rem;
}

.hab-requirement-card h3[b-twhoy1xc9w] {
    font-size: max(14px, min(calc(14px + (16 - 14) * ((100vw - 320px) / (704))), 16px));
    font-weight: 600;
    color: #3e3e51;
    margin-bottom: 0.5rem;
}

.hab-requirement-card p[b-twhoy1xc9w] {
    font-size: max(12px, min(calc(12px + (14 - 12) * ((100vw - 320px) / (704))), 14px));
    color: #6e7f8f;
    line-height: 1.5;
}

/* SECTION GRID */
.hab-sections-grid-wrapper[b-twhoy1xc9w] {
    background-color: #f1f3f5;
    border-radius: 20px;
    padding: max(10px, min(calc(10px + (16 - 10) * ((100vw - 320px) / (1600))), 16px));
    margin-bottom: 2.5rem;
}

.hab-sections-grid[b-twhoy1xc9w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: max(10px, min(calc(10px + (20 - 10) * ((100vw - 320px) / (1600))), 20px));
}

.hab-help-card[b-twhoy1xc9w] {
    background: #fff;
    border-radius: max(6px, min(calc(6px + (12 - 6) * ((100vw - 320px) / (448))), 12px));
    padding: max(12px, min(calc(12px + (24 - 12) * ((100vw - 320px) / (1600))), 24px));
    transition: all 0.3s ease;
}

    .hab-help-card:hover[b-twhoy1xc9w] {
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        transform: translateY(-2px);
    }

.hab-help-card__header[b-twhoy1xc9w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.hab-help-card__icon[b-twhoy1xc9w] {
    width: 40px;
    height: 40px;
    background-color: #079d9c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}

.hab-help-card h3[b-twhoy1xc9w] {
    font-size: max(15.5px, min(calc(15.5px + (18 - 15.5) * ((100vw - 320px) / (704))), 18px));
    font-weight: 500;
    color: #3e3e51;
}

.hab-help-card__description[b-twhoy1xc9w] {
    font-size: max(12px, min(calc(12px + (14 - 12) * ((100vw - 320px) / (704))), 14px));
    color: #6e7f8f;
    margin-bottom: 1.25rem;
    line-height: 1.5;
}

.hab-help-links[b-twhoy1xc9w] {
    list-style: none;
}

    .hab-help-links li[b-twhoy1xc9w] {
        margin-bottom: 0.5rem;
    }

    .hab-help-links a[b-twhoy1xc9w] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #036665;
        text-decoration: none;
        font-size: max(12px, min(calc(12px + (14 - 12) * ((100vw - 320px) / (704))), 14px));
        padding: 0.5rem;
        border-radius: 0.25rem;
        transition: all 0.2s ease;
    }

        .hab-help-links a:hover[b-twhoy1xc9w] {
            background-color: #f1f3f5;
            color: #036665;
            padding-left: 0.75rem;
        }

        .hab-help-links a[b-twhoy1xc9w]:before {
            content: "\2192";
            color: #079d9c;
            font-weight: 700;
        }

/* QUICK START GUIDE */
.hab-getting-started[b-twhoy1xc9w] {
    background: #f1f3f5;
    padding: max(10px, min(calc(10px + (16 - 10) * ((100vw - 320px) / (1600))), 16px));
    border-radius: max(10px, min(calc(10px + (20 - 10) * ((100vw - 320px) / (448))), 20px));
    margin-bottom: 2.5rem;
}

.hab-getting-started__inner[b-twhoy1xc9w] {
    background: #fff;
    border-radius: max(6px, min(calc(6px + (12 - 6) * ((100vw - 320px) / (448))), 12px));
    padding: max(12px, min(calc(12px + (20 - 12) * ((100vw - 320px) / (1600))), 20px));
}

.hab-getting-started h2[b-twhoy1xc9w] {
    font-size: max(18px, min(calc(18px + (22 - 18) * ((100vw - 320px) / (704))), 22px));
    font-weight: 500;
    color: #3e3e51;
    text-align: center;
    margin-bottom: 2rem;
}

.hab-steps[b-twhoy1xc9w] {
    list-style: none;
    counter-reset: step-counter;
}

    .hab-steps li[b-twhoy1xc9w] {
        margin-bottom: 1rem;
        padding: 1.25rem;
        background-color: #f8f9fa;
        border-radius: 0.5rem;
        border-left: 4px solid #079d9c;
        position: relative;
        padding-left: 3rem;
        counter-increment: step-counter;
        transition: all 0.3s ease;
    }

        .hab-steps li:hover[b-twhoy1xc9w] {
            background-color: #f1f3f5;
            border-left-color: #036665;
        }

        .hab-steps li[b-twhoy1xc9w]:before {
            content: counter(step-counter);
            position: absolute;
            left: 0.75rem;
            top: 50%;
            transform: translateY(-50%);
            width: 32px;
            height: 32px;
            background-color: #036665;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 14px;
        }

        .hab-steps li span[b-twhoy1xc9w] {
            color: #3e3e51;
            font-size: max(13px, min(calc(13px + (15 - 13) * ((100vw - 320px) / (704))), 15px));
            line-height: 1.5;
        }

/* FAQ SECTION */
.hab-faq-section[b-twhoy1xc9w] {
    background: #f1f3f5;
    padding: max(10px, min(calc(10px + (16 - 10) * ((100vw - 320px) / (1600))), 16px));
    border-radius: max(10px, min(calc(10px + (20 - 10) * ((100vw - 320px) / (448))), 20px));
    margin-bottom: 2.5rem;
}

.hab-faq-section__inner[b-twhoy1xc9w] {
    background: #fff;
    border-radius: max(6px, min(calc(6px + (12 - 6) * ((100vw - 320px) / (448))), 12px));
    padding: max(12px, min(calc(12px + (20 - 12) * ((100vw - 320px) / (1600))), 20px));
}

.hab-faq-section h2[b-twhoy1xc9w] {
    font-size: max(18px, min(calc(18px + (22 - 18) * ((100vw - 320px) / (704))), 22px));
    font-weight: 500;
    color: #3e3e51;
    text-align: center;
    margin-bottom: 2rem;
}

/* FAQ CATEGORY HEADERS */
.hab-faq-category-header[b-twhoy1xc9w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 0;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #f1f3f5;
}

    .hab-faq-category-header:first-of-type[b-twhoy1xc9w] {
        margin-top: 0;
    }

    .hab-faq-category-header i[b-twhoy1xc9w] {
        font-size: 24px;
        color: #036665;
    }

    .hab-faq-category-header span[b-twhoy1xc9w] {
        font-size: max(16px, min(calc(16px + (20 - 16) * ((100vw - 320px) / (704))), 20px));
        font-weight: 600;
        color: #3e3e51;
    }

/* VIDEO GRID */
.hab-video-grid[b-twhoy1xc9w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.hab-video-card[b-twhoy1xc9w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: #f8f9fa;
    border-radius: 0.75rem;
    border: 1px solid #e9ecef;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .hab-video-card:hover[b-twhoy1xc9w] {
        box-shadow: 0 4px 16px rgba(0, 102, 101, 0.12);
        border-color: #079d9c;
    }

    .hab-video-card:hover .hab-video-card__play[b-twhoy1xc9w] {
        transform: scale(1.1);
    }

.hab-video-card__play[b-twhoy1xc9w] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #036665 0%, #079d9c 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.hab-video-card__info h4[b-twhoy1xc9w] {
    font-size: max(14px, min(calc(14px + (16 - 14) * ((100vw - 320px) / (704))), 16px));
    font-weight: 600;
    color: #3e3e51;
    margin-bottom: 0.25rem;
}

.hab-video-card__info p[b-twhoy1xc9w] {
    font-size: max(12px, min(calc(12px + (13 - 12) * ((100vw - 320px) / (704))), 13px));
    color: #6e7f8f;
    line-height: 1.4;
}

/* FAQ ITEMS - EXPANDABLE */
.hab-faq-item[b-twhoy1xc9w] {
    margin-bottom: 0.75rem;
    background: #f8f9fa;
    border-radius: 0.75rem;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
    overflow: hidden;
}

    .hab-faq-item:hover[b-twhoy1xc9w] {
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

.hab-faq-item__header[b-twhoy1xc9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    gap: 1rem;
}

    .hab-faq-item__header h3[b-twhoy1xc9w] {
        font-size: max(13px, min(calc(13px + (15 - 13) * ((100vw - 320px) / (704))), 15px));
        font-weight: 600;
        color: #036665;
        margin: 0;
        line-height: 1.4;
        padding-left: 1rem;
        position: relative;
    }

        .hab-faq-item__header h3[b-twhoy1xc9w]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #036665;
        }

.hab-faq-item__chevron[b-twhoy1xc9w] {
    font-size: 14px;
    color: #036665;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.hab-faq-item.open .hab-faq-item__chevron[b-twhoy1xc9w] {
    transform: rotate(180deg);
}

.hab-faq-item__body[b-twhoy1xc9w] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 1.5rem;
}

.hab-faq-item.open .hab-faq-item__body[b-twhoy1xc9w] {
    max-height: 1000px;
    padding: 0 1.5rem 1.25rem;
}

    .hab-faq-item p[b-twhoy1xc9w] {
        font-size: max(13px, min(calc(13px + (15 - 13) * ((100vw - 320px) / (704))), 15px));
        color: #6e7f8f;
        line-height: 1.6;
        margin-bottom: 0.75rem;
    }

        .hab-faq-item p:last-child[b-twhoy1xc9w] {
            margin-bottom: 0;
        }

    .hab-faq-item strong[b-twhoy1xc9w] {
        color: #3e3e51;
        font-weight: 600;
    }

    .hab-faq-item a[b-twhoy1xc9w] {
        color: #036665;
        text-decoration: underline;
        transition: color 0.3s ease;
    }

        .hab-faq-item a:hover[b-twhoy1xc9w] {
            color: #036665;
        }

/* FAQ ORDERED STEPS */
.hab-faq-steps[b-twhoy1xc9w] {
    list-style: none;
    counter-reset: faq-step-counter;
    margin: 0;
    padding: 0;
}

    .hab-faq-steps li[b-twhoy1xc9w] {
        counter-increment: faq-step-counter;
        position: relative;
        padding-left: 2.25rem;
        margin-bottom: 0.625rem;
        font-size: max(13px, min(calc(13px + (15 - 13) * ((100vw - 320px) / (704))), 15px));
        color: #6e7f8f;
        line-height: 1.6;
    }

        .hab-faq-steps li[b-twhoy1xc9w]::before {
            content: counter(faq-step-counter);
            position: absolute;
            left: 0;
            top: 2px;
            width: 24px;
            height: 24px;
            background-color: #036665;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 12px;
        }

        .hab-faq-steps li:last-child[b-twhoy1xc9w] {
            margin-bottom: 0;
        }

/* CONTACT SECTION */
.hab-contact-section[b-twhoy1xc9w] {
    text-align: center;
    padding: 2rem;
    background: #fff;
    border-radius: 0.75rem;
    border: 1px solid #e9ecef;
    margin-bottom: 2.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

    .hab-contact-section h2[b-twhoy1xc9w] {
        font-size: max(18px, min(calc(18px + (22 - 18) * ((100vw - 320px) / (704))), 22px));
        font-weight: 600;
        color: #3e3e51;
        margin-bottom: 0.75rem;
    }

    .hab-contact-section p[b-twhoy1xc9w] {
        font-size: max(13px, min(calc(13px + (15 - 13) * ((100vw - 320px) / (704))), 15px));
        color: #6e7f8f;
        margin-bottom: 1rem;
        line-height: 1.5;
    }

/* BUTTON STYLES */
.hab-btn[b-twhoy1xc9w] {
    cursor: pointer;
    font-family: inherit;
    font-size: max(13px, min(calc(13px + (15 - 13) * ((100vw - 320px) / (448))), 15px));
    font-weight: 600;
    border: none;
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.hab-btn--primary[b-twhoy1xc9w] {
    background-color: #036665;
    color: #fff;
}

    .hab-btn--primary:hover[b-twhoy1xc9w] {
        background-color: #048584;
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 102, 101, 0.3);
    }

.hab-btn--white[b-twhoy1xc9w] {
    background-color: #fff;
    color: #036665;
}

    .hab-btn--white:hover[b-twhoy1xc9w] {
        background-color: #f8f9fa;
        transform: translateY(-2px);
    }

/* BACK TO TOP BUTTON */
.hab-back-to-top[b-twhoy1xc9w] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #036665 0%, #079d9c 100%);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 12px rgba(0, 102, 101, 0.3);
    transition: all 0.3s ease;
    z-index: 100;
}

    .hab-back-to-top:hover[b-twhoy1xc9w] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(0, 102, 101, 0.4);
    }

/* RESPONSIVE */
@media (max-width: 768px) {
    .hab-header__content[b-twhoy1xc9w] {
        flex-direction: column;
        gap: 1.25rem;
    }

    .hab-sections-grid[b-twhoy1xc9w] {
        grid-template-columns: 1fr;
    }

    .hab-requirements-grid[b-twhoy1xc9w] {
        grid-template-columns: 1fr;
    }

    .hab-video-grid[b-twhoy1xc9w] {
        grid-template-columns: 1fr;
    }

    .hab-before-start__frosted[b-twhoy1xc9w],
    .hab-sections-grid-wrapper[b-twhoy1xc9w],
    .hab-getting-started[b-twhoy1xc9w],
    .hab-faq-section[b-twhoy1xc9w] {
        padding: 8px;
    }

    .hab-back-to-top[b-twhoy1xc9w] {
        bottom: 1.25rem;
        right: 1.25rem;
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}

/* SMOOTH SCROLLING */
html[b-twhoy1xc9w] {
    scroll-behavior: smooth;
}