.TerminalPage { min-width: 960px; height: 100vh; padding: 20px; overflow: visible; }
.TerminalPage__toolbar { display: flex; gap: 12px; align-items: center; min-height: 34px; margin-bottom: 15px; white-space: nowrap; }
.TerminalPage__count { margin-left: 4px; color: #606266; font-size: 13px; }
.TerminalPage__quick-add { display: flex; gap: 5px; align-items: center; margin-left: 14px; color: #606266; font-size: 13px; overflow: hidden; }
.TerminalPage__quick-add b { color: #909399; font-weight: 400; }
.TerminalPage__quick-add i { color: #dcdfe6; font-style: normal; margin: 0 5px; }
.TerminalPage__quick-add a { color: #409eff; cursor: pointer; text-decoration: underline; }
.TerminalPage__workspace { display: flex; width: max-content; min-width: 100%; height: calc(100vh - 89px); align-items: flex-start; gap: 15px; padding-bottom: 20px; overflow: visible; }

.StockPanel { position: relative; display: flex; flex: 0 0 450px; flex-direction: column; height: 100%; min-height: 0; overflow: visible; background: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, .1); transition: flex-basis .2s; }
.StockPanel--minimized { flex-basis: 45px; cursor: pointer; background: #e6f1fc; border: 1px solid #b3d8ff; }
.StockPanel--console-open, .StockPanel--quick-overlay-open { z-index: 20; }
.StockPanel__header { display: flex; flex: 0 0 44px; align-items: center; justify-content: space-between; padding: 8px 12px; color: #303133; background: #f8f9fa; border-bottom: 1px solid #ebeef5; cursor: grab; user-select: none; }
.StockPanel__header:active { cursor: grabbing; }
.StockPanel__actions { display: flex; gap: 5px; }
.StockPanel--minimized .StockPanel__header { flex-direction: column; justify-content: flex-start; gap: 12px; padding: 12px 0; background: transparent; border: 0; cursor: pointer; }
.StockPanel__expand { padding: 0; color: #409eff; background: none; border: 0; cursor: pointer; }
.StockPanel__minimized-name { color: #409eff; font-size: 14px; letter-spacing: 4px; writing-mode: vertical-lr; }
.StockPanel__body { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: 10px; }
.StockPanel__quote { padding: 8px; margin-bottom: 10px; font-size: 12px; background: #fafafa; border: 1px solid #e4e7ed; border-radius: 4px; }
.StockPanel__quote-main { display: flex; align-items: center; gap: 16px; min-height: 28px; }
.StockPanel__quote-main > span { color: #f56c6c; font-size: 18px; font-weight: 700; }
.StockPanel__quote-main em { color: #909399; font-style: normal; }
.StockPanel__quote-main b { margin-left: auto; color: #303133; font-weight: 500; }
.StockPanel__quote-details { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 10px; color: #606266; }
.StockPanel__quote small { display: block; margin-top: 6px; color: #e6a23c; }
.StockPanel__accounts-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 14px; }
.StockPanel__account-actions { display: flex; align-items: center; gap: 5px; }
.StockPanel__account-actions .el-button:not(.el-button--primary) { color: #606266; background: #f5f7fa; border-color: #dcdfe6; }
.StockPanel__accounts-area { position: relative; display: flex; flex: 1; min-height: 150px; }
.StockPanel__log-title { display: flex; align-items: center; justify-content: space-between; margin: 5px 0 3px; font-size: 12px; }
.StockPanel__log-title > div { display: flex; align-items: center; gap: 4px; }

.AccountTable { flex: 1; min-height: 0; overflow: auto; border: 1px solid #ebeef5; }
.AccountTable__table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
.AccountTable__table th { position: sticky; top: 0; z-index: 1; padding: 6px; color: #606266; background: #f5f7fa; border-right: 1px solid #ebeef5; border-bottom: 1px solid #ebeef5; }
.AccountTable__table td { padding: 5px 6px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; border-right: 1px solid #ebeef5; border-bottom: 1px solid #ebeef5; }
.AccountTable__table th:nth-child(1) { width: 35px; }.AccountTable__table th:nth-child(2) { width: 35px; }.AccountTable__table th:nth-child(3) { width: 76px; }.AccountTable__table th:nth-child(4) { width: 52px; }.AccountTable__table th:nth-child(5), .AccountTable__table th:nth-child(6) { width: 65px; }
.AccountTable__row--submitted td { background: #fdf6ec; }
.AccountTable__row--filled td { background: #f0f9eb; }
.AccountTable__row--selected td:nth-child(-n+3) { background: #ecf5ff; }
.AccountTable__account { font-family: Consolas, monospace; font-size: 13px; cursor: default; user-select: none; }
.AccountTable__account:hover { background: #e4efff; }
.AccountTable__empty { height: 70px; color: #909399; }

.MiniLog { flex: 0 0 130px; height: 130px; min-height: 0; overflow: hidden; box-sizing: border-box; border: 1px solid #dcdfe6; }
.MiniLog__placeholder { display: flex; height: 100%; align-items: center; justify-content: center; color: #909399; font-size: 12px; background: #f5f7fa; }
.MiniLog__content { box-sizing: border-box; height: 100%; min-height: 0; padding: 8px; overflow-y: auto; font-family: Consolas, monospace; font-size: 12px; }
.MiniLog__line { margin-bottom: 2px; white-space: pre-wrap; }

.TradeConsole { position: absolute; z-index: 10; width: 250px; background: #fff; border: 1px solid #999; box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); }
.TradeConsole__header { display: flex; align-items: center; justify-content: space-between; padding: 6px 10px; font-size: 14px; border-bottom: 1px solid #999; }
.TradeConsole__tabs { display: flex; border-bottom: 2px solid #ccc; }
.TradeConsole__tab { flex: 1; padding: 8px 0; color: #909399; font-size: 15px; font-weight: 700; background: #f5f7fa; border: 0; cursor: pointer; }
.TradeConsole__tab--sell.TradeConsole__tab--active { color: #a65800; background: #f3d19e; border-bottom: 2px solid #f00; }.TradeConsole__tab--buy.TradeConsole__tab--active { color: #fff; background: #409eff; border-bottom: 2px solid #409eff; }
.TradeConsole__body { padding: 10px; }.TradeConsole__order-section { display: flex; gap: 8px; margin-bottom: 10px; }.TradeConsole__order-fields { flex: 1; }.TradeConsole__order-row { display: flex; align-items: center; gap: 4px; margin-bottom: 7px; font-size: 12px; }.TradeConsole__order-row:last-child { margin-bottom: 0; }.TradeConsole__order-row label { width: 28px; }.TradeConsole__order-row button { width: 22px; min-width: 22px; height: 24px; padding: 0; font-size: 16px; line-height: 1; cursor: pointer; }.TradeConsole__order-row input { width: 66px; height: 24px; text-align: center; border: 1px solid #999; }
.TradeConsole__price-action { width: 38px; padding: 6px 8px; color: #a65800; font-weight: 700; cursor: pointer; background: #f3d19e; border: 0; border-radius: 4px; writing-mode: vertical-lr; letter-spacing: 4px; }.TradeConsole__sell-actions { display: flex; gap: 8px; margin: -3px 0 10px; }.TradeConsole__sell-actions button { height: 23px; padding: 1px 7px; color: #333; font-size: 12px; background: #f5f5f5; border: 1px solid #a9a9a9; border-radius: 3px; cursor: pointer; }.TradeConsole__market-order { display: flex; align-items: center; gap: 6px; margin-bottom: 9px; }.TradeConsole__market-action { height: 23px; padding: 1px 7px; color: #333; font-size: 12px; cursor: pointer; background: #f5f5f5; border: 1px solid #a9a9a9; border-radius: 3px; }.TradeConsole__market-quantity { display: flex; align-items: center; gap: 4px; font-size: 12px; }.TradeConsole__market-quantity label { width: 28px; }.TradeConsole__market-quantity button { width: 22px; min-width: 22px; height: 24px; padding: 0; font-size: 16px; line-height: 1; cursor: pointer; }.TradeConsole__market-quantity input { width: 53px; height: 24px; text-align: center; border: 1px solid #999; }.TradeConsole__market-hint { color: #909399; font-size: 12px; }.TradeConsole__reserved { padding: 7px; margin-bottom: 10px; font-size: 12px; background: #fdfbed; border: 1px solid #dcdfe6; }.TradeConsole__reserved p { margin: 0 0 5px; }.TradeConsole__reserved hr { margin: 7px 0; border: 0; border-top: 1px solid #e4e7ed; }.TradeConsole__query-row, .TradeConsole__modify-row, .TradeConsole__management-row { display: flex; align-items: center; gap: 4px; }.TradeConsole__query-row label { display: inline-flex; align-items: center; gap: 1px; margin: 0; white-space: nowrap; }.TradeConsole__query-row input { width: 12px; height: 12px; margin: 0; }.TradeConsole__reserved button, .TradeConsole__reserved input, .TradeConsole__reserved select { height: 23px; padding: 1px 4px; font-size: 12px; border: 1px solid #999; }.TradeConsole__query-row button, .TradeConsole__modify-row button, .TradeConsole__management-row button:first-child { color: #333; background: #f5f5f5; border-color: #a9a9a9; border-radius: 3px; }.TradeConsole__query-row button, .TradeConsole__modify-row button { margin-left: auto; }.TradeConsole__modify-row select:first-child { width: 38px; }.TradeConsole__modify-row input { width: 47px; }.TradeConsole__modify-row select { width: 52px; }.TradeConsole__management-row { justify-content: space-between; margin-top: 8px; }.TradeConsole__management-row button:disabled { color: #909399; cursor: not-allowed; background: #f4f4f5; border-color: #dcdfe6; }
.TradeConsole__price-action:disabled, .TradeConsole__sell-actions button:disabled, .TradeConsole__query-row button:disabled { color: #909399; cursor: not-allowed; background: #f4f4f5; border-color: #dcdfe6; opacity: 1; }

.QuickTradeOverlay, .QuickCommandOverlay { position: absolute; right: -10px; bottom: 0; left: -10px; z-index: 5; box-sizing: border-box; padding: 10px 12px; color: #303133; background: #fff; border: 1px solid #a8abb2; box-shadow: 0 -3px 10px rgb(0 0 0 / 14%); }
.QuickTradeOverlay__header, .QuickCommandOverlay__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-size: 14px; }
.QuickTradeOverlay__header .el-button, .QuickCommandOverlay__header .el-button { padding: 0; color: #303133; font-size: 22px; }
.QuickTradeOverlay__fields { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.QuickTradeOverlay__fields label { display: flex; align-items: center; gap: 4px; color: #606266; font-size: 12px; }
.QuickTradeOverlay__fields input { width: 56px; height: 25px; box-sizing: border-box; text-align: center; border: 1px solid #a8abb2; }
.QuickTradeOverlay__fields button { width: 23px; height: 25px; padding: 0; color: #303133; font-size: 15px; line-height: 1; background: #f5f7fa; border: 1px solid #a8abb2; cursor: pointer; }
.QuickTradeOverlay__actions, .QuickCommandOverlay__actions { display: flex; justify-content: flex-start; gap: 8px; margin-top: 12px; }
.QuickTradeOverlay__actions button { min-width: 54px; height: 28px; color: #303133; background: #f5f7fa; border: 1px solid #a8abb2; border-radius: 3px; cursor: pointer; }
.QuickTradeOverlay__actions .QuickTradeOverlay__primary { color: #a65800; font-weight: 700; background: #f3d19e; border-color: #e6a23c; }
.QuickTradeOverlay__actions .QuickTradeOverlay__primary, .QuickCommandOverlay__actions .el-button--primary { margin-left: auto; }
.QuickTradeOverlay--buy .QuickTradeOverlay__primary { color: #fff; background: #409eff; border-color: #409eff; }
.QuickTradeOverlay__actions button:disabled { color: #909399; cursor: not-allowed; background: #f4f4f5; border-color: #dcdfe6; }
.QuickCommandOverlay__input .el-textarea__inner { font-family: Consolas, "Microsoft YaHei", monospace; }

.GlobalLogWindow { position: fixed; z-index: 100; display: flex; flex-direction: column; min-width: 400px; min-height: 200px; color: #a9b7c6; background: #1e1e1e; border: 1px solid #444; box-shadow: 0 -4px 20px rgba(0, 0, 0, .4); }.GlobalLogWindow__header { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; color: #d4d4d4; font-size: 13px; background: #2d2d2d; border-bottom: 1px solid #000; cursor: move; user-select: none; }.GlobalLogWindow__content { flex: 1; padding: 10px 15px; overflow-y: auto; font-family: Consolas, Monaco, monospace; font-size: 13px; }.GlobalLogWindow__content p { margin: 0 0 6px; }.GlobalLogWindow__resizer { position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; cursor: nwse-resize; }.GlobalLogWindow__resizer::after { position: absolute; right: 3px; bottom: 3px; width: 8px; height: 8px; content: ''; border-right: 2px solid #888; border-bottom: 2px solid #888; }

.AddPanelDialog__section h3 { margin: 0 0 10px; color: #333; font-size: 14px; font-weight: 400; }.AddPanelDialog__row { display: flex; gap: 10px; }.AddPanelDialog__results { display: flex; flex-direction: column; gap: 8px; width: 100%; max-height: 180px; padding: 10px; margin-top: 15px; overflow-y: auto; border: 1px solid #eee; border-radius: 4px; }.AddPanelDialog__footer { margin-top: 15px; text-align: center; }.CustomStockDialog__hint, .ImportAccountsDialog__hint { color: #606266; font-size: 12px; }.CustomStockDialog__hint { padding-bottom: 10px; border-bottom: 1px solid #eee; }.ImportAccountsDialog__stock { font-size: 13px; }.ImportAccountsDialog__autofill { display: block; margin-top: 10px; }