/* 단가관리 — page-scope plain CSS (@apply 금지) */

/* ── 일괄 조정 바 (선택 시 노출) ── */
.pr-bulkbar {
    display: flex; align-items: center; gap: 10px;
    margin: 10px 0 4px;
    padding: 8px 14px;
    background: rgb(111 122 255 / 0.08);
    border: 1px solid rgb(111 122 255 / 0.22);
    border-radius: 10px;
}
.pr-bulkbar__count { font-size: 13px; color: var(--ink-200); }
.pr-bulkbar__count b { color: #a3acff; font-variant-numeric: tabular-nums; }
.pr-bulkbar .btn-ghost { margin-left: auto; }

/* ── 상태 뱃지 (행 내 종료일 옆) ── */
.pr-badge {
    display: inline-block; margin-left: 6px;
    font-size: 10.5px; font-weight: 700; line-height: 1.6;
    padding: 1px 7px; border-radius: 999px; white-space: nowrap;
}
.pr-badge--expiring { color: #f5c96a; background: rgb(245 158 11 / 0.1);  box-shadow: inset 0 0 0 1px rgb(245 158 11 / 0.3); }
.pr-badge--expired  { color: #f38b8b; background: rgb(229 72 77 / 0.1);   box-shadow: inset 0 0 0 1px rgb(229 72 77 / 0.3); }

/* 만료행은 단가 흐리게 (자동제안 제외 상태 시각화) */
.pr-row--expired td { opacity: 0.72; }

/* ── 일괄 조정 모달 ── */
.pr-modes { display: flex; flex-wrap: wrap; gap: 6px; }
.pr-mode {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 12px; border-radius: 8px; cursor: pointer;
    font-size: 13px; color: var(--ink-200);
    background: rgb(255 255 255 / 0.03);
    border: 1px solid rgb(255 255 255 / 0.08);
    transition: all var(--t-fast) var(--ease);
}
.pr-mode:has(input:checked) {
    color: #c9cdff;
    background: rgb(111 122 255 / 0.12);
    border-color: rgb(111 122 255 / 0.4);
}
.pr-mode input { accent-color: var(--brand, #6f7aff); }

.pr-preview {
    font-size: 12.5px; line-height: 1.6; color: var(--text-dim);
    padding: 10px 12px; border-radius: 8px;
    background: rgb(255 255 255 / 0.02);
    border: 1px dashed rgb(255 255 255 / 0.1);
    min-height: 40px;
}
.pr-preview b { color: var(--ink-100); font-variant-numeric: tabular-nums; }

/* ── 변경 이력 모달 ── */
.pr-history { display: flex; flex-direction: column; gap: 8px; max-height: 60vh; overflow-y: auto; }
.pr-hist-row {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px; border-radius: 8px;
    background: rgb(255 255 255 / 0.02);
    border: 1px solid rgb(255 255 255 / 0.05);
    font-size: 13px;
}
.pr-hist-row__price { font-variant-numeric: tabular-nums; color: var(--ink-100); }
.pr-hist-row__diff { font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.pr-hist-row__diff--up   { color: #f38b8b; }
.pr-hist-row__diff--down { color: #7ee2a8; }
.pr-hist-row__meta { margin-left: auto; text-align: right; font-size: 11.5px; color: var(--text-dim); }
.pr-hist-src {
    font-size: 10px; padding: 1px 6px; border-radius: 999px;
    background: rgb(255 255 255 / 0.06); color: var(--ink-400);
}
.pr-hist-empty { padding: 24px; text-align: center; color: var(--text-dim); font-size: 13px; }

/* ═══════════ 드로어 편집 개편 (2026-07-19) ═══════════ */

/* 행 = 클릭하여 드로어 수정 */
.pr-row { cursor: pointer; }
.pr-row:hover { background: rgb(139 149 255 / 0.05); }
.pr-row:hover .fa-chevron-right { color: var(--ink-300); }

/* 품목·거래처 정보 카드 (card-glow 는 공통 app.css — 디자인 규칙 §7-1) */
.pr-card {
    background: rgb(255 255 255 / 0.02);
    border: 1px solid rgb(255 255 255 / 0.06);
    border-radius: 12px;
    padding: 12px 14px;
    min-width: 0;
}
.pr-card__label {
    font-size: 11px;
    color: var(--ink-500);
    margin-bottom: 5px;
}
.pr-card__value {
    font-size: 14.5px;
    font-weight: 600;
    color: var(--ink-50);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pr-card__sub {
    margin-top: 4px;
    font-size: 11px;
    color: var(--ink-500);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* 기본 거래처 지정 버튼 (드로어 카드 내) */
.pr-def-btn {
    font-size: 11px;
    color: var(--ink-400);
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgb(255 255 255 / 0.08);
}
.pr-def-btn:hover { color: #f0b75a; border-color: rgb(240 183 90 / 0.4); }