.psbmc-wrapper { max-width: 100%; margin: 0 auto; font-family: inherit; box-sizing: border-box; }
.psbmc-wrapper[dir="ltr"] .psbmc-toggle-name, 
.psbmc-wrapper[dir="ltr"] .psbmc-opt-name { text-align: left; }
.psbmc-wrapper * { box-sizing: border-box; }

.psbmc-module { background: #fdfdfd; padding: 45px 9px 19px 9px; border: solid 1px #d501011f; border-radius: 15px; text-align: center; }

.psbmc-title { font-size: 18px; margin-bottom: 45px !important; }

.psbmc-input-section input { width: 100% !important; max-width: 400px; padding: 12px !important; font-size: 16px !important; text-align: center; border: 1px solid #d5010140 !important; border-radius: 6px !important; direction: ltr; height: 46px !important; background: #ffffff !important; margin-bottom: 20px; }
.psbmc-selectors-row { display: flex; align-items: flex-end; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 40px; }

.psbmc-dropdown-group { position: relative; flex: 1; max-width: 60%; }
.psbmc-label { text-align: center; margin-bottom: 6px; color: #555; font-size: 14px; }
.psbmc-toggle { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; border: 1px solid #d5010140; border-radius: 6px; background: #ffffff; cursor: pointer; height: 46px; }

.psbmc-toggle-name { font-weight: bold; font-size: 14px; color: #2f2f2f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.psbmc-toggle-left { display: flex; align-items: center; direction: ltr; gap: 7px; flex-shrink: 0; }
.psbmc-toggle-code { font-weight: bold; font-size: 14px; color: #2f2f2f; }
.psbmc-arrow { font-size: 10px; color: #666; }

.psbmc-flag { width: 24px; height: 24px; object-fit: contain; }

.psbmc-menu { display: none; position: absolute; top: 100%; right: 0; width: 100%; background: #fff; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); z-index: 1000; margin-top: 4px; }
.psbmc-menu.show { display: block; }
.psbmc-search-box { padding: 8px; border-bottom: 1px solid #eee; }
.psbmc-search-box input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; }
.psbmc-list { list-style: none; margin: 0; padding: 0; max-height: 200px; overflow-y: auto; }

.psbmc-option { display: flex; align-items: center; justify-content: space-between; padding: 3px 5px 0px; cursor: pointer; border-bottom: 1px solid #f9f9f9; }
.psbmc-option:hover { background: #f0f4ff; }
.psbmc-opt-name { font-size: 14px; color: #2f2f2f; text-align: right; }
.psbmc-opt-left { display: flex; align-items: center; direction: ltr; gap: 8px; flex-shrink: 0; }
.psbmc-opt-code { font-size: 14px; color: #2f2f2f; font-weight: bold; }
.psbmc-swap-container { display: flex; align-items: center; justify-content: center; padding-bottom: 5px; width: 17%; }
input#psbmc-from-search, input#psbmc-to-search { font-size: 15px; }
.psbmc-swap-btn { background: #d50101; color: #fff; border: none; border-radius: 50%; width: 32px; height: 32px; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.2s; flex-shrink: 0; }
.psbmc-swap-btn:hover { background: #a50000; }
.psbmc-swap-btn:active { transform: scale(0.9); }
.psbmc-result-section { padding-top: 20px; border-top: 1px solid #75757529; transition: color 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; text-align: center; }
.psbmc-result-value { font-size: 32px; font-weight: bold; color: #069300; direction: ltr; display: inline-block; }
.psbmc-result-currency { font-size: 14px; color: #555; display: inline-block; }


#psbmc-change-indicator img {
    width: 13px !important;
    height: 13px !important;
    margin-left: 2px;
}



@media (max-width: 750px) {
    .psbmc-dropdown-group { min-width: 100%; }
    .psbmc-swap-container { align-items: center; padding-bottom: 0; margin-top: 5px; margin-bottom: 5px; }
    .psbmc-swap-btn { transform: rotate(90deg); }
    .psbmc-swap-btn:active { transform: rotate(90deg) scale(0.9); }
}

@media (max-width: 600px) {
    .psbmc-module { padding: 30px 9px 20px 9px; }
    .psbmc-label { text-align: right; margin-bottom: 0px; margin-right: 10px; }
    .psbmc-wrapper[dir="ltr"] .psbmc-label { text-align: left; margin-right: 0px; margin-left: 10px; }
    .psbmc-swap-container { margin-top: 20px; }
    .psbmc-result-value { font-size: 22px; }
}