.pscc-wrapper { direction: rtl; max-width: 100%; margin: 0 auto; font-family: inherit; box-sizing: border-box; }
.pscc-wrapper * { box-sizing: border-box; }



.pscc-module {
    background: #e2e6e096;
    padding: 45px 45px 19px 45px;
    border: solid 1px #4a3e7d1f;
    border-radius: 15px;
    text-align: center;
}

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

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

.pscc-dropdown-group {
    position: relative;
    flex: 1;
    max-width: 60%;
}
.pscc-label {
    text-align: center;
    margin-bottom: 6px;
    color: #555;
    font-size: 14px;
}
/* تنسيقات المربع الأساسي */
.pscc-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border: 1px solid #4a3e7d40;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
    height: 46px;
}

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

/* تنسيقات العلم الموحدة */
.pscc-flag { width: 24px; height: 24px; object-fit: contain; }

.pscc-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;
}
.pscc-menu.show { display: block; }
.pscc-search-box { padding: 8px; border-bottom: 1px solid #eee; }
.pscc-search-box input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; }
.pscc-list { list-style: none; margin: 0; padding: 0; max-height: 200px; overflow-y: auto; }

/* تنسيقات القائمة المنسدلة */
.pscc-option { display: flex; align-items: center; justify-content: space-between; padding: 3px 5px 0px; cursor: pointer; border-bottom: 1px solid #f9f9f9; }
.pscc-option:hover { background: #f0f4ff; }
.pscc-opt-name { font-size: 14px; color: #2f2f2f; text-align: right; }
.pscc-opt-left { display: flex; align-items: center; direction: ltr; gap: 8px; flex-shrink: 0; }
.pscc-opt-code {
    font-size: 14px;
    color: #2f2f2f;
    font-weight: bold;
}
.pscc-swap-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
    width: 17%;
}
input#pscc-from-search {
    font-size: 15px;
}
input#pscc-to-search {
    font-size: 15px;
}
.pscc-swap-btn { background: #5164c1; 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; }
.pscc-swap-btn:hover { background: #3e4f9b; }
.pscc-swap-btn:active { transform: scale(0.9); }
.pscc-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;
}
.pscc-result-value { font-size: 32px; font-weight: bold; color: #069300; direction: ltr; display: inline-block; }
.pscc-result-currency {
    font-size: 14px;
    color: #555;
    display: inline-block;
}

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



@media (max-width: 600px) {
.pscc-module {
        padding: 30px 9px 20px 9px;
}
.pscc-label {
    text-align: right;
    margin-bottom: 0px;
    margin-right: 10px;
}
.pscc-swap-container {
        margin-top: 20px;
}
.pscc-result-value {
    font-size: 22px;
}

}