/* Compact trading summary. Numeric hierarchy stays readable at 320px. */
.p52{padding:12px}.p52-top{margin-bottom:4px}.p52-top h2{margin:0}
.p52-filters{gap:6px;margin-bottom:8px}.p52-summary{gap:6px}.p52-total{gap:2px}.p52-total strong{font-size:28px}.p52-metrics{padding-block:6px;gap:8px}
.p52-breakdown>summary{padding-block:4px;gap:6px}.p52 .p52-breakdown{margin-top:4px}.p52-list-tools{padding-top:0;gap:0}
.p52 .p52-row{grid-template-columns:minmax(0,1fr) 115px 125px 44px;padding:6px 0;gap:8px}
.p52 .p52-name{min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:13px;line-height:1.3}
.p52 .p52-name small{margin:0;display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.3}
.p52 .p52-detail{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;font-size:18px;text-decoration:none;border:1px solid var(--border);border-radius:4px}
.p52 .p52-number{font-size:13px}.p52 .p52-number small{font-size:11px}
.p53-chart{margin:6px 0 0;min-width:0}.p53-controls{display:flex;justify-content:space-between;gap:4px}.p53-controls>div{display:flex;gap:0}
.p53-controls button{min-width:44px;min-height:44px;padding:4px 8px;font-size:12px;border:0;border-bottom:2px solid transparent;border-radius:0}
.p53-controls button[aria-pressed=true]{border-bottom-color:var(--text);font-weight:650}
.p53-readout{display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap;min-height:22px;font-size:12px}
.p53-readout span{font-size:11px;color:var(--muted)}.p53-chart canvas{display:block;width:100%;height:130px;touch-action:pan-y;cursor:crosshair}
.p53-chart canvas:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.p53-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;color:var(--muted);font-size:10px}
.p52 .p53-caption details{padding:0;margin:0;border:0;box-shadow:none;background:transparent}.p53-caption summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:11px;text-decoration:underline}
.p53-caption details[open]{flex-basis:100%}.p53-caption p{font-size:12px;max-width:70ch}.p53-data{overflow-x:auto}.p53-data table{width:100%;font-size:11px}.p53-data th,.p53-data td{padding:6px 3px;text-align:right}.p53-data th:first-child,.p53-data td:first-child{text-align:left}
@media(max-width:759px){
 .p52 .p52-row:not(.p52-head){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:2px 8px;padding:6px 0}
 .p52 .p52-row:not(.p52-head)>div:first-child{grid-column:1/-1}
 .p52 .p52-row:not(.p52-head)>div:nth-child(2){text-align:left}
 .p52 .p52-row:not(.p52-head)>div:nth-child(3){text-align:right}
 .p52-head{display:none}.p52 .p53-action{grid-column:3;grid-row:2}
 .p52 .p52-row>div:nth-child(4):empty{display:none}.p52 .p52-name{font-size:13px}
 .p52 .p52-list-tools{flex-wrap:nowrap}.p52-tabs button{font-size:12px;padding:4px}.p52-list-tools>label{min-width:92px;max-width:115px}
 .p52 .p52-list-tools select{padding:4px;font-size:11px}
 .p52-top>span{font-size:10px}.p52-metrics small{font-size:11px}.p52-total>small{font-size:11px}
 .p53-chart canvas{height:115px}
}
@media(min-width:360px) and (max-width:759px){.p52-filters{flex-wrap:nowrap}.p52-segment{width:auto;flex-shrink:0}.p52-segment button{padding:4px 7px;font-size:12px;min-width:44px}.p52-picker{flex:1;min-width:0}.p52-picker select{font-size:12px;padding:4px}}
@media(min-width:1000px){.p53-chart canvas{height:145px}}