/* Paper trading (app/paper.js): panel view and order ticket; shares app/alerts.css and app/trading.css */

.pp-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 12px 14px; border-radius: 10px; overflow: hidden; background: var(--border); }
.pp-kpi { display: flex; flex-direction: column; gap: 4px; padding: 9px 10px; background: var(--surface); }
.pp-kpi-label { color: var(--text-muted); font-size: 11.5px; }
.pp-kpi-value { font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
.pp-kpi-value.is-up, .pp-pnl.is-up, .pp-bracket-note.is-up { color: #26a69a; }
.pp-kpi-value.is-down, .pp-pnl.is-down, .pp-bracket-note.is-down { color: #ef4444; }
.pp-bar { display: flex; align-items: center; gap: 8px; padding: 0 14px 12px; }
.pp-btn { flex: 1; height: 34px; border: 0; border-radius: 8px; color: #fff; font: 600 13.5px/1 -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", sans-serif; cursor: pointer; }
.pp-btn.is-buy { background: #2962ff; }
.pp-btn.is-sell { background: #ef4444; }
.pp-btn:hover { filter: brightness(1.1); }
.pp-reset { flex: none; margin: 0; }
.pp-seg { margin: 0 14px 4px; }
.pp-list .al-empty { list-style: none; }
.pp-row { padding: 10px 14px; border-bottom: 1px solid var(--border); }
.pp-row-top { display: flex; align-items: center; gap: 8px; font-size: 13.5px; }
.pp-sym { flex: 1; min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pp-pnl { font-weight: 600; font-variant-numeric: tabular-nums; }
.pp-type { color: var(--text-muted); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.pp-close { height: 26px; padding: 0 10px; font-size: 12.5px; }
.pp-row .al-meta { font-variant-numeric: tabular-nums; }

/* order ticket */
.pp-back { align-items: center; }
.pp-ticket { width: min(400px, 100%); }
.pp-paper-tag { margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: var(--surface-2); color: var(--text-muted); font-size: 12px; font-weight: 500; }
.pp-sides { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px; }
.pp-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 6px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: none;
    color: var(--text);
    font: inherit;
    cursor: pointer;
}
.pp-side-label { font-size: 13px; font-weight: 600; }
.pp-side-price { font-size: 15px; font-variant-numeric: tabular-nums; }
.pp-side.is-sell[aria-pressed="true"] { border-color: #ef4444; background: rgba(239, 68, 68, 0.14); color: #ef4444; }
.pp-side.is-buy[aria-pressed="true"] { border-color: #2962ff; background: rgba(41, 98, 255, 0.16); color: #5b8cff; }
.pp-types { margin: 0 0 14px; }
.pp-field { margin-bottom: 12px; }
.pp-field[hidden] { display: none; }
.pp-field .al-input, .pp-bracket .al-input { width: 100%; box-sizing: border-box; font-variant-numeric: tabular-nums; }
.pp-value { margin-top: 6px; color: var(--text-muted); font-size: 12.5px; }
.pp-bracket { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: center; column-gap: 10px; margin-bottom: 8px; }
.pp-bracket .al-check { padding: 6px 0; }
.pp-bracket .al-input:disabled { opacity: .45; }
.pp-bracket-note { grid-column: 2; margin-top: 3px; font-size: 12px; font-variant-numeric: tabular-nums; }
.pp-err { margin: 6px 0 0; }
.pp-foot { padding: 0 24px 20px; }
.pp-go {
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font: 600 15px/1 -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", sans-serif;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}
.pp-go.is-buy { background: #2962ff; }
.pp-go.is-sell { background: #ef4444; }
.pp-go:hover { filter: brightness(1.08); }
.pp-go:disabled { opacity: .6; cursor: default; }