@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* _content/Nautify.Backend.Web/Components/Controls/Avatar.razor.rz.scp.css */
.profile-pic[b-9fue02sc27] {
    position: relative;
    display: inline-block;
    border: 3px solid transparent;
    border-radius: 50%;
    background-color: var(--neutral-fill-secondary-rest);
    text-align: center;
}

.profile-pic img[b-9fue02sc27] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.profile-pic .initials[b-9fue02sc27] {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: bold;
    text-wrap: nowrap;
    color: var(--neutral-foreground-hint);
}

.profile-pic.male[b-9fue02sc27] {
    border-color: #2196f3;
}

.profile-pic.female[b-9fue02sc27] {
    border-color: #e91e63;
}

.profile-pic.other[b-9fue02sc27] {
    border-color: var(--accent-base-color);
}

.age-badge[b-9fue02sc27] {
    display: flex;
    position: absolute;
    bottom: -4px;
    right: -4px;
    background-color: var(--accent-base-color);
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 2px;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #fff;
}
/* _content/Nautify.Backend.Web/Components/Controls/CheckboxFilterContainer.razor.rz.scp.css */
ul[b-jts6p9d2u6]{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul li[b-jts6p9d2u6]{
    display: flex;
    align-items: center;
    column-gap: calc(var(--design-unit) * 1.5px);
}
/* _content/Nautify.Backend.Web/Components/Controls/DetailsLayout.razor.rz.scp.css */
.details-layout[b-gmw0cbpo65]
{
    grid-area: content;
    overflow: auto;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header" "content";
    height: 100%;
}

.details-layout > header[b-gmw0cbpo65]
{
    grid-area: header;
    padding: calc(var(--design-unit) * 2.5px);
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title actions";
    align-items: center;
    border-bottom: 1px solid var(--neutral-stroke-layer-rest);
    background-color: var(--neutral-layer-1);
}

.details-layout > header > .title[b-gmw0cbpo65]
{
    grid-area: title;
}

.details-layout > header > .actions[b-gmw0cbpo65]
{
    grid-area: actions;
    display: grid;
    grid-auto-flow: column;
    gap: calc(var(--design-unit) * 1.5px);
}

.details-layout > .content[b-gmw0cbpo65]
{
    grid-area: content;
    padding: calc(var(--design-unit) * 1.5px);
    overflow: auto;
    height: 100%;
}
/* _content/Nautify.Backend.Web/Components/Controls/DetailsList.razor.rz.scp.css */
.details-list[b-dib52d40sn] {
    display: grid;
    gap: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px);
}

[b-dib52d40sn] .field {
    margin-bottom: calc(var(--design-unit) * 2px);
}

[b-dib52d40sn] .field label {
    display: block;
    margin-bottom: calc(var(--design-unit) * 1px);
    color: var(--neutral-foreground-hint);
}

[b-dib52d40sn] .field span {
    display: flex;
    align-items: center;
    gap: calc(var(--design-unit) * 1px);
    color: var(--neutral-foreground-rest);
}

[b-dib52d40sn] .field span.wrap {
    overflow-wrap: anywhere;
}
/* _content/Nautify.Backend.Web/Components/Controls/FormGrid.razor.rz.scp.css */
.form-grid[b-s3i64ipn8j]
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(var(--design-unit) * 4px);
}

[b-s3i64ipn8j] .form-grid-item
{
    padding: 1px;
}
/* _content/Nautify.Backend.Web/Components/Controls/ImageUpload.razor.rz.scp.css */
.image-upload-dropzone[b-yf7nzcini7] {
    border: 2px dashed var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 32px 24px;
    text-align: center;
    position: relative;
    background: var(--neutral-layer-1);
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    width: 100%;
}

.image-upload-dropzone:hover:not(.disabled)[b-yf7nzcini7] {
    background: var(--neutral-layer-2);
}

.image-upload-dropzone.dragover[b-yf7nzcini7] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-fill-rest-transparent);
}

.image-upload-dropzone.disabled[b-yf7nzcini7] {
    opacity: .6;
    cursor: not-allowed;
}

.image-upload-dropzone .content .headline[b-yf7nzcini7] {
    margin: 8px 0 0;
    font-size: 14px;
}

.image-upload-dropzone .content .browse[b-yf7nzcini7] {
    color: var(--accent-fill-rest);
    text-decoration: underline;
}

.image-upload-dropzone .content .hint[b-yf7nzcini7] {
    font-size: 12px;
    margin: 4px 0 16px;
    color: var(--neutral-foreground-hint, #666);
}

.image-upload-preview[b-yf7nzcini7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    width: 100%;
}

.image-upload-preview img[b-yf7nzcini7] {
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid var(--neutral-stroke-rest);
}

.image-upload-preview .actions[b-yf7nzcini7] {
    display: flex;
    gap: 8px;
}
/* _content/Nautify.Backend.Web/Components/Controls/InputImage.razor.rz.scp.css */
.input-image img[b-jbzupfjd37]
{
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--neutral-stroke-rest);
}

.input-image .icon-container[b-jbzupfjd37]
{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--neutral-fill-stealth-hover-on-neutral-fill-layer-rest);
    border-radius: 50%;
    overflow: hidden;
}
/* _content/Nautify.Backend.Web/Components/Controls/PageLayout.razor.rz.scp.css */
.page-layout[b-fm78dne7ft]
{
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header" "content";
    width: 100%;
    height: 100%;
}

.page-layout > header[b-fm78dne7ft]
{
    grid-area: header;
    padding: calc(var(--design-unit) * 3px);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    width: 100%;
}

.page-layout > .layout-content[b-fm78dne7ft]
{
    grid-area: content;
    width: 100%;
    height: 100%;
    overflow: auto;
}
/* _content/Nautify.Backend.Web/Components/Controls/PageLayoutWithAside.razor.rz.scp.css */
.page-layout-with-aside[b-juc7c7hmqz]
{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "aside content";
    width: 100%;
    height: 100%;
    overflow: auto;
}

.page-layout-with-aside > aside[b-juc7c7hmqz]
{
    grid-area: aside;
    height: 100%;
}

.page-layout-with-aside > article[b-juc7c7hmqz]
{
    grid-area: content;
    width: 100%;
    height: 100%;
    overflow: auto;
}
/* _content/Nautify.Backend.Web/Components/Controls/Sidebar.razor.rz.scp.css */
.sidebar[b-1qhx2j73xu]
{
    grid-area: aside;
    background-color: var(--neutral-layer-2);
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header" "nav";
    height: 100%;
}

.sidebar > header[b-1qhx2j73xu]
{
    grid-area: header;
    padding: calc(var(--design-unit) * 1.5px);
}

.sidebar > nav[b-1qhx2j73xu]
{
    grid-area: nav;
    padding: calc(var(--design-unit) * 1.5px);
    overflow: auto;
}
/* _content/Nautify.Backend.Web/Components/Controls/SplitLayout.razor.rz.scp.css */
.split-layout[b-56zqeh6bje] {
    height: 100%;
    width: 100%;
    overflow: auto;
}

[b-56zqeh6bje] split-panels {
    height: 100%;
    width: 100%;
}

[b-56zqeh6bje] .content-container {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-areas: "content" "footer";
    min-width: 100%;
    overflow: auto;
}

[b-56zqeh6bje] .content-container>.content {
    grid-area: content;
    height: 100%;
    overflow: auto;
    padding: 0;
}

[b-56zqeh6bje] .content-container>.footer {
    grid-area: footer;
    width: 100%;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

[b-56zqeh6bje] .details-container {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header" "content";
    overflow: auto;
}

[b-56zqeh6bje] .details-container>header {
    height: auto;
    grid-area: header;
    background-color: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title actions";
    align-items: center;
}

[b-56zqeh6bje] .details-container>header fluent-button[appearance=stealth]:not(:hover)::part(control) {
    background-color: var(--neutral-layer-4);
}

[b-56zqeh6bje] .details-container>header>.header-title {
    grid-area: title;
    font-size: var(--type-ramp-plus-1-font-size);
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

[b-56zqeh6bje] .details-container>header>.header-actions {
    white-space: nowrap;
    grid-area: actions;
}

[b-56zqeh6bje] .details-container>.details-content {
    grid-area: content;
    overflow: auto;
    height: 100%;
}
/* _content/Nautify.Backend.Web/Components/Controls/StackedList.razor.rz.scp.css */
.stacked-list[b-wod1mkxqzf]
{
    display: flex;
    flex-direction: column;
    gap: calc(var(--design-unit) * 1px);
    height: 100%;
}

.stacked-list-row[b-wod1mkxqzf] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
}

.stacked-list-row > *[b-wod1mkxqzf] {
    flex: 1 1 0;
}
/* _content/Nautify.Backend.Web/Components/Controls/Tabs.razor.rz.scp.css */
.tab-container[b-xxfmommdfg]
{
    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "tabs" "toolbar" "content";
    height: 100%;
}

.tabs[b-xxfmommdfg] {
    display: flex;
    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
    padding: 0 calc(var(--design-unit) * 2px);
    grid-area: tabs;
}

.tab-btn[b-xxfmommdfg] {
    display: flex;
    align-items: center;
    gap: calc(var(--design-unit) * 1px);
    background: none;
    border: none;
    color: var(--neutral-foreground-rest);
    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);
    cursor: pointer;
    margin-right: calc(var(--design-unit) * 1px);
    border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px) 0 0;
    transition: background 0.3s;
}

.tab-btn:hover[b-xxfmommdfg] {
    background: var(--clear-button-hover);
}

.tab-btn.active[b-xxfmommdfg] {
    background: var(--accent-fill-active);
    color: var(--foreground-on-accent-active);
}

.tab-toolbar[b-xxfmommdfg] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--design-unit) * 3px);
    padding: calc(var(--design-unit) * 2px);
    background-color: var(--neutral-layer-1);
    color: var(--neutral-foreground-hint);
    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
    grid-area: toolbar;
}

.tab-content[b-xxfmommdfg] {
    overflow: auto;
    grid-area: content;
}
/* _content/Nautify.Backend.Web/Components/Controls/TemplateEditor.razor.rz.scp.css */
.template-editor[b-kha5ayfnvz] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "toolbar" "editor" "placeholders";
    gap: calc(var(--design-unit) * 3px);
    padding: calc(var(--design-unit) * 1px);
}

.template-editor>.toolbar[b-kha5ayfnvz] {
    display: flex;
    grid-area: toolbar;
    gap: calc(var(--design-unit) * 2px);
}

.template-editor>.editor[b-kha5ayfnvz] {
    grid-area: editor;
    width: 100%;
    height: 100%;
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-control-active);
    border-radius: calc(var(--control-corner-radius) * 1px);
    padding: calc(var(--design-unit) * 1px);
}

.template-editor>.editor:has(textarea:focus)[b-kha5ayfnvz] {
    border-color: var(--accent-stroke-control-active);
}

.template-editor>.editor>textarea[b-kha5ayfnvz]
{
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    outline: none;
}

.template-editor>.placeholders[b-kha5ayfnvz] {
    display: grid;
    grid-area: placeholders;
    grid-template-rows: auto 1fr;
    grid-template-areas: "title" "placeholder-list";
    gap: calc(var(--design-unit) * 2px);
}

.template-editor>.placeholders>.title[b-kha5ayfnvz] {
    grid-area: title;
}

.template-editor>.placeholders>.placeholder-list[b-kha5ayfnvz] {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--design-unit) * 2px);
}
/* _content/Nautify.Backend.Web/Components/Features/Dashboard/Controls/ChartsRow.razor.rz.scp.css */
.tiles-row[b-z8i68vi5aa] {
    display: grid;
    gap: calc(var(--design-unit) * 3px);
    grid-template-areas: "header" "content";
    grid-template-rows: auto 1fr;
}

.tiles-row>.row-header[b-z8i68vi5aa] {
    display: flex;
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    color: var(--info);
    grid-area: header;
}

.tiles-row>.row-content[b-z8i68vi5aa] {
    display: grid;
    grid-area: content;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--design-unit) * 4px);
}
/* _content/Nautify.Backend.Web/Components/Features/Dashboard/Controls/ChartTile.razor.rz.scp.css */
.chart-tile[b-5lyhz6qv0f] {
    display: grid;
    grid-template-areas: "header" "content";
    grid-template-rows: auto 1fr;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
    background-color: var(--neutral-fill-rest);
    box-shadow: var(--elevation-shadow-card-rest);
    width: 100%;
    height: 320px;
    overflow: hidden;
}

.chart-tile > header[b-5lyhz6qv0f] {
    display: flex;
    align-items: center;
    padding: calc(var(--design-unit) * 3px);
    background-color: var(--neutral-fill-secondary-rest);
    grid-area: header;
}

.chart-tile > .content[b-5lyhz6qv0f] {
    padding: calc(var(--design-unit) * 2px);
    grid-area: content;
    width: 100%;
    height: 100%;
}

.chart-tile > .content > .empty-state[b-5lyhz6qv0f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--design-unit) * 2px);
    width: 100%;
    height: 100%;
}
/* _content/Nautify.Backend.Web/Components/Features/Dashboard/Controls/CountTile.razor.rz.scp.css */
.count-tile[b-7qcxu8yddk] {
    display: grid;
    grid-template-areas: "icon content";
    grid-template-columns: auto 1fr;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
    background-color: var(--neutral-fill-rest);
    box-shadow: var(--elevation-shadow-card-rest);
    width: 100%;
    overflow: hidden;
}

.count-tile > .icon-container[b-7qcxu8yddk] {
    display: flex;
    grid-area: icon;
    align-items: center;
    justify-content: center;
    background-color: var(--neutral-fill-secondary-rest);
    min-width: 72px;
}

.count-tile > .content-container[b-7qcxu8yddk] {
    display: flex;
    padding: calc(var(--design-unit) * 2px);
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    grid-area: content;
}

.count-tile > .content-container h3[b-7qcxu8yddk] {
    margin: 0;
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    color: var(--info);
}

.count-tile > .content-container p[b-7qcxu8yddk] {
    margin: 0;
    font-size: var(--type-ramp-plus-4-font-size);
    line-height: var(--type-ramp-plus-4-line-height);
}
/* _content/Nautify.Backend.Web/Components/Features/Dashboard/Controls/DashboardLayout.razor.rz.scp.css */
.dashboard-layout[b-lat3skzqrl] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--design-unit) * 6px);
    width: 100%;
    padding-bottom: calc(var(--design-unit) * 4px);
}
/* _content/Nautify.Backend.Web/Components/Features/Dashboard/Controls/TilesRow.razor.rz.scp.css */
.tiles-row[b-5u5imsln0r] {
    display: grid;
    gap: calc(var(--design-unit) * 3px);
    grid-template-areas: "header" "content";
    grid-template-rows: auto 1fr;
}

.tiles-row>.row-header[b-5u5imsln0r] {
    display: flex;
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    color: var(--info);
    grid-area: header;
}

.tiles-row>.row-content[b-5u5imsln0r] {
    display: grid;
    grid-area: content;
    grid-template-columns: repeat(5, 1fr);
    gap: calc(var(--design-unit) * 4px);
}
/* _content/Nautify.Backend.Web/Components/Features/PackagePurchases/Dialogs/PackagePurchasePayoutDialog.razor.rz.scp.css */
.payout-dialog__container[b-3gfrd6wjhw] {
    padding: calc(var(--design-unit) * 2px);
    background-color: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--design-unit) * 1.5px);
    max-height: 420px;
    overflow: auto;
}

.payout-dialog__list[b-3gfrd6wjhw] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: calc(var(--design-unit) * 2px);
}

.payout-dialog__item[b-3gfrd6wjhw] {
    display: flex;
    align-items: center;
    gap: calc(var(--design-unit) * 2px);
    padding: calc(var(--design-unit) * 1.5px);
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--design-unit) * 1.5px);
    cursor: pointer;
}

.payout-dialog__item.selected[b-3gfrd6wjhw] {
    border-color: var(--accent-fill-rest);
    background-color: var(--accent-fill-rest-transparent);
}

.payout-dialog__item-checkbox[b-3gfrd6wjhw] {
    display: flex;
    align-items: center;
}
/* _content/Nautify.Backend.Web/Components/Features/Packages/Controls/AddonEditor.razor.rz.scp.css */
.addon-container[b-qvdz6yrsoz] {
    width: 100%;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--control-corner-radius) * 1.5px);
    padding: calc(var(--design-unit) * 2.5px);
    margin-bottom: 8px;
}
/* _content/Nautify.Backend.Web/Components/Features/Packages/Controls/DiscountEditor.razor.rz.scp.css */
.discount-container[b-bu8t6m2zyf] {
    width: 100%;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--control-corner-radius) * 1.5px);
    padding: calc(var(--design-unit) * 2.5px);
    margin-bottom: 8px;
}
/* _content/Nautify.Backend.Web/Components/Features/Passengers/Views/PassengerDetailsView.razor.rz.scp.css */
.document-image[b-0pxahu72mo] {
    height: 52px;
    min-width: 54px;
    max-width: 54px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
}

.document-image:hover[b-0pxahu72mo] {
    border-color: var(--accent-stroke-control-active);
}
/* _content/Nautify.Backend.Web/Components/Features/Rates/Views/RateDetailsView.razor.rz.scp.css */
.criteria-list[b-lq88smkm9x] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: calc(var(--design-unit) * 1.5px);
}

.criteria-list>li[b-lq88smkm9x] {
    padding: calc(var(--design-unit) * 1.5px) 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}
/* _content/Nautify.Backend.Web/Components/Features/Roles/Dialogs/AssignPermissionsDialog.razor.rz.scp.css */
.permissions-container[b-uwu1cagy0s]{
    padding: calc(var(--design-unit) * 2px);
    background-color: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--design-unit) * 1.5px);
    overflow: auto;
    width: 100%;
    height: 200px;
}

.permissions-list[b-uwu1cagy0s] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--design-unit) * 1.5px);
}

.permissions-list > li[b-uwu1cagy0s] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: calc(var(--design-unit) * 1.5px);
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--design-unit) * 1.5px);
}

.permissions-list > li.selected[b-uwu1cagy0s] {
    border-color: var(--accent-fill-rest);
}
/* _content/Nautify.Backend.Web/Components/Features/Routes/Views/RouteDetailsView.razor.rz.scp.css */
.route-stop-list[b-ziv35ssx1a] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: calc(var(--design-unit) * 1.5px);
}

.route-stop-list>li[b-ziv35ssx1a] {
    padding: calc(var(--design-unit) * 1.5px) calc(var(--design-unit) * 2px);
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}
/* _content/Nautify.Backend.Web/Components/Features/Settings/SettingContent.razor.rz.scp.css */
.setting-content[b-icmttc9ebr]
{
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header" "content";
    width: 100%;
    height: 100%;
}

.setting-content > header[b-icmttc9ebr]
{
    display: grid;
    align-items: center;
    grid-area: header;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title actions";
    padding: calc(var(--design-unit) * 3px);
    background-color: var(--neutral-layer-1);
    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
    width: 100%;
}

.setting-content > header > .title[b-icmttc9ebr]
{
    grid-area: title;
}

.setting-content > header > .actions[b-icmttc9ebr]
{
    display: flex;
    grid-area: actions;
    gap: calc(var(--design-unit) * 2px);
}

.setting-content > .content-layout[b-icmttc9ebr]
{
    grid-area: content;
    padding: calc(var(--design-unit) * 3px);
    width: 100%;
    height: 100%;
    overflow: auto;
}
/* _content/Nautify.Backend.Web/Components/Features/Settings/Settings.razor.rz.scp.css */
.empty-settings[b-69tfwjg43t] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: calc(var(--design-unit) * 1px);
    width: 100%; 
    height:100%; 
    background-color: var(--neutral-layer-3);
}
/* _content/Nautify.Backend.Web/Components/Features/Settings/SettingSection.razor.rz.scp.css */
.setting-section[b-ubko823tma]
{
    width: 100%;
    background-color: var(--neutral-fill-rest);
    padding: calc(var(--design-unit) * 3px);
    border-radius: calc(var(--layer-corner-radius) * 1px);
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
}
/* _content/Nautify.Backend.Web/Components/Features/Trips/Dialogs/CreateTripDialogSeatAllocation.razor.rz.scp.css */
.seat-allocation[b-5cmpqe0fbv] {
    display: grid;
    width: 100%;
    grid-template-rows: auto 1fr;
    grid-template-areas: "header" "content";
    background-color: var(--neutral-fill-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
}

.seat-allocation header[b-5cmpqe0fbv] {
    grid-area: header;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--design-unit) * 2px);
    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
}

.seat-allocation header .actions[b-5cmpqe0fbv] {
    display: flex;
    gap: calc(var(--design-unit) * 2px);
}

.seat-allocation .content[b-5cmpqe0fbv] {
    grid-area: content;
    padding: calc(var(--design-unit) * 2px);
}
/* _content/Nautify.Backend.Web/Components/Features/Users/Dialogs/AssignPermissionsDialog.razor.rz.scp.css */
.permissions-container[b-3mgjpbpb7l]{
    padding: calc(var(--design-unit) * 2px);
    background-color: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--design-unit) * 1.5px);
    overflow: auto;
    width: 100%;
    height: 200px;
}

.permissions-list[b-3mgjpbpb7l] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--design-unit) * 1.5px);
}

.permissions-list > li[b-3mgjpbpb7l] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: calc(var(--design-unit) * 1.5px);
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--design-unit) * 1.5px);
}

.permissions-list > li.selected[b-3mgjpbpb7l] {
    border-color: var(--accent-fill-rest);
}
/* _content/Nautify.Backend.Web/Components/Features/Users/Dialogs/AssignRolesDialog.razor.rz.scp.css */
.roles-container[b-5lsgc4zujh]{
    padding: calc(var(--design-unit) * 2px);
    background-color: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--design-unit) * 1.5px);
    overflow: auto;
    width: 100%;
    height: 200px;
}

.roles-list[b-5lsgc4zujh] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--design-unit) * 1.5px);
}

.roles-list > li[b-5lsgc4zujh] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: calc(var(--design-unit) * 1.5px);
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--design-unit) * 1.5px);
}

.roles-list > li.selected[b-5lsgc4zujh] {
    border-color: var(--accent-fill-rest);
}
/* _content/Nautify.Backend.Web/Components/Pages/LandingPage.razor.rz.scp.css */
.container[b-13fk97typs] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #1A202C;
}

.background-image[b-13fk97typs] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-image: url('/img/bkg.webp');
}

.overlay[b-13fk97typs] {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
}