/*
 * price.css — Ops UI Library: PriceField
 * Uses CSS variables from index.html for automatic dark/light theme support
 */

.pf-wrap {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.pf-amount {
    flex: 2;
    min-width: 0;
}

.pf-currency-wrap {
    flex: 1;
    min-width: 0;
    position: relative;
}

.pf-currency-wrap .sf-trigger {
    width: 100%;
    box-sizing: border-box;
}