.nav-group{display:grid;gap:4px;padding:4px 0 4px 10px;border-left:1px solid var(--line)}
.nav-group>span{padding:4px 12px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.12em}
.nav-group button{padding-left:18px!important;font-size:13px}
.settings-api{grid-column:1/-1}
.match-matched{background:#143622;color:#70e6a2}.match-missing_manual,.match-manual_only,.match-sequence_difference{background:#401717;color:#ff8b8b}
.external-summary-card{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:7px;background:var(--panel)}.external-summary-card small,.external-summary-card span{color:var(--muted)}.external-summary-card strong{font-size:22px}.external-summary-card.gold-card strong{color:var(--gold)}.external-summary-card.profit-card strong{color:var(--green)}.external-summary-card.loss-card strong{color:#ff6767}.compare-status>b{font-size:12px;color:var(--gold)}.compare-delta{color:#ff9a9a;line-height:1.5;text-align:center}
.market-chart-panel{margin-top:15px}.market-chart{width:100%;min-height:260px;overflow:auto}.market-chart svg{display:block;width:100%;min-width:720px;height:320px}
.chart-axis{stroke:#4a4335;stroke-width:1}.chart-history{fill:none;stroke:var(--gold);stroke-width:4}.chart-forecast{fill:none;stroke:var(--orange);stroke-width:4;stroke-dasharray:10 8}.market-chart text{fill:var(--muted);font-size:13px}
.market-legend{display:flex;gap:22px;color:var(--muted);font-size:12px}.market-legend i{display:inline-block;width:18px;height:4px;margin-right:7px;vertical-align:middle}.history-dot{background:var(--gold)}.forecast-dot{background:var(--orange)}
.forecast-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.forecast-list{max-height:520px;overflow:auto}.forecast-head,.forecast-row{display:grid;grid-template-columns:80px 1fr 1.5fr;align-items:center;gap:10px;padding:9px;border-bottom:1px solid #2a261d}.forecast-head{position:sticky;top:0;background:var(--panel);color:var(--muted);font-size:11px}.forecast-row b{color:var(--gold)}.forecast-row small{color:var(--muted)}.forecast-row.current{background:#2b230e;border-left:3px solid var(--gold)}#market-notice a{color:var(--gold)}
.forecast-row.actual b{color:var(--green)}.actual-price{background:#143622;color:#70e6a2}
.chart-buy{fill:none;stroke:var(--green);stroke-width:4}.chart-sell{fill:none;stroke:#ff6767;stroke-width:4}.chart-buy.forecast,.chart-sell.forecast{stroke-dasharray:10 8}.buy-dot{background:var(--green)}.sell-dot{background:#ff6767}.forecast-head.p2p,.forecast-row.p2p{grid-template-columns:70px 1fr 1fr 90px}.offer-row{display:grid;grid-template-columns:110px 1fr 1.4fr;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #2a261d}.offer-row b{color:var(--gold)}.offer-row small{color:var(--muted)}
.outlook-date{color:var(--muted);margin-bottom:14px}.outlook-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.outlook-values>div{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}.outlook-values small{color:var(--muted)}.outlook-values b{font-size:22px}.outlook-values span{font-size:12px;color:var(--muted)}.outlook-values .buy b{color:#24c983}.outlook-values .sell b{color:#ff6262}
@media(max-width:600px){.offer-row{grid-template-columns:90px 1fr}.offer-row small{grid-column:1/-1}.forecast-head.p2p,.forecast-row.p2p{grid-template-columns:58px 1fr 1fr 72px;font-size:11px}}
@media(max-width:900px){.forecast-grid{grid-template-columns:1fr}.settings-api{grid-column:auto}.nav-group{padding-left:4px}}
@media(max-width:700px){.outlook-values{grid-template-columns:1fr}.outlook-values>div{padding:12px}}