/* 단가표 (시안 6, 단가표 기준): 남색 머리 + 분류 목차 | 표 | 품목 칸 · 해외가 채우기 띠 · ERP 파일 대조 창 · 바뀔 값 주황 미리 보기 */
.pr-hero,.pr-lay,.pr-box,.pr-dlg,.pr-side{--pr-solid:var(--ink);--pr-on-solid:var(--on-ink);}
.pr-lbl{font:800 0.65625rem var(--font-display);letter-spacing:.28em;color:var(--muted);}
.pr-lbl.accent{color:var(--accent);}
.pr-lbl small{font:500 0.6875rem 'Pretendard',sans-serif;letter-spacing:0;margin-left:6px;}
.pr-acts{display:flex;gap:8px;flex-wrap:wrap;}
.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 14px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font:inherit;font-weight:800;font-size:0.8125rem;cursor:pointer;white-space:nowrap;}
.pr-btn svg{width:16px;height:16px;}
.pr-btn.pri{background:var(--brand);border-color:var(--brand);color:var(--on-brand);}
.pr-btn:disabled{opacity:.55;cursor:default;}
.pr-btn.ghost{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.3);}

/* 바뀔 값 띠(남색) */
.pr-bar{position:relative;overflow:hidden;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 16px 16px;margin-bottom:14px;background:#22263A;color:#FFFFFF;border-radius:12px;}
.pr-bar::after{content:'';position:absolute;left:-5%;right:-5%;bottom:4px;height:6px;background:var(--gold-band);transform:skewY(-1deg);pointer-events:none;}
.pr-bar .ic{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center;flex-shrink:0;}
.pr-bar .ic svg{width:18px;height:18px;color:#EDB24E;}
.pr-bar .t{flex:1;min-width:220px;}
.pr-bar b{display:block;font-size:0.9375rem;}
.pr-bar small{color:#D3D6DF;font-size:0.75rem;}
.pr-bar .eff{display:flex;flex-direction:column;gap:2px;font-size:0.6875rem;color:#D3D6DF;}
.pr-bar .eff input{min-height:36px;padding:4px 8px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.08);color:#FFFFFF;font:inherit;color-scheme:dark;}

.pr-box{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.pr-tool{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border);}
.pr-q{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg);flex:0 1 260px;}
.pr-q svg{width:16px;height:16px;color:var(--muted);}
.pr-q input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:0.9375rem;outline:none;}
.pr-chips{display:flex;gap:6px;flex-wrap:wrap;}
.pr-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 10px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--text);font:800 0.6875rem var(--font-display);white-space:nowrap;cursor:pointer;flex-shrink:0;}
.pr-chip b{color:var(--accent);}
.pr-chip.on{background:var(--pr-solid);border-color:var(--pr-solid);color:var(--pr-on-solid);}
.pr-chip.on b{color:var(--brand);}
.pr-chip.sq{border-radius:3px;}
.pr-tw{overflow-x:auto;}
.pr-t{width:100%;border-collapse:collapse;font-size:0.8125rem;}
.pr-t th{font:800 0.5625rem var(--font-display);letter-spacing:.18em;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:2px solid var(--text);white-space:nowrap;}
.pr-t td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;}
.pr-t .r{text-align:right;}
.pr-t th.r{width:120px;}
.pr-t td small{display:block;color:var(--muted);font-size:0.72rem;}
.pr-t .sec td{background:var(--bg);font:800 0.6875rem var(--font-display);letter-spacing:.2em;color:var(--accent);padding:7px 10px;}
.pr-t .v{font:800 0.875rem var(--font-display);font-variant-numeric:tabular-nums;color:var(--text);}
.pr-t .miss{color:var(--danger);font-size:0.75rem;font-weight:800;}
.pr-t .add{display:inline-block;border:1px dashed var(--brand);color:var(--accent);font-size:0.75rem;font-weight:800;padding:2px 9px;border-radius:5px;}
.pr-t .old{display:block;font:600 0.6875rem 'Pretendard',sans-serif;color:var(--muted);text-decoration:line-through;}
.pr-t .sch{display:block;font-size:0.6875rem;color:var(--accent);font-weight:700;}
.pr-t tr.ch td{background:var(--accent-soft);}
.pr-empty{padding:28px 18px;color:var(--muted);text-align:center;}
.pr-more{display:block;width:calc(100% - 32px);margin:12px 16px 16px;min-height:42px;border:1px dashed var(--border);border-radius:9px;background:none;color:var(--accent);font:inherit;font-weight:800;font-size:0.8125rem;cursor:pointer;}

/* 창 */
.pr-dlg{border:1px solid var(--border);border-radius:14px;padding:0;background:var(--card);color:var(--text);width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 40px);}
.pr-dlg.sm{width:min(520px,calc(100vw - 32px));}
.pr-dlg::backdrop{background:rgba(14,17,25,.55);}
.pr-dlg-in{display:flex;flex-direction:column;gap:12px;padding:18px;}
.pr-dlg-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.pr-dlg h3{margin:4px 0 0;font-size:1.125rem;overflow-wrap:anywhere;}
.pr-dlg-h p{margin:4px 0 0;color:var(--muted);font-size:0.8125rem;}
.pr-dlg-f{display:flex;gap:8px;align-items:center;}
.pr-dlg-f>span{flex:1;}
.pr-x{padding:0;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0;}
.pr-x svg{width:16px;height:16px;}
.pr-drop{display:flex;align-items:center;justify-content:center;min-height:150px;border:2px dashed var(--border);border-radius:12px;background:var(--bg);cursor:pointer;text-align:center;}
.pr-drop:hover{border-color:var(--brand);}
.pr-drop input{position:absolute;opacity:0;width:1px;height:1px;}
.pr-drop span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;}
.pr-drop svg{width:26px;height:26px;color:var(--accent);}
.pr-drop small{color:var(--muted);}
.pr-drop:focus-within{outline:2px solid var(--brand);}
.pr-err{margin:0;color:var(--danger);font-size:0.8125rem;font-weight:700;}
.pr-note{margin:0;color:var(--muted);font-size:0.8125rem;}
.pr-map{display:flex;flex-direction:column;max-height:46vh;overflow:auto;}
.pr-mr{display:grid;grid-template-columns:34px minmax(0,1fr) 18px 170px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--border);font-size:0.8125rem;}
.pr-mr:first-child{border-top:0;}
.pr-mr .col{font:800 0.75rem var(--font-display);background:var(--ink-soft);border-radius:4px;text-align:center;padding:3px 0;}
.pr-mr b{display:block;} .pr-mr small{display:block;color:var(--muted);font-size:0.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pr-mr .arr{color:var(--muted);}
.pr-mr select,.pr-hr select,.pr-in2{min-height:38px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:0.875rem;width:100%;box-sizing:border-box;}
.pr-hr{display:flex;flex-direction:column;gap:4px;font-size:0.75rem;font-weight:700;color:var(--muted);}
.pr-pct{display:flex;flex-direction:column;gap:4px;font-size:0.75rem;font-weight:700;color:var(--muted);}
.pr-pct span{display:flex;align-items:center;gap:8px;font:800 1.5rem var(--font-display);color:var(--text);}
.pr-pct input{width:120px;min-height:46px;padding:6px 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font:inherit;}
.pr-who{list-style:none;margin:0;padding:0;max-height:40vh;overflow:auto;}
.pr-who li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--border);font-size:0.875rem;}
.pr-who li:first-child{border-top:0;}
.pr-who small{color:var(--muted);white-space:nowrap;}
.pr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pr-grid label{display:flex;flex-direction:column;gap:4px;font-size:0.75rem;font-weight:700;color:var(--muted);}
.pr-grid .w{grid-column:1/-1;}

.enter{animation:pr-rise .4s cubic-bezier(.2,.8,.2,1) both;}
@keyframes pr-rise{from{opacity:.001;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){ .enter{animation:none;} }

@media (max-width:900px){
  .pr-q{flex:1 1 100%;}
  .pr-chips{flex-wrap:nowrap;overflow-x:auto;width:100%;}
  /* 휴대폰 표: 원가는 품목 칸에서만 */
  .pr-t{min-width:0;}
  .pr-t td,.pr-t th{padding:8px 6px;}
  .pr-t .v{font-size:0.8125rem;}
  .pr-t th.cost,.pr-t td.cost{display:none;}
  .pr-t th.r{width:auto;}
  .pr-t td b,.pr-t td small{overflow-wrap:anywhere;}
  .pr-t .sch{font-size:0.625rem;}
  .pr-grid{grid-template-columns:1fr;}
  .pr-bar .pr-btn{flex:1;}
}

/* ---- 남색 머리 ---- */
.pr-hero{position:relative;overflow:hidden;background:#22263A;color:#FFFFFF;border-radius:14px;padding:22px 26px 0;}
.pr-hero .ray,.pr-hero .band{position:absolute;left:-10%;right:-10%;pointer-events:none;transform:skewY(-1.4deg);}
.pr-hero .ray{bottom:84px;height:1px;background:rgba(237,178,78,.55);}
.pr-hero .band{bottom:70px;height:8px;background:var(--gold-band);}
.pr-ht{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:44px;}
.pr-tag{display:inline-block;background:#FFFFFF;color:#22263A;font:800 0.5625rem var(--font-display);letter-spacing:.3em;padding:6px 9px 6px 12px;}
.pr-hero h1{margin:8px 0 2px;font:800 1.875rem/1 var(--font-display);color:#FFFFFF;}
.pr-hero h1 small{display:block;margin-top:6px;font:700 0.8125rem 'Pretendard',sans-serif;color:#D3D6DF;}
.pr-src{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:0.75rem;color:#D3D6DF;}
.pr-src b{color:#FFFFFF;} .pr-src svg{width:14px;height:14px;}
.pr-hero .pr-acts a,.pr-hero .pr-acts button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:none;color:#FFFFFF;font:inherit;font-size:0.8125rem;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap;}
.pr-hero .pr-acts a:hover,.pr-hero .pr-acts button:hover{border-color:#EDB24E;color:#EDB24E;}
.pr-hero .pr-acts .pri{background:#F39701;border-color:#F39701;color:#1B2130;}
.pr-hero .pr-acts .pri:hover{background:#FFAA1F;color:#1B2130;}
.pr-hero .pr-acts svg{width:16px;height:16px;}
.pr-nums{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -26px;border-top:1px solid rgba(255,255,255,.14);background:#22263A;color:#FFFFFF;}
.pr-nums>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:end;padding:14px 22px;border-left:1px solid rgba(255,255,255,.12);min-width:0;}
.pr-nums>div:first-child{border-left:0;}
.pr-nums b{grid-row:span 2;font:800 2rem/1 var(--font-display);color:#EDB24E;font-variant-numeric:tabular-nums;white-space:nowrap;}
.pr-nums span{font:800 0.625rem var(--font-display);letter-spacing:.24em;}
.pr-nums small{font-size:0.6875rem;color:#D3D6DF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pr-hero+.error-banner,.pr-hero~.pr-bar{margin-top:14px;}
.pr-bar{margin-bottom:0;}

/* ---- 분류 목차 | 표 | 품목 칸 ---- */
.pr-lay{display:grid;grid-template-columns:200px minmax(0,1fr) 290px;gap:16px;align-items:start;margin-top:16px;}
.pr-rail{position:sticky;top:76px;background:#22263A;border-radius:14px;padding:6px 0;overflow:hidden;}
.pr-rail button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"n t b" "n s b";align-items:center;width:100%;padding:8px 12px;border:0;border-top:1px solid rgba(255,255,255,.08);background:none;color:#FFFFFF;text-align:left;cursor:pointer;font:inherit;}
.pr-rail button:first-child{border-top:0;}
.pr-rail .n{grid-area:n;font:800 1.125rem var(--font-display);color:#EDB24E;}
.pr-rail .t{grid-area:t;font:800 0.625rem var(--font-display);letter-spacing:.14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pr-rail small{grid-area:s;font-size:0.6875rem;color:#D3D6DF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pr-rail b{grid-area:b;font:800 0.75rem var(--font-display);color:#D3D6DF;}
.pr-rail button:hover .t{color:#EDB24E;}
.pr-rail button.on{background:rgba(237,178,78,.14);box-shadow:inset 3px 0 0 #EDB24E;} .pr-rail button.on b{color:#EDB24E;}
.pr-rail button:focus-visible{outline:2px solid #EDB24E;outline-offset:-2px;}
.pr-lay .pr-box{min-width:0;}
.pr-t td.code{white-space:nowrap;}
.pr-t td.code b{font:800 0.75rem var(--font-display);}
.pr-t td.code .dup{display:block;width:max-content;margin-top:3px;font:700 0.625rem 'Pretendard',sans-serif;color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:0 4px;}
.pr-t td.nm>span:first-child{font-weight:700;}
.pr-t td.nm .pg{display:inline-block;margin-left:6px;font:800 0.625rem var(--font-display);color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:1px 4px;vertical-align:1px;}
.pr-t td.nm .gt{display:inline-block;margin-left:6px;font-size:0.625rem;font-weight:800;color:var(--muted);background:var(--ink-soft);border-radius:3px;padding:1px 5px;}
.pr-t td.nm .mm{margin-left:6px;color:var(--muted);} .pr-t td.nm .mm svg{width:12px;height:12px;}
.pr-t td.cost,.pr-t th.cost{white-space:nowrap;color:var(--muted);font-size:0.75rem;}
.pr-t th.cost svg{width:11px;height:11px;vertical-align:-1px;margin-right:3px;}
.pr-t td.cost small{display:inline;margin-left:6px;font-weight:800;color:var(--ok);} .pr-t td.cost small.low{color:var(--danger);}
.pr-t tbody tr[data-k]{cursor:pointer;}
.pr-t tbody tr[data-k]:hover td{background:var(--bg);}
.pr-t tbody tr[data-k]:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;}
.pr-t tbody tr.sel td{background:var(--accent-soft);}
.pr-t tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--brand);}
.pr-t tr.gone td{opacity:.6;}
.pr-t .sec td b{font-size:0.9375rem;letter-spacing:0;margin-right:8px;}
.pr-t .sec td small{display:inline;font-family:'Pretendard',sans-serif;letter-spacing:0;color:var(--muted);font-weight:700;margin-left:6px;}
.pr-t .v.new{color:var(--accent);}

/* 해외가 채우기 띠 */
.pr-fill{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:0.8125rem;font-weight:700;}
.pr-fill .lb{font:800 0.625rem var(--font-display);letter-spacing:.24em;color:var(--accent);}
.pr-fill label{display:inline-flex;align-items:center;gap:6px;}
.pr-fill input,.pr-fill select{min-height:34px;padding:4px 8px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text);font:800 0.8125rem var(--font-display);}
.pr-fill input{width:88px;}
.pr-fill .sp{flex:1;}
.pr-fill .pr-btn{min-height:36px;}

/* 품목 칸 */
.pr-side{position:sticky;top:76px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;max-height:calc(100vh - 96px);overflow-y:auto;}
.pr-side .lb{font:800 0.625rem var(--font-display);letter-spacing:.24em;color:var(--accent);}
.pr-sh{display:flex;justify-content:space-between;align-items:center;}
.pr-sh .pr-x{width:30px;height:30px;}
.pr-side h3{margin:6px 0 2px;font-size:1rem;line-height:1.4;overflow-wrap:anywhere;}
.pr-c{margin:0 0 12px;font-size:0.75rem;color:var(--muted);} .pr-c b{font-family:var(--font-display);color:var(--text);} .pr-c em{font-style:normal;color:var(--danger);font-weight:800;}
.pr-p{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pr-p label,.pr-meta label{display:flex;flex-direction:column;gap:4px;font-size:0.6875rem;font-weight:800;color:var(--muted);min-width:0;}
.pr-in{width:100%;box-sizing:border-box;min-height:38px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:800 0.9375rem var(--font-display);}
.pr-in:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(243,151,1,.2);}
select.pr-in,.pr-meta input.pr-in{font:600 0.8125rem 'Pretendard',sans-serif;}
.pr-sug{margin-top:2px;border:1px dashed var(--brand);background:none;color:var(--accent);font:inherit;font-size:0.6875rem;font-weight:800;padding:4px 6px;border-radius:6px;cursor:pointer;}
.pr-cost{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center;margin-top:10px;padding:10px;border-radius:9px;background:var(--bg);}
.pr-cost .lk{grid-column:1/-1;display:flex;align-items:center;gap:4px;font-size:0.6875rem;font-weight:800;color:var(--muted);} .pr-cost .lk svg{width:12px;height:12px;}
.pr-cost em{font-style:normal;font-weight:800;font-size:0.8125rem;color:var(--ok);white-space:nowrap;} .pr-cost em.low{color:var(--danger);}
.pr-cost small{grid-column:1/-1;font-size:0.6875rem;color:var(--muted);line-height:1.5;}
.pr-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.pr-meta .w{grid-column:1/-1;}
.pr-cat{display:flex;gap:10px;align-items:center;margin-top:12px;padding:8px;border:1px solid var(--border);border-radius:9px;text-decoration:none;color:inherit;}
.pr-cat:hover{border-color:var(--accent);}
.pr-cat img{width:58px;height:auto;border-radius:4px;border:1px solid var(--border);}
.pr-cat b{display:block;font-size:0.8125rem;color:var(--accent);} .pr-cat small{font-size:0.6875rem;color:var(--muted);}
.pr-q2,.pr-hist{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:0.75rem;}
.pr-q2 div:not(.lb),.pr-hist div:not(.lb){display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-top:6px;}
.pr-q2 span,.pr-hist span{font:800 0.6875rem var(--font-display);color:var(--muted);min-width:34px;}
.pr-q2 b.diff{color:var(--danger);}
.pr-hist small{color:var(--muted);flex-basis:100%;padding-left:42px;font-size:0.6875rem;}
.pr-e{margin:8px 0 0;font-size:0.75rem;color:var(--muted);line-height:1.6;} .pr-e svg{width:12px;height:12px;vertical-align:-1px;}
.pr-how{margin-top:14px;padding:12px;border:1px dashed var(--border);border-radius:9px;font-size:0.75rem;}
.pr-how b{display:flex;align-items:center;gap:6px;color:var(--accent);} .pr-how svg{width:14px;height:14px;} .pr-how small{display:block;margin-top:4px;color:var(--muted);line-height:1.5;}

/* 카탈로그 짝 확인 띠(시안 6) */
.pr-match{border-bottom:1px solid var(--border);}
.pr-mh{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:10px 16px 16px;background:#22263A;color:#FFFFFF;}
.pr-mh::after{content:'';position:absolute;left:-10%;right:-10%;bottom:-10px;height:14px;background:var(--gold-band);transform:skewY(-.6deg);pointer-events:none;}
.pr-mh .tag{flex:none;background:#FFFFFF;color:#22263A;font:800 0.5625rem var(--font-display);letter-spacing:.24em;padding:3px 7px;white-space:nowrap;}
.pr-mh b{font:800 1.25rem var(--font-display);color:#EDB24E;}
.pr-mh .t{min-width:0;font-size:0.8125rem;font-weight:700;color:#D3D6DF;}
.pr-mh .sp{flex:1;}
.pr-mh button{position:relative;z-index:1;flex:none;min-height:32px;border:1px solid rgba(255,255,255,.3);border-radius:7px;background:none;color:#FFFFFF;font:inherit;font-size:0.75rem;font-weight:800;padding:0 10px;cursor:pointer;white-space:nowrap;}
.pr-mh button:hover{border-color:#EDB24E;color:#EDB24E;}
.pr-pair{display:grid;grid-template-columns:minmax(0,1.1fr) 24px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 16px;border-top:1px solid var(--border);font-size:0.8125rem;transition:opacity .28s,transform .28s;}
.pr-pair:first-of-type{border-top:0;}
.pr-pair .a{min-width:0;border:0;background:none;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer;}
.pr-pair .a b,.pr-pair .c b{font:800 0.8125rem var(--font-display);}
.pr-pair small{display:block;color:var(--muted);font-size:0.6875rem;line-height:1.45;}
.pr-pair .x{display:grid;place-items:center;color:var(--accent);} .pr-pair .x svg{width:18px;height:18px;}
.pr-pair .c{display:flex;gap:8px;align-items:center;min-width:0;color:inherit;text-decoration:none;}
.pr-pair .c img{width:34px;flex:none;border:1px solid var(--border);border-radius:3px;}
.pr-pair mark,.pr-guess mark{background:var(--accent-soft);color:var(--accent);border-radius:2px;padding:0 1px;}
.pr-pair .acts{display:flex;gap:6px;}
.pr-pair .pr-btn{min-height:34px;padding:4px 10px;font-size:0.75rem;}
.pr-pair.gone{opacity:0;transform:translateX(30px);}
.pr-mmore{display:block;width:100%;padding:8px 16px;border:0;border-top:1px solid var(--border);background:none;text-align:left;font:inherit;font-size:0.75rem;font-weight:800;color:var(--accent);cursor:pointer;}
/* 품목 칸 카탈로그 잇기 */
.pr-lka{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.pr-lka .pr-btn{flex:1 1 auto;min-height:34px;padding:4px 10px;font-size:0.75rem;}
.pr-lk{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);}
.pr-lk .lb{display:block;margin-bottom:8px;}
.pr-guess{display:grid;grid-template-columns:44px 1fr;gap:8px 10px;align-items:center;padding:8px;border:1.5px dashed var(--brand);border-radius:9px;background:var(--card);}
.pr-guess img{width:44px;border:1px solid var(--border);border-radius:4px;}
.pr-guess b{display:block;font:800 0.8125rem var(--font-display);color:var(--accent);overflow-wrap:anywhere;}
.pr-guess small{display:block;font-size:0.6875rem;color:var(--muted);line-height:1.45;}
.pr-guess .acts{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;}
.pr-guess .pr-btn{flex:1 1 auto;min-height:34px;padding:4px 10px;font-size:0.75rem;}
.pr-lkh{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin:12px 0 6px;font-size:0.6875rem;font-weight:800;color:var(--muted);}
.pr-secs{display:flex;gap:3px;flex-wrap:wrap;}
.pr-secs button{min-height:26px;border:1px solid var(--border);border-radius:3px;background:var(--card);color:var(--muted);font:800 0.5625rem var(--font-display);letter-spacing:.06em;padding:3px 6px;cursor:pointer;}
.pr-secs button.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink);}
.pr-strip{display:grid;grid-auto-flow:column;grid-auto-columns:58px;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;}
.pr-strip button{position:relative;padding:0;border:2px solid transparent;border-radius:5px;background:none;cursor:pointer;scroll-snap-align:start;}
.pr-strip img{display:block;width:100%;border-radius:3px;border:1px solid var(--border);}
.pr-strip em{position:absolute;left:3px;top:3px;font:800 0.5625rem var(--font-display);font-style:normal;background:#22263A;color:#EDB24E;padding:1px 3px;border-radius:2px;}
.pr-strip button.on{border-color:var(--brand);}
.pr-strip button.sug::after{content:'짐작';position:absolute;right:2px;bottom:2px;font-size:0.5625rem;font-weight:800;background:var(--brand);color:#1B2130;padding:0 3px;border-radius:2px;}
.pr-lkf{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:0.6875rem;font-weight:800;color:var(--muted);}
@media (max-width:900px){
  .pr-pair{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;}
  .pr-pair .x{display:none;}
  .pr-pair .c{grid-column:1;}
  .pr-pair .acts{grid-column:2;grid-row:1 / span 2;flex-direction:column;}
  .pr-mh .t{display:none;}
}
@media (prefers-reduced-motion:reduce){.pr-pair{transition:none;}}

/* ERP 파일 대조 창 */
.pr-dlg:has(.pr-rv){width:min(1100px,calc(100vw - 32px));}
.pr-dlg-in:has(.pr-rv){padding:0;gap:0;}
.pr-rv{display:flex;flex-direction:column;max-height:calc(100vh - 42px);}
.pr-rvh{position:relative;overflow:hidden;background:#22263A;color:#FFFFFF;padding:18px 22px 0;flex:none;}
.pr-rvh .band{position:absolute;left:-10%;right:-10%;bottom:70px;height:7px;background:var(--gold-band);transform:skewY(-1.4deg);}
.pr-rvt{position:relative;display:flex;justify-content:space-between;gap:12px;padding-bottom:36px;}
.pr-rvt h3{margin:8px 0 2px;font:800 1.375rem var(--font-display);color:#FFFFFF;overflow-wrap:anywhere;}
.pr-rvt p{margin:0;font-size:0.75rem;color:#D3D6DF;}
.pr-x.on-navy{background:none;border-color:rgba(255,255,255,.3);color:#FFFFFF;}
.pr-rvh .pr-nums{margin:0 -22px;}
.pr-rvb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 18px;overflow-y:auto;background:var(--bg);}
.pr-rvb section{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0;align-self:start;}
.pr-rvb header{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);}
.pr-rvb header .n{font:800 1.5rem var(--font-display);color:var(--accent);min-width:34px;}
.pr-rvb header b{display:block;font-size:0.875rem;} .pr-rvb header small{color:var(--muted);font-size:0.72rem;}
.pr-rvb .pr-note{padding:8px 14px;}
.pr-rvb>.pr-note{grid-column:1/-1;}
.pr-t.sm td{padding:6px 10px;font-size:0.75rem;}
.pr-dup{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);}
.pr-dup>b{width:100%;font:800 0.8125rem var(--font-display);} .pr-dup>b small{font-family:'Pretendard',sans-serif;color:var(--muted);margin-left:4px;}
.pr-dup>span{display:grid;grid-template-columns:auto auto;column-gap:10px;padding:5px 9px;border:1px solid var(--border);border-radius:6px;font-size:0.72rem;}
.pr-dup>span small{color:var(--muted);} .pr-dup>span em{grid-row:span 2;align-self:center;font-style:normal;font-weight:800;}
.pr-dup .more{font:800 0.75rem var(--font-display);color:var(--muted);font-style:normal;}
.pr-grs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.pr-grs div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);border-left:1px solid var(--border);font-size:0.75rem;}
.pr-grs div:nth-child(3n+1){border-left:0;}
.pr-grs .n{font:800 0.875rem var(--font-display);color:var(--accent);} .pr-grs em{font-style:normal;font:800 0.8125rem var(--font-display);}
.pr-rv>.pr-dlg-f{flex:none;padding:12px 18px;border-top:1px solid var(--border);background:var(--card);flex-wrap:wrap;}
.pr-dlg-f .eff{display:flex;flex-direction:column;gap:2px;font-size:0.6875rem;font-weight:700;color:var(--muted);}
.pr-dlg-f .eff input{min-height:38px;padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;}
.pr-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:46vh;}
.pr-map>div{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:0.8125rem;min-width:0;}
.pr-map>div span{font-weight:800;overflow-wrap:anywhere;} .pr-map>div small{color:var(--muted);font-size:0.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pr-map select,.pr-hr select{min-height:36px;padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:0.8125rem;width:100%;}
.pr-drop.over{border-color:var(--brand);background:var(--accent-soft);}

/* 처음 보일 때 */
.pr-hero.enter{animation:pr-rise .45s cubic-bezier(.2,.8,.2,1) both;}
.pr-lay.enter>*{animation:pr-rise .45s cubic-bezier(.2,.8,.2,1) both;}
.pr-lay.enter>.pr-box{animation-delay:.06s;} .pr-lay.enter>.pr-side{animation-delay:.12s;}
@media (prefers-reduced-motion: reduce){ .pr-hero.enter,.pr-lay.enter>*{animation:none;} }

@media (max-width:1280px){ .pr-t td.cost small{display:none;} }
@media (max-width:1100px){ .pr-lay{grid-template-columns:minmax(0,1fr) 260px;} .pr-rail{grid-column:1/-1;position:static;display:flex;overflow-x:auto;padding:0;border-radius:10px;}
  .pr-rail button{flex:none;width:auto;grid-template-columns:auto auto auto;grid-template-areas:"n t b";gap:6px;border-top:0;border-left:1px solid rgba(255,255,255,.08);padding:10px 14px;}
  .pr-rail button:first-child{border-left:0;} .pr-rail small{display:none;} .pr-rail .n{font-size:0.9375rem;} }
@media (max-width:900px){
  .pr-hero{padding:18px 16px 0;}
  .pr-hero h1{font-size:1.5rem;}
  .pr-hero .pr-acts{width:100%;}
  .pr-hero .pr-acts a,.pr-hero .pr-acts button{flex:1;justify-content:center;padding:0 8px;font-size:0.75rem;}
  .pr-nums{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -16px;}
  .pr-nums>div{padding:12px 14px;} .pr-nums b{font-size:1.5rem;}
  .pr-nums>div:nth-child(3){border-left:0;} .pr-nums>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12);}
  .pr-lay{grid-template-columns:minmax(0,1fr);}
  .pr-rail .t{display:none;}
  .pr-fill{gap:8px;} .pr-fill .sp{display:none;} .pr-fill .pr-btn{width:100%;}
  /* 품목 칸은 고르면 아래에서 올라오는 시트 */
  .pr-side{display:none;}
  html.pr-sheet .pr-side{width:auto;display:block;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;max-height:72vh;border-radius:14px 14px 0 0;box-shadow:0 -12px 32px rgba(20,24,40,.25);padding-bottom:calc(16px + env(safe-area-inset-bottom));animation:pr-up .3s cubic-bezier(.2,.8,.2,1) both;}
  .pr-t td.code{white-space:normal;max-width:96px;overflow-wrap:anywhere;}
  .pr-rvb{grid-template-columns:minmax(0,1fr);padding:12px;}
  .pr-grs{grid-template-columns:1fr 1fr;} .pr-grs div:nth-child(3n+1){border-left:1px solid var(--border);} .pr-grs div:nth-child(2n+1){border-left:0;}
  .pr-rvh .pr-nums{margin:0 -22px;}
  .pr-dlg:has(.pr-rv){width:100vw;max-width:100vw;max-height:100vh;height:100vh;border-radius:0;margin:0;}
  .pr-rv{max-height:100vh;height:100%;}
}
@keyframes pr-up{from{transform:translateY(30px);opacity:0;}to{transform:none;opacity:1;}}
@media (prefers-reduced-motion: reduce){ html.pr-sheet .pr-side{animation:none;} }
/* 표 폭: 품번은 줄바꿈, 좁으면 원가 칸은 품목 칸에서만 */
.pr-t td.code{white-space:normal;max-width:120px;overflow-wrap:anywhere;}
.pr-lay .pr-t th.r{width:104px;}
@media (max-width:1680px){ .pr-lay .pr-t th.cost,.pr-lay .pr-t td.cost{display:none;} }
@media (min-width:1101px){ .pr-lay{grid-template-columns:184px minmax(0,1fr) 270px;} }
@media (min-width:1700px){ .pr-lay{grid-template-columns:210px minmax(0,1fr) 300px;} }
.pr-lay .pr-t td,.pr-lay .pr-t th{padding:8px 8px;}
.pr-lay .pr-t th.r{width:92px;}
.pr-t td.nm small .cd{display:none;}
@media (max-width:640px){
  .pr-lay .pr-t th.code,.pr-lay .pr-t td.code{display:none;}
  .pr-t td.nm small .cd{display:inline;}
  .pr-lay .pr-t th.r{width:auto;}
  .pr-lay .pr-t td,.pr-lay .pr-t th{padding:8px 6px;}
  .pr-t .v{font-size:0.8125rem;}
  .pr-t .add{padding:2px 6px;}
}
.pr-t td.nm{white-space:normal;overflow-wrap:anywhere;}
.pr-rvb{grid-auto-rows:max-content;align-content:start;}