/*
 * module: page.trade.style.01
 * responsibility: page-local presentation extracted from trade.html.
 * inputs/outputs: CSS cascade for this route only.
 * dependencies: assets/app.css design tokens and RTL logical properties.
 * sensitive points: desktop/mobile layout, contrast, overflow, typography.
 * related: site/app/trade.html.
 */
.trade-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr);gap:1rem}.trade-stack{display:grid;gap:1rem}.trade-depth{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.trade-depth .side{border:1px solid var(--line);border-radius:.75rem;overflow:hidden}.trade-depth .r{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem;padding:.48rem .55rem;border-top:1px solid var(--line);font-size:.78rem}.trade-depth .h{background:var(--chip);font-weight:700}.trade-ticket .seg{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.trade-ticket .seg button.on{box-shadow:inset 0 0 0 2px currentColor}.trade-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}.trade-kpis .card{padding:.85rem}.trade-order-row{display:grid;grid-template-columns:1.1fr .7fr .7fr .8fr .9fr .7fr;gap:.5rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--line)}.trade-hold-row{display:grid;grid-template-columns:1.1fr .7fr .8fr .8fr .8fr .6fr;gap:.5rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--line)}.risk-rule-row{display:grid;grid-template-columns:1fr .85fr .8fr .85fr 1.15fr;gap:.55rem;align-items:center;padding:.62rem 0;border-top:1px solid var(--line)}.risk-param-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.risk-stop{font-size:1.05rem}.risk-breached{border-color:var(--red)!important;background:color-mix(in srgb,var(--red) 5%,transparent)}.trade-source{border:1px dashed var(--line);border-radius:.75rem;padding:.65rem .8rem}.trade-confirm{border:1px solid var(--amber);border-radius:.85rem;padding:.85rem;background:color-mix(in srgb,var(--amber) 5%,transparent)}
@media(max-width:980px){.trade-grid{grid-template-columns:1fr}.trade-order-row{grid-template-columns:1fr 1fr 1fr}.trade-hold-row{grid-template-columns:1fr 1fr 1fr}.risk-rule-row{grid-template-columns:1fr 1fr 1fr}.trade-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.trade-order-row,.trade-hold-row,.risk-rule-row,.trade-kpis,.risk-param-grid{grid-template-columns:1fr 1fr}.trade-depth{grid-template-columns:1fr}}