.app-supplier-variant-field {
    display: grid;
    gap: 7px;
    margin: 12px 0 14px;
}

.app-supplier-variant-field > label {
    font-weight: 700;
}

.app-supplier-variant-static {
    display: flex;
    min-height: 46px;
    align-items: center;
    padding: 11px 13px;
    border: 1px solid var(--fx-line, #d4d9df);
    border-radius: 12px;
    background: var(--fx-panel-2, #f5f6f8);
    color: var(--fx-text, #17191c);
    font-weight: 650;
    line-height: 1.35;
}

.app-supplier-variant-help {
    color: var(--fx-muted, #687281);
    line-height: 1.4;
}

html[data-theme="dark"] .app-supplier-variant-static {
    border-color: var(--fx-line, rgba(161, 183, 214, .18));
    background: var(--fx-panel-2, #151d29);
    color: var(--fx-text, #f5f8fc);
}

@media (max-width: 600px) {
    .app-supplier-variant-static {
        min-height: 48px;
    }
}