/* _content/MeshWeaver.Blazor.EntityViews/NumberFieldView.razor.rz.scp.css */
/* Theme-specific styles for NumberFieldView */
[b-mvfrf86dsx] .control {
    color: var(--neutral-foreground-rest);
}

/* Ensure proper text color in dark mode */
:root[data-prefers-color-scheme='dark'][b-mvfrf86dsx]  .control {
    color: var(--neutral-foreground-rest);
}

/* Handle input text color when system theme is dark */
@media (prefers-color-scheme: dark) {
    [b-mvfrf86dsx] .control {
        color: var(--neutral-foreground-rest) !important;
    }
}

/* HideStep — the native spin buttons.
   There is no inline style that can reach these: Blink/WebKit render them as
   ::-webkit-{outer,inner}-spin-button pseudo-elements, and Firefox needs `appearance: textfield`
   on the input itself. So the view emits the `hide-step` class and the rules live here.
   ::deep, because the <input> is rendered by InputNumber — a child COMPONENT — and CSS isolation
   does not carry this component's scope attribute onto another component's markup. */
[b-mvfrf86dsx] .control.hide-step {
    -moz-appearance: textfield;
    appearance: textfield;
}

[b-mvfrf86dsx] .control.hide-step::-webkit-outer-spin-button,
[b-mvfrf86dsx] .control.hide-step::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}