.agent-page { --agent-amber:#b6b5b4; --agent-soft:#a9a8a7; --agent-border:#3b3a39; max-width:1550px; margin:0 auto }
.agent-page-heading { display:flex; align-items:center; justify-content:space-between; gap:32px; margin:5px 0 30px }
.agent-page-heading h1 { font-size:clamp(34px,3.3vw,51px); margin:12px 0 15px; line-height:1.09; letter-spacing:-.055em }
.agent-page-heading h1 span { color:#a8a7a6 }
.agent-page-heading p { max-width:500px; color:#a9a8a7; font-size:12px; line-height:1.8 }
.agent-market-select { display:flex; align-items:center; gap:13px; padding:15px 17px; border:1px solid #3c3b3a; border-radius:10px; background:linear-gradient(130deg,#2c2b2a,#1d1c1b); min-width:220px }
.agent-coin-mark { display:grid; place-items:center; width:45px; height:45px; background:#d2d1d012; color:var(--lime); border:1px solid #d2d1d03a; border-radius:50%; font-size:20px; font-weight:500; flex-shrink:0 }
.agent-market-select label { color:#a9a8a7; font-size:10px; margin:0; flex:1 }
.agent-market-select select { border:0; padding:5px 15px 0 0; background:transparent; color:#e7e6e5; width:100%; font-size:15px; height:auto; font-weight:500; letter-spacing:-.02em }
.agent-simulation-banner { display:flex; align-items:center; gap:11px; border:1px solid #4a4948; background:#262524; border-radius:8px; padding:12px 15px; font-size:10px; color:#b1b0af; flex-wrap:wrap }
.agent-simulation-banner strong { color:#d9d8d7; font-weight:500 }
.agent-simulation-banner>a { margin-left:auto; color:var(--lime); white-space:nowrap }
.agent-sim-dot { width:6px; height:6px; background:var(--agent-amber); border-radius:50%; box-shadow:0 0 0 4px #b6b5b40d }
.agent-policy-bar { display:flex; align-items:center; justify-content:space-between; gap:22px; margin:26px 0 18px }
.agent-policy-bar strong { font-size:20px; font-weight:500; letter-spacing:-.035em }
.agent-policy-bar strong>span { font-size:11px; color:#969594; letter-spacing:0; margin-left:8px }
.agent-policy-bar p { margin-top:5px; font-size:10px; line-height:1.7; color:#a9a8a7 }
.agent-policy-bar label { display:flex; align-items:center; gap:12px; margin:0; font-size:10px; color:#a9a8a7; white-space:nowrap }
.agent-policy-bar select { margin:0; padding:9px 34px 9px 12px; border-color:#434241; font-size:11px; width:150px }
.agent-stage { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start }
.agent-chart-panel { overflow:hidden; background:linear-gradient(170deg,#242322,#1d1c1b 55%); min-width:0 }
.agent-chart-header { padding:23px 25px 0; display:flex; justify-content:space-between; gap:20px }
.agent-chart-header>div:first-child { display:flex; flex-direction:column; gap:6px }
.agent-chart-header .eyebrow { font-size:9px; color:#a9a8a7; letter-spacing:.14em }
#agent-current-price { font-size:36px; line-height:1.2; letter-spacing:-.055em; font-weight:500; font-variant-numeric:tabular-nums }
.agent-soft { color:#a5a4a3; font-size:10px; line-height:1.8 }
.agent-range-readout { padding-top:3px; display:flex; flex-direction:column; gap:8px; font-size:10px; text-align:right; color:#a4a3a2; max-width:210px }
.agent-range-readout strong { color:#c9c8c7; font-size:11px; font-weight:400; font-variant-numeric:tabular-nums; line-height:1.8 }
.agent-chart-keyboard { margin-top:12px; width:100%; padding:0 8px }
.agent-chart { width:100%; height:auto; min-height:240px }
.agent-svg-label { fill:#a1a09f; font:10px 'Segoe UI',Arial,sans-serif; font-variant-numeric:tabular-nums }
.agent-svg-range { fill:#b8b7b6; font:9px 'Segoe UI',Arial,sans-serif; letter-spacing:.04em }
.agent-chart-marker { cursor:pointer; outline:none }
.agent-chart-marker:hover>circle:first-of-type,.agent-chart-marker:focus-visible>circle:first-of-type { fill:#d2d1d030; stroke:#e3e2e1; stroke-width:1 }
.agent-chart-legend { display:flex; flex-wrap:wrap; gap:12px 17px; padding:0 24px 21px; font-size:9px; color:#aeadac; align-items:center }
.agent-chart-legend>span { display:flex; gap:6px; align-items:center; white-space:nowrap }
.agent-chart-legend i { display:block; width:14px; height:2px; background:#d2d1d0 }
.agent-chart-legend i.agent-legend-passive { background:transparent; height:0; border-top:2px dashed #8a8988 }
.agent-chart-legend i.agent-legend-range { height:9px; background:#a09f9e22; border:1px solid #88878680; border-radius:2px }
.agent-status { display:inline-flex; align-items:center; gap:6px; font-size:9px; white-space:nowrap; font-weight:400; color:#b9b8b7; line-height:1.6 }
.agent-status.action { color:#d2d1d0 }
.agent-status.blocked { color:var(--agent-amber,#b6b5b4) }
.agent-status-shape { display:inline-block; width:6px; height:6px; border:1px solid currentColor; border-radius:50%; flex-shrink:0 }
.agent-status.action .agent-status-shape { transform:rotate(45deg); border-radius:0; background:currentColor }
.agent-status.blocked .agent-status-shape { border-radius:1px; border-width:1.5px }
.agent-playback { border-top:1px solid #3b3a39; border-bottom:1px solid #3b3a39; background:#191817; padding:15px 23px; display:flex; align-items:center; gap:17px }
.agent-playback-buttons { display:flex; align-items:center; gap:5px }
.agent-play { background:var(--lime); color:#1c1b1a; padding:9px 13px; font-size:10px; min-width:76px; border:0; border-radius:6px; gap:7px }
.agent-play:hover { background:#dddcdb }
.agent-play>span { font-size:10px }
.agent-step-button { display:grid; place-items:center; background:transparent; border:1px solid #3f3e3d; color:#c7c6c5; border-radius:5px; width:28px; height:31px; font-size:14px }
.agent-step-button:hover { background:#31302f }
.agent-step-button:disabled { cursor:default; opacity:.3 }
#agent-scrubber { width:auto; flex:1; min-width:40px; height:4px; padding:0; margin:0; appearance:none; accent-color:var(--lime); background:#424140; border:0; border-radius:5px; cursor:pointer }
#agent-scrubber::-webkit-slider-thumb { appearance:none; background:#dad9d8; border:3px solid #2f2e2d; box-shadow:0 0 0 1px #a09f9e; width:15px; height:15px; border-radius:50%; cursor:grab }
#agent-step-count { font-size:10px; color:#cbcac9; font-variant-numeric:tabular-nums; white-space:nowrap; letter-spacing:.04em }
.agent-chart-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px 23px; color:#a09f9e; font-size:9px; line-height:1.6 }
.agent-chart-footer>span { max-width:75% }
.agent-chart-footer button { background:none; border:0; padding:4px 0; color:#c7c6c5; font-size:9px; white-space:nowrap }
.agent-decision-panel { padding:22px; border-top-color:#848382; background:linear-gradient(160deg,#2d2c2b,#1d1c1b 50%); min-width:0 }
.agent-decision-top { display:flex; align-items:center; justify-content:space-between; gap:10px }
.agent-step-label { color:#a2a1a0; font-size:9px; letter-spacing:.13em; font-variant-numeric:tabular-nums }
.agent-decision-heading { display:flex; flex-direction:column; gap:15px; margin-top:22px }
.agent-decision-heading h2 { font-size:24px; line-height:1.14; font-weight:500; overflow-wrap:anywhere }
.agent-decision-icon { display:grid; place-items:center; width:37px; height:37px; border:1px solid #777675; background:#d2d1d00a; color:#d2d1d0; border-radius:50%; font-size:21px }
.agent-decision-icon.blocked { color:#b6b5b4; border-color:#666564; background:#b6b5b408 }
.agent-decision-icon.hold { color:#bfbebd; border-color:#5a5958; font-size:18px }
.agent-rationale { font-size:11px; line-height:1.9; color:#bab9b8; margin-top:13px; overflow-wrap:anywhere }
.agent-observation-time { color:#999897; font-size:9px; padding:14px 0 18px; border-bottom:1px solid #41403f }
.agent-checks { margin-top:18px }
.agent-checks h3 { font-size:11px; letter-spacing:0; margin-bottom:13px; color:#d6d5d4 }
.agent-check { display:flex; gap:9px; margin-top:13px; color:#adacab; font-size:10px; line-height:1.65 }
.agent-check>span:first-child { display:grid; place-items:center; width:16px; height:16px; flex-shrink:0; color:#cfcecd; background:#403f3e; border-radius:50%; margin-top:1px; font-size:10px }
.agent-check.pass>span:first-child { color:#d2d1d0; background:#d2d1d010 }
.agent-check.blocked>span:first-child { color:#b6b5b4; background:#b6b5b412 }
.agent-check strong { font-weight:500; display:block; color:#cccbca }
.agent-check small { display:block; color:#a09f9e; margin-top:3px; font-size:9px; line-height:1.65; overflow-wrap:anywhere }
.agent-decision-note { border-top:1px solid #3e3d3c; margin-top:20px; padding-top:15px; display:grid; grid-template-columns:1fr auto; gap:8px 10px; font-size:9px; color:#a4a3a2 }
.agent-decision-note strong { color:#d0cfce; font-weight:400; text-align:right }
.agent-detail-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; margin-top:18px; align-items:start }
.agent-observations-panel,.agent-capital-panel,.agent-outcome-panel { padding:24px }
.agent-section-title .eyebrow { font-size:8px; letter-spacing:.16em; color:#a4a3a2 }
.agent-section-title h2 { font-size:21px; line-height:1.25; margin-top:8px }
.agent-section-title p { font-size:10px; color:#a09f9e; margin-top:8px; line-height:1.8 }
.agent-observation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:25px; gap:28px 20px }
.agent-observation { display:flex; flex-direction:column; gap:9px; min-width:0 }
.agent-observation>span { font-size:10px; color:#c0bfbe }
.agent-observation strong { font-size:23px; font-weight:400; letter-spacing:-.035em; line-height:1; font-variant-numeric:tabular-nums; overflow-wrap:anywhere }
.agent-observation small { font-size:9px; color:#999897; line-height:1.8; max-width:190px }
.agent-capital-panel { background:#21201f }
.agent-budget-number { display:flex; flex-direction:column; gap:6px; margin-top:21px; color:#a5a4a3; font-size:9px }
.agent-budget-number strong { color:#dfdedd; font-size:28px; font-weight:400; line-height:1 }
.agent-budget-number strong small { color:#9e9d9c; font-size:13px }
.agent-budget-meter { height:5px; background:#3f3e3d; border-radius:3px; margin:14px 0 21px; overflow:hidden }
.agent-budget-meter>span { display:block; height:100%; border-radius:3px; background:#c6c5c4 }
.agent-capital-list { margin:0; display:grid; gap:13px; font-size:10px }
.agent-capital-list>div { display:flex; justify-content:space-between; gap:17px; line-height:1.8 }
.agent-capital-list dt { color:#b1b0af }
.agent-capital-list dd { margin:0; text-align:right; color:#dcdbda; font-variant-numeric:tabular-nums }
.agent-capital-list dd>span { display:block; color:#b5b4b3; font-size:7px; letter-spacing:.05em; white-space:nowrap }
.agent-capital-note { color:#a09f9e; font-size:9px; line-height:1.85; margin-top:19px }
.agent-outcome-panel { margin-top:18px }
.agent-service-panel { padding:24px; margin-top:18px; border-color:#4c4b4a }
.agent-service-table-wrap { overflow:auto; margin-top:22px }
.agent-service-table { width:100%; border-collapse:collapse; text-align:left; min-width:440px; font-size:10px }
.agent-service-table thead th { color:#a9a8a7; font-size:9px; font-weight:400; padding:0 14px 14px; border-bottom:1px solid #424140 }
.agent-service-table th:first-child { padding-left:0 }
.agent-service-table tbody th { font-weight:400; color:#bab9b8; padding:15px 14px; border-bottom:1px solid #3c3b3a }
.agent-service-table tbody td { padding:15px 14px; font-variant-numeric:tabular-nums; font-size:13px; border-bottom:1px solid #3c3b3a }
.agent-service-table tbody tr:first-child td { font-size:19px; letter-spacing:-.035em }
.agent-unmatched { display:flex; gap:35px; margin-top:20px }
.agent-unmatched>div { display:flex; gap:11px; align-items:center }
.agent-unmatched strong { color:#dad9d8; font-size:23px; font-weight:400 }
.agent-unmatched span { font-size:10px; color:#aeadac; max-width:180px; line-height:1.7 }
.agent-evidence-note { display:block; margin-top:15px; color:#b8b7b6; font-size:10px; line-height:1.8 }
.agent-comparison-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin-top:24px }
.agent-comparison-grid>div { padding-right:17px; border-right:1px solid #3c3b3a; min-width:0 }
.agent-comparison-grid>div:last-child { border:0 }
.agent-comparison-grid span { display:block; color:#b6b5b4; font-size:10px; margin-bottom:10px }
.agent-comparison-grid strong { font-size:30px; line-height:1.2; font-weight:400; letter-spacing:-.045em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere }
.agent-comparison-grid small { font-size:12px; letter-spacing:0; opacity:.65 }
.agent-comparison-details { display:grid; grid-template-columns:1fr 1fr; gap:14px 40px; border-top:1px solid #3c3b3a; margin-top:24px; padding-top:20px; font-size:10px }
.agent-comparison-details>div { display:flex; justify-content:space-between; gap:20px; color:#b1b0af }
.agent-comparison-details strong { font-weight:500; color:#d7d6d5; text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap }
.agent-comparison-details small { font-size:9px; color:#9a9998; font-weight:400 }
.agent-trail-section { margin-top:31px }
.agent-timeline-header { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px }
.agent-timeline-header .eyebrow { font-size:8px; color:#979695 }
.agent-timeline-header h2 { margin-top:8px; font-size:24px }
.agent-timeline-header>span { font-size:10px; color:#a3a2a1 }
.agent-timeline { border-top:1px solid #3c3b3a }
.agent-timeline-item { display:grid; grid-template-columns:42px 100px minmax(0,1fr) 16px; gap:14px; align-items:start; text-align:left; width:100%; background:transparent; border:0; border-bottom:1px solid #3c3b3a; color:#d3d2d1; padding:17px 13px; border-radius:0 }
.agent-timeline-item:hover,.agent-timeline-item.selected { background:#2e2d2c88 }
.agent-timeline-step { font-size:10px; color:#9b9a99; font-variant-numeric:tabular-nums; padding-top:1px }
.agent-timeline-item strong { display:block; font-size:11px; font-weight:500 }
.agent-timeline-item small { display:block; font-size:10px; color:#a5a4a3; margin-top:4px; line-height:1.75; overflow-wrap:anywhere }
.agent-timeline-item>span:last-child { color:#b9b8b7; font-size:14px }
.agent-trail-section>.agent-soft { margin-top:12px }
.agent-limitations { margin-top:28px; padding-top:18px; border-top:1px solid #3c3b3a; color:#a6a5a4; font-size:10px; line-height:1.9 }
.agent-limitations summary { color:#c8c7c6; font-size:11px; cursor:pointer }
.agent-limitations p { margin:14px 0 }
.agent-limitations li { margin-top:7px }
.agent-error-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px }
.agent-market-link { display:inline-flex; align-items:center; gap:6px; font-size:10px; color:#c7c6c5; white-space:nowrap; border:1px solid #494847; border-radius:5px; padding:5px 8px; margin-right:8px }
.agent-market-link:hover { background:#333231; border-color:#9a9998 }
.market-table td:last-child { white-space:nowrap }
.agent-detail-link { display:flex; align-items:center; gap:14px; border:1px solid #5d5c5b; background:#d2d1d006; border-radius:8px; padding:17px; margin:20px 0 5px }
.agent-detail-link:hover { background:#d2d1d010 }
.agent-detail-link>span:nth-child(2) { flex:1 }
.agent-detail-link strong { display:block; font-size:13px; font-weight:500; color:#d1d0cf }
.agent-detail-link small { display:block; color:#a09f9e; font-size:10px; margin-top:4px; line-height:1.7 }
.agent-detail-icon { color:#d2d1d0; font-size:25px }
@media(min-width:1550px) { .agent-stage,.agent-detail-grid { grid-template-columns:minmax(0,1fr) 365px }.agent-chart { min-height:340px }.agent-decision-panel { padding:27px }.agent-decision-heading h2 { font-size:28px } }
@media(max-width:1220px) { .agent-stage,.agent-detail-grid { grid-template-columns:minmax(0,1fr) 285px }.agent-decision-panel { padding:18px }.agent-chart-header { padding:20px 18px 0 }.agent-playback { padding:14px 16px; gap:11px }.agent-chart-legend { padding-left:18px; gap:11px 14px }.agent-observation-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }.agent-range-readout { max-width:160px }.agent-comparison-details { gap:14px 22px }.agent-timeline-item { grid-template-columns:32px 90px minmax(0,1fr) 12px } }
@media(max-width:1040px) { .agent-stage,.agent-detail-grid { grid-template-columns:minmax(0,1fr) }.agent-decision-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 28px; padding:23px }.agent-decision-top { grid-column:1/-1 }.agent-decision-heading { grid-column:1 }.agent-rationale { grid-column:1 }.agent-observation-time { grid-column:1; border:0; align-self:end }.agent-checks { grid-column:2; grid-row:2/5; border-left:1px solid #41403f; padding-left:24px; margin-top:22px }.agent-decision-note { grid-column:1/-1 }.agent-decision-heading { flex-direction:row; align-items:center; gap:12px }.agent-decision-icon { flex-shrink:0 }.agent-observation-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }.agent-capital-list { grid-template-columns:1fr 1fr; column-gap:28px }.agent-capital-panel .agent-capital-note { max-width:700px }.agent-budget-number { flex-direction:row; gap:14px; align-items:baseline }.agent-chart { min-height:250px }.agent-range-readout { max-width:230px } }
@media(max-width:700px) { .agent-page-heading { align-items:start; gap:18px; flex-direction:column; margin-bottom:22px }.agent-page-heading h1 { font-size:36px }.agent-page-heading p { max-width:390px; font-size:11px }.agent-market-select { align-self:stretch; min-width:0; padding:11px 14px }.agent-market-select label { display:flex; align-items:center; gap:15px }.agent-market-select select { padding-top:0; width:auto; flex:1 }.agent-coin-mark { width:33px; height:33px; font-size:15px }.agent-policy-bar { flex-direction:column; align-items:stretch; gap:13px; margin-top:22px }.agent-policy-bar label { justify-content:space-between }.agent-policy-bar select { width:170px }.agent-simulation-banner { gap:8px; font-size:9px; padding:12px }.agent-simulation-banner>span:nth-last-child(2) { flex-basis:100%; padding-left:14px }.agent-simulation-banner>a { margin-left:14px }.agent-chart { min-height:205px }.agent-chart-header { padding:18px 16px 0; gap:12px }#agent-current-price { font-size:31px }.agent-chart-header .eyebrow { font-size:8px }.agent-range-readout { max-width:170px; font-size:9px }.agent-range-readout strong { font-size:9px }.agent-chart-legend { padding:3px 15px 18px; font-size:8px; gap:11px 14px }.agent-chart-legend .agent-status { font-size:8px }.agent-chart-keyboard { padding:0; margin-top:5px }.agent-playback { flex-wrap:wrap; gap:13px; padding:14px 15px }.agent-playback-buttons { order:0 }.agent-playback output { margin-left:auto; order:1 }#agent-scrubber { order:2; flex-basis:100%; margin:5px 2px 4px }.agent-chart-footer { padding:12px 15px; align-items:start }.agent-chart-footer>span { max-width:70% }.agent-decision-panel { display:block; padding:22px }.agent-decision-heading { margin-top:20px }.agent-decision-heading h2 { font-size:23px }.agent-checks { padding-left:0; margin-top:0; border:0 }.agent-observation-time { border-bottom:1px solid #41403f; margin-bottom:18px }.agent-observations-panel,.agent-capital-panel,.agent-outcome-panel { padding:21px }.agent-observation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px }.agent-observation strong { font-size:21px }.agent-section-title h2 { font-size:21px }.agent-capital-list { grid-template-columns:1fr }.agent-comparison-grid { grid-template-columns:1fr 1fr; gap:22px 15px }.agent-comparison-grid>div:nth-child(2) { border:0 }.agent-comparison-grid>div:last-child { grid-column:1/-1; border-top:1px solid #3c3b3a; padding-top:20px }.agent-comparison-grid strong { font-size:26px }.agent-comparison-details { grid-template-columns:1fr; gap:14px }.agent-comparison-details>div { gap:12px }.agent-timeline-header { align-items:start }.agent-timeline-header h2 { font-size:22px }.agent-timeline-header>span { max-width:80px; text-align:right; font-size:9px }.agent-timeline-item { grid-template-columns:30px minmax(0,1fr) 12px; gap:8px 10px; padding:15px 9px }.agent-timeline-item>.agent-status { grid-column:2 }.agent-timeline-item>span:nth-child(3) { grid-column:2; grid-row:2 }.agent-timeline-item>span:last-child { grid-column:3; grid-row:1 }.agent-timeline-step { grid-column:1; grid-row:1/3 }.agent-budget-number { flex-direction:column; gap:8px }.chart-caption .agent-market-link { font-size:8px; padding:4px 6px; margin-right:0 }.chart-caption { gap:9px; flex-wrap:wrap } }
@media(prefers-reduced-motion:reduce) { .agent-page * { transition:none!important; animation:none!important } }