@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/ToggleButton.razor.rz.scp.css */
.toggle-button-wrapper[b-ci5leijg5f] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 36px;
}

.toggle-button[b-ci5leijg5f] {
    height: 36px;
    padding: 0 14px;
    font: inherit;
    font-weight: 600;
    line-height: 34px;
    cursor: pointer;
    user-select: none;
    border-width: 1px;
    border-style: solid;
    transition: background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 40ms ease;
    outline: none;
}

.toggle-button-start[b-ci5leijg5f] {
    border-top-left-radius: calc(36px / 2);
    border-bottom-left-radius: calc(36px / 2);
}

.toggle-button-end[b-ci5leijg5f] {
    border-top-right-radius: calc(36px / 2);
    border-bottom-right-radius: calc(36px / 2);
    margin-left: -1px; /* avoid double border seam */
}

.toggle-button--filled[b-ci5leijg5f] {
    background-color: var(--rz-base-900);
    border-color: var(--rz-base-900);
    color: var(--rz-white);
}

.toggle-button--filled:hover[b-ci5leijg5f] {
    background-color: var(--rz-secondary-darker);
    border-color: var(--rz-secondary-darker);
}

.toggle-button--filled:active[b-ci5leijg5f] {
    transform: translateY(1px);
}

.toggle-button--outlined[b-ci5leijg5f] {
    background-color: transparent;
    border-color: var(--rz-base-800);
    color: var(--rz-base-800);
}

.toggle-button--outlined:hover[b-ci5leijg5f] {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: var(--rz-base-700);
    color: var(--rz-base-500);
}

.toggle-button--outlined:active[b-ci5leijg5f] {
    transform: translateY(1px);
}

.toggle-button:focus-visible[b-ci5leijg5f] {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);;
}

.toggle-button:disabled[b-ci5leijg5f] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}
/* /Features/SalesPipelines/StatusText.razor.rz.scp.css */
.status[b-5aqs4j1v8l] {
    font-size: 12px;
}

.status-dot[b-5aqs4j1v8l] {
    font-size: 16px;
}

.status-draft[b-5aqs4j1v8l] {
    color: var(--rz-warning);
}

.status-ready[b-5aqs4j1v8l] {
    color: var(--rz-success);
}