/* Keep the token, selected window, summary, and trend visible together. */
.order-flow-page{position:relative;padding-bottom:80px}
.order-flow-page.token-loaded .search-area{display:flex;justify-content:flex-end;align-items:flex-start;position:absolute;top:69px;right:0;width:min(385px,100%);padding:0;min-height:0;z-index:3}
.order-flow-page.token-loaded:has(#search-result-summary:not([hidden])) .search-area{position:relative;top:auto;right:auto;width:100%;padding:5px 0 0}
.order-flow-page.token-loaded .search-heading{display:none}
.order-flow-page.token-loaded .search-area form{width:min(385px,100%);margin:0;gap:5px}
.order-flow-page.token-loaded .search-area input{height:31px;padding:5px 9px;font-size:11px}
.order-flow-page.token-loaded .search-area button{min-width:32px;min-height:31px;height:31px;padding:3px 8px;font-size:14px}
.order-flow-page .search-area #paste-contract{flex:none;font-size:12px}
.order-flow-page.token-loaded .search-area .search-button-label{display:none}
.order-flow-page.token-loaded .search-area .primary span:last-child{display:inline;margin:0}
.order-flow-page.token-loaded .recent-contracts{display:none}
.order-flow-page.token-loaded .search-area:focus-within .recent-contracts:not([hidden]){display:block;position:absolute;z-index:5;right:0;top:35px;width:min(480px,100%);margin:0;padding:8px 72px 8px 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 12px 22px #0008}
.order-flow-page.token-loaded .match-chooser:not([hidden]){position:absolute;z-index:4;top:36px;right:0;width:min(550px,100%);margin:0;padding:4px 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.order-flow-page #search-result-summary{margin:5px 0;padding:6px 10px}
.order-flow-page #search-result-summary strong,.order-flow-page #search-result-summary p{font-size:11px;line-height:1.25}
.order-flow-page #search-result-summary .sample-tag{font-size:9px}
.order-flow-page .token-row{margin:4px 0 3px;gap:12px;min-height:46px;align-items:center}
.order-flow-page.token-loaded:has(#search-result-summary:not([hidden])) .token-row{min-height:46px;align-items:center}
.order-flow-page .token-avatar{width:38px;height:38px;font-size:18px;overflow:hidden}
.order-flow-page #avatar-link{display:block;flex:none;border-radius:11px}
.order-flow-page #avatar-link[href]:hover .token-avatar{outline:2px solid var(--accent);outline-offset:2px}
.order-flow-page #avatar-link:not([href]){cursor:default}
.order-flow-page #avatar-image{display:block;width:100%;height:100%;object-fit:cover}
.order-flow-page .identity{gap:9px;flex:0 1 220px;min-width:150px}
.order-flow-page .token-row .identity{align-self:center}
.order-flow-page .identity h2{font-size:19px;line-height:1}
.order-flow-page .network{padding:2px 6px;font-size:10px}
.order-flow-page .identity p{display:block;max-width:270px;margin:1px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1}
.order-flow-page .address-copy{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;min-height:22px;margin:0;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--muted);font-size:15px;line-height:1}
.order-flow-page .address-copy:hover{border-color:var(--muted);color:var(--text)}
.order-flow-page .token-row>.listing-actions{gap:5px}
.order-flow-page .token-row>.listing-actions button,.order-flow-page .token-row>.listing-actions a{min-height:28px;padding:5px 7px;font-size:11px}
.order-flow-page .token-row>.listing-actions a{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:5px}
.order-flow-page .token-row>.listing-actions #save-token[aria-pressed=true]{border-color:#647b35;color:var(--accent)}
.order-flow-page .token-meta-row:has(#scope-tabs:not([hidden])){margin:4px 0}
.order-flow-page .order-flow-toolbar{min-height:28px;margin:3px 0 5px}
.order-flow-page .order-flow-toolbar .refresh-group button{min-height:28px;padding:4px 8px;font-size:11px}
.order-flow-page .order-flow-toolbar .periods button{min-height:24px;padding:2px 9px}
.order-flow-page .flow-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}
.order-flow-page .flow-metric{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;padding:7px 11px;background:var(--panel);font-variant-numeric:tabular-nums}
.order-flow-page .flow-metric span{font-size:10px;color:var(--muted)}
.order-flow-page .flow-metric strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:19px;line-height:1.1;font-weight:600;letter-spacing:-.03em}
.order-flow-page .flow-net strong[data-tone=buy]{color:var(--green)}
.order-flow-page .flow-net strong[data-tone=sell]{color:var(--red)}
.order-flow-page .flow-metric:nth-child(2) strong{color:var(--green)}
.order-flow-page .flow-metric:nth-child(3) strong{color:var(--red)}
.order-flow-page .chart-stage{display:block;margin-top:6px}
.order-flow-page .timeline-panel{padding:10px 14px 8px}
.order-flow-page .timeline-panel h3{font-size:15px}
.order-flow-page .timeline-meta{flex-direction:row;align-items:center;gap:12px}
.order-flow-page .timeline-legend{gap:12px;margin:6px 0 3px;font-size:11px}
.order-flow-page #timeline svg{height:auto;min-width:0}
.order-flow-page .timeline-detail{min-height:0;margin-top:2px;font-size:11px;line-height:1.3}
.order-flow-page .coverage-card{margin:5px 0 0;padding:5px 9px;border-radius:6px}
.order-flow-page .coverage-card>div{gap:7px}
.order-flow-page .coverage-card strong{font-size:11px}
.order-flow-page .coverage-card .sample-tag{font-size:9px;padding:2px 5px}
.order-flow-page .empty-notice{margin:5px 0;padding:6px 10px}.order-flow-page .empty-notice p{font-size:11px;line-height:1.3}
.order-flow-page .flow-context{margin:2px 0 14px;color:var(--muted);font-size:11px}
.order-flow-page .flow-context summary{cursor:pointer;padding:3px 0}
.order-flow-page .flow-context p{margin:5px 0;line-height:1.35}
.order-flow-page .flow-context .mc-value{font-size:11px}
.order-flow-page .detail-heading{margin:8px 0;font-size:15px}
.order-flow-page #overview-pane{margin-top:8px;padding-top:4px;border-top:1px solid var(--line)}
.order-flow-page .chart-grid .panel{padding:16px}
.order-flow-page .flow-panel .donut{width:170px;margin:10px auto}
.order-flow-page .flow-panel .donut-center strong{font-size:22px}
.order-flow-page .flow-panel .totals{display:none}
.order-flow-page .size-panel .bar-heading{margin:12px 0 8px}
.order-flow-page .size-panel .size-row{margin:9px 0}
.order-flow-page .size-panel .size-foot{margin-top:10px}
@media(min-width:1001px){
 .order-flow-page .chart-grid .panel{padding:12px}
 .order-flow-page .size-panel .bar-heading{margin:6px 0 4px}
 .order-flow-page .size-panel .size-row{margin:3px 0}
 .order-flow-page .size-panel .size-label small{margin-top:2px}
 .order-flow-page .size-panel .bar-track{margin-top:4px}
 .order-flow-page .size-panel .size-foot{flex-direction:row;flex-wrap:wrap;gap:6px 12px;margin-top:5px;line-height:1.2}
 .order-flow-page .table-wrap table{table-layout:fixed}
 .order-flow-page .table-wrap th:first-child{width:13%}
 .order-flow-page .table-wrap th:nth-child(2){width:8%}
 .order-flow-page .table-wrap th:nth-child(3){width:15%}
 .order-flow-page .table-wrap th:nth-child(4){width:19%}
 .order-flow-page .table-wrap th:nth-child(5){width:13%}
 .order-flow-page .table-wrap th:nth-child(6){width:19%}
 .order-flow-page .table-wrap th:last-child{width:13%}
 .order-flow-page .table-wrap td{padding-top:10px;padding-bottom:10px}
 .order-flow-page .table-wrap td.pool-detail,.order-flow-page .table-wrap td.wallet-detail,.order-flow-page .table-wrap td.execution-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
 .order-flow-page .table-wrap .expand-trade{min-height:30px;padding:4px 5px;font-size:12px}
}
@media(max-width:1000px){.order-flow-page.token-loaded .search-area{position:relative;top:auto;right:auto;width:100%;padding:5px 0 0}.order-flow-page .token-row{min-height:46px;flex-wrap:wrap;align-items:center}.order-flow-page .identity{flex:1}.order-flow-page .token-row>.listing-actions{width:auto;margin-left:0}.order-flow-page .flow-metric strong{font-size:16px}}
@media(max-width:720px){.order-flow-page .masthead{align-items:stretch}.order-flow-page .site-nav{min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.order-flow-page .site-nav a{flex:none;padding:7px 8px;font-size:12px}.order-flow-page .token-row>.listing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.order-flow-page .token-row>.listing-actions>*{justify-content:center;text-align:center}}
@media(max-width:580px){.order-flow-page.token-loaded .search-area form{width:100%}.order-flow-page .flow-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.order-flow-page .flow-metric:last-child{grid-column:span 2}.order-flow-page .flow-metric strong{font-size:14px}.order-flow-page .timeline-meta{gap:5px}.order-flow-page .timeline-legend{gap:5px 9px}.order-flow-page .flow-metric{padding:6px 8px}.order-flow-page .coverage-card strong{font-size:10px}}
@media(max-width:1000px){
 .order-flow-page .trade-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .order-flow-page .trade-filters label{min-width:0}
 .order-flow-page .trade-filters input[type=number],.order-flow-page .trade-filters select{width:100%}
 .order-flow-page .trade-filters .wallet-filter{grid-column:1/-1;min-width:0}
 .order-flow-page .trade-filters .group-toggle{grid-column:1;padding:0;align-self:center;font-size:12px}
 .order-flow-page #trade-reset{grid-column:2;justify-self:stretch}
 .order-flow-page .table-wrap{overflow-x:visible}
 .order-flow-page .table-wrap table,.order-flow-page .table-wrap tbody{display:block;width:100%}
 .order-flow-page .table-wrap thead{display:none}
 .order-flow-page .table-wrap tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;margin:7px 0;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
 .order-flow-page .table-wrap tbody tr.swap-step{margin-left:10px;border-left:2px solid #536346}
 .order-flow-page .table-wrap tbody td{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0;padding:2px 0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:12px}
 .order-flow-page .table-wrap tbody td::before{content:attr(data-label);flex:none;color:var(--muted);font-size:10px;font-weight:400}
 .order-flow-page .table-wrap tbody td:first-child,.order-flow-page .table-wrap tbody td:nth-child(n+4){grid-column:1/-1}
 .order-flow-page .table-wrap tbody tr.transaction-group td:nth-child(3){grid-column:1/-1}
 .order-flow-page .table-wrap tbody td.pool-detail{min-width:0}
 .order-flow-page .table-wrap tbody td.table-empty{display:block;grid-column:1/-1;text-align:left;padding:8px!important}
 .order-flow-page .table-wrap tbody td.table-empty::before{display:none}
}