/* v4 activity composition. Amounts, filters and ledger matching remain server-owned. */
#asset-d-detail-fix #wb-transactions{min-width:0;padding-bottom:var(--space-8);color:var(--foreground);font:500 var(--type-table)/var(--leading-table) var(--sans);container-type:inline-size;container-name:activity}
#wb-transactions[hidden]{display:none}
#wb-transactions button{font:inherit;color:inherit;cursor:pointer}
#wb-transactions button:disabled{cursor:default;opacity:.4}
#wb-transactions :focus-visible{outline:2px solid var(--focus);outline-offset:3px}
#asset-d-detail-fix #wb-transactions .ac-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}
#asset-d-detail-fix #wb-transactions .ac-card{min-width:0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:none}
#asset-d-detail-fix #wb-transactions .ac-card{border-color:transparent;border-radius:var(--radius-feature);background:var(--surface-feature);--activity-amount-size:var(--type-amount);--activity-amount-leading:var(--leading-amount)}
#asset-d-detail-fix #wb-transactions .ac-card h2{margin:0 0 var(--space-3);height:auto;min-height:var(--leading-caption);font:500 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-secondary)}
#asset-d-detail-fix #wb-transactions .ac-amount{display:flex;align-items:center;width:100%;min-width:0}
#asset-d-detail-fix #wb-transactions .ac-amount>strong{display:block;max-width:100%;min-width:0;font:600 var(--activity-amount-size)/var(--activity-amount-leading) var(--number-font);color:var(--foreground-feature);letter-spacing:-.6px;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
#asset-d-detail-fix #wb-transactions .ac-card .asset-money-unit{font:500 var(--type-caption)/var(--leading-caption) var(--sans);letter-spacing:0;color:var(--foreground-muted);margin-left:var(--space-2)}
#asset-d-detail-fix #wb-transactions .ac-card p{min-height:var(--leading-caption);margin:var(--space-2) 0 0;color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-table-panel{min-width:0}
#asset-d-detail-fix #wb-transactions .ac-table-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);min-height:var(--leading-section);margin:0 0 var(--space-4)}
#asset-d-detail-fix #wb-transactions .ac-heading-label{display:flex;align-items:baseline;gap:var(--space-3);white-space:nowrap}
#asset-d-detail-fix #wb-transactions .ac-table-heading h2{margin:0;color:var(--foreground);font:600 var(--type-section)/var(--leading-section) var(--sans)}
#asset-d-detail-fix #wb-transactions :is(.ac-note,.ac-zone){color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);margin:0 0 0 auto;min-width:0}
#asset-d-detail-fix #wb-transactions .ac-field{display:flex;align-items:center;min-width:0;gap:var(--space-2)}
#asset-d-detail-fix #wb-transactions .ac-field>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#asset-d-detail-fix #wb-transactions .ac-field .asset-select{width:fit-content;max-width:160px}
#asset-d-detail-fix #wb-transactions .asset-select-trigger{width:100%;height:var(--control-sm);min-height:var(--control-sm);padding:5px 10px;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--foreground-secondary);font:500 var(--type-control)/var(--leading-control) var(--sans)}
#asset-d-detail-fix #wb-transactions .asset-select-trigger:hover{border-color:var(--control-border);background:var(--surface-subtle)}
#asset-d-detail-fix #wb-transactions .asset-select-trigger[aria-expanded=true]{border-color:var(--accent)}
#asset-d-detail-fix #wb-transactions .ac-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
#asset-d-detail-fix #wb-transactions .ac-table{width:100%;min-width:640px;border-collapse:collapse;table-layout:auto;text-align:left}
#asset-d-detail-fix #wb-transactions .ac-table{--table-columns:clamp(152px,18cqi,208px) minmax(0,1.6fr) clamp(112px,14cqi,160px) minmax(168px,1fr) minmax(176px,1fr)}
#asset-d-detail-fix #wb-transactions .ac-table :is(th,td){height:auto;padding:var(--space-3);border-top:0;border-bottom:1px solid var(--divider);vertical-align:middle;text-align:left;font:500 var(--type-table)/var(--leading-table) var(--number-font);font-variant-numeric:tabular-nums lining-nums;color:var(--foreground)}
#asset-d-detail-fix #wb-transactions .ac-table th{padding:var(--space-2) var(--space-3);border-bottom-color:var(--border);color:var(--foreground-secondary);font:500 var(--type-caption)/var(--leading-caption) var(--sans);background:transparent}
#asset-d-detail-fix #wb-transactions .ac-table :is(th,td):nth-child(1){color:var(--foreground-secondary)}
#asset-d-detail-fix #wb-transactions .ac-table :is(th,td):nth-child(2){font-family:var(--sans);overflow-wrap:anywhere}
#asset-d-detail-fix #wb-transactions .ac-table :is(th,td):nth-child(3){font-family:var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-table :is(th,td):nth-child(4){text-align:right}
#asset-d-detail-fix #wb-transactions .ac-table :is(th,td):nth-child(5){text-align:right}
#asset-d-detail-fix #wb-transactions .ac-table tbody tr:hover{background:var(--surface-subtle)}
#asset-d-detail-fix #wb-transactions .ac-table tbody tr:last-child td{border-bottom:0}
#asset-d-detail-fix #wb-transactions .ac-table small{display:block;color:var(--foreground-secondary);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-quantity>span{display:block;white-space:normal;overflow-wrap:anywhere}
#asset-d-detail-fix #wb-transactions .ac-quantity b{font:600 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground)}
#asset-d-detail-fix #wb-transactions .ac-trade-quantity{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);width:fit-content;max-width:100%;margin-left:auto;padding:0;border:0;background:none;text-align:right}
#asset-d-detail-fix #wb-transactions .ac-trade-quantity>span{min-width:0;overflow-wrap:anywhere}
#asset-d-detail-fix #wb-transactions .ac-trade-quantity .wb-icon{width:14px;height:14px;flex:0 0 14px;color:var(--foreground-muted)}
#asset-d-detail-fix #wb-transactions .ac-trade-quantity:is(:hover,:focus-visible) .wb-icon{color:var(--accent)}
#asset-d-detail-fix #wb-transactions .ac-row-action{font:500 var(--type-table)/var(--leading-table) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-table .ac-product{color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-table .ac-fee-note{margin-top:var(--space-1);color:var(--foreground-secondary)}
#asset-d-detail-fix #wb-transactions .ac-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--divider);color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-footer>div{display:flex;align-items:center;gap:var(--space-3)}
#asset-d-detail-fix #wb-transactions .ac-footer>div>span{color:var(--foreground-secondary);font:500 var(--type-caption)/var(--leading-caption) var(--number-font);font-variant-numeric:tabular-nums}
#asset-d-detail-fix #wb-transactions .ac-footer button{min-height:var(--control-sm);padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--foreground-secondary);font:500 var(--type-control)/var(--leading-control) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-footer button:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--control-border)}
#asset-d-detail-fix #wb-transactions .ac-empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--foreground-muted);font:400 var(--type-body)/var(--leading-body) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--negative);font:400 var(--type-table)/var(--leading-table) var(--sans)}
#asset-d-detail-fix #wb-transactions .ac-error button{border:0;background:none;text-decoration:underline}
#asset-d-detail-fix #wb-transactions .ac-button{min-height:var(--control-md);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--foreground);font:500 var(--type-control)/var(--leading-control) var(--sans)}
.ac-trade-tip{position:fixed;width:max-content;max-width:min(360px,calc(100vw - 24px));color:var(--foreground);font:400 var(--type-caption)/var(--leading-caption) var(--sans);overflow-wrap:anywhere}
.ac-trade-tip>strong{font-weight:600}.ac-trade-tip p{margin:var(--space-2) 0 0;color:var(--foreground-secondary)}
.ac-trade-tip dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0}
.ac-trade-tip dt{color:var(--foreground-secondary)}.ac-trade-tip dd{margin:0;text-align:right;font:500 var(--type-caption)/var(--leading-caption) var(--number-font)}
@container activity (max-width:900px){#asset-d-detail-fix #wb-transactions .ac-card{--activity-amount-size:var(--type-attribution);--activity-amount-leading:var(--leading-attribution)}}
@container activity (max-width:600px){#asset-d-detail-fix #wb-transactions .ac-controls{justify-content:flex-start;margin-left:0;width:100%}}
@container activity (max-width:450px){#asset-d-detail-fix #wb-transactions .ac-summary{grid-template-columns:1fr}}