/**
 * 币种汇总区域网格布局样式
 * 实现每行显示一个币种的垂直布局，靠右对齐
 */

/* 币种汇总容器 */
.currency-summary {
    padding: 3px; /* 增加内边距，让字体离边框有距离 */
    margin-top: 10px;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    background-color: #fff;
    position: relative;
    min-height: 90px; /* 增加到90px，支持四行币种 */
    overflow: hidden;
}

/* 币种汇总区域布局 - 使用垂直布局 */
.currency-summary .d-flex {
    display: flex !important;
    flex-direction: column !important; /* 垂直排列 */
    align-items: flex-end !important; /* 靠右对齐 */
    width: 100% !important;
    gap: 0px !important; /* 无行间距，紧密排列 */
}

/* 币种项样式 */
.currency-summary .currency-item {
    text-align: right !important;
    padding: 0px 8px !important; /* 增加左右内边距，让字体离边框有距离 */
    box-sizing: border-box !important;
    height: 21px !important; /* 重新计算：84px / 4 = 21px */
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important; /* 靠右对齐 */
}

/* 币种值样式 */
.currency-summary .currency-value {
    white-space: nowrap !important; /* 防止值被换行 */
    display: inline-block !important;
    font-size: 1rem !important; /* 进一步增大字体到1rem */
    font-weight: 600 !important; /* 字体粗细 */
    line-height: 1 !important; /* 减小行高 */
}

/* 为不同币种设置不同颜色 */
.currency-summary .text-primary {
    color: #0d6efd !important;
}

.currency-summary .text-success {
    color: #198754 !important;
}

.currency-summary .text-info {
    color: #0dcaf0 !important;
}

.currency-summary .text-danger {
    color: #dc3545 !important;
}

.currency-summary .text-secondary {
    color: #6c757d !important;
}

.currency-summary .text-warning {
    color: #ffc107 !important;
}