.chart-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.chart-body.minute-mode .chart-layout{grid-template-columns:minmax(0,1fr) 184px}
.order-book{background:#fff;border:1px solid #e0e4e1;min-height:360px;padding:11px 10px;font-size:10px}
.order-book.hidden{display:none}
.book-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #edf0ed}
.book-head b{font:700 14px serif}.book-head span{color:#77817b;font-size:9px}
.book-price{padding:10px 2px 8px;border-bottom:1px solid #edf0ed}
.book-price strong{display:block;font:700 22px monospace}.book-price small{color:#78827c}
.book-rows{padding:7px 0}.book-row{display:grid;grid-template-columns:34px 1fr 62px;gap:5px;align-items:center;height:24px;font-family:monospace}
.book-row .side{text-align:left;padding:0;grid-column:auto;border:0;background:none}.book-row .price{text-align:right}.book-row .volume{text-align:right;color:#6f7973}
.book-row.ask .side,.book-row.ask .price{color:#bd3f35}.book-row.bid .side,.book-row.bid .price{color:#14805a}
.book-divider{height:1px;background:#d9dfda;margin:3px 0}
.book-flow{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid #edf0ed;padding-top:8px;color:#6f7973}
.book-flow b{display:block;margin-top:2px;color:#37443d;font-family:monospace}
.book-note{margin-top:9px;color:#8a938d;font-size:8px;line-height:1.5}
.book-empty{padding:35px 4px;text-align:center;color:#8a938d;line-height:1.7}
@media(max-width:820px){.chart-body.minute-mode .chart-layout{grid-template-columns:1fr}.order-book{min-height:0}.book-rows{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.book-divider{display:none}}