@import '_content/LiveChartsCore.SkiaSharpView.Blazor/LiveChartsCore.SkiaSharpView.Blazor.bundle.scp.css';
@import '_content/SigniFlow.Library.Blazor/SigniFlow.Library.Blazor.bundle.scp.css';

/* /Auth/AccessDeniedPage.razor.rz.scp.css */
.mainContainer[b-z7tpw5aoj2]  svg {
    width: 100%;
    height: fit-content;
    fill: var(--colour-action-inactive-light);
}
/* /Components/BladeComponents/Blade.razor.rz.scp.css */
.mainContainer[b-qg2nfu7kdl] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: var(--gutter-size);
}

.title__container[b-qg2nfu7kdl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.titleText__title[b-qg2nfu7kdl] {
    font-size: var(--font-size-heading-3);
    font-weight: bold;
}

.titleText__description[b-qg2nfu7kdl] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-text-description);
}

.actions__container[b-qg2nfu7kdl] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    margin-top: auto;
}

.actions__buttons[b-qg2nfu7kdl] {
    display: flex;
    justify-content: end;
    gap: var(--gutter-size);
}
/* /Components/BladeComponents/BladeContainer.razor.rz.scp.css */
.mainContainer[b-35e96gytpc] {
    /*    height: calc(100vh - 10px);*/
    height: 100vh;
    width: 480px;
    /*    border-radius: var(--border-radius-large);*/
    border-radius: 10px 0px 0px 10px;
    top: 0px; /*changed this*/
    position: fixed;
    z-index: var(--z-index-blades);
    background: var(--colour-system-background-light);
    /*    box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.3);*/
    box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.3);
    animation: 0.2s slide-blade-in-b-35e96gytpc linear forwards;
    /*    right: -100%;*/
    right: 0px;
    transition: 0.2s;
    overflow-y: auto;
    padding: var(--gutter-size-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.close__icon[b-35e96gytpc] {
    align-self: start;
    padding: var(--gutter-size-small);
    transition: 0.2s;
    display: flex;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

    .close__icon:hover[b-35e96gytpc] {
        background: var(--colour-system-background-dark);
    }

.content__container[b-35e96gytpc]{
    height: 100%;
}

@keyframes slide-blade-in-b-35e96gytpc {
    0% {
        right: -100%;
    }

    100% {
        right: 5px;
    }
}
/* /Components/Dialog/DialogHeading.razor.rz.scp.css */
.heading__container[b-a6gp0qhwcr] {
    display: flex;
    justify-content: center;
    gap: var(--gutter-size-medium);
}

    .heading__container > div:first-child[b-a6gp0qhwcr] {
        margin-left: auto;
    }

.heading__text[b-a6gp0qhwcr] {
    font-size: var(--font-size-heading-3);
    color: var(--colour-action-secondary);
    font-weight: bold;
}

.heading__icon[b-a6gp0qhwcr] {
    display: flex;
    align-items: center;
}


.closeIcon__container[b-a6gp0qhwcr] {
    margin-left: auto;
    cursor: pointer;
    opacity: 0;
}

.closable .closeIcon__container[b-a6gp0qhwcr]{
    opacity: 1;
}

.closeIcon__container:hover[b-a6gp0qhwcr]  svg {
    color: black;
    transition: 0.2s;
}
/* /Components/Graphics/ItemNotFoundGraphic.razor.rz.scp.css */
.mainContainer[b-kapbhim2kt]{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mainContainer[b-kapbhim2kt]  svg {
    height: 200px;
    width: 200px;
}

.graphic[b-kapbhim2kt] {
    opacity: 0.3;
}

.text__container[b-kapbhim2kt] {
    font-size: var(--font-size-heading-1)
}
/* /Components/Loaders/HeroLoader.razor.rz.scp.css */
.mainContainer[b-c257zs9wu9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--gutter-size);
    align-items: center;
    position: fixed;
    z-index: var(--z-index-hero);
    height: 100%;
    width: 100%;
    background: var(--colour-system-background);
    animation: var(--fade-in-animation);
}

.text__container[b-c257zs9wu9] {
    color: var(--colour-system-foreground);
    font-size: var(--font-size-heading-1);
}
/* /Components/MobileNumberInput/MobileNumberInput.razor.rz.scp.css */
.mainContainer[b-xwkx06qo7i] {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

    .mainContainer[b-xwkx06qo7i]  .iti {
        width: 100%;
        height: 100%;
    }

    .mainContainer[b-xwkx06qo7i]  input:not(.iti__search-input) {
        width: 100%;
        height: 100%;
        border: 1px solid var(--mud-palette-lines-inputs);
        border-radius: var(--border-radius-medium);
        font-size: 1rem;
        transition: 0.2s;
        background: transparent;
        padding: 18.5px 0px;
    }

    .mainContainer.dense[b-xwkx06qo7i]  input:not(.iti__search-input) {
        padding: 9.5px 0px;
    }

    .mainContainer.hasError[b-xwkx06qo7i]  input:not(.iti__search-input) {
        border-color: var(--mud-palette-error);
    }

    .mainContainer[b-xwkx06qo7i]  input:hover:not(.iti__search-input) {
        border-color: var(--mud-palette-action-default);
    }

    .mainContainer[b-xwkx06qo7i]  input:focus:not(.iti__search-input), .mainContainer[b-xwkx06qo7i]  input:active:not(.iti__search-input) {
        border-color: var(--colour-action-primary);
        border-width: 2px;
        outline: none;
    }

    .mainContainer.hasError[b-xwkx06qo7i]  input:focus:not(.iti__search-input), .mainContainer.hasError[b-xwkx06qo7i]  input:active:not(.iti__search-input) {
        border-color: var(--mud-palette-error);
    }

    .mainContainer label[b-xwkx06qo7i] {
        transform: translate(3px, -11px) scale(0.75);
        background: var(--mud-palette-surface);
        transition: 0.2s;
        pointer-events: none;
        padding: 0px 5px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

    .mainContainer.hasError[b-xwkx06qo7i]  label {
        color: var(--mud-palette-error);
    }

    .mainContainer.hasError .error__text[b-xwkx06qo7i] {
        color: var(--mud-palette-error);
        font-size: 0.75rem;
        font-weight: 400;
    }
/* /Components/TimePicker/TimePicker.razor.rz.scp.css */
.mainContainer[b-2muc16q0xm]
{
    display: flex;
    gap: var(--gutter-size-small);
    width: 100px;
    align-items: center;
}

.mainContainer[b-2muc16q0xm]  input{
    text-align: center;
}
/* /Pages/Account/ApiKeyDeletionConfirmationDialog.razor.rz.scp.css */
/* Dialog container - Tightened padding */
.api-key-delete-dialog[b-uts85ygoa5] {
    width: 100%;
    max-width: 450px;
    padding-top: 0; /* Remove top padding */
}

.dialog-container[b-uts85ygoa5] {
    padding: 0 24px 24px 24px; /* Top padding set to 0 */
}

/* Header styles - Zero-gap */
.dialog-header[b-uts85ygoa5] {
    text-align: center;
    margin: 0; /* Remove all margins */
    padding-top: 0; /* Remove padding */
}

.dialog-title[b-uts85ygoa5] {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    font-size: 1.25rem;
    margin: 0; /* Remove margins */
    padding-top: 16px; /* Add minimal padding instead */
}

.warning-icon-container[b-uts85ygoa5] {
    margin: 0; /* Remove all margins */
    padding: 4px 0 12px 0; /* Tight padding control */
    color: var(--mud-palette-warning);
    font-size: 56px;
    text-align: center;
    line-height: 1; /* Remove line-height spacing */
}

/* Content styles - Compact */
.dialog-content[b-uts85ygoa5] {
    text-align: center;
    margin-bottom: 16px;
}

.dialog-message[b-uts85ygoa5] {
    color: var(--mud-palette-text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    margin: 8px 0;
}

.api-key-display[b-uts85ygoa5] {
    background-color: var(--mud-palette-action-hover);
    padding: 10px;
    border-radius: 4px;
    margin: 12px 0;
}

.api-key-text[b-uts85ygoa5] {
    font-family: monospace;
    font-size: 0.9rem;
    word-break: break-all;
}

/* Action buttons */
.dialog-actions[b-uts85ygoa5] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    gap: 12px;
}

.confirm-button[b-uts85ygoa5] {
    min-width: 100px;
    text-transform: none;
}

.cancel-button[b-uts85ygoa5] {
    text-transform: none;
    min-width: 100px;
}
/* /Pages/Account/ApiKeyScopeManagerBlade.razor.rz.scp.css */
.mainContainer[b-z5hkrjyh4z] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-large);
}

.category[b-z5hkrjyh4z] {
    display: flex;
    flex-direction: column;
}

.categoryHeading[b-z5hkrjyh4z] {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--gutter-size-medium);
}

.categoryHeading__description[b-z5hkrjyh4z] {
    opacity: 0.8;
}

.scopeItem[b-z5hkrjyh4z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
}

    .scopeItem:hover[b-z5hkrjyh4z] {
        background-color: #f5f5f5;
        cursor: pointer;
    }

    .scopeItem[b-z5hkrjyh4z]  .checkbox {
        pointer-events: none;
    }
/* /Pages/Account/ApiKeySetting.razor.rz.scp.css */
.mainContainer[b-zlmlmdhn4s] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-zlmlmdhn4s]  .contact__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }


.gridHeading__container[b-zlmlmdhn4s] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-zlmlmdhn4s] {
    width: 370px;
}

.grid__container[b-zlmlmdhn4s] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-zlmlmdhn4s]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.actions__container[b-zlmlmdhn4s] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

@media screen and (min-width: 600px) {
    .actions__container[b-zlmlmdhn4s] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}
/* /Pages/Account/CreateApiKeyBlade.razor.rz.scp.css */
.mainContainer[b-tn1hpm51d3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-large);
}

inputs__container[b-tn1hpm51d3] {
    gap: var(--gutter-size-large);
    margin: 0px 720px;
}
/* /Pages/Account/OptOutSettings.razor.rz.scp.css */
.mainContainer[b-knh5l7dhfe] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.noKeywords__container[b-knh5l7dhfe] {
    color: var(--colour-action-inactive);
}

.chips__heading[b-knh5l7dhfe] {
    font-size: var(--font-size-heading-3);
}

.chips__section[b-knh5l7dhfe] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.chips__container[b-knh5l7dhfe] {
    display: flex;
    gap: var(--gutter-size-small);
}

.mainContainer[b-knh5l7dhfe]  .skeleton__shine {
    border-radius: var(--border-radius-xlarge);
}

.mainContainer[b-knh5l7dhfe]  .mud-chip-content {
    transform: translateY(-3px);
}

.mainContainer[b-knh5l7dhfe]  .mud-icon-root {
    transform: translateY(2px);
}
/* /Pages/Account/ResetPassword.razor.rz.scp.css */

.mainContainer[b-5g1bv26zq3] {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
    background-image: url('Assets/images/login-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.logo[b-5g1bv26zq3] {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 300px;
}

.supportButton[b-5g1bv26zq3] {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    color: #fff;
}

[b-5g1bv26zq3] .supportButton > .mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    font-size: 2.5rem;
}


.reset_card[b-5g1bv26zq3] {
    width: 100%;
    max-width: 600px;
    margin-right: 50px;
    padding: 80px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: rgba(217, 217, 217, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

[b-5g1bv26zq3] .resetField > .mud-input-control-input-container {
    background-color: #F9F8F8 !important;
}


[b-5g1bv26zq3] .resetField > .mud-input-control-input-container {
    width: 100%;
    margin-top: 10px;
    background-color: #073756; /* Update color to match your design */
    color: white;
    border-radius: 5px;
}


[b-5g1bv26zq3] .resetButton {
    width: 100%;
    margin-top: 10px;
    background-color: #073756;
}

    [b-5g1bv26zq3] .resetButton span {
        font-size: 24px;
        color: #fff;
    }

    [b-5g1bv26zq3] .resetButton:hover,
    [b-5g1bv26zq3] .resetButton:focus,
    [b-5g1bv26zq3] .resetButton:active {
        background-color: #00aeef !important;
    }


.errors__container[b-5g1bv26zq3] {
    display: flex;
    gap: var(--gutter-size-extra-small);
    flex-direction: column;
    color: var(--colour-action-danger-background);
}
/* /Pages/Account/SignedOut.razor.rz.scp.css */
.mainContainer[b-70jz2jsqyw] {
    height: 100vh;
    width: 100vw;
    display: flex;
    background-image: url('/assets/images/logout.png');
    background-size: cover;
}

.text__container[b-70jz2jsqyw] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: var(--gutter-size-large);
    z-index: 1;
    padding-right: var(--gutter-size-large);
}

.heading__container[b-70jz2jsqyw] {
    font-size: var(--font-size-heading-hero);
}

.description__container[b-70jz2jsqyw] {
    max-width: 500px;
}
/* /Pages/Account/Webhooks.razor.rz.scp.css */
.mainContainer[b-23x6nh756k] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-23x6nh756k]  .contact__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }


.gridHeading__container[b-23x6nh756k] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-23x6nh756k] {
    width: 370px;
}

.grid__container[b-23x6nh756k] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-23x6nh756k]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.actions__container[b-23x6nh756k] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.webhookActive__checkbox[b-23x6nh756k] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #4b5563;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    position: relative;
}

    .webhookActive__checkbox:checked[b-23x6nh756k] {
        background: #00ff21;
        border-color: #00ff21;
    }

        .webhookActive__checkbox:checked[b-23x6nh756k]::after {
            content: "✓";
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 12px;
            font-weight: bold;
        }

    .webhookActive__checkbox:disabled[b-23x6nh756k] {
        opacity: 0.6;
        cursor: not-allowed;
    }

@media screen and (min-width: 600px) {
    .actions__container[b-23x6nh756k] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}
/* /Pages/Admin/Billing/BillingPackages.razor.rz.scp.css */
.billingPackagesLayout[b-7r3d18zrmx] {
    align-items: flex-start;
}

.bundleEditor[b-7r3d18zrmx],
.bundleList[b-7r3d18zrmx] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
}

.bundleEditor[b-7r3d18zrmx] {
    position: sticky;
    top: 16px;
}

.bundleTable[b-7r3d18zrmx] {
    margin-top: 8px;
}

.bundleTable[b-7r3d18zrmx]  th {
    white-space: nowrap;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bundleTable[b-7r3d18zrmx]  td {
    vertical-align: middle;
}

.bundleTable[b-7r3d18zrmx]  .mud-table-cell {
    padding: 12px 14px;
}

@media (max-width: 1279px) {
    .bundleEditor[b-7r3d18zrmx] {
        position: static;
    }
}
/* /Pages/Admin/Reviews/TemplateAccept.razor.rz.scp.css */
.mainContainer[b-p003m2zclw] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-p003m2zclw]  .template__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.mainContainer[b-p003m2zclw]  .mud-menu > button {
    padding: 0px;
}

.rectangle-box[b-p003m2zclw] {
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid;
    border-color: #b6b6b6;
    border-radius: 4px;
    background-color: #fff;
}

.box-heading[b-p003m2zclw] {
    font-weight: bold;
    margin-bottom: 16px; 
    font-size: 1.5rem;
    color: #000; 
}

.box-text[b-p003m2zclw] {
    color: #333; 
}
/* /Pages/Admin/Reviews/TemplateDecline.razor.rz.scp.css */
.mainContainer[b-gz0wavxcg6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

.mainContainer[b-gz0wavxcg6]  .mud-menu > button {
    padding: 0px;
}

.rectangle-box[b-gz0wavxcg6] {
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid;
    border-color: #b6b6b6;
    border-radius: 4px;
    background-color: #fff;
}

.box-heading[b-gz0wavxcg6] {
    font-weight: bold;
    margin-bottom: 16px;
    font-size: 1.5rem;
    color: #000;
}

.box-text[b-gz0wavxcg6] {
    color: #333;
}

/* /Pages/Admin/Reviews/TemplateReview.razor.rz.scp.css */
.mainContainer[b-12jzoiort0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-12jzoiort0]  .template__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-12jzoiort0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.grid__container[b-12jzoiort0] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-12jzoiort0]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }
   

.mainContainer[b-12jzoiort0]  .mud-menu > button {
            padding: 0px;
        }

@media screen and (max-width: 600px) {
    .mainContainer[b-12jzoiort0]  .template__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-12jzoiort0]  .template__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-12jzoiort0]  .template__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-12jzoiort0]  .template__row td.actionButton__container:before {
                display: none;
            }
}

@media screen and (min-width: 600px) {
    .actions__container[b-12jzoiort0] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }

    .gridHeading__container[b-12jzoiort0] {
        justify-content: space-between;
        flex-direction: row;
    }

    .searchBar__container[b-12jzoiort0] {
        width: 370px;
    }
}
.ourMessage[b-12jzoiort0] {
    margin-right: auto;
}

.message__meta[b-12jzoiort0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    justify-content: space-between;
}
.message__meta > div[b-12jzoiort0] {
    color: var(--colour-action-inactive);
    font-size: var(--font-size-body-2);
}

.message[b-12jzoiort0] {
    border-radius: var(--border-radius-large);
    padding: var(--gutter-size-medium);
    max-width: 450px;
}

.ourMessage .message[b-12jzoiort0] {
    background: var(--colour-action-primary);
    color: var(--colour-action-primary-foreground);
    border-bottom-left-radius: 0px;
    padding-left: var(--gutter-size-large);
    margin-left: var(--gutter-size-medium);
    word-wrap: break-word;
}
.grid__container .centered-column[b-12jzoiort0] {
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}

.mainContainer[b-12jzoiort0]  button.declineButton:hover {
    background-color: red; 
    color: white; 
}
.mainContainer[b-12jzoiort0]  button.declineButton {
    max-width: 70px;
}

.mainContainer[b-12jzoiort0]  button.acceptButton {
    max-width: 70px;
}
.grid__container[b-12jzoiort0]  svg.centerCheck {
    text-align: center;
    width: 100%;
    display: inline-block;
}
.grid__container[b-12jzoiort0]  .centreColumn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

grid__container[b-12jzoiort0]  .declined-row {
    background-color: #eeeeee;
    color: #888;
}
    .grid__container[b-12jzoiort0]  .centreColumn .centreContent {
        display: grid;
        grid-template-columns: 80px 80px;
        gap: 5px;
    }

.mainContainer[b-12jzoiort0]  greyOut {
    background-color: #7a7a7a; 
    color: #2b2828; 
}

.mainContainer[b-12jzoiort0]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Admin/Roles/RoleEditorDialog.razor.rz.scp.css */
.mainContainer[b-19nqyqbw49] {
    width: 100%;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    background: var(--colour-system-background);
}

.heading__container[b-19nqyqbw49] {
    display: flex;
    align-items: center;
}

    .heading__container[b-19nqyqbw49]  .heading__container {
        margin-left: auto;
        margin-right: auto;
    }

.description__container[b-19nqyqbw49] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-text-description);
    max-width: 650px;
}

.backButton__container[b-19nqyqbw49] {
    border-radius: 4px;
    cursor: pointer;
}

    .backButton__container:hover[b-19nqyqbw49] {
        color: black;
    }

.roleDefinition__container[b-19nqyqbw49] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--drop-shadow-medium);
    background: var(--colour-system-background-light)
}

    .roleDefinition__container > div:last-child[b-19nqyqbw49] {
        display: flex;
        gap: var(--gutter-size);
        align-items: center;
    }

.roleNameInput__container[b-19nqyqbw49] {
    max-width: 300px;
}


.permissions__container[b-19nqyqbw49] {
    padding: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--drop-shadow-medium);
    background: var(--colour-system-background-light);
}
/* /Pages/Admin/Roles/RolePermissionEditor.razor.rz.scp.css */
.mainContainer[b-7pwk0144ff] {
    animation: var(--fade-in-animation);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.scopeSection__container[b-7pwk0144ff] {
    display: flex;
    flex-direction: column;
}

.scopeSection__heading[b-7pwk0144ff] {
    display: flex;
    gap: var(--gutter-size);
    align-items: center;
    background: var(--colour-system-background-dark);
    padding: var(--gutter-size-small);
}

.scopeSection__headingIcon[b-7pwk0144ff] {
    display: flex;
}

.scopeSection__checkboxContainer[b-7pwk0144ff] {
    margin-left: auto;
}

.permission__container[b-7pwk0144ff] {
    display: flex;
    gap: var(--gutter-size);
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-size-small);
    padding-left: var(--gutter-size-medium);
}


    .permission__container:hover[b-7pwk0144ff] {
        background: var(--colour-system-background);
        transition: 0.2s;
    }

.mainContainer[b-7pwk0144ff]  .mud-ripple-checkbox.mud-ripple:hover {
    background-color: var(--colour-action-inactive-light) !important; /* We need to do important here because mud needed to do important here for some reason*/
}
/* /Pages/Admin/Roles/Roles.razor.rz.scp.css */
.mainContainer[b-9gc4b29kdp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-9gc4b29kdp]  .role__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }


.gridHeading__container[b-9gc4b29kdp] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-9gc4b29kdp] {
    width: 370px;
}

.grid__container[b-9gc4b29kdp] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-9gc4b29kdp]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.actions__container[b-9gc4b29kdp] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.mainContainer[b-9gc4b29kdp]  .mud-menu > button {
    padding: 0px;
}


@media screen and (max-width: 600px) {
    .mainContainer[b-9gc4b29kdp]  .role__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-9gc4b29kdp]  .role__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-9gc4b29kdp]  .role__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-9gc4b29kdp]  .role__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-9gc4b29kdp] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
        justify-content: end;
    }

    .searchBar__container[b-9gc4b29kdp] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-9gc4b29kdp] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-9gc4b29kdp]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Admin/Roles/UserRoleAssignerDialog.razor.rz.scp.css */
.mainContainer[b-3qnw91q7mi] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
}

.headingDescription__container[b-3qnw91q7mi]{
    color: var(--colour-action-inactive);
}

.roleName__container[b-3qnw91q7mi]{
    color: var(--colour-action-primary);
}

.mainContainer[b-3qnw91q7mi]  .no-header {
    display: none;
}

.user__container[b-3qnw91q7mi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user__email[b-3qnw91q7mi] {
    color: var(--colour-action-negative-background);
    font-size: var(--font-size-subtitle-1);
}
/* /Pages/Admin/Tenant/DeleteTenantConfirmationBlade.razor.rz.scp.css */
/* /Pages/Admin/Tenant/TenantAccount.razor.rz.scp.css */
.admin-account-page[b-l4ipognpr3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.admin-account-toolbar[b-l4ipognpr3] {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;
    padding: 14px 16px;
}

.admin-account-toolbar[b-l4ipognpr3]  .billing-toolbar__top {
    align-items: center;
}

.admin-account-toolbar[b-l4ipognpr3]  .billing-toolbar__body {
    justify-content: flex-start;
}

.admin-account-toolbar[b-l4ipognpr3]  .billing-toolbar__field--grow {
    flex: 0 1 460px;
    max-width: 460px;
}

.admin-account-grid-card[b-l4ipognpr3] {
    padding: 12px;
}

.admin-account-grid__primary[b-l4ipognpr3],
.admin-account-grid__product[b-l4ipognpr3] {
    color: var(--colour-system-foreground);
    font-weight: 600;
}

.admin-account-grid__type[b-l4ipognpr3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(7, 55, 86, 0.08);
    color: var(--colour-action-secondary-dark);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.admin-account-grid[b-l4ipognpr3]  .admin-account-grid__price-input {
    min-width: 124px;
}

.admin-account-grid[b-l4ipognpr3]  .admin-account-grid__price-input .mud-input-control {
    margin-top: 0;
}

.admin-account-grid[b-l4ipognpr3]  .admin-account-grid__price-input .mud-input-outlined {
    background: rgba(255, 255, 255, 0.92);
    border-radius: calc(var(--border-radius-medium) + 2px);
}

.admin-account-grid[b-l4ipognpr3]  .admin-account-grid__price-input input {
    font-weight: 600;
    text-align: right;
}

.admin-account-grid[b-l4ipognpr3]  .mud-table-body .mud-table-cell {
    vertical-align: middle;
}

@media screen and (max-width: 960px) {
    .admin-account-toolbar[b-l4ipognpr3] {
        padding: 12px 14px;
    }
}
/* /Pages/Admin/Tenant/TenantEditor.razor.rz.scp.css */
.mainContainer[b-ul7h8dod9x] {
    width: 100%;
    padding: var(--gutter-size-medium);
}

.inputs__container[b-ul7h8dod9x] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.buttons__container[b-ul7h8dod9x] {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--gutter-size-medium);
}

@media screen and (min-width: 600px) {
    .buttons__container[b-ul7h8dod9x] {
        display: grid;
        grid-template-columns: 200px 200px;
        justify-content: end;
    }
}
/* /Pages/Admin/Tenant/Tenants.razor.rz.scp.css */
.mainContainer[b-ph9ekjiphl] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-ph9ekjiphl]  .tenant__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-ph9ekjiphl] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-ph9ekjiphl] {
    width: 370px;
}


.grid__container[b-ph9ekjiphl] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-ph9ekjiphl]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.mainContainer[b-ph9ekjiphl]  .contacts {
    padding: var(--gutter-size);
}

.mainContainer[b-ph9ekjiphl]  .mud-menu > button {
    padding: 0px;
}

.tenantName__container[b-ph9ekjiphl]{
    display: flex;
    gap: var(--gutter-size-medium);
}

.currentTenantBadge[b-ph9ekjiphl] {
    border-radius: 16px;
    background: var(--colour-action-primary);
    color: var(--colour-action-primary-foreground);
    font-size: 9px;
    padding: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-ph9ekjiphl]  .tenant__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-ph9ekjiphl]  .tenant__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-ph9ekjiphl]  .tenant__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-ph9ekjiphl]  .tenant__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-ph9ekjiphl] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-ph9ekjiphl] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-ph9ekjiphl] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-ph9ekjiphl]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Admin/User/UserEditor.razor.rz.scp.css */
.mainContainer[b-ow5z84ym65] {
    margin: 0 auto;
    width: 100%;
}

.inputs__container[b-ow5z84ym65] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.topInputs__container[b-ow5z84ym65] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.section[b-ow5z84ym65] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section__header[b-ow5z84ym65] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.list-stack[b-ow5z84ym65] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-stack[b-ow5z84ym65] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.role-card[b-ow5z84ym65] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .role-card:hover[b-ow5z84ym65] {
        transform: translateY(-2px);
    }

.permission-checkbox[b-ow5z84ym65] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .permission-checkbox::deep input[type="checkbox"][b-ow5z84ym65] {
        color: blue;
    }
/* /Pages/Admin/User/UserPermissionEditor.razor.rz.scp.css */
.mainContainer[b-gqbkq5lzsr] {
    padding: var(--gutter-size-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

h2[b-gqbkq5lzsr] {
    font-size: var(--font-size-heading-2);
}

.inputSet__container[b-gqbkq5lzsr] {
    display: grid;
    grid-template-columns: 160px auto;
    align-items: center;
}

.inputs__container[b-gqbkq5lzsr] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-large);
}

.inputHeading__container[b-gqbkq5lzsr] {
    font-size: var(--font-size-button);
    color: var(--colour-text-description);
}
/* /Pages/Admin/User/UserRoleBlade.razor.rz.scp.css */
.mainContainer[b-rskfym52in] {
    margin: 0 auto;
    max-width: fit-content;
}

.inputs__container[b-rskfym52in] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.topInputs__container[b-rskfym52in] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.section[b-rskfym52in] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section__header[b-rskfym52in] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.list-stack[b-rskfym52in] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-stack[b-rskfym52in] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.role-card[b-rskfym52in] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .role-card:hover[b-rskfym52in] {
        transform: translateY(-2px);
    }

.permission-checkbox[b-rskfym52in] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .permission-checkbox::deep input[type="checkbox"][b-rskfym52in] {
        color: blue;
    }
/* /Pages/Admin/User/Users.razor.rz.scp.css */
.mainContainer[b-eeemv2j8b4] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-eeemv2j8b4]  .user__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-eeemv2j8b4] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-eeemv2j8b4] {
    width: 370px;
}


.grid__container[b-eeemv2j8b4] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-eeemv2j8b4]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.mainContainer[b-eeemv2j8b4]  .contacts {
    padding: var(--gutter-size);
}

.mainContainer[b-eeemv2j8b4]  .mud-menu > button {
    padding: 0px;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-eeemv2j8b4]  .user__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-eeemv2j8b4]  .user__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-eeemv2j8b4]  .user__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-eeemv2j8b4]  .user__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-eeemv2j8b4] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-eeemv2j8b4] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-eeemv2j8b4] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-eeemv2j8b4]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Admin/User/UserTenantDetails.razor.rz.scp.css */
.mainContainer[b-dpxccgf4o4] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-medium);
}

.tenant__list[b-dpxccgf4o4] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-medium);
}

.heading[b-dpxccgf4o4] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-medium);
}

.noTenants__container[b-dpxccgf4o4] {
    margin: var(--gutter-size) 0;
}

.tenant__container[b-dpxccgf4o4] {
    display: grid;
    grid-template-columns: 200px 25px;
    gap: var(--gutter-size);
    align-items: center;
    padding: var(--gutter-size-medium);
    animation: var(--fade-in-animation);
}


.addToTenant__container[b-dpxccgf4o4] {
    display: flex;
    gap: var(--gutter-size);
    max-width: 500px;
    margin-top: var(--gutter-size);
    align-items: center;
}

    .addToTenant__container[b-dpxccgf4o4]  .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end {
        padding-top: var(--gutter-size-small);
        padding-bottom: var(--gutter-size-small);
    }

    .addToTenant__container[b-dpxccgf4o4]  .mud-button {
        height: 29px
    }

.tenantDetails__container[b-dpxccgf4o4] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-medium);
}

.activeIcon__container[b-dpxccgf4o4] {
    opacity: 0;
    transition: 0.2s;
    cursor: pointer;
}

    .tenant__container.active .activeIcon__container[b-dpxccgf4o4],
    .activeIcon__container:hover[b-dpxccgf4o4] {
        opacity: 1;
    }
/* /Pages/Billing/AddFundsDialog.razor.rz.scp.css */
.addFundsDialog__panel[b-el36syipxo] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--colour-system-background-light);
}

.addFundsDialog__header[b-el36syipxo] {
    position: sticky;
    top: 0;
    z-index: 2;
    flex: 0 0 auto;
    padding: 22px 24px 16px;
    background: var(--colour-action-primary);
    color: var(--colour-action-primary-foreground);
}

.addFundsDialog__headerRow[b-el36syipxo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.addFundsDialog__header h2[b-el36syipxo] {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.05;
}

.addFundsDialog__header p[b-el36syipxo] {
    margin: 0;
    max-width: none;
    color: color-mix(in srgb, var(--colour-action-primary-foreground) 88%, transparent);
    font-size: 14px;
    line-height: 1.45;
}

.addFundsDialog__balance[b-el36syipxo] {
    padding: 0 24px;
    color: var(--colour-text-description);
    font-size: 13px;
}

.addFundsDialog__balance strong[b-el36syipxo] {
    color: var(--colour-system-foreground);
    font-weight: 800;
}

.addFundsDialog__section[b-el36syipxo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 24px;
}

.addFundsDialog__sectionHeading h3[b-el36syipxo] {
    margin: 0;
    color: var(--colour-system-foreground);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.addFundsDialog__quickGrid[b-el36syipxo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.addFundsDialog__quickGrid[b-el36syipxo]  .mud-button-root {
    min-height: 44px;
    padding: 8px 10px;
    border-radius: 5px;
    border-width: 1px;
    text-transform: none;
    align-items: flex-start;
    justify-content: center;
}

.addFundsDialog__quickGrid[b-el36syipxo]  .addFundsDialog__quickButton--selected {
    box-shadow: none;
}

.addFundsDialog__quickAmount[b-el36syipxo] {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    white-space: nowrap;
}

.addFundsDialog__customInput[b-el36syipxo] {
    display: flex;
    align-items: center;
    min-height: 44px;
    border: 1px solid var(--colour-border-primary);
    border-radius: 5px;
    overflow: hidden;
    background: var(--colour-system-background-light);
}

.addFundsDialog__customInput > span[b-el36syipxo] {
    align-self: stretch;
    display: grid;
    place-items: center;
    width: 46px;
    color: var(--colour-text-description);
    background: var(--colour-system-background-muted);
}

.addFundsDialog__customInput[b-el36syipxo]  .mud-input-control {
    margin: 0;
    flex: 1;
}

.addFundsDialog__customInput[b-el36syipxo]  .mud-input-control-input-container,
.addFundsDialog__customInput[b-el36syipxo]  .mud-input {
    margin: 0;
}

.addFundsDialog__customInput[b-el36syipxo]  .mud-input-slot {
    padding: 0 12px;
}

.addFundsDialog__helperText[b-el36syipxo] {
    color: var(--colour-text-description);
    font-size: 12px;
}

.addFundsDialog__paymentCard[b-el36syipxo] {
    margin: 4px 20px 0;
    padding: 15px 20px 13px;
    border: 1px solid var(--colour-border-primary-light);
    border-radius: 7px;
    background: var(--colour-system-background-muted);
    text-align: center;
}

.addFundsDialog__cardLabel[b-el36syipxo] {
    display: block;
    color: var(--colour-text-description);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.addFundsDialog__paymentCard > strong[b-el36syipxo] {
    display: block;
    margin-top: 6px;
    color: var(--colour-action-secondary);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.addFundsDialog__cardDivider[b-el36syipxo] {
    height: 1px;
    margin: 15px 0 12px;
    background: var(--colour-border-primary-light);
}

.addFundsDialog__paymentCard > .addFundsDialog__payable[b-el36syipxo] {
    color: var(--colour-action-primary);
}

.addFundsDialog__paymentCard small[b-el36syipxo] {
    display: block;
    margin-top: 4px;
    color: var(--colour-text-description);
    font-size: 11px;
}

.addFundsDialog__actions[b-el36syipxo] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 20px 20px;
    margin-top: auto;
}

@media (max-width: 720px) {
    .addFundsDialog__header[b-el36syipxo],
    .addFundsDialog__section[b-el36syipxo],
    .addFundsDialog__actions[b-el36syipxo] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .addFundsDialog__balance[b-el36syipxo] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .addFundsDialog__paymentCard[b-el36syipxo] {
        margin-left: 16px;
        margin-right: 16px;
    }

    .addFundsDialog__actions[b-el36syipxo] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

}

@media (max-width: 380px) {
    .addFundsDialog__quickGrid[b-el36syipxo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Quick Deposit drawer layout */
.addFundsDialog__header h2[b-el36syipxo] {
    font-weight: 600;
}

.addFundsDialog__header p[b-el36syipxo] {
    max-width: none;
    font-size: 13px;
}

.addFundsDialog__paymentCard[b-el36syipxo] {
    margin: 0 24px;
    padding: 16px;
    border: 1px solid var(--colour-border-primary);
    border-radius: 7px;
    background: var(--colour-system-background-muted);
    text-align: left;
}

.addFundsDialog__cardLabel[b-el36syipxo] {
    margin-bottom: 12px;
    color: var(--colour-text-description);
}

.addFundsDialog__summaryRow[b-el36syipxo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 24px;
    color: var(--colour-text-description);
    font-size: 13px;
}

.addFundsDialog__summaryRow strong[b-el36syipxo] {
    color: var(--colour-action-secondary);
    font-weight: 600;
}

.addFundsDialog__cardDivider[b-el36syipxo] {
    margin: 8px 0 14px;
    background: var(--colour-border-primary-light);
}

.addFundsDialog__totalRow[b-el36syipxo] {
    justify-content: flex-end;
    gap: 14px;
    color: var(--colour-action-secondary);
    font-weight: 700;
}

.addFundsDialog__actions[b-el36syipxo] {
    padding: 16px 24px;
    border-top: 1px solid var(--colour-border-primary);
    background: var(--colour-system-background-light);
}

.addFundsDialog__actions[b-el36syipxo]  .mud-button-root:last-child {
    min-width: 181px;
}
/* /Pages/Billing/BillingAccountViewer.razor.rz.scp.css */
.mainContainer[b-qnfl0bksw3] {
    padding: calc(var(--gutter-size) + 2px);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    animation: var(--fade-in-animation);
}

.account__summary[b-qnfl0bksw3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gutter-size);
    padding-bottom: var(--gutter-size);
    border-bottom: 1px solid rgba(7, 55, 86, 0.08);
}

.account__identity[b-qnfl0bksw3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.account__eyebrow[b-qnfl0bksw3] {
    color: var(--colour-action-inactive);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.account__name[b-qnfl0bksw3] {
    color: var(--colour-action-secondary-dark);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 800;
    line-height: 1.15;
}

.account__meta[b-qnfl0bksw3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.account__badge[b-qnfl0bksw3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.account__badge--type[b-qnfl0bksw3] {
    background: rgba(0, 174, 239, 0.12);
    color: var(--colour-action-secondary-dark);
}

.account__badge--active[b-qnfl0bksw3] {
    background: rgba(33, 186, 69, 0.14);
    color: #12733d;
}

.account__badge--disabled[b-qnfl0bksw3] {
    background: rgba(235, 65, 66, 0.12);
    color: #ad1d25;
}

.account__details[b-qnfl0bksw3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gutter-size-medium);
}

.account__item[b-qnfl0bksw3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid rgba(7, 55, 86, 0.08);
    border-radius: calc(var(--border-radius-large) + 2px);
    background: rgba(255, 255, 255, 0.9);
}

.account__heading[b-qnfl0bksw3],
.account__billingHeading[b-qnfl0bksw3] {
    color: var(--colour-action-inactive);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.account__value[b-qnfl0bksw3],
.account__billingValue[b-qnfl0bksw3] {
    color: var(--colour-system-foreground);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.3;
    word-break: break-word;
}

.account__billing[b-qnfl0bksw3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gutter-size-medium);
}

.account__billingItem[b-qnfl0bksw3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 16px;
    border-radius: calc(var(--border-radius-large) + 2px);
    background: linear-gradient(180deg, rgba(7, 55, 86, 0.04), rgba(0, 174, 239, 0.08));
    border: 1px solid rgba(0, 174, 239, 0.12);
}

.account__billingValue[b-qnfl0bksw3] {
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
}

.actions__container[b-qnfl0bksw3] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

@media screen and (max-width: 1200px) {
    .account__details[b-qnfl0bksw3],
    .account__billing[b-qnfl0bksw3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 960px) {
    .mainContainer[b-qnfl0bksw3] {
        padding: var(--gutter-size);
    }

    .account__summary[b-qnfl0bksw3] {
        flex-direction: column;
    }

    .actions__container[b-qnfl0bksw3] {
        width: 100%;
        justify-content: flex-start;
    }

    .account__details[b-qnfl0bksw3],
    .account__billing[b-qnfl0bksw3] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Billing/BillingCompanies.razor.rz.scp.css */
.mainContainer[b-seb3qt7hf6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-seb3qt7hf6]  .company__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }


.gridHeading__container[b-seb3qt7hf6] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-seb3qt7hf6] {
    width: 370px;
}

.grid__container[b-seb3qt7hf6] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-seb3qt7hf6]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.actions__container[b-seb3qt7hf6] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.mainContainer.subTable[b-seb3qt7hf6]  .company__row td:first-child,
.mainContainer.subTable[b-seb3qt7hf6]  .company__heading th:first-child {
    display: none;
}

.companyDetails__container[b-seb3qt7hf6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-medium);
}

.detail__card[b-seb3qt7hf6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-dark);
    box-shadow: var(--drop-shadow-small);
}

.companyDetailsSection__heading[b-seb3qt7hf6] {
    margin-bottom: var(--gutter-size-small);
    font-size: var(--font-size-heading-4);
}

.companyDetails__contactInfo[b-seb3qt7hf6] {
    display: grid;
    grid-template-columns: 370px 200px;
    gap: var(--gutter-size-medium);
}

.detail__item:not(.addressDetailItem) > div:first-child[b-seb3qt7hf6],
.addressDetailItem > div > div:first-child[b-seb3qt7hf6] {
    color: var(--colour-action-inactive);
}

.address__section[b-seb3qt7hf6] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.addressDetailItem > div[b-seb3qt7hf6] {
    display: flex;
    gap: var(--gutter-size-small);
}

.detail__row[b-seb3qt7hf6] {
    display: grid;
    grid-template-columns: 200px 200px;
    gap: var(--gutter-size-medium);
}

.mainContainer[b-seb3qt7hf6]  .mud-menu > button {
    padding: 0px;
}


@media screen and (max-width: 600px) {
    .mainContainer[b-seb3qt7hf6]  .company__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-seb3qt7hf6]  .company__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-seb3qt7hf6]  .company__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-seb3qt7hf6]  .company__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-seb3qt7hf6] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-seb3qt7hf6] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-seb3qt7hf6] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-seb3qt7hf6]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Billing/BillingCompany.razor.rz.scp.css */
.mainContainer[b-b0vvts7qs5] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.inputs__container[b-b0vvts7qs5] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.section__container[b-b0vvts7qs5] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.contactDetails__inputs[b-b0vvts7qs5] {
    display: grid;
    grid-template-columns: auto 200px;
    gap: var(--gutter-size-medium);
}

    .contactDetails__inputs[b-b0vvts7qs5]  .mobileInputContainer {
        height: 40px;
    }

        .contactDetails__inputs[b-b0vvts7qs5]  .mobileInputContainer input {
            padding-top: 0px;
            padding-bottom: 0px;
        }

.input__row[b-b0vvts7qs5] {
    display: flex;
    gap: var(--gutter-size-medium);
}

.actions__container[b-b0vvts7qs5]{
    display: grid;
    grid-template-columns: 150px 200px;
    justify-content: end;
    gap: var(--gutter-size-medium);
}

.notification__container[b-b0vvts7qs5] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}
/* /Pages/Billing/BillingCompanyAccountEditorDialog.razor.rz.scp.css */
.mainContainer[b-x5ylg4x1sw] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.inputs__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    animation: var(--fade-in-animation);
}

.inputGroup__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
}

.descriptiveInput__container[b-x5ylg4x1sw] {
    padding: var(--gutter-size-medium);
    padding-left: 0px;
    padding-right: 0px;
}

.descriptiveInput__description[b-x5ylg4x1sw] {
    color: var(--colour-text-description);
}

.billing__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.billing__heading[b-x5ylg4x1sw] {
    font-weight: bold;
}

.billingType__selector[b-x5ylg4x1sw] {
    padding: var(--gutter-size-small);
    background: var(--colour-system-background-dark);
    border-radius: var(--border-radius-medium);
}

.billingType__selector[b-x5ylg4x1sw] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
}

.billingType__selectorSwitch[b-x5ylg4x1sw]  .mud-switch {
    margin-right: 0px;
}

.billingType__selectorSwitch[b-x5ylg4x1sw]  .mud-input-control-input-container {
    margin-left: 18px;
}

.serverAccountBalance__container[b-x5ylg4x1sw] {
    margin-left: auto;
}

    .serverAccountBalance__container.quotaExceeded[b-x5ylg4x1sw] {
        color: var(--colour-action-danger-foreground-inverse);
    }

.billingInputs__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.billingInput__description[b-x5ylg4x1sw] {
    color: var(--colour-text-description);
    font-size: var(--font-size-subtitle-1);
}

.billingInput__container[b-x5ylg4x1sw] {
    gap: var(--gutter-size-large);
    display: grid;
    grid-template-columns: 200px auto;
    align-items: center;
    padding: var(--gutter-size-medium) 0px;
}

.max__container[b-x5ylg4x1sw] {
    display: flex;
    justify-content: end;
    gap: var(--gutter-size-small);
}

    .max__container > span[b-x5ylg4x1sw] {
        font-size: var(--font-size-body-2);
    }

.accountTerm__container[b-x5ylg4x1sw] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size);
}

.actions__container[b-x5ylg4x1sw] {
    display: grid;
    grid-template-columns: 150px 200px;
    justify-content: end;
    gap: var(--gutter-size-medium);
    padding: 0px var(--gutter-size);
}



.loading .descriptiveInput__container[b-x5ylg4x1sw] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.loading .max__container[b-x5ylg4x1sw] {
    margin-top: 1px;
}
/* /Pages/Billing/BillingCompanyAccountsViewer.razor.rz.scp.css */
.mainContainer[b-fb9z1l5x4b] {
    min-height: 550px;
    padding: var(--gutter-size-medium);
    display: flex;
    flex-direction: column;
    gap: calc(var(--gutter-size) + 4px);
}

.accounts__header[b-fb9z1l5x4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gutter-size);
    padding: var(--gutter-size);
}

.accounts__title[b-fb9z1l5x4b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

h4[b-fb9z1l5x4b] {
    margin-bottom: 0;
    font-size: var(--font-size-heading-4);
}

.accounts__title p[b-fb9z1l5x4b] {
    margin: 0;
    color: var(--colour-action-inactive);
    font-size: var(--font-size-body-2);
    max-width: 520px;
}

.accounts__toolbar[b-fb9z1l5x4b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.accounts__count[b-fb9z1l5x4b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(0, 174, 239, 0.12);
    color: var(--colour-action-secondary-dark);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.actions__container[b-fb9z1l5x4b] {
    display: flex;
    justify-content: flex-end;
}

.accounts__list[b-fb9z1l5x4b] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

@media screen and (max-width: 768px) {
    .accounts__header[b-fb9z1l5x4b] {
        flex-direction: column;
        align-items: stretch;
    }

    .accounts__toolbar[b-fb9z1l5x4b] {
        justify-content: space-between;
    }

    .accounts__count[b-fb9z1l5x4b] {
        align-self: flex-start;
    }
}
/* /Pages/Billing/BillingPayment.razor.rz.scp.css */
.billing-page[b-zhwgesa6bj] {
    width: 100%;
}

.billingPaymentPage[b-zhwgesa6bj] {
    width: min(100%, var(--layout-dashboard-max-width));
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.paymentHero__container[b-zhwgesa6bj] {
    display: block;
    padding: 26px;
    border: 1px solid rgba(0, 174, 239, 0.28);
    border-left: 6px solid var(--colour-action-primary);
    border-radius: var(--border-radius-xlarge);
    background:
        linear-gradient(135deg, rgba(0, 174, 239, 0.12), rgba(255, 255, 255, 0.94) 46%),
        var(--colour-system-background-light);
    box-shadow: var(--surface-card-shadow);
}

.paymentEyebrow__container[b-zhwgesa6bj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: #e6f8ff;
    color: var(--colour-action-secondary);
    font-size: 12px;
    font-weight: 800;
}

.paymentHeroCopy__container h1[b-zhwgesa6bj] {
    margin: 12px 0 8px;
    color: var(--colour-action-secondary);
    font-size: clamp(2rem, 1.55rem + 1.2vw, 2.75rem);
    font-weight: 800;
    line-height: 1.05;
}

.paymentHeroCopy__container p[b-zhwgesa6bj] {
    max-width: 60ch;
    margin: 0;
    color: var(--colour-text-description);
    font-size: 15px;
    line-height: 1.5;
}

.paymentPackagesHeader__container[b-zhwgesa6bj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
}

.paymentPackagesHeader__container h2[b-zhwgesa6bj] {
    margin: 0;
    color: var(--colour-system-foreground);
    font-size: 20px;
    font-weight: 800;
}

.paymentPackagesHeader__container p[b-zhwgesa6bj] {
    margin: 4px 0 0;
    color: var(--colour-text-description);
    font-size: 13px;
}

.paymentChannelSelector__container[b-zhwgesa6bj] {
    width: min(100%, 280px);
}

.paymentChannelSelector__container[b-zhwgesa6bj]  .mud-input-control {
    margin-top: 0;
}

.sms-offer-container[b-zhwgesa6bj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 16px;
    align-items: stretch;
}

.sms-offer-card[b-zhwgesa6bj] {
    min-width: 0;
}

[b-zhwgesa6bj] .paymentPackageCard.mud-card {
    height: 100%;
    cursor: pointer;
    border: 1px solid var(--colour-border-subtle);
    border-radius: var(--border-radius-xlarge);
    background: var(--colour-system-background-light);
    box-shadow: var(--surface-card-shadow);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

[b-zhwgesa6bj] .paymentPackageCard.mud-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 174, 239, 0.42);
    box-shadow: var(--surface-card-shadow-hover);
}

[b-zhwgesa6bj] .paymentPackageCard.mud-card.bestValue {
    border-color: rgba(0, 174, 239, 0.62);
    box-shadow: 0 14px 30px rgba(7, 55, 86, 0.12);
}

[b-zhwgesa6bj] .paymentPackageCard.mud-card.selected {
    outline: 3px solid rgba(0, 174, 239, 0.16);
}

[b-zhwgesa6bj] .paymentPackageCard .mud-card-content {
    display: flex;
    min-height: 292px;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
}

.packageCardTop__container[b-zhwgesa6bj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
}

.packageCardTop__container > div:first-child[b-zhwgesa6bj] {
    min-width: 0;
    flex: 1 1 180px;
}

.sms-text[b-zhwgesa6bj] {
    color: var(--colour-text-description);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
}

.sms-price[b-zhwgesa6bj] {
    margin-top: 8px;
    color: var(--colour-system-foreground-dark);
    font-size: clamp(1.8rem, 1.5rem + 0.8vw, 2.25rem);
    font-weight: 800;
    line-height: 1.05;
}

.vat-label[b-zhwgesa6bj] {
    display: block;
    margin-top: 5px;
    color: var(--colour-text-description);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.bestValueBadge__container[b-zhwgesa6bj] {
    flex: 0 0 auto;
    align-self: flex-start;
    padding: 5px 8px;
    border-radius: 999px;
    background: #e6f8ff;
    color: var(--colour-action-secondary);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.packageRate__container[b-zhwgesa6bj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid var(--colour-border-subtle);
    border-bottom: 1px solid var(--colour-border-subtle);
}

.packageRate__container strong[b-zhwgesa6bj] {
    color: var(--colour-action-primary-dark);
    font-size: 24px;
    line-height: 1;
}

.packageRate__container span[b-zhwgesa6bj] {
    color: var(--colour-text-description);
    font-size: 12px;
    text-align: right;
}

.packageMeta__container[b-zhwgesa6bj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 32px;
    align-items: flex-start;
}

[b-zhwgesa6bj] .packageMeta__container .mud-chip {
    max-width: 100%;
}

[b-zhwgesa6bj] .packageMeta__container .mud-chip-content {
    white-space: normal;
    text-align: center;
    line-height: 1.2;
}

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

.packageDetails__container div[b-zhwgesa6bj] {
    padding: 10px;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-muted);
}

.packageDetails__container span[b-zhwgesa6bj] {
    display: block;
    color: var(--colour-text-description);
    font-size: 11px;
    font-weight: 700;
}

.packageDetails__container strong[b-zhwgesa6bj] {
    display: block;
    margin-top: 4px;
    color: var(--colour-system-foreground);
    font-size: 14px;
    font-weight: 800;
}

[b-zhwgesa6bj] .purchase-button.mud-button {
    width: 100%;
    min-height: 42px;
    margin-top: auto;
    border-radius: var(--border-radius-medium);
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: 0 6px 16px rgba(0, 174, 239, 0.22);
}

.paymentEmptyState__container[b-zhwgesa6bj] {
    display: grid;
    min-height: 280px;
    place-items: center;
    gap: 8px;
    padding: 32px;
    border: 1px dashed var(--colour-border-primary);
    border-radius: var(--border-radius-xlarge);
    background: var(--colour-system-background-light);
    color: var(--colour-text-description);
    text-align: center;
}

.paymentEmptyState__container[b-zhwgesa6bj]  .mud-icon-root {
    width: 42px;
    height: 42px;
    color: var(--colour-action-primary);
}

.paymentEmptyState__container h2[b-zhwgesa6bj] {
    margin: 0;
    color: var(--colour-system-foreground);
    font-size: 20px;
}

.paymentEmptyState__container p[b-zhwgesa6bj] {
    margin: 0;
}

@media (min-width: 1900px) {
    .sms-offer-container[b-zhwgesa6bj] {
        grid-template-columns: repeat(6, minmax(240px, 1fr));
    }
}

@media (max-width: 720px) {
    .paymentHero__container[b-zhwgesa6bj] {
        padding: 18px;
    }

    .sms-offer-container[b-zhwgesa6bj] {
        grid-template-columns: 1fr;
    }

    .packageCardTop__container[b-zhwgesa6bj] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Promotions page */
.promotionsHero[b-zhwgesa6bj] {
    padding: 18px 24px;
    border-left: 4px solid var(--colour-action-primary);
    background: #ffffff;
}

.promotionsHero h1[b-zhwgesa6bj],
.promotionsPanel__header h2[b-zhwgesa6bj] {
    margin: 0;
    color: #0b3858;
    font-weight: 700;
}

.promotionsHero h1[b-zhwgesa6bj] {
    font-size: 24px;
}

.promotionsHero p[b-zhwgesa6bj],
.promotionsPanel__header p[b-zhwgesa6bj] {
    margin: 4px 0 0;
    color: #647085;
    font-size: 13px;
}

.promotionsInfo[b-zhwgesa6bj] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 5px;
    background: #eef8fd;
    color: #40566d;
    font-size: 12px;
}

.promotionsInfo[b-zhwgesa6bj]  .mud-icon-root {
    color: var(--colour-action-primary);
}

.promotionsPanel[b-zhwgesa6bj] {
    padding: 24px 32px 20px;
    border: 1px solid #dce1e6;
    border-radius: 10px;
    background: #ffffff;
}

.promotionsPanel__header h2[b-zhwgesa6bj] {
    font-size: 20px;
}

.promotionGrid[b-zhwgesa6bj] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.promotionCard[b-zhwgesa6bj] {
    display: flex;
    min-width: 0;
    min-height: 320px;
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
    border: 1px solid #d9dde2;
    border-radius: 8px;
    background: #ffffff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.promotionCard:hover[b-zhwgesa6bj] {
    border-color: #29abe2;
    transform: translateY(-1px);
}

.promotionCard--selected[b-zhwgesa6bj] {
    border: 2px solid #29abe2;
    padding: 19px;
    box-shadow: 0 0 0 3px rgba(41, 171, 226, 0.12);
}

.promotionCard__icon[b-zhwgesa6bj] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    margin-bottom: 12px;
    border-radius: 8px;
    background: #eaf6fc;
    color: #24a7df;
}

.promotionCard__name[b-zhwgesa6bj] {
    color: #0b3858;
    font-size: 14px;
    line-height: 1.25;
}

.promotionCard__description[b-zhwgesa6bj] {
    min-height: 36px;
    margin-top: 4px;
    color: #69758a;
    font-size: 11px;
    line-height: 1.35;
}

.promotionCard__rateLabel[b-zhwgesa6bj] {
    margin-top: 12px;
    color: #8993a3;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.promotionCard__rate[b-zhwgesa6bj] {
    margin-top: 4px;
    color: #21a8e0;
    font-size: 29px;
    line-height: 1;
}

.promotionCard__rate small[b-zhwgesa6bj] {
    color: #68758a;
    font-size: 11px;
}

.promotionCard__divider[b-zhwgesa6bj] {
    height: 1px;
    margin: 14px 0 11px;
    background: #dce1e6;
}

.promotionCard__detail[b-zhwgesa6bj] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
    color: #8a8f96;
    font-size: 11px;
}

.promotionCard__detail strong[b-zhwgesa6bj] {
    color: #0b3858;
    font-size: 11px;
    font-weight: 600;
    text-align: right;
}

.promotionsPanel__footer[b-zhwgesa6bj] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid #dce1e6;
    color: #69758a;
    font-size: 12px;
}

.promotionsPanel__footer[b-zhwgesa6bj]  .mud-button-root {
    min-width: 216px;
    text-transform: none;
}

@media (max-width: 1300px) {
    .promotionGrid[b-zhwgesa6bj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .promotionGrid[b-zhwgesa6bj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .promotionsPanel[b-zhwgesa6bj] {
        padding: 20px 16px;
    }

    .promotionGrid[b-zhwgesa6bj] {
        grid-template-columns: 1fr;
    }

    .promotionsPanel__footer[b-zhwgesa6bj] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Billing/Invoices.razor.rz.scp.css */
.mainContainer[b-srfyss6blx] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    flex-direction: column;
}

.searchInputs__container[b-srfyss6blx] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-srfyss6blx] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-srfyss6blx] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-srfyss6blx] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-srfyss6blx] {
    width: 350px;
}

    .searchInput__input.date[b-srfyss6blx]  input {
        text-align: center;
    }

.searchButton__container[b-srfyss6blx] {
    transform: translateY(12px);
    margin-left: auto;
}

.optional__text[b-srfyss6blx] {
    font-size: var(--font-size-caption);
    opacity: 0.7;
}

.searchInput__input.status[b-srfyss6blx] {
    width: 200px !important;
}

.mud-select .mud-input[b-srfyss6blx] {
    height: 100px !important;
}

.createButton__container[b-srfyss6blx] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-right: 10px;
}

.mainContainer[b-srfyss6blx]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Billing/Receipts.razor.rz.scp.css */
.mainContainer[b-exuoopf25f] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    flex-direction: column;
}

.searchInputs__container[b-exuoopf25f] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
 
}

.searchInputs__heading[b-exuoopf25f] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-exuoopf25f] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-exuoopf25f] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-exuoopf25f] {
    width: 350px;
}

    .searchInput__input.date[b-exuoopf25f]  input {
        text-align: center;
    }

.searchButton__container[b-exuoopf25f] {
    transform: translateY(12px);
    margin-left: auto;
}

.optional__text[b-exuoopf25f] {
    font-size: var(--font-size-caption);
    opacity: 0.7;
}
.createButton__container[b-exuoopf25f] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-right: 10px;
}

.mainContainer[b-exuoopf25f]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Billing/Statement.razor.rz.scp.css */
.mainContainer[b-gdyjqnqlce] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    flex-direction: column;
}

.searchInputs__container[b-gdyjqnqlce] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-gdyjqnqlce] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-gdyjqnqlce] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-gdyjqnqlce] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-gdyjqnqlce] {
    width: 350px;
}

    .searchInput__input.date[b-gdyjqnqlce]  input {
        text-align: center;
    }

.searchButton__container[b-gdyjqnqlce] {
    transform: translateY(12px);
    margin-left: auto;
}

.optional__text[b-gdyjqnqlce] {
    font-size: var(--font-size-caption);
    opacity: 0.7;
}
.searchInput__input.status[b-gdyjqnqlce] {
    width: 200px !important;
}

.mud-select .mud-input[b-gdyjqnqlce] {
    height: 100px !important;
}
.createButton__container[b-gdyjqnqlce] {
    display: flex;
    justify-content: flex-end; 
    width: 100%; 
    padding-right: 10px; 
}

.mainContainer[b-gdyjqnqlce]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Billing/TokenLots.razor.rz.scp.css */
.token-lots__content[b-qkn76kskfk] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%;
}

.token-lots__summary[b-qkn76kskfk],
.token-lots__grid[b-qkn76kskfk] {
    width: 100%;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
}

.token-lots__summary-header[b-qkn76kskfk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.token-lots__metrics[b-qkn76kskfk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.token-lots__metric[b-qkn76kskfk] {
    min-height: 82px;
    padding: 14px 16px;
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
}

.token-lots__metric--balance[b-qkn76kskfk] {
    border-left: 4px solid var(--mud-palette-primary);
}

.token-lots__metric[b-qkn76kskfk]  .mud-typography-body1 {
    margin-top: 7px;
    font-size: 1rem;
    font-weight: 400;
}

.token-lots__explanation[b-qkn76kskfk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-info-hover);
    border-radius: 8px;
}

.token-lots__history-heading[b-qkn76kskfk] {
    margin-bottom: 18px;
}

.token-lots__table[b-qkn76kskfk]  th {
    white-space: nowrap;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.token-lots__table[b-qkn76kskfk]  td,
.token-lots__table[b-qkn76kskfk]  td span,
.token-lots__table[b-qkn76kskfk]  .mud-chip-content {
    font-weight: 400;
}

.token-lots__table[b-qkn76kskfk]  .mud-table-cell {
    padding: 14px 16px;
    vertical-align: middle;
}

@media (max-width: 600px) {
    .token-lots__summary-header[b-qkn76kskfk] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Billing/UserAuthenticatorPopup.razor.rz.scp.css */
.otp-dialog[b-2e6gy3t1bl] {
    width: 420px;
    border-radius: 18px;
}

.otp-header[b-2e6gy3t1bl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.otp-inputs[b-2e6gy3t1bl] {
    display: flex;
    justify-content: center;
    gap: 9px;
    margin: 4px 0;
}

.otp-box[b-2e6gy3t1bl] {
    width: 46px;
    height: 56px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: 700 1.5rem/1 inherit;
    outline: none;
    text-align: center;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

    .otp-box:hover[b-2e6gy3t1bl] { border-color: var(--mud-palette-primary); }

    .otp-box:focus[b-2e6gy3t1bl] {
        border-color: var(--mud-palette-primary);
        box-shadow: 0 0 0 3px var(--mud-palette-primary-hover);
        transform: translateY(-1px);
    }

@media (max-width: 420px) {
    .otp-box[b-2e6gy3t1bl] { width: 40px; height: 52px; }
    .otp-inputs[b-2e6gy3t1bl] { gap: 6px; }
}

.mud-dialog-actions[b-2e6gy3t1bl] {
    padding: 24px;
}

    .mud-dialog-actions .mud-button-root[b-2e6gy3t1bl] {
        height: 54px;
        border-radius: 12px;
        font-size: 1rem;
        font-weight: 600;
    }
/* /Pages/Campaigns/CampaignConifirmationDialogCard.razor.rz.scp.css */
.main__container[b-7vgb7ncutl] {
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    display: flex;
    padding: var(--gutter-size-extra-small) var(--gutter-size);
    text-align: center;
    width: 230px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--gutter-size-medium);
}

.item__container[b-7vgb7ncutl] {
    display: flex;
    justify-content: space-between;
}

    .item__container[b-7vgb7ncutl]  h3 {
        padding-right: var(--gutter-size);
    }

.icon__container[b-7vgb7ncutl] {
    margin-bottom: auto;
}

    .icon__container[b-7vgb7ncutl]  .mud-icon-size-large {
        height: 60px;
        width: 60px;
    }

.items__container[b-7vgb7ncutl]{
    margin-top: auto;
    margin-bottom: auto;
}

.main__container[b-7vgb7ncutl]  .nonmulti__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.multi__item[b-7vgb7ncutl] {
    align-self: center;
    width: 100%;
}
/* /Pages/Campaigns/Campaigns.razor.rz.scp.css */
.mainContainer[b-fh0ago1avp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-fh0ago1avp]  .campaign__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-fh0ago1avp] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-fh0ago1avp] {
    width: 370px;
}

.grid__container[b-fh0ago1avp] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

.actions__container[b-fh0ago1avp] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.mainContainer.subTable[b-fh0ago1avp]  .campaign__row td:first-child,
.mainContainer.subTable[b-fh0ago1avp]  .campaign__heading th:first-child {
    display: none;
}

.idColumn[b-fh0ago1avp] {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 0px var(--gutter-size-extra-small);
    border-radius: var(--border-radius-medium);
}

    .idColumn:hover[b-fh0ago1avp] {
        background: var(--colour-system-highlight-background-active);
    }


.sourceValue[b-fh0ago1avp], .statusValue[b-fh0ago1avp] {
    border-radius: 10px;
    background: var(--background);
    color: var(--foreground);
    padding: var(--gutter-size-extra-small);
    font-size: var(--font-size-caption);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 15px;
}

.statusValue[b-fh0ago1avp]{
    width: fit-content;
    padding: var(--gutter-size-small);
    line-height: 1px;
}

    .sourceValue.api[b-fh0ago1avp] {
        --background: var(--colour-action-secondary);
        --foreground: var(--colour-action-secondary-foreground);
    }

    .statusValue.Cancelled[b-fh0ago1avp] {
        background: var(--colour-action-warning-background);
        color: var(--colour-action-warning-foreground);
    }

    .statusValue.Paused[b-fh0ago1avp] {
        background: #888888;
        color: #fff;
    }


    .statusValue.Scheduled[b-fh0ago1avp] {
        background: var(--colour-action-secondary);
        color: var(--colour-action-secondary-dark-foreground);
    }

    .statusValue.Running[b-fh0ago1avp] {
        background: var(--colour-action-primary);
        color: var(--colour-action-primary-foreground);
    }

.mainContainer[b-fh0ago1avp]  .menuButton > button {
    padding: 0px;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-fh0ago1avp]  .campaign__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

    .gridHeading__container[b-fh0ago1avp] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-fh0ago1avp] {
        width: 100%;
    }
}



@media screen and (min-width: 600px) {
    .actions__container[b-fh0ago1avp] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-fh0ago1avp]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}

.popover[b-fh0ago1avp] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(7, 55, 86, 0.38);
    backdrop-filter: blur(2px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popover-content[b-fh0ago1avp] {
    width: min(460px, calc(100vw - 32px));
    background: #fff;
    border: 1px solid var(--colour-border-subtle);
    border-radius: var(--border-radius-large);
    padding: var(--gutter-size-large);
    box-shadow: 0 20px 48px rgba(7, 55, 86, 0.24);
}

.popover-headerContent[b-fh0ago1avp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gutter-size);
    margin-bottom: var(--gutter-size);
}

.popover-subtitle[b-fh0ago1avp] {
    color: var(--colour-text-description);
    margin-top: var(--gutter-size-extra-small);
}

.popover-title[b-fh0ago1avp] {
    margin: 0;
    font-size: var(--font-size-heading-5);
    font-weight: 600;
}

.popover-scheduleDisplay[b-fh0ago1avp] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-medium);
    background: color-mix(in srgb, var(--colour-action-primary) 9%, white);
    border: 1px solid color-mix(in srgb, var(--colour-action-primary) 20%, white);
    padding: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
    margin-bottom: var(--gutter-size-large);
    color: var(--colour-action-secondary);
}

.popover-schedulePicker[b-fh0ago1avp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    gap: var(--gutter-size);
}

.popover-field[b-fh0ago1avp] {
    min-width: 0;
}

.popover-fieldLabel[b-fh0ago1avp],
.popover-scheduleLabel[b-fh0ago1avp] {
    display: block;
    color: var(--colour-text-description);
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: var(--gutter-size-small);
}

.popover-scheduleLabel[b-fh0ago1avp] {
    margin-bottom: 2px;
}

.popover-scheduleValue[b-fh0ago1avp] {
    font-weight: 600;
}

.popover-timeField[b-fh0ago1avp]  .timePicker {
    width: 100%;
    min-height: 70px;
    box-sizing: border-box;
    padding: 0 var(--gutter-size-small);
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    justify-content: space-between;
}

.popover-timeField[b-fh0ago1avp]  .mud-input-control {
    margin: 0;
}

.popover-timeField[b-fh0ago1avp]  .mud-input-slot {
    padding: 0;
}

.popover-errors[b-fh0ago1avp] {
    min-height: 20px;
    margin-top: var(--gutter-size-small);
}

.popover-buttons[b-fh0ago1avp] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: var(--gutter-size) calc(var(--gutter-size-large) * -1) calc(var(--gutter-size-large) * -1);
    padding: var(--gutter-size) var(--gutter-size-large);
    background: #fafbfc;
    border-top: 1px solid var(--colour-border-subtle);
    border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
}

@media screen and (max-width: 500px) {
    .popover-content[b-fh0ago1avp] {
        padding: var(--gutter-size);
    }

    .popover-schedulePicker[b-fh0ago1avp] {
        grid-template-columns: 1fr;
    }

    .popover-buttons[b-fh0ago1avp] {
        margin: var(--gutter-size) calc(var(--gutter-size) * -1) calc(var(--gutter-size) * -1);
        padding: var(--gutter-size);
    }
}

.schedulePicker__container[b-fh0ago1avp] {
    display: grid;
    gap: var(--gutter-size-medium);
    grid-template-columns: 180px 20px 100px;
    align-items: center;
}

    .schedulePicker__container[b-fh0ago1avp]  .mud-picker .mud-input-adornment-icon-button {
        padding: var(--gutter-size-small);
    }

        .schedulePicker__container[b-fh0ago1avp]  .mud-picker .mud-input-adornment-icon-button:hover {
            color: var(--colour-action-secondary-foreground) !important; /* Mud marks this as important, so we need to, to override it as well*/
        }
/* /Pages/Campaigns/CampaignSendConfirmationDialog.razor.rz.scp.css */
.body__container[b-21mbj0l03i] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.example__body[b-21mbj0l03i] {
    padding: var(--gutter-size);
    background: rgba(221, 221, 221, 0.28);
    border-radius: var(--border-radius-medium);
    border-color: silver;
    border-width: 1px;
    word-break: break-all;
}

.cannotAfford__container[b-21mbj0l03i] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-medium);
}

.summary__container[b-21mbj0l03i] {
    display: flex;
    gap: var(--gutter-size-medium);
    justify-content: space-between;
    padding-bottom: var(--gutter-size-medium);
}

.highlighted[b-21mbj0l03i] {
    color: var(--colour-action-primary);
}

.preview__buttons[b-21mbj0l03i] {
    font-size: var(--mud-typography-h6-size);
    display: flex;
    gap: var(--gutter-size-medium);
    padding-left: var(--gutter-size-medium);
}

.preview__buttons > p:hover[b-21mbj0l03i]{
    cursor: pointer;
}
/* /Pages/Campaigns/Create/CampaignCreator.razor.rz.scp.css */

.inputs__container[b-btslo9cjt2] {
    position: relative;
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}


.inputSection__container[b-btslo9cjt2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.inputSection__heading[b-btslo9cjt2] {
    font-size: var(--font-size-heading-5);
}

.inputSection__description[b-btslo9cjt2] {
    font-size: var(--font-size-subtitle-2);
    color: var(--colour-text-description);
}

.groupsSelection__container[b-btslo9cjt2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.schedule__container[b-btslo9cjt2]  .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense,
.schedule__container[b-btslo9cjt2]  .mud-input > input.mud-input-root-outlined,
.schedule__container[b-btslo9cjt2]  div.mud-input-slot.mud-input-root-outlined {
    padding-top: var(--gutter-size-small);
    padding-bottom: var(--gutter-size-small);
}

.schedule__container[b-btslo9cjt2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.schedulePicker__container[b-btslo9cjt2]  > div, {
    align-items: center;
    display: flex;
}

.schedule__container[b-btslo9cjt2]  .mud-input-control {
    margin-top: 0px;
}

.schedule__container[b-btslo9cjt2]  div.mud-input-slot.mud-input-root {
    font-size: var(--font-size-body-1);
}

.schedule__container[b-btslo9cjt2]  .mud-icon-size-medium {
    font-size: 0.875rem;
}

.scheduleType__container[b-btslo9cjt2] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
    width: 180px;
}

.schedulePicker__container[b-btslo9cjt2] {
    display: grid;
    gap: var(--gutter-size-medium);
    grid-template-columns: 180px 20px 100px;
    align-items: center;
}

    .schedulePicker__container[b-btslo9cjt2]  .mud-picker .mud-input-adornment-icon-button{
        padding: var(--gutter-size-small);
    }

    .schedulePicker__container[b-btslo9cjt2]  .mud-picker .mud-input-adornment-icon-button:hover {
        color: var(--colour-action-secondary-foreground) !important; /* Mud marks this as important, so we need to, to override it as well*/
    }

.buttons__container[b-btslo9cjt2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gutter-size-medium);
}

.mainContainer[b-btslo9cjt2]  .timePicker {
    border: 1px solid var(--colour-border-primary);
    border-radius: 4px
}
/* /Pages/Campaigns/Create/CampaignCreatorDialog.razor.rz.scp.css */
/* /Pages/Campaigns/GroupSelector.razor.rz.scp.css */
.mainContainer[b-iof27hp9pe] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    justify-content: center;
    border-radius: var(--border-radius-medium);
    animation: var(--fade-in-animation);
    border: 1px solid var(--colour-border-primary-light);
    padding: var(--gutter-size);
}

.autoComplete__container[b-iof27hp9pe] {
    display: flex;
    gap: var(--gutter-size);
    align-items: center;
}

.noItemsTemplate__container[b-iof27hp9pe] {
    display: flex;
    flex-wrap: wrap;
    padding: var(--gutter-size-small);
    background: var(--colour-system-background-light);
    color: var(--colour-system-foreground-light);
    width: 100%;
    transition: 0.2s;
    cursor: pointer;
}

    .noItemsTemplate__container:hover[b-iof27hp9pe] {
        background: var(--colour-system-background-light);
        color: var(--colour-system-foreground-light);
        transition: 0.2s;
    }

.group__container[b-iof27hp9pe] {
    display: flex;
    cursor: pointer;
}

.groupText__container[b-iof27hp9pe] {
    background: var(--colour-action-system-background);
    color: var(--colour-action-system-foreground);
    border-radius: var(--border-radius-large);
    font-size: var(--font-size-body-1);
    padding: var(--gutter-size-small);
    font-size: var(--font-size-button);
}

.removeIcon__container[b-iof27hp9pe] {
    height: 100%;
    display: flex;
    align-items: center;
}

.mainContainer[b-iof27hp9pe]  .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end,
.mainContainer[b-iof27hp9pe]  div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding: var(--gutter-size-small);
}

.mainContainer[b-iof27hp9pe]  .mud-input-control.mud-select {
    margin-top: 0px;
}


.mainContainer[b-iof27hp9pe]  .mud-icon-button {
    padding: var(--gutter-size-small);
}

.customFields__container[b-iof27hp9pe] {
}
/* /Pages/Campaigns/TemplateSelector.razor.rz.scp.css */
.noItemsTemplate__container[b-3p991hij1i] {
    display: flex;
    flex-wrap: wrap;
    padding: var(--gutter-size-small);
    background: var(--colour-system-background-light);
    color: var(--colour-system-foreground-light);
    width: 100%;
    transition: 0.2s;
    cursor: pointer;
    animation: var(--fade-in-animation);
}

    .noItemsTemplate__container:hover[b-3p991hij1i] {
        background: var(--colour-system-background-dark);
        color: var(--colour-system-foreground-dark);
        transition: 0.2s;
    }

.template__container[b-3p991hij1i] {
    cursor: pointer;
}

.templateBody__container[b-3p991hij1i]{
    font-size: var(--font-size-subtitle-1);
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    white-space: nowrap;
}



.mainContainer[b-3p991hij1i]  .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end,
.mainContainer[b-3p991hij1i]  div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding: var(--gutter-size-small);
}

.mainContainer[b-3p991hij1i]  .mud-icon-button{
    padding: var(--gutter-size-small);
}
/* /Pages/Contacts/Contact.razor.rz.scp.css */
.mainContainer[b-cvqggfbnto] {
    container-type: inline-size;
    width: 100%;
}

.mainContainer[b-cvqggfbnto],
.inputs__container[b-cvqggfbnto] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

.inputs__container[b-cvqggfbnto] {
    background: var(--colour-system-background-light);
    border-radius: var(--border-radius-medium);
}


.saving .inputs__container[b-cvqggfbnto] {
    transition: 0.2s;
}

.topInputs__container[b-cvqggfbnto] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--gutter-size-medium);
}
/* /Pages/Contacts/ContactDisplayCard.razor.rz.scp.css */
.mainContainer[b-tng1at0unu] {
    display: grid;
    grid-template-areas:
        "mobile name"
        "mobile email";
    grid-template-columns: 150px auto;
    align-items: center;
    padding: var(--gutter-size-small);
}

.mobileNumber__container[b-tng1at0unu] {
    grid-area: mobile;
}

.fullname__container[b-tng1at0unu] {
    grid-area: name;
}

.email__container[b-tng1at0unu] {
    grid-area: email;
}

.fullname__container[b-tng1at0unu],
.email__container[b-tng1at0unu] {
    font-size: var(--font-size-body-2);
    opacity: 0.5;
    display: flex;
    gap: var(--gutter-size);
    overflow: hidden;
}

    .fullname__container span:last-child[b-tng1at0unu],
    .email__container span:last-child[b-tng1at0unu] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/* /Pages/Contacts/ContactGroups.razor.rz.scp.css */
.mainContainer[b-6n108q4gm4] {
    container-type: inline-size;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

.newGroup__container[b-6n108q4gm4]  .mainContainer.groupSelector {
    border: none;
}

h2[b-6n108q4gm4] {
    font-size: var(--font-size-heading-2);
}
/* /Pages/Contacts/Contacts.razor.rz.scp.css */
.mainContainer[b-qhk9j0t4cp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-qhk9j0t4cp]  .contact__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }


.gridHeading__container[b-qhk9j0t4cp] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-qhk9j0t4cp] {
    width: 370px;
}

.grid__container[b-qhk9j0t4cp] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-qhk9j0t4cp]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.actions__container[b-qhk9j0t4cp] {
    display: flex;
    gap: var(--gutter-size-medium);
    flex-direction: column;
}

.mainContainer.subTable[b-qhk9j0t4cp]  .contact__row td:first-child,
.mainContainer.subTable[b-qhk9j0t4cp]  .contact__heading th:first-child {
    display: none;
}

.mainContainer[b-qhk9j0t4cp]  .mud-menu > button {
    padding: 0px;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-qhk9j0t4cp]  .contact__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-qhk9j0t4cp]  .contact__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-qhk9j0t4cp]  .contact__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-qhk9j0t4cp]  .contact__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-qhk9j0t4cp] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-qhk9j0t4cp] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-qhk9j0t4cp] {
        display: grid;
        grid-template-columns: 200px 200px;
        justify-content: end;
    }
}

.mainContainer[b-qhk9j0t4cp]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Contacts/ContactTabs.razor.rz.scp.css */
.mainContainer[b-rwtkdc34xn] {
    container-type: inline-size;
    width: 100%;
    height: 100%;
}

.mainContainer[b-rwtkdc34xn] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

    .mainContainer[b-rwtkdc34xn]  > .mud-tabs,
    .mainContainer[b-rwtkdc34xn]  > .mud-tabs > .mud-tabs-panels {
        height: 100%;
    }

    .mainContainer[b-rwtkdc34xn]  .mud-tabs-tabbar .mud-tab.mud-tab-active {
        color: white !important;
        background-color: #084871 !important;
    }
/* /Pages/Contacts/ContactUploader.razor.rz.scp.css */
.mainContainer[b-4un64w2gb7] {
    container-type: inline-size;
}

    .mainContainer[b-4un64w2gb7]  .uploadInput {
        z-index: 11;
        opacity: 0;
    }

.fileUploaderContent__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

    .fileUploaderContent__container[b-4un64w2gb7]  mud-paper {
        margin-top: 0px;
    }

.fileInputs__container[b-4un64w2gb7] {
    height: 150px;
    width: 100%;
    padding: var(--gutter-size);
    z-index: 10;
    position: relative;
    border-width: 2px;
    border-style: dashed;
    border-radius: var(--border-radius-large);
    border-color: var(--mud-palette-lines-default);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: var(--mud-palette-text-primary);
}

    .fileInputs__container.hasFile[b-4un64w2gb7] {
        height: 192px;
    }

.input__title[b-4un64w2gb7] {
    display: flex;
    gap: var(--gutter-size-extra-small);
    font-size: var(--font-size-body-1);
}

.dropContent__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    height: 100%;
}

.uploadSection__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(-5px); /* Svg's are weird and don't fit their box perfectly, this helps everything looks centered vertically */
}

.uploadText__container[b-4un64w2gb7]  .clickToUploadText {
    color: var(--colour-action-primary);
}

.mainContainer[b-4un64w2gb7]  .file__chip {
    min-height: 24px;
    padding: var(--gutter-size-small);
    height: unset;
}

    .mainContainer[b-4un64w2gb7]  .file__chip > span {
        text-wrap: wrap;
    }

[b-4un64w2gb7] .actionButtons__container {
    display: grid;
    grid-template-areas: "import"
        "clear"
        "back";
    align-content: center;
    gap: var(--gutter-size-medium);
    z-index: 12;
    margin-top: 100px;
}

    [b-4un64w2gb7] .actionButtons__container .backButton {
        grid-area: back
    }

    [b-4un64w2gb7] .actionButtons__container .importButton {
        grid-area: import
    }

    [b-4un64w2gb7] .actionButtons__container .clearButton {
        grid-area: clear
    }

.processing__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    height: auto;
    animation: var(--fade-in-animation);
}

.importing__container[b-4un64w2gb7] {
    padding: var(--gutter-size-medium);
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    overflow-y: scroll;
}

.downloadTemplateButton__container[b-4un64w2gb7],
.selectGroup__container[b-4un64w2gb7] {
    z-index: 12;
}

.downloadTemplateButton__container[b-4un64w2gb7] {
    display: flex;
    justify-content: end;
}

.downloadTemplate__button[b-4un64w2gb7] {
    color: var(--colour-link-primary);
    display: flex;
    align-items: center;
    font-weight: bold;
    text-decoration: none;
    font-size: var(--font-size-body-1);
}

    .downloadTemplate__button:hover[b-4un64w2gb7] {
        text-decoration: underline;
    }

.progress__container[b-4un64w2gb7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    animation: var(--fade-in-animation);
    opacity: 0.6;
    transition: 0.2s;
}

    .progress__container.active[b-4un64w2gb7] {
        opacity: 1;
    }

.progress__headingContainer[b-4un64w2gb7] {
    display: flex;
    flex-direction: row;
    gap: var(--gutter-size-small);
}

.progressDescription__container[b-4un64w2gb7] {
    display: flex;
}

.progress__container .progress__percentage__container[b-4un64w2gb7] {
    margin-left: auto;
}

.progress__percentage_remainingContainer[b-4un64w2gb7] {
    display: flex;
    gap: var(--gutter-size-small);
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-text-description);
}

.finishedMessage__heading[b-4un64w2gb7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gutter-size-medium);
}

    .finishedMessage__heading > span[b-4un64w2gb7] {
        font-size: var(--font-size-heading-3);
    }

.finishedMessage__body[b-4un64w2gb7] {
    text-align: center;
}

.mud-button[b-4un64w2gb7] {
    margin-right: 8px;
    margin-bottom: 8px;
}

.backButton[b-4un64w2gb7] {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .backButton:hover[b-4un64w2gb7] {
        background-color: #e0e0e0;
        color: #000;
    }


@container (min-width: 400px) {
    .fileInputs__container[b-4un64w2gb7] {
        height: 125px;
    }

        .fileInputs__container.hasFile[b-4un64w2gb7] {
            height: 172px;
        }

    .mainContainer[b-4un64w2gb7]  .actionButtons__container {
        flex-direction: row;
        justify-content: start;
    }

    [b-4un64w2gb7] .actionButtons__container {
        grid-template-areas: "back import clear";
    }

        [b-4un64w2gb7] .actionButtons__container > button:not(.clearButton) {
            min-width: 145px;
        }
}

.import-results[b-4un64w2gb7] {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    background-color: #f8f9fa;
}

.table-responsive[b-4un64w2gb7] {
    overflow-x: auto;
}

.table[b-4un64w2gb7] {
    font-size: 0.9rem;
    width: 100%;
    border-collapse: separate; /* Needed for border-spacing to work */
    border-spacing: 0 1rem; /* Vertical spacing between rows */
}

    .table th[b-4un64w2gb7] {
        background-color: #e9ecef;
        font-weight: 600;
        padding: 0.75rem 1.5rem; /* Increased horizontal padding */
    }

    .table td[b-4un64w2gb7] {
        padding: 0.75rem 1.5rem; /* Match header padding */
        vertical-align: middle;
    }

.table-striped tbody tr:nth-of-type(odd)[b-4un64w2gb7] {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-striped tbody tr:hover[b-4un64w2gb7] {
    background-color: rgba(0, 0, 0, 0.04);
}
/* /Pages/Contacts/CustomFieldsEditor.razor.rz.scp.css */
.mainContainer[b-i0e3naxr0q]{
    display: grid;
    grid-template-columns: auto auto;
    column-gap: var(--gutter-size-medium);
}

.customField__container[b-i0e3naxr0q]  .mud-input-label {
    font-size: 0.75rem !important;
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
.mainContainer[b-5doxclutqp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%;
    min-width: 0;
    padding-bottom: 80px;
    color: var(--colour-system-foreground-light);
}

.dashboardHeader__container[b-5doxclutqp] {
    background: linear-gradient(135deg, #ffffff 0%, #f7fbfe 100%);
    border: 1px solid var(--colour-border-subtle);
    border-left: 4px solid var(--colour-action-primary);
    border-radius: var(--border-radius-large);
    box-shadow: var(--surface-card-shadow);
    padding: var(--gutter-size-large);
}

.dashboardHeader__container[b-5doxclutqp]  .heading__container {
    padding: 0;
    align-items: center;
}

.dashboardHeader__container[b-5doxclutqp]  .heading {
    color: var(--colour-action-secondary);
    font-size: clamp(1.65rem, 1.2rem + 0.9vw, 2.25rem);
    font-weight: 700;
    line-height: 1.08;
}

.dashboardHeader__container[b-5doxclutqp]  .description {
    max-width: 760px;
    color: var(--colour-text-description);
    font-size: 0.875rem;
    line-height: 1.55;
}

.information__container[b-5doxclutqp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: var(--gutter-size);
    align-items: stretch;
}

.graph__container[b-5doxclutqp],
.statistics__container[b-5doxclutqp] {
    width: 100%;
    min-width: 0;
    background: var(--colour-system-background-light);
    border: 1px solid var(--colour-border-subtle);
    border-radius: var(--border-radius-large);
    box-shadow: var(--surface-card-shadow);
    box-sizing: border-box;
}

.graph__container[b-5doxclutqp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    padding: var(--gutter-size-large);
}

.dashboardPanelHeader__container[b-5doxclutqp] {
    display: flex;
    justify-content: space-between;
    gap: var(--gutter-size);
    align-items: flex-start;
}

.dashboardPanelHeader__container[b-5doxclutqp]  .mud-typography-h4 {
    color: var(--colour-action-secondary);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.dashboardPanelHeader__container[b-5doxclutqp]  .mud-typography-body2 {
    color: var(--colour-text-description);
    font-size: 0.8125rem;
}

.graph__container[b-5doxclutqp]  .mud-chart-line .mud-charts-xaxis > text,
.graph__container[b-5doxclutqp]  .mud-chart-line .mud-charts-yaxis > text {
    font-size: 8px;
}

.graph__container[b-5doxclutqp]  .mud-chart-legend-bottom > .mud-chart-legend {
    display: none;
}

.graph__container[b-5doxclutqp]  .lvc-content {
    height: 190px;
    min-height: 170px;
}

.select__container[b-5doxclutqp] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--gutter-size);
    flex-wrap: wrap;
    border-top: 1px solid var(--colour-border-subtle);
    padding-top: var(--gutter-size);
}

.select__container[b-5doxclutqp]  .mud-input-control {
    margin-top: 0;
}

.status__buttons[b-5doxclutqp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--gutter-size-small);
    flex-wrap: wrap;
}

.status__buttons > button[b-5doxclutqp] {
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--colour-text-description);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.status__buttons > button:hover[b-5doxclutqp] {
    background: #eef8fd;
    color: var(--colour-action-primary-dark);
}

.status__buttons > button.highlighted[b-5doxclutqp] {
    background: rgba(0, 174, 239, 0.12);
    border-color: rgba(0, 174, 239, 0.28);
    color: var(--colour-action-primary-dark);
}

.statistics__container[b-5doxclutqp] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    padding: var(--gutter-size-large);
}

.statisticsHeader__container[b-5doxclutqp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gutter-size);
}

.statisticsHeader__container[b-5doxclutqp]  .mud-typography-h5,
.dashboardSectionHeader__container[b-5doxclutqp]  .mud-typography-h5 {
    color: var(--colour-action-secondary);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
}

.statisticsHeader__container[b-5doxclutqp]  .mud-typography-body2,
.dashboardSectionHeader__container[b-5doxclutqp]  .mud-typography-body2 {
    color: var(--colour-text-description);
    font-size: 0.8125rem;
}

.todayTotal__container[b-5doxclutqp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 78px;
    min-height: 42px;
    padding: 8px 12px;
    border-radius: var(--border-radius-large);
    background: var(--colour-action-secondary);
    color: var(--colour-action-secondary-foreground);
    font-weight: 700;
    line-height: 1;
}

.todayTotal__container[b-5doxclutqp]  .mud-icon-root {
    color: currentColor;
}

.trialMessage__container[b-5doxclutqp] {
    margin: 0;
    padding: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
    background: rgba(212, 24, 61, 0.07);
    color: var(--colour-text-description);
    font-size: 0.8125rem;
    line-height: 1.45;
}

.trialMessage__container a[b-5doxclutqp] {
    color: var(--colour-action-danger-background);
    font-weight: 700;
    text-decoration: none;
}

.statistics__container[b-5doxclutqp]  .mud-alert {
    width: 100%;
    border: 1px solid rgba(246, 166, 0, 0.32);
    background: rgba(246, 166, 0, 0.08);
    color: #8a5600;
    border-radius: var(--border-radius-medium);
}

.statistics__container[b-5doxclutqp]  .mud-divider {
    border-color: var(--colour-border-subtle);
}

.totals__container[b-5doxclutqp] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.totalLine__container[b-5doxclutqp] {
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr) auto;
    gap: var(--gutter-size-small);
    align-items: center;
    min-height: 36px;
    padding: 8px 10px;
    border-radius: var(--border-radius-medium);
    transition: background-color 0.16s ease;
}

.totalLine__container:hover[b-5doxclutqp] {
    background: #f5f9fc;
}

.status__colour[b-5doxclutqp] {
    width: 4px;
    height: 16px;
    border-radius: 999px;
    background: var(--colour);
}

.totalLine__container[b-5doxclutqp]  .status__heading {
    color: var(--colour-system-foreground-light);
    font-size: 0.8125rem;
    font-weight: 600;
}

.totalLine__container[b-5doxclutqp]  .mud-typography-body1 {
    font-size: 0.8125rem;
}

.dashboardSectionHeader__container[b-5doxclutqp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--gutter-size);
    margin-top: var(--gutter-size-small);
}

.countCards__container[b-5doxclutqp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: var(--gutter-size);
    align-items: stretch;
}

.dashboardState__container[b-5doxclutqp],
.dashboardLoadingBlock[b-5doxclutqp] {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--gutter-size);
    text-align: center;
    color: var(--colour-text-description);
    border: 1px dashed var(--colour-border-primary-light);
    border-radius: var(--border-radius-large);
    background: #f8fafc;
    padding: var(--gutter-size-large);
}

.dashboardLoadingBlock[b-5doxclutqp] {
    align-items: stretch;
}

.dashboardLoadingBlock--rail[b-5doxclutqp] {
    min-height: 180px;
}

.dashboardState__container[b-5doxclutqp]  .mud-icon-root {
    width: 48px;
    height: 48px;
    padding: 10px;
    border-radius: 50%;
    background: rgba(0, 174, 239, 0.12);
    box-sizing: border-box;
}

.dashboardState__container[b-5doxclutqp]  .mud-typography-h6 {
    color: var(--colour-action-secondary);
    font-size: 1rem;
    font-weight: 700;
}

.dashboardState__container--wide[b-5doxclutqp] {
    grid-column: 1 / -1;
    min-height: 180px;
}

@media screen and (min-width: 1600px) {
    .information__container[b-5doxclutqp] {
        grid-template-columns: minmax(0, 1fr) minmax(340px, 400px);
    }

    .graph__container[b-5doxclutqp]  .lvc-content {
        height: 200px;
        min-height: 180px;
    }

    .countCards__container[b-5doxclutqp] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media screen and (min-width: 2200px) {
    .information__container[b-5doxclutqp] {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 430px);
    }

    .graph__container[b-5doxclutqp]  .lvc-content {
        height: 210px;
    }
}

@media screen and (max-width: 1024px) {
    .information__container[b-5doxclutqp] {
        grid-template-columns: 1fr;
    }

    .dashboardPanelHeader__container[b-5doxclutqp] {
        flex-direction: column;
    }

    .status__buttons[b-5doxclutqp] {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 640px) {
    .mainContainer[b-5doxclutqp] {
        gap: var(--gutter-size);
    }

    .dashboardHeader__container[b-5doxclutqp],
    .graph__container[b-5doxclutqp],
    .statistics__container[b-5doxclutqp] {
        padding: var(--gutter-size-medium);
    }

    .dashboardHeader__container[b-5doxclutqp]  .heading {
        font-size: 1.5rem;
    }

    .select__container[b-5doxclutqp] {
        justify-content: stretch;
    }

    .select__container[b-5doxclutqp]  .mud-grid-item {
        width: 100%;
    }

    .countCards__container[b-5doxclutqp] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Dashboard/DashboardCountCard.razor.rz.scp.css */
.mainContainer[b-76uhcftwmz] {
    width: 100%;
    min-width: 0;
    min-height: 164px;
    display: grid;
    grid-template-areas: "heading icon"
        "count icon"
        "description description";
    grid-template-columns: minmax(0, 1fr) 44px;
    grid-template-rows: auto auto 1fr;
    grid-gap: 10px 18px;
    justify-content: space-between;
    align-content: start;
    background: var(--colour-system-background-light);
    border: 1px solid var(--colour-border-subtle);
    border-radius: var(--border-radius-large);
    color: var(--colour-system-foreground-light);
    padding: var(--gutter-size-large);
    box-shadow: var(--surface-card-shadow);
    animation: var(--fade-in-animation);
    cursor: pointer;
    box-sizing: border-box;
    transition: box-shadow 0.16s ease, transform 0.16s ease, border-color 0.16s ease;
}

.mainContainer:not(:active):hover[b-76uhcftwmz] {
    border-color: rgba(0, 174, 239, 0.24);
    box-shadow: var(--surface-card-shadow-hover);
    transform: translateY(-1px);
}

.mainContainer:active[b-76uhcftwmz] {
    transform: translateY(0);
}


.heading__container[b-76uhcftwmz] {
    grid-area: heading;
    min-width: 0;
    display: flex;
    align-items: center;
    color: #505050;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.description__container[b-76uhcftwmz] {
    grid-area: description;
    color: var(--colour-text-description);
    font-size: 13px;
    line-height: 1.45;
    min-width: 0;
    align-self: end;
}

.count__container[b-76uhcftwmz] {
    grid-area: count;
    display: flex;
    align-items: center;
    color: var(--colour-system-foreground-light);
    font-weight: 800;
    font-size: 32px;
    line-height: 1.1;
    min-width: 0;
}

.icon__container[b-76uhcftwmz] {
    grid-area: icon;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: color-mix(in srgb, var(--colour) 42%, white);
    border-radius: var(--border-radius-large);
    color: var(--colour-action-secondary);
    font-size: 18px;
    box-shadow: inset 0 0 0 1px rgba(7, 55, 86, 0.08);
}

.icon__container[b-76uhcftwmz]::before {
    font-size: 18px;
    line-height: 1;
}

/*LOADING */
.heading__skeleton[b-76uhcftwmz] {
    grid-area: heading;
}

.icon__skeleton[b-76uhcftwmz] {
    grid-area: icon;
}

.count__skeleton[b-76uhcftwmz] {
    grid-area: count;
}

.descriptionSkeletons__container[b-76uhcftwmz] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    grid-area: description;
    align-self: end;
}

@media screen and (max-width: 640px) {
    .mainContainer[b-76uhcftwmz] {
        min-height: 164px;
        padding: var(--gutter-size-medium);
    }

    .count__container[b-76uhcftwmz] {
        font-size: 28px;
    }
}
/* /Pages/Dashboard/Quickstart/OnboardingCard.razor.rz.scp.css */
.mainContainer[b-pr01mznd3a] {
    border: 1px solid var(--colour-action-primary);
    border-radius: 16px;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
}

.background__container[b-pr01mznd3a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    overflow: hidden;
    border-radius: 16px;
    background: var(--colour-action-primary);
}

.mainContainer.onboardingCard[b-pr01mznd3a]  > *:not(.background__container) {
    z-index: 1;
}

.heading__container[b-pr01mznd3a] {
    display: grid;
    grid-template-areas:
        "icon title"
        "icon description";
    grid-template-columns: 50px 1fr;
    column-gap: var(--gutter-size);
    align-items: center;
}

.heading__icon[b-pr01mznd3a] {
    grid-area: icon;
    height: 50px;
}

.heading__title[b-pr01mznd3a] {
    grid-area: title;
    font-size: 20px;
    color: var(--colour-action-secondary);
}

.heading__description[b-pr01mznd3a] {
    grid-area: description;
    font-size: 16px;
    color: var(--colour-action-secondary);
}

.dismiss__container[b-pr01mznd3a] {
    position: absolute;
    right: var(--gutter-size-small);
    top: var(--gutter-size-small);
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 16px;
}

    .dismiss__container:hover[b-pr01mznd3a] {
        color: var(--colour-action-danger-background);
    }


    .quickstart__container[b-pr01mznd3a] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

.quickstart__heading[b-pr01mznd3a] {
    font-size: 14px;
    color: var(--colour-action-secondary);
}

.quickstart__body[b-pr01mznd3a] {
    display: flex;
    gap: var(--gutter-size-small);
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}

.capabilities__container[b-pr01mznd3a] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.capabilities__heading[b-pr01mznd3a] {
    font-size: 14px;
    color: var(--colour-action-secondary);
}

.capabilities__body[b-pr01mznd3a] {
    display: flex;
    gap: var(--gutter-size);
}

.capability[b-pr01mznd3a] {
    position: relative;
    font-size: 12px;
    color: var(--colour-action-secondary);
    display: flex;
    align-items: center;
}

    .capability:not(:first-child)[b-pr01mznd3a] {
        margin-left: calc(50px + calc(var(--gutter-size)));
    }

        .capability:first-child[b-pr01mznd3a]{
            margin-left: var(--gutter-size);
        }

        .capability[b-pr01mznd3a]:before {
            content: " ";
            width: 6px;
            height: 6px;
            background: var(--colour-action-primary);
            border-radius: 50%;
            transform: translateX(calc(var(--gutter-size-small) * -1));
            position: relative;
            display: block;
        }

.trialAccountStatus__container[b-pr01mznd3a] {
    display: flex;
    gap: var(--gutter-size);
    padding: var(--gutter-size);
    border: 1px solid var(--colour-border-primary-light);
    border-radius: 8px;
    width: 100%;
    background: white;
    align-items: center;
}

.trialAccountStatusText__container[b-pr01mznd3a] {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.trialAccountStatus__title[b-pr01mznd3a] {
    color: var(--colour-action-secondary);
    font-size: 12px;
}

.trialAccountStatus__description[b-pr01mznd3a] {
    opacity: 0.8;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.noCreditCardRequired[b-pr01mznd3a] {
    display: flex;
    align-items: center;
    margin-left: var(--gutter-size);
}

    .noCreditCardRequired[b-pr01mznd3a]:before {
        content: " ";
        width: 6px;
        height: 6px;
        background: var(--colour-action-secondary);
        border-radius: 50%;
        transform: translateX(calc(var(--gutter-size-small) * -1));
        position: relative;
        display: block;
    }


.trialAccountStatus__actionsContainer[b-pr01mznd3a] {
    display: flex;
    gap: var(--gutter-size-medium);
    margin-left: auto;
}

    .trialAccountStatus__actionsContainer[b-pr01mznd3a]  > button {
        height: 32px;
        border-radius: 8px;
    }

        .trialAccountStatus__actionsContainer[b-pr01mznd3a]  > button.mud-button-outlined-primary:not(:hover) {
            color: var(--colour-action-secondary);
        }
/* /Pages/Dashboard/Quickstart/OnboardingQuickStartStep.razor.rz.scp.css */
.mainContainer[b-t0fvr01kc7] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
    padding: var(--gutter-size-medium);
    border: 1px solid var(--colour-action-primary);
    border-radius: 8px;
    background: white;
    min-height: 60px;
    width: 340px;
}


.number__container[b-t0fvr01kc7] {
    border-radius: 50%;
    background: var(--colour-action-secondary);
    color: var(--colour-action-secondary-foreground);
    opacity: 0.8;
    width: 25px;
    height: 25px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text__container[b-t0fvr01kc7] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.title[b-t0fvr01kc7] {
    color: var(--colour-action-secondary);
    font-size: 12px;
}

.description[b-t0fvr01kc7]{
    opacity: 0.7;
    font-size: 12px;
}

.button__container[b-t0fvr01kc7]{
    margin-left: auto;
}

.button__container[b-t0fvr01kc7]  > button {
    height: 32px;
    border-radius: 8px;
    transition: background-color 0.15s linear, color 0.15s linear, border-color 0.15s linear;
}

.button__container[b-t0fvr01kc7]  > button.mud-button-outlined-primary {
    color: var(--colour-action-secondary);
}

.button__container[b-t0fvr01kc7]  > button.mud-button-outlined-primary:hover,
.button__container[b-t0fvr01kc7]  > button.mud-button-text-primary:hover {
    color: var(--colour-action-primary-foreground);
    background: var(--colour-action-primary);
    border-color: var(--colour-action-primary);
}

.button__container[b-t0fvr01kc7]  > button.mud-button-filled-primary:hover {
    background: var(--colour-action-primary-dark);
    color: var(--colour-action-primary-foreground);
}

.mainContainer.current[b-t0fvr01kc7] {
    border-color: var(--colour-action-secondary);
}

.mainContainer.current .number__container[b-t0fvr01kc7] {
    opacity: 1;
}

.mainContainer.complete[b-t0fvr01kc7] {
    border-color: #00A63E;
}

.mainContainer.complete .number__container[b-t0fvr01kc7]{
    background: var(--colour-success);
    opacity: 1;
    color: white;
}
/* /Pages/Groups/Group.razor.rz.scp.css */
.mainContainer[b-t0wj8av9ot] {
    width: 100%;
}

.mainContainer[b-t0wj8av9ot],
.inputs__container[b-t0wj8av9ot] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

.saving .inputs__container[b-t0wj8av9ot] {
    transition: 0.2s;
}

/* /Pages/Groups/GroupMultiSelector.razor.rz.scp.css */
.mainContainer[b-70rtu8tld0] {
    position: relative;
}

.groupText__container[b-70rtu8tld0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


[b-70rtu8tld0] .mud-success-text {
    color: var(--colour-system-foreground) !important;
}


.mainContainer[b-70rtu8tld0]  .mud-input > input.mud-input-root-outlined {
    padding: var(--gutter-size-medium);
}
/* /Pages/Groups/Groups.razor.rz.scp.css */
.mainContainer[b-e615f0m22s] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-e615f0m22s]  .group__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-e615f0m22s] {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.searchBar__container[b-e615f0m22s] {
    width: 370px;
}


.grid__container[b-e615f0m22s] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-e615f0m22s]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.mainContainer[b-e615f0m22s]  .contacts {
    padding: var(--gutter-size);
}

.mainContainer.subTable[b-e615f0m22s]  .group__row td:first-child,
.mainContainer.subTable[b-e615f0m22s]  .group__heading th:first-child {
    display: none;
}

.mainContainer[b-e615f0m22s]  .mud-menu > button{
    padding: 0px;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-e615f0m22s]  .group__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-e615f0m22s]  .group__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-e615f0m22s]  .group__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-e615f0m22s]  .group__row td.actionButton__container:before {
                display: none;
            }

    .gridHeading__container[b-e615f0m22s] {
        display: flex;
        flex-direction: column;
        gap: var(--gutter-size-medium);
    }

    .searchBar__container[b-e615f0m22s] {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .actions__container[b-e615f0m22s] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }
}

.mainContainer[b-e615f0m22s]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Pages/Logging/Logs.razor.rz.scp.css */
.mainContainer[b-wahj5lhbl0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    width: 100%;
}

.actions__container[b-wahj5lhbl0] {
    display: grid;
    grid-template-columns: 400px 40px;
    align-items: center;
    gap: var(--gutter-size);
}

.group__container[b-wahj5lhbl0] {
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-small);
    background: var(--colour-system-background-dark);
    box-shadow: var(--drop-shadow-small);
    gap: var(--gutter-size);
}

.group__heading[b-wahj5lhbl0] {
    display: flex;
    justify-content: space-around;
    color: white;
    background: var(--colour-action-primary);
    padding: var(--gutter-size-medium);
}

    .group__heading > div > div > span:first-child[b-wahj5lhbl0] {
        color: var(--colour-action-secondary);
    }

    .group__heading > div > div[b-wahj5lhbl0] {
        display: grid;
        grid-template-columns: 130px auto;
    }

.group__items[b-wahj5lhbl0] {
    padding: var(--gutter-size-small);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.group__item[b-wahj5lhbl0] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size-small);
    border: 1px solid var(--colour-border-primary-light);
    background: var(--colour-system-background);
    border-radius: var(--border-radius-medium);
}

.groupItem__heading[b-wahj5lhbl0] {
    display: grid;
    grid-template-columns: auto 250px;
    align-items: center;
    gap: var(--gutter-size-small);
}

.group__itemMessage[b-wahj5lhbl0] {
    line-break: anywhere;
    overflow-x: scroll;
}

.status__info[b-wahj5lhbl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gutter-size-small);
}

    .status__info > span:last-child[b-wahj5lhbl0] {
        color: var(--colour-action-inactive);
    }

.httpRequest__data[b-wahj5lhbl0] {
    display: grid;
    grid-template-columns: 50px auto 40px;
}

.exceptionDetails__container > div[b-wahj5lhbl0],
.exceptionDetails__container > pre[b-wahj5lhbl0] {
    display: grid;
    grid-template-columns: 130px auto;
    gap: var(--gutter-size-small);
}

    .exceptionDetails__container > div > div:first-child[b-wahj5lhbl0] {
        color: var(--colour-action-inactive);
    }

.exceptionDetails__container pre[b-wahj5lhbl0] {
    transform: translateX(-27px);
}

.stackTrace__container[b-wahj5lhbl0]
{
    overflow-x: scroll;
}
/* /Pages/Messages/MessageDetails.razor.rz.scp.css */
.mainContainer[b-s3y3lw62ya] {
    display: flex;
    flex-direction: column;
    padding: var(--gutter-size-small);
    gap: var(--gutter-size);
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    justify-content: center;
}

.messageInfo__container[b-s3y3lw62ya] {
    display: grid;
    grid-template-columns: 30px auto;
    gap: var(--gutter-size-medium);
}

.expandButton__container[b-s3y3lw62ya] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.expandButton__iconContainer[b-s3y3lw62ya] {
    transition: 0.2s;
    padding: var(--gutter-size-extra-small);
    cursor: pointer;
    border-radius: 50%;
}

    .expandButton__iconContainer[b-s3y3lw62ya]  > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .expandButton__iconContainer:hover[b-s3y3lw62ya] {
        background: var(--colour-action-inactive-light);
    }



.messageDetails__container[b-s3y3lw62ya] {
    display: grid;
    grid-template-columns: 120px 200px auto;
    justify-content: space-between;
    gap: var(--gutter-size);
}

.messageDetails__contactNumber[b-s3y3lw62ya] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.messageDetail__container[b-s3y3lw62ya] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.status__container[b-s3y3lw62ya] {
    display: grid;
    grid-template-columns: 70px auto;
    gap: var(--gutter-size-medium);
    align-items: center;
}

.messageDetails__heading[b-s3y3lw62ya] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
}

.statusHeading__container[b-s3y3lw62ya] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
    text-align: end;
}

.statusDescription__container.description[b-s3y3lw62ya] {
    color: var(--colour-action-inactive);
}

.contactDetails__container[b-s3y3lw62ya] {
    display: grid;
    grid-template-columns: auto 200px;
    gap: var(--gutter-size);
    padding: var(--gutter-size);
    max-width: 650px;
    background: var(--colour-system-background-dark);
    margin: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--drop-shadow-small);
}

.contactDetails__heading[b-s3y3lw62ya] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
}

.contactDetails__value[b-s3y3lw62ya] {
}
/* /Pages/Messages/MessageReplyCollection.razor.rz.scp.css */
.mainContainer[b-5cgjo5r62z] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    padding: var(--gutter-size);
    max-width: 650px;
    background: var(--colour-system-background-dark);
    margin: var(--gutter-size-medium);
    border-radius: var(--border-radius-medium);
    box-shadow: var(--drop-shadow-small);
}

.message[b-5cgjo5r62z] {
    border-radius: var(--border-radius-large);
    padding: var(--gutter-size-medium);
    max-width: 450px;
}

.message__meta[b-5cgjo5r62z]{
    display: flex;
    gap: var(--gutter-size);
    justify-content: space-between;
}

.message__meta > div[b-5cgjo5r62z]{
    color: var(--colour-action-inactive);
    font-size: var(--font-size-body-2);
}

.ourMessage[b-5cgjo5r62z] {
    margin-right: auto;
}

    .ourMessage .message[b-5cgjo5r62z] {
        background: var(--colour-action-primary);
        color: var(--colour-action-primary-foreground);
        border-bottom-left-radius: 0px;
        padding-left: var(--gutter-size-large);
        margin-left: var(--gutter-size-medium);
        word-wrap: break-word;
    }

.theirMessage[b-5cgjo5r62z] {
    margin-left: auto;
}

    .theirMessage .message[b-5cgjo5r62z] {
        background: var(--colour-action-secondary);
        color: var(--colour-action-secondary-foreground);
        border-bottom-right-radius: 0;
        padding-right: var(--gutter-size-large);
        margin-right: var(--gutter-size-medium);
        word-wrap: break-word;
    }

    .theirMessage .message__meta[b-5cgjo5r62z]{
        flex-direction: row-reverse;
    }
/* /Pages/Messages/Messages.razor.rz.scp.css */

.mainContainer[b-v1f0dm6tfd] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%;
    position: relative;
    min-height: 200px;
    max-height: 800px;
    overflow-y: auto;
}

.messageCountContainer[b-v1f0dm6tfd]{
    display: flex;
    gap: var(--gutter-size-large);
}
/* /Pages/Messages/MessageSelector.razor.rz.scp.css */
.mainContainer[b-qaigdp2icq] {
    display: flex;
    flex-direction: column;
    padding: 0 0 2px 0;
}

.heading__container[b-qaigdp2icq] {
    gap: var(--gutter-size-small);
    margin-bottom: var(--gutter-size-small);
}

    .heading__container[b-qaigdp2icq]  .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense,
    .heading__container[b-qaigdp2icq]  .mud-input > input.mud-input-root-outlined {
        padding-top: var(--gutter-size-small);
        padding-bottom: var(--gutter-size-small);
    }

    .heading__container[b-qaigdp2icq]  > div.mud-select {
        max-width: min-content;
        flex-grow: unset;
    }

    .heading__container[b-qaigdp2icq]  .mud-radio:hover .mud-ripple {
        border-radius: 100%;
        overflow: hidden;
        background-color: #f0f0f0;
    }

    .heading__container[b-qaigdp2icq]  .mud-radio-button {
        width: 10px;
        height: 10px;
    }

    
/* /Pages/Reports/Campaign/CampaignReport.razor.rz.scp.css */
.mainContainer[b-hlhi1nqzyh] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    display: flex;
    flex-direction: column;
    min-width: 0;
    box-sizing: border-box;
}

.searchInputs__container[b-hlhi1nqzyh] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-subtle);
    box-shadow: var(--surface-card-shadow);
    overflow: hidden;
}

.searchInputs__heading[b-hlhi1nqzyh] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-hlhi1nqzyh] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
    flex-wrap: wrap;
}

.searchInput[b-hlhi1nqzyh] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-hlhi1nqzyh] {
    width: min(350px, 100%);
}

    .searchInput__input.date[b-hlhi1nqzyh]  input {
        text-align: center;
    }

.searchInput__input.status[b-hlhi1nqzyh] {
    width: 100%;
}

.searchButton__container[b-hlhi1nqzyh] {
    margin-left: auto;
    align-self: end;
}

.optional__text[b-hlhi1nqzyh] {
    font-size: var(--font-size-caption);
    opacity: 0.7;
}

.reportLoader[b-hlhi1nqzyh] {
    position: relative;
    height: 100px;
}


.summary__container[b-hlhi1nqzyh] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-subtle);
    border-radius: var(--border-radius-large);
    padding: var(--gutter-size-large);
    gap: var(--gutter-size);
    background: var(--colour-system-background-light);
    box-shadow: var(--surface-card-shadow);
    min-width: 0;
}

.summary__bodyContainer[b-hlhi1nqzyh] {
    display: flex;
    gap: var(--gutter-size);
    flex-direction: column;
}

.cost__summary[b-hlhi1nqzyh] {
    display: flex;
    gap: var(--gutter-size);
}

.summary__costsContainer[b-hlhi1nqzyh] {
    flex: 3;
    display: flex;
    justify-content: space-evenly;
}

.summary__cost[b-hlhi1nqzyh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: var(--gutter-size);
}

    .summary__cost[b-hlhi1nqzyh]:after {
        content: " ";
        width: 4px;
        background: var(--cost-colour);
        position: absolute;
        height: 130%;
        top: 50%;
        left: 0%;
        border-radius: 4px;
        transform: translateY(-50%);
    }

    .summary__cost.credit[b-hlhi1nqzyh] {
        --cost-colour: var(--colour-action-primary);
    }

    .summary__cost.postpaid[b-hlhi1nqzyh] {
        --cost-colour: var(--colour-action-secondary);
    }

    .summary__cost.total[b-hlhi1nqzyh] {
        --cost-colour: var(--colour-action-inactive);
    }

.summary__countsContainer[b-hlhi1nqzyh] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.summary__countContainer[b-hlhi1nqzyh] {
    display: grid;
    grid-template-columns: 100px auto;
}

    .summary__countContainer > div:first-child[b-hlhi1nqzyh],
    .summary__cost > div:last-child[b-hlhi1nqzyh] {
        color: var(--colour-text-description);
    }

.messages__summary[b-hlhi1nqzyh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5px minmax(320px, 0.72fr);
    gap: var(--gutter-size);
    justify-content: space-between;
    min-width: 0;
}

    .messages__summary[b-hlhi1nqzyh]  .messagesSummary__divider {
        display: none;
    }

.allStats__container[b-hlhi1nqzyh] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


.stats__value[b-hlhi1nqzyh] {
    font-size: var(--font-size-heading-2);
    text-align: center;
}

.stats__heading[b-hlhi1nqzyh] {
    color: var(--colour-action-inactive);
}



.campaignStatus__body[b-hlhi1nqzyh] {
    display: grid;
    grid-template-columns: minmax(160px, 180px) minmax(0, 280px);
    gap: var(--gutter-size);
    align-items: center;
    justify-content: space-between;
    margin: auto;
    min-width: 0;
}

.campaignStatus__counts[b-hlhi1nqzyh] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.campaignStatus__count[b-hlhi1nqzyh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-size-small);
    border-radius: var(--gutter-size-small);
}

    .campaignStatus__count.selected[b-hlhi1nqzyh] {
        background: var(--colour-action-inactive-light);
    }


    .campaignStatus__count:has(.deliveredCount)[b-hlhi1nqzyh] {
        --campaign-status-colour: var(--colour-action-primary);
    }

    .campaignStatus__count:has(.queuedStatusCount)[b-hlhi1nqzyh] {
        --campaign-status-colour: var(--colour-action-secondary);
    }

    .campaignStatus__count:has(.pendingStatusCount)[b-hlhi1nqzyh] {
        --campaign-status-colour: var(--colour-action-warning-background);
    }

    .campaignStatus__count:has(.undeliveredCount)[b-hlhi1nqzyh] {
        --campaign-status-colour: var(--colour-action-danger-background);
    }


.campaignStatus__heading[b-hlhi1nqzyh] {
    border-left: 5px solid var(--campaign-status-colour);
    padding-left: var(--gutter-size-medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.campaigns__container[b-hlhi1nqzyh] {
    opacity: 0;
    pointer-events: none;
}

    .campaigns__container.visible[b-hlhi1nqzyh] {
        transition: 0.2s;
        opacity: 1;
        pointer-events: unset;
    }

@media screen and (max-width: 1270px) {
    .messages__summary[b-hlhi1nqzyh] {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .allStats__container[b-hlhi1nqzyh] {
        width: 100%;
    }

    .messages__summary[b-hlhi1nqzyh]  .messagesSummary__divider {
        display: block;
    }

    .messages__summary[b-hlhi1nqzyh]  .messagesSummary__divider-vertical {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .searchInputs__body[b-hlhi1nqzyh],
    .cost__summary[b-hlhi1nqzyh],
    .allStats__container[b-hlhi1nqzyh] {
        align-items: stretch;
        flex-direction: column;
    }

    .searchInput[b-hlhi1nqzyh],
    .searchInput__input.date[b-hlhi1nqzyh],
    .searchButton__container[b-hlhi1nqzyh] {
        width: 100%;
    }

    .searchButton__container[b-hlhi1nqzyh] {
        margin-left: 0;
    }

    .summary__costsContainer[b-hlhi1nqzyh] {
        flex-direction: column;
        gap: var(--gutter-size);
    }

    .campaignStatus__body[b-hlhi1nqzyh] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Reports/Campaign/CampaignReportMessagesDialog.razor.rz.scp.css */
.mainContainer[b-uv2qjiwnl2] {
    width: 100%;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gutter-size);
}

.heading__container[b-uv2qjiwnl2] {
    display: flex;
    align-items: center;
    width: 100%;
}


.heading__textContainer[b-uv2qjiwnl2] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.heading__description[b-uv2qjiwnl2] {
    color: var(--colour-action-inactive);
    display: flex;
    justify-content: center;
    gap: var(--gutter-size-large);
}

.backButton__container[b-uv2qjiwnl2] {
    border-radius: 4px;
    cursor: pointer;
}

    .backButton__container:hover[b-uv2qjiwnl2] {
        color: black;
    }

.body__container[b-uv2qjiwnl2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}


.searchBar__container[b-uv2qjiwnl2] {
    width: 370px;
}

.messageInfo__container[b-uv2qjiwnl2] {
    display: grid;
    grid-template-columns: 30px auto;
    gap: var(--gutter-size-medium);
}

.expandButton__container[b-uv2qjiwnl2] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.expandButton__iconContainer[b-uv2qjiwnl2] {
    transition: 0.2s;
    padding: var(--gutter-size-extra-small);
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .expandButton__iconContainer:hover[b-uv2qjiwnl2] {
        background: var(--colour-action-inactive-light);
    }

.expandButton__container.expanded .expandButton__iconContainer[b-uv2qjiwnl2] {
    transform: rotate(90deg);
}

.messageDetails__container[b-uv2qjiwnl2] {
    display: grid;
    grid-template-columns: 120px 200px auto;
    justify-content: space-between;
    gap: var(--gutter-size);
}

.messageDetails__contactNumber[b-uv2qjiwnl2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.messageDetail__container[b-uv2qjiwnl2] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
}

.status__container[b-uv2qjiwnl2] {
    display: grid;
    grid-template-columns: 70px auto;
    gap: var(--gutter-size-medium);
    align-items: center;
}

.messageDetails__heading[b-uv2qjiwnl2] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
}

.statusHeading__container[b-uv2qjiwnl2] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-inactive);
    text-align: end;
}

.statusDescription__container.description[b-uv2qjiwnl2] {
    color: var(--colour-action-inactive);
}
/* /Pages/Reports/Campaign/CampaignReportPercentageNumberSwitch.razor.rz.scp.css */
.mainContainer[b-h1b16cxois] {
    height: 40px;
    width: 120px;
    border-radius: var(--border-radius-large);
    background: var(--colour-system-background-dark);
    padding: var(--gutter-size-medium);
    position: relative;
    cursor: pointer;
}


.slider[b-h1b16cxois] {
    position: absolute;
    z-index: 1;
    width: 48px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s cubic-bezier(.82,-0.01,.11,1.01);
    background: var(--colour-system-background);
    border-radius: var(--border-radius-large);
    border: 1px solid var(--colour-border-primary);
    pointer-events: none;
}

    .slider.left[b-h1b16cxois] {
        left: var(--gutter-size-medium);
    }

    .slider.right[b-h1b16cxois] {
        left: calc(100% - var(--gutter-size-medium));
        transform: translate(-100%, -50%);
    }

.textItems__container[b-h1b16cxois] {
    z-index: 2;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: calc(100% - var(--gutter-size-large));
    height: calc(100% - var(--gutter-size-large));
    pointer-events: none;
    user-select: none;
    padding: 0px 18px;
    transform: translateY(-1px);
}
/* /Pages/Reports/Campaign/ReportCampaignDialog.razor.rz.scp.css */
.mainContainer[b-7yyio2z4j3] {
    width: 100%;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gutter-size);
}

.heading__container[b-7yyio2z4j3] {
    display: flex;
    align-items: center;
    width: 100%;
}


.heading__textContainer[b-7yyio2z4j3] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.heading__description[b-7yyio2z4j3] {
    color: var(--colour-action-inactive);
    display: flex;
    justify-content: center;
    gap: var(--gutter-size-large);
}

.backButton__container[b-7yyio2z4j3] {
    border-radius: 4px;
    cursor: pointer;
}

    .backButton__container:hover[b-7yyio2z4j3] {
        color: black;
    }

.allStats__container[b-7yyio2z4j3] {
    border: 1px solid var(--colour-border-primary-light);
    padding: var(--gutter-size);
    border-radius: var(--border-radius-large);
    width: 100%;
}

.body__container[b-7yyio2z4j3] {
    display: grid;
    grid-template-areas:
        "statuses cost campaignStatuses"
        "message message message";
    grid-template-columns: minmax(260px, 400px) minmax(200px, 300px) minmax(530px, 600px);
    gap: var(--gutter-size);
    justify-content: space-between;
    width: 100%;
    grid-template-rows: 300px 300px;
}

    .body__container > div[b-7yyio2z4j3] {
        border: 1px solid var(--colour-border-primary-light);
        padding: var(--gutter-size);
        border-radius: var(--border-radius-large);
        width: 100%;
    }

.campaignStatus__container[b-7yyio2z4j3] {
    grid-area: campaignStatuses;
}

.statuses__container[b-7yyio2z4j3] {
    grid-area: statuses;
}

.cost__container[b-7yyio2z4j3] {
    grid-area: cost;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .cost__container > div:first-child[b-7yyio2z4j3] {
        font-size: var(--font-size-heading-1);
    }

.cost__contaienr > div:last-child[b-7yyio2z4j3] {
    color: var(--colour-action-inactive);
}

.allStats__container[b-7yyio2z4j3] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.stats__value[b-7yyio2z4j3] {
    font-size: var(--font-size-heading-2);
}

.stats__heading[b-7yyio2z4j3] {
    color: var(--colour-action-inactive);
}

.statuses__heading[b-7yyio2z4j3],
.messagePreview__heading[b-7yyio2z4j3],
.campaignStatus__heading[b-7yyio2z4j3] {
    font-weight: bold;
}

.statuses__container[b-7yyio2z4j3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

    .statuses__container[b-7yyio2z4j3]  hr {
        flex-grow: unset;
    }

.status__container[b-7yyio2z4j3] {
    display: flex;
    justify-content: space-between;
}

.campaignStatus__container[b-7yyio2z4j3] {
    display: flex;
    flex-direction: column;
}

.campaignStatus__body[b-7yyio2z4j3] {
    display: grid;
    grid-template-columns: 180px 280px;
    gap: var(--gutter-size);
    align-items: center;
    justify-content: space-between;
    margin: auto;
}

.campaignStatus__counts[b-7yyio2z4j3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.campaignStatus__count[b-7yyio2z4j3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-size-small);
    border-radius: var(--gutter-size-small);
}


    .campaignStatus__count.selected[b-7yyio2z4j3] {
        background: var(--colour-action-inactive-light);
    }



    .campaignStatus__count:has(.deliveredCount)[b-7yyio2z4j3] {
        --campaign-status-colour: var(--colour-action-primary);
    }

    .campaignStatus__count:has(.queuedStatusCount)[b-7yyio2z4j3] {
        --campaign-status-colour: var(--colour-action-secondary);
    }

    .campaignStatus__count:has(.pendingStatusCount)[b-7yyio2z4j3] {
        --campaign-status-colour: var(--colour-action-warning-background);
    }

    .campaignStatus__count:has(.undeliveredCount)[b-7yyio2z4j3] {
        --campaign-status-colour: var(--colour-action-danger-background);
    }


.campaignStatus__heading[b-7yyio2z4j3] {
    border-left: 5px solid var(--campaign-status-colour);
    padding-left: var(--gutter-size-medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.messagePreview__container[b-7yyio2z4j3] {
    grid-area: message;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.messagePreview__message[b-7yyio2z4j3] {
    height: 100%;
    border-radius: var(--border-radius-large);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-dark);
    padding: var(--gutter-size);
    word-wrap:break-word;
}


@media screen and (max-width: 1050px) {
    .body__container[b-7yyio2z4j3] {
        grid-template-areas:
            "cost cost"
            "statuses campaignStatuses"
            "message message";
        grid-template-columns: minmax(200px, 300px) minmax(530px, 600px);
    }
}
/* /Pages/Reports/Mobile/MobileNumberReport.razor.rz.scp.css */
.mainContainer[b-y6ibedtm0d] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    display: flex;
    flex-direction: column;
}


.searchInputs__container[b-y6ibedtm0d] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}


.searchInputs__heading[b-y6ibedtm0d] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.mainContainer[b-y6ibedtm0d]  .searchInputs__body {
    display: flex;
    flex-direction: row;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-y6ibedtm0d] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-y6ibedtm0d] {
    width: 350px;
}

    .searchInput__input.date[b-y6ibedtm0d]  input {
        text-align: center;
    }

.searchButton__container[b-y6ibedtm0d] {
    transform: translateY(12px);
    margin-left: auto;
}

.reportLoader[b-y6ibedtm0d] {
    position: relative;
    height: 100px;
}


.messages__container[b-y6ibedtm0d] {
    opacity: 0;
    pointer-events: none;
}

    .messages__container.visible[b-y6ibedtm0d] {
        transition: 0.2s;
        opacity: 1;
        pointer-events: unset;
    }

.message__container[b-y6ibedtm0d] {
    max-width: 530px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messageStatus__Container[b-y6ibedtm0d] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size-small);
}

.messageStatus__colour[b-y6ibedtm0d] {
    min-width: 20px;
    height: 20px;
    background: var(--colour);
    border-radius: 50%;
}

.messagePreview__heading[b-y6ibedtm0d] {
    font-weight: bold;
}


.messagePreview__container[b-y6ibedtm0d] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.messagePreview__message[b-y6ibedtm0d] {
    height: 100%;
    border-radius: var(--border-radius-large);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-dark);
    padding: var(--gutter-size);
    font-family: var(--font-family-body-1);
    word-wrap: break-word;
}
/* /Pages/Reports/Reply/RepliesReport.razor.rz.scp.css */

.mainContainer[b-lfei770g36] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    display: flex;
    flex-direction: column;
}

.searchInputs__container[b-lfei770g36] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-lfei770g36] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-lfei770g36] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-lfei770g36] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

.searchInput__input.date[b-lfei770g36] {
    width: 350px;
}

    .searchInput__input.date[b-lfei770g36]  input {
        text-align: center;
    }

.searchButton__container[b-lfei770g36] {
    transform: translateY(12px);
    margin-left: auto;
}

.reportLoader[b-lfei770g36]{
    position: relative;
    height: 100px;
}


.replies__container[b-lfei770g36] {
    opacity: 0;
    pointer-events: none;
}

    .replies__container.visible[b-lfei770g36] {
        transition: 0.2s;
        opacity: 1;
        pointer-events: unset;
    }

.gridMessage__container[b-lfei770g36] {
    max-width: 530px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.childRow__container[b-lfei770g36] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
}

.childRow__item[b-lfei770g36] {
    display: grid;
    grid-template-columns: 160px auto;
}

.replyMessage[b-lfei770g36] {
    border-radius: var(--border-radius-large);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-dark);
    padding: var(--gutter-size);
    font-family: var(--font-family-body-1);
}

.campaignName__container[b-lfei770g36]
{
    padding-left: var(--gutter-size);
}
/* /Pages/Reports/Usage/UsageReport.razor.rz.scp.css */
.mainContainer[b-pqojtysdra] {
    width: 100%;
    padding: var(--gutter-size-medium);
    gap: var(--gutter-size);
    display: flex;
    flex-direction: column;
}

.heading__container[b-pqojtysdra] {
    display: flex;
    flex-direction: column;
}

.downloadButton__container[b-pqojtysdra]{
    margin-left: auto;
}

.searchInputs__container[b-pqojtysdra] {
    width: 100%;
    border-radius: var(--border-radius-medium);
    background: var(--colour-system-background-light);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary-light);
}

.searchInputs__heading[b-pqojtysdra] {
    padding: var(--gutter-size-medium);
    background: var(--colour-system-background-dark);
    color: var(--colour-system-foreground-light);
    font-size: var(--font-size-heading-6);
    border-radius: var(--border-radius-medium);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


.searchInputs__body[b-pqojtysdra] {
    display: flex;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size-medium);
    min-height: 115px;
    align-items: center;
}

.searchInput[b-pqojtysdra] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
}

    .searchInput.month[b-pqojtysdra],
    .searchInput.month .searchInput__input[b-pqojtysdra] {
        width: 150px;
    }

.searchInput__input.date[b-pqojtysdra] {
    width: 350px;
}

    .searchInput__input.date[b-pqojtysdra]  input {
        text-align: center;
    }

.searchButton__container[b-pqojtysdra] {
    transform: translateY(12px);
    margin-left: auto;
}

.reportLoader[b-pqojtysdra] {
    position: relative;
    height: 100px;
}

.gridMessage__container[b-pqojtysdra] {
    max-width: 530px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.childRow__container[b-pqojtysdra] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
    padding: var(--gutter-size);
}

.childRow__item[b-pqojtysdra] {
    display: grid;
    grid-template-columns: 160px auto;
}


.gridItems__container[b-pqojtysdra] {
    opacity: 0;
    pointer-events: none;
}

    .gridItems__container.visible[b-pqojtysdra] {
        transition: 0.2s;
        opacity: 1;
        pointer-events: unset;
    }

.charts__container[b-pqojtysdra] {
    display: grid;
    grid-template-areas:
        "campaigns messages"
        "cost cost";
    width: 100%;
    gap: var(--gutter-size);
    justify-content: space-between;
}

.chart__container[b-pqojtysdra] {
    height: 500px;
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size);
}

.campaignsChart__container[b-pqojtysdra] {
    grid-area: campaigns;
}

.messagesChart__container[b-pqojtysdra] {
    grid-area: messages
}

.costChart__container[b-pqojtysdra] {
    grid-area: cost;
}

.chart__container[b-pqojtysdra]  .lvc-content {
    height: 400px;
}
/* /Pages/Reports/Usage/UsageReportItemView.razor.rz.scp.css */
.mainContainer[b-jhxiug1bky] {
    width: 100%;
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gutter-size);
}

.heading__container[b-jhxiug1bky] {
    display: flex;
    align-items: center;
    width: 100%;
}


.heading__textContainer[b-jhxiug1bky] {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

.heading__description[b-jhxiug1bky] {
    color: var(--colour-action-inactive);
    display: flex;
    justify-content: center;
    gap: var(--gutter-size-large);
}

.backButton__container[b-jhxiug1bky] {
    border-radius: 4px;
    cursor: pointer;
}

    .backButton__container:hover[b-jhxiug1bky] {
        color: black;
    }

.body__container[b-jhxiug1bky] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}


.grids__container[b-jhxiug1bky] {
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}
/* /Pages/Reports/Usage/UsageSummary.razor.rz.scp.css */

.summary__container[b-vov09trjsd] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    padding: var(--gutter-size);
    gap: var(--gutter-size);
}

.summary__bodyContainer[b-vov09trjsd] {
    display: flex;
    gap: var(--gutter-size);
    flex-direction: column;
}

.cost__summary[b-vov09trjsd] {
    display: flex;
    gap: var(--gutter-size);
}

.summary__costsContainer[b-vov09trjsd] {
    flex: 3;
    display: flex;
    justify-content: space-evenly;
}

.summary__cost[b-vov09trjsd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: var(--gutter-size);
}

    .summary__cost[b-vov09trjsd]:after {
        content: " ";
        width: 4px;
        background: var(--cost-colour);
        position: absolute;
        height: 130%;
        top: 50%;
        left: 0%;
        border-radius: 4px;
        transform: translateY(-50%);
    }

    .summary__cost.credit[b-vov09trjsd] {
        --cost-colour: var(--colour-action-primary);
    }

    .summary__cost.postpaid[b-vov09trjsd] {
        --cost-colour: var(--colour-action-secondary);
    }

    .summary__cost.total[b-vov09trjsd] {
        --cost-colour: var(--colour-action-inactive);
    }

.summary__countsContainer[b-vov09trjsd] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.summary__countContainer[b-vov09trjsd] {
    display: grid;
    grid-template-columns: 100px auto;
}

    .summary__countContainer > div:first-child[b-vov09trjsd],
    .summary__cost > div:last-child[b-vov09trjsd] {
        color: var(--colour-text-description);
    }

.messages__summary[b-vov09trjsd] {
    display: grid;
    grid-template-columns: minmax(700px, 810px) 5px minmax(530px, 600px);
    gap: var(--gutter-size);
    justify-content: space-between;
}

    .messages__summary[b-vov09trjsd]  .messagesSummary__divider {
        display: none;
    }

.allStats__container[b-vov09trjsd] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


.stats__value[b-vov09trjsd] {
    font-size: var(--font-size-heading-2);
    text-align: center;
}

.stats__heading[b-vov09trjsd] {
    color: var(--colour-action-inactive);
}



.campaignStatus__body[b-vov09trjsd] {
    display: grid;
    grid-template-columns: 180px 280px;
    gap: var(--gutter-size);
    align-items: center;
    justify-content: space-between;
    margin: auto;
}

.campaignStatus__counts[b-vov09trjsd] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.campaignStatus__count[b-vov09trjsd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--gutter-size-small);
    border-radius: var(--gutter-size-small);
}

    .campaignStatus__count.selected[b-vov09trjsd] {
        background: var(--colour-action-inactive-light);
    }


    .campaignStatus__count:has(.deliveredCount)[b-vov09trjsd] {
        --campaign-status-colour: var(--colour-action-primary);
    }

    .campaignStatus__count:has(.queuedStatusCount)[b-vov09trjsd] {
        --campaign-status-colour: var(--colour-action-secondary);
    }

    .campaignStatus__count:has(.pendingStatusCount)[b-vov09trjsd] {
        --campaign-status-colour: var(--colour-action-warning-background);
    }

    .campaignStatus__count:has(.undeliveredCount)[b-vov09trjsd] {
        --campaign-status-colour: var(--colour-action-danger-background);
    }


.campaignStatus__heading[b-vov09trjsd] {
    border-left: 5px solid var(--campaign-status-colour);
    padding-left: var(--gutter-size-medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1270px) {
    .messages__summary[b-vov09trjsd] {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .allStats__container[b-vov09trjsd] {
        width: 100%;
    }

    .messages__summary[b-vov09trjsd]  .messagesSummary__divider {
        display: block;
    }

    .messages__summary[b-vov09trjsd]  .messagesSummary__divider-vertical {
        display: none;
    }
}
/* /Pages/Software/SoftwareIntegrations.razor.rz.scp.css */
.software-page[b-i7cifno5a8] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.integration-card[b-i7cifno5a8] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 24px;
    width: 100%;
    padding: 24px;
    background: var(--colour-system-background-light);
    border: 1px solid var(--colour-border-primary);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 1px 2px rgba(18, 38, 63, 0.03);
    box-sizing: border-box;
}

.integration-icon[b-i7cifno5a8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    color: #1f5f8d;
    background: #91c8ff;
    border-radius: 13px;
}

.integration-icon i[b-i7cifno5a8] {
    font-size: 28px;
}

.integration-content[b-i7cifno5a8] {
    min-width: 0;
}

.integration-heading[b-i7cifno5a8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.integration-heading h2[b-i7cifno5a8] {
    margin: 1px 0 0;
    color: var(--colour-system-foreground-dark);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}

.release-meta[b-i7cifno5a8] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 22px;
    color: var(--colour-text-description);
    font-size: 12px;
}

.official-badge[b-i7cifno5a8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    color: #475569;
    background: #f1f3f5;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.2;
}

.official-badge i[b-i7cifno5a8] {
    color: #2563a6;
    font-size: 10px;
}

.version[b-i7cifno5a8] {
    font-size: 12px;
}

.integration-description[b-i7cifno5a8] {
    max-width: 850px;
    margin: 24px 0 20px;
    color: var(--colour-text-description);
    font-size: 12px;
    line-height: 1.55;
}

.integration-actions[b-i7cifno5a8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.download-button[b-i7cifno5a8],
.documentation-link[b-i7cifno5a8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 36px;
    padding: 0 20px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color var(--animation-duration-short), border-color var(--animation-duration-short), color var(--animation-duration-short);
}

.download-button.primary[b-i7cifno5a8] {
    color: #fff;
    background: #006f98;
    border: 1px solid #006f98;
}

.download-button.primary:hover[b-i7cifno5a8] {
    background: #005c7f;
    border-color: #005c7f;
}

.download-button.secondary[b-i7cifno5a8] {
    color: #006f98;
    background: #fff;
    border: 2px solid #007ca9;
}

.download-button.secondary:hover[b-i7cifno5a8] {
    color: #005c7f;
    background: #f2f9fc;
    border-color: #005c7f;
}

.action-divider[b-i7cifno5a8] {
    width: 1px;
    height: 34px;
    margin: 0 6px;
    background: var(--colour-border-primary);
}

.documentation-link[b-i7cifno5a8] {
    padding: 0 4px;
    color: #315a9b;
    font-weight: 400;
}

.documentation-link:hover[b-i7cifno5a8] {
    color: #173f7d;
    text-decoration: underline;
}

.coming-soon[b-i7cifno5a8] {
    margin: 10px 0 0;
    color: var(--colour-system-foreground-dark);
    font-size: 14px;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .integration-card[b-i7cifno5a8] {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 16px;
        padding: 18px;
    }

    .integration-icon[b-i7cifno5a8] {
        width: 56px;
        height: 56px;
    }

    .integration-description[b-i7cifno5a8] {
        margin-top: 18px;
    }

    .integration-actions[b-i7cifno5a8] {
        align-items: stretch;
    }

    .download-button[b-i7cifno5a8] {
        flex: 1 1 190px;
    }
}

@media screen and (max-width: 520px) {
    .integration-card[b-i7cifno5a8] {
        grid-template-columns: 1fr;
    }

    .integration-icon[b-i7cifno5a8] {
        width: 64px;
        height: 64px;
    }

    .download-button[b-i7cifno5a8],
    .documentation-link[b-i7cifno5a8] {
        width: 100%;
        box-sizing: border-box;
    }

    .action-divider[b-i7cifno5a8] {
        display: none;
    }
}
/* /Pages/Templates/MessageTemplates/MessageEditor.razor.rz.scp.css */
.messageEditor[b-eknuswq5of] {
    padding: var(--gutter-size-medium);
    padding-right: 45px; /* Account for the placeholder button*/
    min-height: 100px;
    border-radius: var(--border-radius-medium);
    outline-width: 1px;
    outline-style: solid;
    outline-color: var(--colour-border-primary-light);
}

    .messageEditor:hover[b-eknuswq5of] {
        outline-color: var(--colour-border-dark);
    }

    .messageEditor:focus-within[b-eknuswq5of] {
        outline-color: var(--colour-action-primary);
        outline-width: 2px;
    }

.messageEditor__container.maxLengthExceeded .messageEditor[b-eknuswq5of] {
    outline-color: var(--colour-action-danger-foreground-inverse);
}

.messageEditor > div[b-eknuswq5of] {
    height: 25px;
}

.messageEditor[b-eknuswq5of]  .placeholder {
    background: none;
    border: 1px solid var(--colour-action-primary);
    padding: 0 var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
    color: var(--colour-action-inactive);
    margin-bottom: var(--gutter-size-extra-small);
}

    .messageEditor[b-eknuswq5of]  .placeholder i {
        padding-left: var(--gutter-size-small);
    }

.counter__Container[b-eknuswq5of] {
    display: flex;
    justify-content: end;
}


.messageEditor__container.maxLengthExceeded .counter__Container[b-eknuswq5of] {
    color: var(--colour-action-danger-foreground-inverse);
}
/* /Pages/Templates/MessageTemplates/MessageTemplate.razor.rz.scp.css */
.outerContainer[b-cf2k5v7kn3] {
    height: 100%;
}

.mainContainer[b-cf2k5v7kn3] {
    container-type: inline-size;
    width: 100%;
}

.mainContainer[b-cf2k5v7kn3],
.inputs__container[b-cf2k5v7kn3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    position: relative;
    transition: 0.2s;
    --mud-palette-surface: var(--colour-system-background-light);
}

.saving .inputs__container[b-cf2k5v7kn3] {
    transition: 0.2s;
}


[b-cf2k5v7kn3] .btn-placeholder {
    position: absolute;
    top: 32px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    min-width: 30px;
    font-weight: 800;
    text-wrap: nowrap;
}


.placeholders__container[b-cf2k5v7kn3] {
    padding: var(--gutter-size-medium);
    min-width: 200px;
}

    .placeholders__container > div[b-cf2k5v7kn3] {
        padding: var(--gutter-size-small);
        cursor: pointer;
        transition: 0.2s;
        border-radius: var(--border-radius-medium);
    }

        .placeholders__container > div:hover[b-cf2k5v7kn3] {
            background: var(--colour-action-secondary);
            color: var(--colour-action-secondary-foreground);
        }

#messageEditor[b-cf2k5v7kn3] {
    border-style: solid;
    border-color: grey;
    border-width: 1px;
    padding: var(--gutter-size-medium);
    padding-right: 52px;
    min-height: 100px;
}

    #messageEditor:focus-within[b-cf2k5v7kn3] {
    }

    #messageEditor:hover[b-cf2k5v7kn3] {
        border-color: var(--colour-action-primary-disabled);
    }

    #messageEditor > div[b-cf2k5v7kn3] {
        height: 25px;
    }

    #messageEditor[b-cf2k5v7kn3]  .placeholder {
        background: none;
        border: 1px solid var(--colour-action-primary);
        padding: 0 var(--gutter-size-small);
        border-radius: var(--border-radius-medium);
        color: var(--colour-action-inactive);
    }

        #messageEditor[b-cf2k5v7kn3]  .placeholder i {
            padding-left: var(--gutter-size-small);
        }

.outerContainer[b-cf2k5v7kn3]  .blade > .content__container {
    height: 100%;
}

.mainContainer:has(.isOnTrialBody__container)[b-cf2k5v7kn3] {
    height: 100%;
}

.isOnTrialBody__container[b-cf2k5v7kn3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    height: 100%;
}

.trialNotice__container[b-cf2k5v7kn3] {
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    border: 1px solid #FCCEE8;
    z-index: 1;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

    .trialNotice__container[b-cf2k5v7kn3]:before {
        z-index: 0;
        background: #FCCEE8;
        opacity: 0.2;
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        pointer-events: none;
    }

.trialNotice__heading[b-cf2k5v7kn3] {
    display: flex;
    gap: var(--gutter-size-medium);
}

.trialNotice__headingText[b-cf2k5v7kn3] {
    color: #CD1E70;
    font-size: 12px;
}

.trialNotice__body[b-cf2k5v7kn3] {
    color: #E92188;
    font-size: 10px;
}

.welcomeMessage__container[b-cf2k5v7kn3] {
    border-radius: 8px;
    border: 1px solid var(--colour-action-primary);
    padding: var(--gutter-size);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
}

.welcomeMessage__heading[b-cf2k5v7kn3] {
    display: flex;
    gap: var(--gutter-size-large);
    align-items: center;
}

.welcomeMessage__headingText[b-cf2k5v7kn3] {
    font-size: 12px;
}

.welcomeMessage__headingBadge[b-cf2k5v7kn3] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #1447E6;
    border: 1px solid #BEDBFF;
    background: #DBEAFE;
    padding: var(--gutter-size-small);
    border-radius: 16px;
}

.welcomeMessage__description[b-cf2k5v7kn3] {
    font-size: 10px;
}

.welcomeMessage__body[b-cf2k5v7kn3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-large);
    padding: var(--gutter-size);
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    border-radius: 8px;
}

.welcomeMessage__bodyCharacterCount[b-cf2k5v7kn3]{
    font-size: 8px;
}

.welcomeMessage__notice[b-cf2k5v7kn3] {
    display: flex;
    gap: var(--gutter-size-medium);
    align-items: center;
}

    .welcomeMessage__notice > div[b-cf2k5v7kn3] {
        font-size: 10px;
        color: #6A7282;
    }

.welcomeMessage__noticeDot[b-cf2k5v7kn3] {
    width: 2px;
    height: 2px;
    border-radius: 4px;
    background: #6A7282;
}


.unlockCustomTemplatesNotice[b-cf2k5v7kn3] {
    border: 2px solid #FFB74D;
    background: #FFF8E1;
    padding: var(--gutter-size);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    margin-top: auto;
}

.unlockCustomTemplatesNotice__heading[b-cf2k5v7kn3] {
    display: grid;
    gap: var(--gutter-size-small);
    grid-template-areas:
        "icon title"
        "icon heading";
    align-items: center;
}

.unlockCustomTemplatesNotice__headingIcon[b-cf2k5v7kn3] {
    background: #FFB74D;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    grid-area: icon;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unlockCustomTemplatesNotice__headingTitle[b-cf2k5v7kn3] {
    color: #E86217;
    font-size: 12px;
    grid-area: title;
}

.unlockCustomTemplatesNotice__headingDescription[b-cf2k5v7kn3] {
    color: #F89D3B;
    font-size: 10px;
    grid-area: heading;
}

.unlockCustomTemplatesNoticeActions__container[b-cf2k5v7kn3]{
    display: flex;
    gap: var(--gutter-size-medium);
}

    .unlockCustomTemplatesNoticeActions__container[b-cf2k5v7kn3]  .viewPricingButton {
        border-color: #FFB86A;
        color: #CF4A1A;
        background: white; 
    }
/* /Pages/Templates/MessageTemplates/MessageTemplates.razor.rz.scp.css */
.mainContainer[b-ufjnbvgww3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    width: 100%
}

    .mainContainer[b-ufjnbvgww3]  .template__row td.actionButton__container {
        display: flex;
        gap: var(--gutter-size-medium);
        justify-content: end;
        flex-direction: row;
    }

.gridHeading__container[b-ufjnbvgww3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-medium);
}

.grid__container[b-ufjnbvgww3] {
    background: var(--colour-system-background-light);
    box-shadow: var(--drop-shadow-small);
    padding: var(--gutter-size-small);
    border-radius: var(--border-radius-medium);
}

    .grid__container[b-ufjnbvgww3]  .mud-table {
        background: transparent;
        box-shadow: 0px;
        box-shadow: none;
    }

.mainContainer[b-ufjnbvgww3]  .mud-menu > button {
    padding: 0px;
}

.message__meta[b-ufjnbvgww3] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    justify-content: space-between;
}

@media screen and (max-width: 600px) {
    .mainContainer[b-ufjnbvgww3]  .template__row td {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--gutter-size-small);
    }

        .mainContainer[b-ufjnbvgww3]  .template__row td:before {
            font-weight: bold;
        }

        .mainContainer[b-ufjnbvgww3]  .template__row td.actionButton__container {
            justify-content: space-between;
            flex-direction: row;
        }

            .mainContainer[b-ufjnbvgww3]  .template__row td.actionButton__container:before {
                display: none;
            }
}

.grid__container[b-ufjnbvgww3]  .hide-expand {
    visibility: hidden;
}

@media screen and (min-width: 600px) {
    .actions__container[b-ufjnbvgww3] {
        display: grid;
        grid-template-columns: 200px;
        justify-content: end;
    }

    .gridHeading__container[b-ufjnbvgww3] {
        justify-content: space-between;
        flex-direction: row;
    }

    .searchBar__container[b-ufjnbvgww3] {
        width: 370px;
    }
}

.mainContainer[b-ufjnbvgww3]  .mud-table th {
    font-weight: bold;
    background-color: #0000000D;
}
/* /Shared/Blades/DeleteConfirmationBlade.razor.rz.scp.css */
.mainContainer[b-jmdxt1nru8] {
    margin-top: var(--gutter-size);
    display: flex;
    justify-content: end;
    width: 100%;
    gap: var(--gutter-size);
}


.actions__container[b-jmdxt1nru8] {
    display: flex;
    justify-content: end;
    gap: var(--gutter-size);
}

.field__description[b-jmdxt1nru8] {
    margin-bottom: var(--gutter-size);
}

.field__label[b-jmdxt1nru8] {
    font-size: var(--font-size-label-active);
}
/* /Shared/Loaders/ComponentLoader.razor.rz.scp.css */
.mainContainer[b-y0z35bz7l4] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: var(--z-index-dialog);
    background: var(--colour-system-background);
    border-radius: var(--border-radius-medium);
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    justify-content: center;
    align-items: center;
    animation: var(--fade-in-animation);
    opacity: 0.8;
}

.text__container[b-y0z35bz7l4] {
    color: var(--colour-system-foreground);
    font-weight: bold;
}
/* /Shared/Loaders/ProcessStatusLoader.razor.rz.scp.css */

.mainContainer[b-v3w11p1jdl] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-small);
    animation: var(--fade-in-animation);
    transition: 0.2s;
}

.progress__headingContainer[b-v3w11p1jdl] {
    display: flex;
    flex-direction: row;
    gap: var(--gutter-size-small);
}

.progressDescription__container[b-v3w11p1jdl] {
    display: flex;
}

.progress__percentage__container[b-v3w11p1jdl] {
    margin-left: auto;
}

.progress__percentage_remainingContainer[b-v3w11p1jdl] {
    display: flex;
    gap: var(--gutter-size-small);
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-text-description);
}

.failureMessage__container[b-v3w11p1jdl] {
    font-size: var(--font-size-subtitle-1);
    color: var(--colour-action-danger-foreground-inverse);
}
/* /Shared/MainLayout.razor.rz.scp.css */
article[b-x8bq7mvu54] {
    padding-left: calc(var(--layout-side-menu-open-width) + var(--gutter-size-large));
    padding-right: var(--gutter-size-large);
    padding-top: calc(var(--layout-top-bar-height) + var(--gutter-size)); /*Add the size of the top app bar so that content doesn't sit behind it */
    display: flex;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    box-sizing: border-box;
    transition: var(--animation-duration-short);
}

article[b-x8bq7mvu54]  > * {
    min-width: 0;
}

@media (max-width: 640.98px) {
    article[b-x8bq7mvu54] {
        padding-left: calc(var(--layout-side-menu-collapsed-width) + var(--gutter-size-medium));
        padding-right: var(--gutter-size-medium);
        padding-top: calc(var(--layout-top-bar-height) + var(--gutter-size-medium));
    }

    .top-row:not(.auth)[b-x8bq7mvu54] {
        display: none;
    }

    .top-row.auth[b-x8bq7mvu54] {
        justify-content: space-between;
    }

    .top-row[b-x8bq7mvu54]  a, .top-row[b-x8bq7mvu54]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) and (max-width: 959.98px) {
    article[b-x8bq7mvu54] {
        padding-left: calc(var(--layout-side-menu-collapsed-width) + var(--gutter-size));
        padding-right: var(--gutter-size);
    }
}


@media (min-width: 641px) {
    .page[b-x8bq7mvu54] {
        flex-direction: row;
    }

    .sidebar[b-x8bq7mvu54] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-x8bq7mvu54] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-x8bq7mvu54]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-x8bq7mvu54] {
        padding-right: 15px !important;
    }
}

/* /Shared/Pages/PageHeader.razor.rz.scp.css */

.heading__container[b-hlrselolo2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "text actions"
        "divider divider";
    gap: var(--gutter-size-small) var(--gutter-size-large);
    align-items: start;
    padding: 0 0 var(--gutter-size-small);
}

.text__container[b-hlrselolo2] {
    grid-area: text;
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size-extra-small);
    min-width: 0;
}

    .heading__container .heading[b-hlrselolo2] {
        margin: 0;
        color: var(--colour-heading-foreground);
        font-size: clamp(1.625rem, 1.35rem + 0.7vw, 2rem);
        font-weight: var(--font-weight-heading-1);
        line-height: 1.12;
    }

    .heading__container .description[b-hlrselolo2] {
        font-size: 0.8125rem;
        color: var(--colour-text-description);
        max-width: none;
        line-height: 1.5;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.actions__container[b-hlrselolo2] {
    grid-area: actions;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--gutter-size-medium);
    margin: 0;
    align-self: start;
}

.heading__container[b-hlrselolo2]  .mud-divider {
    grid-area: divider;
    border-color: var(--colour-border-subtle);
}

@media screen and (max-width: 768px) {
    .heading__container[b-hlrselolo2] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "text"
            "actions"
            "divider";
    }

    .actions__container[b-hlrselolo2] {
        justify-content: flex-start;
    }

    .heading__container .description[b-hlrselolo2] {
        white-space: normal;
    }
}
/* /Shared/SideMenu/SideMenu.razor.rz.scp.css */
.sideMenu__container[b-5ezi54uwql] {
    background: #fff;
    height: calc(100vh - var(--layout-top-bar-height));
    position: fixed;
    top: var(--layout-top-bar-height);
    border-right: 1px solid var(--colour-border-subtle);
    box-shadow: 8px 0 24px rgba(7, 55, 86, 0.06);
    z-index: var(--z-index-blades);
    width: var(--layout-side-menu-collapsed-width);
    transition: var(--animation-duration-short);
    overflow-x: hidden;
    overflow-y: auto;
}

    .sideMenu__container:not(.open)[b-5ezi54uwql] {
        /*Hide the scrollbar*/
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }

        /*Hide the scrollbar on Safari*/
        .sideMenu__container:not(.open)[b-5ezi54uwql]::-webkit-scrollbar {
            display: none;
        }


    .sideMenu__container.open[b-5ezi54uwql] {
        overflow-x: hidden;
        overflow-y: auto;
        width: var(--layout-side-menu-open-width);
        transition: var(--animation-duration-short);
    }

    .sideMenu__container.collapsible:not(.open)[b-5ezi54uwql] {
        width: var(--layout-side-menu-open-width);
        transform: translateX(calc(-1 * var(--layout-side-menu-open-width)));
    }

.sideMenu__header_loadingPlaceholder[b-5ezi54uwql] {
    height: 37px;
    width: 145px;
    margin-top: 20px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 10px;
}

    .sideMenu__header_loadingPlaceholder .skeleton[b-5ezi54uwql] {
        background: #cccccc;
        height: 37px;
        width: 145px;
        position: absolute;
        border-radius: var(--border-radius-medium);
        overflow: hidden;
    }

        .sideMenu__header_loadingPlaceholder .skeleton[b-5ezi54uwql]:before {
            content: " ";
            height: 37px;
            width: 50px;
            background: linear-gradient(to right,transparent, #dfdfdf, transparent);
            display: block;
            position: absolute;
            animation: skeletonLoadingAnimation-b-5ezi54uwql 1.5s cubic-bezier(1,-0.02,.46,1) infinite
        }


.sideMenu__items[b-5ezi54uwql] {
    padding-top: var(--gutter-size-small);
    padding-bottom: var(--gutter-size);
}

.sideMenu__item_loadingPlaceholder[b-5ezi54uwql] {
    --loader-width: 145px;
    height: 20px;
    width: var(--loader-width);
    margin: 10px auto;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
}


    .sideMenu__item_loadingPlaceholder:first-child[b-5ezi54uwql] {
        margin-top: 20px;
    }

    .sideMenu__item_loadingPlaceholder .skeleton[b-5ezi54uwql] {
        background: #cccccc;
        height: 20px;
        width: 100%;
        border-radius: 4px;
        position: absolute;
    }

        .sideMenu__item_loadingPlaceholder .skeleton[b-5ezi54uwql]:before {
            content: " ";
            height: 20px;
            width: 50px;
            background: linear-gradient(to right,transparent, #dfdfdf, transparent);
            display: block;
            position: absolute;
            animation: skeletonLoadingAnimation-b-5ezi54uwql 1.5s cubic-bezier(1,-0.02,.46,1) infinite
        }

.sideMenu__container:not(.open) .sideMenu__item_loadingPlaceholder[b-5ezi54uwql] {
    --loader-width: calc(100% - var(--gutter-size-small));
}

.sideMenu__container[b-5ezi54uwql]  .mud-icon-root{
    transition: 0s;
}

@media screen and (max-width: 768px) {
    .sideMenu__container[b-5ezi54uwql] {
        box-shadow: 6px 0 18px rgba(7, 55, 86, 0.08);
    }

    .sideMenu__container.open[b-5ezi54uwql] {
        width: min(240px, 80vw);
    }
}
/*header*/
@keyframes skeletonLoadingAnimation-b-5ezi54uwql {
    from

{
    left: -50px;
}

to {
    left: 100%;
}

}

[b-5ezi54uwql]::-webkit-scrollbar {
    display: none;
}
/* /Shared/SideMenu/SideMenuHeadingItem.razor.rz.scp.css */
.mainContainer[b-mtrjtgm9nr] {
    color: var(--colour-action-inactive);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 10px 16px 4px;
    text-transform: uppercase;
}
/* /Shared/SideMenu/SideMenuItem.razor.rz.scp.css */
.mainContainer[b-sdw0xllkbj] {
    margin: 2px 0;
    user-select: none;
}

    .mainContainer:not(.open)[b-sdw0xllkbj] {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .mainContainer.open[b-sdw0xllkbj] {
        animation: var(--fade-in-animation);
        animation-delay: 0.1s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    .mainContainer[b-sdw0xllkbj]  .dropdownItems__container {
        background: #f8fafc;
        border-radius: var(--border-radius-medium);
        margin: 2px 6px 4px;
        box-shadow: inset 0 0 0 1px rgba(7, 55, 86, 0.04);
    }

    .mainContainer[b-sdw0xllkbj]  .heading__container {
        margin: 0px;
    }

.heading__container[b-sdw0xllkbj] {
    display: grid;
    grid-template-areas: "icon";
    grid-template-columns: 40px;
    align-items: center;
    justify-content: center;
    gap: 0;
    cursor: pointer;
    border-radius: var(--border-radius-medium);
    padding: 0;
    margin: 0 auto;
    text-decoration: none;
    width: 40px;
    transition: var(--animation-duration-short);
    color: var(--colour-menu-foreground);
    min-height: 40px;
    box-sizing: border-box;
}

.mainContainer.open .heading__container[b-sdw0xllkbj] {
    grid-template-areas: "icon text arrow";
    grid-template-columns: 22px minmax(0, 1fr) 18px;
    justify-content: stretch;
    gap: 10px;
    width: calc(100% - 12px);
    min-height: 36px;
    margin: 0 6px;
    padding: 6px 10px;
    transition: var(--animation-duration-short);
}

.heading__container:hover[b-sdw0xllkbj],
.heading__container.current[b-sdw0xllkbj],
.heading__container.current[b-sdw0xllkbj]  svg:not(.mud-icon-root) path {
    background: #eef5fc;
    color: var(--colour-action-secondary);
    fill: var(--colour-action-secondary-foreground);
}

    .heading__container:hover[b-sdw0xllkbj]  svg.filled path {
        fill: var(--colour-action-secondary-foreground);
        stroke: var(--colour-action-secondary);
    }

    .heading__container:hover[b-sdw0xllkbj]  svg.light path {
        stroke: var(--colour-action-secondary-foreground);
        fill: var(--colour-action-secondary);
    }

.heading__container.active[b-sdw0xllkbj] {
    background: var(--colour-action-primary);
    color: var(--colour-action-primary-foreground);
}

.heading__icon_container[b-sdw0xllkbj] {
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: icon;
    width: 24px;
    height: 24px;
    line-height: 1;
    color: inherit;
}

    .heading__icon_container[b-sdw0xllkbj]  svg {
        width: 20px;
        height: 20px;
    }

.heading__icon_container i[b-sdw0xllkbj] {
    width: 20px;
    text-align: center;
    line-height: 1;
}

.heading__text_container[b-sdw0xllkbj] {
    display: none;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    grid-area: text;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.18;
    color: inherit;
}

.mainContainer.open .heading__text_container[b-sdw0xllkbj] {
    display: block;
}

    .mainContainer.open .heading__icon_container[b-sdw0xllkbj]  svg {
        width: 20px;
        height: 20px;
    }

.mainContainer:not(.open)[b-sdw0xllkbj]  .collapseIcon {
    display: none;
}

.mainContainer[b-sdw0xllkbj]  .collapseIcon {
    grid-area: arrow;
    justify-self: center;
    width: 18px;
    height: 18px;
    transform: rotate(270deg);
    transition: transform 0.2s;
    color: inherit;
}

.heading__container.open[b-sdw0xllkbj]  .collapseIcon {
    transform: rotate(90deg);
}


.heading__container.open[b-sdw0xllkbj] {
    background: #e6f8ff;
    color: var(--colour-action-primary);
}

    .heading__container.open:hover[b-sdw0xllkbj] {
        background: #dff3fb;
    }



.dropdownItems__container[b-sdw0xllkbj] {
    overflow: hidden;
    height: 0px;
    padding-left: 0px;
    display: flex;
    transition: var(--animation-duration-short);
    flex-direction: column;
}

.mainContainer.open > .dropdownItems__container[b-sdw0xllkbj] {
    padding: 3px 0;
    transition: var(--animation-duration-short);
}
/* /Shared/TopAppBar/BuyCredits/BuyCredits.razor.rz.scp.css */
.mainContainer[b-xqbwaqaxku] {
    display: flex;
    align-items: center;
    min-height: 42px;
}

.buyCredits__button[b-xqbwaqaxku] {
    display: flex;
    align-items: center;
}

.buyCredits__button[b-xqbwaqaxku]  .buyCreditsButton.mud-button {
    min-height: 40px;
    padding: 0 18px;
    border-radius: var(--border-radius-medium);
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: 0 4px 12px rgba(0, 174, 239, 0.24);
}
/* /Shared/TopAppBar/CreditsAppbarDisplay.razor.rz.scp.css */
.mainContainer[b-qa5zzh86hf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    min-height: 42px;
    line-height: 1.05;
}

    .mainContainer.loading[b-qa5zzh86hf] {
        gap: var(--gutter-size-extra-small);
    }

.heading[b-qa5zzh86hf] {
    color: var(--colour-action-primary-disabled);
    font-size: 13px;
    line-height: 1.05;
}

.text[b-qa5zzh86hf] {
    color: var(--colour-system-foreground);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
}

.caption[b-qa5zzh86hf] {
    color: var(--colour-text-description);
    font-size: 11px;
    line-height: 1.15;
    text-align: center;
}


.noAccountIcon__container[b-qa5zzh86hf]
{
    display: flex;
    align-items: center;
}
/* /Shared/TopAppBar/Notifications/NotificationItemsBlade.razor.rz.scp.css */
.mainContainer[b-fnmsvf8k74] {
    height: calc(100vh - 10px);
    width: 400px;
    border-radius: var(--border-radius-large);
    top: 5px;
    position: fixed;
    z-index: var(--z-index-blades);
    background: var(--colour-system-background-light);
    box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.16);
    animation: 0.2s slide-notifications-in-b-fnmsvf8k74 linear;
    right: -100%;
    transition: 0.2s;
    overflow-y: auto;
}

    .mainContainer.open[b-fnmsvf8k74] {
        right: 5px;
        animation: 0.2s slide-notifications-in-b-fnmsvf8k74;
    }

.sticky__container[b-fnmsvf8k74] {
    position: sticky;
    top: 0px;
    margin-top: var(--gutter-size);
    padding: var(--gutter-size-medium);
    border-radius: 8px;
    background: var(--colour-system-background-light);
    z-index: 1;
}

.sticky__shadow[b-fnmsvf8k74] {
    content: " ";
    position: fixed;
    width: 10px;
    height: 47px;
    width: 388px;
    top: 5px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.closeIcon__container[b-fnmsvf8k74] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    top: 10px;
    cursor: pointer;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

    .closeIcon__container:hover[b-fnmsvf8k74]  path:last-child {
        fill: black;
    }

.heading__container[b-fnmsvf8k74] {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

h2[b-fnmsvf8k74] {
    font-size: var(--font-size-heading-2);
    line-height: 0.9;
}


.body__container[b-fnmsvf8k74] {
    padding: var(--gutter-size-medium);
}

@keyframes slide-notifications-in-b-fnmsvf8k74 {
    0% {
        right: -100%;
    }

    100% {
        right: 5px;
    }
}
/* /Shared/TopAppBar/Notifications/TopAppBarNotificationsIcon.razor.rz.scp.css */

.mainContainer[b-n5jc5noy8r]  .notifications__icon {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mainContainer[b-n5jc5noy8r]  .notifications__icon:hover {
        transition: 0.2s;
        background: var(--colour-action-secondary-hover);
    }

    .mainContainer[b-n5jc5noy8r]  .notifications__icon:hover path {
        fill: var(--colour-action-secondary-foreground)
    }
/* /Shared/TopAppBar/PromotionsButton.razor.rz.scp.css */
.promotionsButton__container[b-nipidyt6xa] {
    display: flex;
    align-items: center;
    min-height: 42px;
}

.promotionsButton__container[b-nipidyt6xa]  .promotionsButton.mud-button-root {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.promotionsButton__container[b-nipidyt6xa]  .mud-button-label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.promotionsButton__count[b-nipidyt6xa] {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    color: var(--colour-action-primary-foreground);
    background: var(--colour-action-primary);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}
/* /Shared/TopAppBar/RecentStagingProcesses/RecentStagingItem.razor.rz.scp.css */
.heading__container[b-g5wxoj3bv6] {
    display: flex;
    gap: var(--gutter-size);
    align-items: center;
}

.progress__container.hidden[b-g5wxoj3bv6]{
    display: none;
}
/* /Shared/TopAppBar/RecentStagingProcesses/RecentStagingProcesses.razor.rz.scp.css */
.processes__container[b-mliiglb0te] {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-size);
    overflow-y: auto;
}

.process__container[b-mliiglb0te] {
    padding: var(--gutter-size);
    background: var(--colour-system-background-dark);
    border-radius: var(--border-radius-medium);  
    align-items: center;
    display: flex;
}

    .process__container[b-mliiglb0te]  > div {
        width: 100%;
    }

    .process__container.loading[b-mliiglb0te] {
        display: flex;
        gap: var(--gutter-size-small);
        flex-direction: column;
    }

        .process__container.loading .subItems__container[b-mliiglb0te] {
            display: flex;
            justify-content: space-between;
        }
/* /Shared/TopAppBar/TopAppBar.razor.rz.scp.css */
.mainContainer[b-ah3mqw34t8] {
    height: var(--layout-top-bar-height);
    width: 100%;
    display: flex;
    align-items: center;
    background: white;
    padding: var(--gutter-size-small) 20px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: var(--z-index-app-bar);
    border-bottom: 1px solid var(--colour-border-subtle);
    box-shadow: 0 6px 18px rgba(7, 55, 86, 0.06);
    box-sizing: border-box;
}

.logo__container[b-ah3mqw34t8] {
    height: 38px;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

    .logo__container img[b-ah3mqw34t8] {
        height: 34px;
        width: auto;
        object-fit: contain;
    }

.mainContainer[b-ah3mqw34t8]  .rightIcons__container {
    margin-right: var(--gutter-size-medium);
    margin-left: auto;
    display: flex;
    gap: 14px;
    align-items: center;
    min-width: 0;
    height: 100%;
    overflow: visible;
}


.mainContainer[b-ah3mqw34t8]  hr {
    height: 32px;
}

@media screen and (max-width: 768px) {
    .mainContainer[b-ah3mqw34t8] {
        padding-right: var(--gutter-size-small);
    }

    .mainContainer[b-ah3mqw34t8]  .rightIcons__container {
        gap: var(--gutter-size-small);
        margin-right: 0;
    }
}
/* /Shared/TopAppBar/TopAppBarProfile.razor.rz.scp.css */

.mainContainer[b-x0mnxeugql] {
    display: flex;
    align-items: center;
    gap: var(--gutter-size);
}

.userMenu__container[b-x0mnxeugql] {
    display: flex;
    justify-content: center;
    /*z-index: 2;*/ /*commented this out for blazor toasts*/
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--colour-primitive-grey);
    border-radius: 50%;
    cursor: pointer;
}

    .userMenu__container img[b-x0mnxeugql] {
        border-radius: 50%;
        height: 38px;
        width: 38px;
    }

    .userMenu__container[b-x0mnxeugql]  .user__icon {
        color: var(--colour-primitive-white);
    }


.profileDropdown__container[b-x0mnxeugql] {
    width: 348px;
    position: absolute;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background: #fff;
    top: 50px;
    right: var(--gutter-size);
    border-radius: 8px;
    z-index: var(--z-index-popover);
    display: none;
    padding: 15px;
    flex-direction: column;
}

    .profileDropdown__container.open[b-x0mnxeugql] {
        display: flex;
    }

    .profileDropdown__container > div[b-x0mnxeugql] {
        width: 100%;
    }

.profileDropdown__item[b-x0mnxeugql] {
    overflow: hidden;
    transition: var(--animation-duration-short);
}

    .profileDropdown__item.first[b-x0mnxeugql] {
        margin-top: 15px;
    }

    .profileDropdown__item > a[b-x0mnxeugql] {
        width: 100%;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #333;
        font-size: 14px;
        display: flex;
        cursor: pointer;
    }

        .profileDropdown__item > a:hover[b-x0mnxeugql] {
            background: #f5f5f5;
        }


        .profileDropdown__item > a > i[b-x0mnxeugql] {
            margin-right: 15px;
        }

.userInfo__container[b-x0mnxeugql] {
    display: flex;
    flex-direction: column;
}

    .userInfo__container .userName__container[b-x0mnxeugql] {
        font-size: var(--font-size-body-1);
    }

    .userInfo__container .userEmail__container[b-x0mnxeugql] {
        font-size: var(--font-size-body-2);
        color: var(--colour-text-description);
    }

.logoutButton__container a[b-x0mnxeugql] {
    font-size: 14px;
    color: #a94442;
    display: flex;
    justify-content: center;
    height: 26px;
    margin: 8px 0px;
}

.newUserExperienceSwitch__container[b-x0mnxeugql] {
    display: none;
}


.rebuildSession__container[b-x0mnxeugql] {
    display: flex;
    justify-content: space-between;
}

    .rebuildSession__container a[b-x0mnxeugql] {
        font-size: 14px;
        color: var(--colour-action-primary);
        text-decoration: underline;
    }

@media screen and (max-width: 485px) {
    .profileDropdown__container[b-x0mnxeugql] {
        width: calc(100% - 60px - var(--gutter-size)); /* 60px is the width of the user side menu */
        right: 5px;
    }
}
/* /Shared/TopAppBar/TrialStatus.razor.rz.scp.css */
.trial-mode-badge[b-uuwozam6gm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #ffe6f0;
    color: #c2185b;
    border-radius: 16px;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .trial-mode-badge MudIcon[b-uuwozam6gm] {
        color: #c2185b;
        font-size: 18px;
    }

    .trial-mode-badge:hover[b-uuwozam6gm] {
        background-color: #ffcce0; 
        color: #ad1457; 
        transform: translateY(-1px); 
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }

        .trial-mode-badge:hover MudIcon[b-uuwozam6gm] {
            color: #ad1457;
        }