.price-admin .section-heading { margin-bottom: 1rem; }
.price-status-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; margin: 1rem 0; }
.price-status-grid > div { padding: 1rem; border: 1px solid var(--line); border-radius: .55rem; background: #fff; }
.price-status-grid strong, .price-status-grid span { display: block; }
.price-status-grid strong { color: var(--green); font: 700 1.8rem/1 Georgia,serif; }
.price-status-grid span { margin-top: .3rem; color: var(--muted); font-size: .82rem; }
.price-admin .table-wrap { margin-top: 1.5rem; }
.image-status-grid { margin-top: -.2rem; }.inline-admin-action { display: inline-block; margin: 0 0 0 .3rem; }
.admin-card-name { display: flex; min-width: 190px; align-items: center; gap: .7rem; }.admin-card-name img,.admin-card-thumb-placeholder { display: block; flex: 0 0 56px; width: 56px; height: 42px; border-radius: .3rem; }.admin-card-name img { object-fit: cover; background: #e7ebe8; }.admin-card-thumb-placeholder { border: 1px solid var(--line); background: linear-gradient(135deg,#eef1ed,#e2e7e3); }
.card-price-detail { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 2rem; align-items: start; }
.card-price-detail aside { display: grid; gap: .75rem; }.card-price-detail aside img { display: block; width: 100%; border-radius: .6rem; }
.price-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; }
.price-metrics > div { padding: .9rem; border: 1px solid var(--line); border-radius: .55rem; background: #fff; }
.price-metrics span,.price-metrics strong { display: block; }.price-metrics span { color: var(--muted); font-size: .78rem; }.price-metrics strong { margin-top: .25rem; font: 700 1.25rem/1.1 Georgia,serif; }
.price-metrics .positive { color: var(--green); }.price-metrics .negative { color: var(--danger); }
.price-chart { margin-top: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: .6rem; background: #fff; }.price-chart h2 { margin-top: 0; }
.price-chart-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.price-chart-heading h2 { margin: 0; }.price-chart-heading nav { max-width: none; margin: 0; padding: 0; justify-content: flex-end; gap: .2rem; }.price-chart-heading nav a { padding: .3rem .5rem; border-radius: .3rem; color: var(--muted); font-size: .75rem; }.price-chart-heading nav a.active { background: var(--green); color: #fff; }
.price-chart svg { display: block; width: 100%; height: auto; overflow: visible; }.price-chart line { stroke: var(--line); }.price-chart polyline { fill: none; stroke: var(--green); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }.price-chart circle { fill: #fff; stroke: var(--green); stroke-width: 3; }
.chart-range { display: flex; justify-content: space-between; color: var(--muted); font-size: .75rem; }.price-history-table { margin-top: 2.5rem; }
.history-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.history-heading h2,.history-heading p { margin: 0; }.history-heading p,.history-heading > span { color: var(--muted); font-size: .8rem; }.history-heading p { margin-top: .25rem; }
.pagination { display: flex; width: 100%; max-width: none; margin: 1.2rem 0 0; padding: 0; align-items: center; justify-content: center; flex-wrap: wrap; gap: .3rem; }
.pagination a,.pagination-gap { display: inline-flex; min-width: 2.25rem; min-height: 2.25rem; padding: .35rem .65rem; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: .35rem; background: rgba(255,255,255,.65); color: var(--green); font-size: .82rem; }
.pagination a.active { border-color: var(--green); background: var(--green); color: #fff; }.pagination a.disabled { pointer-events: none; color: var(--muted); opacity: .5; }.pagination .pagination-direction { min-width: 5.5rem; }.pagination-gap { border-color: transparent; background: transparent; color: var(--muted); }
@media(max-width:600px) { .price-status-grid { grid-template-columns: 1fr; } }
@media(max-width:760px) { .card-price-detail { grid-template-columns: 1fr; }.card-price-detail aside { width: min(100%,220px); }.price-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.price-chart-heading,.history-heading { align-items: flex-start; flex-direction: column; }.price-chart-heading nav { width: 100%; justify-content: flex-start; overflow-x: auto; }.pagination .pagination-direction { min-width: auto; } }