/* 🌐 위탁 진행상황 — 위탁 카드 아래 줄 (public/features/track.js) */
.cpr-line { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.cpr-acts { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 2px; }
.cpr-go { font-weight: 700; color: inherit; }
.cpr-lk { background: none; border: 0; padding: 2px 0; font: inherit; font-size: 12.5px; color: var(--muted, #7d6c63); text-decoration: underline; cursor: pointer; }
.cpr-find { align-self: flex-start; color: #2b4a66; font-weight: 700; text-decoration: none; background: #eef3f8; border-radius: 999px; padding: 5px 11px; }
.cpr-items { display: flex; flex-direction: column; font-size: 13px; }
.cpr-items > div { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 5px 0; border-top: 1px dashed #e7dcd3; }
.cpr-items > div > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.cpr-tag { flex: none; font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 2px 8px; background: #f1e6dd; color: #6e4836; }
.cpr-tag.show { background: #e3efe6; color: #2f6b45; } .cpr-tag.deal { background: #fbeadb; color: #9a4a12; } .cpr-tag.sold { background: #2d2422; color: #fff; }
.cpr-cand { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 10px 0; border-top: 1px solid #eee4dc; font-size: 13.5px; }
.cpr-cand small { display: block; color: #7d6c63; font-size: 12px; overflow-wrap: anywhere; }
.cpr-why { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
.cpr-why i { font-style: normal; font-size: 11px; background: #eef3f8; color: #2b4a66; border-radius: 999px; padding: 1px 7px; }
.cpr-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid #e7dcd3; border-radius: 10px; background: #fbf7f3; font: inherit; font-size: 12.5px; color: var(--text, #2d2422); text-align: left; text-decoration: none; cursor: pointer; }
.cpr-row b { font-size: 13px; }
.cpr-row .cpr-go { margin-left: auto; color: #8c5f48; font-weight: 700; }
.cpr-row.cpr-new { background: var(--panel); border-color: var(--line-2); color: var(--text); } .cpr-row.cpr-new span { color: var(--muted); } /* 진행상황 링크: 카드에서 제일 눈에 띄던 검은 띠 → 테두리 한 줄 (하영님 2026-10-23 카드 시안) */
.cpr-sub { font-size: 11.5px; color: #6f5f57; margin-top: -4px; }
.cpr-sec { display: flex; flex-direction: column; gap: 6px; padding: 12px 0; border-top: 1px solid #eee4dc; }
.cpr-sec:first-child { border-top: 0; padding-top: 0; }
.cpr-sec > b { font-size: 13.5px; }
.cpr-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.cpr-tabs button { min-height: 34px; padding: 0 11px; border-radius: 999px; border: 1px solid #e7dcd3; background: #fff; font: inherit; font-size: 12.5px; font-weight: 600; color: #5f5049; cursor: pointer; }
.cpr-tabs .on { background: #8c5f48; border-color: #8c5f48; color: #fff; }
.cpr-items > div[hidden] { display: none; }
.cpr-c { font-weight: 700; white-space: nowrap; } .cpr-c.show { color: #2f6b45; } .cpr-c.deal { color: #9a4a12; } .cpr-c.sold { color: #2d2422; }
.cpr-items > .cpr-src { display: block; border-top: 0; padding: 0 0 5px; font-size: 11.5px; color: #8a6a3a; }