/* aether-web — paper.css — DEMO paper-trade section (#page-paper, owner/test-account only).
   Token-only (--surface/--elevated/--blue/--up/--dn/--muted/--dim/--mono). No new colors. */
#page-paper .pt-wrap{max-width:560px;margin:0 auto;padding:6px 0 40px}
#page-paper .pt-load,#page-paper .pt-msg{color:var(--muted);font-size:13px;padding:22px 4px;text-align:center}
#page-paper .pt-head{margin-bottom:14px}
#page-paper .pt-title{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;color:var(--text)}
#page-paper .pt-badge{font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--blue);background:rgba(91,141,255,.14);border:1px solid rgba(91,141,255,.28);padding:2px 7px;border-radius:6px}
#page-paper .pt-sub{margin-top:4px;font-size:11.5px;color:var(--dim);line-height:1.45}
#page-paper .pt-card{background:var(--surface);border:1px solid var(--elevated);border-radius:14px;padding:16px}

/* open position */
#page-paper .pt-postop{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#page-paper .pt-dir{font-size:12px;font-weight:800;padding:3px 10px;border-radius:7px}
#page-paper .pt-dir.up{color:var(--up);background:rgba(61,220,151,.13)}
#page-paper .pt-dir.dn{color:var(--dn);background:rgba(255,92,110,.13)}
#page-paper .pt-size{font-family:var(--mono);font-size:12.5px;color:var(--muted)}
#page-paper .pt-live{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.03em}
#page-paper .pt-dot{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px rgba(61,220,151,.18)}
#page-paper .pt-pnl{font-family:var(--mono);font-size:26px;font-weight:800;color:var(--text);line-height:1.1}
#page-paper .pt-pnl.up{color:var(--up)}#page-paper .pt-pnl.dn{color:var(--dn)}
#page-paper .pt-pnlpct{font-size:14px;font-weight:700;margin-left:9px;opacity:.85}
#page-paper .pt-prog{height:6px;border-radius:4px;background:var(--elevated);overflow:hidden;margin:12px 0 14px}
#page-paper .pt-progbar{height:100%;background:var(--blue);border-radius:4px}
#page-paper .pt-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid var(--elevated);font-size:13px}
#page-paper .pt-rl{color:var(--muted)}
#page-paper .pt-rv{font-family:var(--mono);font-weight:600;color:var(--text)}
#page-paper .pt-rv.up{color:var(--up)}#page-paper .pt-rv.dn{color:var(--dn)}

/* actions + buttons */
#page-paper .pt-acts{display:flex;gap:8px;margin-top:16px}
#page-paper .pt-btn{flex:1;padding:11px 8px;border-radius:10px;border:1px solid var(--elevated);background:var(--elevated);color:var(--text);font-size:12.5px;font-weight:700;cursor:pointer;transition:filter .12s,background .12s}
#page-paper .pt-btn:hover{filter:brightness(1.12)}
#page-paper .pt-btn.primary{background:var(--blue);border-color:var(--blue);color:#0A1120;margin-top:16px;width:100%;padding:13px;font-size:14px}
#page-paper .pt-btn.danger{color:var(--dn);border-color:rgba(255,92,110,.4)}
#page-paper .pt-btn.danger:hover{background:rgba(255,92,110,.12)}

/* ticket */
#page-paper .pt-empty{color:var(--muted);font-size:13px;margin-bottom:12px}
#page-paper .pt-fromscen{font-size:11.5px;color:var(--blue);background:rgba(91,141,255,.1);border-radius:8px;padding:7px 10px;margin-bottom:14px}
#page-paper .pt-dirtoggle{display:flex;gap:8px;margin-bottom:14px}
#page-paper .pt-dirbtn{flex:1;padding:10px;border-radius:10px;border:1px solid var(--elevated);background:transparent;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer}
#page-paper .pt-dirbtn.up.on{color:var(--up);border-color:var(--up);background:rgba(61,220,151,.1)}
#page-paper .pt-dirbtn.dn.on{color:var(--dn);border-color:var(--dn);background:rgba(255,92,110,.1)}
#page-paper .pt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#page-paper .pt-fld{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}
#page-paper .pt-fld input{background:var(--bg);border:1px solid var(--elevated);border-radius:9px;padding:10px;color:var(--text);font-family:var(--mono);font-size:14px}
#page-paper .pt-fld input:focus{outline:none;border-color:var(--blue)}
#page-paper .pt-note{min-height:16px;margin-top:10px;font-size:12px;color:var(--dim);text-align:center}
#page-paper .pt-note.err{color:var(--dn)}
@media(max-width:768px){#page-paper .pt-wrap{padding:4px 14px 60px}}