.cost-picker { position: relative; min-width: 0; }
.cost-picker-trigger { display: flex; align-items: center; gap: .55rem; width: 100%; min-height: 2.8rem; padding: .6rem .75rem; border: 1px solid #52605b; border-radius: .65rem; background: #fdfcf8; color: #19241f; font-size: .84rem; font-weight: 650; text-align: left; }
.cost-picker-trigger > span:not(.cost-picker-all):not(.cost-picker-chevron) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cost-picker img, .cost-provider-shortcuts img { flex: 0 0 auto; width: 24px; height: 24px; padding: 2px; border-radius: 5px; background: #fff; object-fit: contain; }
.cost-picker-all { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 5px; background: #3458d8; border: 5px solid #fdfcf8; box-shadow: inset 0 0 0 2px #3458d8; }
.cost-picker-chevron { margin-left: auto; }
.cost-picker-menu { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; width: max(100%, min(21rem, 100vw - 4.5rem)); max-width: calc(100vw - 4.5rem); padding: .5rem; border: 1px solid #b6bdb8; border-radius: .75rem; background: #fffdf8; box-shadow: 0 16px 40px #18221e30; color: #19241f; }
.cost-picker-menu input { width: 100%; min-height: 2.6rem; margin-bottom: .4rem; padding: .55rem .7rem; border: 1px solid #b6bdb8; border-radius: .45rem; background: #fff; color: #19241f; font-size: .85rem; }
.cost-picker-options { display: grid; gap: .15rem; max-height: 17rem; overflow-y: auto; overscroll-behavior: contain; }
.cost-picker-menu .cost-picker-options button { display: flex; align-items: center; gap: .6rem; min-height: 2.6rem; width: 100%; padding: .5rem .6rem; border: 0; border-radius: .45rem; background: transparent; color: #19241f; text-align: left; white-space: normal; font-size: .85rem; }
.cost-picker-menu .cost-picker-options button:hover, .cost-picker-menu .cost-picker-options button[aria-selected="true"] { background: #e8edff; color: #2543a2; }
.cost-picker-menu[hidden], .cost-picker-options button[hidden], .cost-picker-empty[hidden] { display: none; }
.cost-picker-empty { margin: .5rem; font-size: .85rem; }
.cost-provider-shortcuts { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin: -.25rem 0 1.1rem; }
.cost-provider-shortcuts > span { margin-right: .2rem; color: var(--color-muted); font-size: .67rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.cost-provider-shortcuts button { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.35rem; padding: .3rem .65rem .3rem .35rem; border: 1px solid #b6bdb8; border-radius: 2rem; background: #fffdf8; color: #283a32; font-size: .77rem; font-weight: 700; }
.cost-provider-shortcuts button[aria-pressed="true"] { border-color: #3458d8; background: #e8edff; color: #2543a2; }
.cost-family-option { grid-template-columns: 1.5rem minmax(0, 1fr) auto; }
.cost-family-option .cost-family-icon { width: 24px; height: 24px; padding: 2px; object-fit: contain; border-radius: 5px; background: #fff; border-bottom: 3px solid var(--family-color, #8aa3ff); }
@media (max-width: 719px) { .cost-picker-menu { width: 100%; max-width: 100%; } }