.site-header{max-width:1780px;margin:auto;height:88px;padding:0 32px;display:flex;align-items:center;gap:34px;border-bottom:1px solid #77816438}.site-pages{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:13px;color:var(--muted)}.site-pages a{padding:12px 0}.site-pages [aria-current]{color:var(--ink);border-bottom:1px solid var(--ink)}.site-header .account-button{height:40px}
.workspace-bar{max-width:1780px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #77816438;height:58px}.workspace-tabs{display:flex;gap:34px;height:100%;align-items:stretch}.workspace-tabs a{position:relative;display:flex;align-items:center;font-size:13px;color:var(--muted)}.workspace-tabs a.active{color:var(--ink);font-weight:600}.workspace-tabs a.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--olive)}
main{min-height:calc(100vh - 220px)}body[data-view=activity]{background:linear-gradient(90deg,#f3eddfb8,#f3eddfeb 18%,#f3eddfeb 82%,#f3eddfb8),url('assets/activity-world.webp') center/cover fixed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.activity-loading{padding:90px 0;text-align:center;color:var(--muted)}.activity-workspace{max-width:1440px;margin:auto}.activity-workspace .network-traffic{padding-top:8px;border:0}.activity-workspace .traffic-heading{margin-bottom:25px}.activity-workspace .traffic-heading h1{font-size:34px;font-weight:550;letter-spacing:-1.3px}.activity-workspace .traffic-heading-actions{gap:16px}.activity-source-label{font:10px var(--mono);color:#757c68}.activity-workspace .traffic-panel{background:#faf5e8;border:1px solid #727c625c;border-radius:8px;padding:24px;box-shadow:0 2px 0 #fff9ed inset,0 16px 40px -24px #35482e33}.activity-workspace .traffic-panel+.traffic-panel{margin-top:22px}.activity-workspace .traffic-summary{margin:0 0 20px;padding:0 0 18px;border-top:0}.activity-workspace .traffic-node{background:#f3efdf}.activity-workspace .traffic-chart-labels{margin-bottom:0}.activity-workspace .traffic-chart{height:124px}.activity-workspace .traffic-stage{padding-top:0}.activity-workspace .traffic-stage-inner{height:295px}.activity-workspace .traffic-node-caption{color:#69715e}.activity-workspace .traffic-holdings-heading{color:#69715e}.activity-workspace .traffic-baskets{height:74%}
.activity-history{background:#fcfaf4;border:1px solid #d3d7c7;border-radius:8px;overflow:hidden;margin:0 0 20px}.activity-history-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.activity-history-head h2{font-size:18px;letter-spacing:-.5px;font-weight:550}.activity-history-head label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:12px}.activity-history-head select{border:1px solid var(--line);border-radius:5px;background:#fcfaf4;padding:8px 12px;font-size:11px;max-width:160px}.activity-table-scroll{overflow:auto}.activity-records{width:100%;border-collapse:collapse;white-space:nowrap}.activity-records th{font-size:10px;font-weight:400;color:var(--muted);text-align:left;background:#f4f3eb}.activity-records td,.activity-records th{padding:13px 24px;border-bottom:1px solid var(--line)}.activity-records td{font-size:12px}.activity-records td:nth-child(3),.activity-records td:nth-child(5){font:10px var(--mono);color:#757c6e}.activity-records td button{font-size:11px;color:var(--olive);border-bottom:1px solid #a4ae92;padding:4px 0}.activity-records td:last-child{text-align:right}.activity-state{font-size:10px;color:#4e6f4d}.activity-state:before{content:'';display:inline-block;width:4px;height:4px;background:currentColor;border-radius:50%;margin-right:6px}.activity-state.rejected{color:#9b715c}.activity-pagination{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.activity-pagination button{padding:8px 16px;border:1px solid var(--line);border-radius:5px;font-size:11px}.activity-pagination div{display:flex;gap:8px}.activity-receipt .detail-row{align-items:start;gap:22px}.activity-receipt .detail-row span:last-child{max-width:68%;overflow-wrap:anywhere;text-align:right}.activity-receipt .receipt-note{font-size:11px;color:var(--muted);margin-top:24px;line-height:1.65}
@media(max-width:760px){.site-header{height:auto;min-height:116px;padding:17px 20px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.site-header .brand{grid-column:1;grid-row:1}.site-header .account-button{grid-column:2;grid-row:1}.site-pages{grid-column:1/-1;justify-content:space-between;margin:0;gap:20px;font-size:12px}.workspace-bar{height:54px;padding:0 20px}.workspace-tabs{gap:24px}.workspace-tabs a{font-size:12px}.workspace-bar .search-trigger{width:28px}.activity-workspace .traffic-heading{gap:15px}.activity-workspace .traffic-heading h1{font-size:29px}.activity-workspace .traffic-heading-actions{align-items:center}.activity-workspace .traffic-panel{padding:16px}.activity-workspace .traffic-stage-inner{height:320px}.activity-workspace .traffic-heading-actions{width:100%}.activity-source-label{margin-left:auto;font-size:8px}.activity-history-head{padding:18px 16px;flex-wrap:wrap}.activity-history-head h2{font-size:16px}.activity-records td,.activity-records th{padding:12px 16px}.activity-history-head label{width:100%;justify-content:space-between}.activity-pagination{padding:14px 16px;gap:8px}.activity-pagination button{padding:8px 10px}.activity-source-label{white-space:nowrap}}
