:is(#paper-panel,[data-chart-id="paper-panel"]).paper-dock { position: relative; width: auto; min-width: 0px; height: 260px; max-height: 42%; flex: 0 0 260px; border-top: 1px solid var(--border); border-left: 0px; background: var(--bg); display: none; overflow: hidden; }
:is(#paper-panel,[data-chart-id="paper-panel"]).paper-dock.open { display: flex; flex-direction: column; }
.paper-head { display: flex; align-items: center; gap: 12px; height: 34px; min-height: 34px; padding: 0px 12px; border-bottom: 1px solid var(--border); }
.paper-account { color: var(--muted); font-size: 11px; }
.paper-fold { margin-left: auto; }
.paper-summary { display: flex; gap: 28px; padding: 7px 12px; overflow-x: auto; flex-shrink: 0; }
.paper-summary > div { display: flex; gap: 8px; align-items: center; white-space: nowrap; font-size: 11px; }
.paper-summary span { color: var(--muted); }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-tabs { flex: 0 0 auto; padding: 0px 8px; gap: 16px; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-tabs button { flex: 0 0 auto; border-radius: 0px; padding: 8px 4px; font-size: 12px; white-space: nowrap; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-body { padding: 0px; min-height: 0px; }
.paper-table { width: 100%; border-collapse: collapse; white-space: nowrap; font-size: 12px; text-align: left; }
.paper-table th { color: var(--muted); font-weight: 400; }
.paper-table th, .paper-table td { padding: 7px 12px; border-bottom: 1px solid var(--border); }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-table button { padding: 2px 0px; }
.paper-empty { color: var(--muted); text-align: center; padding: 14px; font-size: 12px; }
.paper-scope { flex: 0 0 auto; margin: 0px; padding: 4px 12px; color: var(--muted); font-size: 10px; border-top: 1px solid var(--border); }
:is(#chart-wrap,[data-chart-id="chart-wrap"]) .paper-quick-trade { position: absolute; z-index: 7; top: 34px; left: 9px; padding: 0px; border: 0px; max-width: calc(100% - 85px); pointer-events: auto; }
.paper-quick-controls { display: flex; align-items: center; gap: 5px; }
.paper-quick-controls .paper-sell, .paper-quick-controls .paper-buy { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 64px; width: auto; height: 35px; margin: 0px; padding: 3px 7px; background: var(--bg); border: 1px solid; border-radius: 5px; line-height: 14px; font-size: 9px; text-transform: uppercase; }
.paper-quick-controls .paper-sell { color: rgb(242, 54, 69); }
.paper-quick-controls .paper-buy { color: rgb(41, 98, 255); }
.paper-quick-price { font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.paper-quick-controls :is(#paper-qty,[data-chart-id="paper-qty"]) { width: 62px; height: 29px; margin: 0px; padding: 3px; background: var(--bg); border: 1px solid var(--border); border-radius: 4px; text-align: center; font-size: 11px; }
.paper-oc { height: 25px; padding: 3px 5px; font-size: 10px; border-radius: 4px; color: var(--muted); border: 1px solid var(--border); background: var(--bg); }
.paper-oc[aria-pressed="true"] { color: var(--accent); border-color: var(--accent); background: var(--accent-soft); }
.paper-quick-controls button:disabled { opacity: 0.45; cursor: default; }
.paper-quick-trade .paper-status { margin: 3px 0px 0px; font-size: 10px; max-width: 330px; background: var(--bg); }
.paper-quick-trade .paper-status:empty { display: none; }
:is(#legend-overlays,[data-chart-id="legend-overlays"]) { margin-top: 44px; }
@media (max-width: 600px) {
  :is(#paper-panel,[data-chart-id="paper-panel"]).paper-dock { flex-basis: 240px; max-height: 45%; }
  .paper-summary { gap: 18px; }
  .paper-summary > div { flex-direction: column; align-items: flex-start; gap: 2px; }
  :is(#paper-panel,[data-chart-id="paper-panel"]) .paper-tabs { gap: 10px; overflow-x: auto; }
}
.paper-order-controls { display: flex; gap: 4px; margin-top: 4px; }
.paper-order-controls select, .paper-order-controls input, .paper-table input[data-protection] { background: var(--bg, #131722); color: inherit; border: 1px solid var(--border, #363a45); border-radius: 3px; padding: 3px 5px; font: inherit; }
.paper-order-controls select { width: 78px; }
.paper-order-controls input { width: 112px; min-width: 0; }
.paper-table input[data-protection] { width: 86px; margin-left: 4px; }
.paper-table .paper-selected { background: rgba(41, 98, 255, .15); outline: 1px solid #2962ff; outline-offset: -1px; }
/* Indicator legend follows the quick order controls. */
.legend > .legend-row:first-child { margin-bottom: 76px; }
:is(#legend-overlays,[data-chart-id="legend-overlays"]) { margin-top: 0; }
:is(#volume-toggle,[data-chart-id="volume-toggle"]) { width: 18px; height: 18px; }
:is(#volume-toggle,[data-chart-id="volume-toggle"]) .icon { width: 13px; height: 13px; }
/* Use the measured quote typography while retaining order inputs and OC. */
.paper-quick-controls { font-family: var(--chart-font); }
.paper-quick-controls .paper-sell, .paper-quick-controls .paper-buy { min-width: 75px; height: 34px; padding: 0 10px 2px; font-size: 10px; }
.paper-quick-price { font: 600 12px/16px var(--chart-font); }
@media (max-width: 600px) {
  .paper-quick-controls { gap: 3px; flex-wrap: wrap; }
  .paper-quick-controls :is(#paper-qty,[data-chart-id="paper-qty"]) { width: 46px; }
  :is(#chart-wrap,[data-chart-id="chart-wrap"]) .paper-quick-trade { max-width: calc(100% - 82px); }
  .legend > .legend-row:first-child { margin-bottom: 110px; }
}
@media (max-width: 600px) {
  .paper-quick-controls .paper-sell { order: 0; }
  .paper-quick-controls .paper-buy { order: 1; }
  .paper-quick-controls :is(#paper-qty,[data-chart-id="paper-qty"]) { order: 2; }
  .paper-quick-controls .paper-oc { order: 3; }
}
:is(#paper-panel,[data-chart-id="paper-panel"]).paper-dock { max-height:65%; }
.paper-resize { height:5px; flex:0 0 5px; cursor:ns-resize; touch-action:none; background:var(--border); }
.paper-resize:hover,.paper-resize:focus { background:var(--accent); }
.paper-summary { justify-content:flex-end; gap:24px; }
.paper-summary > div { flex-direction:column; align-items:flex-start; gap:2px; }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-tabs button { border-radius:14px; padding:4px 10px; margin:4px 0; background:var(--hover); }
:is(#paper-panel,[data-chart-id="paper-panel"]) .paper-tabs button[aria-selected=true] { background:var(--text); color:var(--bg); }
.paper-body { position:relative; flex:1; overflow:auto; }
.paper-empty { padding:25px 10px; }
.quote-state { font-size:9px; color:var(--muted); max-width:40px; white-space:normal; }
.order-dialog { color:var(--text); background:var(--bg); border:1px solid var(--border); border-radius:8px; padding:20px; width:340px; max-width:90vw; }
.order-dialog::backdrop { background:#0008; }
.order-dialog h3 { font-size:15px; margin:0 0 18px; }
.order-dialog label { display:flex; justify-content:space-between; align-items:center; margin:16px 0; }
.order-dialog input { width:150px; background:var(--bg); color:var(--text); border:1px solid var(--border); padding:8px; }
.order-dialog button { padding:8px 12px; margin:6px 4px 0 0; border:1px solid var(--border); border-radius:4px; }
.order-dialog .order-submit { background:var(--accent); color:white; }
.order-dialog[data-side=buy] .order-sides button:first-child { color:#2962ff; border-color:#2962ff; }
.order-dialog[data-side=sell] .order-sides button:last-child { color:#f23645; border-color:#f23645; }
.legend > .legend-row:first-child { margin-bottom:44px; }
@media(max-width:600px){ .legend > .legend-row:first-child { margin-bottom:44px; } .paper-summary{justify-content:flex-start;} }
.paper-quick-trade > :is(#paper-qty,[data-chart-id="paper-qty"]) { display:block; width:70px; padding:3px; margin-top:3px; background:var(--bg); color:var(--text); border:1px solid var(--border); }