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

/* /Components/ApplicationBrandingPanel.razor.rz.scp.css */
.branding-parameters[b-as3iehisx9] { background-color: var(--colorNeutralBackground3); }
.branding-preview[b-as3iehisx9] { min-width: 0; }
.branding-palette[b-as3iehisx9] { display: flex; flex-direction: row; max-width: 750px; width: 100%; gap: 0; overflow: hidden; border-radius: var(--control-corner-radius); }
.branding-palette-item[b-as3iehisx9] { display: flex; flex: 1 1 0; flex-direction: column; justify-content: space-between; min-width: 2.5rem; min-height: 11rem; padding: .5rem; color: var(--neutral-foreground-rest); font-size: .75rem; }
.branding-palette-hex[b-as3iehisx9] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 900px) { .branding-palette[b-as3iehisx9] { overflow-x: auto; }.branding-palette-item[b-as3iehisx9] { min-width: 4rem; } }
/* /Components/ApplicationNotificationsPanel.razor.rz.scp.css */
.notifications-grid[b-x4a4k7om15] {
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

@media (max-width: 640px) {
  .notifications-grid[b-x4a4k7om15]  fluent-data-grid {
    width: 710px;
    min-width: 710px;
    max-width: none;
  }
}
/* /Components/Designer/DesignerCanvas.razor.rz.scp.css */
.designer-canvas-area[b-y796vra8f3] {
    min-width: 0;
    overflow: auto;
    padding: 1rem 2rem 2rem;
    background: var(--neutral-layer-2);
}

.canvas-area-header[b-y796vra8f3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: min(100%, 62rem);
    margin: 0 auto 1rem;
    color: var(--neutral-foreground-hint);
}

.canvas-area-header strong[b-y796vra8f3] {
    color: var(--neutral-foreground-rest);
}

.canvas-viewport[b-y796vra8f3] {
    display: grid;
    place-items: start center;
    min-width: 100%;
    min-height: calc(100% - 2.5rem);
}

.canvas-viewport[b-y796vra8f3]  .canvas-page {
    width: min(100%, 62rem);
    min-height: 40rem;
    padding: 2.5rem;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-1);
    box-shadow: var(--shadow-8);
}

.canvas-page-header[b-y796vra8f3] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    color: var(--neutral-foreground-hint);
}

.canvas-node[b-y796vra8f3] {
    position: relative;
    margin: .5rem 0;
    padding: .75rem;
    border: 1px solid transparent;
    border-radius: .375rem;
    transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}

.canvas-node:hover[b-y796vra8f3] {
    border-color: var(--neutral-stroke-hover);
    background: var(--neutral-fill-stealth-hover);
}

.canvas-node.is-selected[b-y796vra8f3],
.canvas-node:focus-within[b-y796vra8f3] {
    border-color: var(--accent-fill-rest);
    background: var(--accent-fill-transparent-neutral-hover);
    box-shadow: 0 0 0 1px var(--accent-fill-rest);
}

.canvas-node[b-y796vra8f3]  .canvas-node-selector {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: block;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: pointer;
    opacity: 0;
}

.canvas-node[b-y796vra8f3]  .canvas-node-selector:focus {
    outline: none;
}

.canvas-node-actions[b-y796vra8f3] {
    position: absolute;
    top: .25rem;
    right: .25rem;
    z-index: 11;
    padding: .125rem;
    border-radius: .25rem;
    background: var(--neutral-layer-floating);
    box-shadow: var(--shadow-4);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .12s ease;
}

.canvas-node > :not(.canvas-node-selector):not(.canvas-node-actions)[b-y796vra8f3] {
    pointer-events: none;
}

.canvas-node.is-selected .canvas-node-actions[b-y796vra8f3],
.canvas-node:focus-within .canvas-node-actions[b-y796vra8f3] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.canvas-hidden-node[b-y796vra8f3] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.25rem;
    padding: .5rem .75rem;
    border: 1px dashed var(--neutral-stroke-rest);
    border-radius: .25rem;
    color: var(--neutral-foreground-hint);
}

.canvas-layout-placeholder[b-y796vra8f3] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 4rem;
    padding: .75rem;
    border: 1px dashed var(--neutral-stroke-rest);
    border-radius: .25rem;
    color: var(--neutral-foreground-hint);
}

.canvas-empty[b-y796vra8f3],
.query-workspace[b-y796vra8f3] {
    display: grid;
    place-content: center;
    justify-items: center;
    min-height: 22rem;
    color: var(--neutral-foreground-hint);
    text-align: center;
}

.canvas-node-label[b-y796vra8f3] { position: absolute; top: .5rem; left: .75rem; z-index: 11; font-size: .8rem; font-weight: 600; color: var(--accent-foreground-rest); }
/* /Components/Designer/DesignerToolbar.razor.rz.scp.css */
.designer-toolbar[b-nyf5uj4gi0] { display: grid; background: var(--neutral-layer-1); border-bottom: 1px solid var(--neutral-stroke-rest); }
.designer-toolbar-breadcrumb[b-nyf5uj4gi0] { min-height: 3.25rem; display: flex; align-items: center; padding: 0 .75rem; }
.designer-toolbar-action-card-wrapper[b-nyf5uj4gi0] { width: max-content; max-width: calc(100% - 1.5rem); justify-self: start; margin: 0 .75rem .5rem; }
.designer-toolbar-action-card[b-nyf5uj4gi0] { width: 100%; }
.designer-toolbar-action-bar[b-nyf5uj4gi0] { min-height: 2.75rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .25rem .5rem; }
.designer-toolbar-actions[b-nyf5uj4gi0],.designer-toolbar-primary-actions[b-nyf5uj4gi0] { display: flex; align-items: center; gap: .25rem; }

@media (max-width: 1350px) { .designer-toolbar-action-card-wrapper[b-nyf5uj4gi0] { width: min(100%, 34rem); }.designer-toolbar-action-bar[b-nyf5uj4gi0] { gap: .25rem; padding: 0 .5rem; }.designer-toolbar-action-label[b-nyf5uj4gi0] { display: none; }.designer-toolbar-primary-actions[b-nyf5uj4gi0] { margin-left: auto; } }
/* /Components/HubaneroBlockquote.razor.rz.scp.css */
.hubanero-blockquote[b-8d5mvprmk0] {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  margin: 0;
  padding: .75rem 1rem;
  color: var(--colorNeutralForeground1);
}

.hubanero-blockquote fluent-icon[b-8d5mvprmk0] {
  flex: 0 0 auto;
  margin-top: .125rem;
}

.hubanero-blockquote-info[b-8d5mvprmk0] {
  background-color: var(--colorBrandBackground2);
  border-inline-start: 6px solid var(--colorBrandBackground);
}

.hubanero-blockquote-warning[b-8d5mvprmk0] {
  background-color: var(--colorPaletteGoldBackground2);
  border-inline-start: 6px solid var(--colorPaletteGoldBorderActive);
}

.hubanero-blockquote-error[b-8d5mvprmk0] {
  background-color: var(--colorPaletteRedBackground2);
  border-inline-start: 6px solid var(--colorPaletteRedBorderActive);
}
/* /Components/HubaneroBreadcrumb.razor.rz.scp.css */
.hubanero-breadcrumb-title[b-dlheym6fjh] { display: flex; align-items: center; gap: .5rem; margin: 0; }

@media (max-width: 600px) {
  .hubanero-breadcrumb-title[b-dlheym6fjh] { max-width: 100%; min-width: 0; overflow: hidden; white-space: nowrap; font-size: 1.35rem; line-height: 1.3; }
  .hubanero-breadcrumb-title > :not(:last-child)[b-dlheym6fjh] { display: none; }
  .hubanero-breadcrumb-title > :last-child[b-dlheym6fjh] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}
/* /Components/HubaneroDataGrid.razor.rz.scp.css */
.hubanero-data-grid[b-hnrz7ifh58] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
}

.hubanero-data-grid[b-hnrz7ifh58]  fluent-data-grid {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
/* /Components/HubaneroFAB.razor.rz.scp.css */
.hubanero-fab[b-1ad5kzuwmr] {
    display: none;
}

@media (max-width: 640px) {
    .hubanero-fab[b-1ad5kzuwmr] {
        bottom: calc(80px + 16px + env(safe-area-inset-bottom, 0px));
        display: block;
        filter: drop-shadow(0 4px 8px rgb(0 0 0 / 22%));
        inset-inline-end: calc(16px + env(safe-area-inset-right, 0px));
        position: fixed;
        z-index: 90;
    }
}
/* /Components/HubaneroIconPicker.razor.rz.scp.css */
.hubanero-icon-picker[b-uoonvs999x] { display: grid; gap: .5rem; }
/* /Components/HubaneroPullToRefresh.razor.rz.scp.css */
.hubanero-pull-to-refresh[b-9o7vsn3voh] {
    --hubanero-pull-translate: 0px;
    position: relative;
}

.hubanero-pull-to-refresh-indicator[b-9o7vsn3voh] {
    align-items: center;
    background: var(--colorNeutralBackground1);
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusCircular);
    box-sizing: border-box;
    box-shadow: var(--shadow4);
    color: var(--colorBrandForeground1);
    display: flex;
    height: 2.75rem;
    justify-content: center;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0.5rem;
    transform: translateX(-50%);
    transition: opacity 120ms ease;
    width: 2.75rem;
    z-index: 0;
}

.hubanero-pull-to-refresh-content[b-9o7vsn3voh] {
    position: relative;
    transform: translate3d(0, var(--hubanero-pull-translate), 0);
    transition: transform 180ms ease-out;
    will-change: transform;
    z-index: 1;
}

.hubanero-pull-to-refresh[data-pull-state] .hubanero-pull-to-refresh-indicator[b-9o7vsn3voh] {
    opacity: 1;
}

.hubanero-pull-to-refresh-icon[b-9o7vsn3voh] {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transform: scale(0.65);
    transition: opacity 140ms ease, transform 180ms ease;
}

.hubanero-pull-to-refresh[data-pull-state="pulling"] .hubanero-pull-to-refresh-icon-pulling[b-9o7vsn3voh],
.hubanero-pull-to-refresh[data-pull-state="armed"] .hubanero-pull-to-refresh-icon-armed[b-9o7vsn3voh],
.hubanero-pull-to-refresh[data-pull-state="refreshing"] .hubanero-pull-to-refresh-icon-refreshing[b-9o7vsn3voh] {
    opacity: 1;
    transform: scale(1);
}

.hubanero-pull-to-refresh[data-pull-state="pulling"] .hubanero-pull-to-refresh-content[b-9o7vsn3voh],
.hubanero-pull-to-refresh[data-pull-state="armed"] .hubanero-pull-to-refresh-content[b-9o7vsn3voh] {
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .hubanero-pull-to-refresh-indicator[b-9o7vsn3voh],
    .hubanero-pull-to-refresh-content[b-9o7vsn3voh],
    .hubanero-pull-to-refresh-icon[b-9o7vsn3voh] {
        transition: none;
    }

}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout-content[b-j65r8jhwxi] { width: 100%; max-width: 100vw; min-height: 100dvh; padding: 0 !important; overflow-x: clip; }
.login-shell[b-j65r8jhwxi] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; width: 100%; min-width: 0; min-height: 100dvh; box-sizing: border-box; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); overflow-x: clip; background: var(--neutral-layer-2); }

@media (max-width: 480px) {
    .login-shell[b-j65r8jhwxi] { justify-content: flex-start; padding-top: max(2rem, env(safe-area-inset-top)); }
}
/* /Components/Layout/NotFoundLayout.razor.rz.scp.css */
.not-found-layout-content[b-rkb5er0f09] { width: 100%; max-width: 100vw; min-height: 100dvh; padding: 0 !important; overflow-x: clip; }
.not-found-shell[b-rkb5er0f09] { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100dvh; box-sizing: border-box; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); background: var(--neutral-layer-2); }
.not-found-shell[b-rkb5er0f09]  .not-found-card { width: min(100%, 30rem); }
.not-found-card h1[b-rkb5er0f09] { margin: 0; }
.not-found-card p[b-rkb5er0f09] { margin: 0; color: var(--neutral-foreground-hint); }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-f9g06v7agt],
.components-reconnect-repeated-attempt-visible[b-f9g06v7agt],
.components-reconnect-failed-visible[b-f9g06v7agt],
.components-pause-visible[b-f9g06v7agt],
.components-resume-failed-visible[b-f9g06v7agt],
.components-rejoining-animation[b-f9g06v7agt] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-f9g06v7agt],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-f9g06v7agt],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-f9g06v7agt],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-f9g06v7agt],
#components-reconnect-modal.components-reconnect-retrying[b-f9g06v7agt],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-f9g06v7agt],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-f9g06v7agt],
#components-reconnect-modal.components-reconnect-failed[b-f9g06v7agt],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-f9g06v7agt] {
    display: block;
}


#components-reconnect-modal[b-f9g06v7agt] {
    background-color: var(--hubanero-reconnect-surface);
    color: var(--hubanero-reconnect-foreground);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid var(--hubanero-reconnect-stroke);
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-f9g06v7agt 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-f9g06v7agt 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-f9g06v7agt 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-f9g06v7agt]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-f9g06v7agt 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-f9g06v7agt {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-f9g06v7agt {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-f9g06v7agt {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-f9g06v7agt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-f9g06v7agt] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-f9g06v7agt] {
    border: 1px solid var(--accent-fill-rest, #0f6cbd);
    background-color: var(--accent-fill-rest, #0f6cbd);
    color: var(--foreground-on-accent-rest, #ffffff);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-f9g06v7agt] {
        background-color: var(--accent-fill-hover, #115ea3);
    }

    #components-reconnect-modal button:active[b-f9g06v7agt] {
        background-color: var(--accent-fill-active, #0f6cbd);
    }

.components-rejoining-animation[b-f9g06v7agt] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-f9g06v7agt] {
        position: absolute;
        border: 3px solid var(--accent-fill-rest, #0f6cbd);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-f9g06v7agt 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-f9g06v7agt] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-f9g06v7agt {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/LowCode/ScreenView.razor.rz.scp.css */
.screen-view-node[b-9q7y5mut4q] { position: relative; margin: .5rem 0; padding: .75rem; border: 1px solid transparent; border-radius: .375rem; }
.screen-view-node:hover[b-9q7y5mut4q] { border-color: var(--neutral-stroke-hover); }
.screen-view-node.is-selected[b-9q7y5mut4q] { border-color: var(--accent-fill-rest); box-shadow: 0 0 0 1px var(--accent-fill-rest); }
.screen-view-node[b-9q7y5mut4q]  .screen-view-selector { position: absolute; inset: 0; z-index: 10; width: 100%; height: 100%; padding: 0; opacity: 0; cursor: pointer; }
.screen-view-actions[b-9q7y5mut4q] { position: absolute; top: .25rem; right: .25rem; z-index: 11; display: none; background: var(--neutral-layer-floating); box-shadow: var(--shadow-4); }
.screen-view-node.is-selected .screen-view-actions[b-9q7y5mut4q] { display: flex; }
.screen-view-label[b-9q7y5mut4q] { position: absolute; top: .5rem; left: .75rem; z-index: 11; font-size: .8rem; font-weight: 600; color: var(--accent-foreground-rest); }
.screen-view-node > :not(.screen-view-selector):not(.screen-view-actions):not(.screen-view-label)[b-9q7y5mut4q] { pointer-events: none; }
.screen-view-empty[b-9q7y5mut4q] { display: grid; place-content: center; justify-items: center; min-height: 22rem; color: var(--neutral-foreground-hint); text-align: center; }
/* /Components/Pages/ApplicationDetails.razor.rz.scp.css */
.designer-layout[b-2r4ks2boyr] { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.designer-navigation[b-2r4ks2boyr] { position: sticky; top: 1rem; min-width: 0; }
[b-2r4ks2boyr] .designer-section-selector { display: none !important; }
.designer-content[b-2r4ks2boyr] { min-width: 0; }
.communication-tabs[b-2r4ks2boyr] { min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; }
.communication-tabs[b-2r4ks2boyr]  fluent-tabs { min-width: max-content; }
.communication-content[b-2r4ks2boyr] { min-width: 0; }
.artifact-record-page[b-2r4ks2boyr], .class-record-page[b-2r4ks2boyr] { display: grid; gap: 1rem; max-width: 1100px; }
.artifact-record-page h2[b-2r4ks2boyr], .class-record-page h2[b-2r4ks2boyr] { margin: 0; }
.artifact-record-page p[b-2r4ks2boyr], .class-record-page p[b-2r4ks2boyr] { color: var(--neutral-foreground-hint); }
.record-subnavigation[b-2r4ks2boyr] { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 1px solid var(--neutral-stroke-rest); }
.record-subnavigation a[b-2r4ks2boyr] { padding: .5rem .75rem; text-decoration: none; color: var(--neutral-foreground-rest); border-bottom: 2px solid transparent; }
.record-subnavigation a.active[b-2r4ks2boyr] { color: var(--accent-foreground-rest); border-color: var(--accent-foreground-rest); font-weight: 600; }
.overview-dashboard[b-2r4ks2boyr] { display: grid; gap: 1rem; max-width: 1100px; }
.overview-header h2[b-2r4ks2boyr], .overview-shortcuts h3[b-2r4ks2boyr], .overview-next-step h3[b-2r4ks2boyr] { margin: 0; }
.overview-header p[b-2r4ks2boyr], .overview-shortcuts p[b-2r4ks2boyr], .overview-next-step p[b-2r4ks2boyr] { margin: .35rem 0 0; color: var(--neutral-foreground-hint); }
.overview-metrics[b-2r4ks2boyr] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.overview-metrics[b-2r4ks2boyr]  fluent-card { display: grid; gap: .35rem; min-width: 0; }
.overview-metrics strong[b-2r4ks2boyr] { font-size: 1.75rem; }
.overview-metrics span[b-2r4ks2boyr] { color: var(--neutral-foreground-hint); }
.overview-shortcuts[b-2r4ks2boyr] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.overview-shortcuts[b-2r4ks2boyr]  fluent-card { display: grid; align-content: start; gap: .75rem; min-width: 0; }
.overview-shortcuts[b-2r4ks2boyr]  fluent-button { justify-self: start; }
.overview-next-step[b-2r4ks2boyr] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; }

@media (max-width: 768px) {
  .designer-layout[b-2r4ks2boyr] { grid-template-columns: 1fr; gap: .75rem; padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  [b-2r4ks2boyr] .designer-navigation { display: none !important; }
  [b-2r4ks2boyr] .designer-section-selector { display: inline-flex !important; justify-self: start; }
  .designer-content[b-2r4ks2boyr] { min-width: 0; }
  .designer-content[b-2r4ks2boyr]  fluent-card { padding: .75rem; }
  .record-subnavigation[b-2r4ks2boyr] { flex-wrap: nowrap; overflow-x: auto; }
  .record-subnavigation a[b-2r4ks2boyr] { flex: 0 0 auto; }
  .overview-metrics[b-2r4ks2boyr] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .overview-shortcuts[b-2r4ks2boyr] { grid-template-columns: 1fr; }
  .overview-next-step[b-2r4ks2boyr] { grid-template-columns: auto minmax(0, 1fr); }
  .overview-next-step[b-2r4ks2boyr]  fluent-button { grid-column: 2; justify-self: start; }
}
/* /Components/Pages/Applications.razor.rz.scp.css */
.applications-page[b-atizf62ro4] {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 86px);
    min-height: 0;
    overflow: hidden;
}

.applications-actions[b-atizf62ro4] {
    flex: 0 0 auto;
    margin-bottom: 1rem;
}

.applications-grid[b-atizf62ro4] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 640px) {
    .applications-page[b-atizf62ro4] {
        height: calc(100dvh - 82px);
    }

    .applications-actions[b-atizf62ro4],
    .applications-page > hr[b-atizf62ro4] {
        display: none !important;
    }

}
/* /Components/Pages/FrameworkPackages.razor.rz.scp.css */
.framework-packages-page[b-h5ou3uspi9] {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 86px);
    min-height: 0;
    overflow: hidden;
}

.framework-packages-grid[b-h5ou3uspi9] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 640px) {
    .framework-packages-page[b-h5ou3uspi9] {
        height: calc(100dvh - 82px);
    }

    .framework-packages-actions[b-h5ou3uspi9],
    .framework-packages-page hr[b-h5ou3uspi9] {
        display: none !important;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-announcements[b-kyebgf23do] { display: grid; width: min(100%, 30rem); gap: .5rem; }
.login-announcements fluent-button[b-kyebgf23do] { margin-left: auto; }
.login-card[b-kyebgf23do] { width: min(30rem, 100%); max-width: 100%; box-sizing: border-box; }
.login-card[b-kyebgf23do]  fluent-card { display: block; width: 100%; }
.login-form[b-kyebgf23do] { width: 100%; }
.login-form[b-kyebgf23do]  fluent-stack,
.login-form[b-kyebgf23do]  fluent-text-field,
.login-form[b-kyebgf23do]  fluent-button { width: 100%; max-width: none; box-sizing: border-box; }

@media (max-width: 480px) {
    .login-card[b-kyebgf23do] { width: 100%; }
}
/* /Components/Pages/StudioClasses.razor.rz.scp.css */
.class-section-tabs[b-d5x5pnghod] { min-width: 0; }

@media (max-width: 600px) {
  .class-section-tabs[b-d5x5pnghod] { overflow-x: auto; }
  .class-section-tabs[b-d5x5pnghod]  fluent-tabs { min-width: max-content; }
}
/* /Components/Pages/StudioCreateArtifactDialog.razor.rz.scp.css */
.studio-create-artifact-dialog-body[b-ewzpsp1pts] {
    overflow-x: hidden;
}

.studio-create-artifact-form[b-ewzpsp1pts] {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 12px;
    box-sizing: border-box;
}

.studio-create-artifact-form[b-ewzpsp1pts]  .fluent-text-input,
.studio-create-artifact-form[b-ewzpsp1pts]  fluent-text-input,
.studio-create-artifact-form[b-ewzpsp1pts]  fluent-text-field {
    width: 100%;
    min-width: 0;
    max-width: 100% !important;
    box-sizing: border-box;
}
/* /Components/Pages/Users.razor.rz.scp.css */
.users-page[b-89jzimhp50] {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 86px);
    min-height: 0;
    overflow: hidden;
}

.users-actions[b-89jzimhp50] {
    flex: 0 0 auto;
    margin-bottom: 1rem;
}

.users-grid[b-89jzimhp50] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 640px) {
    .users-page[b-89jzimhp50] {
        height: calc(100dvh - 82px);
    }

    .users-actions[b-89jzimhp50],
    .users-page > hr[b-89jzimhp50] {
        display: none !important;
    }

}