body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #FCFDFE; /* 参考图片主背景色 */
    color: #1E1F25; /* 参考图片主要深色文字 */
    font-size: 14px;
}

.forder_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 15px; /* 上下增加一些边距 */
}

/* --- 原有的 Stats Module (应用新配色) --- */
.forder_stats_module {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #FFFFFF; /* 参考图片卡片背景色 */
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.forder_stat_item { text-align: center; }
.forder_stat_item_label {
    font-size: 0.85em;
    color: #8A8B90; /* 参考图片次要文字/标签颜色 */
    margin-bottom: 5px;
}
.forder_stat_item_value {
    font-size: 1.2em;
    font-weight: bold;
    color: #1E1F25; /* 参考图片主要数值颜色 */
}
.forder_stat_positive { color: #38B71D; } /* 参考图片绿色 */
.forder_stat_negative { color: #E2324D; } /* 参考图片红色 */
.forder_stat_neutral { color: #1E1F25; }


/* --- 切换视图按钮 --- */
.forder_view_toggle_container {
    margin-bottom: 20px; /* 与搜索框间距 */
    text-align: left; /* 或 center/right 根据喜好 */
}
.forder_toggle_view_button {
    background-color: #E0F0E0; /* 参考图片“暂停”按钮浅绿色背景 */
    color: #2A4D2A;       /* 深绿色文字，确保对比度 */
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.95em;
    font-weight: bold;
}
.forder_toggle_view_button:hover {
    background-color: #C8E0C8;
}

/* --- Search Bar (应用新配色) --- */
.forder_search_bar_container {
    margin-bottom: 20px;
    display: flex;
}
.forder_search_input {
    flex-grow: 1;
    padding: 12px 15px;
    border: 1px solid #e8e9ed;
    border-radius: 6px;
    background-color: #FFFFFF;
    color: #1E1F25;
    font-size: 1em;
    outline: none;
}
.forder_search_input::placeholder {
    color: #8A8B90; /* 参考图片placeholder颜色 */
}


/* --- Order List & Daily P&L List 通用头部样式 (应用新配色) --- */
.forder_list_common_header {
    background-color: #F0F1F2; /* 列表头背景 */
    font-weight: bold;
    color: #4A4A4E; /* 列表头文字颜色 */
    margin-bottom: 5px;
    border-radius: 6px 6px 0 0;
}

/* --- Order List & Daily P&L List 通用列表项样式 (应用新配色) --- */
.forder_list_item_common {
    display: grid;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.forder_list_item_label { /* 移动端标签 */
    font-size: 0.8em;
    color: #8A8B90; /* 次要文字颜色 */
    display: block;
    margin-bottom: 3px;
}
.forder_list_item_value {
    font-size: 0.95em;
    color: #1E1F25; /* 主要内容文字颜色 */
}

/* Order List Specific */
.forder_order_list_header { grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr 0.8fr; }
.forder_order_item {
    grid-template-columns: repeat(2, 1fr); /* 移动端2列 */
}
.forder_order_currency {
    grid-column: span 2; /* 移动端占满 */
    margin-bottom: 5px;
    display: flex; /* 用于币种和价格同行 */
    justify-content: space-between; /* 价格靠右 */
    align-items: center;
}
.forder_order_currency_name .forder_order_value { font-weight: bold; font-size: 1.1em; color: #1E1F25; }
.forder_order_currency_name .forder_order_id { font-size: 0.8em; color: #8A8B90; font-weight: normal; margin-left: 5px;}
.forder_order_price {
    font-weight: bold;
    font-size: 1.05em;
    color: #38B71D; /* 价格用绿色，或根据涨跌 */
}

.forder_order_pnl .forder_order_value.forder_profit { color: #38B71D; font-weight: bold; }
.forder_order_pnl .forder_order_value.forder_loss { color: #E2324D; font-weight: bold; }
.forder_order_type_buy { color: #38B71D; }
.forder_order_type_sell { color: #E2324D; }

/* 针对图片中 BANANAS 和 SOPHUSDT 这种更像行情展示的样式 */
.forder_market_item_details { /* 用于包裹交易额、涨幅等行 */
    display: flex;
    justify-content: space-between;
    font-size: 0.9em;
    color: #8A8B90;
    grid-column: span 2; /* 移动端占满 */
}
.forder_market_item_details span { margin: 0 3px; }
.forder_market_item_details .forder_positive_value { color: #38B71D; }
.forder_market_item_details .forder_neutral_value { color: #1E1F25; } /* 例如交易额数值 */


/* Daily P&L List Specific */
.forder_daily_pnl_list_header { grid-template-columns: 1fr 1fr 1fr 1fr; }
.forder_daily_pnl_item {
    grid-template-columns: repeat(2, 1fr); /* 移动端2列 */
}
.forder_daily_pnl_date { grid-column: span 2; margin-bottom: 5px; }
.forder_daily_pnl_date .forder_list_item_value { font-weight: bold; font-size: 1.1em; color: #1E1F25; }
.forder_daily_pnl_amount .forder_list_item_value.forder_profit { color: #38B71D; font-weight: bold; }
.forder_daily_pnl_amount .forder_list_item_value.forder_loss { color: #E2324D; font-weight: bold; }


/* 隐藏/显示视图 */
.forder_hidden_view { display: none !important; }