.pfo { margin: 18px 0; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); min-width: 0; }
#marketChatPanel > .data-chat { border: 0; padding: 0; margin-top: 12px; background: transparent; }
.focus-card > [data-price-outlook-event] { min-height: 44px; margin-top: 14px; padding: 9px 12px; }
.pfo-heading, .pfo-horizons { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.pfo-heading { justify-content: space-between; }
.pfo h3 { margin: 3px 0 0; font-size: 19px; text-transform: none; letter-spacing: normal; }
.pfo-eyebrow { margin: 0; color: #abc7f7; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.pfo-tier { overflow-wrap: anywhere; font-weight: 650; }
#eventPriceOutlook .pfo-tier { display: none; }
.pfo :is(button, summary) { min-height: 44px; }
.pfo p, .pfo small { font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.pfo-muted { color: var(--muted); }
.pfo-main-price { padding: 14px; border-top: 2px solid #91b7ef; border-radius: 9px; background: var(--panel2); }
.pfo-main-price > span { display: block; font-size: 12px; color: var(--muted); }
.pfo-main-price > strong { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-top: 5px; font-size: 34px; font-weight: 700; line-height: 1.25; }
.pfo-main-price > strong small { color: var(--muted); font-weight: 400; font-size: 12px; }
.pfo-main-price p { margin: 6px 0 0; }
.pfo-main-price p b { font-weight: 600; }
.pfo-footnote { margin: 10px 0; color: var(--muted); }
.pfo-current { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 10px; margin: 18px 0; }
.pfo-current > div { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel2); }
.pfo-current dt { font-size: 11px; color: var(--muted); }
.pfo-current dd { margin: 6px 0 0; font-size: 23px; font-weight: 650; overflow-wrap: anywhere; }
.pfo-horizons { margin-top: 18px; }
.pfo-horizons button[aria-pressed="true"] { background: #315c9c; border-color: #b6cef4; color: #fff; }
.pfo-verdict { display: grid; gap: 8px; margin: 18px 0; }
.pfo-verdict > strong { font-size: 24px; line-height: 1.25; overflow-wrap: anywhere; }
.pfo-verdict > span:not(.pfo-badge) { color: var(--muted); font-size: 13px; }
.pfo-badge { width: fit-content; padding: 5px 9px; border-radius: 999px; color: #e2d3ab; background: #373021; border: 1px solid #8d794c; font-size: 11px; }
.pfo-badge.moderate { background: #20384c; border-color: #799fc3; color: #c6e1f9; }
.pfo-badge.unavailable, .pfo-badge.warming { color: var(--muted); background: var(--panel2); border-color: var(--line); }
.pfo-deadline { display: grid; gap: 4px; margin-top: 12px; padding: 12px; border-left: 3px solid var(--warn); border-radius: 0 8px 8px 0; background: rgba(255,165,58,.06); }
.pfo-deadline strong { color: #f1c082; font-size: 12px; }
.pfo-deadline small { color: var(--muted); }
.pfo-chart { margin: 20px 0; }
.pfo-chart-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; background: #101925; }
.pfo-chart svg { display: block; width: 100%; min-width: 620px; height: auto; }
.pfo-chart text { fill: #b7c8df; font: 15px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.pfo-future { fill: #193052; opacity: .45; }
.pfo-gap { fill: #675b43; opacity: .4; }
.pfo-grid { stroke: #354861; stroke-dasharray: 3 5; }
.pfo-observed { fill: none; stroke: #9bc2ff; stroke-width: 2; }
.pfo-predicted { fill: none; stroke: #c2adf2; stroke-width: 2; stroke-dasharray: 6 5; }
.pfo-range { fill: none; stroke: #8a75b8; stroke-width: 10; opacity: .65; stroke-dasharray: 3 2; }
.pfo-range.moderate { stroke: #87b8e5; stroke-dasharray: none; }
.pfo-point { fill: #d4c0ff; stroke: #1d2b42; stroke-width: 1; }
.pfo-boundary { stroke: #bdcde3; stroke-dasharray: 4 4; }
.pfo-cutoff { stroke: #f4b36c; stroke-width: 2; stroke-dasharray: 4 3; }
.pfo-chart figcaption { margin-top: 8px; font-size: 11px; line-height: 1.5; color: var(--muted); }
.pfo-change { color: #b9d6fc; }
.pfo-details { margin-top: 14px; }
.pfo > details { border-top: 1px solid var(--line); }
.pfo :is(.pfo-prices, .pfo-why, .pfo-details) > summary { padding: 12px 0; cursor: pointer; font-size: 13px; }
.pfo-details p, .pfo-details li { color: var(--muted); }
.cvi-planner [data-cvi-price] .pfo { margin-bottom: 8px; }
.cvi-planner [data-cvi-price] .pfo-heading,
.cvi-planner [data-cvi-price] .pfo-tier { display: none; }
.simple-timing { display: grid; gap: 6px; margin: 12px 0; padding: 14px; border-left: 3px solid #7f9fc8; border-radius: 0 9px 9px 0; background: var(--panel2); }
.simple-timing > .simple-timing-label { font-size: 12px; color: var(--muted); }
.simple-timing > strong { font-size: 18px; line-height: 1.35; font-weight: 600; }
.simple-timing > p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--muted); }
.simple-timing > p.simple-timing-window { color: #bed4f4; font-size: 14px; }
.simple-timing > small { color: var(--muted); font-size: 11px; }
.simple-timing-confidence b { color: #dce8f8; }
.rough-timing-preview > strong { font-size: 15px; }
.rough-timing-preview { margin-block: 12px; }
.sell-timing-options { margin-block: 10px; }
.sell-timing-options > label { display: grid; gap: 6px; max-width: 380px; }
.sell-timing-options select { min-height: 44px; width: 100%; }
@media (max-width: 480px) { .pfo { padding: 15px; } .pfo-verdict > strong { font-size: 22px; } }