.side-panels{gap:var(--space-4);display:flex;position:relative}.side-panels.lightning{min-height:220px}.side-panel{border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);gap:var(--space-4);min-height:180px;padding:var(--space-5);flex:1 1 0;transition:flex-grow .22s,border-color .12s;display:grid}.side-panel.up{background:var(--surface-success)}.side-panel.down{background:var(--surface-error)}.side-panel.selected{border-color:var(--text-primary)}.side-panel-title{justify-content:space-between;align-items:center;display:flex}.side-panel-title strong{font-size:var(--font-size-h5)}.order-book{border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);gap:var(--space-4);padding:var(--space-5);display:grid}.order-book-header{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.order-book-header h3{font-size:var(--font-size-body3);margin:0}.order-book-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-book-status{border:1px solid var(--color-gray-400);border-radius:var(--zoqo-radius-pill);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-4);text-transform:uppercase}.order-book-status.live{background:var(--surface-success);border-color:var(--color-success-200);color:var(--text-success)}.order-book-status.stale{background:var(--surface-warning);border-color:var(--color-warning-200);color:var(--text-warning)}.order-book-stale{background:var(--surface-warning);border:1px solid var(--color-warning-200);border-radius:var(--radius-xsm);color:var(--text-warning);font-size:var(--font-size-caption);padding:var(--space-3) var(--space-4)}.order-book-ladder{gap:var(--space-2);display:grid}.order-book-ladder-columns{color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);gap:var(--space-3);letter-spacing:.04em;padding:0 var(--space-3);text-transform:uppercase;grid-template-columns:1fr 1fr 1fr;display:grid}.order-book-ladder-columns span:last-child{text-align:right}.order-book-asks,.order-book-bids{gap:var(--space-2);display:grid}.order-book-side-label{color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:0 var(--space-3);text-transform:uppercase}.order-book-ladder-row{border-radius:var(--radius-xsm);font-size:var(--font-size-body5);font-variant-numeric:tabular-nums;align-items:center;gap:var(--space-3);min-height:28px;padding:var(--space-2) var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid;position:relative;overflow:hidden}.order-book-depth-bar{opacity:.35;z-index:0;transition:width .12s ease-out;position:absolute;top:0;bottom:0;left:0}.order-book-ladder-row--interactive{cursor:pointer;font:inherit;text-align:inherit;width:100%}.order-book-ladder-row--interactive:focus-visible{outline:2px solid var(--text-primary);outline-offset:1px}button.order-book-ladder-row--interactive{appearance:none;color:inherit;padding:var(--space-2) var(--space-3);background:0 0;border:none}.order-book-ladder-row--flash{animation:.2s ease-out order-book-row-flash}@keyframes order-book-row-flash{0%{filter:brightness(1.35)}to{filter:brightness()}}@media (prefers-reduced-motion:reduce){.order-book-depth-bar{transition:none}.order-book-ladder-row--flash{animation:none}}.order-book-depth-bar--ask{background:color-mix(in srgb, var(--color-error-500) 35%, transparent)}.order-book-depth-bar--bid{background:color-mix(in srgb, var(--color-success-500) 35%, transparent)}.order-book-ladder-price,.order-book-ladder-shares,.order-book-ladder-total{z-index:1;position:relative}.order-book-ladder-total{text-align:right}.order-book-ladder-row--placeholder{opacity:.35;pointer-events:none}.order-book-ladder-row.ask{background:color-mix(in srgb, var(--color-error-50) 35%, transparent)}.order-book-ladder-row.bid{background:color-mix(in srgb, var(--color-success-50) 45%, transparent)}.order-book-ladder-row.ask .order-book-ladder-price{color:var(--text-error);font-weight:var(--font-weight-semibold)}.order-book-ladder-row.bid .order-book-ladder-price{color:var(--text-success);font-weight:var(--font-weight-semibold)}.order-book-divider{border-block:1px solid var(--element-stroke);padding:var(--space-3);justify-content:space-between;align-items:center;display:flex}.order-book-divider-last{color:var(--text-secondary);font-size:var(--font-size-body5)}.order-book-divider-last strong{color:var(--text-error);font-weight:600}.order-book-divider-spread{color:var(--text-secondary);font-size:var(--font-size-body5)}.order-book-divider-spread strong{color:var(--color-primary-500,#6366f1);font-weight:600}.order-book--stale .order-book-ladder{opacity:.72}.websocket-status{background:color-mix(in srgb, var(--card-main) 86%, transparent);border:1px solid var(--color-gray-400);border-radius:var(--zoqo-radius-pill);color:var(--color-gray-600);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);min-height:28px;padding:var(--space-1) var(--space-4);left:50%;top:var(--space-4);z-index:1;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.trade-portfolio-feedback-notice{box-shadow:none;border:none}