.price-tabs {
    display: flex;
    gap: 8px;
    margin: 0 0 18px;
    overflow-x: auto;
}

.price-tabs a {
    min-width: 115px;
    padding: 12px 18px;
    border: 1px solid var(--line);
    border-radius: 10px 10px 0 0;
    background: #fff;
    color: #42525d;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.price-tabs a.active {
    border-color: var(--brand);
    background: var(--brand);
    color: #fff;
}

.price-tabs .average-tab {
    background: #eef3f7;
}

.price-tabs .average-tab.active {
    background: #173f48;
}

.price-list .panel-head {
    align-items: start;
    margin-bottom: 18px;
}

.price-list .panel-head h2 {
    margin-bottom: 3px;
}

.price-list .panel-head p {
    margin: 0;
}

.price-edit {
    display: flex;
    align-items: center;
    gap: 10px;
}

.price-edit > div {
    min-width: 150px;
}

.price-edit input {
    margin: 0;
    padding: 9px 10px;
    font-weight: 800;
    text-align: right;
}

.price-edit small,
.average-list td > small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 11px;
}

.price-edit button {
    white-space: nowrap;
}

.average-list td {
    min-width: 130px;
}

.approved-edit > div {
    width: 160px;
}

.status {
    display: inline-block;
    padding: 6px 9px;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.status.accepted { background: #ddf4ea; color: #236c50; }
.status.adjusted { background: #e8eff9; color: #315f95; }
.status.pending { background: #fff2d8; color: #8b6112; }
.status.neutral { background: #eee; color: #687078; }
.no-price { color: var(--muted); font-size: 13px; }

@media (max-width: 800px) {
    .price-edit { align-items: stretch; flex-direction: column; }
    .price-edit > div, .approved-edit > div { width: 100%; }
}
