/* /Components/App.razor.rz.scp.css */
/* Blazor CSS isolation root - ensures styles.css bundle is generated */
/* /Components/Shared/EntityFormCommandBar.razor.rz.scp.css */
.entity-commandbar-dx[b-j1p6ys0ahg] {
    --commandbar-accent: var(--bs-primary, #0d6efd);
    --commandbar-surface: var(--bs-body-bg, #fff);
    --commandbar-border: var(--bs-border-color, #d8dee8);
    --commandbar-muted: var(--bs-secondary-color, #667085);
    margin-bottom: 1rem;
    overflow: hidden;
    border: 1px solid var(--commandbar-border);
    border-radius: .65rem;
    background: var(--commandbar-surface);
    box-shadow: 0 5px 16px rgba(15, 23, 42, .07);
    container-type: inline-size;
}

.entity-commandbar-dx__identity[b-j1p6ys0ahg] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2rem;
    padding: .32rem .65rem;
    border-bottom: 1px solid var(--commandbar-border);
    background: color-mix(in srgb, var(--commandbar-surface) 95%, var(--commandbar-accent) 5%);
    font-size: .75rem;
}

.entity-commandbar-dx__record-icon[b-j1p6ys0ahg] {
    color: var(--commandbar-accent);
    font-size: .88rem;
}

.entity-commandbar-dx__context[b-j1p6ys0ahg] {
    overflow: hidden;
    color: var(--bs-body-color, #1d2939);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-commandbar-dx__state[b-j1p6ys0ahg] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-left: auto;
    color: #9a6700;
    font-weight: 600;
    white-space: nowrap;
}

.entity-commandbar-dx__state--busy[b-j1p6ys0ahg] {
    color: var(--commandbar-muted);
}

.entity-commandbar-dx__state .spinner-border[b-j1p6ys0ahg] {
    width: .75rem;
    height: .75rem;
    border-width: .12rem;
}

.entity-commandbar-dx__state-dot[b-j1p6ys0ahg] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .16);
}

.entity-commandbar-dx[b-j1p6ys0ahg]  .entity-commandbar-dx__toolbar {
    width: 100%;
    min-height: 2.75rem;
    padding: .3rem .45rem;
    border: 0;
    border-radius: 0;
    background: var(--commandbar-surface);
    box-shadow: none;
}

.entity-commandbar-dx[b-j1p6ys0ahg]  .entity-commandbar-dx__toolbar .dxbl-toolbar-item {
    font-weight: 600;
}

.entity-commandbar-dx[b-j1p6ys0ahg]  .entity-commandbar-dx__toolbar .dxbl-toolbar-item.dxbl-btn-success {
    box-shadow: 0 2px 5px rgba(25, 135, 84, .2);
}

.entity-commandbar-dx--compact[b-j1p6ys0ahg] {
    border-radius: .55rem;
    box-shadow: none;
}

.entity-commandbar-dx--compact .entity-commandbar-dx__identity[b-j1p6ys0ahg] {
    min-height: 1.7rem;
    padding-block: .2rem;
}

.entity-commandbar-dx--compact[b-j1p6ys0ahg]  .entity-commandbar-dx__toolbar {
    min-height: 2.45rem;
    padding: .22rem .35rem;
}

@container (max-width: 30rem) {
    .entity-commandbar-dx__identity[b-j1p6ys0ahg] {
        padding-inline: .5rem;
    }

    .entity-commandbar-dx__state[b-j1p6ys0ahg] {
        font-size: 0;
    }
}

.entity-commandbar[b-j1p6ys0ahg] {
    --commandbar-accent: var(--bs-primary, #2563eb);
    --commandbar-surface: var(--bs-body-bg, #fff);
    --commandbar-border: var(--bs-border-color, #d9e0ea);
    --commandbar-muted: var(--bs-secondary-color, #657286);
    display: flex;
    align-items: stretch;
    gap: .65rem;
    min-height: 4.65rem;
    margin-bottom: 1rem;
    padding: .55rem .65rem .55rem .45rem;
    border: 1px solid var(--commandbar-border);
    border-radius: .65rem;
    background: color-mix(in srgb, var(--commandbar-surface) 96%, var(--commandbar-accent) 4%);
    box-shadow: 0 10px 28px rgba(31, 48, 74, .07);
    container-type: inline-size;
}

.entity-commandbar__context[b-j1p6ys0ahg] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 7rem;
    padding: 0 .55rem 0 .15rem;
    color: var(--commandbar-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.entity-commandbar__context-mark[b-j1p6ys0ahg] {
    width: .25rem;
    height: 2.75rem;
    border-radius: 999px;
    background: var(--commandbar-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--commandbar-accent) 12%, transparent);
}

.entity-commandbar__group[b-j1p6ys0ahg] {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: .25rem;
    min-width: max-content;
}

.entity-commandbar__actions[b-j1p6ys0ahg] {
    display: flex;
    align-items: center;
    gap: .2rem;
}

.entity-commandbar__group-label[b-j1p6ys0ahg] {
    grid-row: 2;
    text-align: center;
    color: var(--commandbar-muted);
    font-size: .66rem;
    letter-spacing: .04em;
}

.entity-commandbar__action[b-j1p6ys0ahg] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .18rem;
    min-width: 4.15rem;
    min-height: 3.1rem;
    padding: .35rem .55rem;
    border: 0;
    border-radius: .45rem;
    background: transparent;
    color: var(--bs-body-color, #1f2937);
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.1;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.entity-commandbar__action i[b-j1p6ys0ahg] {
    font-size: 1.12rem;
}

.entity-commandbar__action:hover:not(:disabled)[b-j1p6ys0ahg] {
    background: color-mix(in srgb, var(--commandbar-accent) 10%, transparent);
    color: var(--commandbar-accent);
    transform: translateY(-1px);
}

.entity-commandbar__action:focus-visible[b-j1p6ys0ahg] {
    outline: 3px solid color-mix(in srgb, var(--commandbar-accent) 35%, transparent);
    outline-offset: 1px;
}

.entity-commandbar__action:disabled[b-j1p6ys0ahg] {
    cursor: not-allowed;
    opacity: .48;
}

.entity-commandbar__action--primary[b-j1p6ys0ahg] {
    background: var(--commandbar-accent);
    color: #fff;
}

.entity-commandbar__action--primary:hover:not(:disabled)[b-j1p6ys0ahg] {
    background: color-mix(in srgb, var(--commandbar-accent) 88%, #000);
    color: #fff;
}

.entity-commandbar__action--danger[b-j1p6ys0ahg] {
    color: var(--bs-danger, #dc3545);
}

.entity-commandbar__divider[b-j1p6ys0ahg] {
    width: 1px;
    margin: .35rem 0;
    background: var(--commandbar-border);
}

.entity-commandbar__spacer[b-j1p6ys0ahg] {
    flex: 1;
}

.entity-commandbar__report[b-j1p6ys0ahg] {
    min-height: 3.1rem;
}

.entity-commandbar--compact[b-j1p6ys0ahg] {
    align-items: center;
    min-height: auto;
    padding: .4rem .55rem;
}

.entity-commandbar--compact .entity-commandbar__context[b-j1p6ys0ahg],
.entity-commandbar--compact .entity-commandbar__group-label[b-j1p6ys0ahg] {
    display: none;
}

.entity-commandbar--compact .entity-commandbar__group[b-j1p6ys0ahg] {
    display: block;
}

.entity-commandbar--compact .entity-commandbar__action[b-j1p6ys0ahg] {
    flex-direction: row;
    min-width: auto;
    min-height: 2.25rem;
    padding: .4rem .65rem;
}

@media (max-width: 720px) {
    .entity-commandbar[b-j1p6ys0ahg] {
        flex-wrap: wrap;
        min-height: auto;
    }

    .entity-commandbar__context[b-j1p6ys0ahg] {
        width: 100%;
        min-width: 0;
        padding: .15rem .25rem;
    }

    .entity-commandbar__context-mark[b-j1p6ys0ahg] {
        width: 1.75rem;
        height: .2rem;
    }

    .entity-commandbar__spacer[b-j1p6ys0ahg] {
        display: none;
    }

    .entity-commandbar__group--page[b-j1p6ys0ahg] {
        margin-left: auto;
    }
}

@container (max-width: 38rem) {
    .entity-commandbar__context[b-j1p6ys0ahg],
    .entity-commandbar__group-label[b-j1p6ys0ahg] {
        display: none;
    }

    .entity-commandbar__group[b-j1p6ys0ahg] {
        display: block;
    }

    .entity-commandbar__action[b-j1p6ys0ahg] {
        flex-direction: row;
        min-width: auto;
        min-height: 2.35rem;
        padding: .42rem .62rem;
    }

    .entity-commandbar__divider[b-j1p6ys0ahg] {
        margin: .15rem 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .entity-commandbar__action[b-j1p6ys0ahg] {
        transition: none;
    }
}
