/*
  Generic, token-backed utility classes only.
  Put theme values in foundations.css and component selectors in .razor.css.
*/
.ctev-stack {
    display: flex;
    flex-direction: column;
}

.ctev-component-row {
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.ctev-panel {
    border-radius: 0.5rem;
    border: 1px solid var(--ctev-neutral-300);
    background: var(--ctev-white);
}

.ctev-component-row:has(.app-input--error .app-input__label) > .app-button {
    align-self: center;
}