.item-heading { display: flex; align-items: center; gap: 14px; margin: 18px 0 24px; }
.item-heading .item-icon-frame { width: 56px; height: 56px; flex-basis: 56px; }
.item-heading .item-icon { max-width: 48px; max-height: 48px; }
.item-heading h1 { margin: 0; }
.item-heading > div { min-width: 0; overflow-wrap: anywhere; }
.item-id { margin: 5px 0 0; font-size: 14px; }
.item-configurations { margin: -8px 0 20px; min-width: 0; }
.configuration-links { display: flex; flex-wrap: wrap; gap: 6px; max-height: 160px; overflow: auto; }
.configuration-links a { padding: 6px 10px; border: 1px solid #b7c8d1; border-radius: 3px; background: #f7fafb; font-size: 13px; text-decoration: none; overflow-wrap: anywhere; }
.configuration-links a[aria-current="page"] { background: #245b7a; border-color: #245b7a; color: #fff; }
.configuration-builder { margin-top: 12px; padding: 12px; border: 1px solid #b7c8d1; background: #fff; }
.configuration-builder summary { cursor: pointer; font-size: 14px; }
.configuration-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr)); align-items: end; gap: 10px; margin-top: 14px; }
.configuration-form > div { min-width: 0; }
.configuration-form label { font-size: 13px; margin-bottom: 5px; }
.configuration-form select { width: 100%; min-width: 0; }
.configuration-form input[type="submit"] { justify-self: start; }
.configuration-note { margin: 10px 0 0; color: #536977; font-size: 13px; line-height: 1.45; }
.item-overview { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 20px; margin: 20px 0; }
.item-overview > section { min-width: 0; margin: 0; }
section { margin: 20px 0; padding: 18px; border: 1px solid #adbec8; background: #fff; }
.description { max-width: 860px; margin: 0; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.item-description .catalog-note { margin: 14px 0 0; }
.manual-ad { width: 100%; min-width: 0; margin: 24px 0; }
.manual-ad-label { display: block; margin-bottom: 8px; color: #536977; font-size: 11px; text-align: center; }
.manual-ad--catalog { min-height: 121px; margin-top: 0; margin-bottom: 28px; }
.manual-ad--detail { min-height: 271px; margin-top: 24px; margin-bottom: 0; }
.section-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.section-heading h2 { margin: 0; }
.market-server, .price-data-count { color: #536977; font-size: 14px; overflow-wrap: anywhere; }
.price-data-count { font-variant-numeric: tabular-nums; }
.item-market .hint, .market-history .hint, .price-data .hint { margin: 12px 0; font-size: 14px; line-height: 1.5; }
.price-tracking { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-top: 12px; }
.price-tracking form { margin: 0; }
.price-tracking small { flex: 1 1 160px; color: #536977; font-size: 13px; line-height: 1.4; }
.tracking-button { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid #9ab3c2; border-radius: 3px; background: #f7fafb; font-size: 14px; white-space: nowrap; }
.tracking-button.is-tracking { color: #205b47; background: #eef7f2; border-color: #94baa6; }
.tracking-button:disabled { cursor: not-allowed; opacity: .65; }
.market-context-form { display: flex; align-items: end; flex-wrap: wrap; gap: 9px; padding: 10px; background: #f4f8fa; }
.market-context-form label { margin-right: -3px; font-size: 14px; }
.market-context-form select { min-width: 150px; }
.market-windows { display: grid; gap: 8px; margin: 16px 0; }
.market-window { display: grid; grid-template-columns: minmax(72px, .65fr) minmax(0, 1fr); align-items: center; gap: 5px 12px; min-width: 0; padding: 10px 12px; border: 1px solid #b7c8d1; background: #f7fafb; }
.market-windows h3 { margin: 0; font-size: 14px; }
.market-windows .price { margin: 0; font-size: 21px; text-align: right; }
.market-windows .price-unknown { font-size: 18px; }
.market-window-context { grid-column: 1 / -1; line-height: 1.45; overflow-wrap: anywhere; }
.price-evidence-details { grid-column: 1 / -1; min-width: 0; }
.price-evidence-details summary { width: fit-content; max-width: 100%; color: #526977; font-size: 12px; cursor: pointer; }
.price-evidence-details summary .price-evidence { vertical-align: middle; }
.price-evidence-details p { margin: 8px 0 0; padding: 8px 10px; border-left: 2px solid #b7c8d1; color: #526977; background: #fff; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.market-window-fallback .market-window-context { color: #536977; }
.price-fallback-context { line-height: 1.45; overflow-wrap: anywhere; }
.market-history h2 { margin: 0; }
 .history-figure { margin: 22px 0 0; padding: 0; border: 0; background: #fff; }
.chart-period, .chart-summary span, .chart-readout { color: #70818d; font-size: 12px; }
.chart-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; margin-bottom: 24px; }
.chart-summary strong { color: #234f6b; font-size: 28px; font-weight: 650; line-height: 1.15; letter-spacing: -.6px; font-variant-numeric: tabular-nums; }
.chart-summary span { padding-left: 16px; border-left: 1px solid #e2e9ed; line-height: 1.65; }
.chart-summary time { color: #425f71; }
.chart-readout { min-height: 32px; margin: 18px 0 0; padding-top: 12px; border-top: 1px solid #edf1f4; line-height: 1.5; font-variant-numeric: tabular-nums; }
.chart-layout { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; }
.chart-y-axis { display: flex; flex-direction: column; justify-content: space-between; height: 220px; padding: 2px 0; font-size: 11px; color: #7a8b97; font-variant-numeric: tabular-nums; }
.chart-plot { position: relative; min-width: 0; }
.price-chart { display: block; width: 100%; height: 220px; overflow: visible; touch-action: pan-y; }
.chart-grid { stroke: #edf1f4; stroke-width: 1; }
.chart-line { stroke: #367ca8; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.chart-point { fill: #fff; stroke: #367ca8; stroke-width: 2; cursor: crosshair; }
.chart-point:hover, .chart-point:focus, .chart-point.is-selected { fill: #367ca8; stroke: #fff; stroke-width: 2; outline: none; filter: drop-shadow(0 0 2px #367ca8); }
.chart-crosshair { stroke: #a9becb; stroke-width: 1; stroke-dasharray: 3 4; pointer-events: none; }
.chart-crosshair[hidden], .chart-tooltip[hidden] { display: none; }
.chart-tooltip { position: absolute; z-index: 2; display: grid; gap: 4px; width: max-content; max-width: min(210px, 100%); padding: 10px 13px; border: 1px solid #dce5eb; border-radius: 7px; background: #fff; box-shadow: 0 5px 18px rgb(30 61 81 / 12%); pointer-events: none; }
.chart-tooltip span, .chart-tooltip small { color: #70818d; font-size: 11px; }
.chart-tooltip strong { color: #234f6b; font-size: 16px; font-variant-numeric: tabular-nums; }
.chart-x-axis { display: flex; justify-content: space-between; margin-top: 12px; font-size: 11px; color: #7a8b97; }
@media (max-width: 650px) {
  .chart-layout { grid-template-columns: 45px minmax(0, 1fr); gap: 6px; }
  .chart-summary { gap: 10px 14px; }
  .chart-summary strong { font-size: 24px; }
  .chart-summary span { padding-left: 12px; font-size: 11px; }
  .chart-tooltip { padding: 8px 10px; }
  .chart-readout { font-size: 11px; min-height: 46px; }
}
.price-data-table-wrap { min-width: 0; }
.price-data-table { table-layout: fixed; }
.price-data-table th, .price-data-table td { line-height: 1.45; overflow-wrap: anywhere; white-space: normal; }
.price-data-table th:first-child { width: 38%; }
.price-data-table th:nth-child(2) { width: 28%; }
.price-data-table th:last-child { width: 34%; }
.price-data-table tbody th { color: #536977; background: transparent; font-size: 14px; font-weight: normal; }
.price-data-value { text-align: right; font-variant-numeric: tabular-nums; }
.price-data-date { font-variant-numeric: tabular-nums; }
.price-data-pagination { margin-bottom: 0; }
.discord-sign-in-action { display: inline-block; padding: 10px 13px; border: 1px solid #7c9aae; border-radius: 3px; background: #f7fafb; text-decoration: none; }
.item-overlay { width: min(1180px, calc(100% - 32px)); max-width: calc(100% - 32px); max-height: calc(100dvh - 32px); padding: 0; overflow: clip; border: 1px solid #7c9aae; background: #eef4f7; color: #1b3444; }
.item-overlay[open] { display: flex; flex-direction: column; }
.item-overlay::backdrop { background: rgb(20 43 59 / 45%); }
.item-overlay-header { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: 12px; padding: 14px 20px; border-bottom: 1px solid #adbec8; background: #f7fafb; }
.item-overlay-header h2 { min-width: 0; margin: 0; font-size: 20px; overflow-wrap: anywhere; }
.item-overlay-actions { display: flex; align-items: center; flex-shrink: 0; gap: 14px; }
.item-overlay-body { min-height: 0; padding: 0 20px 20px; overflow: auto; overscroll-behavior: contain; }
.item-overlay turbo-frame { display: block; }
.item-overlay [hidden] { display: none; }
.item-overlay .flash { width: 100%; margin: 0; }
.item-overlay-loading, .item-overlay-error { margin: 20px 0 0; }
.item-overlay-error p { margin-top: 0; }
@media (max-width: 980px) {
  .item-overview { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 650px) {
  .item-overlay { width: calc(100% - 16px); max-width: calc(100% - 16px); max-height: calc(100dvh - 16px); }
  .item-overlay-header { align-items: start; flex-wrap: wrap; padding: 12px; }
  .item-overlay-actions { margin-left: auto; }
  .item-overlay-body { padding: 0 12px 12px; }
  section { padding: 14px; }
  .item-overview { gap: 16px; }
  .market-context-form { align-items: stretch; flex-direction: column; }
  .market-context-form input[type="submit"] { align-self: flex-start; }
  .price-data-table th, .price-data-table td { padding: 10px 6px; }
  .price-data-table th:first-child { width: 32%; }
  .price-data-table th:nth-child(2) { width: 40%; }
  .price-data-table th:last-child { width: 28%; }
}