/* Fase 10.5 — CSS verbatim de los bloques de estilo de Pages/Exchange/MonedaPicker.razor. Igual que hoy, es global mientras el componente está en pantalla:
   se enlaza con <link> donde estaba el bloque. Cambios: @@ → @ y capas D-51. */
.mp-wrap { position: relative; }
.mp-btn {
    width: 100%; display: flex; align-items: center; gap: .5rem; text-align: left;
    border: 1px solid #D7E6DE; border-radius: 8px; padding: .5rem .7rem; background: #fff;
    font-size: .95rem; color: #1F2E27; cursor: pointer; min-height: 40px;
}
.mp-btn:hover, .mp-btn.is-open { border-color: #0F6B4C; box-shadow: 0 0 0 3px rgba(15,107,76,.15); }
.mp-placeholder { color: #7C8C84; }
.mp-caret { margin-left: auto; font-size: .7rem; color: #0F6B4C; }
.mp-flag { width: 24px !important; height: 18px !important; }
.mp-flag-fallback { width: 24px; text-align: center; color: #4CA37F; flex: none; }
.mp-code { font-weight: 700; letter-spacing: .02em; }
.mp-name { color: #5C6D64; font-size: .82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-backdrop { position: fixed; inset: 0; z-index: calc(var(--z-desplegable) - 1) /* D-51 (era 1190) */; background: transparent; }
.mp-panel {
    position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: var(--z-desplegable) /* D-51 (era 1200) */; min-width: 260px;
    background: #fff; border: 1px solid #D7E6DE; border-radius: 10px; box-shadow: 0 10px 30px rgba(31,46,39,.18); overflow: hidden;
}
.mp-search { display: flex; align-items: center; gap: .5rem; padding: .5rem .7rem; border-bottom: 1px solid #DFF3EA; background: #F2FAF6; color: #0F6B4C; }
.mp-search-input { flex: 1; border: none; outline: none; background: transparent; font-size: .92rem; color: #1F2E27; }
.mp-list { max-height: 250px; overflow-y: auto; padding: .25rem; }
.mp-group { padding: .35rem .6rem .15rem; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #0F6B4C; }
.mp-item { width: 100%; display: flex; align-items: center; gap: .55rem; border: none; background: transparent; padding: .42rem .6rem; border-radius: 6px; text-align: left; cursor: pointer; color: #1F2E27; }
.mp-item:hover { background: #DFF3EA; }
.mp-item.is-selected { background: #C9EBDB; }
.mp-star { margin-left: auto; font-size: .68rem; color: #b8912a; }
.mp-empty { padding: .8rem; text-align: center; color: #7C8C84; font-size: .85rem; }