/* ═══════════════════════════════════════════════════════════════
   화면별 추출 스타일 — 인라인 style= 를 옮겨 담은 곳

   CSP 의 `style-src 'unsafe-inline'` 은 `style=` **속성**을 막는다. 속성에는
   nonce 를 붙일 자리가 없어 없애는 것 말고 방법이 없다. 여기 있는 클래스는
   그 속성을 그대로 옮긴 것이라 **모양이 달라지지 않는다.**

   ## 왜 페이지 <style> 이 아니라 공용 파일인가
   include 되는 조각(_modal.html 등)은 여러 페이지에서 쓰인다. 클래스를 특정
   페이지의 <style> 에 넣으면 다른 페이지에서 그 조각이 무스타일이 된다.

   ## 클래스 이름
   `x-<파일명6자><경로해시4자>-<번호>` — 파일명이 겹쳐도(dashboard.html 이 여럿)
   경로 해시로 갈린다. 같은 파일 안에서 선언이 똑같으면 한 클래스로 합친다.

   ## 왜 선택자를 세 번 겹치나
   인라인 스타일은 무엇에도 이겼다. 평범한 클래스는 페이지 <style> 의 컴포넌트
   규칙에 진다(문서 뒤에 오므로 동률이면 그쪽이 이긴다). `.x.x.x` = (0,3,0) 이면
   이기고, **인라인에는 여전히 져서** JS 의 `el.style.x = …` 가 그대로 동작한다.

   ⚠️ 이 파일은 도구가 덧붙인다. 손으로 고치지 말고, 의미가 분명해진 규칙은
      erp_design_system.css 의 컴포넌트 클래스로 승격시킬 것.
   ═══════════════════════════════════════════════════════════════ */

/* templates/sales/pipeline_detail.html — 244곳 → 174클래스 */

/* templates/sales/pipeline_detail.html — 244곳 → 174클래스 */
.x-pipeli004a-1.x-pipeli004a-1.x-pipeli004a-1 { white-space: nowrap; font-variant-numeric: tabular-nums; }
.x-pipeli004a-2.x-pipeli004a-2.x-pipeli004a-2 { background: var(--erp-success-bg); color: var(--erp-emerald-800); border: 1px solid var(--erp-emerald-300); border-radius: 16px; padding: 3px 10px; font-size: var(--erp-fs-sm); font-weight: 700; white-space: nowrap; }
.x-pipeli004a-3.x-pipeli004a-3.x-pipeli004a-3 { margin-top: 10px; padding: 8px 12px; background: var(--erp-red-50); border: 1px solid var(--erp-red-200); border-radius: 8px; font-size: var(--erp-fs-md); color: var(--erp-danger); }
.x-pipeli004a-4.x-pipeli004a-4.x-pipeli004a-4 { margin-top: 10px; padding: 10px 12px; background: var(--erp-emerald-50); border: 1px solid var(--erp-success-border); border-radius: 8px; font-size: var(--erp-fs-md); color: var(--erp-emerald-800); }
.x-pipeli004a-5.x-pipeli004a-5.x-pipeli004a-5 { background: var(--erp-teal-600); font-size: var(--erp-fs-xs); }
.x-pipeli004a-6.x-pipeli004a-6.x-pipeli004a-6 { border: none; margin: 0; padding: 0; }

.x-pipeli004a-8.x-pipeli004a-8.x-pipeli004a-8 { border-top: 1px solid var(--erp-gray-200); margin: 0 0 14px 0; padding-top: 14px; }
.x-pipeli004a-9.x-pipeli004a-9.x-pipeli004a-9 { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 0.92rem; color: var(--erp-gray-700); }
.x-pipeli004a-10.x-pipeli004a-10.x-pipeli004a-10 { border: none; background: none; padding: 0; margin: 0; }
.x-pipeli004a-11.x-pipeli004a-11.x-pipeli004a-11 { grid-column: 1/-1; }
.x-pipeli004a-12.x-pipeli004a-12.x-pipeli004a-12 { display: inline-block; padding: 8px 36px 8px 10px; font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-success); }
.x-pipeli004a-13.x-pipeli004a-13.x-pipeli004a-13 { width: 100%; min-height: 80px; resize: vertical; }
.x-pipeli004a-14.x-pipeli004a-14.x-pipeli004a-14 { margin-bottom: 0; padding: 0; background: transparent; border: none; }
.x-pipeli004a-15.x-pipeli004a-15.x-pipeli004a-15 { min-width: 85px; }
.x-pipeli004a-16.x-pipeli004a-16.x-pipeli004a-16 { min-width: 75px; }
.x-pipeli004a-17.x-pipeli004a-17.x-pipeli004a-17 { background: var(--erp-bg-soft); font-weight: 700; border-top: 2px solid var(--erp-border); }

.x-pipeli004a-19.x-pipeli004a-19.x-pipeli004a-19 { background: var(--erp-bg-card); border-radius: 12px; width: 520px; max-width: 94vw; box-shadow: 0 18px 48px var(--erp-black-a22); overflow: hidden; display: flex; flex-direction: column; max-height: 90vh; }
.x-pipeli004a-20.x-pipeli004a-20.x-pipeli004a-20 { padding: 16px 20px; border-bottom: 1px solid var(--erp-border); display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.x-pipeli004a-21.x-pipeli004a-21.x-pipeli004a-21 { font-size: var(--erp-fs-md); color: var(--erp-neutral); line-height: 1.55; margin: 0 0 12px; }

.x-pipeli004a-23.x-pipeli004a-23.x-pipeli004a-23 { display: flex; justify-content: space-between; font-size: var(--erp-fs-lg); color: var(--erp-text); padding-top: 8px; border-top: 1px dashed var(--erp-blue-200); }
.x-pipeli004a-24.x-pipeli004a-24.x-pipeli004a-24 { width: 100%; box-sizing: border-box; padding: 8px 10px; font-size: var(--erp-fs-lg); text-align: right; border: 1px solid var(--erp-gray-300); border-radius: 6px; }
.x-pipeli004a-25.x-pipeli004a-25.x-pipeli004a-25 { margin-top: 10px; border: 1px solid var(--erp-border); border-radius: 6px; padding: 10px 12px; background: var(--erp-bg-soft); }
.x-pipeli004a-26.x-pipeli004a-26.x-pipeli004a-26 { display: flex; justify-content: space-between; font-size: var(--erp-fs-md); color: var(--erp-text-strong); padding-top: 7px; border-top: 1px dashed var(--erp-border); }
.x-pipeli004a-27.x-pipeli004a-27.x-pipeli004a-27 { padding: 12px 20px; border-top: 1px solid var(--erp-border); display: flex; justify-content: flex-end; gap: 8px; flex-shrink: 0; }
.x-pipeli004a-28.x-pipeli004a-28.x-pipeli004a-28 { padding: 7px 16px; font-size: var(--erp-fs-md); background: var(--erp-bg-hover); color: var(--erp-neutral); border: 1px solid var(--erp-gray-300); border-radius: 6px; cursor: pointer; }
.x-pipeli004a-29.x-pipeli004a-29.x-pipeli004a-29 { padding: 7px 16px; font-size: var(--erp-fs-md); background: var(--erp-blue-600); color: var(--erp-bg-card); border: none; border-radius: 6px; cursor: pointer; font-weight: 600; }
.x-pipeli004a-31.x-pipeli004a-31.x-pipeli004a-31 { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; margin-bottom: 14px; background: var(--erp-amber-50); border: 1px solid var(--erp-warning-border); border-radius: 8px; color: var(--erp-amber-800); font-size: var(--erp-fs-md); line-height: 1.55; }
.x-pipeli004a-32.x-pipeli004a-32.x-pipeli004a-32 { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; margin-bottom: 14px; background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); border-radius: 8px; color: var(--erp-blue-800); font-size: var(--erp-fs-md); line-height: 1.55; }
.x-pipeli004a-33.x-pipeli004a-33.x-pipeli004a-33 { border: 0; margin: 0; padding: 0; min-width: 0; }
.x-pipeli004a-34.x-pipeli004a-34.x-pipeli004a-34 { padding: 6px 16px; font-size: var(--erp-fs-md); background: var(--erp-blue-600); border: 1px solid var(--erp-blue-600); border-radius: 6px; cursor: pointer; color: var(--erp-bg-card); font-weight: 600; }
.x-pipeli004a-35.x-pipeli004a-35.x-pipeli004a-35 { flex: 1; min-width: 0; padding: 8px 12px; padding-right: 32px; box-sizing: border-box; font-size: var(--erp-fs-md); border: 1px solid var(--erp-gray-300); border-radius: 6px; background: var(--erp-bg-card); cursor: pointer; appearance: auto; }

.x-pipeli004a-37.x-pipeli004a-37.x-pipeli004a-37 { margin: -6px 0 12px; font-size: var(--erp-fs-sm); color: var(--erp-text-muted); }

.x-pipeli004a-39.x-pipeli004a-39.x-pipeli004a-39 { width: 100%; border-collapse: collapse; font-size: var(--erp-fs-sm); }
.x-pipeli004a-40.x-pipeli004a-40.x-pipeli004a-40 { background: var(--erp-bg-soft); }
.x-pipeli004a-41.x-pipeli004a-41.x-pipeli004a-41 { padding: 6px 10px; text-align: left; border-bottom: 1px solid var(--erp-gray-200); }
.x-pipeli004a-42.x-pipeli004a-42.x-pipeli004a-42 { padding: 6px 10px; text-align: left; border-bottom: 1px solid var(--erp-gray-200); min-width: 180px; }
.x-pipeli004a-43.x-pipeli004a-43.x-pipeli004a-43 { padding: 6px 10px; text-align: right; border-bottom: 1px solid var(--erp-gray-200); }
.x-pipeli004a-44.x-pipeli004a-44.x-pipeli004a-44 { font-weight: 700; background: var(--erp-bg-soft); }
.x-pipeli004a-45.x-pipeli004a-45.x-pipeli004a-45 { width: 100%; font-size: var(--erp-fs-md); table-layout: fixed; }
.x-pipeli004a-46.x-pipeli004a-46.x-pipeli004a-46 { width: 115px; }
.x-pipeli004a-47.x-pipeli004a-47.x-pipeli004a-47 { width: 95px; }
.x-pipeli004a-48.x-pipeli004a-48.x-pipeli004a-48 { width: 135px; }
.x-pipeli004a-49.x-pipeli004a-49.x-pipeli004a-49 { cursor: pointer; background: var(--erp-bg-soft); }

.x-pipeli004a-51.x-pipeli004a-51.x-pipeli004a-51 { padding-left: 22px; color: var(--erp-text-muted); font-size: var(--erp-fs-sm); }
.x-pipeli004a-52.x-pipeli004a-52.x-pipeli004a-52 { padding: 7px 10px; text-align: left; border-bottom: 2px solid var(--erp-gray-200); }
.x-pipeli004a-53.x-pipeli004a-53.x-pipeli004a-53 { padding: 7px 10px; text-align: center; border-bottom: 2px solid var(--erp-gray-200); }
.x-pipeli004a-54.x-pipeli004a-54.x-pipeli004a-54 { padding: 7px 10px; text-align: right; border-bottom: 2px solid var(--erp-gray-200); }
.x-pipeli004a-55.x-pipeli004a-55.x-pipeli004a-55 { padding: 7px 10px; border-bottom: 2px solid var(--erp-gray-200); }
.x-pipeli004a-56.x-pipeli004a-56.x-pipeli004a-56 { padding: 7px 10px; border-bottom: 1px solid var(--erp-gray-100); }
.x-pipeli004a-57.x-pipeli004a-57.x-pipeli004a-57 { padding: 7px 10px; border-bottom: 1px solid var(--erp-gray-100); text-align: center; }
.x-pipeli004a-58.x-pipeli004a-58.x-pipeli004a-58 { padding: 7px 10px; border-bottom: 1px solid var(--erp-gray-100); text-align: right; }
.x-pipeli004a-59.x-pipeli004a-59.x-pipeli004a-59 { padding: 2px 8px; border-radius: 4px; font-size: var(--erp-fs-xs); background: var(--erp-green-100); color: var(--erp-green-800); }
.x-pipeli004a-60.x-pipeli004a-60.x-pipeli004a-60 { padding: 2px 8px; border-radius: 4px; font-size: var(--erp-fs-xs); background: var(--erp-yellow-100); color: var(--erp-yellow-800); }
.x-pipeli004a-61.x-pipeli004a-61.x-pipeli004a-61 { padding: 7px 10px; border-bottom: 1px solid var(--erp-gray-100); text-align: right; white-space: nowrap; }
.x-pipeli004a-62.x-pipeli004a-62.x-pipeli004a-62 { font-size: var(--erp-fs-xs); padding: 2px 8px; background: var(--erp-indigo-100); border: none; border-radius: 4px; cursor: pointer; color: var(--erp-primary-strong); margin-right: 4px; }
.x-pipeli004a-63.x-pipeli004a-63.x-pipeli004a-63 { font-size: var(--erp-fs-xs); padding: 2px 8px; background: var(--erp-red-100); border: none; border-radius: 4px; cursor: pointer; color: var(--erp-red-600); }
.x-pipeli004a-64.x-pipeli004a-64.x-pipeli004a-64 { padding: 6px 14px; font-size: var(--erp-fs-md); background: var(--erp-accent); color: var(--erp-bg-card); border: none; border-radius: 6px; cursor: pointer; }
.x-pipeli004a-65.x-pipeli004a-65.x-pipeli004a-65 { border: 1px solid var(--erp-border); border-radius: 8px; background: var(--erp-bg-soft); overflow: hidden; }
.x-pipeli004a-66.x-pipeli004a-66.x-pipeli004a-66 { font-size: var(--erp-fs-md); font-weight: 600; color: var(--erp-gray-700); padding: 12px 14px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; }
.x-pipeli004a-67.x-pipeli004a-67.x-pipeli004a-67 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); transition: transform 0.2s; }

.x-pipeli004a-69.x-pipeli004a-69.x-pipeli004a-69 { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 8px; margin-bottom: 8px; }

.x-pipeli004a-72.x-pipeli004a-72.x-pipeli004a-72 { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px 8px; min-height: 32px; box-sizing: border-box; border: 1px solid var(--erp-gray-300); border-radius: 4px; background: var(--erp-bg-card); align-items: center; cursor: text; }
.x-pipeli004a-73.x-pipeli004a-73.x-pipeli004a-73 { border: none; outline: none; font-size: var(--erp-fs-md); flex: 1; min-width: 50px; padding: 0; height: 22px; }

.x-pipeli004a-75.x-pipeli004a-75.x-pipeli004a-75 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.x-pipeli004a-76.x-pipeli004a-76.x-pipeli004a-76 { display: flex; align-items: center; gap: 4px; font-size: var(--erp-fs-sm); color: var(--erp-gray-700); cursor: pointer; padding-bottom: 6px; }
.x-pipeli004a-77.x-pipeli004a-77.x-pipeli004a-77 { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: end; }

.x-pipeli004a-79.x-pipeli004a-79.x-pipeli004a-79 { padding: 6px 14px; font-size: var(--erp-fs-md); background: var(--erp-blue-500); color: var(--erp-bg-card); border: none; border-radius: 6px; cursor: pointer; white-space: nowrap; height: 32px; }
.x-pipeli004a-80.x-pipeli004a-80.x-pipeli004a-80 { font-size: var(--erp-fs-12_5); color: var(--erp-amber-800); margin-bottom: 12px; padding: 10px 12px; background: var(--erp-amber-50); border: 1px solid var(--erp-warning-border); border-radius: 6px; line-height: 1.6; }
.x-pipeli004a-81.x-pipeli004a-81.x-pipeli004a-81 { font-size: var(--erp-fs-12_5); color: var(--erp-text); margin-bottom: 12px; padding: 10px 12px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 6px; line-height: 1.6; }
.x-pipeli004a-82.x-pipeli004a-82.x-pipeli004a-82 { margin-bottom: 24px; padding: 14px; background: var(--erp-bg-soft); border-radius: 8px; border: 1px solid var(--erp-border); }
.x-pipeli004a-83.x-pipeli004a-83.x-pipeli004a-83 { margin-bottom: 14px; padding: 12px; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 6px; }
.x-pipeli004a-84.x-pipeli004a-84.x-pipeli004a-84 { accent-color: var(--erp-accent); }
.x-pipeli004a-85.x-pipeli004a-85.x-pipeli004a-85 { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border-radius: 6px; background: var(--erp-blue-100); font-size: var(--erp-fs-sm); color: var(--erp-blue-700); white-space: nowrap; flex-shrink: 0; }
.x-pipeli004a-86.x-pipeli004a-86.x-pipeli004a-86 { color: var(--erp-border-strong); margin: 0 2px; font-size: var(--erp-fs-lg); }
.x-pipeli004a-87.x-pipeli004a-87.x-pipeli004a-87 { font-size: var(--erp-fs-sm); padding: 5px 10px; background: var(--erp-bg-card); border: 1px dashed var(--erp-text-faint); border-radius: 6px; cursor: pointer; color: var(--erp-text-muted); white-space: nowrap; }

.x-pipeli004a-89.x-pipeli004a-89.x-pipeli004a-89 { width: 100%; box-sizing: border-box; padding: 7px 10px; font-size: var(--erp-fs-md); border: 1px solid var(--erp-gray-300); border-radius: 6px; }
.x-pipeli004a-90.x-pipeli004a-90.x-pipeli004a-90 { color: var(--erp-border-strong); margin: 0 2px; font-size: var(--erp-fs-lg); flex-shrink: 0; }
.x-pipeli004a-91.x-pipeli004a-91.x-pipeli004a-91 { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border-radius: 6px; background: var(--erp-warning-bg); font-size: var(--erp-fs-sm); color: var(--erp-amber-800); white-space: nowrap; flex-shrink: 0; }
.x-pipeli004a-92.x-pipeli004a-92.x-pipeli004a-92 { margin: 0 0 0 auto; flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; font-size: var(--erp-fs-md); font-weight: 600; color: var(--erp-text-faint); background: var(--erp-bg-hover); border: 1px dashed var(--erp-border-strong); border-radius: 6px; cursor: not-allowed; }
.x-pipeli004a-93.x-pipeli004a-93.x-pipeli004a-93 { margin: 0 0 0 auto; flex-shrink: 0; }
.x-pipeli004a-94.x-pipeli004a-94.x-pipeli004a-94 { font-size: var(--erp-fs-sm); padding: 5px 10px; background: var(--erp-bg-card); border: 1px dashed var(--erp-accent); border-radius: 6px; cursor: pointer; color: var(--erp-amber-800); white-space: nowrap; }
.x-pipeli004a-95.x-pipeli004a-95.x-pipeli004a-95 { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; font-size: var(--erp-fs-md); font-weight: 600; color: var(--erp-text-faint); background: var(--erp-bg-hover); border: 1px dashed var(--erp-border-strong); border-radius: 6px; cursor: not-allowed; }

.x-pipeli004a-97.x-pipeli004a-97.x-pipeli004a-97 { grid-template-columns: repeat(2,1fr); gap: 12px; }

.x-pipeli004a-99.x-pipeli004a-99.x-pipeli004a-99 { margin-right: 12px; }
.x-pipeli004a-100.x-pipeli004a-100.x-pipeli004a-100 { margin-right: 14px; }

.x-pipeli004a-102.x-pipeli004a-102.x-pipeli004a-102 { grid-template-columns: 1fr 1fr; gap: 12px; }

.x-pipeli004a-104.x-pipeli004a-104.x-pipeli004a-104 { grid-template-columns: repeat(3,1fr); gap: 8px; }
.x-pipeli004a-105.x-pipeli004a-105.x-pipeli004a-105 { grid-template-columns: 2fr 1fr 1fr; gap: 8px; }
.x-pipeli004a-106.x-pipeli004a-106.x-pipeli004a-106 { grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 4px; }
.x-pipeli004a-107.x-pipeli004a-107.x-pipeli004a-107 { grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 4px; }

.x-pipeli004a-110.x-pipeli004a-110.x-pipeli004a-110 { color: var(--erp-indigo-400j); }
.x-pipeli004a-111.x-pipeli004a-111.x-pipeli004a-111 { font-size: var(--erp-fs-xs); padding: 2px 7px; border-radius: 10px; white-space: nowrap; flex-shrink: 0; background: var(--erp-primary-soft); color: var(--erp-primary-strong); font-weight: 700; }
.x-pipeli004a-112.x-pipeli004a-112.x-pipeli004a-112 { background: var(--erp-emerald-50); border: 1px solid var(--erp-emerald-300); border-radius: 4px; padding: 3px 10px; font-size: var(--erp-fs-xs); color: var(--erp-success-strong); cursor: pointer; text-decoration: none; white-space: nowrap; }
.x-pipeli004a-113.x-pipeli004a-113.x-pipeli004a-113 { background: var(--erp-bg-card); border: 1px solid var(--erp-border-strong); border-radius: 4px; padding: 3px 10px; font-size: var(--erp-fs-xs); color: var(--erp-neutral); cursor: pointer; text-decoration: none; white-space: nowrap; }
.x-pipeli004a-114.x-pipeli004a-114.x-pipeli004a-114 { background: none; border: 1px solid var(--erp-border); border-radius: 4px; padding: 3px 10px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); cursor: pointer; }
.x-pipeli004a-115.x-pipeli004a-115.x-pipeli004a-115 { background: var(--erp-red-100); border: 1px solid var(--erp-red-200); border-radius: 4px; padding: 3px 10px; font-size: var(--erp-fs-xs); color: var(--erp-red-800); cursor: pointer; }
.x-pipeli004a-116.x-pipeli004a-116.x-pipeli004a-116 { display: flex; align-items: center; gap: 4px; font-size: var(--erp-fs-sm); padding: 3px 8px; border-radius: 4px; background: var(--erp-bg-hover); color: var(--erp-text-faint); }
.x-pipeli004a-117.x-pipeli004a-117.x-pipeli004a-117 { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--erp-accent); animation: erpApprovalPulse 1.2s ease-in-out infinite; }
.x-pipeli004a-118.x-pipeli004a-118.x-pipeli004a-118 { font-size: var(--erp-fs-2xs); font-weight: 700; background: var(--erp-accent); color: var(--erp-bg-card); padding: 0 6px; border-radius: 8px; margin-left: 2px; line-height: 16px; }
.x-pipeli004a-119.x-pipeli004a-119.x-pipeli004a-119 { display: flex; align-items: center; gap: 4px; font-size: var(--erp-fs-sm); padding: 3px 8px; border-radius: 4px; background: var(--erp-red-50); color: var(--erp-red-800); }
.x-pipeli004a-120.x-pipeli004a-120.x-pipeli004a-120 { margin-top: 10px; padding: 10px 12px; background: var(--erp-orange-50); border: 1px solid var(--erp-orange-200); border-radius: 6px; }
.x-pipeli004a-121.x-pipeli004a-121.x-pipeli004a-121 { padding: 4px 12px; font-size: var(--erp-fs-xs); background: var(--erp-red-600); color: var(--erp-bg-card); border: none; border-radius: 4px; cursor: pointer; }
.x-pipeli004a-122.x-pipeli004a-122.x-pipeli004a-122 { padding: 4px 12px; font-size: var(--erp-fs-xs); background: var(--erp-gray-500); color: var(--erp-bg-card); border: none; border-radius: 4px; cursor: pointer; }
.x-pipeli004a-123.x-pipeli004a-123.x-pipeli004a-123 { margin-top: 8px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); background: var(--erp-bg-soft); padding: 6px 10px; border-radius: 4px; border: 1px solid var(--erp-border); }
.x-pipeli004a-124.x-pipeli004a-124.x-pipeli004a-124 { font-size: var(--erp-fs-sm); padding: 4px 14px; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 4px; cursor: pointer; color: var(--erp-text-muted); }

.x-pipeli004a-126.x-pipeli004a-126.x-pipeli004a-126 { background: var(--erp-bg-card); border-radius: 12px; box-shadow: 0 20px 60px var(--erp-black-a20); width: 440px; max-width: 90vw; overflow: hidden; }
.x-pipeli004a-127.x-pipeli004a-127.x-pipeli004a-127 { padding: 20px 24px 0; }
.x-pipeli004a-128.x-pipeli004a-128.x-pipeli004a-128 { width: 36px; height: 36px; border-radius: 50%; background: var(--erp-red-100); display: flex; align-items: center; justify-content: center; }
.x-pipeli004a-129.x-pipeli004a-129.x-pipeli004a-129 { color: var(--erp-red-600); font-size: var(--erp-fs-16); }
.x-pipeli004a-130.x-pipeli004a-130.x-pipeli004a-130 { font-size: var(--erp-fs-15); font-weight: 700; color: var(--erp-text); }
.x-pipeli004a-131.x-pipeli004a-131.x-pipeli004a-131 { width: 100%; padding: 10px 12px; border: 1px solid var(--erp-gray-300); border-radius: 6px; font-size: var(--erp-fs-md); resize: none; box-sizing: border-box; outline: none; transition: border 0.2s; }
.x-pipeli004a-132.x-pipeli004a-132.x-pipeli004a-132 { border-color: var(--erp-gray-300); --erp-focus-border: var(--erp-blue-500); }
.x-pipeli004a-133.x-pipeli004a-133.x-pipeli004a-133 { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 24px; background: var(--erp-bg-soft); margin-top: 16px; }
.x-pipeli004a-134.x-pipeli004a-134.x-pipeli004a-134 { padding: 8px 20px; font-size: var(--erp-fs-md); border: 1px solid var(--erp-gray-300); border-radius: 6px; background: var(--erp-bg-card); color: var(--erp-gray-700); cursor: pointer; }
.x-pipeli004a-135.x-pipeli004a-135.x-pipeli004a-135 { padding: 8px 20px; font-size: var(--erp-fs-md); border: none; border-radius: 6px; background: var(--erp-red-600); color: var(--erp-bg-card); cursor: pointer; font-weight: 600; }
.x-pipeli004a-136.x-pipeli004a-136.x-pipeli004a-136 { margin-bottom: 16px; padding: 14px; background: var(--erp-violet-50); border: 1px solid var(--erp-indigo-100j); border-radius: 8px; }
.x-pipeli004a-137.x-pipeli004a-137.x-pipeli004a-137 { font-size: var(--erp-fs-md); color: var(--erp-violet-800); margin-bottom: 10px; line-height: 1.6; }
.x-pipeli004a-138.x-pipeli004a-138.x-pipeli004a-138 { font-size: var(--erp-fs-12_5); color: var(--erp-violet-800); margin-bottom: 12px; padding: 9px 11px; background: var(--erp-bg-card); border: 1px solid var(--erp-indigo-100j); border-radius: 6px; }
.x-pipeli004a-139.x-pipeli004a-139.x-pipeli004a-139 { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border-radius: 6px; background: var(--erp-bg-hover); font-size: var(--erp-fs-sm); color: var(--erp-text-muted); white-space: nowrap; }
.x-pipeli004a-140.x-pipeli004a-140.x-pipeli004a-140 { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border-radius: 6px; background: var(--erp-blue-100); font-size: var(--erp-fs-sm); color: var(--erp-blue-700); white-space: nowrap; }
.x-pipeli004a-141.x-pipeli004a-141.x-pipeli004a-141 { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border-radius: 6px; background: var(--erp-warning-bg); font-size: var(--erp-fs-sm); color: var(--erp-amber-800); white-space: nowrap; }
.x-pipeli004a-143.x-pipeli004a-143.x-pipeli004a-143 { color: var(--erp-violet-800); font-size: var(--erp-fs-sm); margin-bottom: 12px; }
.x-pipeli004a-144.x-pipeli004a-144.x-pipeli004a-144 { display: flex; align-items: center; gap: 8px; padding: 9px 12px; margin-bottom: 12px; background: var(--erp-green-50); border: 1px solid var(--erp-green-200); border-radius: 8px; color: var(--erp-green-800); font-size: var(--erp-fs-12_5); }
.x-pipeli004a-145.x-pipeli004a-145.x-pipeli004a-145 { padding: 14px 16px; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 8px; }
.x-pipeli004a-146.x-pipeli004a-146.x-pipeli004a-146 { font-size: var(--erp-fs-xs); padding: 2px 7px; border-radius: 10px; white-space: nowrap; flex-shrink: 0; background: var(--erp-violet-100); color: var(--erp-violet-800); font-weight: 700; }
.x-pipeli004a-147.x-pipeli004a-147.x-pipeli004a-147 { color: var(--erp-teal-600); }
.x-pipeli004a-148.x-pipeli004a-148.x-pipeli004a-148 { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; margin-bottom: 12px; background: var(--erp-amber-50); border: 1px solid var(--erp-warning-border); border-radius: 8px; color: var(--erp-amber-800); font-size: var(--erp-fs-12_5); line-height: 1.55; }
.x-pipeli004a-149.x-pipeli004a-149.x-pipeli004a-149 { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-200); border-radius: 6px; margin-top: 6px; }
.x-pipeli004a-150.x-pipeli004a-150.x-pipeli004a-150 { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 10px; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-200); border-radius: 6px; margin-top: 6px; }
.x-pipeli004a-151.x-pipeli004a-151.x-pipeli004a-151 { margin-bottom: 16px; padding: 14px; background: var(--erp-teal-50); border: 1px solid var(--erp-teal-200); border-radius: 8px; }
.x-pipeli004a-152.x-pipeli004a-152.x-pipeli004a-152 { font-size: var(--erp-fs-12_5); color: var(--erp-warning-strong); margin-bottom: 12px; padding: 9px 11px; background: var(--erp-amber-50); border: 1px solid var(--erp-warning-border); border-radius: 6px; }
.x-pipeli004a-154.x-pipeli004a-154.x-pipeli004a-154 { font-size: var(--erp-fs-xs); padding: 2px 7px; border-radius: 10px; white-space: nowrap; flex-shrink: 0; background: var(--erp-teal-100); color: var(--erp-teal-700); font-weight: 700; }
.x-pipeli004a-155.x-pipeli004a-155.x-pipeli004a-155 { padding: 4px 10px; font-size: var(--erp-fs-sm); background: var(--erp-oc-teal-700); color: var(--erp-bg-card); border: none; border-radius: 4px; cursor: pointer; }
.x-pipeli004a-156.x-pipeli004a-156.x-pipeli004a-156 { padding: 4px 10px; font-size: var(--erp-fs-sm); background: var(--erp-green-600); color: var(--erp-bg-card); border: none; border-radius: 4px; cursor: pointer; }
.x-pipeli004a-157.x-pipeli004a-157.x-pipeli004a-157 { padding: 4px 10px; font-size: var(--erp-fs-sm); background: var(--erp-red-600); color: var(--erp-bg-card); border: none; border-radius: 4px; cursor: pointer; }
.x-pipeli004a-158.x-pipeli004a-158.x-pipeli004a-158 { padding: 4px 10px; font-size: var(--erp-fs-sm); background: var(--erp-blue-600); color: var(--erp-bg-card); border-radius: 4px; text-decoration: none; }
.x-pipeli004a-159.x-pipeli004a-159.x-pipeli004a-159 { background: var(--erp-red-50); padding: 12px; }
.x-pipeli004a-160.x-pipeli004a-160.x-pipeli004a-160 { margin: 0 8px; padding: 4px 8px; border: 1px solid var(--erp-gray-300); border-radius: 4px; font-size: var(--erp-fs-md); width: 300px; }
.x-pipeli004a-161.x-pipeli004a-161.x-pipeli004a-161 { padding: 4px 12px; background: var(--erp-red-600); color: var(--erp-bg-card); border: none; border-radius: 4px; font-size: var(--erp-fs-md); cursor: pointer; }
.x-pipeli004a-162.x-pipeli004a-162.x-pipeli004a-162 { padding: 4px 12px; background: var(--erp-gray-500); color: var(--erp-bg-card); border: none; border-radius: 4px; font-size: var(--erp-fs-md); cursor: pointer; margin-left: 4px; }
.x-pipeli004a-163.x-pipeli004a-163.x-pipeli004a-163 { padding: 4px 12px; background: var(--erp-indigo-500); color: var(--erp-bg-card); border: none; border-radius: 5px; font-size: var(--erp-fs-sm); font-weight: 600; cursor: pointer; }
.x-pipeli004a-164.x-pipeli004a-164.x-pipeli004a-164 { width: 100%; border-collapse: collapse; font-size: var(--erp-fs-md); }
.x-pipeli004a-165.x-pipeli004a-165.x-pipeli004a-165 { padding: 7px 10px; font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-align: left; border-bottom: 2px solid var(--erp-border); width: 140px; }
.x-pipeli004a-166.x-pipeli004a-166.x-pipeli004a-166 { padding: 7px 10px; font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-align: left; border-bottom: 2px solid var(--erp-border); }
.x-pipeli004a-167.x-pipeli004a-167.x-pipeli004a-167 { padding: 7px 10px; font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-align: center; border-bottom: 2px solid var(--erp-border); width: 36px; }
.x-pipeli004a-168.x-pipeli004a-168.x-pipeli004a-168 { padding: 5px 8px; border-bottom: 1px solid var(--erp-bg-hover); }
.x-pipeli004a-169.x-pipeli004a-169.x-pipeli004a-169 { width: 130px; padding: 5px 8px; border: 1.5px solid var(--erp-border); border-radius: 5px; font-size: var(--erp-fs-sm); }
.x-pipeli004a-170.x-pipeli004a-170.x-pipeli004a-170 { width: 100%; padding: 5px 8px; border: 1.5px solid var(--erp-border); border-radius: 5px; font-size: var(--erp-fs-sm); box-sizing: border-box; }
.x-pipeli004a-171.x-pipeli004a-171.x-pipeli004a-171 { padding: 5px 8px; border-bottom: 1px solid var(--erp-bg-hover); text-align: center; }
.x-pipeli004a-172.x-pipeli004a-172.x-pipeli004a-172 { background: var(--erp-red-50x3); border: 1px solid var(--erp-red-300); border-radius: 5px; color: var(--erp-red-600); width: 26px; height: 26px; cursor: pointer; font-size: var(--erp-fs-sm); }
.x-pipeli004a-173.x-pipeli004a-173.x-pipeli004a-173 { margin-top: 8px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 12px; border-radius: 6px; font-size: var(--erp-fs-sm); font-weight: 600; background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); color: var(--erp-blue-600); cursor: pointer; }
.x-pipeli004a-174.x-pipeli004a-174.x-pipeli004a-174 { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background: none; border: none; color: var(--erp-bg-card); font-size: var(--erp-fs-lg); cursor: pointer; padding: 2px 6px; opacity: 0.8; }

/* templates/contracts/contract_detail.html — 237곳 → 131클래스 */

.x-contra6790-2.x-contra6790-2.x-contra6790-2 { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; }
.x-contra6790-3.x-contra6790-3.x-contra6790-3 { padding: 14px 18px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.x-contra6790-4.x-contra6790-4.x-contra6790-4 { border: 1.5px solid var(--erp-blue-200); background: var(--erp-blue-50); border-radius: 10px; padding: 14px 16px; }
.x-contra6790-5.x-contra6790-5.x-contra6790-5 { display: flex; align-items: center; justify-content: space-between; font-size: var(--erp-fs-md); font-weight: 800; color: var(--erp-blue-800); text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 10px; }
.x-contra6790-6.x-contra6790-6.x-contra6790-6 { font-weight: 600; color: var(--erp-text-muted); text-transform: none; letter-spacing: 0; }
.x-contra6790-7.x-contra6790-7.x-contra6790-7 { width: 100%; font-size: var(--erp-fs-md); border-collapse: collapse; color: var(--erp-neutral); }
.x-contra6790-8.x-contra6790-8.x-contra6790-8 { padding: 2px 0 2px 12px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.x-contra6790-9.x-contra6790-9.x-contra6790-9 { padding: 2px 0; text-align: right; font-weight: 700; font-size: var(--erp-fs-xs); color: var(--erp-danger-strong); }
.x-contra6790-10.x-contra6790-10.x-contra6790-10 { padding: 2px 0 4px 12px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.x-contra6790-11.x-contra6790-11.x-contra6790-11 { padding: 2px 0 4px; text-align: right; font-weight: 600; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.x-contra6790-12.x-contra6790-12.x-contra6790-12 { padding: 6px 0 0; border-top: 1px solid var(--erp-blue-200); }
.x-contra6790-13.x-contra6790-13.x-contra6790-13 { padding: 6px 0 0; border-top: 1px solid var(--erp-blue-200); text-align: right; font-weight: 800; color: var(--erp-blue-800); }
.x-contra6790-14.x-contra6790-14.x-contra6790-14 { padding: 6px 0 0; border-top: 1px solid var(--erp-blue-200); font-weight: 700; }
.x-contra6790-15.x-contra6790-15.x-contra6790-15 { border: 1.5px solid var(--erp-red-200); background: var(--erp-red-50); border-radius: 10px; padding: 14px 16px; }
.x-contra6790-16.x-contra6790-16.x-contra6790-16 { display: flex; align-items: center; justify-content: space-between; font-size: var(--erp-fs-md); font-weight: 800; color: var(--erp-red-800); text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 10px; }
.x-contra6790-17.x-contra6790-17.x-contra6790-17 { padding: 6px 0 0; border-top: 1px solid var(--erp-red-200); }
.x-contra6790-18.x-contra6790-18.x-contra6790-18 { padding: 6px 0 0; border-top: 1px solid var(--erp-red-200); text-align: right; font-weight: 800; color: var(--erp-red-800); }
.x-contra6790-19.x-contra6790-19.x-contra6790-19 { padding: 6px 0 0; border-top: 1px solid var(--erp-red-200); font-weight: 700; }
.x-contra6790-20.x-contra6790-20.x-contra6790-20 { border: 1.5px solid var(--erp-green-200); background: var(--erp-green-50); border-radius: 10px; padding: 14px 16px; }
.x-contra6790-21.x-contra6790-21.x-contra6790-21 { font-size: var(--erp-fs-md); font-weight: 800; color: var(--erp-green-800); text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 10px; }
.x-contra6790-22.x-contra6790-22.x-contra6790-22 { padding: 6px 0 0; border-top: 1px solid var(--erp-green-200); }
.x-contra6790-23.x-contra6790-23.x-contra6790-23 { font-size: 0.7rem; }
.x-contra6790-24.x-contra6790-24.x-contra6790-24 { font-size: 0.72rem; }
.x-contra6790-25.x-contra6790-25.x-contra6790-25 { background: var(--erp-bg-soft,var(--erp-bg-soft)); }
.x-contra6790-26.x-contra6790-26.x-contra6790-26 { resize: none; overflow: hidden; }
.x-contra6790-27.x-contra6790-27.x-contra6790-27 { white-space: pre-line; text-align: left; }
.x-contra6790-28.x-contra6790-28.x-contra6790-28 { width: 176px; }
.x-contra6790-29.x-contra6790-29.x-contra6790-29 { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: var(--erp-text-faint); font-size: var(--erp-fs-2xs); pointer-events: none; }
.x-contra6790-30.x-contra6790-30.x-contra6790-30 { width: 56px; }
.x-contra6790-31.x-contra6790-31.x-contra6790-31 { width: 100%; min-width: 44px; padding-left: 4px; padding-right: 4px; }
.x-contra6790-32.x-contra6790-32.x-contra6790-32 { background: var(--erp-warning-bg); color: var(--erp-amber-800); border: 1px solid var(--erp-warning-border); font-size: 0.66rem; font-weight: 700; }
.x-contra6790-33.x-contra6790-33.x-contra6790-33 { font-size: 0.78rem; }
.x-contra6790-39.x-contra6790-39.x-contra6790-39 { padding: 14px 18px; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.x-contra6790-40.x-contra6790-40.x-contra6790-40 { border: 1.5px solid var(--erp-indigo-200); background: var(--erp-primary-soft); border-radius: 10px; padding: 12px 16px; }
.x-contra6790-41.x-contra6790-41.x-contra6790-41 { font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-text-muted); text-transform: uppercase; margin-bottom: 4px; }
.x-contra6790-42.x-contra6790-42.x-contra6790-42 { font-size: var(--erp-fs-18); font-weight: 800; color: var(--erp-primary-deep); }
.x-contra6790-43.x-contra6790-43.x-contra6790-43 { border: 1.5px solid var(--erp-blue-200); background: var(--erp-blue-50); border-radius: 10px; padding: 12px 16px; }
.x-contra6790-44.x-contra6790-44.x-contra6790-44 { font-size: var(--erp-fs-18); font-weight: 800; color: var(--erp-blue-800); }
.x-contra6790-45.x-contra6790-45.x-contra6790-45 { border: 1.5px solid var(--erp-border); background: var(--erp-bg-soft); border-radius: 10px; padding: 12px 16px; }
.x-contra6790-46.x-contra6790-46.x-contra6790-46 { font-size: var(--erp-fs-18); font-weight: 800; color: var(--erp-neutral); }
.x-contra6790-47.x-contra6790-47.x-contra6790-47 { text-decoration: line-through; }
.x-contra6790-48.x-contra6790-48.x-contra6790-48 { background: var(--erp-bg-soft); font-weight: 600; }
.x-contra6790-49.x-contra6790-49.x-contra6790-49 { font-size: var(--erp-fs-xs); background: var(--erp-bg-soft); }
.x-contra6790-50.x-contra6790-50.x-contra6790-50 { table-layout: fixed; width: 100%; }
.x-contra6790-53.x-contra6790-53.x-contra6790-53 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted,var(--erp-text-muted)); white-space: nowrap; }
.x-contra6790-54.x-contra6790-54.x-contra6790-54 { color: var(--erp-text,var(--erp-text)); }
.x-contra6790-56.x-contra6790-56.x-contra6790-56 { padding-left: 6px; color: var(--erp-neutral); font-size: var(--erp-fs-sm); }
.x-contra6790-57.x-contra6790-57.x-contra6790-57 { background: var(--erp-bg-soft); font-weight: 700; }
.x-contra6790-58.x-contra6790-58.x-contra6790-58 { font-size: 0.65rem; }
.x-contra6790-59.x-contra6790-59.x-contra6790-59 { font-size: 0.7rem; padding: 1px 6px; }
.x-contra6790-60.x-contra6790-60.x-contra6790-60 { cursor: pointer; text-decoration: underline dotted; }
.x-contra6790-61.x-contra6790-61.x-contra6790-61 { cursor: pointer; text-decoration: underline dotted; color: var(--erp-green-600); }
.x-contra6790-62.x-contra6790-62.x-contra6790-62 { font-size: 0.75rem; padding: 1px 6px; }
.x-contra6790-63.x-contra6790-63.x-contra6790-63 { background: var(--erp-gray-100); color: var(--erp-gray-500); }
.x-contra6790-64.x-contra6790-64.x-contra6790-64 { background: var(--erp-neutral-50); }
.x-contra6790-65.x-contra6790-65.x-contra6790-65 { width: 122px; }
.x-contra6790-66.x-contra6790-66.x-contra6790-66 { display: block; padding: 3px 8px; color: var(--erp-text-strong); white-space: pre-line; }
.x-contra6790-67.x-contra6790-67.x-contra6790-67 { border: none; border-radius: 12px; box-shadow: 0 20px 48px -8px var(--erp-black-a22); overflow: hidden; }
.x-contra6790-68.x-contra6790-68.x-contra6790-68 { background: var(--erp-primary); border-bottom: none; padding: 12px 16px; }
.x-contra6790-69.x-contra6790-69.x-contra6790-69 { padding: 16px 18px; background: var(--erp-bg-soft); }
.x-contra6790-70.x-contra6790-70.x-contra6790-70 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); text-transform: uppercase; letter-spacing: .04em; }
.x-contra6790-71.x-contra6790-71.x-contra6790-71 { background: var(--erp-bg-card); border-top: 1px solid var(--erp-border); padding: 10px 16px; gap: 8px; }
.x-contra6790-72.x-contra6790-72.x-contra6790-72 { position: fixed; inset: 0; z-index: 1060; background: var(--erp-black-a45); align-items: flex-start; justify-content: center; overflow-y: auto; padding: 40px 12px; }
.x-contra6790-73.x-contra6790-73.x-contra6790-73 { background: var(--erp-bg-card); border-radius: 10px; width: 860px; max-width: 94vw; box-shadow: 0 8px 32px var(--erp-black-a22); margin: auto; }
.x-contra6790-74.x-contra6790-74.x-contra6790-74 { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--erp-border); }
.x-contra6790-75.x-contra6790-75.x-contra6790-75 { background: none; border: none; font-size: var(--erp-fs-20); cursor: pointer; color: var(--erp-text-faint); line-height: 1; }
.x-contra6790-76.x-contra6790-76.x-contra6790-76 { padding: 8px 20px; font-size: var(--erp-fs-sm); font-weight: 600; }
.x-contra6790-77.x-contra6790-77.x-contra6790-77 { padding: 0 20px 8px; }
.x-contra6790-78.x-contra6790-78.x-contra6790-78 { margin: 12px 0 10px; }
.x-contra6790-79.x-contra6790-79.x-contra6790-79 { padding: 0 20px 20px; }
.x-contra6790-80.x-contra6790-80.x-contra6790-80 { border-top: 1px solid var(--erp-border); padding-top: 14px; }
.x-contra6790-81.x-contra6790-81.x-contra6790-81 { position: absolute; left: 9px; top: 50%; transform: translateY(-50%); color: var(--erp-text-faint); font-size: var(--erp-fs-sm); pointer-events: none; }
.x-contra6790-82.x-contra6790-82.x-contra6790-82 { padding-left: 30px; }
.x-contra6790-83.x-contra6790-83.x-contra6790-83 { max-height: 240px; overflow-y: auto; border: 1px solid var(--erp-border); border-radius: 6px; padding: 6px 8px; background: var(--erp-bg-card); }
.x-contra6790-84.x-contra6790-84.x-contra6790-84 { padding: 5px 4px; cursor: pointer; font-size: var(--erp-fs-md); border-bottom: 1px solid var(--erp-bg-soft); }
.x-contra6790-85.x-contra6790-85.x-contra6790-85 { color: var(--erp-text-faint); font-weight: 500; text-transform: none; }
.x-contra6790-86.x-contra6790-86.x-contra6790-86 { background: var(--erp-success); border-bottom: none; padding: 14px 20px; }
.x-contra6790-87.x-contra6790-87.x-contra6790-87 { color: var(--erp-bg-card); font-size: var(--erp-fs-15); font-weight: 700; }
.x-contra6790-88.x-contra6790-88.x-contra6790-88 { filter: brightness(0) invert(1); opacity: .85; }
.x-contra6790-89.x-contra6790-89.x-contra6790-89 { padding: 20px; background: var(--erp-bg-soft); }
.x-contra6790-90.x-contra6790-90.x-contra6790-90 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-transform: uppercase; }
.x-contra6790-91.x-contra6790-91.x-contra6790-91 { background: var(--erp-bg-card); padding: 12px 20px; display: flex; justify-content: space-between; }
.x-contra6790-92.x-contra6790-92.x-contra6790-92 { background: var(--erp-warning); border-bottom: none; padding: 14px 20px; }
.x-contra6790-93.x-contra6790-93.x-contra6790-93 { background: var(--erp-bg-hover); color: var(--erp-neutral); }
.x-contra6790-94.x-contra6790-94.x-contra6790-94 { text-transform: none; font-weight: 500; color: var(--erp-text-faint); }
.x-contra6790-95.x-contra6790-95.x-contra6790-95 { background: var(--erp-primary); border-bottom: none; padding: 14px 20px; }
.x-contra6790-96.x-contra6790-96.x-contra6790-96 { font-weight: 500; opacity: .9; }
.x-contra6790-97.x-contra6790-97.x-contra6790-97 { padding: 16px 20px; background: var(--erp-bg-soft); }
.x-contra6790-98.x-contra6790-98.x-contra6790-98 { flex: 1; text-align: center; padding: 8px; border: 1.5px solid var(--erp-primary); border-radius: 6px; background: var(--erp-primary); color: var(--erp-bg-card); font-weight: 600; cursor: pointer; font-size: var(--erp-fs-md); }
.x-contra6790-99.x-contra6790-99.x-contra6790-99 { flex: 1; text-align: center; padding: 8px; border: 1.5px solid var(--erp-border); border-radius: 6px; background: var(--erp-bg-card); color: var(--erp-neutral); font-weight: 600; cursor: pointer; font-size: var(--erp-fs-md); }
.x-contra6790-100.x-contra6790-100.x-contra6790-100 { max-height: 380px; overflow-y: auto; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 6px; }
.x-contra6790-101.x-contra6790-101.x-contra6790-101 { background: var(--erp-bg-card); padding: 10px 20px; }
.x-contra6790-102.x-contra6790-102.x-contra6790-102 { max-width: 380px; }
.x-contra6790-103.x-contra6790-103.x-contra6790-103 { background: var(--erp-bg-soft); }
.x-contra6790-104.x-contra6790-104.x-contra6790-104 { margin-bottom: 12px; }
.x-contra6790-105.x-contra6790-105.x-contra6790-105 { border-bottom: 1px solid var(--erp-bg-hover); }
.x-contra6790-106.x-contra6790-106.x-contra6790-106 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-transform: uppercase; display: block; margin-bottom: 4px; }
.x-contra6790-107.x-contra6790-107.x-contra6790-107 { position: absolute; left: 9px; top: 50%; transform: translateY(-50%); color: var(--erp-text-faint); font-size: var(--erp-fs-sm); pointer-events: none; z-index: 1; }
.x-contra6790-108.x-contra6790-108.x-contra6790-108 { width: 100%; padding: 8px 10px 8px 30px; font-size: var(--erp-fs-md); border: 1.5px solid var(--erp-border); border-radius: 6px; outline: none; }
.x-contra6790-109.x-contra6790-109.x-contra6790-109 { position: absolute; top: 100%; left: 0; right: 0; z-index: 1500; background: var(--erp-bg-card); border: 1.5px solid var(--erp-border); border-top: none; border-radius: 0 0 6px 6px; max-height: 200px; overflow-y: auto; box-shadow: 0 4px 12px var(--erp-black-a10); }
.x-contra6790-110.x-contra6790-110.x-contra6790-110 { margin-top: 8px; padding: 10px 12px; border: 1.5px dashed var(--erp-border); border-radius: 8px; background: var(--erp-bg-soft); }
.x-contra6790-111.x-contra6790-111.x-contra6790-111 { text-transform: none; color: var(--erp-text-faint); font-weight: 500; }
.x-contra6790-112.x-contra6790-112.x-contra6790-112 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-transform: uppercase; display: block; margin-bottom: 6px; }
.x-contra6790-113.x-contra6790-113.x-contra6790-113 { border-bottom: 1px solid var(--erp-bg-hover); }
.x-contra6790-114.x-contra6790-114.x-contra6790-114 { border-top: 1px solid var(--erp-bg-hover); }
.x-contra6790-115.x-contra6790-115.x-contra6790-115 { background: var(--erp-bg-soft,var(--erp-bg-soft)); font-size: var(--erp-fs-md); line-height: 2; }
.x-contra6790-116.x-contra6790-116.x-contra6790-116 { font-size: var(--erp-fs-11_5); }
.x-contra6790-117.x-contra6790-117.x-contra6790-117 { border: 1px solid var(--erp-border); border-radius: 8px; padding: 12px; margin-bottom: 8px; background: var(--erp-bg-soft); }
.x-contra6790-118.x-contra6790-118.x-contra6790-118 { position: absolute; left: 0; right: 0; top: 100%; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 6px; box-shadow: 0 4px 16px var(--erp-black-a12); max-height: 200px; overflow-y: auto; }
.x-contra6790-119.x-contra6790-119.x-contra6790-119 { max-height: 180px; overflow: auto; border: 1px solid var(--erp-border); border-radius: 6px; }
.x-contra6790-120.x-contra6790-120.x-contra6790-120 { display: grid; grid-template-columns: 1fr 170px 170px; gap: 10px; }
.x-contra6790-121.x-contra6790-121.x-contra6790-121 { width: 36%; }
.x-contra6790-122.x-contra6790-122.x-contra6790-122 { margin: 0 16px 0; padding: 8px 14px; background: var(--erp-warning-bg); border: 1px solid var(--erp-warning-border); border-radius: 6px; font-size: var(--erp-fs-md); color: var(--erp-amber-800); }
.x-contra6790-123.x-contra6790-123.x-contra6790-123 { width: 90px; }
.x-contra6790-124.x-contra6790-124.x-contra6790-124 { background: var(--erp-bg-soft); border-radius: 6px; font-size: var(--erp-fs-sm); color: var(--erp-text); }
.x-contra6790-125.x-contra6790-125.x-contra6790-125 { border-left: 1px solid var(--erp-border); padding-left: 12px; }
.x-contra6790-126.x-contra6790-126.x-contra6790-126 { border: 1px solid var(--erp-success); border-radius: 8px; background: var(--erp-bg-card); }
.x-contra6790-127.x-contra6790-127.x-contra6790-127 { border-left: 1px solid var(--erp-border); padding-left: 12px; color: var(--erp-text-muted); }
.x-contra6790-128.x-contra6790-128.x-contra6790-128 { max-width: min(1600px, 95vw); }
.x-contra6790-129.x-contra6790-129.x-contra6790-129 { background: var(--erp-primary); }
.x-contra6790-130.x-contra6790-130.x-contra6790-130 { font-size: var(--erp-fs-sm); min-width: 1400px; table-layout: fixed; }
.x-contra6790-131.x-contra6790-131.x-contra6790-131 { font-size: var(--erp-fs-sm); }

/* templates/finance/_bank_match_inline.html — 194곳 → 130클래스 */
.x-bankma8745-1.x-bankma8745-1.x-bankma8745-1 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-teal-700); margin-left: 8px; background: var(--erp-teal-100); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-teal-300); }
.x-bankma8745-2.x-bankma8745-2.x-bankma8745-2 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-neutral); margin-left: 6px; background: var(--erp-bg-hover); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-border-strong); }
.x-bankma8745-3.x-bankma8745-3.x-bankma8745-3 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-neutral); background: var(--erp-bg-soft); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-border); cursor: pointer; }
.x-bankma8745-4.x-bankma8745-4.x-bankma8745-4 { width: 145px; min-width: 145px; text-align: center; white-space: nowrap; }
.x-bankma8745-10.x-bankma8745-10.x-bankma8745-10 { width: 20px; height: 20px; font-size: var(--erp-fs-xs); opacity: 0.6; }

.x-bankma8745-12.x-bankma8745-12.x-bankma8745-12 { background: var(--erp-bg-card); border-radius: 14px; width: 440px; max-width: 96vw; box-shadow: 0 24px 64px var(--erp-black-a22); overflow: hidden; }
.x-bankma8745-13.x-bankma8745-13.x-bankma8745-13 { display: flex; align-items: center; gap: 12px; padding: 18px 20px; background: var(--erp-bg-soft); border-bottom: 1px solid var(--erp-border); }
.x-bankma8745-14.x-bankma8745-14.x-bankma8745-14 { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: var(--erp-fs-16); flex: none; }
.x-bankma8745-15.x-bankma8745-15.x-bankma8745-15 { background: none; border: none; cursor: pointer; font-size: var(--erp-fs-20); color: var(--erp-text-faint); line-height: 1; flex: none; }
.x-bankma8745-16.x-bankma8745-16.x-bankma8745-16 { padding: 18px 20px 20px; max-height: 70vh; overflow-y: auto; }

.x-bankma8745-21.x-bankma8745-21.x-bankma8745-21 { margin-top: 16px; border-top: 1px solid var(--erp-border); padding-top: 12px; }
.x-bankma8745-22.x-bankma8745-22.x-bankma8745-22 { display: flex; align-items: center; gap: 6px; width: 100%; background: none; border: none; cursor: pointer; padding: 4px 0; font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-text); }
.x-bankma8745-23.x-bankma8745-23.x-bankma8745-23 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); transition: transform .15s; }

.x-bankma8745-27.x-bankma8745-27.x-bankma8745-27 { flex: 1; justify-content: center; text-align: center border-color: var(--erp-danger); }
.x-bankma8745-28.x-bankma8745-28.x-bankma8745-28 { z-index: 1066; }
.x-bankma8745-29.x-bankma8745-29.x-bankma8745-29 { border: none; border-radius: 16px; box-shadow: 0 24px 64px var(--erp-black-a22); overflow: hidden; }
.x-bankma8745-30.x-bankma8745-30.x-bankma8745-30 { background: linear-gradient(135deg,var(--erp-green-600) 0%,var(--erp-green-700) 100%); padding: 22px 24px 18px; text-align: center; }
.x-bankma8745-31.x-bankma8745-31.x-bankma8745-31 { width: 48px; height: 48px; background: var(--erp-white-a20); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; }
.x-bankma8745-32.x-bankma8745-32.x-bankma8745-32 { font-size: var(--erp-fs-20); color: var(--erp-bg-card); }
.x-bankma8745-33.x-bankma8745-33.x-bankma8745-33 { font-size: var(--erp-fs-16); font-weight: 800; color: var(--erp-bg-card); margin-bottom: 4px; }
.x-bankma8745-34.x-bankma8745-34.x-bankma8745-34 { font-size: var(--erp-fs-sm); color: var(--erp-white-a78); }
.x-bankma8745-35.x-bankma8745-35.x-bankma8745-35 { padding: 20px 22px 6px; }

.x-bankma8745-37.x-bankma8745-37.x-bankma8745-37 { --erp-hov-bg: var(--erp-bg-soft); flex: 1; padding: 11px; background: var(--erp-bg-card); border: 1.5px solid var(--erp-border); color: var(--erp-text-muted); border-radius: 9px; font-size: var(--erp-fs-md); font-weight: 600; cursor: pointer; transition: .15s; }
.x-bankma8745-38.x-bankma8745-38.x-bankma8745-38 { flex: 2; padding: 11px; background: linear-gradient(135deg,var(--erp-green-600),var(--erp-green-700)); border: none; color: var(--erp-bg-card); border-radius: 9px; font-size: var(--erp-fs-md); font-weight: 700; cursor: pointer; box-shadow: 0 3px 10px rgba(22,163,74,.3); transition: .15s; }
.x-bankma8745-39.x-bankma8745-39.x-bankma8745-39 { z-index: 1065; }
.x-bankma8745-40.x-bankma8745-40.x-bankma8745-40 { font-size: var(--erp-fs-sm); color: var(--erp-white-a75); }
.x-bankma8745-41.x-bankma8745-41.x-bankma8745-41 { padding: 20px 22px 4px; }
.x-bankma8745-42.x-bankma8745-42.x-bankma8745-42 { background: var(--erp-green-50); border: 1.5px solid var(--erp-green-200); border-radius: 10px; padding: 12px 15px; margin-bottom: 10px; }
.x-bankma8745-43.x-bankma8745-43.x-bankma8745-43 { font-size: var(--erp-fs-2xs); font-weight: 700; color: var(--erp-green-600); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 6px; }
.x-bankma8745-44.x-bankma8745-44.x-bankma8745-44 { text-align: center; margin: 2px 0; }
.x-bankma8745-45.x-bankma8745-45.x-bankma8745-45 { color: var(--erp-border-strong); font-size: var(--erp-fs-16); }
.x-bankma8745-46.x-bankma8745-46.x-bankma8745-46 { background: var(--erp-blue-50); border: 1.5px solid var(--erp-blue-200); border-radius: 10px; padding: 12px 15px; margin-top: 2px; }
.x-bankma8745-47.x-bankma8745-47.x-bankma8745-47 { font-size: var(--erp-fs-2xs); font-weight: 700; color: var(--erp-blue-700); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 6px; }
.x-bankma8745-48.x-bankma8745-48.x-bankma8745-48 { z-index: 1070; }
.x-bankma8745-49.x-bankma8745-49.x-bankma8745-49 { background: linear-gradient(135deg,var(--erp-blue-600) 0%,var(--erp-blue-700) 100%); padding: 22px 24px 18px; text-align: center; }
.x-bankma8745-50.x-bankma8745-50.x-bankma8745-50 { background: var(--erp-red-50x2); border: 1.5px solid var(--erp-red-300); border-radius: 10px; padding: 12px 15px; }
.x-bankma8745-51.x-bankma8745-51.x-bankma8745-51 { font-size: var(--erp-fs-2xs); font-weight: 700; color: var(--erp-red-600); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 6px; }
.x-bankma8745-52.x-bankma8745-52.x-bankma8745-52 { font-size: var(--erp-fs-16); font-weight: 800; color: var(--erp-red-600); white-space: nowrap; }
.x-bankma8745-53.x-bankma8745-53.x-bankma8745-53 { height: 1px; background: var(--erp-border); margin: 10px 0; }
.x-bankma8745-54.x-bankma8745-54.x-bankma8745-54 { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: var(--erp-bg-card); padding: 4px 14px; border-radius: 20px; border: 1.5px solid var(--erp-border); font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); white-space: nowrap; }
.x-bankma8745-55.x-bankma8745-55.x-bankma8745-55 { background: var(--erp-green-50); border: 1.5px solid var(--erp-green-200); border-radius: 10px; padding: 12px 15px; }
.x-bankma8745-56.x-bankma8745-56.x-bankma8745-56 { font-size: var(--erp-fs-16); font-weight: 800; color: var(--erp-green-600); white-space: nowrap; }

.x-bankma8745-58.x-bankma8745-58.x-bankma8745-58 { margin-top: 10px; padding: 8px 12px; background: var(--erp-blue-50); border-radius: 8px; font-size: var(--erp-fs-xs); color: var(--erp-blue-700); }
.x-bankma8745-59.x-bankma8745-59.x-bankma8745-59 { flex: 2; padding: 11px; background: linear-gradient(135deg,var(--erp-blue-600),var(--erp-blue-700)); border: none; color: var(--erp-bg-card); border-radius: 9px; font-size: var(--erp-fs-md); font-weight: 700; cursor: pointer; box-shadow: 0 3px 10px rgba(37,99,235,.3); transition: .15s; }
.x-bankma8745-60.x-bankma8745-60.x-bankma8745-60 { border: none; border-radius: 14px; box-shadow: 0 24px 64px var(--erp-black-a22); overflow: hidden; }
.x-bankma8745-61.x-bankma8745-61.x-bankma8745-61 { background: var(--erp-blue-50); border-bottom: 1px solid var(--erp-blue-200); padding: 14px 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.x-bankma8745-62.x-bankma8745-62.x-bankma8745-62 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-blue-700); }
.x-bankma8745-63.x-bankma8745-63.x-bankma8745-63 { padding: 16px 18px 18px; }
.x-bankma8745-64.x-bankma8745-64.x-bankma8745-64 { border: 1.5px solid var(--erp-border); border-radius: 10px; padding: 11px 14px; margin-bottom: 12px; }
.x-bankma8745-65.x-bankma8745-65.x-bankma8745-65 { max-height: 340px; overflow-y: auto; border: 1px solid var(--erp-border); border-radius: 8px; }
.x-bankma8745-66.x-bankma8745-66.x-bankma8745-66 { max-width: 98vw; width: 98vw; height: 82vh; max-height: 82vh; }
.x-bankma8745-67.x-bankma8745-67.x-bankma8745-67 { border-bottom: 2px solid var(--erp-bg-hover); flex-shrink: 0; }

.x-bankma8745-70.x-bankma8745-70.x-bankma8745-70 { padding: 8px 14px 6px; border-bottom: 2px solid var(--erp-green-50); background: var(--erp-bg-soft); }
.x-bankma8745-71.x-bankma8745-71.x-bankma8745-71 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-green-600); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.x-bankma8745-72.x-bankma8745-72.x-bankma8745-72 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-neutral); text-transform: uppercase; letter-spacing: 0.5px; }
.x-bankma8745-73.x-bankma8745-73.x-bankma8745-73 { font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 5px; border: 1.5px solid var(--erp-blue-600); color: var(--erp-blue-700); background: var(--erp-bg-card); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-bankma8745-74.x-bankma8745-74.x-bankma8745-74 { font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 5px; border: 1.5px solid var(--erp-purple); color: var(--erp-purple); background: var(--erp-bg-card); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-bankma8745-75.x-bankma8745-75.x-bankma8745-75 { font-size: var(--erp-fs-2xs); margin-left: 3px; padding: 1px 5px; border-radius: 3px; background: var(--erp-purple-200); color: var(--erp-purple); }
.x-bankma8745-76.x-bankma8745-76.x-bankma8745-76 { width: 100%; box-sizing: border-box; padding: 8px 12px; border: 1.5px solid var(--erp-border); border-radius: 7px; font-size: var(--erp-fs-md); outline: none; }

.x-bankma8745-78.x-bankma8745-78.x-bankma8745-78 { padding: 8px 18px; background: var(--erp-m-indigo-400); color: var(--erp-bg-card); border: none; border-radius: 7px; font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }

.x-bankma8745-81.x-bankma8745-81.x-bankma8745-81 { padding: 6px 18px; background: var(--erp-purple); color: var(--erp-bg-card); border: none; border-radius: 6px; font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-bankma8745-82.x-bankma8745-82.x-bankma8745-82 { max-width: 760px; }
.x-bankma8745-83.x-bankma8745-83.x-bankma8745-83 { background: linear-gradient(135deg,var(--erp-red-600) 0%,var(--erp-red-700) 100%); padding: 22px 24px 18px; text-align: center; }
.x-bankma8745-84.x-bankma8745-84.x-bankma8745-84 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-bg-card); margin-bottom: 4px; }
.x-bankma8745-85.x-bankma8745-85.x-bankma8745-85 { font-size: var(--erp-fs-sm); color: var(--erp-white-a80); }
.x-bankma8745-86.x-bankma8745-86.x-bankma8745-86 { border-color: var(--erp-border); --erp-hov-border: var(--erp-purple); --erp-hov-bg: var(--erp-violet-50); flex: 1; padding: 14px 8px; border: 2px solid var(--erp-border); border-radius: 12px; background: var(--erp-bg-card); cursor: pointer; text-align: center; transition: all .15s; }
.x-bankma8745-87.x-bankma8745-87.x-bankma8745-87 { font-size: var(--erp-fs-20); color: var(--erp-purple); display: block; margin-bottom: 6px; }
.x-bankma8745-88.x-bankma8745-88.x-bankma8745-88 { border-color: var(--erp-border); --erp-hov-border: var(--erp-amber-600); --erp-hov-bg: var(--erp-amber-50); flex: 1; padding: 14px 8px; border: 2px solid var(--erp-border); border-radius: 12px; background: var(--erp-bg-card); cursor: pointer; text-align: center; transition: all .15s; }
.x-bankma8745-89.x-bankma8745-89.x-bankma8745-89 { font-size: var(--erp-fs-20); color: var(--erp-amber-600); display: block; margin-bottom: 6px; }
.x-bankma8745-90.x-bankma8745-90.x-bankma8745-90 { border-color: var(--erp-border); --erp-hov-border: var(--erp-violet-700); --erp-hov-bg: var(--erp-violet-50); flex: 1; padding: 14px 8px; border: 2px solid var(--erp-border); border-radius: 12px; background: var(--erp-bg-card); cursor: pointer; text-align: center; transition: all .15s; }
.x-bankma8745-91.x-bankma8745-91.x-bankma8745-91 { font-size: var(--erp-fs-20); color: var(--erp-violet-700); display: block; margin-bottom: 6px; }
.x-bankma8745-92.x-bankma8745-92.x-bankma8745-92 { border-color: var(--erp-border); --erp-hov-border: var(--erp-green-600); --erp-hov-bg: var(--erp-green-50); flex: 1; padding: 14px 8px; border: 2px solid var(--erp-border); border-radius: 12px; background: var(--erp-bg-card); cursor: pointer; text-align: center; transition: all .15s; }
.x-bankma8745-93.x-bankma8745-93.x-bankma8745-93 { font-size: var(--erp-fs-20); color: var(--erp-green-600); display: block; margin-bottom: 6px; }
.x-bankma8745-94.x-bankma8745-94.x-bankma8745-94 { border-color: var(--erp-border); --erp-hov-border: var(--erp-blue-600); --erp-hov-bg: var(--erp-blue-50); flex: 1; padding: 14px 8px; border: 2px solid var(--erp-border); border-radius: 12px; background: var(--erp-bg-card); cursor: pointer; text-align: center; transition: all .15s; }
.x-bankma8745-95.x-bankma8745-95.x-bankma8745-95 { font-size: var(--erp-fs-20); color: var(--erp-blue-600); display: block; margin-bottom: 6px; }
.x-bankma8745-96.x-bankma8745-96.x-bankma8745-96 { background: linear-gradient(135deg,var(--erp-amber-600) 0%,var(--erp-warning-strong) 100%); padding: 22px 24px 18px; text-align: center; }
.x-bankma8745-97.x-bankma8745-97.x-bankma8745-97 { background: var(--erp-orange-50); border: 1.5px solid var(--erp-orange-200); border-radius: 10px; padding: 12px 15px; margin-bottom: 14px; }
.x-bankma8745-98.x-bankma8745-98.x-bankma8745-98 { font-size: var(--erp-fs-2xs); font-weight: 700; color: var(--erp-amber-600); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 6px; }
.x-bankma8745-99.x-bankma8745-99.x-bankma8745-99 { flex: 1; padding: 7px 0; border-radius: 8px; border: 1.5px solid var(--erp-amber-600); background: var(--erp-amber-600); color: var(--erp-bg-card); font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; }
.x-bankma8745-100.x-bankma8745-100.x-bankma8745-100 { flex: 1; padding: 7px 0; border-radius: 8px; border: 1.5px solid var(--erp-orange-200); background: var(--erp-bg-card); color: var(--erp-warning-strong); font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; }
.x-bankma8745-101.x-bankma8745-101.x-bankma8745-101 { width: 100%; font-size: var(--erp-fs-md); letter-spacing: .5px; }

.x-bankma8745-104.x-bankma8745-104.x-bankma8745-104 { white-space: nowrap border-color: var(--erp-green-600); }
.x-bankma8745-105.x-bankma8745-105.x-bankma8745-105 { font-size: var(--erp-fs-sm); font-weight: 700; padding: 8px 11px; border-radius: 8px; background: var(--erp-bg-soft); color: var(--erp-text); margin-bottom: 14px; }

.x-bankma8745-107.x-bankma8745-107.x-bankma8745-107 { flex: 2; justify-content: center border-color: var(--erp-amber-600); }
.x-bankma8745-108.x-bankma8745-108.x-bankma8745-108 { background: var(--erp-green-50); border: 1.5px solid var(--erp-green-200); border-radius: 10px; padding: 12px 15px; margin-bottom: 14px; }

.x-bankma8745-110.x-bankma8745-110.x-bankma8745-110 { flex: 2; justify-content: center border-color: var(--erp-green-600); }
.x-bankma8745-111.x-bankma8745-111.x-bankma8745-111 { max-width: 420px; transition: max-width .15s; }
.x-bankma8745-112.x-bankma8745-112.x-bankma8745-112 { padding: 20px 22px; max-height: 74vh; overflow-y: auto; }
.x-bankma8745-113.x-bankma8745-113.x-bankma8745-113 { background: var(--erp-blue-50); border: 1.5px solid var(--erp-blue-200); border-radius: 10px; padding: 12px 15px; margin-bottom: 14px; }
.x-bankma8745-114.x-bankma8745-114.x-bankma8745-114 { font-size: var(--erp-fs-2xs); font-weight: 700; color: var(--erp-blue-600); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 6px; }
.x-bankma8745-115.x-bankma8745-115.x-bankma8745-115 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); align-self: center; }
.x-bankma8745-116.x-bankma8745-116.x-bankma8745-116 { font-size: var(--erp-fs-xs); padding: 3px 9px; border: 1px solid var(--erp-blue-200); border-radius: 5px; background: var(--erp-blue-50); color: var(--erp-blue-700); cursor: pointer; font-weight: 600; }

.x-bankma8745-118.x-bankma8745-118.x-bankma8745-118 { min-width: 170px; }
.x-bankma8745-119.x-bankma8745-119.x-bankma8745-119 { background: var(--erp-bg-soft); }
.x-bankma8745-120.x-bankma8745-120.x-bankma8745-120 { border-top: 2px solid var(--erp-border); font-weight: 800; }

.x-bankma8745-122.x-bankma8745-122.x-bankma8745-122 { flex: 2; justify-content: center border-color: var(--erp-blue-600); }
.x-bankma8745-123.x-bankma8745-123.x-bankma8745-123 { padding: 8px 14px 6px; border-bottom: 2px solid var(--erp-red-50); background: var(--erp-bg-soft); }
.x-bankma8745-124.x-bankma8745-124.x-bankma8745-124 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-red-600); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.x-bankma8745-125.x-bankma8745-125.x-bankma8745-125 { flex: 1; padding: 8px 12px; border: 1.5px solid var(--erp-border); border-radius: 7px; font-size: var(--erp-fs-md); outline: none; }
.x-bankma8745-126.x-bankma8745-126.x-bankma8745-126 { max-width: 920px; width: 96vw; height: 80vh; max-height: 80vh; }
.x-bankma8745-127.x-bankma8745-127.x-bankma8745-127 { padding: 8px 14px 6px; border-bottom: 2px solid var(--erp-violet-50); background: var(--erp-bg-soft); }
.x-bankma8745-128.x-bankma8745-128.x-bankma8745-128 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-violet-700); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.x-bankma8745-129.x-bankma8745-129.x-bankma8745-129 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-neutral); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.x-bankma8745-130.x-bankma8745-130.x-bankma8745-130 { padding: 8px 18px; background: var(--erp-violet-700); color: var(--erp-bg-card); border: none; border-radius: 7px; font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }

/* templates/home.html — 167곳 → 95클래스 */
.x-home86f3-1.x-home86f3-1.x-home86f3-1 { font-size: var(--erp-fs-sm); padding: 2px 7px; border: 1px solid var(--erp-gray-300); background: var(--erp-gray-700); color: var(--erp-bg-card); border-radius: 10px; cursor: pointer; display: inline-flex; align-items: center; gap: 3px; }
.x-home86f3-2.x-home86f3-2.x-home86f3-2 { font-size: var(--erp-fs-sm); padding: 2px 7px; border: 1px solid var(--erp-gray-300); background: var(--erp-bg-card); color: var(--erp-gray-700); border-radius: 10px; cursor: pointer; display: inline-flex; align-items: center; gap: 3px; }
.x-home86f3-3.x-home86f3-3.x-home86f3-3 { margin-top: 2px; padding-left: 2px; font-size: var(--erp-fs-2xs); color: var(--erp-gray-500); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.x-home86f3-5.x-home86f3-5.x-home86f3-5 { position: absolute; bottom: -6px; right: 20px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--erp-gray-800); }
.x-home86f3-6.x-home86f3-6.x-home86f3-6 { padding: 20px 10px; }
.x-home86f3-7.x-home86f3-7.x-home86f3-7 { color: var(--erp-red-500x); }
.x-home86f3-8.x-home86f3-8.x-home86f3-8 { border-left: 3px solid var(--erp-red-500x); }

.x-home86f3-10.x-home86f3-10.x-home86f3-10 { border-left: 3px solid var(--erp-oc-gray-600); }
.x-home86f3-11.x-home86f3-11.x-home86f3-11 { text-decoration: none; color: inherit; display: block; }
.x-home86f3-12.x-home86f3-12.x-home86f3-12 { float: right; }
.x-home86f3-13.x-home86f3-13.x-home86f3-13 { flex-direction: column; padding: 8px 0 6px; border-bottom: 1px solid var(--erp-border); margin-bottom: 8px; gap: 6px; }
.x-home86f3-14.x-home86f3-14.x-home86f3-14 { text-transform: none; }
.x-home86f3-15.x-home86f3-15.x-home86f3-15 { cursor: pointer; border-left: 3px solid var(--erp-oc-violet-600); }
.x-home86f3-16.x-home86f3-16.x-home86f3-16 { background: var(--erp-green-600j); color: var(--erp-bg-card); }
.x-home86f3-17.x-home86f3-17.x-home86f3-17 { width: 400px; max-width: 95vw; }
.x-home86f3-18.x-home86f3-18.x-home86f3-18 { cursor: pointer; font-size: 1.5rem; color: var(--erp-ink-350); }
.x-home86f3-19.x-home86f3-19.x-home86f3-19 { background: var(--erp-orange-100x2); }
.x-home86f3-20.x-home86f3-20.x-home86f3-20 { color: var(--erp-orange-500x2); font-size: var(--erp-fs-15); }

.x-home86f3-25.x-home86f3-25.x-home86f3-25 { max-height: 160px; overflow-y: auto; border: 1px solid var(--erp-bs-gray-200); border-radius: 6px; padding: 6px; background: var(--erp-bg-card); }
.x-home86f3-26.x-home86f3-26.x-home86f3-26 { font-size: var(--erp-fs-xs); color: var(--erp-blue-700x2); margin-top: 4px; }
.x-home86f3-27.x-home86f3-27.x-home86f3-27 { max-height: 180px; overflow-y: auto; border: 1px solid var(--erp-bs-gray-200); border-radius: 6px; margin-top: 6px; padding: 6px; }
.x-home86f3-28.x-home86f3-28.x-home86f3-28 { background: var(--erp-violet-25); }
.x-home86f3-29.x-home86f3-29.x-home86f3-29 { color: var(--erp-indigo-500x); font-size: var(--erp-fs-15); }

.x-home86f3-32.x-home86f3-32.x-home86f3-32 { width: 580px; max-width: 95vw; }
.x-home86f3-33.x-home86f3-33.x-home86f3-33 { background: var(--erp-emerald-50); }
.x-home86f3-34.x-home86f3-34.x-home86f3-34 { color: var(--erp-teal-700j); font-size: var(--erp-fs-15); }

.x-home86f3-36.x-home86f3-36.x-home86f3-36 { position: absolute; top: 6px; right: 8px; background: none; border: 0; font-size: var(--erp-fs-18); line-height: 1; color: var(--erp-danger); cursor: pointer; }
.x-home86f3-37.x-home86f3-37.x-home86f3-37 { color: var(--erp-teal-700j); font-size: var(--erp-fs-xs); }
.x-home86f3-38.x-home86f3-38.x-home86f3-38 { font-size: var(--erp-fs-12_5); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.x-home86f3-39.x-home86f3-39.x-home86f3-39 { background: var(--erp-violet-50); }
.x-home86f3-40.x-home86f3-40.x-home86f3-40 { color: var(--erp-oc-violet-600); font-size: var(--erp-fs-15); }

.x-home86f3-43.x-home86f3-43.x-home86f3-43 { height: auto; resize: vertical; line-height: 1.6; padding: 8px 12px; }
.x-home86f3-45.x-home86f3-45.x-home86f3-45 { background: var(--erp-blue-50); }

.x-home86f3-47.x-home86f3-47.x-home86f3-47 { border-left: 1px solid var(--erp-border); padding-left: 14px; }
.x-home86f3-48.x-home86f3-48.x-home86f3-48 { display: flex; gap: 0; border: 1px solid var(--erp-border); border-radius: 6px; overflow: hidden; width: fit-content; font-size: var(--erp-fs-sm); }
.x-home86f3-49.x-home86f3-49.x-home86f3-49 { padding: 4px 14px; font-weight: 600; background: var(--erp-primary); color: var(--erp-bg-card); border: none; cursor: pointer; }
.x-home86f3-50.x-home86f3-50.x-home86f3-50 { padding: 4px 14px; font-weight: 600; background: var(--erp-bg-soft,var(--erp-gray-100)); color: var(--erp-text,var(--erp-gray-700)); border: none; cursor: pointer; }


.x-home86f3-58.x-home86f3-58.x-home86f3-58 { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: var(--erp-violet-50); color: var(--erp-primary); text-decoration: none; border: 1px solid var(--erp-indigo-200); border-radius: 6px; font-size: var(--erp-fs-md); font-weight: 600; }
.x-home86f3-59.x-home86f3-59.x-home86f3-59 { border: 1px solid var(--erp-red-300); background: var(--erp-red-50); color: var(--erp-red-800); font-weight: 700; font-size: var(--erp-fs-sm); padding: 3px 10px; border-radius: 6px; cursor: pointer; }
.x-home86f3-60.x-home86f3-60.x-home86f3-60 { min-height: 200px; overflow-y: auto; resize: vertical; font-size: var(--erp-fs-md); line-height: 1.55; padding: 10px 12px; background: var(--erp-bg-card); cursor: text; outline: none; }

.x-home86f3-62.x-home86f3-62.x-home86f3-62 { height: 80px; resize: vertical; }
.x-home86f3-63.x-home86f3-63.x-home86f3-63 { border-top: 1px solid var(--erp-ink-100); padding-top: 12px; }

.x-home86f3-67.x-home86f3-67.x-home86f3-67 { margin-right: 6px; color: var(--erp-info, var(--erp-blue-600)); }

.x-home86f3-69.x-home86f3-69.x-home86f3-69 { position: absolute; top: 4px; right: 6px; background: none; border: 0; font-size: var(--erp-fs-18); line-height: 1; cursor: pointer; color: inherit; }
.x-home86f3-70.x-home86f3-70.x-home86f3-70 { white-space: pre-wrap; }
.x-home86f3-71.x-home86f3-71.x-home86f3-71 { background: var(--erp-neutral-50); padding: 15px; border-radius: 8px; margin-bottom: 20px; border: 1px solid var(--erp-bs-gray-200); }
.x-home86f3-72.x-home86f3-72.x-home86f3-72 { font-size: var(--erp-fs-16); font-weight: 700; color: var(--erp-ink-800); margin-bottom: 5px; }
.x-home86f3-73.x-home86f3-73.x-home86f3-73 { color: var(--erp-bs-gray-500); margin: 0 5px; }
.x-home86f3-74.x-home86f3-74.x-home86f3-74 { height: 150px; line-height: 1.6; }
.x-home86f3-75.x-home86f3-75.x-home86f3-75 { border-color: var(--erp-gray-300); --erp-hov-border: var(--erp-indigo-500); --erp-hov-bg: var(--erp-violet-50); display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 2px dashed var(--erp-gray-300); border-radius: 8px; cursor: pointer; background: var(--erp-gray-50); transition: border-color .15s,background .15s; }
.x-home86f3-76.x-home86f3-76.x-home86f3-76 { color: var(--erp-indigo-500); font-size: var(--erp-fs-16); }
.x-home86f3-77.x-home86f3-77.x-home86f3-77 { background: var(--erp-green-50); }
.x-home86f3-79.x-home86f3-79.x-home86f3-79 { max-width: min(640px, 94vw); }
.x-home86f3-81.x-home86f3-81.x-home86f3-81 { white-space: pre-wrap; font-size: var(--erp-fs-sm); width: 100%; }
.x-home86f3-82.x-home86f3-82.x-home86f3-82 { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 15px 20px; background: linear-gradient(135deg,var(--erp-green-600),var(--erp-green-700)); border: 0; }
.x-home86f3-83.x-home86f3-83.x-home86f3-83 { margin: 0; font-size: var(--erp-fs-16); font-weight: 800; display: flex; align-items: center; gap: 9px; color: var(--erp-bg-card); }
.x-home86f3-84.x-home86f3-84.x-home86f3-84 { cursor: pointer; font-size: 1.6rem; line-height: 1; color: var(--erp-white-a85); }
.x-home86f3-85.x-home86f3-85.x-home86f3-85 { padding: 18px 20px 4px; }
.x-home86f3-86.x-home86f3-86.x-home86f3-86 { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--erp-border); border-radius: 10px; overflow: hidden; }
.x-home86f3-87.x-home86f3-87.x-home86f3-87 { width: 92px; padding: 11px 14px; text-align: left; vertical-align: top; background: var(--erp-bg-soft); color: var(--erp-text-muted); font-weight: 700; font-size: var(--erp-fs-md); white-space: nowrap; border-bottom: 1px solid var(--erp-slate-75); }
.x-home86f3-88.x-home86f3-88.x-home86f3-88 { padding: 11px 14px; vertical-align: top; color: var(--erp-gray-800); font-weight: 600; font-size: var(--erp-fs-13_5); border-bottom: 1px solid var(--erp-slate-75); }
.x-home86f3-89.x-home86f3-89.x-home86f3-89 { padding: 11px 14px; vertical-align: top; border-bottom: 1px solid var(--erp-slate-75); }
.x-home86f3-90.x-home86f3-90.x-home86f3-90 { width: 92px; padding: 11px 14px; text-align: left; vertical-align: top; background: var(--erp-bg-soft); color: var(--erp-text-muted); font-weight: 700; font-size: var(--erp-fs-md); white-space: nowrap; }
.x-home86f3-91.x-home86f3-91.x-home86f3-91 { padding: 11px 14px; vertical-align: top; color: var(--erp-slate-700); font-weight: 500; font-size: var(--erp-fs-13_5); white-space: pre-wrap; line-height: 1.55; }
.x-home86f3-92.x-home86f3-92.x-home86f3-92 { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 20px 18px; }

.x-home86f3-94.x-home86f3-94.x-home86f3-94 { padding: 8px 18px; border-radius: 8px; font-size: var(--erp-fs-13_5); font-weight: 700; background: var(--erp-bg-card); color: var(--erp-neutral); border: 1px solid var(--erp-border-strong); cursor: pointer; }

/* templates/maintenance/dashboard.html — 97곳 → 74클래스 */
.x-dashbo3279-1.x-dashbo3279-1.x-dashbo3279-1 { display: flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border: 1px solid var(--erp-border); border-radius: 6px; background: var(--erp-bg-card); font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-gray-700); cursor: pointer; white-space: nowrap; }
.x-dashbo3279-2.x-dashbo3279-2.x-dashbo3279-2 { font-size: var(--erp-fs-2xs); color: var(--erp-text-faint); transition: transform .2s; }

.x-dashbo3279-4.x-dashbo3279-4.x-dashbo3279-4 { width: 100%; height: 30px; font-size: var(--erp-fs-sm); font-weight: 600; padding: 0 8px; border: 1px solid var(--erp-border); border-radius: 6px; background: var(--erp-bg-card); cursor: pointer; }
.x-dashbo3279-5.x-dashbo3279-5.x-dashbo3279-5 { border-top: 1px solid var(--erp-bg-hover); padding-top: 12px; }
.x-dashbo3279-6.x-dashbo3279-6.x-dashbo3279-6 { flex: 1; height: 28px; font-size: var(--erp-fs-sm); padding: 2px 6px; border: 1px solid var(--erp-border); border-radius: 6px; background: var(--erp-bg-card); }
.x-dashbo3279-7.x-dashbo3279-7.x-dashbo3279-7 { margin-top: 20px; flex: 1; min-height: 240px; position: relative; }
.x-dashbo3279-8.x-dashbo3279-8.x-dashbo3279-8 { transition: max-height 0.3s ease; overflow: hidden; width: 100%; display: flex; flex-direction: column; }
.x-dashbo3279-9.x-dashbo3279-9.x-dashbo3279-9 { flex: 0 0 160px; text-align: center; }
.x-dashbo3279-10.x-dashbo3279-10.x-dashbo3279-10 { min-height: 180px; max-height: 300px; overflow-y: auto; border: 1px solid var(--erp-bg-hover); border-radius: 6px; }
.x-dashbo3279-11.x-dashbo3279-11.x-dashbo3279-11 { width: 100%; border-collapse: collapse; table-layout: fixed; }
.x-dashbo3279-12.x-dashbo3279-12.x-dashbo3279-12 { width: 66px; }
.x-dashbo3279-13.x-dashbo3279-13.x-dashbo3279-13 { font-size: var(--erp-fs-sm); position: sticky; top: 0; z-index: 1; }
.x-dashbo3279-14.x-dashbo3279-14.x-dashbo3279-14 { background: var(--erp-bg-soft); }
.x-dashbo3279-15.x-dashbo3279-15.x-dashbo3279-15 { padding: 6px 6px; border-bottom: 1px solid var(--erp-gray-200); color: var(--erp-gray-700); text-align: left; background: var(--erp-bg-soft); }
.x-dashbo3279-16.x-dashbo3279-16.x-dashbo3279-16 { padding: 6px 6px; border-bottom: 1px solid var(--erp-gray-200); color: var(--erp-gray-700); text-align: center; background: var(--erp-bg-soft); }
.x-dashbo3279-17.x-dashbo3279-17.x-dashbo3279-17 { padding: 6px 6px; border-bottom: 1px solid var(--erp-neutral-100); text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.x-dashbo3279-18.x-dashbo3279-18.x-dashbo3279-18 { padding: 6px 6px; border-bottom: 1px solid var(--erp-neutral-100); text-align: center; white-space: nowrap; }
.x-dashbo3279-19.x-dashbo3279-19.x-dashbo3279-19 { padding: 6px 6px; border-bottom: 1px solid var(--erp-neutral-100); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.x-dashbo3279-20.x-dashbo3279-20.x-dashbo3279-20 { padding: 6px 6px; border-bottom: 1px solid var(--erp-neutral-100); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.x-dashbo3279-21.x-dashbo3279-21.x-dashbo3279-21 { margin-top: auto; padding-top: 8px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-bottom: 0; }
.x-dashbo3279-22.x-dashbo3279-22.x-dashbo3279-22 { max-height: 240px; overflow-y: auto; border: 1px solid var(--erp-border); border-radius: 8px; }
.x-dashbo3279-23.x-dashbo3279-23.x-dashbo3279-23 { max-height: 260px; overflow-y: auto; border: 1px solid var(--erp-border); border-radius: 8px; }
.x-dashbo3279-24.x-dashbo3279-24.x-dashbo3279-24 { white-space: normal; margin-top: 2px; font-size: var(--erp-fs-xs); color: var(--erp-danger); line-height: 1.45; }
.x-dashbo3279-25.x-dashbo3279-25.x-dashbo3279-25 { white-space: normal; margin-top: 2px; font-size: var(--erp-fs-xs); color: var(--erp-text-faint); }
.x-dashbo3279-26.x-dashbo3279-26.x-dashbo3279-26 { background: none; border: none; padding: 2px 6px; color: var(--erp-primary); cursor: pointer; font-size: var(--erp-fs-sm); }
.x-dashbo3279-27.x-dashbo3279-27.x-dashbo3279-27 { background: none; border: none; padding: 2px 6px; color: var(--erp-danger); cursor: pointer; font-size: var(--erp-fs-md); }

.x-dashbo3279-29.x-dashbo3279-29.x-dashbo3279-29 { margin-top: 8px; padding: 10px 12px; border: 1px solid var(--erp-border); border-radius: 8px; background: var(--erp-bg-soft); }
.x-dashbo3279-30.x-dashbo3279-30.x-dashbo3279-30 { flex: 0 0 130px; }
.x-dashbo3279-31.x-dashbo3279-31.x-dashbo3279-31 { flex: 1 1 180px; position: relative; }
.x-dashbo3279-32.x-dashbo3279-32.x-dashbo3279-32 { flex: 0 0 110px; }

.x-dashbo3279-35.x-dashbo3279-35.x-dashbo3279-35 { white-space: nowrap; padding: 4px 12px; font-size: var(--erp-fs-xs); background: var(--erp-primary); color: var(--erp-bg-card); border: none; border-radius: 6px; cursor: pointer; }

.x-dashbo3279-37.x-dashbo3279-37.x-dashbo3279-37 { width: 100%; resize: vertical; margin-top: 8px; }
.x-dashbo3279-38.x-dashbo3279-38.x-dashbo3279-38 { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; padding: 0; cursor: pointer; font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-text-strong); }
.x-dashbo3279-39.x-dashbo3279-39.x-dashbo3279-39 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); transition: transform .15s; }
.x-dashbo3279-40.x-dashbo3279-40.x-dashbo3279-40 { width: 100%; resize: vertical; }
.x-dashbo3279-41.x-dashbo3279-41.x-dashbo3279-41 { font-size: var(--erp-fs-xs); padding: 3px 8px; background: var(--erp-teal-100x); color: var(--erp-oc-teal-900); }
.x-dashbo3279-42.x-dashbo3279-42.x-dashbo3279-42 { font-size: var(--erp-fs-xs); padding: 3px 8px; background: var(--erp-orange-100x2); color: var(--erp-orange-600x3); }
.x-dashbo3279-43.x-dashbo3279-43.x-dashbo3279-43 { font-size: var(--erp-fs-xs); padding: 3px 8px; background: var(--erp-indigo-25); color: var(--erp-indigo-550); }
.x-dashbo3279-44.x-dashbo3279-44.x-dashbo3279-44 { font-size: var(--erp-fs-xs); padding: 3px 8px; background: var(--erp-neutral-100); color: var(--erp-blue-700x2); }
.x-dashbo3279-45.x-dashbo3279-45.x-dashbo3279-45 { cursor: pointer; font-size: 1.5rem; color: var(--erp-ink-350); }
.x-dashbo3279-46.x-dashbo3279-46.x-dashbo3279-46 { display: flex; gap: 0; border: 1px solid var(--erp-border); border-radius: 6px; overflow: hidden; width: fit-content; font-size: var(--erp-fs-sm); }
.x-dashbo3279-47.x-dashbo3279-47.x-dashbo3279-47 { padding: 4px 14px; font-weight: 600; background: var(--erp-primary); color: var(--erp-bg-card); border: none; cursor: pointer; }
.x-dashbo3279-48.x-dashbo3279-48.x-dashbo3279-48 { padding: 4px 14px; font-weight: 600; background: var(--erp-bg-soft,var(--erp-gray-100)); color: var(--erp-text,var(--erp-gray-700)); border: none; cursor: pointer; }

.x-dashbo3279-51.x-dashbo3279-51.x-dashbo3279-51 { margin: 0; min-width: 40px; }
.x-dashbo3279-52.x-dashbo3279-52.x-dashbo3279-52 { margin: 0; min-width: 40px; margin-left: 10px; }

.x-dashbo3279-55.x-dashbo3279-55.x-dashbo3279-55 { height: 100px; resize: vertical; font-size: var(--erp-fs-sm); line-height: 1.4; }
.x-dashbo3279-56.x-dashbo3279-56.x-dashbo3279-56 { color: var(--erp-bs-gray-500); margin: 0 5px; }
.x-dashbo3279-57.x-dashbo3279-57.x-dashbo3279-57 { border-color: var(--erp-gray-300); --erp-hov-border: var(--erp-primary); --erp-hov-bg: var(--erp-primary-soft); display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 2px dashed var(--erp-gray-300); border-radius: 8px; cursor: pointer; background: var(--erp-gray-50); transition: border-color .15s,background .15s; }
.x-dashbo3279-58.x-dashbo3279-58.x-dashbo3279-58 { color: var(--erp-primary); font-size: var(--erp-fs-16); }
.x-dashbo3279-59.x-dashbo3279-59.x-dashbo3279-59 { border: none; border-top: 2px solid var(--erp-gray-200); margin: 24px 0; }
.x-dashbo3279-60.x-dashbo3279-60.x-dashbo3279-60 { display: flex; align-items: center; gap: 12px; margin: 24px 0 16px 0; }
.x-dashbo3279-61.x-dashbo3279-61.x-dashbo3279-61 { flex: 1; height: 2px; background: var(--erp-oc-teal-700); }
.x-dashbo3279-62.x-dashbo3279-62.x-dashbo3279-62 { font-size: var(--erp-fs-15); font-weight: 700; color: var(--erp-oc-teal-700); white-space: nowrap; }
.x-dashbo3279-63.x-dashbo3279-63.x-dashbo3279-63 { border: none; cursor: pointer; }
.x-dashbo3279-64.x-dashbo3279-64.x-dashbo3279-64 { cursor: help; }
.x-dashbo3279-65.x-dashbo3279-65.x-dashbo3279-65 { background: var(--erp-oc-teal-700); color: var(--erp-bg-card); border: none; padding: 4px 8px; border-radius: 4px; font-size: var(--erp-fs-xs); font-weight: 600; cursor: pointer; }
.x-dashbo3279-67.x-dashbo3279-67.x-dashbo3279-67 { display: grid; grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); gap: 16px; }
.x-dashbo3279-68.x-dashbo3279-68.x-dashbo3279-68 { border: 1px solid var(--erp-gray-200); border-radius: 8px; overflow: hidden; background: var(--erp-bg-card); }
.x-dashbo3279-69.x-dashbo3279-69.x-dashbo3279-69 { padding: 10px 12px; background: var(--erp-bg-soft); border-bottom: 1px solid var(--erp-gray-200); font-weight: 600; color: var(--erp-text-strong); font-size: var(--erp-fs-md); }
.x-dashbo3279-70.x-dashbo3279-70.x-dashbo3279-70 { padding: 14px 12px; color: var(--erp-gray-400); font-size: var(--erp-fs-md); text-align: center; }
.x-dashbo3279-71.x-dashbo3279-71.x-dashbo3279-71 { border-radius: 10px; border: 1px solid var(--erp-neutral-200); }
.x-dashbo3279-72.x-dashbo3279-72.x-dashbo3279-72 { border-bottom: 1px solid var(--erp-neutral-200); background: var(--erp-bg-soft); }
.x-dashbo3279-73.x-dashbo3279-73.x-dashbo3279-73 { border-top: 1px solid var(--erp-neutral-200); }

/* templates/sales/dashboard.html — 94곳 → 54클래스 */
.x-dashbo433e-1.x-dashbo433e-1.x-dashbo433e-1 { font-size: var(--erp-fs-2xs); padding: 2px 8px; border-radius: 10px; border: none; background: var(--erp-primary); color: var(--erp-bg-card); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-dashbo433e-2.x-dashbo433e-2.x-dashbo433e-2 { font-size: var(--erp-fs-9); }
.x-dashbo433e-3.x-dashbo433e-3.x-dashbo433e-3 { font-size: var(--erp-fs-16); font-weight: 800; color: var(--erp-text-faint); text-align: center; margin-bottom: 8px; letter-spacing: 1px; }
.x-dashbo433e-4.x-dashbo433e-4.x-dashbo433e-4 { height: 240px; width: 100%; }
.x-dashbo433e-5.x-dashbo433e-5.x-dashbo433e-5 { width: 110px; padding: 4px 8px; font-size: var(--erp-fs-xs); border: 1px solid var(--erp-gray-300); border-radius: 4px; }
.x-dashbo433e-6.x-dashbo433e-6.x-dashbo433e-6 { padding: 4px 8px; font-size: var(--erp-fs-xs); background: none; border: 1px solid var(--erp-gray-300); border-radius: 4px; cursor: pointer; color: var(--erp-gray-500); }
.x-dashbo433e-7.x-dashbo433e-7.x-dashbo433e-7 { text-align: center; margin: 12px 0 8px; }
.x-dashbo433e-8.x-dashbo433e-8.x-dashbo433e-8 { font-size: var(--erp-fs-sm); padding: 5px 16px; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 4px; cursor: pointer; color: var(--erp-text-muted); }

.x-dashbo433e-10.x-dashbo433e-10.x-dashbo433e-10 { background: var(--erp-bg-card); border-radius: 14px; box-shadow: 0 8px 40px var(--erp-black-a18); width: 520px; max-width: 96vw; overflow: hidden; }
.x-dashbo433e-11.x-dashbo433e-11.x-dashbo433e-11 { padding: 18px 24px; border-bottom: 1px solid var(--erp-neutral-200); background: var(--erp-bg-soft); display: flex; align-items: center; justify-content: space-between; }
.x-dashbo433e-12.x-dashbo433e-12.x-dashbo433e-12 { font-size: var(--erp-fs-16); font-weight: 800; color: var(--erp-text); }
.x-dashbo433e-13.x-dashbo433e-13.x-dashbo433e-13 { background: none; border: none; font-size: var(--erp-fs-20); color: var(--erp-text-faint); cursor: pointer; line-height: 1; }
.x-dashbo433e-14.x-dashbo433e-14.x-dashbo433e-14 { padding: 20px 24px; }
.x-dashbo433e-15.x-dashbo433e-15.x-dashbo433e-15 { background: var(--erp-primary-soft); border: 1px solid var(--erp-indigo-200); border-radius: 8px; padding: 12px 14px; margin-bottom: 14px; }
.x-dashbo433e-16.x-dashbo433e-16.x-dashbo433e-16 { flex: 1; min-width: 140px; padding: 7px 10px; border: 1px solid var(--erp-indigo-300); border-radius: 7px; font-size: var(--erp-fs-md); font-weight: 600; text-align: right; background: var(--erp-bg-card); }
.x-dashbo433e-17.x-dashbo433e-17.x-dashbo433e-17 { padding: 7px 14px; border: none; border-radius: 7px; background: var(--erp-primary); color: var(--erp-bg-card); font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-dashbo433e-18.x-dashbo433e-18.x-dashbo433e-18 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.x-dashbo433e-19.x-dashbo433e-19.x-dashbo433e-19 { width: 100%; padding: 7px 10px; border: 1px solid var(--erp-border-strong); border-radius: 7px; font-size: var(--erp-fs-md); font-weight: 600; text-align: right; }
.x-dashbo433e-20.x-dashbo433e-20.x-dashbo433e-20 { background: var(--erp-bg-soft); border-radius: 8px; padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; border: 1px solid var(--erp-border); }
.x-dashbo433e-21.x-dashbo433e-21.x-dashbo433e-21 { font-size: var(--erp-fs-18); font-weight: 800; color: var(--erp-indigo-500); }
.x-dashbo433e-22.x-dashbo433e-22.x-dashbo433e-22 { padding: 9px 22px; border: 1px solid var(--erp-gray-300); border-radius: 8px; background: var(--erp-bg-card); font-size: var(--erp-fs-md); font-weight: 600; color: var(--erp-gray-500); cursor: pointer; }
.x-dashbo433e-23.x-dashbo433e-23.x-dashbo433e-23 { padding: 9px 22px; border: none; border-radius: 8px; background: var(--erp-primary); color: var(--erp-bg-card); font-size: var(--erp-fs-md); font-weight: 700; cursor: pointer; box-shadow: 0 3px 8px rgba(99,102,241,0.3); }
.x-dashbo433e-24.x-dashbo433e-24.x-dashbo433e-24 { display: flex; align-items: center; gap: 12px; margin: 24px 0 16px 0; }
.x-dashbo433e-25.x-dashbo433e-25.x-dashbo433e-25 { flex: 1; height: 2px; background: var(--erp-accent); }
.x-dashbo433e-26.x-dashbo433e-26.x-dashbo433e-26 { font-size: var(--erp-fs-15); font-weight: 700; color: var(--erp-accent); white-space: nowrap; }
.x-dashbo433e-27.x-dashbo433e-27.x-dashbo433e-27 { margin: 0 16px 14px 16px; }
.x-dashbo433e-28.x-dashbo433e-28.x-dashbo433e-28 { background: none; border: none; padding: 2px 6px; color: var(--erp-primary, var(--erp-amber-600)); font-weight: 700; cursor: pointer; text-decoration: underline; font-size: inherit; }
.x-dashbo433e-29.x-dashbo433e-29.x-dashbo433e-29 { border-top: 2px solid var(--erp-gray-200); }

.x-dashbo433e-31.x-dashbo433e-31.x-dashbo433e-31 { background: var(--erp-bg-card); border-radius: 14px; box-shadow: 0 12px 40px var(--erp-black-a22); width: 1320px; max-width: 96vw; max-height: 88vh; overflow: hidden; display: flex; flex-direction: column; }
.x-dashbo433e-32.x-dashbo433e-32.x-dashbo433e-32 { padding: 10px 22px; background: var(--erp-amber-50); border-bottom: 1px solid var(--erp-warning-border); font-size: var(--erp-fs-sm); color: var(--erp-amber-800); }

.x-dashbo433e-36.x-dashbo433e-36.x-dashbo433e-36 { padding: 12px 22px; border-top: 1px solid var(--erp-neutral-200); background: var(--erp-bg-soft); display: flex; justify-content: flex-end; gap: 8px; }
.x-dashbo433e-37.x-dashbo433e-37.x-dashbo433e-37 { background: var(--erp-bg-card); border-radius: 14px; box-shadow: 0 12px 40px var(--erp-black-a22); width: 560px; max-width: 96vw; max-height: 88vh; overflow: hidden; display: flex; flex-direction: column; }
.x-dashbo433e-38.x-dashbo433e-38.x-dashbo433e-38 { padding: 16px 22px; border-bottom: 1px solid var(--erp-neutral-200); background: var(--erp-orange-50); display: flex; align-items: center; justify-content: space-between; }
.x-dashbo433e-39.x-dashbo433e-39.x-dashbo433e-39 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-orange-800); }
.x-dashbo433e-40.x-dashbo433e-40.x-dashbo433e-40 { padding: 14px 22px; background: var(--erp-amber-50); border-bottom: 1px solid var(--erp-warning-border); font-size: var(--erp-fs-sm); color: var(--erp-amber-800); line-height: 1.5; }
.x-dashbo433e-41.x-dashbo433e-41.x-dashbo433e-41 { padding: 6px 14px 0 14px; }
.x-dashbo433e-42.x-dashbo433e-42.x-dashbo433e-42 { display: flex; justify-content: space-between; align-items: center; padding: 0 4px 8px 4px; }

.x-dashbo433e-44.x-dashbo433e-44.x-dashbo433e-44 { overflow-y: auto; padding: 4px 14px 14px 14px; flex: 1; min-height: 160px; }
.x-dashbo433e-45.x-dashbo433e-45.x-dashbo433e-45 { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 7px; cursor: pointer; border: 1px solid var(--erp-bg-hover); margin-bottom: 4px; }
.x-dashbo433e-46.x-dashbo433e-46.x-dashbo433e-46 { padding: 14px 22px; border-top: 1px solid var(--erp-neutral-200); background: var(--erp-bg-soft); display: flex; justify-content: flex-end; gap: 8px; }
.x-dashbo433e-47.x-dashbo433e-47.x-dashbo433e-47 { background: none; border: 1px solid var(--erp-amber-600); color: var(--erp-amber-600); padding: 6px 18px; border-radius: 6px; cursor: pointer; font-size: var(--erp-fs-lg); }

.x-dashbo433e-49.x-dashbo433e-49.x-dashbo433e-49 { background: var(--erp-bg-card); border-radius: 14px; box-shadow: 0 12px 40px var(--erp-black-a22); width: 1240px; max-width: 96vw; max-height: 88vh; overflow: hidden; display: flex; flex-direction: column; }

.x-dashbo433e-51.x-dashbo433e-51.x-dashbo433e-51 { border-radius: 10px; border: 1px solid var(--erp-neutral-200); }
.x-dashbo433e-52.x-dashbo433e-52.x-dashbo433e-52 { border-bottom: 1px solid var(--erp-neutral-200); background: var(--erp-bg-soft); }
.x-dashbo433e-53.x-dashbo433e-53.x-dashbo433e-53 { border-top: 1px solid var(--erp-neutral-200); }

/* templates/core/mypage.html — 69곳 → 49클래스 */

.x-mypage75b3-2.x-mypage75b3-2.x-mypage75b3-2 { color: var(--erp-gray-300); font-size: var(--erp-fs-16); }
.x-mypage75b3-3.x-mypage75b3-3.x-mypage75b3-3 { color: var(--erp-cyan-600); }
.x-mypage75b3-4.x-mypage75b3-4.x-mypage75b3-4 { margin-top: 4px; color: var(--erp-red-600); border-color: var(--erp-red-300); font-size: var(--erp-fs-xs); }
.x-mypage75b3-5.x-mypage75b3-5.x-mypage75b3-5 { margin-top: 4px; color: var(--erp-blue-600); border-color: var(--erp-blue-300); font-size: var(--erp-fs-xs); }
.x-mypage75b3-6.x-mypage75b3-6.x-mypage75b3-6 { font-size: var(--erp-fs-xs); color: var(--erp-blue-600); border-color: var(--erp-blue-300); }
.x-mypage75b3-7.x-mypage75b3-7.x-mypage75b3-7 { display: grid; grid-template-columns: minmax(180px, 1fr) 2fr; gap: 16px; align-items: start; }
.x-mypage75b3-8.x-mypage75b3-8.x-mypage75b3-8 { border: 1px solid var(--erp-gray-200); border-radius: 10px; padding: 18px; text-align: center; background: linear-gradient(180deg,var(--erp-gray-50),var(--erp-bg-card)); }
.x-mypage75b3-9.x-mypage75b3-9.x-mypage75b3-9 { font-size: var(--erp-fs-32); font-weight: 800; color: var(--erp-blue-600); }
.x-mypage75b3-10.x-mypage75b3-10.x-mypage75b3-10 { height: 6px; border-radius: 3px; margin-bottom: 6px; }
.x-mypage75b3-11.x-mypage75b3-11.x-mypage75b3-11 { border: 1px solid var(--erp-gray-200); border-radius: 10px; overflow: hidden; }
.x-mypage75b3-12.x-mypage75b3-12.x-mypage75b3-12 { width: 100%; border-collapse: collapse; font-size: var(--erp-fs-md); }
.x-mypage75b3-13.x-mypage75b3-13.x-mypage75b3-13 { background: var(--erp-gray-50); color: var(--erp-gray-500); }
.x-mypage75b3-14.x-mypage75b3-14.x-mypage75b3-14 { border-top: 1px solid var(--erp-gray-100); }
.x-mypage75b3-15.x-mypage75b3-15.x-mypage75b3-15 { font-size: var(--erp-fs-24); margin-bottom: 8px; display: block; }

.x-mypage75b3-17.x-mypage75b3-17.x-mypage75b3-17 { background: var(--erp-bg-card); border-radius: 10px; width: 420px; max-width: 95vw; box-shadow: 0 10px 30px var(--erp-black-a20); }
.x-mypage75b3-18.x-mypage75b3-18.x-mypage75b3-18 { padding: 14px 18px; border-bottom: 1px solid var(--erp-gray-200); display: flex; justify-content: space-between; align-items: center; }
.x-mypage75b3-19.x-mypage75b3-19.x-mypage75b3-19 { margin: 0; font-size: var(--erp-fs-15); font-weight: 700; }
.x-mypage75b3-20.x-mypage75b3-20.x-mypage75b3-20 { cursor: pointer; font-size: 1.5rem; color: var(--erp-gray-400); }
.x-mypage75b3-21.x-mypage75b3-21.x-mypage75b3-21 { font-size: var(--erp-fs-15); font-weight: 700; color: var(--erp-gray-900); margin-bottom: 12px; }
.x-mypage75b3-22.x-mypage75b3-22.x-mypage75b3-22 { font-size: var(--erp-fs-15); font-weight: 700; color: var(--erp-blue-600); margin-bottom: 12px; }
.x-mypage75b3-23.x-mypage75b3-23.x-mypage75b3-23 { font-size: var(--erp-fs-md); color: var(--erp-gray-700); line-height: 1.5; min-height: 40px; background: var(--erp-gray-50); border-radius: 6px; padding: 10px; }
.x-mypage75b3-24.x-mypage75b3-24.x-mypage75b3-24 { padding: 12px 18px; border-top: 1px solid var(--erp-gray-200); display: flex; justify-content: flex-end; }
.x-mypage75b3-25.x-mypage75b3-25.x-mypage75b3-25 { background: var(--erp-bg-card); border-radius: 10px; width: 500px; max-width: 95vw; max-height: 85vh; display: flex; flex-direction: column; box-shadow: 0 10px 30px var(--erp-black-a20); }
.x-mypage75b3-26.x-mypage75b3-26.x-mypage75b3-26 { background: var(--erp-bg-hover); color: var(--erp-text-muted); }
.x-mypage75b3-27.x-mypage75b3-27.x-mypage75b3-27 { background: var(--erp-warning-bg); color: var(--erp-amber-800); }
.x-mypage75b3-28.x-mypage75b3-28.x-mypage75b3-28 { background: var(--erp-green-100); color: var(--erp-green-800); }
.x-mypage75b3-29.x-mypage75b3-29.x-mypage75b3-29 { background: var(--erp-red-100); color: var(--erp-red-800); }
.x-mypage75b3-30.x-mypage75b3-30.x-mypage75b3-30 { background: var(--erp-green-100); color: var(--erp-green-600); }
.x-mypage75b3-31.x-mypage75b3-31.x-mypage75b3-31 { background: var(--erp-red-100); color: var(--erp-red-600); }
.x-mypage75b3-32.x-mypage75b3-32.x-mypage75b3-32 { background: var(--erp-warning-bg); color: var(--erp-amber-600); }
.x-mypage75b3-33.x-mypage75b3-33.x-mypage75b3-33 { background: var(--erp-blue-50); color: var(--erp-blue-600); }
.x-mypage75b3-34.x-mypage75b3-34.x-mypage75b3-34 { background: var(--erp-indigo-50x2); color: var(--erp-indigo-500x); }
.x-mypage75b3-35.x-mypage75b3-35.x-mypage75b3-35 { background: var(--erp-orange-100x2); color: var(--erp-orange-600x3); }
.x-mypage75b3-36.x-mypage75b3-36.x-mypage75b3-36 { background: var(--erp-orange-100x2); color: var(--erp-orange-600x); }
.x-mypage75b3-37.x-mypage75b3-37.x-mypage75b3-37 { font-size: var(--erp-fs-xs); color: var(--erp-info); border-color: var(--erp-info-border); }
.x-mypage75b3-38.x-mypage75b3-38.x-mypage75b3-38 { font-size: var(--erp-fs-xs); color: var(--erp-primary); border-color: var(--erp-indigo-200); }
.x-mypage75b3-39.x-mypage75b3-39.x-mypage75b3-39 { font-size: var(--erp-fs-18); font-weight: 800; color: var(--erp-primary); }
.x-mypage75b3-40.x-mypage75b3-40.x-mypage75b3-40 { font-size: var(--erp-fs-18); font-weight: 800; color: var(--erp-text); }
.x-mypage75b3-41.x-mypage75b3-41.x-mypage75b3-41 { flex: 0 1 auto; }
.x-mypage75b3-42.x-mypage75b3-42.x-mypage75b3-42 { padding: 12px 16px 16px; }
.x-mypage75b3-43.x-mypage75b3-43.x-mypage75b3-43 { color: var(--erp-gray-500); font-size: var(--erp-fs-11_5); }
.x-mypage75b3-44.x-mypage75b3-44.x-mypage75b3-44 { padding: 30px; text-align: center; color: var(--erp-gray-400); font-size: var(--erp-fs-12_5); }
.x-mypage75b3-45.x-mypage75b3-45.x-mypage75b3-45 { border-bottom: 1px solid var(--erp-gray-100); }
.x-mypage75b3-46.x-mypage75b3-46.x-mypage75b3-46 { width: 60px; height: 60px; }
.x-mypage75b3-47.x-mypage75b3-47.x-mypage75b3-47 { touch-action: none; }
.x-mypage75b3-48.x-mypage75b3-48.x-mypage75b3-48 { display: block; width: 200px; height: 200px; margin: 0 auto; cursor: crosshair; background: var(--erp-zinc-50); }
.x-mypage75b3-49.x-mypage75b3-49.x-mypage75b3-49 { background: var(--erp-blue-600); color: var(--erp-bg-card); border-color: var(--erp-blue-600); }

/* templates/finance/billing_detail.html — 59곳 → 49클래스 */
.x-billinf5b6-1.x-billinf5b6-1.x-billinf5b6-1 { color: inherit; text-decoration: none; border-bottom: 1px dashed var(--erp-text-faint); padding-bottom: 1px; }
.x-billinf5b6-2.x-billinf5b6-2.x-billinf5b6-2 { font-size: var(--erp-fs-xs); font-weight: 700; background: var(--erp-m-green-50); color: var(--erp-m-green-800); padding: 3px 10px; border-radius: 20px; border: 1px solid var(--erp-green-300x); }
.x-billinf5b6-4.x-billinf5b6-4.x-billinf5b6-4 { padding: 0 20px 18px; }
.x-billinf5b6-5.x-billinf5b6-5.x-billinf5b6-5 { padding: 0 20px 14px; font-size: var(--erp-fs-md); color: var(--erp-neutral); }
.x-billinf5b6-6.x-billinf5b6-6.x-billinf5b6-6 { background: var(--erp-bg-hover); color: var(--erp-text-muted); padding: 3px 8px; border-radius: 4px; border: 1px solid var(--erp-border); }
.x-billinf5b6-7.x-billinf5b6-7.x-billinf5b6-7 { color: var(--erp-border-strong); font-size: var(--erp-fs-9); }
.x-billinf5b6-8.x-billinf5b6-8.x-billinf5b6-8 { background: var(--erp-blue-50); color: var(--erp-blue-500); padding: 3px 8px; border-radius: 4px; border: 1px solid var(--erp-blue-200); }
.x-billinf5b6-9.x-billinf5b6-9.x-billinf5b6-9 { background: var(--erp-warning-bg); color: var(--erp-amber-600); padding: 3px 8px; border-radius: 4px; border: 1px solid var(--erp-warning-border); }
.x-billinf5b6-10.x-billinf5b6-10.x-billinf5b6-10 { background: var(--erp-green-50); color: var(--erp-green-600); padding: 3px 8px; border-radius: 4px; border: 1px solid var(--erp-green-200); }
.x-billinf5b6-11.x-billinf5b6-11.x-billinf5b6-11 { padding: 3px 10px; }
.x-billinf5b6-12.x-billinf5b6-12.x-billinf5b6-12 { display: inline-block; background: var(--erp-warning-bg); color: var(--erp-amber-800); border: 1px solid var(--erp-warning-border); font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 4px; text-decoration: none; }
.x-billinf5b6-13.x-billinf5b6-13.x-billinf5b6-13 { display: inline-block; background: var(--erp-blue-50); color: var(--erp-blue-500); border: 1px solid var(--erp-blue-200); font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 4px; text-decoration: none; }
.x-billinf5b6-14.x-billinf5b6-14.x-billinf5b6-14 { border: none; cursor: pointer; font: inherit; }
.x-billinf5b6-15.x-billinf5b6-15.x-billinf5b6-15 { background: var(--erp-bg-card); border: 1px dashed var(--erp-border); border-radius: 8px; margin: 12px 20px; }
.x-billinf5b6-16.x-billinf5b6-16.x-billinf5b6-16 { width: 95vw; max-width: 1400px; padding: 24px 28px; overflow-y: auto; max-height: 94vh; }
.x-billinf5b6-17.x-billinf5b6-17.x-billinf5b6-17 { background: var(--erp-green-100); color: var(--erp-green-800); padding: 1px 7px; border-radius: 8px; font-size: var(--erp-fs-2xs); font-weight: 700; }
.x-billinf5b6-18.x-billinf5b6-18.x-billinf5b6-18 { font-weight: 700; color: var(--erp-slate-700); letter-spacing: 0.2px; }
.x-billinf5b6-19.x-billinf5b6-19.x-billinf5b6-19 { border-right: 1px solid var(--erp-gray-200); }
.x-billinf5b6-20.x-billinf5b6-20.x-billinf5b6-20 { border-top: 2px solid var(--erp-text-muted); }
.x-billinf5b6-21.x-billinf5b6-21.x-billinf5b6-21 { border-top: 2px solid var(--erp-text-muted); padding: 8px 12px; }
.x-billinf5b6-22.x-billinf5b6-22.x-billinf5b6-22 { padding: 10px 16px; border-top: 2px solid var(--erp-text-muted); }
.x-billinf5b6-23.x-billinf5b6-23.x-billinf5b6-23 { border-top: 2px solid var(--erp-text-muted); padding: 10px 16px; }
.x-billinf5b6-24.x-billinf5b6-24.x-billinf5b6-24 { table-layout: fixed; }
.x-billinf5b6-25.x-billinf5b6-25.x-billinf5b6-25 { width: 55px; }
.x-billinf5b6-26.x-billinf5b6-26.x-billinf5b6-26 { background: var(--erp-blue-50); text-align: center; padding: 8px; }
.x-billinf5b6-27.x-billinf5b6-27.x-billinf5b6-27 { accent-color: var(--erp-blue-700); }

.x-billinf5b6-29.x-billinf5b6-29.x-billinf5b6-29 { width: 1000px; max-width: 96vw; max-height: 94vh; overflow-y: auto; }
.x-billinf5b6-29 .pf-input.pf-input--xs { width: 100%; }
.x-billinf5b6-30.x-billinf5b6-30.x-billinf5b6-30 { font-size: var(--erp-fs-15); color: var(--erp-red-600); }

.x-billinf5b6-33.x-billinf5b6-33.x-billinf5b6-33 { display: flex; align-items: center; gap: 3px; background: var(--erp-bg-hover); border: 1px solid var(--erp-border); border-radius: 4px; padding: 1px 4px; cursor: pointer; font-size: var(--erp-fs-2xs); font-weight: 600; color: var(--erp-neutral); }

.x-billinf5b6-36.x-billinf5b6-36.x-billinf5b6-36 { margin: 16px 0 12px; }
.x-billinf5b6-37.x-billinf5b6-37.x-billinf5b6-37 { max-width: 680px; width: 95%; }
.x-billinf5b6-38.x-billinf5b6-38.x-billinf5b6-38 { padding: 16px 20px 0; border-bottom: 1px solid var(--erp-border); }
.x-billinf5b6-39.x-billinf5b6-39.x-billinf5b6-39 { font-size: var(--erp-fs-15); }
.x-billinf5b6-40.x-billinf5b6-40.x-billinf5b6-40 { display: flex; gap: 0; margin-bottom: -1px; }

.x-billinf5b6-45.x-billinf5b6-45.x-billinf5b6-45 { background: var(--erp-bg-soft); border-radius: 8px; padding: 10px 14px; margin-bottom: 12px; font-size: var(--erp-fs-sm); }
.x-billinf5b6-46.x-billinf5b6-46.x-billinf5b6-46 { font-size: var(--erp-fs-sm); color: var(--erp-indigo-500); background: none; border: 1px dashed var(--erp-indigo-500); border-radius: 6px; padding: 4px 14px; cursor: pointer; margin-top: 8px; }
.x-billinf5b6-47.x-billinf5b6-47.x-billinf5b6-47 { border-radius: 6px; font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; }
.x-billinf5b6-48.x-billinf5b6-48.x-billinf5b6-48 { width: 95vw; max-width: 1000px; padding: 22px 26px; overflow-y: auto; max-height: 90vh; }
.x-billinf5b6-49.x-billinf5b6-49.x-billinf5b6-49 { min-height: 120px; }

/* templates/management/dashboard.html — 53곳 → 39클래스 */
.x-dashbo4e7b-1.x-dashbo4e7b-1.x-dashbo4e7b-1 { border: 1.5px solid var(--erp-warning-border); background: var(--erp-warning-bg); border-radius: 10px; padding: 14px 16px; }
.x-dashbo4e7b-2.x-dashbo4e7b-2.x-dashbo4e7b-2 { font-size: var(--erp-fs-sm); font-weight: 800; color: var(--erp-warning-strong); text-transform: uppercase; letter-spacing: 0.4px; }
.x-dashbo4e7b-3.x-dashbo4e7b-3.x-dashbo4e7b-3 { font-size: var(--erp-fs-xs); padding: 4px 10px cursor: pointer; }
.x-dashbo4e7b-4.x-dashbo4e7b-4.x-dashbo4e7b-4 { font-size: var(--erp-fs-2xs); padding: 2px 8px; }
.x-dashbo4e7b-5.x-dashbo4e7b-5.x-dashbo4e7b-5 { font-size: var(--erp-fs-9); }
.x-dashbo4e7b-6.x-dashbo4e7b-6.x-dashbo4e7b-6 { border: 1.5px solid var(--erp-success-border); background: var(--erp-success-bg); border-radius: 10px; padding: 14px 16px; }
.x-dashbo4e7b-7.x-dashbo4e7b-7.x-dashbo4e7b-7 { font-size: var(--erp-fs-sm); font-weight: 800; color: var(--erp-green-800); text-transform: uppercase; letter-spacing: 0.4px; }
.x-dashbo4e7b-8.x-dashbo4e7b-8.x-dashbo4e7b-8 { font-size: var(--erp-fs-2xs); padding: 2px 8px; }
.x-dashbo4e7b-9.x-dashbo4e7b-9.x-dashbo4e7b-9 { border: 1.5px solid var(--erp-info-border); background: var(--erp-info-bg); border-radius: 10px; padding: 14px 16px; }
.x-dashbo4e7b-10.x-dashbo4e7b-10.x-dashbo4e7b-10 { font-size: var(--erp-fs-sm); font-weight: 800; color: var(--erp-blue-800); text-transform: uppercase; letter-spacing: 0.4px; }
.x-dashbo4e7b-11.x-dashbo4e7b-11.x-dashbo4e7b-11 { display: inline-flex; background: var(--erp-bg-hover); border-radius: 8px; padding: 3px; gap: 2px; }
.x-dashbo4e7b-12.x-dashbo4e7b-12.x-dashbo4e7b-12 { border: 1.5px solid var(--erp-danger-border); background: var(--erp-danger-bg); border-radius: 10px; padding: 14px 16px; }
.x-dashbo4e7b-13.x-dashbo4e7b-13.x-dashbo4e7b-13 { font-size: var(--erp-fs-sm); font-weight: 800; color: var(--erp-danger-strong); text-transform: uppercase; letter-spacing: 0.4px; }
.x-dashbo4e7b-14.x-dashbo4e7b-14.x-dashbo4e7b-14 { font-weight: 600; text-transform: none; }
.x-dashbo4e7b-15.x-dashbo4e7b-15.x-dashbo4e7b-15 { background: var(--erp-orange-500); color: var(--erp-bg-card); border-radius: 8px; padding: 1px 5px; font-size: var(--erp-fs-9); font-weight: 700; }
.x-dashbo4e7b-16.x-dashbo4e7b-16.x-dashbo4e7b-16 { font-size: var(--erp-fs-2xs); padding: 2px 6px; }
.x-dashbo4e7b-17.x-dashbo4e7b-17.x-dashbo4e7b-17 { background: var(--erp-success); color: var(--erp-bg-card); border-radius: 8px; padding: 1px 5px; font-size: var(--erp-fs-9); font-weight: 700; }
.x-dashbo4e7b-18.x-dashbo4e7b-18.x-dashbo4e7b-18 { background: var(--erp-blue-600); color: var(--erp-bg-card); border-radius: 8px; padding: 1px 5px; font-size: var(--erp-fs-9); font-weight: 700; }
.x-dashbo4e7b-19.x-dashbo4e7b-19.x-dashbo4e7b-19 { width: 17%; }

.x-dashbo4e7b-21.x-dashbo4e7b-21.x-dashbo4e7b-21 { background: var(--erp-bg-card); border-radius: 12px; width: 96vw; max-width: 1100px; max-height: 92vh; display: flex; flex-direction: column; box-shadow: 0 14px 44px var(--erp-black-a28); overflow: hidden; }
.x-dashbo4e7b-22.x-dashbo4e7b-22.x-dashbo4e7b-22 { display: flex; justify-content: space-between; align-items: center; padding: 16px 22px; border-bottom: 1px solid var(--erp-blue-100x11); flex-shrink: 0; }
.x-dashbo4e7b-23.x-dashbo4e7b-23.x-dashbo4e7b-23 { font-size: var(--erp-fs-15); font-weight: 700; }
.x-dashbo4e7b-24.x-dashbo4e7b-24.x-dashbo4e7b-24 { font-size: var(--erp-fs-sm); color: var(--erp-amber-800); background: var(--erp-amber-50); border: 1px solid var(--erp-warning-border); border-radius: 8px; padding: 9px 12px; margin-bottom: 12px; }
.x-dashbo4e7b-25.x-dashbo4e7b-25.x-dashbo4e7b-25 { display: flex; gap: 8px; justify-content: flex-end; padding: 14px 22px; border-top: 1px solid var(--erp-blue-100x11); flex-shrink: 0; }

.x-dashbo4e7b-27.x-dashbo4e7b-27.x-dashbo4e7b-27 { background: var(--erp-bg-card); border-radius: 12px; width: 96vw; max-width: 1200px; max-height: 90vh; display: flex; flex-direction: column; box-shadow: 0 16px 48px var(--erp-black-a25); overflow: hidden; }
.x-dashbo4e7b-28.x-dashbo4e7b-28.x-dashbo4e7b-28 { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 2px solid var(--erp-bg-hover); flex-shrink: 0; }
.x-dashbo4e7b-29.x-dashbo4e7b-29.x-dashbo4e7b-29 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-text); }
.x-dashbo4e7b-30.x-dashbo4e7b-30.x-dashbo4e7b-30 { font-size: var(--erp-fs-sm); color: var(--erp-m-indigo-400); text-decoration: none; font-weight: 600; padding: 4px 10px; border: 1px solid var(--erp-indigo-200); border-radius: 6px; background: var(--erp-primary-soft); }
.x-dashbo4e7b-31.x-dashbo4e7b-31.x-dashbo4e7b-31 { background: none; border: none; font-size: var(--erp-fs-20); color: var(--erp-text-faint); cursor: pointer; line-height: 1; }
.x-dashbo4e7b-32.x-dashbo4e7b-32.x-dashbo4e7b-32 { padding: 10px 18px 6px; border-bottom: 2px solid var(--erp-emerald-50); background: var(--erp-bg-soft); }
.x-dashbo4e7b-33.x-dashbo4e7b-33.x-dashbo4e7b-33 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-green-600); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; }
.x-dashbo4e7b-34.x-dashbo4e7b-34.x-dashbo4e7b-34 { color: var(--erp-text-faint); font-size: var(--erp-fs-md); padding: 10px 0; }

.x-dashbo4e7b-36.x-dashbo4e7b-36.x-dashbo4e7b-36 { background: var(--erp-bg-card); border: 1px solid var(--erp-indigo-100j); border-radius: 8px; padding: 10px 14px; margin-bottom: 12px; font-size: var(--erp-fs-sm); color: var(--erp-violet-900); }
.x-dashbo4e7b-37.x-dashbo4e7b-37.x-dashbo4e7b-37 { font-size: var(--erp-fs-sm); color: var(--erp-purple); background: var(--erp-bg-card); border: 1px dashed var(--erp-purple); border-radius: 6px; padding: 5px 14px; cursor: pointer; margin-top: 6px; font-weight: 600; }
.x-dashbo4e7b-38.x-dashbo4e7b-38.x-dashbo4e7b-38 { padding: 6px 14px; border: 1px solid var(--erp-border-strong); background: var(--erp-bg-card); color: var(--erp-neutral); border-radius: 6px; font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; }
.x-dashbo4e7b-39.x-dashbo4e7b-39.x-dashbo4e7b-39 { padding: 6px 18px; background: var(--erp-purple); color: var(--erp-bg-card); border: none; border-radius: 6px; font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; }

/* templates/contracts/contract_print.html — 39곳 → 12클래스 */
.x-contra9e7d-1.x-contra9e7d-1.x-contra9e7d-1 { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.x-contra9e7d-2.x-contra9e7d-2.x-contra9e7d-2 { max-width: 95%; max-height: 95%; object-fit: contain; }
.x-contra9e7d-3.x-contra9e7d-3.x-contra9e7d-3 { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; background: var(--erp-gray-50j); color: var(--erp-ink-350); font-size: var(--erp-fs-xs); }
.x-contra9e7d-4.x-contra9e7d-4.x-contra9e7d-4 { width: 35%; }
.x-contra9e7d-5.x-contra9e7d-5.x-contra9e7d-5 { font-weight: bold; font-size: 1.1em; }
.x-contra9e7d-6.x-contra9e7d-6.x-contra9e7d-6 { font-weight: bold; font-size: 1.1em; color: var(--erp-ink-800); }
.x-contra9e7d-7.x-contra9e7d-7.x-contra9e7d-7 { color: var(--erp-indigo-900x); }
.x-contra9e7d-8.x-contra9e7d-8.x-contra9e7d-8 { background: var(--erp-admin-700); color: white; }
.x-contra9e7d-9.x-contra9e7d-9.x-contra9e7d-9 { text-align: right !important; }
.x-contra9e7d-10.x-contra9e7d-10.x-contra9e7d-10 { text-align: right !important; color: var(--erp-m-green-800); }
.x-contra9e7d-11.x-contra9e7d-11.x-contra9e7d-11 { width: 33%; }
.x-contra9e7d-12.x-contra9e7d-12.x-contra9e7d-12 { margin-top: 40px; text-align: right; color: var(--erp-ink-400); font-size: var(--erp-fs-xs); border-top: 1px solid var(--erp-ink-100); padding-top: 10px; }

/* templates/core/company_list.html — 24곳 → 20클래스 */
.x-companb0d1-2.x-companb0d1-2.x-companb0d1-2 { font-size: var(--erp-fs-9); }
.x-companb0d1-3.x-companb0d1-3.x-companb0d1-3 { background: var(--erp-red-100); color: var(--erp-red-800); font-size: var(--erp-fs-2xs); font-weight: 800; padding: 1px 6px; border-radius: 8px; margin-left: 4px; }
.x-companb0d1-4.x-companb0d1-4.x-companb0d1-4 { background: var(--erp-warning-bg); color: var(--erp-amber-800); font-size: var(--erp-fs-2xs); font-weight: 800; padding: 1px 6px; border-radius: 8px; margin-left: 4px; }
.x-companb0d1-5.x-companb0d1-5.x-companb0d1-5 { width: 26%; }
.x-companb0d1-6.x-companb0d1-6.x-companb0d1-6 { text-align: left; font-weight: 700; color: var(--erp-neutral); text-decoration: line-through; }
.x-companb0d1-7.x-companb0d1-7.x-companb0d1-7 { background: var(--erp-bg-hover); color: var(--erp-neutral); font-size: var(--erp-fs-2xs); font-weight: 800; padding: 1px 6px; border-radius: 8px; margin-left: 4px; }
.x-companb0d1-8.x-companb0d1-8.x-companb0d1-8 { background: var(--erp-amber-50); border-color: var(--erp-warning-border); }
.x-companb0d1-9.x-companb0d1-9.x-companb0d1-9 { background: var(--erp-warning-strong); }
.x-companb0d1-10.x-companb0d1-10.x-companb0d1-10 { background: var(--erp-warning-bg); border: 1px solid var(--erp-warning-border); border-radius: 8px; padding: 12px 14px; font-size: var(--erp-fs-md); margin-bottom: 14px; color: var(--erp-amber-800); }
.x-companb0d1-11.x-companb0d1-11.x-companb0d1-11 { padding: 9px 12px; background: var(--erp-bg-hover); border: 1px solid var(--erp-border); border-radius: 7px; font-size: var(--erp-fs-lg); font-weight: 600; color: var(--erp-neutral); text-decoration: line-through; }
.x-companb0d1-12.x-companb0d1-12.x-companb0d1-12 { text-align: center; font-size: var(--erp-fs-18); color: var(--erp-warning-strong); }
.x-companb0d1-13.x-companb0d1-13.x-companb0d1-13 { padding: 9px 12px; background: var(--erp-emerald-50); border: 1.5px solid var(--erp-green-300); border-radius: 7px; font-size: var(--erp-fs-lg); font-weight: 700; color: var(--erp-green-800); }
.x-companb0d1-14.x-companb0d1-14.x-companb0d1-14 { background: var(--erp-warning-strong); color: var(--erp-bg-card); }
.x-companb0d1-15.x-companb0d1-15.x-companb0d1-15 { width: 860px; max-width: 94vw; max-height: 88vh; }
.x-companb0d1-16.x-companb0d1-16.x-companb0d1-16 { max-height: 72vh; }
.x-companb0d1-17.x-companb0d1-17.x-companb0d1-17 { background: var(--erp-violet-50); border: 1px solid var(--erp-indigo-100j); border-radius: 8px; padding: 10px 14px; font-size: var(--erp-fs-12_5); margin-bottom: 14px; color: var(--erp-violet-800); }
.x-companb0d1-18.x-companb0d1-18.x-companb0d1-18 { width: 100%; padding: 9px 12px; border: 1px solid var(--erp-border); border-radius: 8px; font-size: var(--erp-fs-md); }
.x-companb0d1-19.x-companb0d1-19.x-companb0d1-19 { font-size: var(--erp-fs-sm); color: var(--erp-text-faint); padding: 14px; text-align: center; border: 1px dashed var(--erp-border); border-radius: 8px; }
.x-companb0d1-20.x-companb0d1-20.x-companb0d1-20 { background: var(--erp-purple); color: var(--erp-bg-card); opacity: .5; pointer-events: none; }

/* templates/finance/_tax_invoice_link_modal.html — 27곳 → 21클래스 */
.x-taxinvbfbe-1.x-taxinvbfbe-1.x-taxinvbfbe-1 { max-width: 98vw; width: 98vw; height: 94vh; max-height: 94vh; }
.x-taxinvbfbe-2.x-taxinvbfbe-2.x-taxinvbfbe-2 { border-bottom: 2px solid var(--erp-bg-hover); flex-shrink: 0; }
.x-taxinvbfbe-3.x-taxinvbfbe-3.x-taxinvbfbe-3 { padding: 14px 18px 10px; border-bottom: 2px solid var(--erp-green-50); background: var(--erp-bg-soft); }
.x-taxinvbfbe-4.x-taxinvbfbe-4.x-taxinvbfbe-4 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-green-600); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; }
.x-taxinvbfbe-5.x-taxinvbfbe-5.x-taxinvbfbe-5 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-neutral); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.x-taxinvbfbe-6.x-taxinvbfbe-6.x-taxinvbfbe-6 { flex: 1; padding: 8px 12px; border: 1.5px solid var(--erp-border); border-radius: 7px; font-size: var(--erp-fs-md); outline: none; }
.x-taxinvbfbe-7.x-taxinvbfbe-7.x-taxinvbfbe-7 { padding: 8px 18px; background: var(--erp-m-indigo-400); color: var(--erp-bg-card); border: none; border-radius: 7px; font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-taxinvbfbe-9.x-taxinvbfbe-9.x-taxinvbfbe-9 { padding: 7px 14px; border-radius: 7px; border: 1.5px solid var(--erp-purple); background: var(--erp-bg-card); color: var(--erp-purple); font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-taxinvbfbe-10.x-taxinvbfbe-10.x-taxinvbfbe-10 { font-size: var(--erp-fs-2xs); margin-left: 3px; padding: 1px 5px; border-radius: 3px; background: var(--erp-purple-bg); color: var(--erp-purple); }
.x-taxinvbfbe-11.x-taxinvbfbe-11.x-taxinvbfbe-11 { z-index: 1065; }
.x-taxinvbfbe-12.x-taxinvbfbe-12.x-taxinvbfbe-12 { border: 2px solid var(--erp-purple); border-radius: 12px; box-shadow: 0 8px 32px rgba(124,58,237,0.18); }
.x-taxinvbfbe-13.x-taxinvbfbe-13.x-taxinvbfbe-13 { background: linear-gradient(135deg,var(--erp-purple),var(--erp-violet-700)); border-radius: 10px 10px 0 0; padding: 14px 20px; }
.x-taxinvbfbe-14.x-taxinvbfbe-14.x-taxinvbfbe-14 { color: var(--erp-white-a75); font-size: var(--erp-fs-xs); margin-top: 3px; }
.x-taxinvbfbe-15.x-taxinvbfbe-15.x-taxinvbfbe-15 { padding: 22px 22px 14px; }
.x-taxinvbfbe-16.x-taxinvbfbe-16.x-taxinvbfbe-16 { grid-column: 1/-1; }
.x-taxinvbfbe-17.x-taxinvbfbe-17.x-taxinvbfbe-17 { grid-column: 1/-1; position: relative; }
.x-taxinvbfbe-18.x-taxinvbfbe-18.x-taxinvbfbe-18 { padding: 12px 20px; gap: 8px; border-top: 1px solid var(--erp-border); }
.x-taxinvbfbe-19.x-taxinvbfbe-19.x-taxinvbfbe-19 { min-width: 170px; }
.x-taxinvbfbe-20.x-taxinvbfbe-20.x-taxinvbfbe-20 { border-bottom: 2px solid var(--erp-red-50); }
.x-taxinvbfbe-21.x-taxinvbfbe-21.x-taxinvbfbe-21 { padding: 8px 18px; background: var(--erp-blue-600); color: var(--erp-bg-card); border: none; border-radius: 7px; font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }

/* templates/contracts/contract_list.html — 18곳 → 15클래스 */
.x-contraec82-2.x-contraec82-2.x-contraec82-2 { font-size: 0.85em; }
.x-contraec82-3.x-contraec82-3.x-contraec82-3 { font-size: 0.65rem; }
.x-contraec82-4.x-contraec82-4.x-contraec82-4 { background: linear-gradient(135deg,var(--erp-purple),var(--erp-violet-700)); color: var(--erp-bg-card); }
.x-contraec82-5.x-contraec82-5.x-contraec82-5 { background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.x-contraec82-6.x-contraec82-6.x-contraec82-6 { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--erp-text-faint); font-size: var(--erp-fs-md); pointer-events: none; }
.x-contraec82-7.x-contraec82-7.x-contraec82-7 { width: 100%; padding: 8px 12px 8px 32px; font-size: var(--erp-fs-md); border: 1.5px solid var(--erp-border); border-radius: 6px; outline: none; }
.x-contraec82-8.x-contraec82-8.x-contraec82-8 { border-radius: 8px; overflow: hidden; border: 1px solid var(--erp-border); }
.x-contraec82-9.x-contraec82-9.x-contraec82-9 { background: var(--erp-bg-hover); }
.x-contraec82-10.x-contraec82-10.x-contraec82-10 { width: 110px; padding: 10px 12px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); text-transform: uppercase; text-align: center; }
.x-contraec82-11.x-contraec82-11.x-contraec82-11 { padding: 10px 12px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); text-transform: uppercase; text-align: center; }
.x-contraec82-12.x-contraec82-12.x-contraec82-12 { width: 100px; text-align: center; padding: 10px 12px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); text-transform: uppercase; }
.x-contraec82-13.x-contraec82-13.x-contraec82-13 { width: 120px; text-align: center; padding: 10px 12px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); text-transform: uppercase; }
.x-contraec82-14.x-contraec82-14.x-contraec82-14 { width: 44px; padding: 10px 8px; }

/* groupware/templates/groupware/proposal_form.html — 14곳 → 9클래스 */
.x-propos439e-1.x-propos439e-1.x-propos439e-1 { flex-shrink: 0; padding-top: 3px; }
.x-propos439e-2.x-propos439e-2.x-propos439e-2 { font-size: var(--erp-fs-sm); max-width: 380px; }
.x-propos439e-3.x-propos439e-3.x-propos439e-3 { grid-column: 1/-1; }
.x-propos439e-4.x-propos439e-4.x-propos439e-4 { border: 2px dashed var(--erp-border); border-radius: var(--erp-radius-md); padding: 28px 16px; text-align: center; cursor: pointer; transition: border-color .15s, background .15s; background: var(--erp-bg-soft); }
.x-propos439e-5.x-propos439e-5.x-propos439e-5 { width: min(600px,96vw); max-height: min(88vh,720px); }
.x-propos439e-6.x-propos439e-6.x-propos439e-6 { font-size: var(--erp-fs-lg); font-weight: 700; color: var(--erp-text-strong); word-break: break-word; }
.x-propos439e-7.x-propos439e-7.x-propos439e-7 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; }
.x-propos439e-8.x-propos439e-8.x-propos439e-8 { color: var(--erp-text-muted); align-self: flex-start; }
.x-propos439e-9.x-propos439e-9.x-propos439e-9 { white-space: pre-wrap; word-break: break-word; line-height: 1.5; }

/* templates/maintenance/_schedule_create_modal.html — 7곳 → 7클래스 */
.x-schedu0ef7-1.x-schedu0ef7-1.x-schedu0ef7-1 { background: var(--erp-blue-50); }
.x-schedu0ef7-2.x-schedu0ef7-2.x-schedu0ef7-2 { position: absolute; top: 6px; right: 8px; background: none; border: 0; font-size: var(--erp-fs-18); line-height: 1; color: var(--erp-danger); cursor: pointer; }
.x-schedu0ef7-3.x-schedu0ef7-3.x-schedu0ef7-3 { border-left: 1px solid var(--erp-border); padding-left: 14px; }
.x-schedu0ef7-4.x-schedu0ef7-4.x-schedu0ef7-4 { padding: 4px 14px; font-weight: 600; background: var(--erp-primary); color: var(--erp-bg-card); border: none; cursor: pointer; }
.x-schedu0ef7-5.x-schedu0ef7-5.x-schedu0ef7-5 { padding: 4px 14px; font-weight: 600; background: var(--erp-bg-soft,var(--erp-gray-100)); color: var(--erp-text,var(--erp-gray-700)); border: none; cursor: pointer; }
.x-schedu0ef7-6.x-schedu0ef7-6.x-schedu0ef7-6 { border: 1px solid var(--erp-red-300); background: var(--erp-red-50); color: var(--erp-red-800); font-weight: 700; font-size: var(--erp-fs-sm); padding: 3px 10px; border-radius: 6px; cursor: pointer; }
.x-schedu0ef7-7.x-schedu0ef7-7.x-schedu0ef7-7 { min-height: 200px; overflow-y: auto; resize: vertical; font-size: var(--erp-fs-md); line-height: 1.55; padding: 10px 12px; background: var(--erp-bg-card); cursor: text; outline: none; }

/* templates/finance/barobill_tax_sync.html — 20곳 → 18클래스 */
.x-barobi8af7-1.x-barobi8af7-1.x-barobi8af7-1 { margin-top: 10px; padding: 10px 14px; background: var(--erp-blue-50); border-radius: 6px; }
.x-barobi8af7-2.x-barobi8af7-2.x-barobi8af7-2 { background: var(--erp-bg-card); border-radius: 12px; padding: 24px 28px; width: 92vw; max-width: 560px; box-shadow: 0 12px 40px var(--erp-black-a20); }
.x-barobi8af7-3.x-barobi8af7-3.x-barobi8af7-3 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-text); }
.x-barobi8af7-4.x-barobi8af7-4.x-barobi8af7-4 { background: none; border: none; font-size: var(--erp-fs-18); color: var(--erp-text-faint); cursor: pointer; line-height: 1; }
.x-barobi8af7-5.x-barobi8af7-5.x-barobi8af7-5 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); margin-top: 7px; line-height: 1.5; }
.x-barobi8af7-6.x-barobi8af7-6.x-barobi8af7-6 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-teal-700); margin-left: 8px; background: var(--erp-teal-100); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-teal-300); }
.x-barobi8af7-7.x-barobi8af7-7.x-barobi8af7-7 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-blue-800); background: var(--erp-blue-50); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-blue-200); cursor: pointer; }
.x-barobi8af7-8.x-barobi8af7-8.x-barobi8af7-8 { --erp-hov-bg: var(--erp-blue-100); }
.x-barobi8af7-9.x-barobi8af7-9.x-barobi8af7-9 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-neutral); background: var(--erp-bg-soft); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-border); cursor: pointer; }
.x-barobi8af7-10.x-barobi8af7-10.x-barobi8af7-10 { --erp-hov-bg: var(--erp-bg-hover); }
.x-barobi8af7-12.x-barobi8af7-12.x-barobi8af7-12 { font-size: var(--erp-fs-9); color: var(--erp-text-faint); }
.x-barobi8af7-13.x-barobi8af7-13.x-barobi8af7-13 { font-size: var(--erp-fs-2xs); padding: 2px 8px color: var(--erp-red-600) border-radius: 4px; cursor: pointer; }
.x-barobi8af7-14.x-barobi8af7-14.x-barobi8af7-14 { font-size: var(--erp-fs-xs); padding: 4px 12px color: var(--erp-bg-card) border-radius: 6px; cursor: pointer; font-weight: 700; }
.x-barobi8af7-15.x-barobi8af7-15.x-barobi8af7-15 { font-size: var(--erp-fs-xs); padding: 4px 12px color: var(--erp-bg-card) border-radius: 6px; cursor: pointer; font-weight: 700; }
.x-barobi8af7-16.x-barobi8af7-16.x-barobi8af7-16 { font-size: var(--erp-fs-xs); padding: 4px 12px color: var(--erp-bg-card) border-radius: 6px; cursor: pointer; font-weight: 700; }
.x-barobi8af7-17.x-barobi8af7-17.x-barobi8af7-17 { padding: 4px 12px; font-size: var(--erp-fs-sm); color: var(--erp-neutral); background: var(--erp-bg-soft); border-radius: 6px; }
.x-barobi8af7-18.x-barobi8af7-18.x-barobi8af7-18 { width: auto; font-size: var(--erp-fs-xs); padding: 2px 24px 2px 8px; }

/* templates/finance/bulk_payment_batch_detail.html — 19곳 → 12클래스 */
.x-bulkpa1b88-1.x-bulkpa1b88-1.x-bulkpa1b88-1 { flex: 1 1 300px; }
.x-bulkpa1b88-2.x-bulkpa1b88-2.x-bulkpa1b88-2 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-transform: uppercase; }
.x-bulkpa1b88-3.x-bulkpa1b88-3.x-bulkpa1b88-3 { font-size: var(--erp-fs-15); font-weight: 700; }
.x-bulkpa1b88-4.x-bulkpa1b88-4.x-bulkpa1b88-4 { font-size: var(--erp-fs-15); font-weight: 700; color: var(--erp-danger); }
.x-bulkpa1b88-5.x-bulkpa1b88-5.x-bulkpa1b88-5 { grid-column: 1/-1; }
.x-bulkpa1b88-6.x-bulkpa1b88-6.x-bulkpa1b88-6 { flex: 1 1 480px; }
.x-bulkpa1b88-7.x-bulkpa1b88-7.x-bulkpa1b88-7 { --aflow-draft-w: 165px; }
.x-bulkpa1b88-9.x-bulkpa1b88-9.x-bulkpa1b88-9 { background: var(--erp-bg-soft); font-weight: 700; }
.x-bulkpa1b88-10.x-bulkpa1b88-10.x-bulkpa1b88-10 { width: 132px; }
.x-bulkpa1b88-11.x-bulkpa1b88-11.x-bulkpa1b88-11 { color: var(--erp-success); font-size: var(--erp-fs-20); }
.x-bulkpa1b88-12.x-bulkpa1b88-12.x-bulkpa1b88-12 { background: var(--erp-bg-card); border-radius: 12px; max-width: 820px; width: 94%; max-height: 86vh; overflow: auto; }

/* groupware/templates/groupware/helpdesk_detail.html — 18곳 → 15클래스 */
.x-helpde37e2-2.x-helpde37e2-2.x-helpde37e2-2 { background: var(--erp-bg-card); border-radius: var(--erp-radius-lg); padding: 28px 32px; max-width: 420px; width: 90%; box-shadow: 0 16px 48px var(--erp-black-a20); }
.x-helpde37e2-4.x-helpde37e2-4.x-helpde37e2-4 { font-variant-numeric: tabular-nums; }
.x-helpde37e2-5.x-helpde37e2-5.x-helpde37e2-5 { color: var(--erp-text-muted); font-variant-numeric: tabular-nums; }
.x-helpde37e2-6.x-helpde37e2-6.x-helpde37e2-6 { margin: 12px 0; padding: 16px 20px; background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); border-radius: var(--erp-radius-lg); }
.x-helpde37e2-7.x-helpde37e2-7.x-helpde37e2-7 { flex: 1; resize: vertical; font-size: var(--erp-fs-sm); }
.x-helpde37e2-8.x-helpde37e2-8.x-helpde37e2-8 { white-space: nowrap; }
.x-helpde37e2-9.x-helpde37e2-9.x-helpde37e2-9 { margin: 12px 0; padding: 16px 20px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: var(--erp-radius-lg); }
.x-helpde37e2-10.x-helpde37e2-10.x-helpde37e2-10 { font-size: var(--erp-fs-lg); font-weight: 700; color: var(--erp-text-strong); margin: 24px 0 10px; padding-bottom: 8px; border-bottom: 1px solid var(--erp-border); }
.x-helpde37e2-11.x-helpde37e2-11.x-helpde37e2-11 { background: var(--erp-bg-card); border: 1px dashed var(--erp-border); border-radius: 8px; }
.x-helpde37e2-12.x-helpde37e2-12.x-helpde37e2-12 { background: var(--erp-bg-card); border-radius: 12px; padding: 28px 32px; max-width: 400px; width: 92%; box-shadow: 0 16px 48px var(--erp-black-a22); }
.x-helpde37e2-13.x-helpde37e2-13.x-helpde37e2-13 { position: fixed; top: 16px; right: 20px; background: var(--erp-white-a15); border: none; color: var(--erp-bg-card); font-size: var(--erp-fs-2xl); width: 40px; height: 40px; border-radius: 50%; cursor: pointer; line-height: 40px; text-align: center; }
.x-helpde37e2-14.x-helpde37e2-14.x-helpde37e2-14 { max-width: 92vw; max-height: 88vh; object-fit: contain; border-radius: 8px; box-shadow: 0 24px 64px var(--erp-black-a60); cursor: default; }
.x-helpde37e2-15.x-helpde37e2-15.x-helpde37e2-15 { margin-top: 10px; color: var(--erp-white-a60); font-size: var(--erp-fs-sm); text-decoration: none; }

/* templates/finance/barobill_bank_sync.html — 19곳 → 14클래스 */
.x-barobi4bd4-1.x-barobi4bd4-1.x-barobi4bd4-1 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-teal-700); margin-left: 8px; background: var(--erp-teal-100); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-teal-300); }
.x-barobi4bd4-2.x-barobi4bd4-2.x-barobi4bd4-2 { font-size: var(--erp-fs-xs); font-weight: 600; color: var(--erp-neutral); margin-left: 6px; background: var(--erp-bg-hover); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-border-strong); }
.x-barobi4bd4-3.x-barobi4bd4-3.x-barobi4bd4-3 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-amber-800); background: var(--erp-warning-bg); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-amber-300); }
.x-barobi4bd4-4.x-barobi4bd4-4.x-barobi4bd4-4 { font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-blue-900); background: var(--erp-blue-100); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-blue-300); }
.x-barobi4bd4-5.x-barobi4bd4-5.x-barobi4bd4-5 { background: var(--erp-orange-50); }
.x-barobi4bd4-6.x-barobi4bd4-6.x-barobi4bd4-6 { background: var(--erp-bg-card); border-radius: 12px; width: 480px; max-width: 96vw; padding: 28px 24px; box-shadow: 0 8px 32px var(--erp-black-a18); }
.x-barobi4bd4-7.x-barobi4bd4-7.x-barobi4bd4-7 { margin: 0 0 20px; font-size: var(--erp-fs-lg); font-weight: 700; }
.x-barobi4bd4-8.x-barobi4bd4-8.x-barobi4bd4-8 { grid-template-columns: 1fr 1fr; gap: 12px; }
.x-barobi4bd4-9.x-barobi4bd4-9.x-barobi4bd4-9 { grid-column: 1/-1; }
.x-barobi4bd4-10.x-barobi4bd4-10.x-barobi4bd4-10 { background: var(--erp-bg-card); border-radius: 12px; padding: 24px 28px; width: 92vw; max-width: 660px; box-shadow: 0 12px 40px var(--erp-black-a20); }
.x-barobi4bd4-11.x-barobi4bd4-11.x-barobi4bd4-11 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-text); }
.x-barobi4bd4-12.x-barobi4bd4-12.x-barobi4bd4-12 { background: none; border: none; font-size: var(--erp-fs-18); color: var(--erp-text-faint); cursor: pointer; line-height: 1; }
.x-barobi4bd4-13.x-barobi4bd4-13.x-barobi4bd4-13 { font-size: var(--erp-fs-md); color: var(--erp-text); background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 6px; padding: 8px 10px; }
.x-barobi4bd4-14.x-barobi4bd4-14.x-barobi4bd4-14 { color: var(--erp-text-faint); font-weight: 700; font-size: var(--erp-fs-15); }

/* templates/core/executive_dashboard.html — 22곳 → 15클래스 */
.x-executf3ef-1.x-executf3ef-1.x-executf3ef-1 { min-width: 75px; }
.x-executf3ef-2.x-executf3ef-2.x-executf3ef-2 { color: var(--erp-orange-500x); }
.x-executf3ef-3.x-executf3ef-3.x-executf3ef-3 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); margin-bottom: 12px; text-transform: uppercase; letter-spacing: .5px; }
.x-executf3ef-4.x-executf3ef-4.x-executf3ef-4 { background: var(--erp-green-50); border-bottom: 1px solid var(--erp-border); }
.x-executf3ef-5.x-executf3ef-5.x-executf3ef-5 { background: var(--erp-blue-50); border-bottom: 1px solid var(--erp-border); }
.x-executf3ef-6.x-executf3ef-6.x-executf3ef-6 { background: var(--erp-green-50); font-size: var(--erp-fs-xs); }
.x-executf3ef-7.x-executf3ef-7.x-executf3ef-7 { background: var(--erp-blue-50); font-size: var(--erp-fs-xs); }
.x-executf3ef-8.x-executf3ef-8.x-executf3ef-8 { cursor: pointer; border: none; font-size: inherit; font-family: inherit; margin-bottom: 8px; }
.x-executf3ef-9.x-executf3ef-9.x-executf3ef-9 { width: 100%; border-collapse: collapse; font-size: var(--erp-fs-md); white-space: nowrap; }
.x-executf3ef-10.x-executf3ef-10.x-executf3ef-10 { background: var(--erp-bg-soft); border-bottom: 2px solid var(--erp-border); }
.x-executf3ef-11.x-executf3ef-11.x-executf3ef-11 { border-bottom: 1px solid var(--erp-bg-hover); }
.x-executf3ef-12.x-executf3ef-12.x-executf3ef-12 { padding: 24px 0; text-align: center; color: var(--erp-text-faint); }
.x-executf3ef-13.x-executf3ef-13.x-executf3ef-13 { width: 100%; table-layout: fixed; }
.x-executf3ef-14.x-executf3ef-14.x-executf3ef-14 { width: 46%; }
.x-executf3ef-15.x-executf3ef-15.x-executf3ef-15 { width: 78px; }

/* templates/finance/dashboard.html — 21곳 → 19클래스 */
.x-dashbo6ad6-1.x-dashbo6ad6-1.x-dashbo6ad6-1 { padding: 20px; grid-template-columns: repeat(3,1fr); }
.x-dashbo6ad6-2.x-dashbo6ad6-2.x-dashbo6ad6-2 { margin: 0 20px 8px; color: var(--erp-text-muted); font-size: var(--erp-fs-sm); line-height: 1.75; }
.x-dashbo6ad6-3.x-dashbo6ad6-3.x-dashbo6ad6-3 { font-size: var(--erp-fs-sm); width: 100%; min-width: 820px; }
.x-dashbo6ad6-4.x-dashbo6ad6-4.x-dashbo6ad6-4 { font-weight: 700; background: var(--erp-bg-soft); }
.x-dashbo6ad6-5.x-dashbo6ad6-5.x-dashbo6ad6-5 { text-align: center; padding: 8px 0 4px; }
.x-dashbo6ad6-6.x-dashbo6ad6-6.x-dashbo6ad6-6 { grid-template-columns: repeat(3,1fr); margin-bottom: 14px; }
.x-dashbo6ad6-7.x-dashbo6ad6-7.x-dashbo6ad6-7 { font-size: var(--erp-fs-sm); margin: 0 20px 20px; width: calc(100% - 40px); }
.x-dashbo6ad6-8.x-dashbo6ad6-8.x-dashbo6ad6-8 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-text-strong); padding: 0 20px 8px; }
.x-dashbo6ad6-9.x-dashbo6ad6-9.x-dashbo6ad6-9 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-text-strong); padding: 20px 20px 6px; }
.x-dashbo6ad6-10.x-dashbo6ad6-10.x-dashbo6ad6-10 { font-size: var(--erp-fs-sm); margin: 0 20px 16px; width: calc(100% - 40px); }
.x-dashbo6ad6-11.x-dashbo6ad6-11.x-dashbo6ad6-11 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-text-strong); padding: 0 20px 6px; }
.x-dashbo6ad6-12.x-dashbo6ad6-12.x-dashbo6ad6-12 { font-size: var(--erp-fs-11_5); width: 100%; min-width: 760px; }
.x-dashbo6ad6-13.x-dashbo6ad6-13.x-dashbo6ad6-13 { position: sticky; left: 0; background: var(--erp-bg-soft); }
.x-dashbo6ad6-14.x-dashbo6ad6-14.x-dashbo6ad6-14 { position: sticky; left: 0; background: var(--erp-bg-card); white-space: nowrap; }
.x-dashbo6ad6-15.x-dashbo6ad6-15.x-dashbo6ad6-15 { padding: 14px 20px; border-bottom: 1px solid var(--erp-border); }
.x-dashbo6ad6-16.x-dashbo6ad6-16.x-dashbo6ad6-16 { flex: 1; resize: vertical; }
.x-dashbo6ad6-17.x-dashbo6ad6-17.x-dashbo6ad6-17 { white-space: nowrap; align-self: stretch; }
.x-dashbo6ad6-18.x-dashbo6ad6-18.x-dashbo6ad6-18 { white-space: pre-wrap; }
.x-dashbo6ad6-19.x-dashbo6ad6-19.x-dashbo6ad6-19 { padding: 8px 20px 14px; }

/* templates/sales/estimate_form.html — 20곳 → 16클래스 */
.x-estima1529-1.x-estima1529-1.x-estima1529-1 { font-size: var(--erp-fs-md); padding: 6px 14px; font-family: inherit; }
.x-estima1529-2.x-estima1529-2.x-estima1529-2 { padding: 10px 20px; background: var(--erp-yellow-100); border-bottom: 1px solid var(--erp-warning-border); font-size: var(--erp-fs-md); color: var(--erp-amber-800); }
.x-estima1529-3.x-estima1529-3.x-estima1529-3 { font-weight: 700; color: var(--erp-text-faint); font-size: var(--erp-fs-xs); text-transform: uppercase; }
.x-estima1529-4.x-estima1529-4.x-estima1529-4 { background: none; border: none; padding: 0; margin-left: 4px; color: var(--erp-indigo-500); font-size: var(--erp-fs-15); cursor: pointer; line-height: 1; }
.x-estima1529-5.x-estima1529-5.x-estima1529-5 { color: var(--erp-cyan-600); }
.x-estima1529-6.x-estima1529-6.x-estima1529-6 { background: var(--erp-red-100); border: 1px solid var(--erp-red-300); border-radius: 6px; padding: 8px 14px; font-size: var(--erp-fs-md); color: var(--erp-red-600); margin-bottom: 10px; }
.x-estima1529-7.x-estima1529-7.x-estima1529-7 { min-width: 100px; width: 100%; background-color: var(--erp-neutral-50); }
.x-estima1529-8.x-estima1529-8.x-estima1529-8 { min-width: 210px; }
.x-estima1529-9.x-estima1529-9.x-estima1529-9 { width: 42px; }
.x-estima1529-10.x-estima1529-10.x-estima1529-10 { text-align: right; padding: 10px 14px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 8px; font-weight: 700; }
.x-estima1529-11.x-estima1529-11.x-estima1529-11 { color: var(--erp-blue-800); font-size: var(--erp-fs-15); }
.x-estima1529-12.x-estima1529-12.x-estima1529-12 { background: var(--erp-indigo-100); color: var(--erp-primary-strong); }
.x-estima1529-13.x-estima1529-13.x-estima1529-13 { padding: 0 24px 12px; }
.x-estima1529-14.x-estima1529-14.x-estima1529-14 { text-transform: uppercase; }
.x-estima1529-15.x-estima1529-15.x-estima1529-15 { background: var(--erp-primary-strong); padding: 7px 12px; font-size: var(--erp-fs-sm); }
.x-estima1529-16.x-estima1529-16.x-estima1529-16 { background: var(--erp-primary-strong); }

/* templates/core/design_system.html — 24곳 → 23클래스 */
.x-design0c87-1.x-design0c87-1.x-design0c87-1 { font-family: ui-monospace, Menlo, Consolas, monospace; color: var(--erp-text-faint); }
.x-design0c87-2.x-design0c87-2.x-design0c87-2 { background: var(--erp-primary); }
.x-design0c87-3.x-design0c87-3.x-design0c87-3 { background: var(--erp-primary-strong); }
.x-design0c87-4.x-design0c87-4.x-design0c87-4 { background: var(--erp-primary-deep); }
.x-design0c87-5.x-design0c87-5.x-design0c87-5 { background: var(--erp-primary-soft); }
.x-design0c87-6.x-design0c87-6.x-design0c87-6 { background: var(--erp-accent); }
.x-design0c87-7.x-design0c87-7.x-design0c87-7 { background: var(--erp-success); }
.x-design0c87-8.x-design0c87-8.x-design0c87-8 { background: var(--erp-warning); }
.x-design0c87-9.x-design0c87-9.x-design0c87-9 { background: var(--erp-danger); }
.x-design0c87-10.x-design0c87-10.x-design0c87-10 { background: var(--erp-info); }
.x-design0c87-11.x-design0c87-11.x-design0c87-11 { background: var(--erp-text-strong); }
.x-design0c87-12.x-design0c87-12.x-design0c87-12 { background: var(--erp-text); }
.x-design0c87-13.x-design0c87-13.x-design0c87-13 { background: var(--erp-text-muted); }
.x-design0c87-14.x-design0c87-14.x-design0c87-14 { background: var(--erp-text-faint); }
.x-design0c87-15.x-design0c87-15.x-design0c87-15 { background: var(--erp-bg-soft); }
.x-design0c87-16.x-design0c87-16.x-design0c87-16 { background: var(--erp-bg-card); border-bottom: 1px solid var(--erp-border); }
.x-design0c87-17.x-design0c87-17.x-design0c87-17 { background: var(--erp-bg-page); }
.x-design0c87-18.x-design0c87-18.x-design0c87-18 { background: var(--erp-bg-hover); }
.x-design0c87-19.x-design0c87-19.x-design0c87-19 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); text-transform: uppercase; letter-spacing: 0.05em; }
.x-design0c87-20.x-design0c87-20.x-design0c87-20 { font-weight: 300; }
.x-design0c87-21.x-design0c87-21.x-design0c87-21 { max-width: 360px; }
.x-design0c87-22.x-design0c87-22.x-design0c87-22 { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--erp-text-faint); font-size: var(--erp-fs-md); }
.x-design0c87-23.x-design0c87-23.x-design0c87-23 { padding: 14px 0; border: none; }

/* templates/core/settings_page.html — 20곳 → 15클래스 */
.x-settin955c-1.x-settin955c-1.x-settin955c-1 { cursor: help; font-size: .6rem; }
.x-settin955c-2.x-settin955c-2.x-settin955c-2 { font-size: .75rem; color: var(--erp-neutral); word-break: break-all; }
.x-settin955c-3.x-settin955c-3.x-settin955c-3 { font-size: var(--erp-fs-10_5); color: var(--erp-text-faint); }
.x-settin955c-4.x-settin955c-4.x-settin955c-4 { color: var(--erp-yellow-600); }
.x-settin955c-5.x-settin955c-5.x-settin955c-5 { padding: 8px 2px; text-align: right; }
.x-settin955c-6.x-settin955c-6.x-settin955c-6 { background: var(--erp-amber-50); color: var(--erp-amber-800); border-color: var(--erp-warning-border); }
.x-settin955c-7.x-settin955c-7.x-settin955c-7 { max-width: 580px; }
.x-settin955c-8.x-settin955c-8.x-settin955c-8 { border: none; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 60px var(--erp-black-a18); }
.x-settin955c-9.x-settin955c-9.x-settin955c-9 { background: linear-gradient(135deg,var(--erp-ms-600) 0%,var(--erp-blue-600x7) 100%); padding: 1.2rem 1.4rem; }
.x-settin955c-10.x-settin955c-10.x-settin955c-10 { color: var(--erp-bg-card); font-size: 1rem; }
.x-settin955c-11.x-settin955c-11.x-settin955c-11 { color: var(--erp-bg-card); font-size: .95rem; }
.x-settin955c-12.x-settin955c-12.x-settin955c-12 { font-size: .72rem; color: var(--erp-white-a80); margin-top: 1px; }
.x-settin955c-13.x-settin955c-13.x-settin955c-13 { opacity: .8; }
.x-settin955c-14.x-settin955c-14.x-settin955c-14 { background: var(--erp-bg-soft); }
.x-settin955c-15.x-settin955c-15.x-settin955c-15 { background: var(--erp-bg-soft); padding: .8rem 1.4rem; }

/* templates/admin/sales/estimate/excel_template_editor.html — 20곳 → 15클래스 */
.x-excelt39ea-1.x-excelt39ea-1.x-excelt39ea-1 { background: var(--erp-admin-700); color: var(--erp-bg-card); padding: 8px 12px; margin: 0; font-size: var(--erp-fs-lg); }
.x-excelt39ea-2.x-excelt39ea-2.x-excelt39ea-2 { margin: 8px 12px 4px; font-size: var(--erp-fs-sm); color: var(--erp-ink-550); }
.x-excelt39ea-3.x-excelt39ea-3.x-excelt39ea-3 { list-style: none; margin: 0; padding: 8px; }
.x-excelt39ea-4.x-excelt39ea-4.x-excelt39ea-4 { background: var(--erp-green-800x2); color: var(--erp-bg-card); padding: 10px 24px; font-size: var(--erp-fs-lg); font-weight: bold; }
.x-excelt39ea-5.x-excelt39ea-5.x-excelt39ea-5 { flex: 1.4; min-width: 360px; }
.x-excelt39ea-6.x-excelt39ea-6.x-excelt39ea-6 { background: var(--erp-sage-600); color: var(--erp-bg-card); padding: 8px 12px; margin: 0; font-size: var(--erp-fs-lg); }
.x-excelt39ea-7.x-excelt39ea-7.x-excelt39ea-7 { text-align: center; font-size: var(--erp-fs-20); font-weight: bold; padding: 10px; border-bottom: 2px solid var(--erp-ink-800); margin-bottom: 8px; }
.x-excelt39ea-8.x-excelt39ea-8.x-excelt39ea-8 { flex: 1; border: 2px solid var(--erp-orange-400x); }
.x-excelt39ea-9.x-excelt39ea-9.x-excelt39ea-9 { width: 100%; border-collapse: collapse; }
.x-excelt39ea-10.x-excelt39ea-10.x-excelt39ea-10 { flex: 1; border: 1px solid var(--erp-ink-300); background: var(--erp-gray-50x3); }
.x-excelt39ea-11.x-excelt39ea-11.x-excelt39ea-11 { width: 100%; border-collapse: collapse; font-size: var(--erp-fs-xs); }
.x-excelt39ea-12.x-excelt39ea-12.x-excelt39ea-12 { float: right; }
.x-excelt39ea-13.x-excelt39ea-13.x-excelt39ea-13 { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
.x-excelt39ea-14.x-excelt39ea-14.x-excelt39ea-14 { background: var(--erp-gray-200x); }
.x-excelt39ea-15.x-excelt39ea-15.x-excelt39ea-15 { background: var(--erp-gray-700x); color: var(--erp-bg-card); }

/* templates/finance/daily_close_list.html — 21곳 → 7클래스 */
.x-dailycbbcd-1.x-dailycbbcd-1.x-dailycbbcd-1 { width: 140px!important; flex: 0 0 140px!important; }
.x-dailycbbcd-2.x-dailycbbcd-2.x-dailycbbcd-2 { width: 130px!important; flex: 0 0 130px!important; }
.x-dailycbbcd-3.x-dailycbbcd-3.x-dailycbbcd-3 { flex-shrink: 0; width: auto!important; }
.x-dailycbbcd-4.x-dailycbbcd-4.x-dailycbbcd-4 { border-collapse: collapse; }
.x-dailycbbcd-5.x-dailycbbcd-5.x-dailycbbcd-5 { text-align: center; border: 1px solid var(--erp-border); }
.x-dailycbbcd-6.x-dailycbbcd-6.x-dailycbbcd-6 { text-align: right; border: 1px solid var(--erp-border); }
.x-dailycbbcd-7.x-dailycbbcd-7.x-dailycbbcd-7 { border: 1px solid var(--erp-border); }

/* templates/finance/billing_list.html — 20곳 → 11클래스 */
.x-billind77b-1.x-billind77b-1.x-billind77b-1 { font-size: var(--erp-fs-9); }
.x-billind77b-2.x-billind77b-2.x-billind77b-2 { font-size: var(--erp-fs-15); }
.x-billind77b-3.x-billind77b-3.x-billind77b-3 { border-right: 1px solid var(--erp-gray-200); }
.x-billind77b-4.x-billind77b-4.x-billind77b-4 { border-top: 2px solid var(--erp-text-muted); }
.x-billind77b-5.x-billind77b-5.x-billind77b-5 { border-top: 2px solid var(--erp-text-muted); padding: 8px 12px; }
.x-billind77b-6.x-billind77b-6.x-billind77b-6 { padding: 10px 16px; border-top: 2px solid var(--erp-text-muted); }
.x-billind77b-7.x-billind77b-7.x-billind77b-7 { border-top: 2px solid var(--erp-text-muted); padding: 10px 16px; }
.x-billind77b-8.x-billind77b-8.x-billind77b-8 { table-layout: fixed; }
.x-billind77b-9.x-billind77b-9.x-billind77b-9 { width: 55px; }
.x-billind77b-10.x-billind77b-10.x-billind77b-10 { background: var(--erp-blue-50); text-align: center; padding: 8px; }
.x-billind77b-11.x-billind77b-11.x-billind77b-11 { accent-color: var(--erp-blue-700); }

/* templates/maintenance/tech_stack_manage.html — 16곳 → 8클래스 */
.x-techst172b-1.x-techst172b-1.x-techst172b-1 { margin: 0; font-size: var(--erp-fs-18); font-weight: 700; }
.x-techst172b-2.x-techst172b-2.x-techst172b-2 { padding: 12px 18px; border-bottom: 1px solid var(--erp-ink-75); }
.x-techst172b-3.x-techst172b-3.x-techst172b-3 { width: 75%; }
.x-techst172b-4.x-techst172b-4.x-techst172b-4 { width: 25%; text-align: center; }
.x-techst172b-5.x-techst172b-5.x-techst172b-5 { width: 960px; }
.x-techst172b-6.x-techst172b-6.x-techst172b-6 { margin: 14px 0; border: none; border-top: 1px solid var(--erp-gray-200); }
.x-techst172b-7.x-techst172b-7.x-techst172b-7 { border: 1px solid var(--erp-gray-200); border-radius: 6px; }
.x-techst172b-8.x-techst172b-8.x-techst172b-8 { width: 32%; }

/* templates/maintenance/work_schedule_detail.html — 17곳 → 15클래스 */
.x-worksc8af4-2.x-worksc8af4-2.x-worksc8af4-2 { border: 1px solid var(--erp-amber-300); background: var(--erp-amber-50); }
.x-worksc8af4-5.x-worksc8af4-5.x-worksc8af4-5 { border: 1px solid var(--erp-teal-300); background: var(--erp-teal-50); }
.x-worksc8af4-6.x-worksc8af4-6.x-worksc8af4-6 { background: var(--erp-red-50); border: 1px solid var(--erp-red-300); border-radius: 6px; padding: 10px 12px; }
.x-worksc8af4-7.x-worksc8af4-7.x-worksc8af4-7 { width: 100%; font-size: var(--erp-fs-md); padding: 8px 10px; border: 1px solid var(--erp-border); border-radius: 6px; resize: vertical; box-sizing: border-box; }
.x-worksc8af4-8.x-worksc8af4-8.x-worksc8af4-8 { font-size: var(--erp-fs-sm); font-weight: 600; background: var(--erp-red-600); color: var(--erp-bg-card); border: 1px solid var(--erp-red-600); border-radius: 4px; padding: 5px 14px; cursor: pointer; }
.x-worksc8af4-9.x-worksc8af4-9.x-worksc8af4-9 { font-size: var(--erp-fs-sm); font-weight: 600; background: var(--erp-bg-card); color: var(--erp-text-muted); border: 1px solid var(--erp-border-strong); border-radius: 4px; padding: 5px 14px; cursor: pointer; }
.x-worksc8af4-10.x-worksc8af4-10.x-worksc8af4-10 { font-size: var(--erp-fs-xs); font-weight: 600; background: var(--erp-warning-bg); color: var(--erp-amber-600); border-radius: 4px; padding: 1px 6px; margin-left: 4px; }
.x-worksc8af4-11.x-worksc8af4-11.x-worksc8af4-11 { grid-column: 1 / -1; }
.x-worksc8af4-12.x-worksc8af4-12.x-worksc8af4-12 { font-size: var(--erp-fs-xs); font-weight: 600; color: var(--erp-red-600); background: var(--erp-red-50); border: 1px solid var(--erp-red-300); border-radius: 4px; padding: 1px 8px; cursor: pointer; }
.x-worksc8af4-13.x-worksc8af4-13.x-worksc8af4-13 { margin-left: 6px; font-size: var(--erp-fs-xs); font-weight: 600; color: var(--erp-teal-700); background: var(--erp-teal-50); border: 1px solid var(--erp-teal-300); border-radius: 4px; padding: 1px 8px; cursor: pointer; vertical-align: middle; }
.x-worksc8af4-14.x-worksc8af4-14.x-worksc8af4-14 { font-size: var(--erp-fs-sm); font-weight: 600; background: var(--erp-oc-teal-700); color: var(--erp-bg-card); border: 1px solid var(--erp-oc-teal-700); border-radius: 4px; padding: 4px 12px; cursor: pointer; }
.x-worksc8af4-15.x-worksc8af4-15.x-worksc8af4-15 { font-size: var(--erp-fs-sm); font-weight: 600; background: var(--erp-bg-card); color: var(--erp-text-muted); border: 1px solid var(--erp-border-strong); border-radius: 4px; padding: 4px 12px; cursor: pointer; }

/* templates/core/company_form.html — 7곳 → 6클래스 */
.x-compan348d-1.x-compan348d-1.x-compan348d-1 { margin: -10px 0 10px; color: var(--erp-warning-strong); }
.x-compan348d-2.x-compan348d-2.x-compan348d-2 { grid-column: span 3; }
.x-compan348d-3.x-compan348d-3.x-compan348d-3 { grid-column: span 2; }
.x-compan348d-4.x-compan348d-4.x-compan348d-4 { margin-bottom: 14px; border: 1px solid var(--erp-border); border-radius: 8px; overflow: hidden; }
.x-compan348d-5.x-compan348d-5.x-compan348d-5 { margin: 0; padding-left: 16px; font-size: var(--erp-fs-sm); }
.x-compan348d-6.x-compan348d-6.x-compan348d-6 { grid-column: 1 / -1; }

/* templates/admin/maintenance/workstandard/create_year.html — 18곳 → 10클래스 */
.x-create6c78-1.x-create6c78-1.x-create6c78-1 { max-width: 800px; margin: 40px auto; padding: 30px; background: white; border-radius: 8px; box-shadow: 0 2px 8px var(--erp-black-a10); }
.x-create6c78-2.x-create6c78-2.x-create6c78-2 { background: var(--erp-blue-25); padding: 20px; border-radius: 6px; margin-bottom: 30px; border-left: 4px solid var(--erp-bs-blue-400); }
.x-create6c78-3.x-create6c78-3.x-create6c78-3 { background: var(--erp-neutral-50); padding: 30px; border-radius: 6px; }
.x-create6c78-4.x-create6c78-4.x-create6c78-4 { background: var(--erp-amber-100x3); padding: 15px; border-radius: 6px; margin-bottom: 30px; border-left: 4px solid var(--erp-orange-500x4); }
.x-create6c78-5.x-create6c78-5.x-create6c78-5 { background: var(--erp-bs-green-500); color: white; padding: 14px 40px; border: none; border-radius: 6px; font-size: var(--erp-fs-18); cursor: pointer; margin-right: 10px; font-weight: bold; }
.x-create6c78-6.x-create6c78-6.x-create6c78-6 { margin-top: 30px; padding: 20px; background: var(--erp-ink-75); border-radius: 6px; }
.x-create6c78-7.x-create6c78-7.x-create6c78-7 { width: 100%; border-collapse: collapse; font-size: var(--erp-fs-lg); }
.x-create6c78-8.x-create6c78-8.x-create6c78-8 { background: var(--erp-ink-150); }
.x-create6c78-9.x-create6c78-9.x-create6c78-9 { padding: 8px; border: 1px solid var(--erp-ink-200); }
.x-create6c78-10.x-create6c78-10.x-create6c78-10 { padding: 8px; border: 1px solid var(--erp-ink-200); text-align: center; }

/* templates/hr/leave_request_form.html — 2곳 → 2클래스 */
.x-leaver1707-1.x-leaver1707-1.x-leaver1707-1 { width: 100%; box-sizing: border-box; padding: 7px 10px; font-size: var(--erp-fs-md); border: 1px solid var(--erp-gray-300); border-radius: 6px; }
.x-leaver1707-2.x-leaver1707-2.x-leaver1707-2 { font-size: var(--erp-fs-sm); color: var(--erp-gray-500); line-height: 1.7; }

/* templates/finance/bank_manual_manage.html — 17곳 → 6클래스 */
.x-bankmab64a-1.x-bankmab64a-1.x-bankmab64a-1 { background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 8px; padding: 12px 16px; font-size: var(--erp-fs-sm); color: var(--erp-text); margin-bottom: 16px; }
.x-bankmab64a-2.x-bankmab64a-2.x-bankmab64a-2 { grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.x-bankmab64a-3.x-bankmab64a-3.x-bankmab64a-3 { grid-template-columns: 1fr 1fr; gap: 12px; }
.x-bankmab64a-4.x-bankmab64a-4.x-bankmab64a-4 { grid-column: 1/-1; }
.x-bankmab64a-5.x-bankmab64a-5.x-bankmab64a-5 { background: var(--erp-bg-card); border-radius: 12px; width: 480px; max-width: 96vw; padding: 28px 24px; box-shadow: 0 8px 32px var(--erp-black-a18); }
.x-bankmab64a-6.x-bankmab64a-6.x-bankmab64a-6 { margin: 0 0 20px; font-size: var(--erp-fs-lg); font-weight: 700; }

/* templates/hr/leave_ceo_approve.html — 15곳 → 4클래스 */
.x-leavec0363-1.x-leavec0363-1.x-leavec0363-1 { background: var(--erp-violet-50); }
.x-leavec0363-2.x-leavec0363-2.x-leavec0363-2 { background: var(--erp-violet-100); color: var(--erp-violet-700); }
.x-leavec0363-3.x-leavec0363-3.x-leavec0363-3 { color: var(--erp-gray-500); font-weight: 700; padding: 6px 0; border-bottom: 1px solid var(--erp-gray-100); }
.x-leavec0363-4.x-leavec0363-4.x-leavec0363-4 { padding: 6px 12px; border-bottom: 1px solid var(--erp-gray-100); }

/* templates/finance/purchase_order_mail.html — 17곳 → 10클래스 */
.x-purchac8d0-1.x-purchac8d0-1.x-purchac8d0-1 { background: var(--erp-amber-100x3); border: 1px solid var(--erp-amber-250); color: var(--erp-amber-950); padding: 10px 14px; font-size: var(--erp-fs-md); margin: 0 0 16px; border-radius: 6px; }
.x-purchac8d0-2.x-purchac8d0-2.x-purchac8d0-2 { font-size: var(--erp-fs-18); margin: 0 0 4px; }
.x-purchac8d0-3.x-purchac8d0-3.x-purchac8d0-3 { font-size: var(--erp-fs-13_5); color: var(--erp-neutral); margin: 0 0 18px; }
.x-purchac8d0-4.x-purchac8d0-4.x-purchac8d0-4 { width: 100%; border-collapse: collapse; font-size: var(--erp-fs-md); }
.x-purchac8d0-5.x-purchac8d0-5.x-purchac8d0-5 { padding: 8px 10px; background: var(--erp-bg-soft); border: 1px solid var(--erp-gray-200); width: 120px; font-weight: 600; }
.x-purchac8d0-6.x-purchac8d0-6.x-purchac8d0-6 { padding: 8px 10px; border: 1px solid var(--erp-gray-200); }
.x-purchac8d0-7.x-purchac8d0-7.x-purchac8d0-7 { padding: 8px 10px; background: var(--erp-bg-soft); border: 1px solid var(--erp-gray-200); font-weight: 600; }
.x-purchac8d0-8.x-purchac8d0-8.x-purchac8d0-8 { padding: 8px 10px; background: var(--erp-primary-soft); border: 1px solid var(--erp-indigo-200); font-weight: 700; }
.x-purchac8d0-9.x-purchac8d0-9.x-purchac8d0-9 { padding: 8px 10px; border: 1px solid var(--erp-indigo-200); font-weight: 700; color: var(--erp-primary-strong); }
.x-purchac8d0-10.x-purchac8d0-10.x-purchac8d0-10 { font-size: var(--erp-fs-sm); color: var(--erp-text-faint); margin: 20px 0 0; }

/* templates/hr/leave_grant_manage.html — 10곳 → 10클래스 */
.x-leaveg4c02-1.x-leaveg4c02-1.x-leaveg4c02-1 { border: 0; background: transparent; font-size: var(--erp-fs-md); font-weight: 600; }
.x-leaveg4c02-2.x-leaveg4c02-2.x-leaveg4c02-2 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); margin: 0 0 0 4px; }
.x-leaveg4c02-3.x-leaveg4c02-3.x-leaveg4c02-3 { width: 90px; font-size: var(--erp-fs-sm); background: var(--erp-bg-card); }
.x-leaveg4c02-4.x-leaveg4c02-4.x-leaveg4c02-4 { width: 260px; font-size: var(--erp-fs-sm); background: var(--erp-bg-card); }
.x-leaveg4c02-5.x-leaveg4c02-5.x-leaveg4c02-5 { min-width: 80px; }
.x-leaveg4c02-6.x-leaveg4c02-6.x-leaveg4c02-6 { min-width: 34px; text-align: center; font-weight: 700; color: var(--erp-text-strong); }
.x-leaveg4c02-7.x-leaveg4c02-7.x-leaveg4c02-7 { min-width: 30px; text-align: center; color: var(--erp-gray-500); }
.x-leaveg4c02-8.x-leaveg4c02-8.x-leaveg4c02-8 { background: var(--erp-bg-card); border-radius: 10px; width: 480px; max-width: 95vw; box-shadow: 0 10px 30px var(--erp-black-a20); }
.x-leaveg4c02-9.x-leaveg4c02-9.x-leaveg4c02-9 { margin: 0; font-size: var(--erp-fs-16); font-weight: 700; }
.x-leaveg4c02-10.x-leaveg4c02-10.x-leaveg4c02-10 { cursor: pointer; font-size: 1.5rem; color: var(--erp-gray-400); }

/* templates/admin/maintenance/workstandard/auto_calculate.html — 14곳 → 10클래스 */
.x-autoca4c8c-1.x-autoca4c8c-1.x-autoca4c8c-1 { max-width: 800px; margin: 40px auto; padding: 30px; background: white; border-radius: 8px; box-shadow: 0 2px 8px var(--erp-black-a10); }
.x-autoca4c8c-2.x-autoca4c8c-2.x-autoca4c8c-2 { background: var(--erp-neutral-50); padding: 20px; border-radius: 6px; margin-bottom: 30px; }
.x-autoca4c8c-3.x-autoca4c8c-3.x-autoca4c8c-3 { margin-top: 0; color: var(--erp-blue-700x2); font-size: var(--erp-fs-18); }
.x-autoca4c8c-4.x-autoca4c8c-4.x-autoca4c8c-4 { width: 100%; border-collapse: collapse; }
.x-autoca4c8c-5.x-autoca4c8c-5.x-autoca4c8c-5 { padding: 10px; border-bottom: 1px solid var(--erp-bs-gray-300); font-weight: bold; }
.x-autoca4c8c-6.x-autoca4c8c-6.x-autoca4c8c-6 { padding: 10px; border-bottom: 1px solid var(--erp-bs-gray-300); }
.x-autoca4c8c-7.x-autoca4c8c-7.x-autoca4c8c-7 { padding: 10px; font-weight: bold; color: var(--erp-bs-blue-500); }
.x-autoca4c8c-8.x-autoca4c8c-8.x-autoca4c8c-8 { padding: 10px; font-weight: bold; color: var(--erp-bs-blue-500); font-size: var(--erp-fs-20); }
.x-autoca4c8c-9.x-autoca4c8c-9.x-autoca4c8c-9 { background: var(--erp-amber-100x3); padding: 15px; border-radius: 6px; margin-bottom: 30px; border-left: 4px solid var(--erp-orange-500x4); }
.x-autoca4c8c-10.x-autoca4c8c-10.x-autoca4c8c-10 { background: var(--erp-bs-green-500); color: white; padding: 12px 30px; border: none; border-radius: 6px; font-size: var(--erp-fs-16); cursor: pointer; margin-right: 10px; }

/* templates/finance/credit_card_usage.html — 8곳 → 8클래스 */
.x-credit47ab-1.x-credit47ab-1.x-credit47ab-1 { min-width: 190px; }
.x-credit47ab-2.x-credit47ab-2.x-credit47ab-2 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); margin: 12px 0 0; }
.x-credit47ab-3.x-credit47ab-3.x-credit47ab-3 { color: var(--erp-text-strong); font-variant-numeric: tabular-nums; }
.x-credit47ab-4.x-credit47ab-4.x-credit47ab-4 { min-width: 210px; }
.x-credit47ab-5.x-credit47ab-5.x-credit47ab-5 { padding: 44px; text-align: center; color: var(--erp-text-muted); font-size: var(--erp-fs-sm); }
.x-credit47ab-6.x-credit47ab-6.x-credit47ab-6 { background: var(--erp-bg-card); border-radius: 12px; padding: 18px 20px; width: 480px; max-width: 94%; box-shadow: 0 20px 50px var(--erp-black-a35); }
.x-credit47ab-7.x-credit47ab-7.x-credit47ab-7 { background: var(--erp-bg-card); border-radius: 12px; padding: 18px 20px; width: 460px; max-width: 94%; box-shadow: 0 20px 50px var(--erp-black-a35); }
.x-credit47ab-8.x-credit47ab-8.x-credit47ab-8 { max-height: 280px; overflow-y: auto; border: 1px solid var(--erp-border); border-radius: 8px; }

/* templates/finance/tax_invoice_sync.html — 9곳 → 8클래스 */
.x-taxinv51d6-1.x-taxinv51d6-1.x-taxinv51d6-1 { margin: 14px 0 10px; border: none; border-top: 1px solid var(--erp-bg-hover); }
.x-taxinv51d6-2.x-taxinv51d6-2.x-taxinv51d6-2 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-neutral); margin-left: 8px; background: var(--erp-bg-hover); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-border-strong); }
.x-taxinv51d6-3.x-taxinv51d6-3.x-taxinv51d6-3 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-text-faint); margin-left: 8px; background: var(--erp-bg-soft); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-border); }
.x-taxinv51d6-4.x-taxinv51d6-4.x-taxinv51d6-4 { font-size: var(--erp-fs-2xs); padding: 2px 8px color: var(--erp-red-600) border-radius: 4px; cursor: pointer; margin-top: 2px; }
.x-taxinv51d6-5.x-taxinv51d6-5.x-taxinv51d6-5 { font-size: var(--erp-fs-xs); padding: 4px 12px color: var(--erp-bg-card) border-radius: 6px; cursor: pointer; font-weight: 700; }
.x-taxinv51d6-6.x-taxinv51d6-6.x-taxinv51d6-6 { font-size: var(--erp-fs-xs); padding: 4px 12px color: var(--erp-bg-card) border-radius: 6px; cursor: pointer; font-weight: 700; }
.x-taxinv51d6-7.x-taxinv51d6-7.x-taxinv51d6-7 { padding: 4px 12px; font-size: var(--erp-fs-sm); color: var(--erp-neutral); background: var(--erp-bg-soft); border-radius: 6px; }
.x-taxinv51d6-8.x-taxinv51d6-8.x-taxinv51d6-8 { width: auto; font-size: var(--erp-fs-xs); padding: 2px 24px 2px 8px; }

/* templates/hr/_expense_print_partial.html — 14곳 → 7클래스 */
.x-expens1f7b-1.x-expens1f7b-1.x-expens1f7b-1 { font-size: 8pt; color: var(--erp-ink-400); }
.x-expens1f7b-2.x-expens1f7b-2.x-expens1f7b-2 { border-color: var(--erp-ink-400); color: var(--erp-ink-400); }
.x-expens1f7b-3.x-expens1f7b-3.x-expens1f7b-3 { font-size: var(--erp-fs-sm,13px); color: var(--erp-text-muted,var(--erp-gray-500)); white-space: nowrap; }
.x-expens1f7b-4.x-expens1f7b-4.x-expens1f7b-4 { color: var(--erp-text-strong,var(--erp-gray-800)); }
.x-expens1f7b-5.x-expens1f7b-5.x-expens1f7b-5 { flex: 1 1 240px; max-width: 340px; border: 1px solid var(--erp-border,var(--erp-gray-300)); border-radius: 6px; }
.x-expens1f7b-7.x-expens1f7b-7.x-expens1f7b-7 { margin-top: 8px; font-size: var(--erp-fs-xs,12px); color: var(--erp-text-muted,var(--erp-gray-500)); }

/* templates/sales/estimate_preview.html — 8곳 → 5클래스 */
.x-estimaf27e-1.x-estimaf27e-1.x-estimaf27e-1 { background: var(--erp-primary-soft); color: var(--erp-blue-900); font-weight: 700; padding: 8px 12px; border-top: 2px solid var(--erp-indigo-500); border-left: 1px solid var(--erp-indigo-200); border-right: 1px solid var(--erp-indigo-200); }
.x-estimaf27e-2.x-estimaf27e-2.x-estimaf27e-2 { width: 3%; }
.x-estimaf27e-3.x-estimaf27e-3.x-estimaf27e-3 { width: 6%; }
.x-estimaf27e-4.x-estimaf27e-4.x-estimaf27e-4 { white-space: pre-wrap; }
.x-estimaf27e-5.x-estimaf27e-5.x-estimaf27e-5 { text-align: center; width: 60%; }

/* templates/sales/tax_invoice_lookup.html — 10곳 → 8클래스 */
.x-taxinvb737-1.x-taxinvb737-1.x-taxinvb737-1 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-text); margin-left: 8px; background: var(--erp-bg-soft); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-border); }
.x-taxinvb737-2.x-taxinvb737-2.x-taxinvb737-2 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-blue-800); background: var(--erp-blue-50); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-blue-200); cursor: pointer; }
.x-taxinvb737-3.x-taxinvb737-3.x-taxinvb737-3 { font-size: var(--erp-fs-sm); font-weight: 600; color: var(--erp-text-muted); background: var(--erp-bg-soft); padding: 2px 8px; border-radius: 10px; border: 1px solid var(--erp-border); cursor: pointer; }
.x-taxinvb737-4.x-taxinvb737-4.x-taxinvb737-4 { width: 74px; text-align: center; }
.x-taxinvb737-5.x-taxinvb737-5.x-taxinvb737-5 { font-size: var(--erp-fs-2xs); padding: 2px 8px color: var(--erp-red-600) border-radius: 4px; cursor: pointer; margin-top: 2px; }
.x-taxinvb737-6.x-taxinvb737-6.x-taxinvb737-6 { font-size: var(--erp-fs-xs); padding: 4px 12px color: var(--erp-bg-card) border-radius: 6px; cursor: pointer; font-weight: 700; }
.x-taxinvb737-7.x-taxinvb737-7.x-taxinvb737-7 { font-size: var(--erp-fs-xs); padding: 4px 12px color: var(--erp-bg-card) border-radius: 6px; cursor: pointer; font-weight: 700; }
.x-taxinvb737-8.x-taxinvb737-8.x-taxinvb737-8 { font-size: var(--erp-fs-xs); padding: 4px 12px color: var(--erp-bg-card) border-radius: 6px; cursor: pointer; font-weight: 700; }

/* templates/finance/purchase_detail.html — 10곳 → 9클래스 */
.x-purcha59c6-1.x-purcha59c6-1.x-purcha59c6-1 { font-size: var(--erp-fs-xs); font-weight: 700; background: var(--erp-m-green-50); color: var(--erp-m-green-800); padding: 3px 10px; border-radius: 20px; border: 1px solid var(--erp-green-300x); }
.x-purcha59c6-6.x-purcha59c6-6.x-purcha59c6-6 { background: var(--erp-bg-hover); color: var(--erp-neutral); padding: 2px 8px; border-radius: 4px; font-size: var(--erp-fs-sm); font-weight: 700; }
.x-purcha59c6-7.x-purcha59c6-7.x-purcha59c6-7 { color: var(--erp-m-blue-800); font-size: var(--erp-fs-16); }
.x-purcha59c6-9.x-purcha59c6-9.x-purcha59c6-9 { background: var(--erp-red-50x2); border-bottom: 1px solid var(--erp-red-200); }

/* templates/contracts/contract_create.html — 10곳 → 9클래스 */
.x-contra4984-1.x-contra4984-1.x-contra4984-1 { border-left: 4px solid var(--erp-bs-blue-600); }
.x-contra4984-2.x-contra4984-2.x-contra4984-2 { font-size: var(--erp-fs-18); color: var(--erp-bs-blue-600); }
.x-contra4984-3.x-contra4984-3.x-contra4984-3 { border-left: 4px solid var(--erp-red-600); }
.x-contra4984-4.x-contra4984-4.x-contra4984-4 { font-size: var(--erp-fs-18); color: var(--erp-red-600); margin-top: 2px; }
.x-contra4984-5.x-contra4984-5.x-contra4984-5 { font-size: var(--erp-fs-sm); color: var(--erp-text-faint); margin-top: -6px; }
.x-contra4984-6.x-contra4984-6.x-contra4984-6 { color: var(--erp-cyan-600); }
.x-contra4984-7.x-contra4984-7.x-contra4984-7 { resize: vertical; line-height: 1.6; }
.x-contra4984-8.x-contra4984-8.x-contra4984-8 { color: var(--erp-blue-600); font-size: var(--erp-fs-16); }
.x-contra4984-9.x-contra4984-9.x-contra4984-9 { font-size: var(--erp-fs-15); color: var(--erp-gray-500); flex: 1; }

/* templates/finance/withdrawal_report.html — 12곳 → 10클래스 */
.x-withdr4282-2.x-withdr4282-2.x-withdr4282-2 { color: var(--erp-pink-700); }
.x-withdr4282-3.x-withdr4282-3.x-withdr4282-3 { background: var(--erp-amber-50); font-weight: 700; }
.x-withdr4282-4.x-withdr4282-4.x-withdr4282-4 { width: 42px; }
.x-withdr4282-5.x-withdr4282-5.x-withdr4282-5 { font-variant-numeric: tabular-nums; }
.x-withdr4282-6.x-withdr4282-6.x-withdr4282-6 { color: var(--erp-success,var(--erp-m-green-800)); font-size: var(--erp-fs-md); }
.x-withdr4282-7.x-withdr4282-7.x-withdr4282-7 { color: var(--erp-warning,var(--erp-m-orange-900)); font-size: var(--erp-fs-md); }
.x-withdr4282-8.x-withdr4282-8.x-withdr4282-8 { color: var(--erp-text-muted,var(--erp-text-muted)); font-size: var(--erp-fs-xs); }
.x-withdr4282-9.x-withdr4282-9.x-withdr4282-9 { background: var(--erp-violet-700); }
.x-withdr4282-10.x-withdr4282-10.x-withdr4282-10 { background: var(--erp-violet-100); font-weight: 700; }

/* templates/hr/leave_approve.html — 9곳 → 3클래스 */
.x-leavea7bc8-1.x-leavea7bc8-1.x-leavea7bc8-1 { background: var(--erp-amber-50); }
.x-leavea7bc8-2.x-leavea7bc8-2.x-leavea7bc8-2 { color: var(--erp-gray-500); font-weight: 700; padding: 6px 0; border-bottom: 1px solid var(--erp-gray-100); }
.x-leavea7bc8-3.x-leavea7bc8-3.x-leavea7bc8-3 { padding: 6px 12px; border-bottom: 1px solid var(--erp-gray-100); }

/* templates/contracts/_purchase_item_form_body.html — 2곳 → 2클래스 */
.x-purchac785-1.x-purchac785-1.x-purchac785-1 { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; font-size: var(--erp-fs-16); }
.x-purchac785-2.x-purchac785-2.x-purchac785-2 { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }

/* templates/finance/cutoff2024_recon.html — 7곳 → 4클래스 */
.x-cutoffd7b1-1.x-cutoffd7b1-1.x-cutoffd7b1-1 { font-size: var(--erp-fs-20); font-weight: 800; margin-bottom: 6px; }
.x-cutoffd7b1-2.x-cutoffd7b1-2.x-cutoffd7b1-2 { border-bottom: none; }
.x-cutoffd7b1-4.x-cutoffd7b1-4.x-cutoffd7b1-4 { padding: 0; border-bottom: none; }

/* templates/finance/deposit_report.html — 11곳 → 9클래스 */
.x-deposibbb8-2.x-deposibbb8-2.x-deposibbb8-2 { color: var(--erp-pink-700); }
.x-deposibbb8-3.x-deposibbb8-3.x-deposibbb8-3 { background: var(--erp-blue-50); font-weight: 700; }
.x-deposibbb8-4.x-deposibbb8-4.x-deposibbb8-4 { width: 108px; }
.x-deposibbb8-5.x-deposibbb8-5.x-deposibbb8-5 { color: var(--erp-success,var(--erp-m-green-800)); font-size: var(--erp-fs-md); }
.x-deposibbb8-6.x-deposibbb8-6.x-deposibbb8-6 { color: var(--erp-warning,var(--erp-m-orange-900)); font-size: var(--erp-fs-md); }
.x-deposibbb8-7.x-deposibbb8-7.x-deposibbb8-7 { --th-bg: var(--erp-violet-700); }
.x-deposibbb8-8.x-deposibbb8-8.x-deposibbb8-8 { background: var(--erp-violet-700); }
.x-deposibbb8-9.x-deposibbb8-9.x-deposibbb8-9 { background: var(--erp-violet-100); font-weight: 700; }

/* templates/hr/expense_form.html — 7곳 → 7클래스 */
.x-expens17c5-1.x-expens17c5-1.x-expens17c5-1 { max-width: 1320px; }
.x-expens17c5-2.x-expens17c5-2.x-expens17c5-2 { max-width: 110px; }
.x-expens17c5-3.x-expens17c5-3.x-expens17c5-3 { max-width: 90px; }
.x-expens17c5-4.x-expens17c5-4.x-expens17c5-4 { flex: 1 1 160px; min-width: 140px; }
.x-expens17c5-5.x-expens17c5-5.x-expens17c5-5 { color: var(--erp-primary); font-size: var(--erp-fs-15); }
.x-expens17c5-6.x-expens17c5-6.x-expens17c5-6 { font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-gray-700); margin: 16px 0 8px; }
.x-expens17c5-7.x-expens17c5-7.x-expens17c5-7 { background: var(--erp-red-100); color: var(--erp-red-800); border: 1px solid var(--erp-red-200); padding: 10px 12px; border-radius: 6px; font-size: var(--erp-fs-sm); }

/* templates/finance/bulk_payment.html — 8곳 → 7클래스 */
.x-bulkpaac40-1.x-bulkpaac40-1.x-bulkpaac40-1 { padding-bottom: 0; }
.x-bulkpaac40-2.x-bulkpaac40-2.x-bulkpaac40-2 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); white-space: nowrap; align-self: center; }
.x-bulkpaac40-3.x-bulkpaac40-3.x-bulkpaac40-3 { margin-left: 8px; border-left: 1px solid var(--erp-border); height: 20px; }
.x-bulkpaac40-4.x-bulkpaac40-4.x-bulkpaac40-4 { width: 122px; }
.x-bulkpaac40-5.x-bulkpaac40-5.x-bulkpaac40-5 { width: 98px; }
.x-bulkpaac40-6.x-bulkpaac40-6.x-bulkpaac40-6 { font-size: var(--erp-fs-9); color: var(--erp-text-faint); }
.x-bulkpaac40-7.x-bulkpaac40-7.x-bulkpaac40-7 { width: 110px; padding: 5px 8px; border: 1.5px solid var(--erp-border); border-radius: 6px; font-size: var(--erp-fs-sm); text-align: right; }

/* templates/finance/reconcile.html — 9곳 → 8클래스 */
.x-reconcd6ad-1.x-reconcd6ad-1.x-reconcd6ad-1 { padding-bottom: 5px; }
.x-reconcd6ad-2.x-reconcd6ad-2.x-reconcd6ad-2 { background: var(--erp-warning-bg); border: 1px solid var(--erp-warning-border); border-radius: 8px; padding: 12px 14px; font-size: var(--erp-fs-md); margin-bottom: 14px; color: var(--erp-amber-800); }
.x-reconcd6ad-3.x-reconcd6ad-3.x-reconcd6ad-3 { padding: 9px 12px; background: var(--erp-bg-hover); border: 1px solid var(--erp-border); border-radius: 7px; font-size: var(--erp-fs-lg); font-weight: 600; color: var(--erp-neutral); text-decoration: line-through; }
.x-reconcd6ad-4.x-reconcd6ad-4.x-reconcd6ad-4 { text-align: center; font-size: var(--erp-fs-18); color: var(--erp-warning-strong); }
.x-reconcd6ad-5.x-reconcd6ad-5.x-reconcd6ad-5 { padding: 9px 12px; background: var(--erp-emerald-50); border: 1.5px solid var(--erp-green-300); border-radius: 7px; font-size: var(--erp-fs-lg); font-weight: 700; color: var(--erp-green-800); }
.x-reconcd6ad-6.x-reconcd6ad-6.x-reconcd6ad-6 { background: var(--erp-warning-strong); color: var(--erp-bg-card); }
.x-reconcd6ad-7.x-reconcd6ad-7.x-reconcd6ad-7 { margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--erp-gray-200); }
.x-reconcd6ad-8.x-reconcd6ad-8.x-reconcd6ad-8 { width: 100%; padding: 7px 10px; border: 1px solid var(--erp-gray-200); border-radius: 6px; font-size: var(--erp-fs-md); }

/* templates/hr/work_schedule_request_list.html — 5곳 → 5클래스 */
.x-worksc3efa-1.x-worksc3efa-1.x-worksc3efa-1 { font-size: var(--erp-fs-sm); background: transparent; }
.x-worksc3efa-2.x-worksc3efa-2.x-worksc3efa-2 { margin: 14px 0; border-color: var(--erp-border); }
.x-worksc3efa-3.x-worksc3efa-3.x-worksc3efa-3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(480px,94vw); background: var(--erp-bg-card); border-radius: 12px; box-shadow: 0 8px 32px var(--erp-black-a18); overflow: hidden; }
.x-worksc3efa-4.x-worksc3efa-4.x-worksc3efa-4 { background: none; border: none; font-size: var(--erp-fs-18); color: var(--erp-text-muted); cursor: pointer; line-height: 1; }
.x-worksc3efa-5.x-worksc3efa-5.x-worksc3efa-5 { background: var(--erp-purple-bg); color: var(--erp-violet-700); border: 1px solid var(--erp-indigo-100j); }

/* templates/sales/manager_dashboard.html — 8곳 → 8클래스 */
.x-managecb2d-1.x-managecb2d-1.x-managecb2d-1 { margin: 0; font-size: var(--erp-fs-18); font-weight: 700; }
.x-managecb2d-2.x-managecb2d-2.x-managecb2d-2 { height: 260px; width: 100%; }
.x-managecb2d-3.x-managecb2d-3.x-managecb2d-3 { background: var(--erp-emerald-50); border-bottom-color: var(--erp-success-border); }
.x-managecb2d-4.x-managecb2d-4.x-managecb2d-4 { background: var(--erp-info-bg); color: var(--erp-info-strong); font-weight: 500; }
.x-managecb2d-5.x-managecb2d-5.x-managecb2d-5 { border-radius: 10px; border: 1px solid var(--erp-neutral-200); }
.x-managecb2d-6.x-managecb2d-6.x-managecb2d-6 { border-bottom: 1px solid var(--erp-neutral-200); background: var(--erp-bg-soft); }
.x-managecb2d-7.x-managecb2d-7.x-managecb2d-7 { border-top: 1px solid var(--erp-neutral-200); }

/* templates/sales/performance_report.html — 9곳 → 6클래스 */
.x-perforb4ff-2.x-perforb4ff-2.x-perforb4ff-2 { flex-basis: 100%; }
.x-perforb4ff-3.x-perforb4ff-3.x-perforb4ff-3 { width: 74px; }
.x-perforb4ff-4.x-perforb4ff-4.x-perforb4ff-4 { width: 126px; }
.x-perforb4ff-5.x-perforb4ff-5.x-perforb4ff-5 { min-width: 96px; }
.x-perforb4ff-6.x-perforb4ff-6.x-perforb4ff-6 { min-width: 106px; }

/* groupware/templates/groupware/proposal_detail.html — 6곳 → 5클래스 */
.x-propos4517-1.x-propos4517-1.x-propos4517-1 { color: var(--erp-accent,var(--erp-m-indigo-400)); }
.x-propos4517-2.x-propos4517-2.x-propos4517-2 { border: none; border-top: 1px solid var(--erp-border); margin: 14px 0; }
.x-propos4517-3.x-propos4517-3.x-propos4517-3 { margin-top: 14px; padding: 12px 16px; background: var(--erp-danger-bg,var(--erp-red-50)); border: 1px solid var(--erp-danger-border,var(--erp-red-200)); border-radius: var(--erp-radius-md); }

/* templates/hr/attendance_request_approve.html — 6곳 → 6클래스 */
.x-attend7c8b-1.x-attend7c8b-1.x-attend7c8b-1 { max-width: 620px; }
.x-attend7c8b-2.x-attend7c8b-2.x-attend7c8b-2 { width: 100%; font-size: var(--erp-fs-md); border-collapse: collapse; }
.x-attend7c8b-3.x-attend7c8b-3.x-attend7c8b-3 { background: var(--erp-amber-50); border: 1px solid var(--erp-warning-border) !important; }
.x-attend7c8b-4.x-attend7c8b-4.x-attend7c8b-4 { color: var(--erp-red-500x); font-weight: 700; }
.x-attend7c8b-5.x-attend7c8b-5.x-attend7c8b-5 { color: var(--erp-red-500x); font-size: var(--erp-fs-xs); }
.x-attend7c8b-6.x-attend7c8b-6.x-attend7c8b-6 { color: var(--erp-orange-600x4); }

/* templates/hr/leave_balance.html — 5곳 → 5클래스 */
.x-leavebfc32-1.x-leavebfc32-1.x-leavebfc32-1 { width: 88px; border: 0; background: transparent; font-size: var(--erp-fs-md); text-align: center; }
.x-leavebfc32-2.x-leavebfc32-2.x-leavebfc32-2 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-faint); letter-spacing: .04em; }
.x-leavebfc32-3.x-leavebfc32-3.x-leavebfc32-3 { min-width: 80px; }
.x-leavebfc32-4.x-leavebfc32-4.x-leavebfc32-4 { min-width: 160px; text-align: center; }
.x-leavebfc32-5.x-leavebfc32-5.x-leavebfc32-5 { font-size: var(--erp-fs-xs); color: var(--erp-gray-400); min-width: 32px; }

/* templates/hr/welfare_point_detail.html — 9곳 → 8클래스 */
.x-welfar022e-1.x-welfar022e-1.x-welfar022e-1 { max-width: 750px; }
.x-welfar022e-2.x-welfar022e-2.x-welfar022e-2 { font-size: var(--erp-fs-18); color: var(--erp-primary); font-variant-numeric: tabular-nums; }
.x-welfar022e-3.x-welfar022e-3.x-welfar022e-3 { font-variant-numeric: tabular-nums; }
.x-welfar022e-4.x-welfar022e-4.x-welfar022e-4 { border-color: var(--erp-border); margin: 14px 0; }
.x-welfar022e-5.x-welfar022e-5.x-welfar022e-5 { font-weight: 700; font-size: var(--erp-fs-15); margin-top: 2px; }
.x-welfar022e-6.x-welfar022e-6.x-welfar022e-6 { margin-top: 2px; font-variant-numeric: tabular-nums; }
.x-welfar022e-7.x-welfar022e-7.x-welfar022e-7 { white-space: pre-wrap; font-size: var(--erp-fs-sm); margin-top: 2px; }

/* templates/hr/work_schedule_request_approve.html — 6곳 → 6클래스 */
.x-worksc4506-1.x-worksc4506-1.x-worksc4506-1 { white-space: pre-wrap; }
.x-worksc4506-2.x-worksc4506-2.x-worksc4506-2 { background: var(--erp-amber-50); border: 1px solid var(--erp-warning-border) !important; }
.x-worksc4506-3.x-worksc4506-3.x-worksc4506-3 { background: var(--erp-green-50); border: 1px solid var(--erp-green-300) !important; }
.x-worksc4506-4.x-worksc4506-4.x-worksc4506-4 { color: var(--erp-red-500x); font-weight: 700; }
.x-worksc4506-5.x-worksc4506-5.x-worksc4506-5 { color: var(--erp-red-500x); font-size: var(--erp-fs-xs); }
.x-worksc4506-6.x-worksc4506-6.x-worksc4506-6 { color: var(--erp-orange-600x4); }

/* templates/finance/financial_statements.html — 8곳 → 5클래스 */
.x-financc7d2-1.x-financc7d2-1.x-financc7d2-1 { width: 1px; height: 22px; background: var(--erp-border); }
.x-financc7d2-2.x-financc7d2-2.x-financc7d2-2 { border: 1px solid var(--erp-border); border-radius: 12px; margin-bottom: 6px; }
.x-financc7d2-3.x-financc7d2-3.x-financc7d2-3 { border-top-left-radius: 0; }
.x-financc7d2-4.x-financc7d2-4.x-financc7d2-4 { min-height: auto; padding: 8px 12px; cursor: pointer; }
.x-financc7d2-5.x-financc7d2-5.x-financc7d2-5 { color: var(--erp-text-muted); transition: transform .15s; }

/* templates/finance/purchase_list.html — 8곳 → 5클래스 */
.x-purchab7a9-1.x-purchab7a9-1.x-purchab7a9-1 { background: var(--erp-warning-bg); color: var(--erp-warning-strong); }
.x-purchab7a9-2.x-purchab7a9-2.x-purchab7a9-2 { background: var(--erp-danger-bg); color: var(--erp-danger-strong); }
.x-purchab7a9-3.x-purchab7a9-3.x-purchab7a9-3 { color: var(--erp-warning-strong); background: var(--erp-warning-bg); padding: 2px 8px; border-radius: 10px; font-size: var(--erp-fs-xs); font-weight: 700; }
.x-purchab7a9-4.x-purchab7a9-4.x-purchab7a9-4 { font-weight: 600; margin-right: 4px; }
.x-purchab7a9-5.x-purchab7a9-5.x-purchab7a9-5 { font-weight: 600; margin-left: 4px; }

/* templates/hr/_leave_detail_modal.html — 6곳 → 6클래스 */
.x-leaved4d11-1.x-leaved4d11-1.x-leaved4d11-1 { border: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 12px 32px var(--erp-black-a18); }
.x-leaved4d11-2.x-leaved4d11-2.x-leaved4d11-2 { background: linear-gradient(135deg,var(--erp-blue-600x4),var(--erp-blue-600x)); color: var(--erp-bg-card); border: 0; padding: 14px 20px; }
.x-leaved4d11-3.x-leaved4d11-3.x-leaved4d11-3 { padding: 18px 20px; background: var(--erp-bg-soft); }
.x-leaved4d11-4.x-leaved4d11-4.x-leaved4d11-4 { background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 8px; overflow: hidden; }
.x-leaved4d11-5.x-leaved4d11-5.x-leaved4d11-5 { margin: 10px 2px 0; font-size: var(--erp-fs-xs); color: var(--erp-text-faint); }
.x-leaved4d11-6.x-leaved4d11-6.x-leaved4d11-6 { border-top: 1px solid var(--erp-border); padding: 10px 16px; }

/* templates/hr/work_schedule_request_form.html — 4곳 → 4클래스 */
.x-worksc7f4f-1.x-worksc7f4f-1.x-worksc7f4f-1 { background: var(--erp-bg-soft); border: 1px solid var(--erp-border); font-size: var(--erp-fs-md); }
.x-worksc7f4f-2.x-worksc7f4f-2.x-worksc7f4f-2 { position: relative; height: 52px; background: var(--erp-neutral-100); border-radius: 6px; overflow: hidden; margin-top: 4px; }
.x-worksc7f4f-3.x-worksc7f4f-3.x-worksc7f4f-3 { position: absolute; left: 37.5%; width: 37.5%; height: 100%; background: var(--erp-success-bg); border-radius: 4px; }
.x-worksc7f4f-4.x-worksc7f4f-4.x-worksc7f4f-4 { position: absolute; height: 100%; background: rgba(121,80,242,.35); border-radius: 4px; border: 2px solid var(--erp-oc-violet-600); transition: all .2s; }

/* templates/maintenance/customer_assignment_list.html — 6곳 → 6클래스 */
.x-custom9429-1.x-custom9429-1.x-custom9429-1 { background: var(--erp-warning-bg); color: var(--erp-amber-800); border: 1px solid var(--erp-warning-border); font-weight: 700; }
.x-custom9429-2.x-custom9429-2.x-custom9429-2 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); margin-left: 5px; }
.x-custom9429-3.x-custom9429-3.x-custom9429-3 { font-weight: 700; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.x-custom9429-4.x-custom9429-4.x-custom9429-4 { color: var(--erp-text-muted); max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.x-custom9429-5.x-custom9429-5.x-custom9429-5 { background: var(--erp-bg-card); border-radius: 10px; width: 440px; max-width: 92vw; padding: 20px; box-shadow: 0 10px 40px var(--erp-black-a20); }
.x-custom9429-6.x-custom9429-6.x-custom9429-6 { grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }

/* templates/maintenance/manager_dashboard.html — 6곳 → 6클래스 */
.x-managefb72-1.x-managefb72-1.x-managefb72-1 { margin: 0; font-size: var(--erp-fs-18); font-weight: 700; }
.x-managefb72-3.x-managefb72-3.x-managefb72-3 { border-radius: 10px; border: 1px solid var(--erp-neutral-200); }
.x-managefb72-4.x-managefb72-4.x-managefb72-4 { border-bottom: 1px solid var(--erp-neutral-200); background: var(--erp-bg-soft); }
.x-managefb72-5.x-managefb72-5.x-managefb72-5 { border-top: 1px solid var(--erp-neutral-200); }

/* templates/management/invoice_request_dispatch.html — 7곳 → 5클래스 */
.x-invoica073-1.x-invoica073-1.x-invoica073-1 { font-weight: 700; color: var(--erp-text-strong); margin: 4px 0 8px; }
.x-invoica073-2.x-invoica073-2.x-invoica073-2 { font-family: monospace; color: var(--erp-primary); }
.x-invoica073-3.x-invoica073-3.x-invoica073-3 { margin-bottom: 8px; max-width: 360px; }
.x-invoica073-4.x-invoica073-4.x-invoica073-4 { grid-template-columns: 1fr 1fr; gap: 12px; }
.x-invoica073-5.x-invoica073-5.x-invoica073-5 { grid-column: 1 / -1; }

/* templates/finance/cash_daily_report.html — 7곳 → 6클래스 */
.x-cashda548b-2.x-cashda548b-2.x-cashda548b-2 { background: var(--erp-green-50); border-color: var(--erp-green-200); color: var(--erp-green-800); }
.x-cashda548b-3.x-cashda548b-3.x-cashda548b-3 { font-size: var(--erp-fs-9); }
.x-cashda548b-4.x-cashda548b-4.x-cashda548b-4 { width: 205px; }
.x-cashda548b-5.x-cashda548b-5.x-cashda548b-5 { background: var(--erp-primary-soft); font-weight: 700; }
.x-cashda548b-6.x-cashda548b-6.x-cashda548b-6 { background: var(--erp-red-50); font-weight: 700; }

/* templates/finance/purchase_payment_due.html — 5곳 → 5클래스 */

/* templates/hr/comp_leave_review.html — 3곳 → 3클래스 */
.x-complefe76-1.x-complefe76-1.x-complefe76-1 { width: 32px; }
.x-complefe76-2.x-complefe76-2.x-complefe76-2 { background: var(--erp-bg-card); border-radius: 10px; width: 460px; max-width: 95vw; box-shadow: 0 10px 30px var(--erp-black-a20); }
.x-complefe76-3.x-complefe76-3.x-complefe76-3 { cursor: pointer; font-size: 1.5rem; color: var(--erp-text-faint); }

/* templates/base.html — 1곳 → 1클래스 */
.x-baseda7c-1.x-baseda7c-1.x-baseda7c-1 { max-width: 440px; width: 92%; margin: 0; }

/* templates/core/my_signature.html — 3곳 → 3클래스 */
.x-mysignc0df-1.x-mysignc0df-1.x-mysignc0df-1 { min-height: 80px; }
.x-mysignc0df-2.x-mysignc0df-2.x-mysignc0df-2 { max-height: 70px; max-width: 100%; object-fit: contain; }
.x-mysignc0df-3.x-mysignc0df-3.x-mysignc0df-3 { touch-action: none; }

/* templates/finance/_tax_invoice_issue_modal.html — 5곳 → 5클래스 */
.x-taxinv275c-1.x-taxinv275c-1.x-taxinv275c-1 { background: var(--erp-bg-soft); border-radius: 6px; font-size: var(--erp-fs-sm); color: var(--erp-text); }
.x-taxinv275c-2.x-taxinv275c-2.x-taxinv275c-2 { color: var(--erp-accent,var(--erp-accent)); }
.x-taxinv275c-3.x-taxinv275c-3.x-taxinv275c-3 { background: var(--erp-bg-card); border-radius: 12px; width: 96vw; max-width: 1200px; max-height: 94vh; overflow-y: auto; padding: 22px 26px; box-shadow: 0 14px 44px var(--erp-black-a28); }
.x-taxinv275c-4.x-taxinv275c-4.x-taxinv275c-4 { font-size: var(--erp-fs-15); font-weight: 700; }
.x-taxinv275c-5.x-taxinv275c-5.x-taxinv275c-5 { font-size: var(--erp-fs-sm); color: var(--erp-amber-800); background: var(--erp-amber-50); border: 1px solid var(--erp-warning-border); border-radius: 8px; padding: 9px 12px; margin-bottom: 14px; }

/* templates/finance/vat_return_form.html — 6곳 → 4클래스 */
.x-vatretfc33-1.x-vatretfc33-1.x-vatretfc33-1 { width: 34%; }
.x-vatretfc33-2.x-vatretfc33-2.x-vatretfc33-2 { width: 44%; }
.x-vatretfc33-3.x-vatretfc33-3.x-vatretfc33-3 { width: 52%; }
.x-vatretfc33-4.x-vatretfc33-4.x-vatretfc33-4 { width: 40%; }

/* templates/hr/attendance_manage.html — 5곳 → 4클래스 */
.x-attend5157-1.x-attend5157-1.x-attend5157-1 { border: 0; background: transparent; font-size: var(--erp-fs-md); font-weight: 600; }
.x-attend5157-2.x-attend5157-2.x-attend5157-2 { background: var(--erp-bg-card); border-radius: 12px; padding: 24px; width: 380px; box-shadow: 0 8px 32px var(--erp-black-a18); }
.x-attend5157-3.x-attend5157-3.x-attend5157-3 { font-size: var(--erp-fs-15); }
.x-attend5157-4.x-attend5157-4.x-attend5157-4 { cursor: pointer; font-size: var(--erp-fs-20); color: var(--erp-bs-gray-500); }

/* templates/hr/attendance_request_list.html — 6곳 → 6클래스 */
.x-attendaf9e-1.x-attendaf9e-1.x-attendaf9e-1 { background: linear-gradient(135deg,var(--erp-blue-600x4),var(--erp-blue-600x)); color: var(--erp-bg-card); border: 0; }
.x-attendaf9e-2.x-attendaf9e-2.x-attendaf9e-2 { font-size: var(--erp-fs-15); font-weight: 800; }
.x-attendaf9e-3.x-attendaf9e-3.x-attendaf9e-3 { background: var(--erp-bg-soft); border: 1px solid var(--erp-border); font-size: var(--erp-fs-md); }
.x-attendaf9e-4.x-attendaf9e-4.x-attendaf9e-4 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: .04em; }
.x-attendaf9e-5.x-attendaf9e-5.x-attendaf9e-5 { color: var(--erp-orange-600x); }
.x-attendaf9e-6.x-attendaf9e-6.x-attendaf9e-6 { border-top: 1px solid var(--erp-border); }

/* templates/hr/evaluation_period_list.html — 6곳 → 6클래스 */
.x-evalua804f-2.x-evalua804f-2.x-evalua804f-2 { background: linear-gradient(135deg,var(--erp-oc-violet-600),var(--erp-violet-600x)); color: var(--erp-bg-card); border: 0; }
.x-evalua804f-3.x-evalua804f-3.x-evalua804f-3 { font-size: var(--erp-fs-15); font-weight: 800; }
.x-evalua804f-4.x-evalua804f-4.x-evalua804f-4 { background: var(--erp-bg-soft); border: 1px solid var(--erp-border); }
.x-evalua804f-5.x-evalua804f-5.x-evalua804f-5 { font-size: var(--erp-fs-xs); color: var(--erp-gray-500); margin-top: 4px; padding-left: 24px; }
.x-evalua804f-6.x-evalua804f-6.x-evalua804f-6 { border-top: 1px solid var(--erp-border); }

/* templates/hr/welfare_point_admin.html — 5곳 → 5클래스 */
.x-welfar6161-1.x-welfar6161-1.x-welfar6161-1 { background: var(--erp-bg-card); border-radius: 12px; padding: 28px; width: 440px; max-width: 95vw; box-shadow: 0 8px 32px var(--erp-black-a18); }
.x-welfar6161-2.x-welfar6161-2.x-welfar6161-2 { margin: 0 0 16px; font-size: var(--erp-fs-15); font-weight: 800; }
.x-welfar6161-3.x-welfar6161-3.x-welfar6161-3 { grid-template-columns: 1fr; }
.x-welfar6161-4.x-welfar6161-4.x-welfar6161-4 { font-weight: 700; padding: 8px 0; color: var(--erp-success); font-variant-numeric: tabular-nums; }
.x-welfar6161-5.x-welfar6161-5.x-welfar6161-5 { text-align: right; font-variant-numeric: tabular-nums; }

/* groupware/templates/groupware/approval_inbox.html — 5곳 → 3클래스 */
.x-approv5740-1.x-approv5740-1.x-approv5740-1 { margin: 0; padding: 0; border: none; background: none; }
.x-approv5740-2.x-approv5740-2.x-approv5740-2 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); font-variant-numeric: tabular-nums; }
.x-approv5740-3.x-approv5740-3.x-approv5740-3 { margin: 0; border-radius: 0; }

/* groupware/templates/groupware/minute_detail.html — 5곳 → 4클래스 */
.x-minute1de1-1.x-minute1de1-1.x-minute1de1-1 { font-variant-numeric: tabular-nums; }
.x-minute1de1-2.x-minute1de1-2.x-minute1de1-2 { grid-column: span 4; }
.x-minute1de1-3.x-minute1de1-3.x-minute1de1-3 { background: var(--erp-purple-bg); color: var(--erp-purple); }
.x-minute1de1-4.x-minute1de1-4.x-minute1de1-4 { width: 50%; }

/* templates/core/org_chart.html — 4곳 → 4클래스 */
.x-orgcha8c42-1.x-orgcha8c42-1.x-orgcha8c42-1 { color: var(--erp-m-indigo-700); font-size: var(--erp-fs-18); }
.x-orgcha8c42-2.x-orgcha8c42-2.x-orgcha8c42-2 { font-size: var(--erp-fs-16); color: var(--erp-gray-900x); }
.x-orgcha8c42-3.x-orgcha8c42-3.x-orgcha8c42-3 { font-size: var(--erp-fs-32); margin-bottom: 10px; }
.x-orgcha8c42-4.x-orgcha8c42-4.x-orgcha8c42-4 { margin: 0; border-color: var(--erp-ink-100); }

/* templates/finance/daily_close_detail.html — 3곳 → 3클래스 */
.x-dailycc1ae-1.x-dailycc1ae-1.x-dailycc1ae-1 { width: 100%; resize: vertical; }
.x-dailycc1ae-3.x-dailycc1ae-3.x-dailycc1ae-3 { padding: 0; overflow: hidden; border-radius: 0 0 10px 10px; }

/* templates/finance/fixed_asset_form.html — 4곳 → 2클래스 */
.x-fixedad451-1.x-fixedad451-1.x-fixedad451-1 { max-width: 860px; }
.x-fixedad451-2.x-fixedad451-2.x-fixedad451-2 { grid-column: span 2; }

/* templates/finance/fixed_deposit_form.html — 4곳 → 3클래스 */
.x-fixedd1f16-1.x-fixedd1f16-1.x-fixedd1f16-1 { grid-template-columns: 1fr 1fr 1fr; }
.x-fixedd1f16-2.x-fixedd1f16-2.x-fixedd1f16-2 { grid-column: span 2; }
.x-fixedd1f16-3.x-fixedd1f16-3.x-fixedd1f16-3 { grid-column: span 3; }

/* templates/finance/my_credit_card_usage.html — 4곳 → 4클래스 */
.x-mycredd1a3-1.x-mycredd1a3-1.x-mycredd1a3-1 { font-weight: 700; color: var(--erp-text); padding: 7px 2px; }
.x-mycredd1a3-2.x-mycredd1a3-2.x-mycredd1a3-2 { background: var(--erp-primary); }
.x-mycredd1a3-3.x-mycredd1a3-3.x-mycredd1a3-3 { background: var(--erp-danger); }
.x-mycredd1a3-4.x-mycredd1a3-4.x-mycredd1a3-4 { background: var(--erp-warning-strong); }

/* templates/finance/purchase_quote_stamp.html — 3곳 → 3클래스 */
.x-purcha9f9f-1.x-purcha9f9f-1.x-purcha9f9f-1 { white-space: normal; }
.x-purcha9f9f-2.x-purcha9f9f-2.x-purcha9f9f-2 { max-width: 440px; margin: 10px auto 0; }

/* templates/finance/tax_rule_list.html — 3곳 → 3클래스 */
.x-taxrul69ba-1.x-taxrul69ba-1.x-taxrul69ba-1 { width: 32px; }
.x-taxrul69ba-2.x-taxrul69ba-2.x-taxrul69ba-2 { background: var(--erp-indigo-100); color: var(--erp-primary-deep); }
.x-taxrul69ba-3.x-taxrul69ba-3.x-taxrul69ba-3 { text-align: right; font-variant-numeric: tabular-nums; }

/* templates/hr/leave_grant_request_detail.html — 2곳 → 2클래스 */
.x-leaveg5921-1.x-leaveg5921-1.x-leaveg5921-1 { grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.x-leaveg5921-2.x-leaveg5921-2.x-leaveg5921-2 { border-top: 1px solid var(--erp-border); }

/* templates/maintenance/work_schedule_edit.html — 4곳 → 4클래스 */
.x-worksc145f-1.x-worksc145f-1.x-worksc145f-1 { font-weight: 400; text-transform: none; font-size: var(--erp-fs-2xs); }
.x-worksc145f-2.x-worksc145f-2.x-worksc145f-2 { color: var(--erp-oc-teal-700); font-size: var(--erp-fs-15); }
.x-worksc145f-3.x-worksc145f-3.x-worksc145f-3 { font-size: var(--erp-fs-xs); font-weight: 600; color: var(--erp-oc-teal-700); white-space: nowrap; background: var(--erp-green-50); padding: 3px 8px; border-radius: 4px; border: 1px solid var(--erp-green-200); }
.x-worksc145f-4.x-worksc145f-4.x-worksc145f-4 { padding: 8px 22px; font-size: var(--erp-fs-md); }

/* templates/print/_approval_grid.html — 5곳 → 2클래스 */
.x-approv8752-1.x-approv8752-1.x-approv8752-1 { font-size: 8pt; color: var(--erp-ink-400); }
.x-approv8752-2.x-approv8752-2.x-approv8752-2 { border-color: var(--erp-ink-400); color: var(--erp-ink-400); }

/* templates/sales/product_list.html — 2곳 → 2클래스 */
.x-producec02-1.x-producec02-1.x-producec02-1 { width: 56px; }
.x-producec02-2.x-producec02-2.x-producec02-2 { padding-left: 2.2em; }

/* templates/admin/sales/estimate/preview.html — 3곳 → 3클래스 */
.x-previef6cc-1.x-previef6cc-1.x-previef6cc-1 { width: 33%; }
.x-previef6cc-2.x-previef6cc-2.x-previef6cc-2 { white-space: pre-wrap; }
.x-previef6cc-3.x-previef6cc-3.x-previef6cc-3 { text-align: center; width: 60%; }

/* templates/contracts/_change_control.html — 4곳 → 4클래스 */
.x-change2aed-1.x-change2aed-1.x-change2aed-1 { border-color: var(--erp-warning-border); background: var(--erp-warning-bg); }
.x-change2aed-2.x-change2aed-2.x-change2aed-2 { border-bottom: 1px solid var(--erp-warning-border); }
.x-change2aed-3.x-change2aed-3.x-change2aed-3 { border-color: var(--erp-primary); }
.x-change2aed-4.x-change2aed-4.x-change2aed-4 { padding: 12px 16px; border-bottom: 1px solid var(--erp-border); }

/* templates/core/certificate_print.html — 4곳 → 4클래스 */
.x-certife625-1.x-certife625-1.x-certife625-1 { width: 31%; }
.x-certife625-2.x-certife625-2.x-certife625-2 { width: 100%; border-collapse: collapse; }
.x-certife625-3.x-certife625-3.x-certife625-3 { border: none; border-bottom: 1px dashed var(--erp-border-strong); padding: 7px 10px; font-size: var(--erp-fs-lg); width: 30%; }
.x-certife625-4.x-certife625-4.x-certife625-4 { border: none; border-bottom: 1px dashed var(--erp-border-strong); padding: 7px 10px; font-size: var(--erp-fs-lg); }

/* templates/core/company_contracts.html — 4곳 → 4클래스 */
.x-compan079e-1.x-compan079e-1.x-compan079e-1 { margin-left: 14px; font-size: var(--erp-fs-sm); color: var(--erp-text-muted); font-weight: 600; }
.x-compan079e-2.x-compan079e-2.x-compan079e-2 { padding: 4px 10px; border: 1px solid var(--erp-border); border-radius: 6px; font-size: var(--erp-fs-sm); }
.x-compan079e-3.x-compan079e-3.x-compan079e-3 { border: 1px solid var(--erp-border); border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.x-compan079e-4.x-compan079e-4.x-compan079e-4 { border: 1px solid var(--erp-border); border-radius: 10px; overflow: hidden; }

/* templates/finance/_tax_invoice_viewer.html — 3곳 → 3클래스 */
.x-taxinva9f4-1.x-taxinva9f4-1.x-taxinva9f4-1 { background: var(--erp-bg-card); border-radius: 12px; padding: 24px 28px; width: 96vw; max-width: 1200px; max-height: 92vh; overflow-y: auto; box-shadow: 0 10px 40px var(--erp-black-a20); }
.x-taxinva9f4-2.x-taxinva9f4-2.x-taxinva9f4-2 { font-size: var(--erp-fs-15); font-weight: 700; }
.x-taxinva9f4-3.x-taxinva9f4-3.x-taxinva9f4-3 { background: none; border: none; font-size: var(--erp-fs-18); color: var(--erp-text-muted); cursor: pointer; line-height: 1; }

/* templates/finance/fixed_asset_list.html — 2곳 → 2클래스 */
.x-fixedaed8c-1.x-fixedaed8c-1.x-fixedaed8c-1 { overflow: auto; border: 1px solid var(--erp-border); border-radius: 8px; min-height: 0; }
.x-fixedaed8c-2.x-fixedaed8c-2.x-fixedaed8c-2 { width: 64px; padding: 5px 8px; border: 1.5px solid var(--erp-border); border-radius: 6px; text-align: right; background: var(--erp-bg-soft); color: var(--erp-text); outline: none; }

/* templates/finance/purchase_form.html — 3곳 → 2클래스 */
.x-purcha7c41-1.x-purcha7c41-1.x-purcha7c41-1 { font-size: var(--erp-fs-9); }
.x-purcha7c41-2.x-purcha7c41-2.x-purcha7c41-2 { font-size: var(--erp-fs-11_5); color: var(--erp-text-muted); }

/* templates/hr/attendance_request_form.html — 4곳 → 4클래스 */
.x-attendbaec-1.x-attendbaec-1.x-attendbaec-1 { color: var(--erp-blue-600x4); }
.x-attendbaec-2.x-attendbaec-2.x-attendbaec-2 { background: var(--erp-bg-soft); border: 1px solid var(--erp-border); font-size: var(--erp-fs-md); }
.x-attendbaec-3.x-attendbaec-3.x-attendbaec-3 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: .04em; }
.x-attendbaec-4.x-attendbaec-4.x-attendbaec-4 { color: var(--erp-orange-600x); }

/* templates/hr/forced_leave_detail.html — 3곳 → 2클래스 */
.x-forced8922-1.x-forced8922-1.x-forced8922-1 { border-color: var(--erp-warning); margin-bottom: 1rem; }

/* templates/hr/workday_plan_calendar.html — 2곳 → 2클래스 */
.x-workda5d37-1.x-workda5d37-1.x-workda5d37-1 { margin-top: 2px; text-transform: none; }
.x-workda5d37-2.x-workda5d37-2.x-workda5d37-2 { min-width: 148px; }

/* templates/maintenance/non_assigned_support_list.html — 3곳 → 3클래스 */
.x-nonass4d19-1.x-nonass4d19-1.x-nonass4d19-1 { max-width: 280px; white-space: pre-wrap; }
.x-nonass4d19-2.x-nonass4d19-2.x-nonass4d19-2 { background: var(--erp-bg-card); border-radius: 10px; width: 420px; max-width: 92vw; padding: 20px; box-shadow: 0 10px 40px var(--erp-black-a20); }

/* templates/maintenance/stock_list.html — 4곳 → 1클래스 */
.x-stocklb396-1.x-stocklb396-1.x-stocklb396-1 { grid-column: span 2; }

/* templates/maintenance/test_signature_url.html — 4곳 → 4클래스 */
.x-testsie71f-1.x-testsie71f-1.x-testsie71f-1 { background: var(--erp-bg-soft); border-radius: 6px; padding: 12px 16px; margin-bottom: 20px; font-size: var(--erp-fs-sm); color: var(--erp-text); border: 1px solid var(--erp-border); }
.x-testsie71f-2.x-testsie71f-2.x-testsie71f-2 { background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 6px; padding: 14px 16px; margin-bottom: 16px; }
.x-testsie71f-3.x-testsie71f-3.x-testsie71f-3 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-bottom: 6px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.x-testsie71f-4.x-testsie71f-4.x-testsie71f-4 { word-break: break-all; font-size: var(--erp-fs-sm); color: var(--erp-primary); font-family: monospace; }

/* templates/sales/sales_report.html — 4곳 → 4클래스 */
.x-salesr8e11-1.x-salesr8e11-1.x-salesr8e11-1 { color: var(--erp-blue-600x4); }
.x-salesr8e11-2.x-salesr8e11-2.x-salesr8e11-2 { color: var(--erp-red-500x); }
.x-salesr8e11-3.x-salesr8e11-3.x-salesr8e11-3 { color: var(--erp-teal-700x2); }
.x-salesr8e11-4.x-salesr8e11-4.x-salesr8e11-4 { margin-top: 50px; text-align: center; color: var(--erp-ink-400); font-size: var(--erp-fs-sm); }

/* templates/users/scheduler_status.html — 4곳 → 3클래스 */
.x-schedud5f0-1.x-schedud5f0-1.x-schedud5f0-1 { padding: 10px 20px 4px; margin: 0; font-size: var(--erp-fs-md); }
.x-schedud5f0-2.x-schedud5f0-2.x-schedud5f0-2 { text-align: left; font-family: monospace; }
.x-schedud5f0-3.x-schedud5f0-3.x-schedud5f0-3 { padding: 16px 20px 4px; margin: 0; font-size: var(--erp-fs-md); }

/* groupware/templates/groupware/helpdesk_list.html — 3곳 → 3클래스 */
.x-helpdeb5c5-1.x-helpdeb5c5-1.x-helpdeb5c5-1 { padding: 0; border: none; margin-bottom: 16px; }
.x-helpdeb5c5-2.x-helpdeb5c5-2.x-helpdeb5c5-2 { font-variant-numeric: tabular-nums; color: var(--erp-text-muted); }
.x-helpdeb5c5-3.x-helpdeb5c5-3.x-helpdeb5c5-3 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); font-variant-numeric: tabular-nums; }

/* groupware/templates/groupware/minute_confirm_delete.html — 3곳 → 3클래스 */
.x-minutec8f7-1.x-minutec8f7-1.x-minutec8f7-1 { font-size: var(--erp-fs-32); color: var(--erp-danger); margin-bottom: 10px; }
.x-minutec8f7-2.x-minutec8f7-2.x-minutec8f7-2 { font-size: var(--erp-fs-18); color: var(--erp-danger); margin: 4px 0 12px; }
.x-minutec8f7-3.x-minutec8f7-3.x-minutec8f7-3 { padding: 9px 20px; font-size: var(--erp-fs-13_5); font-weight: 700; }

/* groupware/templates/groupware/notice_confirm_delete.html — 3곳 → 3클래스 */
.x-notice59b2-1.x-notice59b2-1.x-notice59b2-1 { font-size: var(--erp-fs-32); color: var(--erp-danger); margin-bottom: 10px; }
.x-notice59b2-2.x-notice59b2-2.x-notice59b2-2 { font-size: var(--erp-fs-18); color: var(--erp-danger); margin: 4px 0 12px; }
.x-notice59b2-3.x-notice59b2-3.x-notice59b2-3 { padding: 9px 20px; font-size: var(--erp-fs-13_5); font-weight: 700; }

/* groupware/templates/groupware/notice_detail.html — 2곳 → 2클래스 */
.x-notice7d3b-1.x-notice7d3b-1.x-notice7d3b-1 { background: none; border: none; color: var(--erp-danger); cursor: pointer; font-size: var(--erp-fs-xs); }
.x-notice7d3b-2.x-notice7d3b-2.x-notice7d3b-2 { background: var(--erp-bg-card); border: 1px dashed var(--erp-border); border-radius: 8px; }

/* groupware/templates/groupware/room_confirm_delete.html — 3곳 → 3클래스 */
.x-roomco66e6-1.x-roomco66e6-1.x-roomco66e6-1 { font-size: var(--erp-fs-32); color: var(--erp-danger); margin-bottom: 10px; }
.x-roomco66e6-2.x-roomco66e6-2.x-roomco66e6-2 { font-size: var(--erp-fs-18); color: var(--erp-danger); margin: 4px 0 12px; }
.x-roomco66e6-3.x-roomco66e6-3.x-roomco66e6-3 { padding: 9px 20px; font-size: var(--erp-fs-13_5); font-weight: 700; }

/* templates/admin/maintenance/visitreport/test_signature_url.html — 3곳 → 3클래스 */
.x-testsib547-1.x-testsib547-1.x-testsib547-1 { margin: 20px 0; padding: 16px; background: var(--erp-neutral-50); border: 1px solid var(--erp-bs-gray-300); border-radius: 8px; }
.x-testsib547-2.x-testsib547-2.x-testsib547-2 { width: 100%; padding: 10px; font-size: var(--erp-fs-lg); border: 1px solid var(--erp-ink-200); }
.x-testsib547-3.x-testsib547-3.x-testsib547-3 { margin-top: 24px; }

/* templates/admin/maintenance/workschedule/test_signature_url.html — 3곳 → 3클래스 */
.x-testsi7fe9-1.x-testsi7fe9-1.x-testsi7fe9-1 { margin: 20px 0; padding: 16px; background: var(--erp-neutral-50); border: 1px solid var(--erp-bs-gray-300); border-radius: 8px; }
.x-testsi7fe9-2.x-testsi7fe9-2.x-testsi7fe9-2 { width: 100%; padding: 10px; font-size: var(--erp-fs-lg); border: 1px solid var(--erp-ink-200); }
.x-testsi7fe9-3.x-testsi7fe9-3.x-testsi7fe9-3 { margin-top: 24px; }

/* templates/core/_exec_contract_modal_table.html — 1곳 → 1클래스 */
.x-execco87af-1.x-execco87af-1.x-execco87af-1 { text-align: center; padding: 6px 8px; }

/* templates/core/_exec_tech_section.html — 1곳 → 1클래스 */
.x-exectedab1-1.x-exectedab1-1.x-exectedab1-1 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); margin-bottom: 12px; text-transform: uppercase; letter-spacing: .5px; }

/* templates/core/my_approvals.html — 2곳 → 2클래스 */
.x-myapprae91-1.x-myapprae91-1.x-myapprae91-1 { padding: 12px 20px 0; }
.x-myapprae91-2.x-myapprae91-2.x-myapprae91-2 { color: var(--erp-gray-500); font-size: var(--erp-fs-11_5); }

/* templates/core/notification_settings.html — 1곳 → 1클래스 */
.x-notifi9294-1.x-notifi9294-1.x-notifi9294-1 { max-width: 720px; margin: 0 auto; padding-top: var(--erp-space-5); }

/* templates/finance/contract_profit.html — 1곳 → 1클래스 */
.x-contra5972-1.x-contra5972-1.x-contra5972-1 { background: var(--erp-bg-card); border-radius: 12px; padding: 22px; width: 420px; max-width: 96vw; box-shadow: 0 8px 30px var(--erp-black-a20); }

/* templates/finance/non_contract_purchase_form.html — 1곳 → 1클래스 */
.x-noncon2173-1.x-noncon2173-1.x-noncon2173-1 { font-size: var(--erp-fs-11_5); color: var(--erp-text-muted); }

/* templates/hr/quarterly_overtime_approve.html — 1곳 → 1클래스 */
.x-quartea9cb-1.x-quartea9cb-1.x-quartea9cb-1 { grid-template-columns: 160px 1fr; gap: 10px; align-items: end; }

/* templates/hr/quarterly_overtime_detail.html — 3곳 → 2클래스 */
.x-quarte1d7c-1.x-quarte1d7c-1.x-quarte1d7c-1 { background: var(--erp-bg-soft); }
.x-quarte1d7c-2.x-quarte1d7c-2.x-quarte1d7c-2 { border-top: 1px solid var(--erp-border); }

/* templates/hr/vacation_sheet_detail.html — 2곳 → 2클래스 */
.x-vacatid322-1.x-vacatid322-1.x-vacatid322-1 { background: var(--erp-primary); }
.x-vacatid322-2.x-vacatid322-2.x-vacatid322-2 { background: var(--erp-bg-soft); }

/* templates/maintenance/_team_weekly_member_card.html — 1곳 → 1클래스 */
.x-teamwe0cb6-1.x-teamwe0cb6-1.x-teamwe0cb6-1 { border: 1px solid var(--erp-gray-200); border-radius: 8px; overflow: hidden; }

/* templates/maintenance/projects/task_detail.html — 3곳 → 2클래스 */
.x-taskde0dad-1.x-taskde0dad-1.x-taskde0dad-1 { white-space: pre-wrap; }

/* templates/sales/_pipeline_contract_summary.html — 3곳 → 2클래스 */
.x-pipeli9439-1.x-pipeli9439-1.x-pipeli9439-1 { grid-column: 1/-1; }
.x-pipeli9439-2.x-pipeli9439-2.x-pipeli9439-2 { padding: 6px 16px; font-size: var(--erp-fs-md); background: var(--erp-blue-600); border: 1px solid var(--erp-blue-600); border-radius: 6px; cursor: pointer; color: var(--erp-bg-card); font-weight: 600; }

/* templates/sales/dashboard_weekly_partial.html — 1곳 → 1클래스 */
.x-dashboe6b5-1.x-dashboe6b5-1.x-dashboe6b5-1 { padding: 24px 0; }

/* groupware/templates/groupware/suggestion_list.html — 2곳 → 2클래스 */
.x-suggeseb09-1.x-suggeseb09-1.x-suggeseb09-1 { padding: 0; border: none; margin-bottom: 16px; }
.x-suggeseb09-2.x-suggeseb09-2.x-suggeseb09-2 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); font-variant-numeric: tabular-nums; }

/* templates/admin/finance_excel_export.html — 2곳 → 2클래스 */
.x-financ06cf-1.x-financ06cf-1.x-financ06cf-1 { padding: 0 20px 20px 20px; }
.x-financ06cf-2.x-financ06cf-2.x-financ06cf-2 { float: right; }

/* templates/admin/maintenance/workstandard/change_list.html — 2곳 → 2클래스 */
.x-change7a5c-1.x-change7a5c-1.x-change7a5c-1 { background: var(--erp-bs-green-500) !important; text-align: center; }
.x-change7a5c-2.x-change7a5c-2.x-change7a5c-2 { margin-bottom: 15px; padding: 12px 15px; background: var(--erp-blue-25); border-left: 4px solid var(--erp-bs-blue-400); border-radius: 4px; }

/* templates/core/deleted_companies.html — 1곳 → 1클래스 */

/* templates/core/system_monitor.html — 2곳 → 1클래스 */
.x-system5cee-1.x-system5cee-1.x-system5cee-1 { margin-top: var(--erp-space-4); }

/* templates/core/trash_list.html — 1곳 → 1클래스 */
.x-trashl8675-1.x-trashl8675-1.x-trashl8675-1 { border-bottom: none; gap: 4px; }

/* templates/finance/_cutoff_company_detail.html — 2곳 → 1클래스 */
.x-cutoff8c76-1.x-cutoff8c76-1.x-cutoff8c76-1 { background: var(--erp-bg-card); }

/* templates/finance/advance_list.html — 1곳 → 1클래스 */
.x-advanc320f-1.x-advanc320f-1.x-advanc320f-1 { cursor: text; }

/* templates/finance/ap_management.html — 1곳 → 1클래스 */
.x-apmana1ea5-1.x-apmana1ea5-1.x-apmana1ea5-1 { padding: 0 12px 10px 12px; background: var(--erp-bg-soft); white-space: normal; }

/* templates/finance/ar_management.html — 2곳 → 2클래스 */
.x-armana372d-2.x-armana372d-2.x-armana372d-2 { font-size: var(--erp-fs-sm); color: var(--erp-primary-deep); background: var(--erp-info-bg); border: 1px solid var(--erp-border); border-radius: 8px; padding: 9px 12px; margin-bottom: 14px; line-height: 1.6; }

/* templates/finance/fixed_deposit_list.html — 2곳 → 2클래스 */
.x-fixedd8b31-1.x-fixedd8b31-1.x-fixedd8b31-1 { background: var(--erp-bg-soft); font-weight: 700; }
.x-fixedd8b31-2.x-fixedd8b31-2.x-fixedd8b31-2 { text-align: right; padding-right: 12px; }

/* templates/finance/journal_voucher.html — 2곳 → 2클래스 */
.x-journa7ba7-1.x-journa7ba7-1.x-journa7ba7-1 { text-align: center; margin: 6mm; }
.x-journa7ba7-2.x-journa7ba7-2.x-journa7ba7-2 { padding: 6px 24px; font-size: var(--erp-fs-md); cursor: pointer; }

/* templates/finance/partner_ledger_detail.html — 1곳 → 1클래스 */
.x-partned900-1.x-partned900-1.x-partned900-1 { color: var(--erp-green-700x3); }

/* templates/finance/purchase_payment_approvals.html — 2곳 → 2클래스 */
.x-purcha6459-1.x-purcha6459-1.x-purcha6459-1 { min-width: 230px; }
.x-purcha6459-2.x-purcha6459-2.x-purcha6459-2 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); align-self: center; }

/* templates/hr/_work_request_insight.html — 2곳 → 2클래스 */
.x-workre8087-1.x-workre8087-1.x-workre8087-1 { margin-top: 10px; padding: 10px 12px; background: var(--erp-bg-soft); border-radius: 8px; font-size: var(--erp-fs-sm); line-height: 1.7; }
.x-workre8087-2.x-workre8087-2.x-workre8087-2 { font-size: var(--erp-fs-sm); line-height: 1.8; color: var(--erp-text); }

/* templates/hr/attendance_deleted_history.html — 2곳 → 2클래스 */
.x-attendba7b-1.x-attendba7b-1.x-attendba7b-1 { padding: 0 18px; }
.x-attendba7b-2.x-attendba7b-2.x-attendba7b-2 { color: var(--erp-text-muted); max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* templates/hr/evaluation_form.html — 2곳 → 2클래스 */
.x-evaluaf72b-1.x-evaluaf72b-1.x-evaluaf72b-1 { background: var(--erp-orange-50); }
.x-evaluaf72b-2.x-evaluaf72b-2.x-evaluaf72b-2 { background: var(--erp-blue-50); }

/* templates/hr/expense_list.html — 2곳 → 2클래스 */
.x-expens8157-1.x-expens8157-1.x-expens8157-1 { flex: 0 0 160px; }
.x-expens8157-2.x-expens8157-2.x-expens8157-2 { font-size: var(--erp-fs-9); }

/* templates/hr/leave_request_list.html — 2곳 → 2클래스 */
.x-leaver1c1e-1.x-leaver1c1e-1.x-leaver1c1e-1 { background: var(--erp-violet-100); color: var(--erp-violet-700); }
.x-leaver1c1e-2.x-leaver1c1e-2.x-leaver1c1e-2 { font-size: var(--erp-fs-9); }

/* templates/hr/vacation_sheet_list.html — 2곳 → 2클래스 */
.x-vacati0185-1.x-vacati0185-1.x-vacati0185-1 { border: none; padding: 0; margin: 0; }
.x-vacati0185-2.x-vacati0185-2.x-vacati0185-2 { grid-column: 1/-1; }

/* templates/hr/work_schedule_status_list.html — 2곳 → 2클래스 */
.x-worksc46b4-1.x-worksc46b4-1.x-worksc46b4-1 { background: var(--erp-purple-bg); color: var(--erp-violet-700); border: 1px solid var(--erp-indigo-100j); }
.x-worksc46b4-2.x-worksc46b4-2.x-worksc46b4-2 { color: var(--erp-orange-600x4); }

/* templates/maintenance/projects/_ac_widget.html — 1곳 → 1클래스 */
.x-acwidgfb43-1.x-acwidgfb43-1.x-acwidgfb43-1 { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--erp-gray-400); font-size: var(--erp-fs-lg); }

/* templates/maintenance/projects/project_list.html — 2곳 → 2클래스 */
.x-projecf986-1.x-projecf986-1.x-projecf986-1 { width: 340px; }
.x-projecf986-2.x-projecf986-2.x-projecf986-2 { font-size: var(--erp-fs-48); opacity: 0.3; }

/* templates/maintenance/work_schedule_list.html — 1곳 → 1클래스 */
.x-workscd736-1.x-workscd736-1.x-workscd736-1 { border-left: 2px solid var(--erp-border); margin-left: 8px; padding-left: 20px; }

/* templates/sales/weekly_report.html — 2곳 → 2클래스 */
.x-weekly124a-1.x-weekly124a-1.x-weekly124a-1 { border-left: 1px solid var(--erp-border); }
.x-weekly124a-2.x-weekly124a-2.x-weekly124a-2 { font-size: var(--erp-fs-9); }

/* templates/users/account_detail.html — 1곳 → 1클래스 */
.x-accoun4492-1.x-accoun4492-1.x-accoun4492-1 { padding: 0 4px 6px; }

/* groupware/templates/groupware/kb_detail.html — 1곳 → 1클래스 */
.x-kbdeta7c84-1.x-kbdeta7c84-1.x-kbdeta7c84-1 { font-size: var(--erp-fs-md); color: var(--erp-text-muted); margin-right: 14px; }

/* groupware/templates/groupware/minute_list.html — 1곳 → 1클래스 */
.x-minutece22-1.x-minutece22-1.x-minutece22-1 { font-size: var(--erp-fs-sm); font-variant-numeric: tabular-nums; color: var(--erp-text-muted); }

/* groupware/templates/groupware/notice_list.html — 1곳 → 1클래스 */
.x-noticee55a-1.x-noticee55a-1.x-noticee55a-1 { font-size: var(--erp-fs-sm); color: var(--erp-text-faint); font-variant-numeric: tabular-nums; }

/* groupware/templates/groupware/room_calendar.html — 1곳 → 1클래스 */
.x-roomca4bb5-1.x-roomca4bb5-1.x-roomca4bb5-1 { font-size: var(--erp-fs-9); }

/* groupware/templates/groupware/suggestion_form.html — 1곳 → 1클래스 */
.x-sugges9de6-1.x-sugges9de6-1.x-sugges9de6-1 { border-color: var(--erp-success-border); background: var(--erp-success-bg); }

/* templates/admin/common/holiday_change_list.html — 1곳 → 1클래스 */
.x-holidaf369-1.x-holidaf369-1.x-holidaf369-1 { background-color: var(--erp-red-550); }

/* templates/admin/contracts/contract/change_form.html — 1곳 → 1클래스 */
.x-change678d-1.x-change678d-1.x-change678d-1 { margin: 24px 0; }

/* templates/admin/finance/financetransaction/change_list.html — 1곳 → 1클래스 */
.x-change80d1-1.x-change80d1-1.x-change80d1-1 { background: var(--erp-bs-green-500); color: white; border: none; font-weight: bold; }

/* templates/admin/maintenance/visitreport/send_signature.html — 1곳 → 1클래스 */
.x-sendsie575-1.x-sendsie575-1.x-sendsie575-1 { margin-bottom: 16px; padding: 12px; background: var(--erp-amber-100x3); border: 1px solid var(--erp-orange-500x4); border-radius: 4px; }

/* templates/admin/maintenance/workschedule/send_signature.html — 1곳 → 1클래스 */
.x-sendsif8b6-1.x-sendsif8b6-1.x-sendsif8b6-1 { margin-bottom: 16px; padding: 12px; background: var(--erp-amber-100x3); border: 1px solid var(--erp-orange-500x4); border-radius: 4px; }

/* templates/core/approval_cancel_confirm.html — 1곳 → 1클래스 */
.x-approv461a-1.x-approv461a-1.x-approv461a-1 { max-width: 500px; margin: 40px auto; padding: 20px; background: var(--erp-bg-card); border: 1px solid var(--erp-bs-gray-300); border-radius: 8px; }

/* templates/core/asset_form.html — 1곳 → 1클래스 */
.x-assetfea13-1.x-assetfea13-1.x-assetfea13-1 { max-width: 560px; margin: 0 auto; background: var(--erp-bg-card); border: 1px solid var(--erp-bs-gray-300); border-radius: 8px; padding: 24px; }

/* templates/core/notification_list.html — 1곳 → 1클래스 */
.x-notifi739a-1.x-notifi739a-1.x-notifi739a-1 { background: var(--erp-neutral); color: var(--erp-bg-card); }

/* templates/core/setup_checklist.html — 1곳 → 1클래스 */
.x-setupc0b3f-1.x-setupc0b3f-1.x-setupc0b3f-1 { border-left: 3px solid var(--erp-success); }

/* templates/core/vehicle_log.html — 1곳 → 1클래스 */
.x-vehicl2e2c-1.x-vehicl2e2c-1.x-vehicl2e2c-1 { grid-column: span 2; }

/* templates/finance/_voucher_modal.html — 1곳 → 1클래스 */
.x-vouche06c9-1.x-vouche06c9-1.x-vouche06c9-1 { background: none; border: none; cursor: pointer; }

/* templates/finance/account_code_list.html — 1곳 → 1클래스 */
.x-accounf4e0-1.x-accounf4e0-1.x-accounf4e0-1 { background: var(--erp-bg-hover); }

/* templates/finance/account_ledger_bank_detail.html — 1곳 → 1클래스 */

/* templates/finance/account_ledger_bank_list.html — 1곳 → 1클래스 */

/* templates/finance/account_ledger_list.html — 1곳 → 1클래스 */

/* templates/finance/account_ledger_partner_detail.html — 1곳 → 1클래스 */
.x-accoun39bc-1.x-accoun39bc-1.x-accoun39bc-1 { font-size: var(--erp-fs-16); font-weight: 700; }

/* templates/finance/automatch_rules.html — 1곳 → 1클래스 */
.x-automacfd9-1.x-automacfd9-1.x-automacfd9-1 { margin: 0 10px; }

/* templates/finance/billing_form.html — 1곳 → 1클래스 */
.x-billin21e6-1.x-billin21e6-1.x-billin21e6-1 { max-width: 480px; margin: 0 auto; background: var(--erp-bg-card); border: 1px solid var(--erp-bs-gray-300); border-radius: 8px; padding: 24px; }

/* templates/finance/cash_budget.html — 1곳 → 1클래스 */
.x-cashbu935d-1.x-cashbu935d-1.x-cashbu935d-1 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); margin: 0; padding-left: 18px; line-height: 1.9; }

/* templates/finance/mgmt_invoice_basis.html — 1곳 → 1클래스 */
.x-mgmtinb95d-1.x-mgmtinb95d-1.x-mgmtinb95d-1 { font-size: var(--erp-fs-16); font-weight: 700; }

/* templates/finance/partner_ledger_list.html — 1곳 → 1클래스 */
.x-partnee3a9-1.x-partnee3a9-1.x-partnee3a9-1 { font-size: var(--erp-fs-16); font-weight: 700; color: var(--erp-text); }

/* templates/finance/reconcile_gl_sub.html — 1곳 → 1클래스 */
.x-reconc7806-1.x-reconc7806-1.x-reconc7806-1 { margin: 6px 0 0 20px; }

/* templates/finance/tax_classifier.html — 1곳 → 1클래스 */
.x-taxclac940-1.x-taxclac940-1.x-taxclac940-1 { margin: 0; padding-left: 18px; font-size: var(--erp-fs-12_5); color: var(--erp-neutral); line-height: 1.8; }

/* templates/finance/trade_statement.html — 1곳 → 1클래스 */
.x-trades551e-1.x-trades551e-1.x-trades551e-1 { width: 46px; }

/* templates/finance/transaction_form.html — 1곳 → 1클래스 */
.x-transa34c1-1.x-transa34c1-1.x-transa34c1-1 { letter-spacing: 6px; }

/* templates/finance/withholding_type_list.html — 1곳 → 1클래스 */
.x-withho7096-1.x-withho7096-1.x-withho7096-1 { margin-top: 28px; }

/* templates/hr/evaluation_item_manage.html — 1곳 → 1클래스 */
.x-evalua6449-1.x-evalua6449-1.x-evalua6449-1 { border-top: 1px solid var(--erp-neutral-200); }

/* templates/hr/welfare_point_manual_use.html — 1곳 → 1클래스 */
.x-welfar6a0f-1.x-welfar6a0f-1.x-welfar6a0f-1 { text-align: right; font-variant-numeric: tabular-nums; }

/* templates/hr/work_schedule_deleted_history.html — 1곳 → 1클래스 */
.x-workscd114-1.x-workscd114-1.x-workscd114-1 { padding: 0 18px; }

/* templates/maintenance/engineer_profile.html — 1곳 → 1클래스 */
.x-engine041d-1.x-engine041d-1.x-engine041d-1 { background: var(--erp-bg-hover); color: var(--erp-neutral); border-color: var(--erp-border); }

/* templates/maintenance/projects/task_form.html — 1곳 → 1클래스 */

/* templates/maintenance/sign_report_done.html — 1곳 → 1클래스 */
.x-signre2c82-1.x-signre2c82-1.x-signre2c82-1 { font-size: 4rem; }

/* templates/maintenance/sign_report_expired.html — 1곳 → 1클래스 */
.x-signre2080-1.x-signre2080-1.x-signre2080-1 { font-size: 4rem; }

/* templates/sales/client_form.html — 1곳 → 1클래스 */
.x-client791f-1.x-client791f-1.x-client791f-1 { max-width: 900px; }

/* templates/sales/pipeline_list.html — 1곳 → 1클래스 */

/* groupware/templates/groupware/helpdesk_detail.html — 2곳 → 2클래스 */
.js-helpde37e2-1.js-helpde37e2-1.js-helpde37e2-1 { padding: 6px 14px; background: var(--erp-green-50); border: 1px solid var(--erp-green-300); border-radius: 6px; font-size: var(--erp-fs-sm); color: var(--erp-green-800); white-space: nowrap; }
.js-helpde37e2-2.js-helpde37e2-2.js-helpde37e2-2 { margin-top: 8px; padding: 8px 12px; background: var(--erp-red-50); border: 1px solid var(--erp-red-300); border-radius: 6px; font-size: var(--erp-fs-sm); color: var(--erp-red-600); }

/* groupware/templates/groupware/helpdesk_form.html — 1곳 → 1클래스 */
.js-helpde8cb1-1.js-helpde8cb1-1.js-helpde8cb1-1 { cursor: default; }

/* groupware/templates/groupware/minute_form.html — 3곳 → 3클래스 */
.js-minute85b7-1.js-minute85b7-1.js-minute85b7-1 { color: var(--erp-text-faint); font-size: var(--erp-fs-sm); }
.js-minute85b7-2.js-minute85b7-2.js-minute85b7-2 { font-size: var(--erp-fs-2xs); }
.js-minute85b7-3.js-minute85b7-3.js-minute85b7-3 { cursor: default; color: var(--erp-text-faint); }

/* groupware/templates/groupware/proposal_form.html — 8곳 → 7클래스 */
.js-propos439e-1.js-propos439e-1.js-propos439e-1 { padding: 8px 0; font-size: var(--erp-fs-sm); }
.js-propos439e-2.js-propos439e-2.js-propos439e-2 { padding: 10px 0; font-size: var(--erp-fs-sm); }
.js-propos439e-3.js-propos439e-3.js-propos439e-3 { padding: 10px 14px; color: var(--erp-text-muted); font-size: var(--erp-fs-sm); }
.js-propos439e-4.js-propos439e-4.js-propos439e-4 { padding: 10px 14px; color: var(--erp-text-muted); }
.js-propos439e-5.js-propos439e-5.js-propos439e-5 { color: var(--erp-success); }
.js-propos439e-6.js-propos439e-6.js-propos439e-6 { color: var(--erp-info); }
.js-propos439e-7.js-propos439e-7.js-propos439e-7 { color: var(--erp-text-muted); font-size: var(--erp-fs-xs); }

/* groupware/templates/groupware/shared_calendar.html — 1곳 → 1클래스 */
.js-sharedc041-1.js-sharedc041-1.js-sharedc041-1 { text-align: center; }

/* templates/base.html — 9곳 → 9클래스 */
.js-baseda7c-1.js-baseda7c-1.js-baseda7c-1 { padding: 8px 14px; font-size: var(--erp-fs-sm); color: var(--erp-gray-400); }
.js-baseda7c-2.js-baseda7c-2.js-baseda7c-2 { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-baseda7c-3.js-baseda7c-3.js-baseda7c-3 { color: var(--erp-text); font-weight: 600; }
.js-baseda7c-4.js-baseda7c-4.js-baseda7c-4 { flex: none; font-size: var(--erp-fs-xs); color: var(--erp-gray-500); white-space: nowrap; }
.js-baseda7c-5.js-baseda7c-5.js-baseda7c-5 { color: var(--erp-blue-600); margin-right: 5px; }
.js-baseda7c-6.js-baseda7c-6.js-baseda7c-6 { font-size: var(--erp-fs-2xs); padding: 1px 5px; margin-left: 4px; }
.js-baseda7c-7.js-baseda7c-7.js-baseda7c-7 { font-size: var(--erp-fs-md); }
.js-baseda7c-8.js-baseda7c-8.js-baseda7c-8 { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-baseda7c-9.js-baseda7c-9.js-baseda7c-9 { padding: 10px 14px; color: var(--erp-ink-350); font-size: var(--erp-fs-md); }

/* templates/contracts/contract_detail.html — 276곳 → 161클래스 */
.js-contra6790-1.js-contra6790-1.js-contra6790-1 { color: var(--erp-warning-strong); font-weight: 600; }
.js-contra6790-2.js-contra6790-2.js-contra6790-2 { text-align: center; color: var(--erp-text-faint); padding: 30px; }
.js-contra6790-3.js-contra6790-3.js-contra6790-3 { flex: 1; min-width: 0; }
.js-contra6790-4.js-contra6790-4.js-contra6790-4 { font-weight: 600; color: var(--erp-text); font-size: var(--erp-fs-md); }
.js-contra6790-5.js-contra6790-5.js-contra6790-5 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-left: 6px; }
.js-contra6790-6.js-contra6790-6.js-contra6790-6 { font-size: var(--erp-fs-2xs); }
.js-contra6790-7.js-contra6790-7.js-contra6790-7 { text-align: center; color: var(--erp-red-600); padding: 30px; }
.js-contra6790-8.js-contra6790-8.js-contra6790-8 { font-size: var(--erp-fs-md); }
.js-contra6790-9.js-contra6790-9.js-contra6790-9 { color: var(--erp-success); }
.js-contra6790-10.js-contra6790-10.js-contra6790-10 { color: var(--erp-text-muted); font-weight: 500; font-size: var(--erp-fs-xs); }
.js-contra6790-11.js-contra6790-11.js-contra6790-11 { margin-left: auto; }
.js-contra6790-12.js-contra6790-12.js-contra6790-12 { width: 110px; }
.js-contra6790-13.js-contra6790-13.js-contra6790-13 { width: 130px; text-align: right; }
.js-contra6790-14.js-contra6790-14.js-contra6790-14 { width: 80px; text-align: center; }
.js-contra6790-15.js-contra6790-15.js-contra6790-15 { width: 168px; }
.js-contra6790-16.js-contra6790-16.js-contra6790-16 { color: var(--erp-success); font-size: var(--erp-fs-2xs); }
.js-contra6790-17.js-contra6790-17.js-contra6790-17 { color: var(--erp-text-muted); }
.js-contra6790-18.js-contra6790-18.js-contra6790-18 { white-space: nowrap; font-size: var(--erp-fs-xs); }
.js-contra6790-19.js-contra6790-19.js-contra6790-19 { white-space: nowrap; }
.js-contra6790-20.js-contra6790-20.js-contra6790-20 { text-align: right; font-weight: 700; color: var(--erp-success); }
.js-contra6790-21.js-contra6790-21.js-contra6790-21 { text-align: center; }
.js-contra6790-22.js-contra6790-22.js-contra6790-22 { text-align: right; white-space: nowrap; }
.js-contra6790-23.js-contra6790-23.js-contra6790-23 { font-size: var(--erp-fs-sm); }
.js-contra6790-24.js-contra6790-24.js-contra6790-24 { color: var(--erp-primary); }
.js-contra6790-25.js-contra6790-25.js-contra6790-25 { font-size: var(--erp-fs-2xs); padding: 1px 6px; margin-left: 4px; }
.js-contra6790-26.js-contra6790-26.js-contra6790-26 { margin: 2px 0 8px; }
.js-contra6790-27.js-contra6790-27.js-contra6790-27 { cursor: pointer; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); list-style: none; }
.js-contra6790-28.js-contra6790-28.js-contra6790-28 { color: var(--erp-primary); font-weight: 700; }
.js-contra6790-29.js-contra6790-29.js-contra6790-29 { flex: 1; min-width: 180px; }
.js-contra6790-30.js-contra6790-30.js-contra6790-30 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-top: 4px; }
.js-contra6790-31.js-contra6790-31.js-contra6790-31 { margin-top: 6px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-contra6790-32.js-contra6790-32.js-contra6790-32 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-text-strong); }
.js-contra6790-33.js-contra6790-33.js-contra6790-33 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-top: 2px; }
.js-contra6790-34.js-contra6790-34.js-contra6790-34 { font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-text-strong); }
.js-contra6790-35.js-contra6790-35.js-contra6790-35 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); margin-top: 2px; }
.js-contra6790-36.js-contra6790-36.js-contra6790-36 { text-align: right; flex-shrink: 0; }
.js-contra6790-37.js-contra6790-37.js-contra6790-37 { font-size: var(--erp-fs-lg); font-weight: 800; color: var(--erp-primary); }
.js-contra6790-38.js-contra6790-38.js-contra6790-38 { font-size: var(--erp-fs-2xs); color: var(--erp-text-faint); }
.js-contra6790-39.js-contra6790-39.js-contra6790-39 { font-size: var(--erp-fs-xs); color: var(--erp-purple); margin-top: 3px; font-weight: 600; }
.js-contra6790-40.js-contra6790-40.js-contra6790-40 { color: var(--erp-text-faint); }
.js-contra6790-41.js-contra6790-41.js-contra6790-41 { font-size: var(--erp-fs-sm); font-weight: 600; }
.js-contra6790-42.js-contra6790-42.js-contra6790-42 { flex: 1.5; }
.js-contra6790-43.js-contra6790-43.js-contra6790-43 { flex: 1; }
.js-contra6790-44.js-contra6790-44.js-contra6790-44 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-left: 22px; margin-top: 2px; }
.js-contra6790-45.js-contra6790-45.js-contra6790-45 { padding: 6px 8px; }
.js-contra6790-46.js-contra6790-46.js-contra6790-46 { width: 140px; }
.js-contra6790-47.js-contra6790-47.js-contra6790-47 { width: 100px; }
.js-contra6790-48.js-contra6790-48.js-contra6790-48 { flex: 1; min-width: 100px; }
.js-contra6790-49.js-contra6790-49.js-contra6790-49 { min-width: 64px; color: var(--erp-text-muted); }
.js-contra6790-50.js-contra6790-50.js-contra6790-50 { font-weight: 600; color: var(--erp-text-strong); word-break: break-all; }
.js-contra6790-51.js-contra6790-51.js-contra6790-51 { background: var(--erp-bg-card); border-radius: 10px; box-shadow: 0 16px 48px var(--erp-black-a25); min-width: min(380px,86vw); max-width: 560px; padding: 20px 22px; }
.js-contra6790-52.js-contra6790-52.js-contra6790-52 { font-size: var(--erp-fs-lg); font-weight: 700; color: var(--erp-text-strong); margin-bottom: 12px; }
.js-contra6790-53.js-contra6790-53.js-contra6790-53 { background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; }
.js-contra6790-54.js-contra6790-54.js-contra6790-54 { font-size: var(--erp-fs-11_5); color: var(--erp-text-muted); margin-bottom: 14px; }
.js-contra6790-55.js-contra6790-55.js-contra6790-55 { margin-bottom: 6px; }
.js-contra6790-56.js-contra6790-56.js-contra6790-56 { font-size: var(--erp-fs-sm); color: var(--erp-neutral); }
.js-contra6790-57.js-contra6790-57.js-contra6790-57 { color: var(--erp-accent); }
.js-contra6790-58.js-contra6790-58.js-contra6790-58 { color: var(--erp-danger); }
.js-contra6790-59.js-contra6790-59.js-contra6790-59 { text-align: left; }
.js-contra6790-60.js-contra6790-60.js-contra6790-60 { margin-top: 8px; }
.js-contra6790-61.js-contra6790-61.js-contra6790-61 { color: var(--erp-text-strong); }
.js-contra6790-62.js-contra6790-62.js-contra6790-62 { margin-top: 4px; color: var(--erp-danger); font-size: var(--erp-fs-xs); }
.js-contra6790-63.js-contra6790-63.js-contra6790-63 { margin-top: 4px; color: var(--erp-warning-strong); font-size: var(--erp-fs-xs); }
.js-contra6790-64.js-contra6790-64.js-contra6790-64 { padding: 2px 8px 2px 0; color: var(--erp-text-faint); white-space: nowrap; }
.js-contra6790-65.js-contra6790-65.js-contra6790-65 { padding: 2px 8px; }
.js-contra6790-66.js-contra6790-66.js-contra6790-66 { height: 26px; font-size: var(--erp-fs-11_5); padding: 1px 4px; }
.js-contra6790-68.js-contra6790-68.js-contra6790-68 { margin-top: 6px; max-height: 340px; overflow-y: auto; border: 1px solid var(--erp-border); border-radius: 5px; padding: 4px 8px 0; background: var(--erp-bg-card); }
.js-contra6790-69.js-contra6790-69.js-contra6790-69 { font-size: var(--erp-fs-11_5); width: 100%; border-collapse: collapse; }
.js-contra6790-70.js-contra6790-70.js-contra6790-70 { padding: 1px 8px 1px 0; color: var(--erp-text-faint); }
.js-contra6790-71.js-contra6790-71.js-contra6790-71 { padding: 1px 8px; color: var(--erp-text); }
.js-contra6790-73.js-contra6790-73.js-contra6790-73 { margin-top: 6px; max-height: 340px; overflow-y: auto; border: 1px solid var(--erp-border); border-radius: 5px; padding: 4px 8px 0; background: var(--erp-bg-card); }
.js-contra6790-74.js-contra6790-74.js-contra6790-74 { font-size: var(--erp-fs-2xs); font-weight: 700; padding: 2px 7px; border-radius: 10px; background: var(--erp-m-green-50); color: var(--erp-m-green-800); margin-right: 6px; white-space: nowrap; }
.js-contra6790-75.js-contra6790-75.js-contra6790-75 { font-size: var(--erp-fs-2xs); font-weight: 700; padding: 2px 7px; border-radius: 10px; background: var(--erp-blue-100x5); color: var(--erp-m-indigo-600); margin-right: 6px; white-space: nowrap; }
.js-contra6790-76.js-contra6790-76.js-contra6790-76 { font-size: var(--erp-fs-2xs); font-weight: 700; padding: 2px 7px; border-radius: 10px; background: var(--erp-amber-100x); color: var(--erp-m-yellow-900); margin-right: 6px; white-space: nowrap; }
.js-contra6790-77.js-contra6790-77.js-contra6790-77 { font-size: var(--erp-fs-2xs); font-weight: 700; padding: 2px 7px; border-radius: 10px; background: var(--erp-bg-hover); color: var(--erp-text-muted); margin-right: 6px; white-space: nowrap; }
.js-contra6790-78.js-contra6790-78.js-contra6790-78 { padding: 8px 12px; color: var(--erp-text-faint); font-size: var(--erp-fs-md); }
.js-contra6790-79.js-contra6790-79.js-contra6790-79 { margin-right: 6px; }
.js-contra6790-80.js-contra6790-80.js-contra6790-80 { margin-left: auto; font-size: var(--erp-fs-xs); color: var(--erp-text-faint); padding-left: 10px; white-space: nowrap; }
.js-contra6790-81.js-contra6790-81.js-contra6790-81 { color: var(--erp-text-muted); font-size: var(--erp-fs-xs); margin-top: 2px; }
.js-contra6790-82.js-contra6790-82.js-contra6790-82 { border-bottom: 1px solid var(--erp-border); }
.js-contra6790-83.js-contra6790-83.js-contra6790-83 { font-weight: 600; }
.js-contra6790-84.js-contra6790-84.js-contra6790-84 { margin: 0; }
.js-contra6790-85.js-contra6790-85.js-contra6790-85 { color: var(--erp-success); margin-top: 6px; }
.js-contra6790-86.js-contra6790-86.js-contra6790-86 { color: var(--erp-danger); margin-top: 6px; }
.js-contra6790-87.js-contra6790-87.js-contra6790-87 { font-weight: 700; color: var(--erp-text-strong); margin-bottom: 8px; }
.js-contra6790-88.js-contra6790-88.js-contra6790-88 { margin-bottom: 8px; position: relative; }
.js-contra6790-89.js-contra6790-89.js-contra6790-89 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-contra6790-90.js-contra6790-90.js-contra6790-90 { padding: 8px 10px; color: var(--erp-text-muted); font-size: var(--erp-fs-sm); }
.js-contra6790-91.js-contra6790-91.js-contra6790-91 { padding: 7px 10px; cursor: pointer; font-size: var(--erp-fs-sm); border-bottom: 1px solid var(--erp-border); }
.js-contra6790-92.js-contra6790-92.js-contra6790-92 { margin-bottom: 8px; }
.js-contra6790-93.js-contra6790-93.js-contra6790-93 { font-weight: 700; color: var(--erp-primary); }
.js-contra6790-94.js-contra6790-94.js-contra6790-94 { margin-top: 8px; color: var(--erp-text-muted); font-size: var(--erp-fs-xs); }
.js-contra6790-95.js-contra6790-95.js-contra6790-95 { max-height: 280px; overflow-y: auto; }
.js-contra6790-96.js-contra6790-96.js-contra6790-96 { font-size: var(--erp-fs-xs); }
.js-contra6790-103.js-contra6790-103.js-contra6790-103 { text-align: right; }
.js-contra6790-104.js-contra6790-104.js-contra6790-104 { text-align: right; font-weight: 700; }
.js-contra6790-105.js-contra6790-105.js-contra6790-105 { margin-bottom: 6px; font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-contra6790-106.js-contra6790-106.js-contra6790-106 { padding: 8px 12px; font-size: var(--erp-fs-sm); color: var(--erp-text-muted); }
.js-contra6790-107.js-contra6790-107.js-contra6790-107 { margin-top: 4px; color: var(--erp-text-muted); font-size: var(--erp-fs-xs); }
.js-contra6790-108.js-contra6790-108.js-contra6790-108 { margin-top: 6px; }
.js-contra6790-109.js-contra6790-109.js-contra6790-109 { color: var(--erp-text-muted); font-size: var(--erp-fs-xs); }
.js-contra6790-110.js-contra6790-110.js-contra6790-110 { margin-right: 5px; }
.js-contra6790-111.js-contra6790-111.js-contra6790-111 { font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-text-strong); }
.js-contra6790-112.js-contra6790-112.js-contra6790-112 { font-weight: 400; }
.js-contra6790-113.js-contra6790-113.js-contra6790-113 { padding: 4px 0; }
.js-contra6790-114.js-contra6790-114.js-contra6790-114 { flex: 0 0 auto; }
.js-contra6790-115.js-contra6790-115.js-contra6790-115 { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-contra6790-116.js-contra6790-116.js-contra6790-116 { flex: 0 0 auto; color: var(--erp-text-muted); font-size: var(--erp-fs-xs); }
.js-contra6790-117.js-contra6790-117.js-contra6790-117 { margin-top: 6px; font-size: var(--erp-fs-xs); }
.js-contra6790-118.js-contra6790-118.js-contra6790-118 { margin-left: 6px; }
.js-contra6790-124.js-contra6790-124.js-contra6790-124 { margin-top: 2px; }
.js-contra6790-125.js-contra6790-125.js-contra6790-125 { text-align: right; font-weight: 700; color: var(--erp-primary); }
.js-contra6790-126.js-contra6790-126.js-contra6790-126 { font-size: var(--erp-fs-xs); margin-top: 4px; }
.js-contra6790-127.js-contra6790-127.js-contra6790-127 { flex: 1; color: var(--erp-text-muted); font-size: var(--erp-fs-xs); }
.js-contra6790-128.js-contra6790-128.js-contra6790-128 { flex: 0 0 auto; font-weight: 600; }
.js-contra6790-129.js-contra6790-129.js-contra6790-129 { max-height: 190px; overflow: auto; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 6px; padding: 4px 8px; margin-bottom: 6px; }
.js-contra6790-130.js-contra6790-130.js-contra6790-130 { font-weight: 700; }
.js-contra6790-131.js-contra6790-131.js-contra6790-131 { background: var(--erp-bg-soft); }
.js-contra6790-132.js-contra6790-132.js-contra6790-132 { padding: 2px 6px; }
.js-contra6790-133.js-contra6790-133.js-contra6790-133 { padding: 2px 6px; text-align: right; color: var(--erp-text-muted); }
.js-contra6790-134.js-contra6790-134.js-contra6790-134 { padding: 2px 6px; text-align: center; }
.js-contra6790-135.js-contra6790-135.js-contra6790-135 { padding: 2px 6px; text-align: right; font-weight: 700; }
.js-contra6790-136.js-contra6790-136.js-contra6790-136 { width: 100%; font-size: var(--erp-fs-sm); border-collapse: collapse; }
.js-contra6790-137.js-contra6790-137.js-contra6790-137 { text-align: left; padding: 2px 6px; }
.js-contra6790-138.js-contra6790-138.js-contra6790-138 { text-align: right; padding: 2px 6px; }
.js-contra6790-139.js-contra6790-139.js-contra6790-139 { margin: 6px 0 8px; color: var(--erp-text-muted); }
.js-contra6790-140.js-contra6790-140.js-contra6790-140 { padding: 2px 8px 2px 6px; color: var(--erp-text-muted); white-space: nowrap; }
.js-contra6790-141.js-contra6790-141.js-contra6790-141 { padding: 2px 6px; text-align: right; white-space: nowrap; }
.js-contra6790-142.js-contra6790-142.js-contra6790-142 { padding: 2px 6px; color: var(--erp-text-faint); }
.js-contra6790-143.js-contra6790-143.js-contra6790-143 { text-align: left; padding: 3px 8px 3px 6px; }
.js-contra6790-144.js-contra6790-144.js-contra6790-144 { text-align: right; padding: 3px 6px; }
.js-contra6790-145.js-contra6790-145.js-contra6790-145 { margin-top: 3px; }
.js-contra6790-146.js-contra6790-146.js-contra6790-146 { padding: 6px 8px; border-bottom: 1px solid var(--erp-border); cursor: pointer; }
.js-contra6790-147.js-contra6790-147.js-contra6790-147 { margin-left: 6px; color: inherit; }
.js-contra6790-148.js-contra6790-148.js-contra6790-148 { color: var(--erp-danger); font-weight: 600; }
.js-contra6790-149.js-contra6790-149.js-contra6790-149 { width: 130px; }
.js-contra6790-150.js-contra6790-150.js-contra6790-150 { font-size: 0.72rem; }
.js-contra6790-151.js-contra6790-151.js-contra6790-151 { word-break: keep-all; white-space: normal; line-height: 1.4; }
.js-contra6790-152.js-contra6790-152.js-contra6790-152 { font-size: var(--erp-fs-xs); background: var(--erp-bg-hover); padding: 2px 6px; border-radius: 4px; }
.js-contra6790-153.js-contra6790-153.js-contra6790-153 { color: var(--erp-primary); font-weight: 700; text-decoration: none; }
.js-contra6790-154.js-contra6790-154.js-contra6790-154 { text-align: left; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-contra6790-155.js-contra6790-155.js-contra6790-155 { color: var(--erp-text-muted); font-size: var(--erp-fs-sm); }
.js-contra6790-156.js-contra6790-156.js-contra6790-156 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-contra6790-157.js-contra6790-157.js-contra6790-157 { font-size: var(--erp-fs-sm); font-weight: 700; margin-top: 2px; }
.js-contra6790-158.js-contra6790-158.js-contra6790-158 { width: 60px; }
.js-contra6790-159.js-contra6790-159.js-contra6790-159 { white-space: pre-line; text-align: left; }
.js-contra6790-160.js-contra6790-160.js-contra6790-160 { width: 150px; }
.js-contra6790-161.js-contra6790-161.js-contra6790-161 { resize: vertical; }

/* templates/contracts/contract_list.html — 12곳 → 9클래스 */
.js-contraec82-1.js-contraec82-1.js-contraec82-1 { font-size: var(--erp-fs-md); width: 110px; }
.js-contraec82-2.js-contraec82-2.js-contraec82-2 { font-size: var(--erp-fs-md); }
.js-contraec82-3.js-contraec82-3.js-contraec82-3 { text-align: center; }
.js-contraec82-4.js-contraec82-4.js-contraec82-4 { padding: 2px 7px; font-size: var(--erp-fs-sm); }
.js-contraec82-5.js-contraec82-5.js-contraec82-5 { padding: 8px 12px; color: var(--erp-text-faint); font-size: var(--erp-fs-md); }
.js-contraec82-6.js-contraec82-6.js-contraec82-6 { color: var(--erp-blue-600); }
.js-contraec82-7.js-contraec82-7.js-contraec82-7 { color: var(--erp-gray-700); }
.js-contraec82-8.js-contraec82-8.js-contraec82-8 { color: var(--erp-text-muted); }
.js-contraec82-9.js-contraec82-9.js-contraec82-9 { color: var(--erp-text-faint); font-size: var(--erp-fs-xs); }

/* templates/core/company_form.html — 54곳 → 45클래스 */
.js-compan348d-1.js-compan348d-1.js-compan348d-1 { cursor: default; color: var(--erp-text-faint); }
.js-compan348d-2.js-compan348d-2.js-compan348d-2 { font-size: var(--erp-fs-11_5); color: var(--erp-text-muted); font-weight: 500; }
.js-compan348d-3.js-compan348d-3.js-compan348d-3 { background: var(--erp-bg-soft); border-radius: 6px; padding: 6px 10px; }
.js-compan348d-4.js-compan348d-4.js-compan348d-4 { font-size: var(--erp-fs-2xs); color: var(--erp-text-muted); }
.js-compan348d-5.js-compan348d-5.js-compan348d-5 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-text-strong); }
.js-compan348d-6.js-compan348d-6.js-compan348d-6 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); }
.js-compan348d-7.js-compan348d-7.js-compan348d-7 { color: var(--erp-primary); }
.js-compan348d-8.js-compan348d-8.js-compan348d-8 { color: var(--erp-text-faint); }
.js-compan348d-9.js-compan348d-9.js-compan348d-9 { color: var(--erp-gray-400); }
.js-compan348d-10.js-compan348d-10.js-compan348d-10 { border: 1px solid var(--erp-gray-200); border-radius: 10px; padding: 10px 12px; background: var(--erp-bg-card); }
.js-compan348d-11.js-compan348d-11.js-compan348d-11 { font-size: var(--erp-fs-xs); color: var(--erp-gray-500); font-weight: 600; }
.js-compan348d-12.js-compan348d-12.js-compan348d-12 { color: ${c.color}; }
.js-compan348d-13.js-compan348d-13.js-compan348d-13 { font-size: var(--erp-fs-18); font-weight: 700; color: var(--erp-gray-900); line-height: 1.2; }
.js-compan348d-14.js-compan348d-14.js-compan348d-14 { border: 1px dashed var(--erp-gray-300); border-radius: 10px; padding: 14px 16px; background: var(--erp-gray-50); margin-bottom: 14px; }
.js-compan348d-15.js-compan348d-15.js-compan348d-15 { line-height: 1.55; color: var(--erp-gray-700); }
.js-compan348d-16.js-compan348d-16.js-compan348d-16 { text-decoration: none; }
.js-compan348d-17.js-compan348d-17.js-compan348d-17 { font-size: var(--erp-fs-xs); color: var(--erp-gray-500); font-variant-numeric: tabular-nums; width: 84px; flex-shrink: 0; }
.js-compan348d-18.js-compan348d-18.js-compan348d-18 { flex: 1; color: var(--erp-gray-800); font-weight: 500; font-size: var(--erp-fs-md); }
.js-compan348d-19.js-compan348d-19.js-compan348d-19 { font-size: var(--erp-fs-xs); color: var(--erp-gray-400); margin-left: 8px; }
.js-compan348d-20.js-compan348d-20.js-compan348d-20 { font-size: var(--erp-fs-2xs); color: var(--erp-gray-400); }
.js-compan348d-21.js-compan348d-21.js-compan348d-21 { border-radius: 10px; overflow: hidden; border: 1px solid var(--erp-gray-200); }
.js-compan348d-22.js-compan348d-22.js-compan348d-22 { font-size: var(--erp-fs-2xs); color: var(--erp-gray-500); font-weight: 500; }
.js-compan348d-23.js-compan348d-23.js-compan348d-23 { border: none; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 60px var(--erp-black-a18); }
.js-compan348d-24.js-compan348d-24.js-compan348d-24 { background: linear-gradient(135deg,var(--erp-blue-50) 0%,var(--erp-violet-50) 100%); border-bottom: 1px solid var(--erp-gray-200); padding: 14px 18px; }
.js-compan348d-25.js-compan348d-25.js-compan348d-25 { flex: 1; min-width: 0; }
.js-compan348d-26.js-compan348d-26.js-compan348d-26 { color: var(--erp-primary-strong); font-size: var(--erp-fs-16); }
.js-compan348d-27.js-compan348d-27.js-compan348d-27 { min-width: 0; }
.js-compan348d-28.js-compan348d-28.js-compan348d-28 { gap: 6px; }
.js-compan348d-29.js-compan348d-29.js-compan348d-29 { font-size: var(--erp-fs-15); font-weight: 700; color: var(--erp-gray-900); }
.js-compan348d-30.js-compan348d-30.js-compan348d-30 { background: ${corpClsBadgeColor}; color: ${corpClsTextColor}; font-size: var(--erp-fs-2xs); font-weight: 600; padding: 2px 8px; border-radius: 999px; letter-spacing: .02em; }
.js-compan348d-31.js-compan348d-31.js-compan348d-31 { font-size: var(--erp-fs-xs); color: var(--erp-gray-500); margin-top: 1px; }
.js-compan348d-32.js-compan348d-32.js-compan348d-32 { background: var(--erp-zinc-50); padding: 16px 18px; }
.js-compan348d-33.js-compan348d-33.js-compan348d-33 { color: var(--erp-gray-700); }
.js-compan348d-34.js-compan348d-34.js-compan348d-34 { background: var(--erp-bg-card); border: 1px solid var(--erp-gray-200); border-radius: 10px; padding: 12px 14px; margin-bottom: 14px; }
.js-compan348d-35.js-compan348d-35.js-compan348d-35 { font-size: var(--erp-fs-12_5); }
.js-compan348d-36.js-compan348d-36.js-compan348d-36 { color: var(--erp-gray-500); }
.js-compan348d-37.js-compan348d-37.js-compan348d-37 { color: var(--erp-gray-900); font-weight: 500; font-variant-numeric: tabular-nums; }
.js-compan348d-38.js-compan348d-38.js-compan348d-38 { color: var(--erp-gray-900); font-weight: 500; }
.js-compan348d-39.js-compan348d-39.js-compan348d-39 { font-size: var(--erp-fs-xs); font-weight: 400; }
.js-compan348d-40.js-compan348d-40.js-compan348d-40 { background: var(--erp-bg-card); border-top: 1px solid var(--erp-gray-200); padding: 10px 18px; }
.js-compan348d-41.js-compan348d-41.js-compan348d-41 { font-size: var(--erp-fs-xs); color: var(--erp-gray-400); }
.js-compan348d-42.js-compan348d-42.js-compan348d-42 { flex: 2; min-width: 180px; }
.js-compan348d-43.js-compan348d-43.js-compan348d-43 { flex: 0 0 150px; }
.js-compan348d-44.js-compan348d-44.js-compan348d-44 { margin: 0; flex: 0 0 auto; }
.js-compan348d-45.js-compan348d-45.js-compan348d-45 { font-size: var(--erp-fs-xs); padding: 2px 8px; }

/* templates/core/company_list.html — 16곳 → 13클래스 */
.js-companb0d1-1.js-companb0d1-1.js-companb0d1-1 { color: var(--erp-blue-800); text-decoration: none; }
.js-companb0d1-2.js-companb0d1-2.js-companb0d1-2 { color: var(--erp-text); text-decoration: none; font-weight: 600; }
.js-companb0d1-3.js-companb0d1-3.js-companb0d1-3 { font-size: var(--erp-fs-9); color: var(--erp-text-faint); }
.js-companb0d1-4.js-companb0d1-4.js-companb0d1-4 { background: var(--erp-purple-bg); color: var(--erp-purple-800); }
.js-companb0d1-5.js-companb0d1-5.js-companb0d1-5 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-top: 2px; }
.js-companb0d1-6.js-companb0d1-6.js-companb0d1-6 { text-align: center; }
.js-companb0d1-7.js-companb0d1-7.js-companb0d1-7 { text-align: left; }
.js-companb0d1-8.js-companb0d1-8.js-companb0d1-8 { text-align: center; color: var(--erp-neutral); }
.js-companb0d1-9.js-companb0d1-9.js-companb0d1-9 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); margin-bottom: 12px; }
.js-companb0d1-10.js-companb0d1-10.js-companb0d1-10 { color: var(--erp-blue-600); }
.js-companb0d1-11.js-companb0d1-11.js-companb0d1-11 { margin-left: auto; font-weight: 500; color: var(--erp-text-muted); }
.js-companb0d1-12.js-companb0d1-12.js-companb0d1-12 { color: var(--erp-green-600); }
.js-companb0d1-13.js-companb0d1-13.js-companb0d1-13 { color: var(--erp-red-700); }

/* templates/core/executive_dashboard.html — 42곳 → 13클래스 */
.js-executf3ef-1.js-executf3ef-1.js-executf3ef-1 { padding: 30px 0; text-align: center; color: var(--erp-text-faint); }
.js-executf3ef-2.js-executf3ef-2.js-executf3ef-2 { white-space: nowrap; }
.js-executf3ef-3.js-executf3ef-3.js-executf3ef-3 { text-align: center; }
.js-executf3ef-4.js-executf3ef-4.js-executf3ef-4 { width: 100%; }
.js-executf3ef-5.js-executf3ef-5.js-executf3ef-5 { color: var(--erp-red-600); }
.js-executf3ef-6.js-executf3ef-6.js-executf3ef-6 { width: 90px; }
.js-executf3ef-7.js-executf3ef-7.js-executf3ef-7 { width: 105px; white-space: nowrap; }
.js-executf3ef-8.js-executf3ef-8.js-executf3ef-8 { width: 150px; white-space: nowrap; }
.js-executf3ef-9.js-executf3ef-9.js-executf3ef-9 { width: 80px; }
.js-executf3ef-10.js-executf3ef-10.js-executf3ef-10 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0; }
.js-executf3ef-11.js-executf3ef-11.js-executf3ef-11 { text-align: center; margin-top: 10px; }
.js-executf3ef-12.js-executf3ef-12.js-executf3ef-12 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-executf3ef-13.js-executf3ef-13.js-executf3ef-13 { color: var(--erp-amber-600); }

/* templates/core/mypage.html — 11곳 → 10클래스 */
.js-mypage75b3-1.js-mypage75b3-1.js-mypage75b3-1 { text-align: center; color: var(--erp-gray-400); padding: 18px; font-size: var(--erp-fs-md); }
.js-mypage75b3-2.js-mypage75b3-2.js-mypage75b3-2 { width: 100%; border-collapse: collapse; font-size: var(--erp-fs-md); }
.js-mypage75b3-3.js-mypage75b3-3.js-mypage75b3-3 { background: var(--erp-gray-50); color: var(--erp-gray-500); }
.js-mypage75b3-4.js-mypage75b3-4.js-mypage75b3-4 { text-align: left; padding: 7px 10px; font-weight: 600; font-size: var(--erp-fs-xs); }
.js-mypage75b3-5.js-mypage75b3-5.js-mypage75b3-5 { text-align: center; padding: 7px 10px; font-weight: 600; font-size: var(--erp-fs-xs); width: 56px; }
.js-mypage75b3-6.js-mypage75b3-6.js-mypage75b3-6 { border-top: 1px solid var(--erp-gray-100); }
.js-mypage75b3-7.js-mypage75b3-7.js-mypage75b3-7 { padding: 7px 10px; color: var(--erp-gray-700); white-space: nowrap; }
.js-mypage75b3-8.js-mypage75b3-8.js-mypage75b3-8 { color: var(--erp-gray-400); }
.js-mypage75b3-9.js-mypage75b3-9.js-mypage75b3-9 { padding: 7px 10px; text-align: center; font-weight: 700; color: var(--erp-blue-600); }
.js-mypage75b3-10.js-mypage75b3-10.js-mypage75b3-10 { padding: 7px 10px; color: var(--erp-gray-500); }

/* templates/core/notification_list.html — 2곳 → 1클래스 */
.js-notifi739a-1.js-notifi739a-1.js-notifi739a-1 { padding: 24px 0; text-align: center; }

/* templates/core/org_chart.html — 5곳 → 3클래스 */
.js-orgcha8c42-1.js-orgcha8c42-1.js-orgcha8c42-1 { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.js-orgcha8c42-2.js-orgcha8c42-2.js-orgcha8c42-2 { font-size: var(--erp-fs-36); margin-bottom: 12px; }
.js-orgcha8c42-3.js-orgcha8c42-3.js-orgcha8c42-3 { color: var(--erp-ink-200); font-size: var(--erp-fs-sm); text-align: center; padding: 8px; }

/* templates/core/settings_page.html — 40곳 → 35클래스 */
.js-settin955c-1.js-settin955c-1.js-settin955c-1 { color: var(--erp-success); }
.js-settin955c-2.js-settin955c-2.js-settin955c-2 { font-size: var(--erp-fs-xs); }
.js-settin955c-3.js-settin955c-3.js-settin955c-3 { background: var(--erp-amber-100x); border: 1px solid var(--erp-amber-300x); }
.js-settin955c-4.js-settin955c-4.js-settin955c-4 { color: var(--erp-accent); flex-shrink: 0; }
.js-settin955c-5.js-settin955c-5.js-settin955c-5 { color: var(--erp-amber-900); }
.js-settin955c-6.js-settin955c-6.js-settin955c-6 { font-size: .83rem; }
.js-settin955c-7.js-settin955c-7.js-settin955c-7 { background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); }
.js-settin955c-8.js-settin955c-8.js-settin955c-8 { color: var(--erp-bg-card); font-size: .9rem; }
.js-settin955c-9.js-settin955c-9.js-settin955c-9 { color: var(--erp-blue-800); font-size: .88rem; }
.js-settin955c-10.js-settin955c-10.js-settin955c-10 { color: var(--erp-blue-500); font-size: .78rem; }
.js-settin955c-11.js-settin955c-11.js-settin955c-11 { color: var(--erp-bg-card); font-size: .95rem; }
.js-settin955c-12.js-settin955c-12.js-settin955c-12 { font-size: .72rem; color: var(--erp-gray-500); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.js-settin955c-13.js-settin955c-13.js-settin955c-13 { color: var(--erp-text-strong); font-size: .92rem; }
.js-settin955c-14.js-settin955c-14.js-settin955c-14 { font-size: .72rem; color: var(--erp-gray-500); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; margin-bottom: .5rem; }
.js-settin955c-15.js-settin955c-15.js-settin955c-15 { background: var(--erp-bg-card); border: 1px solid var(--erp-border); }
.js-settin955c-16.js-settin955c-16.js-settin955c-16 { font-size: .76rem; color: var(--erp-ms-600); white-space: nowrap; min-width: 0; }
.js-settin955c-17.js-settin955c-17.js-settin955c-17 { color: var(--erp-border-strong); font-size: .8rem; }
.js-settin955c-18.js-settin955c-18.js-settin955c-18 { color: var(--erp-text-muted); font-size: .81rem; }
.js-settin955c-19.js-settin955c-19.js-settin955c-19 { background: var(--erp-emerald-50); border: 1px solid var(--erp-emerald-300); }
.js-settin955c-20.js-settin955c-20.js-settin955c-20 { color: var(--erp-emerald-500); flex-shrink: 0; }
.js-settin955c-21.js-settin955c-21.js-settin955c-21 { color: var(--erp-emerald-800); font-size: .88rem; }
.js-settin955c-22.js-settin955c-22.js-settin955c-22 { color: var(--erp-success); font-size: .78rem; }
.js-settin955c-23.js-settin955c-23.js-settin955c-23 { background: var(--erp-amber-50); border: 1px solid var(--erp-amber-300); }
.js-settin955c-24.js-settin955c-24.js-settin955c-24 { color: var(--erp-amber-800); font-size: .88rem; }
.js-settin955c-25.js-settin955c-25.js-settin955c-25 { color: var(--erp-warning-strong); font-size: .78rem; }
.js-settin955c-26.js-settin955c-26.js-settin955c-26 { border: 1px solid var(--erp-border); border-radius: 8px; overflow: hidden; }
.js-settin955c-27.js-settin955c-27.js-settin955c-27 { font-size: .82rem; }
.js-settin955c-28.js-settin955c-28.js-settin955c-28 { background: var(--erp-bg-hover); }
.js-settin955c-29.js-settin955c-29.js-settin955c-29 { color: var(--erp-neutral); }
.js-settin955c-30.js-settin955c-30.js-settin955c-30 { color: var(--erp-emerald-500); }
.js-settin955c-31.js-settin955c-31.js-settin955c-31 { color: var(--erp-red-500); }
.js-settin955c-32.js-settin955c-32.js-settin955c-32 { color: var(--erp-emerald-500); font-size: .78rem; }
.js-settin955c-33.js-settin955c-33.js-settin955c-33 { color: var(--erp-red-500); font-size: .78rem; }
.js-settin955c-34.js-settin955c-34.js-settin955c-34 { font-size: .78rem; }
.js-settin955c-35.js-settin955c-35.js-settin955c-35 { font-size: .76rem; color: var(--erp-ms-600); }

/* templates/finance/_bank_match_inline.html — 163곳 → 92클래스 */
.js-bankma8745-1.js-bankma8745-1.js-bankma8745-1 { color: var(--erp-text-faint); font-size: var(--erp-fs-md); padding: 6px 0; }
.js-bankma8745-2.js-bankma8745-2.js-bankma8745-2 { color: var(--erp-m-orange-900); font-size: var(--erp-fs-md); }
.js-bankma8745-3.js-bankma8745-3.js-bankma8745-3 { margin: 0; font-size: var(--erp-fs-sm); }
.js-bankma8745-4.js-bankma8745-4.js-bankma8745-4 { text-align: right; }
.js-bankma8745-5.js-bankma8745-5.js-bankma8745-5 { text-align: center; }
.js-bankma8745-6.js-bankma8745-6.js-bankma8745-6 { color: var(--erp-blue-600); text-decoration: none; }
.js-bankma8745-7.js-bankma8745-7.js-bankma8745-7 { white-space: nowrap; }
.js-bankma8745-8.js-bankma8745-8.js-bankma8745-8 { color: var(--erp-text-faint); font-size: var(--erp-fs-xs); }
.js-bankma8745-9.js-bankma8745-9.js-bankma8745-9 { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-bankma8745-10.js-bankma8745-10.js-bankma8745-10 { white-space: nowrap; font-size: var(--erp-fs-xs); }
.js-bankma8745-11.js-bankma8745-11.js-bankma8745-11 { text-align: center; color: var(--erp-text-muted); }
.js-bankma8745-12.js-bankma8745-12.js-bankma8745-12 { font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 5px cursor: pointer; font-weight: 700; }
.js-bankma8745-13.js-bankma8745-13.js-bankma8745-13 { font-size: var(--erp-fs-xs); color: var(--erp-green-600); font-weight: 700; min-width: 60px; white-space: nowrap; }
.js-bankma8745-14.js-bankma8745-14.js-bankma8745-14 { font-size: var(--erp-fs-sm); color: var(--erp-text); font-weight: 600; }
.js-bankma8745-15.js-bankma8745-15.js-bankma8745-15 { position: relative; }
.js-bankma8745-16.js-bankma8745-16.js-bankma8745-16 { font-size: var(--erp-fs-xs); color: var(--erp-blue-600); font-weight: 700; min-width: 56px; }
.js-bankma8745-17.js-bankma8745-17.js-bankma8745-17 { color: var(--erp-text-muted); }
.js-bankma8745-18.js-bankma8745-18.js-bankma8745-18 { color: var(--erp-success); font-weight: 700; }
.js-bankma8745-19.js-bankma8745-19.js-bankma8745-19 { color: var(--erp-danger); font-weight: 700; }
.js-bankma8745-20.js-bankma8745-20.js-bankma8745-20 { font-size: var(--erp-fs-xs); color: var(--erp-blue-600); font-weight: 700; min-width: 60px; white-space: nowrap; }
.js-bankma8745-21.js-bankma8745-21.js-bankma8745-21 { font-size: var(--erp-fs-xs); color: var(--erp-indigo-500); font-weight: 700; min-width: 60px; white-space: nowrap; }
.js-bankma8745-22.js-bankma8745-22.js-bankma8745-22 { width: 40px; white-space: nowrap; text-align: center; }
.js-bankma8745-24.js-bankma8745-24.js-bankma8745-24 { color: var(--erp-text-faint); }
.js-bankma8745-25.js-bankma8745-25.js-bankma8745-25 { text-align: center; white-space: nowrap; color: var(--erp-text-faint); font-size: var(--erp-fs-xs); }
.js-bankma8745-26.js-bankma8745-26.js-bankma8745-26 { text-align: center; white-space: nowrap; }
.js-bankma8745-27.js-bankma8745-27.js-bankma8745-27 { width: 15px; height: 15px; cursor: pointer; }
.js-bankma8745-28.js-bankma8745-28.js-bankma8745-28 { font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 5px cursor: not-allowed; font-weight: 700; }
.js-bankma8745-29.js-bankma8745-29.js-bankma8745-29 { font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 5px cursor: pointer; font-weight: 700; }
.js-bankma8745-30.js-bankma8745-30.js-bankma8745-30 { text-align: right; white-space: nowrap; }
.js-bankma8745-31.js-bankma8745-31.js-bankma8745-31 { font-size: var(--erp-fs-2xs); }
.js-bankma8745-32.js-bankma8745-32.js-bankma8745-32 { color: var(--erp-text-faint); font-weight: 700; }
.js-bankma8745-33.js-bankma8745-33.js-bankma8745-33 { font-size: var(--erp-fs-xs); max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-bankma8745-34.js-bankma8745-34.js-bankma8745-34 { color: var(--erp-gray-700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.js-bankma8745-35.js-bankma8745-35.js-bankma8745-35 { color: var(--erp-purple); font-weight: 700; }
.js-bankma8745-36.js-bankma8745-36.js-bankma8745-36 { font-size: var(--erp-fs-sm); font-weight: 800; color: var(--erp-green-600); margin-left: 8px; }
.js-bankma8745-37.js-bankma8745-37.js-bankma8745-37 { font-size: var(--erp-fs-sm); font-weight: 800; color: var(--erp-red-600); margin-left: 8px; }
.js-bankma8745-38.js-bankma8745-38.js-bankma8745-38 { font-size: var(--erp-fs-xs); color: var(--erp-gray-500); margin-left: 6px; }
.js-bankma8745-39.js-bankma8745-39.js-bankma8745-39 { cursor: help; }
.js-bankma8745-40.js-bankma8745-40.js-bankma8745-40 { font-weight: 700; color: var(--erp-purple); }
.js-bankma8745-41.js-bankma8745-41.js-bankma8745-41 { white-space: nowrap; font-size: var(--erp-fs-sm); }
.js-bankma8745-42.js-bankma8745-42.js-bankma8745-42 { text-align: left; white-space: nowrap; max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.js-bankma8745-43.js-bankma8745-43.js-bankma8745-43 { --erp-hov-color: #3b82f6; font-weight: 600; color: #1e293b; text-decoration: none; }
.js-bankma8745-44.js-bankma8745-44.js-bankma8745-44 { text-align: left; white-space: nowrap; }
.js-bankma8745-45.js-bankma8745-45.js-bankma8745-45 { font-size: var(--erp-fs-xs); }
.js-bankma8745-46.js-bankma8745-46.js-bankma8745-46 { white-space: nowrap; text-align: center; }
.js-bankma8745-47.js-bankma8745-47.js-bankma8745-47 { font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 5px cursor: pointer; font-weight: 700; }
.js-bankma8745-48.js-bankma8745-48.js-bankma8745-48 { width: 40px; white-space: nowrap; }
.js-bankma8745-49.js-bankma8745-49.js-bankma8745-49 { margin: 0; font-size: var(--erp-fs-sm); table-layout: auto; }
.js-bankma8745-50.js-bankma8745-50.js-bankma8745-50 { color: var(--erp-text-faint); font-size: var(--erp-fs-md); padding: 8px 0; }
.js-bankma8745-51.js-bankma8745-51.js-bankma8745-51 { font-size: var(--erp-fs-sm); color: var(--erp-blue-900); }
.js-bankma8745-52.js-bankma8745-52.js-bankma8745-52 { color: var(--erp-blue-600); }
.js-bankma8745-53.js-bankma8745-53.js-bankma8745-53 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); margin-top: 4px; text-align: right; }
.js-bankma8745-54.js-bankma8745-54.js-bankma8745-54 { color: var(--erp-red-600); }
.js-bankma8745-55.js-bankma8745-55.js-bankma8745-55 { color: var(--erp-gray-700); }
.js-bankma8745-56.js-bankma8745-56.js-bankma8745-56 { margin-top: 5px; }
.js-bankma8745-57.js-bankma8745-57.js-bankma8745-57 { font-size: var(--erp-fs-xs); color: var(--erp-indigo-500); font-weight: 700; white-space: nowrap; min-width: 110px; }
.js-bankma8745-58.js-bankma8745-58.js-bankma8745-58 { font-size: var(--erp-fs-sm); color: var(--erp-text); font-weight: 600; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-bankma8745-59.js-bankma8745-59.js-bankma8745-59 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); white-space: nowrap; }
.js-bankma8745-60.js-bankma8745-60.js-bankma8745-60 { margin-bottom: 6px; }
.js-bankma8745-61.js-bankma8745-61.js-bankma8745-61 { text-align: center; padding: 8px 0; }
.js-bankma8745-62.js-bankma8745-62.js-bankma8745-62 { text-align: center; color: var(--erp-green-600); font-weight: 700; padding: 16px; }
.js-bankma8745-63.js-bankma8745-63.js-bankma8745-63 { font-size: var(--erp-fs-2xs); font-weight: 600; color: var(--erp-purple); margin-top: 2px; }
.js-bankma8745-64.js-bankma8745-64.js-bankma8745-64 { color: var(--erp-gray-700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-bankma8745-65.js-bankma8745-65.js-bankma8745-65 { font-weight: 600; color: var(--erp-purple); white-space: nowrap; }
.js-bankma8745-66.js-bankma8745-66.js-bankma8745-66 { color: var(--erp-violet-300); }
.js-bankma8745-67.js-bankma8745-67.js-bankma8745-67 { color: var(--erp-purple); }
.js-bankma8745-68.js-bankma8745-68.js-bankma8745-68 { font-size: var(--erp-fs-xs); color: var(--erp-gray-500); margin-top: 2px; }
.js-bankma8745-69.js-bankma8745-69.js-bankma8745-69 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-text-strong); }
.js-bankma8745-70.js-bankma8745-70.js-bankma8745-70 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-top: 2px; }
.js-bankma8745-71.js-bankma8745-71.js-bankma8745-71 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); }
.js-bankma8745-72.js-bankma8745-72.js-bankma8745-72 { padding: 26px; text-align: center; color: var(--erp-text-faint); font-size: var(--erp-fs-sm); }
.js-bankma8745-73.js-bankma8745-73.js-bankma8745-73 { padding: 26px; text-align: center; color: var(--erp-red-600); font-size: var(--erp-fs-sm); }
.js-bankma8745-74.js-bankma8745-74.js-bankma8745-74 { padding: 26px 20px; text-align: center; color: var(--erp-text-muted); font-size: var(--erp-fs-sm); line-height: 1.7; }
.js-bankma8745-75.js-bankma8745-75.js-bankma8745-75 { color: var(--erp-blue-700); font-weight: 700; }
.js-bankma8745-76.js-bankma8745-76.js-bankma8745-76 { min-width: 0; }
.js-bankma8745-77.js-bankma8745-77.js-bankma8745-77 { font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-text-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.js-bankma8745-78.js-bankma8745-78.js-bankma8745-78 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.js-bankma8745-79.js-bankma8745-79.js-bankma8745-79 { font-size: var(--erp-fs-2xs); margin-left: 6px; }
.js-bankma8745-80.js-bankma8745-80.js-bankma8745-80 { padding: 8px 13px; font-size: var(--erp-fs-xs); color: var(--erp-text-faint); border-top: 1px solid var(--erp-border); }
.js-bankma8745-81.js-bankma8745-81.js-bankma8745-81 { width: 34%; text-align: left; color: var(--erp-text-muted); font-weight: 600; white-space: nowrap; }
.js-bankma8745-82.js-bankma8745-82.js-bankma8745-82 { font-weight: 600; }
.js-bankma8745-83.js-bankma8745-83.js-bankma8745-83 { border-top: 2px solid var(--erp-border); font-weight: 800; }
.js-bankma8745-84.js-bankma8745-84.js-bankma8745-84 { word-break: break-all; }
.js-bankma8745-85.js-bankma8745-85.js-bankma8745-85 { white-space: nowrap; color: var(--erp-purple); font-weight: 700; }
.js-bankma8745-86.js-bankma8745-86.js-bankma8745-86 { font-size: var(--erp-fs-xs); color: var(--erp-primary); font-weight: 700; min-width: 60px; white-space: nowrap; }
.js-bankma8745-87.js-bankma8745-87.js-bankma8745-87 { font-size: var(--erp-fs-sm); color: var(--erp-text-strong); font-weight: 600; }
.js-bankma8745-88.js-bankma8745-88.js-bankma8745-88 { color: var(--erp-text-muted); font-size: var(--erp-fs-xs); padding: 4px 0; }
.js-bankma8745-89.js-bankma8745-89.js-bankma8745-89 { font-weight: 700; color: var(--erp-text-strong); }
.js-bankma8745-90.js-bankma8745-90.js-bankma8745-90 { color: var(--erp-text-muted); white-space: nowrap; }
.js-bankma8745-91.js-bankma8745-91.js-bankma8745-91 { font-size: var(--erp-fs-xs); color: var(--erp-text); margin-top: 3px; }
.js-bankma8745-92.js-bankma8745-92.js-bankma8745-92 { color: var(--erp-danger); font-size: var(--erp-fs-xs); }

/* templates/finance/_tax_invoice_issue_modal.html — 84곳 → 56클래스 */
.js-taxinv275c-1.js-taxinv275c-1.js-taxinv275c-1 { color: var(--erp-text-muted); font-size: var(--erp-fs-md); }
.js-taxinv275c-2.js-taxinv275c-2.js-taxinv275c-2 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-taxinv275c-3.js-taxinv275c-3.js-taxinv275c-3 { color: var(--erp-primary); }
.js-taxinv275c-4.js-taxinv275c-4.js-taxinv275c-4 { font-weight: 400; }
.js-taxinv275c-5.js-taxinv275c-5.js-taxinv275c-5 { margin: 4px 0 0; padding-left: 16px; }
.js-taxinv275c-6.js-taxinv275c-6.js-taxinv275c-6 { font-size: var(--erp-fs-sm); font-weight: 600; }
.js-taxinv275c-7.js-taxinv275c-7.js-taxinv275c-7 { padding: 1px 7px; font-size: var(--erp-fs-2xs); line-height: 1.4; }
.js-taxinv275c-8.js-taxinv275c-8.js-taxinv275c-8 { font-size: var(--erp-fs-xs); color: var(--erp-accent); margin-top: 2px; }
.js-taxinv275c-9.js-taxinv275c-9.js-taxinv275c-9 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-top: 2px; }
.js-taxinv275c-10.js-taxinv275c-10.js-taxinv275c-10 { font-size: var(--erp-fs-sm); }
.js-taxinv275c-11.js-taxinv275c-11.js-taxinv275c-11 { justify-content: space-between; }
.js-taxinv275c-12.js-taxinv275c-12.js-taxinv275c-12 { color: var(--erp-success); }
.js-taxinv275c-13.js-taxinv275c-13.js-taxinv275c-13 { font-size: var(--erp-fs-xs); margin-bottom: 6px; }
.js-taxinv275c-14.js-taxinv275c-14.js-taxinv275c-14 { font-size: var(--erp-fs-2xs); padding: 1px 8px; }
.js-taxinv275c-15.js-taxinv275c-15.js-taxinv275c-15 { color: var(--erp-text-muted); }
.js-taxinv275c-16.js-taxinv275c-16.js-taxinv275c-16 { flex: 1; min-width: 0; }
.js-taxinv275c-17.js-taxinv275c-17.js-taxinv275c-17 { font-size: var(--erp-fs-md); font-weight: 700; }
.js-taxinv275c-18.js-taxinv275c-18.js-taxinv275c-18 { font-size: var(--erp-fs-2xs); padding: 1px 7px; margin-right: 5px; vertical-align: middle; }
.js-taxinv275c-19.js-taxinv275c-19.js-taxinv275c-19 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-taxinv275c-20.js-taxinv275c-20.js-taxinv275c-20 { color: var(--erp-text); }
.js-taxinv275c-21.js-taxinv275c-21.js-taxinv275c-21 { text-align: right; flex-shrink: 0; }
.js-taxinv275c-22.js-taxinv275c-22.js-taxinv275c-22 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-success); }
.js-taxinv275c-23.js-taxinv275c-23.js-taxinv275c-23 { flex: 1; }
.js-taxinv275c-24.js-taxinv275c-24.js-taxinv275c-24 { font-size: var(--erp-fs-sm); line-height: 1.9; }
.js-taxinv275c-25.js-taxinv275c-25.js-taxinv275c-25 { font-size: var(--erp-fs-xs); }
.js-taxinv275c-26.js-taxinv275c-26.js-taxinv275c-26 { color: var(--erp-text-muted); font-size: var(--erp-fs-xs); }
.js-taxinv275c-27.js-taxinv275c-27.js-taxinv275c-27 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-top: 4px; }
.js-taxinv275c-28.js-taxinv275c-28.js-taxinv275c-28 { color: var(--erp-text-muted); font-weight: 500; font-size: var(--erp-fs-xs); }
.js-taxinv275c-29.js-taxinv275c-29.js-taxinv275c-29 { margin-bottom: 10px; }
.js-taxinv275c-30.js-taxinv275c-30.js-taxinv275c-30 { background: var(--erp-blue-50); }
.js-taxinv275c-31.js-taxinv275c-31.js-taxinv275c-31 { width: 30%; }
.js-taxinv275c-32.js-taxinv275c-32.js-taxinv275c-32 { width: 13%; }
.js-taxinv275c-33.js-taxinv275c-33.js-taxinv275c-33 { width: 40%; font-size: var(--erp-fs-sm); }
.js-taxinv275c-34.js-taxinv275c-34.js-taxinv275c-34 { width: 17%; text-align: center; }
.js-taxinv275c-35.js-taxinv275c-35.js-taxinv275c-35 { margin-left: 6px; }
.js-taxinv275c-43.js-taxinv275c-43.js-taxinv275c-43 { text-align: center; }
.js-taxinv275c-44.js-taxinv275c-44.js-taxinv275c-44 { text-align: right; }
.js-taxinv275c-45.js-taxinv275c-45.js-taxinv275c-45 { margin-top: 2px; }
.js-taxinv275c-46.js-taxinv275c-46.js-taxinv275c-46 { font-size: var(--erp-fs-2xs); padding: 1px 6px; }
.js-taxinv275c-47.js-taxinv275c-47.js-taxinv275c-47 { text-align: right; font-weight: 700; color: var(--erp-primary); }
.js-taxinv275c-48.js-taxinv275c-48.js-taxinv275c-48 { font-size: var(--erp-fs-xs); margin-top: 4px; }
.js-taxinv275c-49.js-taxinv275c-49.js-taxinv275c-49 { padding: 1px 8px 1px 0; color: var(--erp-text-muted); white-space: nowrap; }
.js-taxinv275c-50.js-taxinv275c-50.js-taxinv275c-50 { padding: 1px 6px; text-align: right; white-space: nowrap; }
.js-taxinv275c-51.js-taxinv275c-51.js-taxinv275c-51 { padding: 1px 6px; color: var(--erp-text-faint); }
.js-taxinv275c-52.js-taxinv275c-52.js-taxinv275c-52 { margin: 4px 0 8px; font-size: var(--erp-fs-sm); }
.js-taxinv275c-53.js-taxinv275c-53.js-taxinv275c-53 { border-left: 3px solid var(--erp-accent); }
.js-taxinv275c-54.js-taxinv275c-54.js-taxinv275c-54 { text-align: center; padding: 64px 0; color: var(--erp-text-muted); }
.js-taxinv275c-55.js-taxinv275c-55.js-taxinv275c-55 { margin-top: 14px; font-size: var(--erp-fs-md); }
.js-taxinv275c-56.js-taxinv275c-56.js-taxinv275c-56 { white-space: nowrap; }

/* templates/finance/_tax_invoice_link_modal.html — 63곳 → 36클래스 */
.js-taxinvbfbe-1.js-taxinvbfbe-1.js-taxinvbfbe-1 { color: var(--erp-success); font-weight: 700; }
.js-taxinvbfbe-2.js-taxinvbfbe-2.js-taxinvbfbe-2 { color: var(--erp-accent); font-weight: 700; }
.js-taxinvbfbe-3.js-taxinvbfbe-3.js-taxinvbfbe-3 { text-align: center; }
.js-taxinvbfbe-4.js-taxinvbfbe-4.js-taxinvbfbe-4 { color: var(--erp-text-faint); cursor: help; }
.js-taxinvbfbe-5.js-taxinvbfbe-5.js-taxinvbfbe-5 { width: 15px; height: 15px; cursor: pointer; }
.js-taxinvbfbe-6.js-taxinvbfbe-6.js-taxinvbfbe-6 { width: 34px; }
.js-taxinvbfbe-7.js-taxinvbfbe-7.js-taxinvbfbe-7 { color: var(--erp-text-faint); font-size: var(--erp-fs-md); padding: 8px 0; }
.js-taxinvbfbe-8.js-taxinvbfbe-8.js-taxinvbfbe-8 { color: var(--erp-m-orange-900); }
.js-taxinvbfbe-9.js-taxinvbfbe-9.js-taxinvbfbe-9 { white-space: nowrap; }
.js-taxinvbfbe-10.js-taxinvbfbe-10.js-taxinvbfbe-10 { margin: 0; font-size: var(--erp-fs-sm); table-layout: auto; }
.js-taxinvbfbe-11.js-taxinvbfbe-11.js-taxinvbfbe-11 { color: var(--erp-indigo-500); font-weight: 600; text-decoration: none; }
.js-taxinvbfbe-12.js-taxinvbfbe-12.js-taxinvbfbe-12 { color: var(--erp-indigo-500); font-weight: 600; }
.js-taxinvbfbe-13.js-taxinvbfbe-13.js-taxinvbfbe-13 { color: var(--erp-warning-strong); background: var(--erp-warning-bg); padding: 1px 7px; border-radius: 10px; font-size: var(--erp-fs-2xs); font-weight: 700; }
.js-taxinvbfbe-14.js-taxinvbfbe-14.js-taxinvbfbe-14 { color: var(--erp-slate-700); text-decoration: underline; text-decoration-color: var(--erp-border-strong); }
.js-taxinvbfbe-15.js-taxinvbfbe-15.js-taxinvbfbe-15 { color: var(--erp-text-faint); }
.js-taxinvbfbe-16.js-taxinvbfbe-16.js-taxinvbfbe-16 { font-size: var(--erp-fs-xs); white-space: nowrap; }
.js-taxinvbfbe-17.js-taxinvbfbe-17.js-taxinvbfbe-17 { text-align: left; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--erp-fs-sm); color: var(--erp-slate-700); }
.js-taxinvbfbe-18.js-taxinvbfbe-18.js-taxinvbfbe-18 { text-align: left; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-taxinvbfbe-19.js-taxinvbfbe-19.js-taxinvbfbe-19 { text-align: left; }
.js-taxinvbfbe-20.js-taxinvbfbe-20.js-taxinvbfbe-20 { font-size: var(--erp-fs-sm); }
.js-taxinvbfbe-21.js-taxinvbfbe-21.js-taxinvbfbe-21 { font-size: var(--erp-fs-xs); }
.js-taxinvbfbe-22.js-taxinvbfbe-22.js-taxinvbfbe-22 { margin-bottom: 6px; }
.js-taxinvbfbe-23.js-taxinvbfbe-23.js-taxinvbfbe-23 { text-align: center; padding: 8px 0; }
.js-taxinvbfbe-24.js-taxinvbfbe-24.js-taxinvbfbe-24 { font-size: var(--erp-fs-2xs); padding: 2px 8px color: var(--erp-red-600) border-radius: 4px; cursor: pointer; margin-top: 2px; }
.js-taxinvbfbe-25.js-taxinvbfbe-25.js-taxinvbfbe-25 { color: var(--erp-slate-700); text-decoration: none; }
.js-taxinvbfbe-26.js-taxinvbfbe-26.js-taxinvbfbe-26 { color: var(--erp-teal-700); text-decoration: none; }
.js-taxinvbfbe-27.js-taxinvbfbe-27.js-taxinvbfbe-27 { text-align: left; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-taxinvbfbe-28.js-taxinvbfbe-28.js-taxinvbfbe-28 { font-weight: 700; color: var(--erp-primary); min-width: 52px; }
.js-taxinvbfbe-29.js-taxinvbfbe-29.js-taxinvbfbe-29 { color: var(--erp-text); }
.js-taxinvbfbe-30.js-taxinvbfbe-30.js-taxinvbfbe-30 { font-size: var(--erp-fs-2xs); padding: 1px 6px; }
.js-taxinvbfbe-31.js-taxinvbfbe-31.js-taxinvbfbe-31 { background: var(--erp-green-50); }
.js-taxinvbfbe-32.js-taxinvbfbe-32.js-taxinvbfbe-32 { font-size: var(--erp-fs-xs); color: var(--erp-neutral); word-break: break-all; }
.js-taxinvbfbe-33.js-taxinvbfbe-33.js-taxinvbfbe-33 { text-align: right; white-space: nowrap; }
.js-taxinvbfbe-34.js-taxinvbfbe-34.js-taxinvbfbe-34 { text-align: right; white-space: nowrap; color: var(--erp-text-muted); }
.js-taxinvbfbe-35.js-taxinvbfbe-35.js-taxinvbfbe-35 { text-align: right; white-space: nowrap; font-weight: 700; }
.js-taxinvbfbe-36.js-taxinvbfbe-36.js-taxinvbfbe-36 { font-size: var(--erp-fs-xs); padding: 3px 10px; border-radius: 5px cursor: pointer; font-weight: 700; }

/* templates/finance/_tax_invoice_viewer.html — 55곳 → 34클래스 */
.js-taxinva9f4-1.js-taxinva9f4-1.js-taxinva9f4-1 { width: 24px; }
.js-taxinva9f4-2.js-taxinva9f4-2.js-taxinva9f4-2 { width: 68px; }
.js-taxinva9f4-3.js-taxinva9f4-3.js-taxinva9f4-3 { width: 52px; }
.js-taxinva9f4-4.js-taxinva9f4-4.js-taxinva9f4-4 { text-align: right; padding-right: 24px; }
.js-taxinva9f4-5.js-taxinva9f4-5.js-taxinva9f4-5 { border-right: 1px solid var(--erp-gray-200); }
.js-taxinva9f4-6.js-taxinva9f4-6.js-taxinva9f4-6 { border-top: 2px solid var(--erp-text-muted); }
.js-taxinva9f4-7.js-taxinva9f4-7.js-taxinva9f4-7 { border-top: 2px solid var(--erp-text-muted); padding: 8px 12px; }
.js-taxinva9f4-8.js-taxinva9f4-8.js-taxinva9f4-8 { padding: 10px 16px; border-top: 2px solid var(--erp-text-muted); }
.js-taxinva9f4-9.js-taxinva9f4-9.js-taxinva9f4-9 { border-top: 2px solid var(--erp-text-muted); padding: 10px 16px; }
.js-taxinva9f4-10.js-taxinva9f4-10.js-taxinva9f4-10 { padding: 8px 12px; }
.js-taxinva9f4-11.js-taxinva9f4-11.js-taxinva9f4-11 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-taxinva9f4-12.js-taxinva9f4-12.js-taxinva9f4-12 { width: 36px; }
.js-taxinva9f4-13.js-taxinva9f4-13.js-taxinva9f4-13 { width: 70px; }
.js-taxinva9f4-14.js-taxinva9f4-14.js-taxinva9f4-14 { width: 55px; }
.js-taxinva9f4-15.js-taxinva9f4-15.js-taxinva9f4-15 { width: 110px; }
.js-taxinva9f4-16.js-taxinva9f4-16.js-taxinva9f4-16 { width: 130px; }
.js-taxinva9f4-17.js-taxinva9f4-17.js-taxinva9f4-17 { width: 140px; }
.js-taxinva9f4-18.js-taxinva9f4-18.js-taxinva9f4-18 { width: 220px; }
.js-taxinva9f4-19.js-taxinva9f4-19.js-taxinva9f4-19 { color: var(--erp-blue-700); }
.js-taxinva9f4-20.js-taxinva9f4-20.js-taxinva9f4-20 { color: var(--erp-gray-400); }
.js-taxinva9f4-21.js-taxinva9f4-21.js-taxinva9f4-21 { background: var(--erp-blue-50); text-align: center; padding: 8px; }
.js-taxinva9f4-22.js-taxinva9f4-22.js-taxinva9f4-22 { margin-right: 4px; }
.js-taxinva9f4-23.js-taxinva9f4-23.js-taxinva9f4-23 { white-space: nowrap; }
.js-taxinva9f4-24.js-taxinva9f4-24.js-taxinva9f4-24 { text-align: left; }
.js-taxinva9f4-25.js-taxinva9f4-25.js-taxinva9f4-25 { white-space: nowrap; color: var(--erp-text-muted); }
.js-taxinva9f4-26.js-taxinva9f4-26.js-taxinva9f4-26 { margin-top: 16px; border-top: 1px solid var(--erp-gray-200); padding-top: 12px; }
.js-taxinva9f4-27.js-taxinva9f4-27.js-taxinva9f4-27 { font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-neutral); margin-bottom: 8px; }
.js-taxinva9f4-28.js-taxinva9f4-28.js-taxinva9f4-28 { margin-right: 6px; color: var(--erp-indigo-500); }
.js-taxinva9f4-29.js-taxinva9f4-29.js-taxinva9f4-29 { margin: 0; font-size: var(--erp-fs-sm); }
.js-taxinva9f4-30.js-taxinva9f4-30.js-taxinva9f4-30 { width: 90px; }
.js-taxinva9f4-31.js-taxinva9f4-31.js-taxinva9f4-31 { text-align: center; padding: 64px 0; color: var(--erp-text-muted); }
.js-taxinva9f4-32.js-taxinva9f4-32.js-taxinva9f4-32 { color: var(--erp-primary); }
.js-taxinva9f4-33.js-taxinva9f4-33.js-taxinva9f4-33 { margin-top: 14px; font-size: var(--erp-fs-md); }
.js-taxinva9f4-34.js-taxinva9f4-34.js-taxinva9f4-34 { margin-bottom: 12px; font-size: var(--erp-fs-sm); }

/* templates/finance/account_ledger_bank_list.html — 1곳 → 1클래스 */
.js-accounb541-1.js-accounb541-1.js-accounb541-1 { font-size: var(--erp-fs-xs); }

/* templates/finance/account_ledger_list.html — 1곳 → 1클래스 */
.js-accoun801d-1.js-accoun801d-1.js-accoun801d-1 { font-size: var(--erp-fs-xs); }

/* templates/finance/ar_management.html — 14곳 → 8클래스 */
.js-armana372d-1.js-armana372d-1.js-armana372d-1 { font-weight: 600; }
.js-armana372d-2.js-armana372d-2.js-armana372d-2 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-top: 5px; }
.js-armana372d-3.js-armana372d-3.js-armana372d-3 { color: var(--erp-m-indigo-400); }
.js-armana372d-4.js-armana372d-4.js-armana372d-4 { margin-bottom: 8px; }
.js-armana372d-5.js-armana372d-5.js-armana372d-5 { margin-right: 4px; }
.js-armana372d-6.js-armana372d-6.js-armana372d-6 { color: var(--erp-text-muted); }
.js-armana372d-7.js-armana372d-7.js-armana372d-7 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); padding: 4px 2px; }
.js-armana372d-8.js-armana372d-8.js-armana372d-8 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-m-indigo-400); margin-bottom: 6px; }

/* templates/finance/barobill_bank_sync.html — 1곳 → 1클래스 */
.js-barobi4bd4-1.js-barobi4bd4-1.js-barobi4bd4-1 { font-weight: 400; opacity: .8; font-size: var(--erp-fs-xs); }

/* templates/finance/billing_detail.html — 53곳 → 38클래스 */
.js-billinf5b6-1.js-billinf5b6-1.js-billinf5b6-1 { color: var(--erp-red-500); }
.js-billinf5b6-2.js-billinf5b6-2.js-billinf5b6-2 { font-size: var(--erp-fs-2xs); background: var(--erp-warning-bg); color: var(--erp-warning-strong); padding: 1px 6px; border-radius: 10px; font-weight: 600; margin-left: 6px; }
.js-billinf5b6-3.js-billinf5b6-3.js-billinf5b6-3 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-text); }
.js-billinf5b6-4.js-billinf5b6-4.js-billinf5b6-4 { margin-left: 8px; }
.js-billinf5b6-5.js-billinf5b6-5.js-billinf5b6-5 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-top: 2px; }
.js-billinf5b6-6.js-billinf5b6-6.js-billinf5b6-6 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); margin-top: 2px; }
.js-billinf5b6-7.js-billinf5b6-7.js-billinf5b6-7 { text-align: right; flex-shrink: 0; }
.js-billinf5b6-8.js-billinf5b6-8.js-billinf5b6-8 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-blue-600); }
.js-billinf5b6-9.js-billinf5b6-9.js-billinf5b6-9 { font-size: var(--erp-fs-xs); font-weight: 600; padding: 4px 12px; border-radius: 6px; border: 1px solid var(--erp-indigo-500); background: var(--erp-violet-50); color: var(--erp-indigo-500); cursor: pointer; }
.js-billinf5b6-10.js-billinf5b6-10.js-billinf5b6-10 { font-size: var(--erp-fs-xs); font-weight: 600; padding: 4px 12px; border-radius: 6px; border: 1px solid var(--erp-m-green-800); background: var(--erp-green-50); color: var(--erp-m-green-800); cursor: pointer; }
.js-billinf5b6-11.js-billinf5b6-11.js-billinf5b6-11 { text-align: right; }
.js-billinf5b6-12.js-billinf5b6-12.js-billinf5b6-12 { border: none; background: none; color: var(--erp-red-500); cursor: pointer; font-size: var(--erp-fs-lg); }
.js-billinf5b6-13.js-billinf5b6-13.js-billinf5b6-13 { color: var(--erp-text-faint); }
.js-billinf5b6-14.js-billinf5b6-14.js-billinf5b6-14 { color: var(--erp-red-600); }
.js-billinf5b6-15.js-billinf5b6-15.js-billinf5b6-15 { padding: 10px 12px; background: var(--erp-bg-soft); border: 1px dashed var(--erp-border-strong); border-radius: 6px; color: var(--erp-text-muted); }
.js-billinf5b6-16.js-billinf5b6-16.js-billinf5b6-16 { width: 100%; font-size: var(--erp-fs-sm); border-collapse: collapse; }
.js-billinf5b6-17.js-billinf5b6-17.js-billinf5b6-17 { background: var(--erp-bg-soft); border-bottom: 1px solid var(--erp-border); }
.js-billinf5b6-18.js-billinf5b6-18.js-billinf5b6-18 { padding: 7px 10px; text-align: left; white-space: nowrap; }
.js-billinf5b6-19.js-billinf5b6-19.js-billinf5b6-19 { padding: 7px 10px; text-align: right; white-space: nowrap; }
.js-billinf5b6-20.js-billinf5b6-20.js-billinf5b6-20 { padding: 7px 10px; text-align: center; white-space: nowrap; }
.js-billinf5b6-21.js-billinf5b6-21.js-billinf5b6-21 { border-bottom: 1px solid var(--erp-bg-hover); }
.js-billinf5b6-22.js-billinf5b6-22.js-billinf5b6-22 { padding: 7px 10px; white-space: nowrap; }
.js-billinf5b6-23.js-billinf5b6-23.js-billinf5b6-23 { padding: 7px 10px; text-align: right; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.js-billinf5b6-24.js-billinf5b6-24.js-billinf5b6-24 { padding: 7px 10px; color: var(--erp-indigo-500); white-space: nowrap; }
.js-billinf5b6-25.js-billinf5b6-25.js-billinf5b6-25 { padding: 7px 10px; color: var(--erp-text-muted); min-width: 240px; word-break: keep-all; overflow-wrap: anywhere; }
.js-billinf5b6-41.js-billinf5b6-41.js-billinf5b6-41 { overflow-x: auto; border: 1px solid var(--erp-border); border-radius: 6px; }
.js-billinf5b6-26.js-billinf5b6-26.js-billinf5b6-26 { color: var(--erp-text-faint); padding: 24px; text-align: center; }
.js-billinf5b6-27.js-billinf5b6-27.js-billinf5b6-27 { color: var(--erp-red-600); padding: 18px; }
.js-billinf5b6-28.js-billinf5b6-28.js-billinf5b6-28 { color: var(--erp-m-red-800); }
.js-billinf5b6-29.js-billinf5b6-29.js-billinf5b6-29 { padding: 18px; background: var(--erp-bg-soft); border: 1px dashed var(--erp-border-strong); border-radius: 8px; color: var(--erp-text-muted); text-align: center; }
.js-billinf5b6-30.js-billinf5b6-30.js-billinf5b6-30 { font-size: var(--erp-fs-xs); }
.js-billinf5b6-31.js-billinf5b6-31.js-billinf5b6-31 { font-size: var(--erp-fs-12_5); }
.js-billinf5b6-32.js-billinf5b6-32.js-billinf5b6-32 { color: var(--erp-green-600); font-weight: 600; }
.js-billinf5b6-33.js-billinf5b6-33.js-billinf5b6-33 { color: var(--erp-m-green-800); }
.js-billinf5b6-34.js-billinf5b6-34.js-billinf5b6-34 { text-align: left; }
.js-billinf5b6-35.js-billinf5b6-35.js-billinf5b6-35 { text-align: left; color: var(--erp-text-muted); }
.js-billinf5b6-36.js-billinf5b6-36.js-billinf5b6-36 { margin-top: 10px; }
.js-billinf5b6-37.js-billinf5b6-37.js-billinf5b6-37 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-bottom: 8px; }
.js-billinf5b6-38.js-billinf5b6-38.js-billinf5b6-38 { font-size: var(--erp-fs-2xs); color: var(--erp-m-red-800); font-weight: 700; background: var(--erp-red-100); padding: 1px 5px; border-radius: 8px; margin-right: 4px; }

/* templates/finance/bulk_payment_batch_detail.html — 20곳 → 12클래스 */
.js-bulkpa1b88-1.js-bulkpa1b88-1.js-bulkpa1b88-1 { color: var(--erp-danger); }
.js-bulkpa1b88-2.js-bulkpa1b88-2.js-bulkpa1b88-2 { margin-top: 8px; }
.js-bulkpa1b88-3.js-bulkpa1b88-3.js-bulkpa1b88-3 { text-align: center; width: 64px; }
.js-bulkpa1b88-4.js-bulkpa1b88-4.js-bulkpa1b88-4 { width: 56px; }
.js-bulkpa1b88-5.js-bulkpa1b88-5.js-bulkpa1b88-5 { font-size: var(--erp-fs-2xs); }
.js-bulkpa1b88-6.js-bulkpa1b88-6.js-bulkpa1b88-6 { color: var(--erp-text-muted); }
.js-bulkpa1b88-7.js-bulkpa1b88-7.js-bulkpa1b88-7 { text-align: center; }
.js-bulkpa1b88-8.js-bulkpa1b88-8.js-bulkpa1b88-8 { font-size: var(--erp-fs-xs); }
.js-bulkpa1b88-9.js-bulkpa1b88-9.js-bulkpa1b88-9 { font-size: var(--erp-fs-sm); }
.js-bulkpa1b88-10.js-bulkpa1b88-10.js-bulkpa1b88-10 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-bulkpa1b88-11.js-bulkpa1b88-11.js-bulkpa1b88-11 { color: var(--erp-danger); margin-bottom: 8px; }
.js-bulkpa1b88-12.js-bulkpa1b88-12.js-bulkpa1b88-12 { margin-bottom: 8px; }

/* templates/finance/credit_card_usage.html — 13곳 → 9클래스 */
.js-credit47ab-1.js-credit47ab-1.js-credit47ab-1 { color: var(--erp-text-faint); }
.js-credit47ab-2.js-credit47ab-2.js-credit47ab-2 { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--erp-bg-hover); font-size: var(--erp-fs-sm); }
.js-credit47ab-3.js-credit47ab-3.js-credit47ab-3 { color: var(--erp-text-faint); font-size: var(--erp-fs-2xs); }
.js-credit47ab-4.js-credit47ab-4.js-credit47ab-4 { padding: 14px; color: var(--erp-text-faint); font-size: var(--erp-fs-sm); text-align: center; }
.js-credit47ab-5.js-credit47ab-5.js-credit47ab-5 { text-align: center; }
.js-credit47ab-6.js-credit47ab-6.js-credit47ab-6 { margin-left: 4px; }
.js-credit47ab-7.js-credit47ab-7.js-credit47ab-7 { padding: 12px; color: var(--erp-text-faint); font-size: var(--erp-fs-sm); text-align: center; }
.js-credit47ab-8.js-credit47ab-8.js-credit47ab-8 { color: var(--erp-danger-strong); margin-left: 8px; }
.js-credit47ab-9.js-credit47ab-9.js-credit47ab-9 { color: var(--erp-text-faint); font-weight: 500; }

/* templates/finance/dashboard.html — 8곳 → 7클래스 */
.js-dashbo6ad6-1.js-dashbo6ad6-1.js-dashbo6ad6-1 { margin-top: 12px; width: 100%; }
.js-dashbo6ad6-2.js-dashbo6ad6-2.js-dashbo6ad6-2 { color: var(--erp-text-faint); }
.js-dashbo6ad6-3.js-dashbo6ad6-3.js-dashbo6ad6-3 { font-weight: 700; background: var(--erp-bg-soft); }
.js-dashbo6ad6-4.js-dashbo6ad6-4.js-dashbo6ad6-4 { white-space: pre-wrap; }
.js-dashbo6ad6-5.js-dashbo6ad6-5.js-dashbo6ad6-5 { white-space: nowrap; }
.js-dashbo6ad6-6.js-dashbo6ad6-6.js-dashbo6ad6-6 { font-size: var(--erp-fs-xs); }
.js-dashbo6ad6-7.js-dashbo6ad6-7.js-dashbo6ad6-7 { opacity: .62; }

/* templates/finance/financial_statements.html — 5곳 → 5클래스 */
.js-financc7d2-1.js-financc7d2-1.js-financc7d2-1 { color: var(--erp-success); font-weight: 700; }
.js-financc7d2-2.js-financc7d2-2.js-financc7d2-2 { color: var(--erp-accent); font-weight: 700; }
.js-financc7d2-3.js-financc7d2-3.js-financc7d2-3 { text-align: left; }
.js-financc7d2-4.js-financc7d2-4.js-financc7d2-4 { text-align: center; }
.js-financc7d2-5.js-financc7d2-5.js-financc7d2-5 { color: var(--erp-text-faint); cursor: default; }

/* templates/finance/monthly_closing.html — 10곳 → 8클래스 */
.js-monthlcbb9-1.js-monthlcbb9-1.js-monthlcbb9-1 { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.js-monthlcbb9-2.js-monthlcbb9-2.js-monthlcbb9-2 { overflow-x: auto; }
.js-monthlcbb9-3.js-monthlcbb9-3.js-monthlcbb9-3 { white-space: nowrap; }
.js-monthlcbb9-4.js-monthlcbb9-4.js-monthlcbb9-4 { max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.js-monthlcbb9-5.js-monthlcbb9-5.js-monthlcbb9-5 { margin-top: 6px; }
.js-monthlcbb9-6.js-monthlcbb9-6.js-monthlcbb9-6 { color: var(--erp-emerald-800); }
.js-monthlcbb9-7.js-monthlcbb9-7.js-monthlcbb9-7 { margin-top: 10px; }
.js-monthlcbb9-8.js-monthlcbb9-8.js-monthlcbb9-8 { font-size: var(--erp-fs-sm); color: var(--erp-text-faint); text-align: center; padding: 4px 0; }

/* templates/finance/purchase_detail.html — 13곳 → 12클래스 */
.js-purcha59c6-1.js-purcha59c6-1.js-purcha59c6-1 { font-weight: 700; color: var(--erp-primary); min-width: 52px; }
.js-purcha59c6-2.js-purcha59c6-2.js-purcha59c6-2 { color: var(--erp-text); }
.js-purcha59c6-3.js-purcha59c6-3.js-purcha59c6-3 { max-height: 320px; overflow: auto; }
.js-purcha59c6-4.js-purcha59c6-4.js-purcha59c6-4 { font-size: var(--erp-fs-sm); }
.js-purcha59c6-5.js-purcha59c6-5.js-purcha59c6-5 { width: 40px; }
.js-purcha59c6-6.js-purcha59c6-6.js-purcha59c6-6 { width: 110px; }
.js-purcha59c6-7.js-purcha59c6-7.js-purcha59c6-7 { width: 120px; }
.js-purcha59c6-8.js-purcha59c6-8.js-purcha59c6-8 { width: 90px; }
.js-purcha59c6-9.js-purcha59c6-9.js-purcha59c6-9 { margin: 0; font-size: var(--erp-fs-sm); }
.js-purcha59c6-10.js-purcha59c6-10.js-purcha59c6-10 { white-space: nowrap; }
.js-purcha59c6-11.js-purcha59c6-11.js-purcha59c6-11 { text-align: left; }
.js-purcha59c6-12.js-purcha59c6-12.js-purcha59c6-12 { text-align: left; color: var(--erp-text-muted); }

/* templates/finance/purchase_quote_stamp.html — 1곳 → 1클래스 */
.js-purcha9f9f-1.js-purcha9f9f-1.js-purcha9f9f-1 { color: var(--erp-success); }

/* templates/finance/reconcile.html — 57곳 → 34클래스 */
.js-reconcd6ad-1.js-reconcd6ad-1.js-reconcd6ad-1 { margin-top: 4px; }
.js-reconcd6ad-2.js-reconcd6ad-2.js-reconcd6ad-2 { font-size: var(--erp-fs-11_5); color: var(--erp-amber-900); }
.js-reconcd6ad-3.js-reconcd6ad-3.js-reconcd6ad-3 { color: var(--erp-red-700); }
.js-reconcd6ad-4.js-reconcd6ad-4.js-reconcd6ad-4 { font-size: var(--erp-fs-2xs); }
.js-reconcd6ad-5.js-reconcd6ad-5.js-reconcd6ad-5 { color: var(--erp-text-muted); }
.js-reconcd6ad-6.js-reconcd6ad-6.js-reconcd6ad-6 { color: var(--erp-text-faint); }
.js-reconcd6ad-7.js-reconcd6ad-7.js-reconcd6ad-7 { color: var(--erp-green-700); }
.js-reconcd6ad-8.js-reconcd6ad-8.js-reconcd6ad-8 { color: var(--erp-warning-strong); }
.js-reconcd6ad-9.js-reconcd6ad-9.js-reconcd6ad-9 { margin-top: 6px; padding: 6px 8px; background: var(--erp-warning-bg); border-radius: 6px; font-size: var(--erp-fs-11_5); line-height: 1.6; }
.js-reconcd6ad-10.js-reconcd6ad-10.js-reconcd6ad-10 { color: var(--erp-warning-strong); margin-right: 4px; }
.js-reconcd6ad-11.js-reconcd6ad-11.js-reconcd6ad-11 { margin-top: 4px; font-size: var(--erp-fs-xs); color: var(--erp-green-700); }
.js-reconcd6ad-12.js-reconcd6ad-12.js-reconcd6ad-12 { margin-left: 10px; }
.js-reconcd6ad-13.js-reconcd6ad-13.js-reconcd6ad-13 { margin-left: 10px; padding: 6px 12px; border-radius: 6px; background: var(--erp-green-100); color: var(--erp-green-700); font-size: var(--erp-fs-sm); font-weight: 700; white-space: nowrap; }
.js-reconcd6ad-14.js-reconcd6ad-14.js-reconcd6ad-14 { color: var(--erp-primary); }
.js-reconcd6ad-15.js-reconcd6ad-15.js-reconcd6ad-15 { margin-top: 4px; font-size: var(--erp-fs-sm); }
.js-reconcd6ad-16.js-reconcd6ad-16.js-reconcd6ad-16 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); margin-bottom: 6px; }
.js-reconcd6ad-17.js-reconcd6ad-17.js-reconcd6ad-17 { color: var(--erp-blue-800); }
.js-reconcd6ad-18.js-reconcd6ad-18.js-reconcd6ad-18 { text-align: center; font-size: var(--erp-fs-11_5); color: var(--erp-blue-800); }
.js-reconcd6ad-19.js-reconcd6ad-19.js-reconcd6ad-19 { text-align: left; }
.js-reconcd6ad-20.js-reconcd6ad-20.js-reconcd6ad-20 { color: var(--erp-blue-800); text-decoration: none; }
.js-reconcd6ad-21.js-reconcd6ad-21.js-reconcd6ad-21 { font-size: var(--erp-fs-9); color: var(--erp-text-faint); }
.js-reconcd6ad-22.js-reconcd6ad-22.js-reconcd6ad-22 { text-align: center; }
.js-reconcd6ad-23.js-reconcd6ad-23.js-reconcd6ad-23 { text-align: center; font-size: var(--erp-fs-11_5); }
.js-reconcd6ad-24.js-reconcd6ad-24.js-reconcd6ad-24 { padding: 2px 8px; font-size: var(--erp-fs-xs); }
.js-reconcd6ad-25.js-reconcd6ad-25.js-reconcd6ad-25 { text-align: left; font-size: var(--erp-fs-sm); color: var(--erp-neutral); }
.js-reconcd6ad-26.js-reconcd6ad-26.js-reconcd6ad-26 { text-align: left; font-size: var(--erp-fs-sm); }
.js-reconcd6ad-27.js-reconcd6ad-27.js-reconcd6ad-27 { color: var(--erp-neutral); text-decoration: none; }
.js-reconcd6ad-28.js-reconcd6ad-28.js-reconcd6ad-28 { font-size: var(--erp-fs-10_5); color: var(--erp-warning-strong); margin-top: 2px; }
.js-reconcd6ad-29.js-reconcd6ad-29.js-reconcd6ad-29 { color: var(--erp-red-700); font-size: var(--erp-fs-11_5); }
.js-reconcd6ad-30.js-reconcd6ad-30.js-reconcd6ad-30 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); }
.js-reconcd6ad-31.js-reconcd6ad-31.js-reconcd6ad-31 { font-size: var(--erp-fs-11_5); color: var(--erp-blue-800); }
.js-reconcd6ad-32.js-reconcd6ad-32.js-reconcd6ad-32 { color: var(--erp-border-strong); }
.js-reconcd6ad-33.js-reconcd6ad-33.js-reconcd6ad-33 { font-weight: 700; }
.js-reconcd6ad-34.js-reconcd6ad-34.js-reconcd6ad-34 { text-align: right; }

/* templates/finance/tax_classifier.html — 2곳 → 1클래스 */
.js-taxclac940-1.js-taxclac940-1.js-taxclac940-1 { margin-top: 6px; }

/* templates/finance/tax_invoice_sync.html — 3곳 → 3클래스 */
.js-taxinv51d6-1.js-taxinv51d6-1.js-taxinv51d6-1 { padding: 10px 12px; color: var(--erp-text-faint); font-size: var(--erp-fs-sm); }
.js-taxinv51d6-2.js-taxinv51d6-2.js-taxinv51d6-2 { font-weight: 600; color: var(--erp-text); }
.js-taxinv51d6-3.js-taxinv51d6-3.js-taxinv51d6-3 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); }

/* templates/finance/tax_rule_list.html — 5곳 → 5클래스 */
.js-taxrul69ba-1.js-taxrul69ba-1.js-taxrul69ba-1 { color: var(--erp-red-700); margin-left: 8px; font-weight: 600; }
.js-taxrul69ba-2.js-taxrul69ba-2.js-taxrul69ba-2 { color: var(--erp-text-faint); font-weight: 500; }
.js-taxrul69ba-3.js-taxrul69ba-3.js-taxrul69ba-3 { padding: 10px 12px; color: var(--erp-text-faint); font-size: var(--erp-fs-sm); }
.js-taxrul69ba-4.js-taxrul69ba-4.js-taxrul69ba-4 { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--erp-bg-hover); font-size: var(--erp-fs-12_5); }
.js-taxrul69ba-5.js-taxrul69ba-5.js-taxrul69ba-5 { color: var(--erp-text-faint); font-size: var(--erp-fs-10_5); }

/* templates/home.html — 63곳 → 43클래스 */
.js-home86f3-1.js-home86f3-1.js-home86f3-1 { --erp-hov-bg: #f0fdf4; padding: 7px 12px; cursor: pointer; line-height: 1.35; }
.js-home86f3-2.js-home86f3-2.js-home86f3-2 { font-size: var(--erp-fs-md); font-weight: 600; }
.js-home86f3-3.js-home86f3-3.js-home86f3-3 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-left: 6px; }
.js-home86f3-4.js-home86f3-4.js-home86f3-4 { --erp-hov-bg: #f0fdfa; padding: 7px 12px; cursor: pointer; line-height: 1.35; }

.js-home86f3-9.js-home86f3-9.js-home86f3-9 { font-size: var(--erp-fs-lg); font-weight: 800; color: var(--erp-text); }

.js-home86f3-13.js-home86f3-13.js-home86f3-13 { --erp-hov-bg: #eff6ff; padding: 7px 12px; cursor: pointer; font-size: var(--erp-fs-md); line-height: 1.35; }
.js-home86f3-14.js-home86f3-14.js-home86f3-14 { margin-bottom: 8px; }
.js-home86f3-15.js-home86f3-15.js-home86f3-15 { padding: 10px 12px; }
.js-home86f3-16.js-home86f3-16.js-home86f3-16 { font-weight: 600; color: var(--erp-text-strong); margin-bottom: 2px; }
.js-home86f3-17.js-home86f3-17.js-home86f3-17 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); margin-bottom: 8px; }
.js-home86f3-18.js-home86f3-18.js-home86f3-18 { color: var(--erp-text-faint); min-width: 16px; }
.js-home86f3-19.js-home86f3-19.js-home86f3-19 { flex: 1; }
.js-home86f3-20.js-home86f3-20.js-home86f3-20 { color: var(--erp-text-faint); }
.js-home86f3-21.js-home86f3-21.js-home86f3-21 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); }
.js-home86f3-22.js-home86f3-22.js-home86f3-22 { margin-top: 10px; text-align: right; }
.js-home86f3-23.js-home86f3-23.js-home86f3-23 { padding: 20px 10px; }
.js-home86f3-24.js-home86f3-24.js-home86f3-24 { font-size: var(--erp-fs-2xs); padding: 1px 5px; flex-shrink: 0; }
.js-home86f3-25.js-home86f3-25.js-home86f3-25 { padding: 6px 10px; font-size: var(--erp-fs-xs); position: relative; }
.js-home86f3-26.js-home86f3-26.js-home86f3-26 { font-weight: 600; color: var(--erp-ink-800); font-size: var(--erp-fs-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.js-home86f3-27.js-home86f3-27.js-home86f3-27 { margin-top: 2px; padding-left: 2px; font-size: var(--erp-fs-2xs); color: var(--erp-gray-500); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-home86f3-28.js-home86f3-28.js-home86f3-28 { margin-bottom: 4px; }
.js-home86f3-29.js-home86f3-29.js-home86f3-29 { position: absolute; bottom: -6px; right: 20px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--erp-gray-800); }
.js-home86f3-30.js-home86f3-30.js-home86f3-30 { font-size: var(--erp-fs-xs); opacity: .7; }
.js-home86f3-31.js-home86f3-31.js-home86f3-31 { margin-left: 8px; color: var(--erp-gray-400); font-size: var(--erp-fs-xs); }
.js-home86f3-33.js-home86f3-33.js-home86f3-33 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); margin-top: 2px; }
.js-home86f3-34.js-home86f3-34.js-home86f3-34 { max-width: 420px; padding: 20px; }
.js-home86f3-35.js-home86f3-35.js-home86f3-35 { font-size: var(--erp-fs-16); font-weight: 800; color: var(--erp-text-strong); margin-bottom: 4px; }
.js-home86f3-36.js-home86f3-36.js-home86f3-36 { color: var(--erp-primary); margin-right: 6px; }
.js-home86f3-37.js-home86f3-37.js-home86f3-37 { font-size: var(--erp-fs-md); color: var(--erp-text-muted); margin-bottom: 14px; }
.js-home86f3-38.js-home86f3-38.js-home86f3-38 { text-align: right; margin-top: 6px; }
.js-home86f3-39.js-home86f3-39.js-home86f3-39 { padding: 20px; text-align: center; color: var(--erp-bs-gray-500); font-size: var(--erp-fs-md); }
.js-home86f3-40.js-home86f3-40.js-home86f3-40 { font-size: var(--erp-fs-24); }
.js-home86f3-41.js-home86f3-41.js-home86f3-41 { font-weight: 700; font-size: var(--erp-fs-15); color: var(--erp-ink-800); }
.js-home86f3-42.js-home86f3-42.js-home86f3-42 { font-size: var(--erp-fs-sm); color: var(--erp-oc-gray-600); margin-top: 2px; }
.js-home86f3-43.js-home86f3-43.js-home86f3-43 { color: var(--erp-purple); font-weight: 700; }

/* templates/hr/_expense_print_partial.html — 1곳 → 1클래스 */
.js-expens1f7b-1.js-expens1f7b-1.js-expens1f7b-1 { margin-left: 6px; }

/* templates/hr/_leave_detail_modal.html — 11곳 → 8클래스 */
.js-leaved4d11-1.js-leaved4d11-1.js-leaved4d11-1 { color: var(--erp-text-muted); margin-right: 4px; }
.js-leaved4d11-2.js-leaved4d11-2.js-leaved4d11-2 { text-align: center; padding: 28px; color: var(--erp-gray-400); }
.js-leaved4d11-3.js-leaved4d11-3.js-leaved4d11-3 { color: var(--erp-border-strong); }
.js-leaved4d11-4.js-leaved4d11-4.js-leaved4d11-4 { font-weight: 600; color: var(--erp-gray-800); }
.js-leaved4d11-5.js-leaved4d11-5.js-leaved4d11-5 { text-align: center; color: var(--erp-gray-700); }
.js-leaved4d11-6.js-leaved4d11-6.js-leaved4d11-6 { text-align: center; color: var(--erp-gray-500); }
.js-leaved4d11-7.js-leaved4d11-7.js-leaved4d11-7 { text-align: center; font-weight: 700; color: ${remainColor(it.remaining, it.total)}; }
.js-leaved4d11-8.js-leaved4d11-8.js-leaved4d11-8 { font-size: var(--erp-fs-sm); color: var(--erp-neutral); white-space: pre-line; }

/* templates/hr/leave_approval_line_config.html — 4곳 → 4클래스 */
.js-leaveaa37c-1.js-leaveaa37c-1.js-leaveaa37c-1 { position: relative; }
.js-leaveaa37c-2.js-leaveaa37c-2.js-leaveaa37c-2 { font-size: var(--erp-fs-sm); color: var(--erp-text-faint); flex: 1; }
.js-leaveaa37c-3.js-leaveaa37c-3.js-leaveaa37c-3 { padding: 8px 12px; font-size: var(--erp-fs-sm); cursor: pointer; border-bottom: 1px solid var(--erp-bg-hover); }
.js-leaveaa37c-4.js-leaveaa37c-4.js-leaveaa37c-4 { color: var(--erp-text-faint); }

/* templates/hr/leave_balance.html — 2곳 → 2클래스 */
.js-leavebfc32-1.js-leavebfc32-1.js-leavebfc32-1 { color: var(--erp-gray-400); font-size: var(--erp-fs-xs); }
.js-leavebfc32-2.js-leavebfc32-2.js-leavebfc32-2 { font-size: var(--erp-fs-2xs); }

/* templates/hr/leave_request_form.html — 18곳 → 9클래스 */
.js-leaver1707-1.js-leaver1707-1.js-leaver1707-1 { color: var(--erp-border-strong); margin: 0 2px; font-size: var(--erp-fs-lg); flex-shrink: 0; }
.js-leaver1707-2.js-leaver1707-2.js-leaver1707-2 { font-weight: 600; }
.js-leaver1707-3.js-leaver1707-3.js-leaver1707-3 { opacity: 0.7; }
.js-leaver1707-4.js-leaver1707-4.js-leaver1707-4 { color: var(--erp-text-faint); font-size: var(--erp-fs-sm); padding: 4px; }
.js-leaver1707-5.js-leaver1707-5.js-leaver1707-5 { font-size: var(--erp-fs-sm); padding: 5px 10px; background: var(--erp-bg-card); border: 1px dashed var(--erp-text-faint); border-radius: 6px; cursor: pointer; color: var(--erp-text-muted); white-space: nowrap; flex-shrink: 0; }
.js-leaver1707-6.js-leaver1707-6.js-leaver1707-6 { font-size: var(--erp-fs-2xs); margin-right: 2px; }
.js-leaver1707-7.js-leaver1707-7.js-leaver1707-7 { border: none; background: none; color: var(--erp-blue-700); opacity: 0.5; font-size: var(--erp-fs-xs); cursor: pointer; margin-left: 2px; padding: 0; }
.js-leaver1707-8.js-leaver1707-8.js-leaver1707-8 { color: var(--erp-red-500); font-size: var(--erp-fs-sm); padding: 8px; }
.js-leaver1707-9.js-leaver1707-9.js-leaver1707-9 { padding: 8px 12px; font-size: var(--erp-fs-sm); color: var(--erp-text-faint); }

/* templates/hr/workday_plan_calendar.html — 4곳 → 4클래스 */
.js-workda5d37-1.js-workda5d37-1.js-workda5d37-1 { color: var(--erp-accent); }
.js-workda5d37-2.js-workda5d37-2.js-workda5d37-2 { color: var(--erp-text-faint); }
.js-workda5d37-3.js-workda5d37-3.js-workda5d37-3 { color: var(--erp-primary); }
.js-workda5d37-4.js-workda5d37-4.js-workda5d37-4 { color: var(--erp-danger); }

/* templates/maintenance/_contract_schedule_history_modal.html — 28곳 → 17클래스 */
.js-contrab42b-1.js-contrab42b-1.js-contrab42b-1 { font-size: var(--erp-fs-xs); }
.js-contrab42b-2.js-contrab42b-2.js-contrab42b-2 { width: 92px; }
.js-contrab42b-3.js-contrab42b-3.js-contrab42b-3 { width: 104px; }
.js-contrab42b-4.js-contrab42b-4.js-contrab42b-4 { width: 70px; }
.js-contrab42b-5.js-contrab42b-5.js-contrab42b-5 { width: 84px; }
.js-contrab42b-6.js-contrab42b-6.js-contrab42b-6 { width: 110px; }
.js-contrab42b-7.js-contrab42b-7.js-contrab42b-7 { width: 170px; }
.js-contrab42b-8.js-contrab42b-8.js-contrab42b-8 { width: 96px; }
.js-contrab42b-9.js-contrab42b-9.js-contrab42b-9 { width: 56px; }
.js-contrab42b-10.js-contrab42b-10.js-contrab42b-10 { width: 64px; }
.js-contrab42b-11.js-contrab42b-11.js-contrab42b-11 { font-size: var(--erp-fs-xs); white-space: nowrap; }
.js-contrab42b-12.js-contrab42b-12.js-contrab42b-12 { text-align: center; }
.js-contrab42b-13.js-contrab42b-13.js-contrab42b-13 { color: var(--erp-text-faint); }
.js-contrab42b-14.js-contrab42b-14.js-contrab42b-14 { margin-right: 5px; color: var(--erp-info); }
.js-contrab42b-15.js-contrab42b-15.js-contrab42b-15 { color: var(--erp-text-muted); }
.js-contrab42b-16.js-contrab42b-16.js-contrab42b-16 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-contrab42b-17.js-contrab42b-17.js-contrab42b-17 { margin-top: 16px; }

/* templates/maintenance/_schedule_create_modal.html — 23곳 → 13클래스 */
.js-schedu0ef7-1.js-schedu0ef7-1.js-schedu0ef7-1 { --erp-hov-bg: #f0fdf4; padding: 7px 12px; cursor: pointer; line-height: 1.35; }
.js-schedu0ef7-2.js-schedu0ef7-2.js-schedu0ef7-2 { font-size: var(--erp-fs-md); font-weight: 600; }
.js-schedu0ef7-3.js-schedu0ef7-3.js-schedu0ef7-3 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); margin-left: 6px; }
.js-schedu0ef7-4.js-schedu0ef7-4.js-schedu0ef7-4 { --erp-hov-bg: #f0fdfa; padding: 7px 12px; cursor: pointer; line-height: 1.35; }

.js-schedu0ef7-9.js-schedu0ef7-9.js-schedu0ef7-9 { font-size: var(--erp-fs-lg); font-weight: 800; color: var(--erp-text); }

.js-schedu0ef7-13.js-schedu0ef7-13.js-schedu0ef7-13 { --erp-hov-bg: #eff6ff; padding: 7px 12px; cursor: pointer; font-size: var(--erp-fs-md); line-height: 1.35; }

/* templates/maintenance/dashboard.html — 5곳 → 2클래스 */
.js-dashbo3279-1.js-dashbo3279-1.js-dashbo3279-1 { color: var(--erp-text-muted); }
.js-dashbo3279-2.js-dashbo3279-2.js-dashbo3279-2 { text-align: center; }

/* templates/maintenance/stock_list.html — 1곳 → 1클래스 */
.js-stocklb396-1.js-stocklb396-1.js-stocklb396-1 { color: var(--erp-text-muted); }

/* templates/maintenance/tech_stack_manage.html — 15곳 → 4클래스 */
.js-techst172b-1.js-techst172b-1.js-techst172b-1 { font-size: var(--erp-fs-sm); padding: 5px 8px; }
.js-techst172b-2.js-techst172b-2.js-techst172b-2 { text-align: center; }
.js-techst172b-3.js-techst172b-3.js-techst172b-3 { padding: 3px 8px; }
.js-techst172b-4.js-techst172b-4.js-techst172b-4 { position: relative; }

/* templates/management/dashboard.html — 41곳 → 38클래스 */
.js-dashbo4e7b-1.js-dashbo4e7b-1.js-dashbo4e7b-1 { font-size: var(--erp-fs-2xs); }
.js-dashbo4e7b-2.js-dashbo4e7b-2.js-dashbo4e7b-2 { text-align: center; color: var(--erp-green-600); }
.js-dashbo4e7b-3.js-dashbo4e7b-3.js-dashbo4e7b-3 { font-weight: 600; }
.js-dashbo4e7b-4.js-dashbo4e7b-4.js-dashbo4e7b-4 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-dashbo4e7b-5.js-dashbo4e7b-5.js-dashbo4e7b-5 { font-size: var(--erp-fs-sm); max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-dashbo4e7b-6.js-dashbo4e7b-6.js-dashbo4e7b-6 { text-align: center; white-space: nowrap; }
.js-dashbo4e7b-7.js-dashbo4e7b-7.js-dashbo4e7b-7 { font-size: var(--erp-fs-xs); color: var(--erp-neutral); max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-dashbo4e7b-8.js-dashbo4e7b-8.js-dashbo4e7b-8 { text-align: center; color: var(--erp-red-600); }
.js-dashbo4e7b-9.js-dashbo4e7b-9.js-dashbo4e7b-9 { font-weight: 600; color: var(--erp-orange-800); }
.js-dashbo4e7b-10.js-dashbo4e7b-10.js-dashbo4e7b-10 { margin-top: 3px; font-size: var(--erp-fs-xs); }
.js-dashbo4e7b-11.js-dashbo4e7b-11.js-dashbo4e7b-11 { font-size: var(--erp-fs-sm); }
.js-dashbo4e7b-12.js-dashbo4e7b-12.js-dashbo4e7b-12 { width: 30px; }
.js-dashbo4e7b-13.js-dashbo4e7b-13.js-dashbo4e7b-13 { width: 92px; }
.js-dashbo4e7b-14.js-dashbo4e7b-14.js-dashbo4e7b-14 { width: 150px; }
.js-dashbo4e7b-15.js-dashbo4e7b-15.js-dashbo4e7b-15 { color: var(--erp-text-faint); font-size: var(--erp-fs-md); padding: 10px 0; }
.js-dashbo4e7b-16.js-dashbo4e7b-16.js-dashbo4e7b-16 { color: var(--erp-red-600); font-size: var(--erp-fs-md); padding: 10px 0; }
.js-dashbo4e7b-17.js-dashbo4e7b-17.js-dashbo4e7b-17 { color: var(--erp-m-indigo-400); font-weight: 600; }
.js-dashbo4e7b-18.js-dashbo4e7b-18.js-dashbo4e7b-18 { width: 100%; font-size: var(--erp-fs-sm); border-collapse: collapse; }
.js-dashbo4e7b-19.js-dashbo4e7b-19.js-dashbo4e7b-19 { background: var(--erp-bg-card); }
.js-dashbo4e7b-20.js-dashbo4e7b-20.js-dashbo4e7b-20 { padding: 8px 10px; text-align: center; border-bottom: 1px solid var(--erp-border); width: 60px; }
.js-dashbo4e7b-21.js-dashbo4e7b-21.js-dashbo4e7b-21 { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--erp-border); }
.js-dashbo4e7b-22.js-dashbo4e7b-22.js-dashbo4e7b-22 { padding: 8px 10px; text-align: right; border-bottom: 1px solid var(--erp-border); width: 140px; }
.js-dashbo4e7b-23.js-dashbo4e7b-23.js-dashbo4e7b-23 { padding: 8px 10px; text-align: center; border-bottom: 1px solid var(--erp-border); width: 110px; }
.js-dashbo4e7b-24.js-dashbo4e7b-24.js-dashbo4e7b-24 { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--erp-border); width: 160px; }
.js-dashbo4e7b-25.js-dashbo4e7b-25.js-dashbo4e7b-25 { padding: 8px 10px; text-align: center; border-bottom: 1px solid var(--erp-border); width: 200px; }
.js-dashbo4e7b-26.js-dashbo4e7b-26.js-dashbo4e7b-26 { font-size: var(--erp-fs-2xs); background: var(--erp-warning-bg); color: var(--erp-warning-strong); padding: 1px 6px; border-radius: 10px; font-weight: 700; margin-left: 6px; }
.js-dashbo4e7b-27.js-dashbo4e7b-27.js-dashbo4e7b-27 { border-bottom: 1px solid var(--erp-bg-hover); }
.js-dashbo4e7b-28.js-dashbo4e7b-28.js-dashbo4e7b-28 { padding: 8px 10px; text-align: center; }
.js-dashbo4e7b-29.js-dashbo4e7b-29.js-dashbo4e7b-29 { padding: 8px 10px; font-weight: 600; color: var(--erp-text); }
.js-dashbo4e7b-30.js-dashbo4e7b-30.js-dashbo4e7b-30 { padding: 8px 10px; text-align: right; font-weight: 800; color: var(--erp-blue-600); }
.js-dashbo4e7b-31.js-dashbo4e7b-31.js-dashbo4e7b-31 { padding: 8px 10px; text-align: center; color: var(--erp-neutral); }
.js-dashbo4e7b-32.js-dashbo4e7b-32.js-dashbo4e7b-32 { padding: 8px 10px; color: var(--erp-text-muted); font-size: var(--erp-fs-xs); }
.js-dashbo4e7b-33.js-dashbo4e7b-33.js-dashbo4e7b-33 { color: var(--erp-text-faint); margin-top: 2px; }
.js-dashbo4e7b-34.js-dashbo4e7b-34.js-dashbo4e7b-34 { padding: 8px 10px; text-align: center; white-space: nowrap; }
.js-dashbo4e7b-35.js-dashbo4e7b-35.js-dashbo4e7b-35 { flex: 2; font-size: var(--erp-fs-sm); border: 1px solid var(--erp-gray-300); border-radius: 6px; padding: 6px 8px; }
.js-dashbo4e7b-36.js-dashbo4e7b-36.js-dashbo4e7b-36 { flex: 1; font-size: var(--erp-fs-sm); border: 1px solid var(--erp-gray-300); border-radius: 6px; padding: 6px 8px; text-align: right; }
.js-dashbo4e7b-37.js-dashbo4e7b-37.js-dashbo4e7b-37 { border: none; background: none; color: var(--erp-red-500); cursor: pointer; font-size: var(--erp-fs-lg); }
.js-dashbo4e7b-38.js-dashbo4e7b-38.js-dashbo4e7b-38 { color: var(--erp-red-500); }

/* templates/management/payroll_dispatch.html — 5곳 → 5클래스 */
.js-payrol7dc8-1.js-payrol7dc8-1.js-payrol7dc8-1 { color: var(--erp-m-indigo-400); font-weight: 600; }
.js-payrol7dc8-2.js-payrol7dc8-2.js-payrol7dc8-2 { background: var(--erp-blue-50); border-color: var(--erp-blue-200); color: var(--erp-blue-800); }
.js-payrol7dc8-3.js-payrol7dc8-3.js-payrol7dc8-3 { background: var(--erp-red-50); border-color: var(--erp-red-200); color: var(--erp-red-800); }
.js-payrol7dc8-4.js-payrol7dc8-4.js-payrol7dc8-4 { color: var(--erp-text-faint); }
.js-payrol7dc8-5.js-payrol7dc8-5.js-payrol7dc8-5 { font-weight: 600; color: var(--erp-m-indigo-600); font-size: var(--erp-fs-sm); }

/* templates/sales/dashboard.html — 19곳 → 5클래스 */
.js-dashbo433e-1.js-dashbo433e-1.js-dashbo433e-1 { font-size: var(--erp-fs-2xs); }
.js-dashbo433e-2.js-dashbo433e-2.js-dashbo433e-2 { margin-right: 8px; }
.js-dashbo433e-3.js-dashbo433e-3.js-dashbo433e-3 { cursor: pointer; }
.js-dashbo433e-4.js-dashbo433e-4.js-dashbo433e-4 { white-space: nowrap; }
.js-dashbo433e-5.js-dashbo433e-5.js-dashbo433e-5 { color: var(--erp-text-strong); font-weight: 700; text-decoration: none; }

/* templates/sales/estimate_form.html — 4곳 → 4클래스 */
.js-estima1529-1.js-estima1529-1.js-estima1529-1 { width: 70px; }
.js-estima1529-2.js-estima1529-2.js-estima1529-2 { width: 120px; }
.js-estima1529-3.js-estima1529-3.js-estima1529-3 { border-top: 2px solid var(--erp-border); font-weight: 700; background: var(--erp-bg-soft); }
.js-estima1529-4.js-estima1529-4.js-estima1529-4 { color: var(--erp-neutral); }

/* templates/sales/estimate_preview.html — 1곳 → 1클래스 */
.js-estimaf27e-1.js-estimaf27e-1.js-estimaf27e-1 { color: var(--erp-text-faint); font-size: var(--erp-fs-2xs); }

/* templates/sales/pipeline_detail.html — 131곳 → 89클래스 */
.js-pipeli004a-1.js-pipeli004a-1.js-pipeli004a-1 { background: var(--erp-bg-hover); font-weight: 700; }
.js-pipeli004a-2.js-pipeli004a-2.js-pipeli004a-2 { padding: 10px 12px; }
.js-pipeli004a-3.js-pipeli004a-3.js-pipeli004a-3 { padding: 10px 12px; text-align: right; }
.js-pipeli004a-4.js-pipeli004a-4.js-pipeli004a-4 { color: var(--erp-danger); }
.js-pipeli004a-5.js-pipeli004a-5.js-pipeli004a-5 { width: 100%; font-size: var(--erp-fs-md); margin-bottom: 12px; }
.js-pipeli004a-6.js-pipeli004a-6.js-pipeli004a-6 { width: 110px; }
.js-pipeli004a-7.js-pipeli004a-7.js-pipeli004a-7 { margin-bottom: 12px; }
.js-pipeli004a-8.js-pipeli004a-8.js-pipeli004a-8 { padding: 8px; color: var(--erp-text-muted); font-size: var(--erp-fs-sm); }
.js-pipeli004a-9.js-pipeli004a-9.js-pipeli004a-9 { color: var(--erp-text-muted); }
.js-pipeli004a-10.js-pipeli004a-10.js-pipeli004a-10 { color: var(--erp-red-600); }
.js-pipeli004a-11.js-pipeli004a-11.js-pipeli004a-11 { color: var(--erp-accent); }
.js-pipeli004a-12.js-pipeli004a-12.js-pipeli004a-12 { margin-right: 5px; }
.js-pipeli004a-13.js-pipeli004a-13.js-pipeli004a-13 { color: var(--erp-success); }
.js-pipeli004a-14.js-pipeli004a-14.js-pipeli004a-14 { padding: 8px 10px; font-size: var(--erp-fs-sm); color: var(--erp-text-muted); }
.js-pipeli004a-15.js-pipeli004a-15.js-pipeli004a-15 { color: var(--erp-gray-500); font-size: var(--erp-fs-xs); }
.js-pipeli004a-16.js-pipeli004a-16.js-pipeli004a-16 { color: var(--erp-warning-strong); }
.js-pipeli004a-17.js-pipeli004a-17.js-pipeli004a-17 { font-size: var(--erp-fs-xs); color: var(--erp-text-muted); }
.js-pipeli004a-18.js-pipeli004a-18.js-pipeli004a-18 { font-size: var(--erp-fs-xs); color: var(--erp-warning-strong); }
.js-pipeli004a-19.js-pipeli004a-19.js-pipeli004a-19 { color: var(--erp-green-600); }
.js-pipeli004a-20.js-pipeli004a-20.js-pipeli004a-20 { color: var(--erp-gray-300); }
.js-pipeli004a-21.js-pipeli004a-21.js-pipeli004a-21 { font-weight: 600; }
.js-pipeli004a-22.js-pipeli004a-22.js-pipeli004a-22 { font-size: var(--erp-fs-xs); color: var(--erp-gray-500); margin-top: 2px; }
.js-pipeli004a-23.js-pipeli004a-23.js-pipeli004a-23 { font-size: var(--erp-fs-xs); padding: 2px 8px; background: var(--erp-indigo-100); border: none; border-radius: 4px; cursor: pointer; color: var(--erp-primary-strong); margin-right: 4px; }
.js-pipeli004a-24.js-pipeli004a-24.js-pipeli004a-24 { font-size: var(--erp-fs-xs); padding: 2px 8px; background: var(--erp-red-100); border: none; border-radius: 4px; cursor: pointer; color: var(--erp-red-600); }
.js-pipeli004a-25.js-pipeli004a-25.js-pipeli004a-25 { padding: 7px 10px; border-bottom: 1px solid var(--erp-gray-100); }
.js-pipeli004a-26.js-pipeli004a-26.js-pipeli004a-26 { padding: 7px 10px; border-bottom: 1px solid var(--erp-gray-100); text-align: center; }
.js-pipeli004a-27.js-pipeli004a-27.js-pipeli004a-27 { padding: 7px 10px; border-bottom: 1px solid var(--erp-gray-100); text-align: right; }
.js-pipeli004a-28.js-pipeli004a-28.js-pipeli004a-28 { padding: 2px 8px; border-radius: 4px; font-size: var(--erp-fs-xs); background: var(--erp-yellow-100); color: var(--erp-yellow-800); }
.js-pipeli004a-29.js-pipeli004a-29.js-pipeli004a-29 { padding: 7px 10px; border-bottom: 1px solid var(--erp-gray-100); text-align: right; white-space: nowrap; }
.js-pipeli004a-30.js-pipeli004a-30.js-pipeli004a-30 { color: var(--erp-gray-400); }
.js-pipeli004a-31.js-pipeli004a-31.js-pipeli004a-31 { color: var(--erp-text-faint); font-size: var(--erp-fs-2xs); }
.js-pipeli004a-32.js-pipeli004a-32.js-pipeli004a-32 { padding: 2px 8px; border-radius: 4px; font-size: var(--erp-fs-xs); background: var(--erp-green-100); color: var(--erp-green-800); }
.js-pipeli004a-33.js-pipeli004a-33.js-pipeli004a-33 { margin: 0; font-size: var(--erp-fs-lg); font-weight: bold; }
.js-pipeli004a-34.js-pipeli004a-34.js-pipeli004a-34 { font-weight: bold; color: var(--erp-ink-800); font-size: var(--erp-fs-lg); }
.js-pipeli004a-35.js-pipeli004a-35.js-pipeli004a-35 { font-size: var(--erp-fs-sm); color: var(--erp-ink-400); margin-left: 8px; }
.js-pipeli004a-36.js-pipeli004a-36.js-pipeli004a-36 { padding: 20px; text-align: center; color: var(--erp-ink-400); margin: 0; }
.js-pipeli004a-37.js-pipeli004a-37.js-pipeli004a-37 { margin-bottom: 10px; font-size: var(--erp-fs-lg); font-weight: bold; color: var(--erp-ink-800); }
.js-pipeli004a-38.js-pipeli004a-38.js-pipeli004a-38 { font-size: var(--erp-fs-sm); color: var(--erp-ink-400); }
.js-pipeli004a-39.js-pipeli004a-39.js-pipeli004a-39 { margin: 0; }
.js-pipeli004a-40.js-pipeli004a-40.js-pipeli004a-40 { width: 100%; padding: 5px 8px; font-size: var(--erp-fs-md); border: 1px solid var(--erp-gray-300); border-radius: 4px; box-sizing: border-box; }
.js-pipeli004a-41.js-pipeli004a-41.js-pipeli004a-41 { margin-bottom: 12px; padding: 8px 12px; background: var(--erp-bg-soft); border-radius: 6px; font-size: var(--erp-fs-md); }
.js-pipeli004a-42.js-pipeli004a-42.js-pipeli004a-42 { padding: 6px 14px; font-size: var(--erp-fs-md); background: var(--erp-gray-100); border: 1px solid var(--erp-gray-300); border-radius: 6px; cursor: pointer; }
.js-pipeli004a-43.js-pipeli004a-43.js-pipeli004a-43 { padding: 6px 14px; font-size: var(--erp-fs-md); background: var(--erp-blue-500); color: var(--erp-bg-card); border: none; border-radius: 6px; cursor: pointer; }
.js-pipeli004a-44.js-pipeli004a-44.js-pipeli004a-44 { margin: 0; font-size: var(--erp-fs-15); font-weight: 700; }
.js-pipeli004a-45.js-pipeli004a-45.js-pipeli004a-45 { margin-right: 7px; }
.js-pipeli004a-46.js-pipeli004a-46.js-pipeli004a-46 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-gray-700); margin-bottom: 8px; }
.js-pipeli004a-47.js-pipeli004a-47.js-pipeli004a-47 { color: var(--erp-accent); margin-right: 6px; }
.js-pipeli004a-48.js-pipeli004a-48.js-pipeli004a-48 { padding: 14px; background: var(--erp-yellow-100); border: 1px solid var(--erp-warning-border); border-radius: 8px; color: var(--erp-yellow-800); font-size: var(--erp-fs-md); margin-bottom: 16px; }
.js-pipeli004a-49.js-pipeli004a-49.js-pipeli004a-49 { border: 1px solid var(--erp-gray-200); border-radius: 8px; overflow: hidden; margin-bottom: 16px; }
.js-pipeli004a-50.js-pipeli004a-50.js-pipeli004a-50 { font-weight: 600; color: var(--erp-ink-900); }
.js-pipeli004a-51.js-pipeli004a-51.js-pipeli004a-51 { font-weight: 400; color: var(--erp-gray-500); }
.js-pipeli004a-52.js-pipeli004a-52.js-pipeli004a-52 { color: var(--erp-gray-500); margin-top: 2px; }
.js-pipeli004a-53.js-pipeli004a-53.js-pipeli004a-53 { font-size: var(--erp-fs-sm); flex: 1; color: var(--erp-red-600); }
.js-pipeli004a-54.js-pipeli004a-54.js-pipeli004a-54 { padding: 7px 16px; font-size: var(--erp-fs-md); background: var(--erp-gray-100); border: 1px solid var(--erp-gray-300); border-radius: 6px; cursor: pointer; color: var(--erp-gray-700); }
.js-pipeli004a-55.js-pipeli004a-55.js-pipeli004a-55 { padding: 7px 16px; font-size: var(--erp-fs-md); background: var(--erp-accent); color: var(--erp-bg-card); border: none; border-radius: 6px; cursor: pointer; font-weight: 600; }
.js-pipeli004a-56.js-pipeli004a-56.js-pipeli004a-56 { margin-bottom: 10px; border: 1px solid var(--erp-gray-200); border-radius: 8px; padding: 10px; background: var(--erp-bg-card); }
.js-pipeli004a-57.js-pipeli004a-57.js-pipeli004a-57 { font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-gray-700); margin-bottom: 7px; }
.js-pipeli004a-58.js-pipeli004a-58.js-pipeli004a-58 { font-size: var(--erp-fs-sm); color: var(--erp-gray-400); }
.js-pipeli004a-59.js-pipeli004a-59.js-pipeli004a-59 { font-size: var(--erp-fs-sm); color: var(--erp-gray-400); margin-bottom: 7px; }
.js-pipeli004a-60.js-pipeli004a-60.js-pipeli004a-60 { font-size: var(--erp-fs-xs); padding: 3px 9px; border: 1px dashed var(--erp-gray-300); border-radius: 5px; background: var(--erp-bg-soft); cursor: pointer; color: var(--erp-gray-500); }
.js-pipeli004a-61.js-pipeli004a-61.js-pipeli004a-61 { color: var(--erp-sky-500); margin-right: 6px; }
.js-pipeli004a-62.js-pipeli004a-62.js-pipeli004a-62 { font-weight: 400; color: var(--erp-gray-400); font-size: var(--erp-fs-xs); }
.js-pipeli004a-63.js-pipeli004a-63.js-pipeli004a-63 { color: var(--erp-red-600); font-size: var(--erp-fs-15); margin-top: 1px; }
.js-pipeli004a-64.js-pipeli004a-64.js-pipeli004a-64 { font-size: var(--erp-fs-12_5); color: var(--erp-red-800); line-height: 1.5; }
.js-pipeli004a-65.js-pipeli004a-65.js-pipeli004a-65 { font-size: var(--erp-fs-xs); font-weight: 600; color: var(--erp-gray-500); margin-bottom: 6px; }
.js-pipeli004a-66.js-pipeli004a-66.js-pipeli004a-66 { color: var(--erp-gray-400); font-weight: 400; }
.js-pipeli004a-67.js-pipeli004a-67.js-pipeli004a-67 { font-size: var(--erp-fs-xs); flex: 1; }
.js-pipeli004a-68.js-pipeli004a-68.js-pipeli004a-68 { padding: 5px 12px; font-size: var(--erp-fs-sm); background: var(--erp-sky-500); color: var(--erp-bg-card); border: none; border-radius: 6px; cursor: pointer; }
.js-pipeli004a-69.js-pipeli004a-69.js-pipeli004a-69 { background: none; border: none; cursor: pointer; color: var(--erp-indigo-500); font-size: var(--erp-fs-xs); padding: 0 0 0 4px; line-height: 1; }
.js-pipeli004a-70.js-pipeli004a-70.js-pipeli004a-70 { background: none; border: none; cursor: pointer; color: var(--erp-amber-800); font-size: var(--erp-fs-xs); padding: 0 0 0 4px; line-height: 1; }
.js-pipeli004a-71.js-pipeli004a-71.js-pipeli004a-71 { color: var(--erp-text-faint); font-size: var(--erp-fs-md); }
.js-pipeli004a-72.js-pipeli004a-72.js-pipeli004a-72 { font-size: var(--erp-fs-md); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-pipeli004a-73.js-pipeli004a-73.js-pipeli004a-73 { color: var(--erp-primary); text-decoration: none; font-weight: 600; }
.js-pipeli004a-74.js-pipeli004a-74.js-pipeli004a-74 { color: var(--erp-text-faint); }
.js-pipeli004a-75.js-pipeli004a-75.js-pipeli004a-75 { flex-shrink: 0; padding: 4px 8px; background: var(--erp-red-600); color: var(--erp-bg-card); border: none; border-radius: 4px; cursor: pointer; font-size: var(--erp-fs-sm); }
.js-pipeli004a-76.js-pipeli004a-76.js-pipeli004a-76 { min-width: 100px; width: 100%; }
.js-pipeli004a-77.js-pipeli004a-77.js-pipeli004a-77 { min-width: 100px; width: 100%; background: var(--erp-neutral-50); }
.js-pipeli004a-78.js-pipeli004a-78.js-pipeli004a-78 { max-width: 74px; }
.js-pipeli004a-79.js-pipeli004a-79.js-pipeli004a-79 { max-width: 62px; }
.js-pipeli004a-80.js-pipeli004a-80.js-pipeli004a-80 { padding: 12px; text-align: center; color: var(--erp-text-faint); }
.js-pipeli004a-81.js-pipeli004a-81.js-pipeli004a-81 { flex-shrink: 0; background: var(--erp-blue-100); color: var(--erp-blue-700); font-weight: 700; padding: 2px 8px; border-radius: 4px; font-size: var(--erp-fs-xs); }
.js-pipeli004a-82.js-pipeli004a-82.js-pipeli004a-82 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.js-pipeli004a-83.js-pipeli004a-83.js-pipeli004a-83 { color: var(--erp-text-faint); font-weight: 400; flex-shrink: 0; }
.js-pipeli004a-84.js-pipeli004a-84.js-pipeli004a-84 { flex-shrink: 0; padding: 4px 10px; background: var(--erp-red-100); color: var(--erp-red-700); border: none; border-radius: 4px; cursor: pointer; font-size: var(--erp-fs-sm); font-weight: 600; }
.js-pipeli004a-85.js-pipeli004a-85.js-pipeli004a-85 { padding: 5px 8px; border-bottom: 1px solid var(--erp-bg-hover); }
.js-pipeli004a-86.js-pipeli004a-86.js-pipeli004a-86 { width: 130px; padding: 5px 8px; border: 1.5px solid var(--erp-border); border-radius: 5px; font-size: var(--erp-fs-sm); }
.js-pipeli004a-87.js-pipeli004a-87.js-pipeli004a-87 { width: 100%; padding: 5px 8px; border: 1.5px solid var(--erp-border); border-radius: 5px; font-size: var(--erp-fs-sm); box-sizing: border-box; }
.js-pipeli004a-88.js-pipeli004a-88.js-pipeli004a-88 { padding: 5px 8px; border-bottom: 1px solid var(--erp-bg-hover); text-align: center; }
.js-pipeli004a-89.js-pipeli004a-89.js-pipeli004a-89 { background: var(--erp-red-50x3); border: 1px solid var(--erp-red-300); border-radius: 5px; color: var(--erp-red-600); width: 26px; height: 26px; cursor: pointer; font-size: var(--erp-fs-sm); }

/* templates/sales/product_list.html — 11곳 → 8클래스 */
.js-producec02-1.js-producec02-1.js-producec02-1 { font-size: var(--erp-fs-sm); }
.js-producec02-2.js-producec02-2.js-producec02-2 { width: 140px; }
.js-producec02-3.js-producec02-3.js-producec02-3 { width: 100px; }
.js-producec02-4.js-producec02-4.js-producec02-4 { width: 60px; }
.js-producec02-5.js-producec02-5.js-producec02-5 { font-size: var(--erp-fs-md); }
.js-producec02-6.js-producec02-6.js-producec02-6 { width: 120px; }
.js-producec02-7.js-producec02-7.js-producec02-7 { width: 90px; }
.js-producec02-8.js-producec02-8.js-producec02-8 { cursor: pointer; }

/* templates/admin/sales/estimate/change_list.html — 1곳 → 1클래스 */
.x-change0d5f-1.x-change0d5f-1.x-change0d5f-1 { font-weight: bold; font-size: var(--erp-fs-md); color: var(--erp-ink-600); }

/* templates/admin/sales/estimate/pdf/base.html — 13곳 → 10클래스 */
.x-base5c63-1.x-base5c63-1.x-base5c63-1 { font-weight: bold; font-size: var(--erp-fs-16); }
.x-base5c63-2.x-base5c63-2.x-base5c63-2 { font-size: var(--erp-fs-16); font-weight: bold; }
.x-base5c63-3.x-base5c63-3.x-base5c63-3 { font-size: var(--erp-fs-sm); color: var(--erp-ink-800); font-weight: normal; }
.x-base5c63-4.x-base5c63-4.x-base5c63-4 { font-size: var(--erp-fs-md); margin-top: 4px; }
.x-base5c63-5.x-base5c63-5.x-base5c63-5 { width: 5%; }
.x-base5c63-6.x-base5c63-6.x-base5c63-6 { width: 45%; }
.x-base5c63-7.x-base5c63-7.x-base5c63-7 { width: 8%; }
.x-base5c63-8.x-base5c63-8.x-base5c63-8 { width: 14%; }
.x-base5c63-9.x-base5c63-9.x-base5c63-9 { background: var(--erp-ink-100); font-size: var(--erp-fs-lg); border-bottom: 2px solid var(--erp-ink-800); }
.x-base5c63-10.x-base5c63-10.x-base5c63-10 { color: var(--erp-indigo-900x); }

/* templates/admin/sales/estimate/pdf/default.html — 5곳 → 3클래스 */
.x-defaula332-1.x-defaula332-1.x-defaula332-1 { text-align: center; }
.x-defaula332-2.x-defaula332-2.x-defaula332-2 { font-size: var(--erp-fs-xs); color: var(--erp-ink-600); }
.x-defaula332-3.x-defaula332-3.x-defaula332-3 { text-align: right; }

/* templates/admin/sales/estimate/pdf/integrated_maintenance.html — 5곳 → 3클래스 */
.x-integree60-1.x-integree60-1.x-integree60-1 { text-align: center; }
.x-integree60-2.x-integree60-2.x-integree60-2 { font-size: var(--erp-fs-xs); color: var(--erp-ink-600); }
.x-integree60-3.x-integree60-3.x-integree60-3 { text-align: right; }

/* templates/admin/sales/estimate/pdf/tech_support.html — 5곳 → 3클래스 */
.x-techsu4359-1.x-techsu4359-1.x-techsu4359-1 { text-align: center; }
.x-techsu4359-2.x-techsu4359-2.x-techsu4359-2 { font-size: var(--erp-fs-xs); color: var(--erp-ink-600); }
.x-techsu4359-3.x-techsu4359-3.x-techsu4359-3 { text-align: right; }

/* templates/admin/sales/yearlysalesgoal/change_form.html — 5곳 → 5클래스 */
.x-change8cdc-1.x-change8cdc-1.x-change8cdc-1 { background: var(--erp-primary-soft); border: 1px solid var(--erp-indigo-200); border-radius: 8px; padding: 14px 16px; margin: 0 0 16px 0; }
.x-change8cdc-2.x-change8cdc-2.x-change8cdc-2 { font-size: var(--erp-fs-md); font-weight: 700; color: var(--erp-primary-strong); white-space: nowrap; }
.x-change8cdc-3.x-change8cdc-3.x-change8cdc-3 { flex: 1; min-width: 160px; padding: 7px 10px; border: 1px solid var(--erp-indigo-300); border-radius: 7px; font-size: var(--erp-fs-md); font-weight: 600; text-align: right; background: var(--erp-bg-card); }
.x-change8cdc-4.x-change8cdc-4.x-change8cdc-4 { padding: 7px 16px; border: none; border-radius: 7px; background: var(--erp-primary); color: var(--erp-bg-card); font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-change8cdc-5.x-change8cdc-5.x-change8cdc-5 { font-size: var(--erp-fs-xs); color: var(--erp-indigo-500); margin-top: 6px; }

/* templates/contracts/_purchase_item_form_body.html — 조건부 style */
.k-purchac785-1.k-purchac785-1.k-purchac785-1 { margin-top: 14px; }

/* templates/core/mypage.html — 조건부 style */
.k-mypage75b3-1.k-mypage75b3-1.k-mypage75b3-1 { color: var(--erp-success-strong); }
.k-mypage75b3-2.k-mypage75b3-2.k-mypage75b3-2 { color: var(--erp-red-700); }
.k-mypage75b3-3.k-mypage75b3-3.k-mypage75b3-3 { font-weight: 600; }

/* templates/finance/budget_list.html — 조건부 style */
.k-budgetbc0e-1.k-budgetbc0e-1.k-budgetbc0e-1 { color: var(--erp-danger); font-weight: 700; }
.k-budgetbc0e-2.k-budgetbc0e-2.k-budgetbc0e-2 { color: var(--erp-text-muted); }
.k-budgetbc0e-3.k-budgetbc0e-3.k-budgetbc0e-3 { font-size: var(--erp-fs-xs); }

/* templates/finance/partner_ledger_detail.html — 조건부 style */
.k-partned900-1.k-partned900-1.k-partned900-1 { background: var(--erp-bg-card); color: var(--erp-primary-deep); box-shadow: 0 1px 2px var(--erp-black-a05); }
.k-partned900-2.k-partned900-2.k-partned900-2 { color: var(--erp-text-muted); }
.k-partned900-3.k-partned900-3.k-partned900-3 { padding: 5px 12px; border-radius: 6px; font-size: var(--erp-fs-sm); font-weight: 700; text-decoration: none; }
.k-partned900-4.k-partned900-4.k-partned900-4 { background: var(--erp-bg-card); color: var(--erp-violet-700x2); box-shadow: 0 1px 2px var(--erp-black-a05); }

/* templates/finance/purchase_detail.html — 조건부 style */
.k-purcha59c6-1.k-purcha59c6-1.k-purcha59c6-1 { background: var(--erp-bg-soft); }

/* templates/finance/purchase_list.html — 조건부 style */
.k-purchab7a9-1.k-purchab7a9-1.k-purchab7a9-1 { background: var(--erp-accent); color: var(--erp-bg-card); border-color: var(--erp-accent); }

/* templates/finance/_bank_match_inline.html — 조건부 style */
.k-bankma8745-1.k-bankma8745-1.k-bankma8745-1 { color: var(--erp-red-700); background: var(--erp-red-50); border: 1px solid var(--erp-red-300); }
.k-bankma8745-2.k-bankma8745-2.k-bankma8745-2 { color: var(--erp-blue-800); background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); }
.k-bankma8745-3.k-bankma8745-3.k-bankma8745-3 { font-size: var(--erp-fs-sm); font-weight: 600; padding: 2px 8px; border-radius: 10px; cursor: pointer; }

/* templates/hr/workday_plan_calendar.html — 조건부 style */
.k-workda5d37-1.k-workda5d37-1.k-workda5d37-1 { border-color: var(--erp-danger); }
.k-workda5d37-2.k-workda5d37-2.k-workda5d37-2 { width: 92px; }

/* templates/maintenance/send_signature.html — 조건부 style */
.k-sendsi2f70-1.k-sendsi2f70-1.k-sendsi2f70-1 { opacity: .5; cursor: not-allowed; }

/* templates/maintenance/work_schedule_detail.html — 조건부 style */
.k-worksc8af4-1.k-worksc8af4-1.k-worksc8af4-1 { color: var(--erp-teal-700); }
.k-worksc8af4-2.k-worksc8af4-2.k-worksc8af4-2 { color: var(--erp-text-muted); }
.k-worksc8af4-3.k-worksc8af4-3.k-worksc8af4-3 { font-size: var(--erp-fs-sm); font-weight: 400; margin-left: 6px; white-space: nowrap; }
.k-worksc8af4-4.k-worksc8af4-4.k-worksc8af4-4 { font-size: var(--erp-fs-sm); font-weight: 400; white-space: nowrap; }

/* templates/maintenance/_team_weekly_member_card.html — 조건부 style */
.k-teamwe0cb6-1.k-teamwe0cb6-1.k-teamwe0cb6-1 { margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--erp-border); }

/* templates/management/dashboard.html — 조건부 style */
.k-dashbo4e7b-1.k-dashbo4e7b-1.k-dashbo4e7b-1 { background: var(--erp-bg-card); color: var(--erp-primary-deep); box-shadow: 0 1px 2px var(--erp-black-a05); }
.k-dashbo4e7b-2.k-dashbo4e7b-2.k-dashbo4e7b-2 { color: var(--erp-text-muted); }
.k-dashbo4e7b-3.k-dashbo4e7b-3.k-dashbo4e7b-3 { padding: 5px 12px; border-radius: 6px; font-size: var(--erp-fs-sm); font-weight: 700; text-decoration: none; }

/* templates/sales/dashboard.html — 조건부 style */
.k-dashbo433e-1.k-dashbo433e-1.k-dashbo433e-1 { cursor: pointer; }

/* templates/sales/pipeline_detail.html — 조건부 style */
.k-pipeli004a-1.k-pipeli004a-1.k-pipeli004a-1 { color: var(--erp-text-muted); font-size: var(--erp-fs-md); margin: 10px 2px 0; }
.k-pipeli004a-2.k-pipeli004a-2.k-pipeli004a-2 { width: 100%; border-collapse: collapse; margin-bottom: 12px; font-size: var(--erp-fs-md); }
.k-pipeli004a-3.k-pipeli004a-3.k-pipeli004a-3 { background: var(--erp-blue-100); color: var(--erp-blue-800); }
.k-pipeli004a-4.k-pipeli004a-4.k-pipeli004a-4 { background: var(--erp-purple-bg); color: var(--erp-purple); }
.k-pipeli004a-5.k-pipeli004a-5.k-pipeli004a-5 { padding: 1px 5px; border-radius: 3px; font-size: var(--erp-fs-2xs); font-weight: bold; }
.k-pipeli004a-6.k-pipeli004a-6.k-pipeli004a-6 { margin-bottom: 12px; text-align: right; }

/* templates/sales/_dashboard_contracts_rows.html — 조건부 style */
.k-dashbod203-1.k-dashbod203-1.k-dashbod203-1 { cursor: pointer; }

/* templates/sales/_dashboard_estimates_rows.html — 조건부 style */
.k-dashbo9bbd-1.k-dashbo9bbd-1.k-dashbo9bbd-1 { cursor: pointer; }

/* templates/base.html — 1곳 → 1클래스 */
.x-baseda7c-2.x-baseda7c-2.x-baseda7c-2 { position: fixed; inset: 0; z-index: 20050; background: rgba(15,23,42,.45); align-items: center; justify-content: center; }

/* templates/home.html — 26곳 → 20클래스 */
.x-home86f3-95.x-home86f3-95.x-home86f3-95 { position: fixed; left: 0; top: 0; background: var(--erp-gray-800); color: white; padding: 10px 12px; border-radius: 6px; font-size: var(--erp-fs-sm); white-space: nowrap; z-index: 9999; box-shadow: 0 4px 12px var(--erp-black-a15); pointer-events: none; }
.x-home86f3-96.x-home86f3-96.x-home86f3-96 { background: var(--erp-neutral-50); border: 1px solid var(--erp-bs-gray-200); border-radius: 6px; padding: 8px 12px; margin-bottom: 10px; font-size: var(--erp-fs-sm); color: var(--erp-blue-700x2); }
.x-home86f3-97.x-home86f3-97.x-home86f3-97 { background: var(--erp-amber-100x3); border: 1px solid var(--erp-amber-250x); border-radius: 6px; padding: 8px 12px; margin-bottom: 10px; font-size: var(--erp-fs-sm); color: var(--erp-orange-800x2); }
.x-home86f3-98.x-home86f3-98.x-home86f3-98 { margin-bottom: 10px; }
.x-home86f3-99.x-home86f3-99.x-home86f3-99 { margin-bottom: 10px; position: relative; }
.x-home86f3-100.x-home86f3-100.x-home86f3-100 { color: var(--erp-bs-red-600); font-size: var(--erp-fs-sm); margin-bottom: 8px; }
.x-home86f3-101.x-home86f3-101.x-home86f3-101 { margin: 0 0 12px; white-space: pre-wrap; position: relative; padding-right: 34px; }
.x-home86f3-102.x-home86f3-102.x-home86f3-102 { margin-top: 8px; }
.x-home86f3-103.x-home86f3-103.x-home86f3-103 { margin: 0 0 12px; background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); color: var(--erp-blue-800); border-radius: 8px; padding: 9px 12px; font-size: var(--erp-fs-md); }
.x-home86f3-104.x-home86f3-104.x-home86f3-104 { position: fixed; z-index: 99999; background: var(--erp-bg-card); border: 1px solid var(--erp-border,var(--erp-gray-300)); border-radius: 6px; box-shadow: 0 4px 12px var(--erp-black-a12); max-height: 240px; overflow-y: auto; }
.x-home86f3-105.x-home86f3-105.x-home86f3-105 { position: absolute; left: 0; right: 0; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 6px; box-shadow: 0 4px 12px var(--erp-black-a12); max-height: 200px; overflow-y: auto; }
.x-home86f3-106.x-home86f3-106.x-home86f3-106 { margin-top: 6px; padding: 6px 10px; background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); border-radius: 6px; font-size: var(--erp-fs-sm); color: var(--erp-blue-700); }
.x-home86f3-107.x-home86f3-107.x-home86f3-107 { max-width: 160px; }
.x-home86f3-108.x-home86f3-108.x-home86f3-108 { color: var(--erp-teal-700); font-size: var(--erp-fs-md); font-weight: 700; white-space: nowrap; }
.x-home86f3-110.x-home86f3-110.x-home86f3-110 { position: fixed; z-index: 99999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 6px; box-shadow: 0 4px 12px var(--erp-black-a10); max-height: 200px; overflow-y: auto; }
.x-home86f3-111.x-home86f3-111.x-home86f3-111 { margin: 0 0 12px; padding: 9px 12px; border-radius: 8px; background: var(--erp-bg-soft, var(--erp-bg-hover)); border: 1px solid var(--erp-border, var(--erp-border)); color: var(--erp-text, var(--erp-neutral)); font-size: var(--erp-fs-md); line-height: 1.5; }
.x-home86f3-112.x-home86f3-112.x-home86f3-112 { margin: 0 0 10px; padding: 8px 30px 8px 12px; border-radius: 8px; position: relative; font-size: var(--erp-fs-md); line-height: 1.4; }
.x-home86f3-113.x-home86f3-113.x-home86f3-113 { padding: 8px 18px; border-radius: 8px; font-size: var(--erp-fs-13_5); font-weight: 700; background: var(--erp-blue-600x); color: var(--erp-bg-card); text-decoration: none; align-items: center; }
.x-home86f3-114.x-home86f3-114.x-home86f3-114 { margin-bottom: 12px; }

/* templates/admin/finance/banktransaction/change_list.html — 2곳 → 2클래스 */
.x-change22a7-1.x-change22a7-1.x-change22a7-1 { background: var(--erp-cyan-600x); color: white; border: none; font-weight: bold; }
.x-change22a7-2.x-change22a7-2.x-change22a7-2 { background: var(--erp-teal-700x); color: white; border: none; font-weight: bold; }

/* templates/admin/finance/taxinvoicedocument/change_list.html — 2곳 → 2클래스 */
.x-change6243-1.x-change6243-1.x-change6243-1 { background: var(--erp-cyan-600x); color: white; border: none; font-weight: bold; }
.x-change6243-2.x-change6243-2.x-change6243-2 { background: var(--erp-teal-700x); color: white; border: none; font-weight: bold; }

/* templates/admin/maintenance/workstandard/auto_calculate.html — 1곳 → 1클래스 */
.x-autoca4c8c-11.x-autoca4c8c-11.x-autoca4c8c-11 { background: var(--erp-bs-gray-600); color: white; padding: 12px 30px; border-radius: 6px; font-size: var(--erp-fs-16); text-decoration: none; }

/* templates/admin/maintenance/workstandard/create_year.html — 2곳 → 2클래스 */
.x-create6c78-11.x-create6c78-11.x-create6c78-11 { font-weight: bold; margin-bottom: 10px; font-size: var(--erp-fs-16); }
.x-create6c78-12.x-create6c78-12.x-create6c78-12 { background: var(--erp-bs-gray-600); color: white; padding: 14px 40px; border-radius: 6px; font-size: var(--erp-fs-18); text-decoration: none; }

/* templates/admin/sales/estimate/change_list.html — 2곳 → 2클래스 */
.x-change0d5f-2.x-change0d5f-2.x-change0d5f-2 { margin-bottom: 14px; padding: 10px 14px; background: var(--erp-gray-50x3); border: 1px solid var(--erp-ink-150); border-radius: 4px; gap: 10px; align-items: center; flex-wrap: wrap; }
.x-change0d5f-3.x-change0d5f-3.x-change0d5f-3 { background: var(--erp-violet-500x); color: white; padding: 6px 16px; font-size: var(--erp-fs-sm); font-weight: bold; text-decoration: none; border-radius: 3px; }

/* templates/admin/sales/estimate/excel_template_editor.html — 3곳 → 3클래스 */
.x-excelt39ea-16.x-excelt39ea-16.x-excelt39ea-16 { flex-wrap: wrap; gap: 28px; align-items: flex-start; margin-top: 20px; }
.x-excelt39ea-17.x-excelt39ea-17.x-excelt39ea-17 { color: var(--erp-green-800x2); font-weight: bold; }
.x-excelt39ea-18.x-excelt39ea-18.x-excelt39ea-18 { color: var(--erp-red-500x3); font-weight: bold; }

/* templates/admin/sales/estimate/pdf/base.html — 2곳 → 2클래스 */
.x-base5c63-11.x-base5c63-11.x-base5c63-11 { margin-top: 10px; border-bottom: 2px solid var(--erp-ink-800); padding-bottom: 5px; color: var(--erp-indigo-900x); min-width: 300px; }
.x-base5c63-12.x-base5c63-12.x-base5c63-12 { margin-left: 2px; }

/* templates/admin/sales/yearlysalesgoal/change_form.html — 1곳 → 1클래스 */
.x-change8cdc-6.x-change8cdc-6.x-change8cdc-6 { align-items: center; gap: 8px; flex-wrap: wrap; }

/* templates/contracts/contract_create.html — 1곳 → 1클래스 */
.x-contra4984-10.x-contra4984-10.x-contra4984-10 { border-color: var(--erp-gray-300); --erp-hov-border: var(--erp-blue-600); --erp-hov-bg: var(--erp-blue-50); align-items: center; gap: 10px; padding: 10px 14px; border: 2px dashed var(--erp-gray-300); border-radius: 8px; cursor: pointer; background: var(--erp-gray-50); }

/* templates/contracts/contract_list.html — 9곳 → 6클래스 */
.x-contraec82-17.x-contraec82-17.x-contraec82-17 { width: 13px; height: 13px; cursor: pointer; }
.x-contraec82-18.x-contraec82-18.x-contraec82-18 { width: 90px; }
.x-contraec82-19.x-contraec82-19.x-contraec82-19 { grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.x-contraec82-20.x-contraec82-20.x-contraec82-20 { font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); text-transform: uppercase; margin-bottom: 4px; }
.x-contraec82-21.x-contraec82-21.x-contraec82-21 { position: absolute; top: 100%; left: 0; right: 0; z-index: 2000; background: var(--erp-bg-card); border: 1.5px solid var(--erp-border); border-top: none; border-radius: 0 0 6px 6px; max-height: 220px; overflow-y: auto; box-shadow: 0 4px 12px var(--erp-black-a10); }

/* templates/contracts/_purchase_item_form_body.html — 3곳 → 3클래스 */
.x-purchac785-3.x-purchac785-3.x-purchac785-3 { margin-top: 12px; }
.x-purchac785-4.x-purchac785-4.x-purchac785-4 { font-size: var(--erp-fs-sm); color: var(--erp-text-muted); }
.x-purchac785-5.x-purchac785-5.x-purchac785-5 { width: 90px; }

/* templates/core/company_form.html — 4곳 → 4클래스 */
.x-compan348d-7.x-compan348d-7.x-compan348d-7 { margin-bottom: 8px; }
.x-compan348d-8.x-compan348d-8.x-compan348d-8 { background: var(--erp-bg-soft); padding: 8px 14px; font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-text-strong); gap: 12px; align-items: center; }
.x-compan348d-9.x-compan348d-9.x-compan348d-9 { font-size: var(--erp-fs-xs); }
.x-compan348d-10.x-compan348d-10.x-compan348d-10 { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap: 8px; margin-bottom: 10px; }

/* templates/core/company_list.html — 8곳 → 7클래스 */
.x-companb0d1-23.x-companb0d1-23.x-companb0d1-23 { color: var(--erp-pink-700); font-size: var(--erp-fs-sm); font-weight: 600; text-decoration: none; white-space: nowrap; }
.x-companb0d1-24.x-companb0d1-24.x-companb0d1-24 { background: var(--erp-red-50); border: 1px solid var(--erp-red-200); border-radius: 8px; padding: 10px 14px; font-size: var(--erp-fs-md); margin-bottom: 12px; color: var(--erp-red-800); font-weight: 600; }
.x-companb0d1-25.x-companb0d1-25.x-companb0d1-25 { position: absolute; left: 0; right: 0; top: calc(100% + 2px); z-index: 10; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 8px; box-shadow: 0 12px 28px var(--erp-black-a14); max-height: 240px; overflow-y: auto; }
.x-companb0d1-26.x-companb0d1-26.x-companb0d1-26 { flex-direction: column; gap: 8px; }

/* templates/core/deleted_companies.html — 1곳 → 1클래스 */

/* templates/core/executive_dashboard.html — 1곳 → 1클래스 */
.x-executf3ef-16.x-executf3ef-16.x-executf3ef-16 { grid-template-columns: 1fr 1fr; gap: 20px; }

/* templates/core/mypage.html — 2곳 → 1클래스 */
.x-mypage75b3-50.x-mypage75b3-50.x-mypage75b3-50 { position: fixed; inset: 0; z-index: 1080; background: var(--erp-black-a45); align-items: center; justify-content: center; }

/* templates/core/my_approvals.html — 1곳 → 1클래스 */
.x-myapprae91-3.x-myapprae91-3.x-myapprae91-3 { font-size: var(--erp-fs-24); color: var(--erp-gray-300); margin-bottom: 8px; }

/* templates/core/my_signature.html — 1곳 → 1클래스 */
.x-mysignc0df-4.x-mysignc0df-4.x-mysignc0df-4 { width: 100%; height: auto; cursor: crosshair; background: var(--erp-zinc-50); }

/* templates/core/notification_settings.html — 2곳 → 1클래스 */
.x-notifi9294-2.x-notifi9294-2.x-notifi9294-2 { width: 16px; height: 16px; accent-color: var(--erp-primary); cursor: pointer; }

/* templates/core/org_chart.html — 1곳 → 1클래스 */
.x-orgcha8c42-5.x-orgcha8c42-5.x-orgcha8c42-5 { flex-direction: column; gap: 14px; }

/* templates/core/settings_page.html — 3곳 → 3클래스 */
.x-settin955c-16.x-settin955c-16.x-settin955c-16 { color: var(--erp-theme-primary); }
.x-settin955c-17.x-settin955c-17.x-settin955c-17 { margin: 6px 0 0; padding: 10px 14px; border-radius: 6px; font-size: var(--erp-fs-sm); font-weight: 600; }
.x-settin955c-18.x-settin955c-18.x-settin955c-18 { width: 38px; height: 38px; background: var(--erp-white-a22); border-radius: 10px; align-items: center; justify-content: center; flex-shrink: 0; }

/* templates/core/_exec_contract_modal_table.html — 2곳 → 2클래스 */
.x-execco87af-2.x-execco87af-2.x-execco87af-2 { font-size: var(--erp-fs-xs); font-weight: 600; padding: 2px 8px; border-radius: 10px; background: var(--erp-blue-100); color: var(--erp-blue-800); white-space: nowrap; }
.x-execco87af-3.x-execco87af-3.x-execco87af-3 { font-size: var(--erp-fs-24); color: var(--erp-border-strong); margin-bottom: 8px; }

/* templates/core/_exec_tech_section.html — 2곳 → 2클래스 */
.x-exectedab1-2.x-exectedab1-2.x-exectedab1-2 { grid-template-columns: 1fr 1fr; gap: 20px; }
.x-exectedab1-3.x-exectedab1-3.x-exectedab1-3 { grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }

/* templates/finance/advance_list.html — 1곳 → 1클래스 */
.x-advanc320f-2.x-advanc320f-2.x-advanc320f-2 { position: absolute; top: 100%; left: 0; right: 0; max-height: 220px; overflow-y: auto; background: var(--erp-bg-card); border: 1.5px solid var(--erp-indigo-200); border-radius: 8px; box-shadow: 0 4px 16px var(--erp-black-a12); z-index: 10001; margin-top: 2px; }

/* templates/finance/ap_management.html — 1곳 → 1클래스 */

/* templates/finance/bank_manual_manage.html — 1곳 → 1클래스 */
.x-bankmab64a-7.x-bankmab64a-7.x-bankmab64a-7 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 10000; align-items: center; justify-content: center; }

/* templates/finance/barobill_bank_sync.html — 6곳 → 6클래스 */
.x-barobi4bd4-15.x-barobi4bd4-15.x-barobi4bd4-15 { width: 8px; height: 8px; border-radius: 50%; background: var(--erp-accent); margin-right: 6px; vertical-align: middle; }
.x-barobi4bd4-16.x-barobi4bd4-16.x-barobi4bd4-16 { text-align: center; padding: 10px 0; border-top: 1px solid var(--erp-border); }
.x-barobi4bd4-17.x-barobi4bd4-17.x-barobi4bd4-17 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 10000; align-items: center; justify-content: center; }
.x-barobi4bd4-18.x-barobi4bd4-18.x-barobi4bd4-18 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 1050; align-items: center; justify-content: center; }
.x-barobi4bd4-19.x-barobi4bd4-19.x-barobi4bd4-19 { margin-bottom: 4px; }
.x-barobi4bd4-20.x-barobi4bd4-20.x-barobi4bd4-20 { text-align: right; margin-top: 20px; }

/* templates/finance/barobill_tax_sync.html — 6곳 → 4클래스 */
.x-barobi8af7-19.x-barobi8af7-19.x-barobi8af7-19 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 1050; align-items: center; justify-content: center; }
.x-barobi8af7-20.x-barobi8af7-20.x-barobi8af7-20 { color: var(--erp-yellow-800); background: var(--erp-yellow-100); padding: 2px 8px; border-radius: 10px; text-decoration: none; font-weight: 600; }
.x-barobi8af7-21.x-barobi8af7-21.x-barobi8af7-21 { color: var(--erp-green-800); background: var(--erp-green-100); padding: 2px 8px; border-radius: 10px; text-decoration: none; font-weight: 600; }
.x-barobi8af7-22.x-barobi8af7-22.x-barobi8af7-22 { padding: 12px 20px; justify-content: space-between; align-items: center; border-top: 1px solid var(--erp-bg-hover); }

/* templates/finance/billing_detail.html — 7곳 → 7클래스 */
.x-billinf5b6-50.x-billinf5b6-50.x-billinf5b6-50 { color: var(--erp-danger); font-size: var(--erp-fs-xs); font-weight: 600; }
.x-billinf5b6-51.x-billinf5b6-51.x-billinf5b6-51 { margin-bottom: 12px; padding: 10px 14px; background: var(--erp-red-50); border: 1.5px solid var(--erp-red-300); border-radius: 8px; font-size: var(--erp-fs-sm); color: var(--erp-red-800); }
.x-billinf5b6-52.x-billinf5b6-52.x-billinf5b6-52 { margin-bottom: 12px; padding: 10px 14px; background: var(--erp-blue-50); border: 1.5px solid var(--erp-blue-200); border-radius: 8px; font-size: var(--erp-fs-sm); color: var(--erp-blue-800); }
.x-billinf5b6-53.x-billinf5b6-53.x-billinf5b6-53 { font-size: var(--erp-fs-xs); color: var(--erp-info-strong); margin-top: 2px; }
.x-billinf5b6-54.x-billinf5b6-54.x-billinf5b6-54 { padding: 20px; }
.x-billinf5b6-55.x-billinf5b6-55.x-billinf5b6-55 { text-align: center; padding: 24px; color: var(--erp-text-faint); font-size: var(--erp-fs-md); }
.x-billinf5b6-56.x-billinf5b6-56.x-billinf5b6-56 { padding: 20px; border-top: 2px solid var(--erp-indigo-500); }

/* templates/finance/bulk_payment.html — 2곳 → 1클래스 */
.x-bulkpaac40-8.x-bulkpaac40-8.x-bulkpaac40-8 { border: none; cursor: pointer; align-items: center; gap: 4px; }

/* templates/finance/bulk_payment_batch_detail.html — 7곳 → 7클래스 */
.x-bulkpa1b88-13.x-bulkpa1b88-13.x-bulkpa1b88-13 { grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 16px; }
.x-bulkpa1b88-14.x-bulkpa1b88-14.x-bulkpa1b88-14 { margin-top: 12px; }
.x-bulkpa1b88-15.x-bulkpa1b88-15.x-bulkpa1b88-15 { align-items: center; gap: 12px; padding: 12px; background: var(--erp-bg-soft); border-radius: 8px; }
.x-bulkpa1b88-16.x-bulkpa1b88-16.x-bulkpa1b88-16 { grid-template-columns: 20px minmax(0,1fr) 170px 170px; gap: 10px; padding: 2px 12px 6px; font-size: var(--erp-fs-xs); font-weight: 700; color: var(--erp-text-muted); }
.x-bulkpa1b88-17.x-bulkpa1b88-17.x-bulkpa1b88-17 { grid-template-columns: 20px minmax(0,1fr) 170px 170px; align-items: center; gap: 10px; padding: 8px 12px; border: 1.5px solid var(--erp-border); border-radius: 8px; margin-bottom: 6px; cursor: pointer; font-size: var(--erp-fs-md); }
.x-bulkpa1b88-18.x-bulkpa1b88-18.x-bulkpa1b88-18 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 10060; align-items: center; justify-content: center; }
.x-bulkpa1b88-19.x-bulkpa1b88-19.x-bulkpa1b88-19 { align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--erp-border); }

/* templates/finance/contract_profit.html — 2곳 → 2클래스 */
.x-contra5972-2.x-contra5972-2.x-contra5972-2 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 9999; align-items: center; justify-content: center; }
.x-contra5972-3.x-contra5972-3.x-contra5972-3 { width: 120px; padding: 6px 10px; border: 1.5px solid var(--erp-border); border-radius: 8px; text-align: right; background: var(--erp-bg-soft); color: var(--erp-text); outline: none; }

/* templates/finance/credit_card_usage.html — 5곳 → 5클래스 */
.x-credit47ab-9.x-credit47ab-9.x-credit47ab-9 { position: fixed; inset: 0; background: rgba(15,23,42,0.55); z-index: 1200; align-items: center; justify-content: center; }
.x-credit47ab-10.x-credit47ab-10.x-credit47ab-10 { padding: 44px; text-align: center; color: var(--erp-text-faint); font-size: var(--erp-fs-sm); }
.x-credit47ab-11.x-credit47ab-11.x-credit47ab-11 { position: fixed; inset: 0; background: rgba(15,23,42,0.55); z-index: 1350; align-items: center; justify-content: center; }
.x-credit47ab-12.x-credit47ab-12.x-credit47ab-12 { max-height: 220px; overflow-y: auto; border: 1px solid var(--erp-border); border-radius: 8px; }
.x-credit47ab-13.x-credit47ab-13.x-credit47ab-13 { position: fixed; inset: 0; background: rgba(15,23,42,0.55); z-index: 1300; align-items: center; justify-content: center; }

/* templates/finance/daily_close_detail.html — 1곳 → 1클래스 */
.x-dailycc1ae-4.x-dailycc1ae-4.x-dailycc1ae-4 { width: 100%; border: none; min-height: 600px; }

/* templates/finance/daily_close_list.html — 2곳 → 2클래스 */
.x-dailycbbcd-8.x-dailycbbcd-8.x-dailycbbcd-8 { flex-direction: row; align-items: center; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }

/* templates/finance/dashboard.html — 3곳 → 3클래스 */
.x-dashbo6ad6-20.x-dashbo6ad6-20.x-dashbo6ad6-20 { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; padding: 0 20px 20px; }
.x-dashbo6ad6-21.x-dashbo6ad6-21.x-dashbo6ad6-21 { grid-template-columns: 1fr 1fr; gap: 16px; padding: 20px; }
.x-dashbo6ad6-22.x-dashbo6ad6-22.x-dashbo6ad6-22 { margin-top: 8px; }

/* templates/finance/fixed_asset_list.html — 2곳 → 2클래스 */
.x-fixedaed8c-3.x-fixedaed8c-3.x-fixedaed8c-3 { width: 860px; max-width: 96vw; max-height: 86vh; flex-direction: column; }
.x-fixedaed8c-4.x-fixedaed8c-4.x-fixedaed8c-4 { width: 120px; padding: 5px 8px; border: 1.5px solid var(--erp-border); border-radius: 6px; text-align: right; background: var(--erp-bg-soft); color: var(--erp-text); outline: none; }

/* templates/finance/fixed_deposit_form.html — 1곳 → 1클래스 */
.x-fixedd1f16-4.x-fixedd1f16-4.x-fixedd1f16-4 { gap: 8px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--erp-border); }

/* templates/finance/partner_ledger_detail.html — 1곳 → 1클래스 */
.x-partned900-2.x-partned900-2.x-partned900-2 { background: var(--erp-bg-hover); border-radius: 8px; padding: 3px; gap: 2px; }

/* templates/finance/purchase_detail.html — 3곳 → 3클래스 */
.x-purcha59c6-10.x-purcha59c6-10.x-purcha59c6-10 { align-items: baseline; gap: 8px; margin-bottom: 8px; }
.x-purcha59c6-11.x-purcha59c6-11.x-purcha59c6-11 { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.x-purcha59c6-12.x-purcha59c6-12.x-purcha59c6-12 { position: absolute; z-index: 1080; left: 0; right: 0; margin: 2px 0 0; padding: 0; list-style: none; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 6px; max-height: 240px; overflow: auto; box-shadow: 0 6px 18px var(--erp-black-a12); }

/* templates/finance/purchase_payment_due.html — 2곳 → 2클래스 */

/* templates/finance/reconcile.html — 1곳 → 1클래스 */
.x-reconcd6ad-9.x-reconcd6ad-9.x-reconcd6ad-9 { grid-template-columns: 1fr 180px; gap: 8px; }

/* templates/finance/tax_invoice_sync.html — 6곳 → 4클래스 */
.x-taxinv51d6-9.x-taxinv51d6-9.x-taxinv51d6-9 { position: fixed; z-index: 10000; background: var(--erp-bg-card); border: 1.5px solid var(--erp-indigo-200); border-radius: 0 0 8px 8px; box-shadow: 0 4px 16px var(--erp-black-a18); max-height: 280px; overflow-y: auto; }
.x-taxinv51d6-10.x-taxinv51d6-10.x-taxinv51d6-10 { color: var(--erp-yellow-800); background: var(--erp-yellow-100); padding: 2px 8px; border-radius: 10px; text-decoration: none; font-weight: 600; margin-bottom: 2px; white-space: nowrap; }
.x-taxinv51d6-11.x-taxinv51d6-11.x-taxinv51d6-11 { color: var(--erp-green-800); background: var(--erp-green-100); padding: 2px 8px; border-radius: 10px; text-decoration: none; font-weight: 600; margin-bottom: 2px; white-space: nowrap; }
.x-taxinv51d6-12.x-taxinv51d6-12.x-taxinv51d6-12 { padding: 12px 20px; justify-content: space-between; align-items: center; border-top: 1px solid var(--erp-bg-hover); }

/* templates/finance/tax_rule_list.html — 1곳 → 1클래스 */
.x-taxrul69ba-4.x-taxrul69ba-4.x-taxrul69ba-4 { position: absolute; z-index: 20; left: 0; right: 0; top: 100%; margin-top: 2px; max-height: 240px; overflow-y: auto; background: var(--erp-bg-card); border: 1px solid var(--erp-border-strong); border-radius: 6px; box-shadow: 0 12px 30px var(--erp-black-a14); }

/* templates/finance/vat_filing_report.html — 1곳 → 1클래스 */

/* templates/finance/_bank_match_inline.html — 25곳 → 20클래스 */
.x-bankma8745-131.x-bankma8745-131.x-bankma8745-131 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 10050; align-items: center; justify-content: center; }
.x-bankma8745-132.x-bankma8745-132.x-bankma8745-132 { margin-top: 14px; }
.x-bankma8745-133.x-bankma8745-133.x-bankma8745-133 { position: fixed; background: var(--erp-bg-card); border: 1.5px solid var(--erp-border); border-radius: 8px; box-shadow: 0 8px 24px var(--erp-black-a12); z-index: 10060; max-height: 200px; overflow-y: auto; }
.x-bankma8745-134.x-bankma8745-134.x-bankma8745-134 { align-items: center; gap: 10px; padding: 8px 10px; margin-bottom: 8px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 8px; }
.x-bankma8745-135.x-bankma8745-135.x-bankma8745-135 { margin-top: 10px; }
.x-bankma8745-136.x-bankma8745-136.x-bankma8745-136 { flex: 1; justify-content: center; text-align: center; text-decoration: none }
.x-bankma8745-137.x-bankma8745-137.x-bankma8745-137 { flex: 1; justify-content: center; text-align: center; }
.x-bankma8745-138.x-bankma8745-138.x-bankma8745-138 { margin-top: 10px; padding: 8px 12px; border-radius: 8px; background: var(--erp-red-50); border: 1px solid var(--erp-red-300); color: var(--erp-red-700); font-size: var(--erp-fs-sm); font-weight: 600; }
.x-bankma8745-139.x-bankma8745-139.x-bankma8745-139 { margin-top: 10px; padding: 10px 12px; background: var(--erp-amber-50); border: 1.5px solid var(--erp-amber-300); border-radius: 8px; font-size: var(--erp-fs-xs); color: var(--erp-amber-800); }
.x-bankma8745-140.x-bankma8745-140.x-bankma8745-140 { margin-left: 10px; font-size: var(--erp-fs-sm); font-weight: 700; color: var(--erp-purple); white-space: nowrap; }
.x-bankma8745-141.x-bankma8745-141.x-bankma8745-141 { padding: 8px 14px; background: var(--erp-violet-50); border-bottom: 1.5px solid var(--erp-purple-200); font-size: var(--erp-fs-sm); color: var(--erp-violet-800); }
.x-bankma8745-142.x-bankma8745-142.x-bankma8745-142 { position: fixed; z-index: 10000; background: var(--erp-bg-card); border: 1.5px solid var(--erp-indigo-200); border-radius: 0 0 8px 8px; box-shadow: 0 4px 16px var(--erp-black-a18); max-height: 240px; overflow-y: auto; }
.x-bankma8745-143.x-bankma8745-143.x-bankma8745-143 { margin-top: 10px; margin-left: auto; width: 30%; min-width: 320px; padding: 12px 14px; background: var(--erp-violet-50); border: 1.5px solid var(--erp-violet-300); border-radius: 8px; }
.x-bankma8745-144.x-bankma8745-144.x-bankma8745-144 { font-size: var(--erp-fs-sm); margin-bottom: 8px; text-align: right; }
.x-bankma8745-145.x-bankma8745-145.x-bankma8745-145 { position: fixed; background: var(--erp-bg-card); border: 1.5px solid var(--erp-indigo-200); border-radius: 8px; box-shadow: 0 8px 24px rgba(99,102,241,0.12); z-index: 9999; max-height: 200px; overflow-y: auto; }
.x-bankma8745-146.x-bankma8745-146.x-bankma8745-146 { position: fixed; background: var(--erp-bg-card); border: 1.5px solid var(--erp-orange-200); border-radius: 8px; box-shadow: 0 8px 24px rgba(217,119,6,0.14); z-index: 9999; max-height: 200px; overflow-y: auto; }
.x-bankma8745-147.x-bankma8745-147.x-bankma8745-147 { font-size: var(--erp-fs-sm); color: var(--erp-danger); background: var(--erp-red-50); border: 1px solid var(--erp-red-200); border-radius: 8px; padding: 8px 11px; margin-bottom: 12px; }
.x-bankma8745-148.x-bankma8745-148.x-bankma8745-148 { position: fixed; background: var(--erp-bg-card); border: 1.5px solid var(--erp-green-200); border-radius: 8px; box-shadow: 0 8px 24px rgba(22,163,74,0.12); z-index: 9999; max-height: 200px; overflow-y: auto; }
.x-bankma8745-149.x-bankma8745-149.x-bankma8745-149 { position: fixed; background: var(--erp-bg-card); border: 1.5px solid var(--erp-blue-200); border-radius: 8px; box-shadow: 0 8px 24px rgba(37,99,235,0.12); z-index: 9999; max-height: 200px; overflow-y: auto; }
.x-bankma8745-150.x-bankma8745-150.x-bankma8745-150 { position: fixed; background: var(--erp-bg-card); border: 1.5px solid var(--erp-blue-200); border-radius: 8px; box-shadow: 0 8px 24px rgba(37,99,235,0.12); z-index: 10080; max-height: 210px; overflow-y: auto; }

/* templates/finance/_tax_invoice_issue_modal.html — 1곳 → 1클래스 */
.x-taxinv275c-6.x-taxinv275c-6.x-taxinv275c-6 { position: fixed; inset: 0; z-index: 1085; background: var(--erp-black-a50); align-items: center; justify-content: center; }

/* templates/finance/_tax_invoice_link_modal.html — 8곳 → 5클래스 */
.x-taxinvbfbe-22.x-taxinvbfbe-22.x-taxinvbfbe-22 { flex-shrink: 0; padding: 8px 18px; background: var(--erp-purple-bg); border-bottom: 1px solid var(--erp-purple); font-size: var(--erp-fs-sm); color: var(--erp-purple); }
.x-taxinvbfbe-23.x-taxinvbfbe-23.x-taxinvbfbe-23 { font-size: var(--erp-fs-sm); color: var(--erp-text); }
.x-taxinvbfbe-24.x-taxinvbfbe-24.x-taxinvbfbe-24 { padding: 7px 16px; border-radius: 7px; border: none; background: var(--erp-purple); color: var(--erp-bg-card); font-size: var(--erp-fs-sm); font-weight: 700; cursor: pointer; white-space: nowrap; }
.x-taxinvbfbe-25.x-taxinvbfbe-25.x-taxinvbfbe-25 { position: absolute; top: calc(100% + 2px); left: 0; right: 0; z-index: 9999; background: var(--erp-bg-card); border: 1.5px solid var(--erp-border); border-radius: 8px; max-height: 220px; overflow-y: auto; padding: 4px 0; list-style: none; box-shadow: 0 6px 20px var(--erp-black-a13); margin: 0; }
.x-taxinvbfbe-26.x-taxinvbfbe-26.x-taxinvbfbe-26 { font-size: var(--erp-fs-xs); color: var(--erp-success); margin-top: 5px; font-weight: 600; }

/* templates/finance/_tax_invoice_viewer.html — 1곳 → 1클래스 */
.x-taxinva9f4-4.x-taxinva9f4-4.x-taxinva9f4-4 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 1050; align-items: center; justify-content: center; }

/* templates/hr/attendance_manage.html — 1곳 → 1클래스 */
.x-attend5157-5.x-attend5157-5.x-attend5157-5 { position: fixed; inset: 0; background: var(--erp-black-a40); z-index: 9000; align-items: center; justify-content: center; }

/* templates/hr/attendance_request_approve.html — 1곳 → 1클래스 */
.x-attend7c8b-7.x-attend7c8b-7.x-attend7c8b-7 { align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--erp-neutral-100); }

/* templates/hr/comp_leave_review.html — 4곳 → 4클래스 */
.x-complefe76-4.x-complefe76-4.x-complefe76-4 { margin: 10px 16px 0; }
.x-complefe76-5.x-complefe76-5.x-complefe76-5 { position: fixed; inset: 0; z-index: 1050; background: var(--erp-black-a45); align-items: center; justify-content: center; }
.x-complefe76-6.x-complefe76-6.x-complefe76-6 { padding: 14px 18px; border-bottom: 1px solid var(--erp-border); justify-content: space-between; align-items: center; }
.x-complefe76-7.x-complefe76-7.x-complefe76-7 { margin-top: 6px; }

/* templates/hr/dashboard.html — 2곳 → 2클래스 */
.x-dashbo0c91-1.x-dashbo0c91-1.x-dashbo0c91-1 { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 20px; }
.x-dashbo0c91-2.x-dashbo0c91-2.x-dashbo0c91-2 { font-size: var(--erp-fs-24); margin-bottom: 8px; }

/* templates/hr/evaluation_list.html — 2곳 → 2클래스 */
.x-evalua4533-1.x-evalua4533-1.x-evalua4533-1 { font-size: var(--erp-fs-20); margin-bottom: 8px; color: var(--erp-amber-600); }
.x-evalua4533-2.x-evalua4533-2.x-evalua4533-2 { font-size: var(--erp-fs-20); margin-bottom: 6px; }

/* templates/hr/forced_leave_detail.html — 1곳 → 1클래스 */
.x-forced8922-3.x-forced8922-3.x-forced8922-3 { gap: .75rem; margin-bottom: 1.5rem; }

/* templates/hr/forced_leave_list.html — 1곳 → 1클래스 */
.x-forced7498-1.x-forced7498-1.x-forced7498-1 { grid-template-columns: 1fr 2fr 3fr auto; align-items: end; gap: 1rem; }

/* templates/hr/leave_approval_line_config.html — 1곳 → 1클래스 */
.x-leaveaa37c-1.x-leaveaa37c-1.x-leaveaa37c-1 { margin-top: 10px; font-size: var(--erp-fs-md); }

/* templates/hr/leave_approve.html — 3곳 → 3클래스 */
.x-leavea7bc8-4.x-leavea7bc8-4.x-leavea7bc8-4 { grid-template-columns: 1fr 340px; gap: 20px; align-items: start; }
.x-leavea7bc8-5.x-leavea7bc8-5.x-leavea7bc8-5 { grid-template-columns: 120px 1fr; gap: 10px 0; font-size: var(--erp-fs-md); }
.x-leavea7bc8-6.x-leavea7bc8-6.x-leavea7bc8-6 { grid-template-columns: repeat(3, 1fr); gap: 12px; text-align: center; }

/* templates/hr/leave_balance.html — 4곳 → 3클래스 */
.x-leavebfc32-6.x-leavebfc32-6.x-leavebfc32-6 { position: absolute; top: 100%; left: 0; z-index: 999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 6px; width: 240px; max-height: 240px; overflow-y: auto; box-shadow: 0 4px 12px var(--erp-black-a10); }
.x-leavebfc32-8.x-leavebfc32-8.x-leavebfc32-8 { font-size: var(--erp-fs-20); margin-bottom: 6px; }

/* templates/hr/leave_ceo_approve.html — 3곳 → 3클래스 */
.x-leavec0363-5.x-leavec0363-5.x-leavec0363-5 { grid-template-columns: 1fr 340px; gap: 20px; align-items: start; }
.x-leavec0363-6.x-leavec0363-6.x-leavec0363-6 { grid-template-columns: 140px 1fr; gap: 10px 0; font-size: var(--erp-fs-md); }
.x-leavec0363-7.x-leavec0363-7.x-leavec0363-7 { grid-template-columns: repeat(3, 1fr); gap: 12px; text-align: center; }

/* templates/hr/leave_grant_manage.html — 6곳 → 6클래스 */
.x-leaveg4c02-11.x-leaveg4c02-11.x-leaveg4c02-11 { font-size: var(--erp-fs-20); margin-bottom: 6px; }
.x-leaveg4c02-12.x-leaveg4c02-12.x-leaveg4c02-12 { position: fixed; inset: 0; z-index: 1050; background: var(--erp-black-a45); align-items: center; justify-content: center; }
.x-leaveg4c02-13.x-leaveg4c02-13.x-leaveg4c02-13 { padding: 14px 18px; border-bottom: 1px solid var(--erp-gray-200); justify-content: space-between; align-items: center; }
.x-leaveg4c02-14.x-leaveg4c02-14.x-leaveg4c02-14 { margin-bottom: 14px; padding: 10px 12px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 8px; }
.x-leaveg4c02-15.x-leaveg4c02-15.x-leaveg4c02-15 { font-size: var(--erp-fs-xs); color: var(--erp-text-faint); margin-top: 2px; }
.x-leaveg4c02-16.x-leaveg4c02-16.x-leaveg4c02-16 { grid-template-columns: 1fr 2fr 3fr auto; align-items: end; gap: 1rem; }

/* templates/hr/leave_grant_request_detail.html — 1곳 → 1클래스 */
.x-leaveg5921-3.x-leaveg5921-3.x-leaveg5921-3 { margin-top: 6px; }

/* templates/hr/leave_request_form.html — 17곳 → 15클래스 */
.x-leaver1707-3.x-leaver1707-3.x-leaver1707-3 { grid-template-columns: 1fr 320px; gap: 20px; align-items: start; }
.x-leaver1707-4.x-leaver1707-4.x-leaver1707-4 { margin-bottom: 16px; padding: 12px 14px; background: var(--erp-blue-50); border-radius: 8px; border: 1px solid var(--erp-blue-200); }
.x-leaver1707-5.x-leaver1707-5.x-leaver1707-5 { margin-top: 12px; }
.x-leaver1707-6.x-leaver1707-6.x-leaver1707-6 { grid-template-columns: 1fr 1fr; gap: 10px; }
.x-leaver1707-7.x-leaver1707-7.x-leaver1707-7 { grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
.x-leaver1707-8.x-leaver1707-8.x-leaver1707-8 { grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px; }
.x-leaver1707-9.x-leaver1707-9.x-leaver1707-9 { margin-bottom: 16px; padding: 12px 14px; background: var(--erp-green-50); border-radius: 8px; border: 1px solid var(--erp-green-200); }
.x-leaver1707-10.x-leaver1707-10.x-leaver1707-10 { grid-template-columns: 1fr 1fr; gap: 14px; }
.x-leaver1707-11.x-leaver1707-11.x-leaver1707-11 { margin-bottom: 16px; padding: 12px 14px; background: var(--erp-orange-50); border-radius: 8px; border: 1px solid var(--erp-orange-200); }
.x-leaver1707-12.x-leaver1707-12.x-leaver1707-12 { margin-bottom: 16px; }
.x-leaver1707-13.x-leaver1707-13.x-leaver1707-13 { align-items: center; gap: 6px; font-size: var(--erp-fs-sm); color: var(--erp-text-muted); cursor: pointer; user-select: none; }
.x-leaver1707-14.x-leaver1707-14.x-leaver1707-14 { padding: 12px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 8px; align-items: center; }
.x-leaver1707-15.x-leaver1707-15.x-leaver1707-15 { flex-wrap: wrap; gap: 4px 0; align-items: center; min-height: 32px; flex: 1; }
.x-leaver1707-16.x-leaver1707-16.x-leaver1707-16 { position: fixed; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 8px; padding: 8px; box-shadow: 0 4px 16px var(--erp-black-a15); min-width: 240px; }
.x-leaver1707-17.x-leaver1707-17.x-leaver1707-17 { justify-content: space-between; align-items: center; padding: 10px 16px; border-bottom: 1px solid var(--erp-gray-100); font-size: var(--erp-fs-md); }

/* templates/hr/org_chart_editor.html — 1곳 → 1클래스 */
.x-orgchab584-1.x-orgchab584-1.x-orgchab584-1 { color: var(--erp-ink-200); font-size: var(--erp-fs-md); text-align: center; margin-top: 40px; }

/* templates/hr/personnel_change_list.html — 1곳 → 1클래스 */
.x-person7535-1.x-person7535-1.x-person7535-1 { font-size: var(--erp-fs-20); margin-bottom: 6px; }

/* templates/hr/quarterly_overtime_manage.html — 1곳 → 1클래스 */
.x-quartee598-1.x-quartee598-1.x-quartee598-1 { gap: 8px; flex-wrap: wrap; padding: 0 20px 14px; }

/* templates/hr/welfare_point_admin.html — 1곳 → 1클래스 */
.x-welfar6161-6.x-welfar6161-6.x-welfar6161-6 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 9999; align-items: center; justify-content: center; }

/* templates/hr/workday_plan_calendar.html — 1곳 → 1클래스 */
.x-workda5d37-3.x-workda5d37-3.x-workda5d37-3 { margin-bottom: 10px; }

/* templates/hr/work_schedule_deviation_approve.html — 2곳 → 2클래스 */
.x-worksc75f0-1.x-worksc75f0-1.x-worksc75f0-1 { grid-template-columns: 130px 1fr; gap: 8px 0; font-size: var(--erp-fs-sm); }
.x-worksc75f0-2.x-worksc75f0-2.x-worksc75f0-2 { align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--erp-border); }

/* templates/hr/work_schedule_request_approve.html — 1곳 → 1클래스 */
.x-worksc4506-7.x-worksc4506-7.x-worksc4506-7 { align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--erp-neutral-100); }

/* templates/hr/work_schedule_request_form.html — 4곳 → 4클래스 */
.x-worksc7f4f-5.x-worksc7f4f-5.x-worksc7f4f-5 { position: absolute; inset: 0; align-items: center; justify-content: space-between; padding: 0 8px; font-size: var(--erp-fs-2xs); font-weight: 700; color: var(--erp-gray-500); pointer-events: none; }
.x-worksc7f4f-6.x-worksc7f4f-6.x-worksc7f4f-6 { width: 10px; height: 10px; background: var(--erp-success-bg); border-radius: 2px; margin-right: 3px; }
.x-worksc7f4f-7.x-worksc7f4f-7.x-worksc7f4f-7 { width: 10px; height: 10px; background: rgba(121,80,242,.35); border: 1.5px solid var(--erp-oc-violet-600); border-radius: 2px; margin-right: 3px; }
.x-worksc7f4f-8.x-worksc7f4f-8.x-worksc7f4f-8 { align-items: center; gap: 8px; background: var(--erp-orange-100x); border: 1px solid var(--erp-orange-300x); font-size: var(--erp-fs-md); color: var(--erp-m-orange-900); flex-wrap: wrap; }

/* templates/hr/work_schedule_request_list.html — 5곳 → 5클래스 */
.x-worksc3efa-6.x-worksc3efa-6.x-worksc3efa-6 { grid-template-columns: 120px 1fr; gap: 8px 0; font-size: var(--erp-fs-sm); }
.x-worksc3efa-7.x-worksc3efa-7.x-worksc3efa-7 { align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--erp-border); }
.x-worksc3efa-8.x-worksc3efa-8.x-worksc3efa-8 { position: fixed; inset: 0; z-index: 1060; background: var(--erp-black-a45); }
.x-worksc3efa-9.x-worksc3efa-9.x-worksc3efa-9 { padding: 16px 20px 12px; border-bottom: 1px solid var(--erp-border); align-items: center; justify-content: space-between; }
.x-worksc3efa-10.x-worksc3efa-10.x-worksc3efa-10 { padding: 12px 20px 16px; border-top: 1px solid var(--erp-border); justify-content: flex-end; gap: 8px; }

/* templates/hr/_expense_print_partial.html — 1곳 → 1클래스 */

/* templates/hr/_leave_detail_modal.html — 2곳 → 2클래스 */
.x-leaved4d11-7.x-leaved4d11-7.x-leaved4d11-7 { font-size: var(--erp-fs-15); font-weight: 800; align-items: center; gap: 8px; }
.x-leaved4d11-8.x-leaved4d11-8.x-leaved4d11-8 { gap: 18px; flex-wrap: wrap; padding: 10px 14px; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 8px; margin-bottom: 14px; font-size: var(--erp-fs-12_5); color: var(--erp-neutral); }

/* templates/maintenance/customer_assignment_list.html — 2곳 → 2클래스 */
.x-custom9429-7.x-custom9429-7.x-custom9429-7 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 1200; align-items: center; justify-content: center; }
.x-custom9429-8.x-custom9429-8.x-custom9429-8 { margin-bottom: 10px; }

/* templates/maintenance/dashboard.html — 16곳 → 11클래스 */
.x-dashbo3279-75.x-dashbo3279-75.x-dashbo3279-75 { position: absolute; top: 100%; right: 0; margin-top: 4px; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 10px; box-shadow: 0 8px 24px var(--erp-black-a12); padding: 16px; width: 280px; z-index: 200; }
.x-dashbo3279-76.x-dashbo3279-76.x-dashbo3279-76 { color: var(--erp-warning); }
.x-dashbo3279-77.x-dashbo3279-77.x-dashbo3279-77 { white-space: nowrap; padding: 4px 10px; font-size: var(--erp-fs-xs); background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 6px; color: var(--erp-text); cursor: pointer; }
.x-dashbo3279-78.x-dashbo3279-78.x-dashbo3279-78 { font-size: var(--erp-fs-xs); color: var(--erp-danger); margin-top: 6px; }
.x-dashbo3279-79.x-dashbo3279-79.x-dashbo3279-79 { position: absolute; left: 0; right: 0; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 6px; box-shadow: 0 4px 12px var(--erp-black-a12); max-height: 200px; overflow-y: auto; }
.x-dashbo3279-80.x-dashbo3279-80.x-dashbo3279-80 { margin-top: 6px; padding: 6px 10px; background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); border-radius: 6px; font-size: var(--erp-fs-sm); color: var(--erp-blue-700); }
.x-dashbo3279-81.x-dashbo3279-81.x-dashbo3279-81 { margin-bottom: 12px; padding: 12px; background: var(--erp-teal-50); border: 1px solid var(--erp-teal-200); border-radius: 8px; }
.x-dashbo3279-82.x-dashbo3279-82.x-dashbo3279-82 { flex: 1; min-width: 120px; }
.x-dashbo3279-83.x-dashbo3279-83.x-dashbo3279-83 { background: var(--erp-theme-tech-bg); border-bottom-color: var(--erp-black-a06); }
.x-dashbo3279-84.x-dashbo3279-84.x-dashbo3279-84 { color: var(--erp-theme-tech); }
.x-dashbo3279-85.x-dashbo3279-85.x-dashbo3279-85 { font-size: var(--erp-fs-md); font-weight: 600; color: var(--erp-theme-tech); }

/* templates/maintenance/manager_dashboard.html — 10곳 → 6클래스 */
.x-managefb72-7.x-managefb72-7.x-managefb72-7 { background: var(--erp-theme-tech-bg); border-bottom-color: var(--erp-black-a06); justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
.x-managefb72-8.x-managefb72-8.x-managefb72-8 { color: var(--erp-theme-tech); }
.x-managefb72-9.x-managefb72-9.x-managefb72-9 { font-size: var(--erp-fs-md); font-weight: 600; color: var(--erp-theme-tech); }
.x-managefb72-10.x-managefb72-10.x-managefb72-10 { cursor: help; }
.x-managefb72-11.x-managefb72-11.x-managefb72-11 { background: var(--erp-oc-teal-700); color: var(--erp-bg-card); border: none; padding: 4px 8px; border-radius: 4px; font-size: var(--erp-fs-xs); font-weight: 600; cursor: pointer; }
.x-managefb72-12.x-managefb72-12.x-managefb72-12 { background: var(--erp-theme-tech-bg); border-bottom-color: var(--erp-black-a06); }

/* templates/maintenance/non_assigned_support_list.html — 1곳 → 1클래스 */
.x-nonass4d19-4.x-nonass4d19-4.x-nonass4d19-4 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 1200; align-items: center; justify-content: center; }

/* templates/maintenance/send_signature.html — 2곳 → 2클래스 */
.x-sendsi2f70-1.x-sendsi2f70-1.x-sendsi2f70-1 { background: var(--erp-bg-soft); border-radius: 6px; padding: 12px 16px; margin-bottom: 20px; font-size: var(--erp-fs-sm); border: 1px solid var(--erp-border); grid-template-columns: 80px 1fr; row-gap: 8px; align-items: center; }
.x-sendsi2f70-2.x-sendsi2f70-2.x-sendsi2f70-2 { gap: 8px; padding-top: 4px; }

/* templates/maintenance/tech_stack_manage.html — 3곳 → 2클래스 */
.x-techst172b-9.x-techst172b-9.x-techst172b-9 { grid-template-columns: 1.3fr 1fr; gap: 12px; }
.x-techst172b-10.x-techst172b-10.x-techst172b-10 { margin-left: 6px; padding: 1px 7px; border-radius: 10px; background: var(--erp-blue-100); color: var(--erp-blue-800); font-size: var(--erp-fs-xs); font-weight: 600; }

/* templates/maintenance/visit_report_detail.html — 1곳 → 1클래스 */

/* templates/maintenance/work_schedule_detail.html — 5곳 → 5클래스 */
.x-worksc8af4-19.x-worksc8af4-19.x-worksc8af4-19 { padding: 0 18px 14px; }
.x-worksc8af4-20.x-worksc8af4-20.x-worksc8af4-20 { margin-top: 8px; padding: 10px 12px; background: var(--erp-teal-50); border: 1px solid var(--erp-teal-300); border-radius: 6px; font-weight: 400; }

/* templates/maintenance/_schedule_create_modal.html — 10곳 → 9클래스 */
.x-schedu0ef7-8.x-schedu0ef7-8.x-schedu0ef7-8 { margin: 0 0 12px; white-space: pre-wrap; position: relative; padding-right: 34px; }
.x-schedu0ef7-9.x-schedu0ef7-9.x-schedu0ef7-9 { gap: 0; border: 1px solid var(--erp-border); border-radius: 6px; overflow: hidden; width: fit-content; font-size: var(--erp-fs-sm); }
.x-schedu0ef7-10.x-schedu0ef7-10.x-schedu0ef7-10 { position: fixed; z-index: 99999; background: var(--erp-bg-card); border: 1px solid var(--erp-border,var(--erp-gray-300)); border-radius: 6px; box-shadow: 0 4px 12px var(--erp-black-a12); max-height: 240px; overflow-y: auto; }
.x-schedu0ef7-11.x-schedu0ef7-11.x-schedu0ef7-11 { position: absolute; left: 0; right: 0; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 6px; box-shadow: 0 4px 12px var(--erp-black-a12); max-height: 200px; overflow-y: auto; }
.x-schedu0ef7-12.x-schedu0ef7-12.x-schedu0ef7-12 { margin-top: 6px; padding: 6px 10px; background: var(--erp-blue-50); border: 1px solid var(--erp-blue-200); border-radius: 6px; font-size: var(--erp-fs-sm); color: var(--erp-blue-700); }
.x-schedu0ef7-13.x-schedu0ef7-13.x-schedu0ef7-13 { max-width: 160px; }
.x-schedu0ef7-14.x-schedu0ef7-14.x-schedu0ef7-14 { color: var(--erp-teal-700); font-size: var(--erp-fs-md); font-weight: 700; white-space: nowrap; }
.x-schedu0ef7-15.x-schedu0ef7-15.x-schedu0ef7-15 { font-size: var(--erp-fs-12_5); cursor: pointer; align-items: center; gap: 6px; }
.x-schedu0ef7-16.x-schedu0ef7-16.x-schedu0ef7-16 { position: fixed; z-index: 99999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 6px; box-shadow: 0 4px 12px var(--erp-black-a10); max-height: 200px; overflow-y: auto; }

/* templates/maintenance/_team_weekly_member_card.html — 1곳 → 1클래스 */
.x-teamwe0cb6-2.x-teamwe0cb6-2.x-teamwe0cb6-2 { padding: 8px 12px; background: var(--erp-bg-soft); border-bottom: 1px solid var(--erp-gray-200); align-items: center; gap: 8px; flex-wrap: wrap; }

/* templates/maintenance/_team_weekly_reports.html — 2곳 → 2클래스 */
.x-teamwee09f-1.x-teamwee09f-1.x-teamwee09f-1 { background: var(--erp-theme-tech-bg); border-bottom-color: var(--erp-black-a06); }
.x-teamwee09f-2.x-teamwee09f-2.x-teamwee09f-2 { color: var(--erp-theme-tech); }

/* templates/maintenance/projects/_ac_widget.html — 1곳 → 1클래스 */
.x-acwidgfb43-2.x-acwidgfb43-2.x-acwidgfb43-2 { position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 0 0 6px 6px; max-height: 280px; overflow-y: auto; box-shadow: 0 4px 12px var(--erp-black-a10); }

/* templates/management/dashboard.html — 3곳 → 3클래스 */
.x-dashbo4e7b-40.x-dashbo4e7b-40.x-dashbo4e7b-40 { position: fixed; inset: 0; z-index: 1075; background: var(--erp-black-a50); align-items: center; justify-content: center; }
.x-dashbo4e7b-41.x-dashbo4e7b-41.x-dashbo4e7b-41 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 1060; align-items: center; justify-content: center; }
.x-dashbo4e7b-42.x-dashbo4e7b-42.x-dashbo4e7b-42 { padding: 14px 18px; background: var(--erp-violet-50); border-top: 2px solid var(--erp-violet-300); }

/* templates/management/invoice_request_dispatch.html — 1곳 → 1클래스 */
.x-invoica073-6.x-invoica073-6.x-invoica073-6 { margin-top: 12px; }

/* templates/sales/contact_list.html — 1곳 → 1클래스 */

/* templates/sales/dashboard.html — 28곳 → 14클래스 */
.x-dashbo433e-55.x-dashbo433e-55.x-dashbo433e-55 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 9000; align-items: center; justify-content: center; }
.x-dashbo433e-56.x-dashbo433e-56.x-dashbo433e-56 { background: var(--erp-theme-sales-bg); border-bottom-color: var(--erp-black-a06); }
.x-dashbo433e-57.x-dashbo433e-57.x-dashbo433e-57 { color: var(--erp-theme-sales); }
.x-dashbo433e-58.x-dashbo433e-58.x-dashbo433e-58 { background: var(--erp-theme-sales-bg); border-bottom-color: var(--erp-black-a06); align-items: center; justify-content: space-between; }
.x-dashbo433e-59.x-dashbo433e-59.x-dashbo433e-59 { position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 9100; align-items: center; justify-content: center; }
.x-dashbo433e-60.x-dashbo433e-60.x-dashbo433e-60 { padding: 16px 22px; border-bottom: 1px solid var(--erp-neutral-200); background: var(--erp-theme-sales-bg); align-items: center; justify-content: space-between; }
.x-dashbo433e-61.x-dashbo433e-61.x-dashbo433e-61 { font-size: var(--erp-fs-15); font-weight: 800; color: var(--erp-theme-sales); }
.x-dashbo433e-62.x-dashbo433e-62.x-dashbo433e-62 { width: 100%; margin: 0; }
.x-dashbo433e-63.x-dashbo433e-63.x-dashbo433e-63 { padding: 30px; text-align: center; color: var(--erp-text-faint); font-size: var(--erp-fs-md); }
.x-dashbo433e-64.x-dashbo433e-64.x-dashbo433e-64 { margin: 16px 22px; padding: 10px 12px; background: var(--erp-red-50); border: 1px solid var(--erp-red-200); border-radius: 8px; color: var(--erp-red-800); font-size: var(--erp-fs-sm); font-weight: 600; }
.x-dashbo433e-65.x-dashbo433e-65.x-dashbo433e-65 { margin: 0 14px 8px 14px; padding: 10px 12px; background: var(--erp-red-50); border: 1px solid var(--erp-red-200); border-radius: 8px; color: var(--erp-red-800); font-size: var(--erp-fs-sm); font-weight: 600; }
.x-dashbo433e-66.x-dashbo433e-66.x-dashbo433e-66 { font-size: var(--erp-fs-md); font-weight: 600; color: var(--erp-theme-sales); }
.x-dashbo433e-67.x-dashbo433e-67.x-dashbo433e-67 { background: none; border: 1px solid var(--erp-text-faint); color: var(--erp-text-muted); padding: 6px 18px; border-radius: 6px; cursor: pointer; font-size: var(--erp-fs-lg); }
.x-dashbo433e-68.x-dashbo433e-68.x-dashbo433e-68 { padding: 12px 22px; border-bottom: 1px solid var(--erp-neutral-200); }

/* templates/sales/dashboard_weekly_partial.html — 2곳 → 2클래스 */
.x-dashboe6b5-2.x-dashboe6b5-2.x-dashboe6b5-2 { position: absolute; left: 50%; transform: translateX(-50%); align-items: center; gap: 10px; }
.x-dashboe6b5-3.x-dashboe6b5-3.x-dashboe6b5-3 { align-items: center; gap: 5px; padding: 4px 10px; background: var(--erp-indigo-500); color: var(--erp-bg-card); border-radius: 6px; font-size: var(--erp-fs-xs); font-weight: 700; text-decoration: none; white-space: nowrap; }

/* templates/sales/estimate_form.html — 2곳 → 2클래스 */
.x-estima1529-17.x-estima1529-17.x-estima1529-17 { margin-bottom: 16px; }
.x-estima1529-18.x-estima1529-18.x-estima1529-18 { grid-template-columns: 2fr 1fr auto; gap: 8px; align-items: end; }

/* templates/sales/estimate_list.html — 1곳 → 1클래스 */

/* templates/sales/estimate_preview.html — 2곳 → 2클래스 */
.x-estimaf27e-6.x-estimaf27e-6.x-estimaf27e-6 { flex: 1 1 auto; padding: 5px 6px; font-size: var(--erp-fs-xs); font-weight: 600; border: 1px solid var(--erp-border-strong); border-radius: 5px; background: var(--erp-bg-card); color: var(--erp-neutral); cursor: pointer; }
.x-estimaf27e-7.x-estimaf27e-7.x-estimaf27e-7 { flex: 1; }

/* templates/sales/manager_dashboard.html — 6곳 → 4클래스 */
.x-managecb2d-9.x-managecb2d-9.x-managecb2d-9 { background: var(--erp-theme-sales-bg); border-bottom-color: var(--erp-black-a06); }
.x-managecb2d-10.x-managecb2d-10.x-managecb2d-10 { color: var(--erp-theme-sales); }
.x-managecb2d-11.x-managecb2d-11.x-managecb2d-11 { gap: 4px; background: var(--erp-gray-100); padding: 4px; border-radius: 8px; }
.x-managecb2d-12.x-managecb2d-12.x-managecb2d-12 { background: var(--erp-oc-teal-700); color: var(--erp-bg-card); border: none; padding: 4px 8px; border-radius: 4px; font-size: var(--erp-fs-xs); font-weight: 600; cursor: pointer; }

/* templates/sales/performance_report.html — 1곳 → 1클래스 */
.x-perforb4ff-7.x-perforb4ff-7.x-perforb4ff-7 { grid-template-columns: repeat(auto-fit,minmax(420px,1fr)); gap: 18px; }

/* templates/sales/pipeline_detail.html — 22곳 → 18클래스 */
.x-pipeli004a-175.x-pipeli004a-175.x-pipeli004a-175 { position: fixed; inset: 0; z-index: 10000; background: rgba(15,23,42,0.45); align-items: center; justify-content: center; }
.x-pipeli004a-176.x-pipeli004a-176.x-pipeli004a-176 { border: 1px solid var(--erp-blue-200); background: var(--erp-blue-50); border-radius: 8px; padding: 14px 16px; }
.x-pipeli004a-177.x-pipeli004a-177.x-pipeli004a-177 { white-space: nowrap; text-decoration: none; }
.x-pipeli004a-178.x-pipeli004a-178.x-pipeli004a-178 { margin-bottom: 14px; border: 1px solid var(--erp-border); border-radius: 8px; overflow: hidden; }
.x-pipeli004a-179.x-pipeli004a-179.x-pipeli004a-179 { cursor: pointer; }
.x-pipeli004a-180.x-pipeli004a-180.x-pipeli004a-180 { padding: 0 14px 14px; }
.x-pipeli004a-181.x-pipeli004a-181.x-pipeli004a-181 { position: absolute; left: 0; top: 100%; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 0 0 6px 6px; box-shadow: 0 4px 12px var(--erp-black-a10); max-height: 220px; overflow-y: auto; min-width: 280px; }
.x-pipeli004a-182.x-pipeli004a-182.x-pipeli004a-182 { font-size: var(--erp-fs-xs); color: var(--erp-info); margin-top: 3px; }
.x-pipeli004a-183.x-pipeli004a-183.x-pipeli004a-183 { position: absolute; left: 0; right: 0; top: 100%; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 0 0 6px 6px; box-shadow: 0 4px 12px var(--erp-black-a10); max-height: 160px; overflow-y: auto; }
.x-pipeli004a-184.x-pipeli004a-184.x-pipeli004a-184 { padding: 6px 12px; font-size: var(--erp-fs-md); background: var(--erp-gray-100); color: var(--erp-gray-700); border: 1px solid var(--erp-gray-300); border-radius: 6px; cursor: pointer; white-space: nowrap; height: 32px; }
.x-pipeli004a-185.x-pipeli004a-185.x-pipeli004a-185 { position: fixed; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-gray-300); border-radius: 8px; padding: 8px; box-shadow: 0 4px 16px var(--erp-black-a15); min-width: 240px; }
.x-pipeli004a-186.x-pipeli004a-186.x-pipeli004a-186 { margin-bottom: 12px; }
.x-pipeli004a-187.x-pipeli004a-187.x-pipeli004a-187 { flex: 1; }
.x-pipeli004a-188.x-pipeli004a-188.x-pipeli004a-188 { margin-bottom: 12px; border: 1px solid var(--erp-border); border-radius: 8px; max-height: 160px; overflow-y: auto; }
.x-pipeli004a-189.x-pipeli004a-189.x-pipeli004a-189 { margin: 8px 0; padding: 10px; border: 1px dashed var(--erp-border); border-radius: 8px; }
.x-pipeli004a-190.x-pipeli004a-190.x-pipeli004a-190 { margin: 0 0 10px; padding: 10px; border: 1px dashed var(--erp-border); border-radius: 8px; }
.x-pipeli004a-191.x-pipeli004a-191.x-pipeli004a-191 { margin-bottom: 10px; }
.x-pipeli004a-192.x-pipeli004a-192.x-pipeli004a-192 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: var(--erp-black-a40); justify-content: center; align-items: center; }

/* templates/sales/product_list.html — 1곳 → 1클래스 */
.x-producec02-3.x-producec02-3.x-producec02-3 { font-size: var(--erp-fs-2xs); }

/* templates/sales/tax_invoice_lookup.html — 4곳 → 2클래스 */

/* templates/users/account_detail.html — 1곳 → 1클래스 */
.x-accoun4492-2.x-accoun4492-2.x-accoun4492-2 { justify-content: flex-end; gap: 8px; padding: 0 20px 18px; }

/* templates/users/account_list.html — 1곳 → 1클래스 */
.x-accoun19fa-1.x-accoun19fa-1.x-accoun19fa-1 { flex-wrap: wrap; gap: 6px; padding: 0 20px 12px; }

/* templates/users/department_list.html — 1곳 → 1클래스 */
.x-depart0277-1.x-depart0277-1.x-depart0277-1 { justify-content: flex-end; padding: 8px 4px 0; }

/* groupware/templates/groupware/helpdesk_detail.html — 8곳 → 8클래스 */
.x-helpde37e2-16.x-helpde37e2-16.x-helpde37e2-16 { position: fixed; inset: 0; background: var(--erp-black-a50); z-index: 8000; align-items: center; justify-content: center; }
.x-helpde37e2-17.x-helpde37e2-17.x-helpde37e2-17 { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--erp-border); align-items: center; gap: 8px; font-size: var(--erp-fs-sm); flex-wrap: wrap; }
.x-helpde37e2-18.x-helpde37e2-18.x-helpde37e2-18 { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--erp-blue-200); }
.x-helpde37e2-19.x-helpde37e2-19.x-helpde37e2-19 { text-align: center; }
.x-helpde37e2-20.x-helpde37e2-20.x-helpde37e2-20 { align-items: center; gap: 10px; margin: 8px 0 4px; flex-wrap: wrap; }
.x-helpde37e2-21.x-helpde37e2-21.x-helpde37e2-21 { position: fixed; inset: 0; background: var(--erp-black-a45); z-index: 8500; align-items: center; justify-content: center; }
.x-helpde37e2-22.x-helpde37e2-22.x-helpde37e2-22 { gap: 10px; justify-content: flex-end; margin-top: 22px; }
.x-helpde37e2-23.x-helpde37e2-23.x-helpde37e2-23 { position: fixed; inset: 0; background: var(--erp-black-a88); z-index: 9000; align-items: center; justify-content: center; flex-direction: column; }

/* groupware/templates/groupware/kb_list.html — 1곳 → 1클래스 */
.x-kblistf343-1.x-kblistf343-1.x-kblistf343-1 { font-size: var(--erp-fs-42); margin-bottom: 10px; }

/* groupware/templates/groupware/notice_detail.html — 1곳 → 1클래스 */
.x-notice7d3b-3.x-notice7d3b-3.x-notice7d3b-3 { line-height: 0; }

/* groupware/templates/groupware/proposal_detail.html — 1곳 → 1클래스 */
.x-propos4517-6.x-propos4517-6.x-propos4517-6 { align-items: center; gap: 8px; padding: 8px 12px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: var(--erp-radius-md); color: var(--erp-primary); font-size: var(--erp-fs-sm); max-width: 480px; }

/* groupware/templates/groupware/proposal_form.html — 12곳 → 10클래스 */
.x-propos439e-10.x-propos439e-10.x-propos439e-10 { align-items: center; flex-wrap: wrap; gap: 6px 14px; flex: 1; min-width: 200px; padding-top: 2px; }
.x-propos439e-11.x-propos439e-11.x-propos439e-11 { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--erp-border); }
.x-propos439e-12.x-propos439e-12.x-propos439e-12 { align-items: center; gap: 10px; padding: 9px 14px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: var(--erp-radius-md); margin-bottom: 8px; font-size: var(--erp-fs-sm); }
.x-propos439e-13.x-propos439e-13.x-propos439e-13 { font-size: var(--erp-fs-30); color: var(--erp-text-muted); margin-bottom: 10px; }
.x-propos439e-14.x-propos439e-14.x-propos439e-14 { flex-direction: column; gap: 8px; margin-top: 8px; }
.x-propos439e-15.x-propos439e-15.x-propos439e-15 { position: fixed; z-index: 2000; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: var(--erp-radius-md); box-shadow: 0 6px 20px var(--erp-black-a18); max-height: 200px; overflow-y: auto; font-size: var(--erp-fs-sm); }
.x-propos439e-16.x-propos439e-16.x-propos439e-16 { position: fixed; z-index: 2000; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: var(--erp-radius-md); box-shadow: 0 6px 20px var(--erp-black-a18); max-height: 220px; overflow-y: auto; font-size: var(--erp-fs-sm); }
.x-propos439e-17.x-propos439e-17.x-propos439e-17 { overflow-y: auto; padding: 20px 24px; flex: 1; flex-direction: column; gap: 18px; }
.x-propos439e-18.x-propos439e-18.x-propos439e-18 { background: var(--erp-bg-soft); border-radius: var(--erp-radius-md); padding: 12px 14px; grid-template-columns: 72px 1fr; row-gap: 6px; column-gap: 12px; font-size: var(--erp-fs-sm); border: 1px solid var(--erp-border); }
.x-propos439e-19.x-propos439e-19.x-propos439e-19 { gap: 10px; justify-content: flex-end; padding: 16px 24px; border-top: 1px solid var(--erp-border); background: var(--erp-bg-soft); flex-shrink: 0; }

/* groupware/templates/groupware/shared_calendar.html — 1곳 → 1클래스 */
.x-sharedc041-1.x-sharedc041-1.x-sharedc041-1 { align-items: center; gap: 4px; cursor: pointer; margin: 0; height: 34px; }

/* templates/base.html — 1곳 → 1클래스 */


/* templates/home.html — 22곳 → 11클래스 */
.js-home86f3-44.js-home86f3-44.js-home86f3-44 { padding: 6px 10px; background: var(--erp-bg-hover); border: 1px solid var(--erp-border); width: 90px; font-weight: 700; color: var(--erp-neutral); }
.js-home86f3-45.js-home86f3-45.js-home86f3-45 { padding: 6px 10px; border: 1px solid var(--erp-border); }
.js-home86f3-46.js-home86f3-46.js-home86f3-46 { padding: 6px 4px 2px; font-size: var(--erp-fs-md); line-height: 1.65; color: var(--erp-slate-700); }
.js-home86f3-47.js-home86f3-47.js-home86f3-47 { margin-top: 8px; padding: 6px 10px; background: var(--erp-red-50); border-left: 3px solid var(--erp-red-600); border-radius: 2px; }
.js-home86f3-48.js-home86f3-48.js-home86f3-48 { color: var(--erp-red-800); }
.js-home86f3-49.js-home86f3-49.js-home86f3-49 { margin: 4px 0 0; padding-left: 18px; }
.js-home86f3-50.js-home86f3-50.js-home86f3-50 { flex-direction: column; gap: 4px; }
.js-home86f3-51.js-home86f3-51.js-home86f3-51 { align-items: center; gap: 6px; flex-wrap: nowrap; min-width: 0; }
.js-home86f3-52.js-home86f3-52.js-home86f3-52 { position: fixed; left: 0; top: 0; background: var(--erp-gray-800); color: white; padding: 10px 12px; border-radius: 6px; font-size: var(--erp-fs-sm); white-space: nowrap; z-index: 9999; box-shadow: 0 4px 12px var(--erp-black-a15); pointer-events: none; }
.js-home86f3-53.js-home86f3-53.js-home86f3-53 { margin-right: 10px; }

/* templates/contracts/contract_detail.html — 30곳 → 22클래스 */
.js-contra6790-162.js-contra6790-162.js-contra6790-162 { margin-top: 6px; gap: 5px; flex-wrap: wrap; }
.js-contra6790-163.js-contra6790-163.js-contra6790-163 { margin-top: 6px; gap: 6px; align-items: center; flex-wrap: wrap; }
.js-contra6790-164.js-contra6790-164.js-contra6790-164 { align-items: center; gap: 6px; cursor: pointer; color: var(--erp-text); font-weight: 600; }
.js-contra6790-165.js-contra6790-165.js-contra6790-165 { gap: 6px; flex-wrap: wrap; align-items: center; }
.js-contra6790-166.js-contra6790-166.js-contra6790-166 { gap: 10px; align-items: baseline; font-size: var(--erp-fs-12_5); line-height: 1.8; }
.js-contra6790-167.js-contra6790-167.js-contra6790-167 { justify-content: flex-end; gap: 8px; }
.js-contra6790-168.js-contra6790-168.js-contra6790-168 { color: var(--erp-text-muted); min-width: 80px; }
.js-contra6790-169.js-contra6790-169.js-contra6790-169 { gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.js-contra6790-170.js-contra6790-170.js-contra6790-170 { margin-top: 10px; border: 1px solid var(--erp-border); border-radius: 8px; padding: 12px; background: var(--erp-bg-soft); }
.js-contra6790-171.js-contra6790-171.js-contra6790-171 { position: absolute; left: 0; right: 0; top: 100%; z-index: 9999; background: var(--erp-bg-card); border: 1px solid var(--erp-border); border-radius: 6px; box-shadow: 0 4px 16px var(--erp-black-a12); max-height: 200px; overflow-y: auto; }
.js-contra6790-172.js-contra6790-172.js-contra6790-172 { gap: 8px; }
.js-contra6790-173.js-contra6790-173.js-contra6790-173 { gap: 6px; flex-wrap: wrap; }
.js-contra6790-174.js-contra6790-174.js-contra6790-174 { align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--erp-border); }
.js-contra6790-175.js-contra6790-175.js-contra6790-175 { align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px; margin-bottom: 8px; background: var(--erp-bg-soft); border: 1px solid var(--erp-border); border-radius: 6px; font-size: var(--erp-fs-sm); }
.js-contra6790-176.js-contra6790-176.js-contra6790-176 { align-items: center; gap: 8px; padding: 3px 2px; border-bottom: 1px solid var(--erp-border); cursor: pointer; margin: 0; }
.js-contra6790-177.js-contra6790-177.js-contra6790-177 { align-items: center; gap: 6px; margin-bottom: 4px; }
.js-contra6790-178.js-contra6790-178.js-contra6790-178 { align-items: center; gap: 10px; margin-bottom: 8px; }
.js-contra6790-179.js-contra6790-179.js-contra6790-179 { flex-wrap: wrap; gap: 6px; }
.js-contra6790-180.js-contra6790-180.js-contra6790-180 { flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 6px; }
.js-contra6790-181.js-contra6790-181.js-contra6790-181 { align-items: center; justify-content: space-between; padding: 8px 10px; border: 1px solid var(--erp-border); border-radius: 6px; background: var(--erp-bg-soft); }
.js-contra6790-182.js-contra6790-182.js-contra6790-182 { position: sticky; top: 0; z-index: 1; padding: 1px 8px 3px 0; text-align: left; color: var(--erp-text-faint); font-weight: 600; white-space: nowrap; background: var(--erp-bg-card); border-bottom: 1px solid var(--erp-border); }
.js-contra6790-183.js-contra6790-183.js-contra6790-183 { position: sticky; top: 0; z-index: 1; padding: 1px 0 3px 8px; text-align: right; color: var(--erp-text-faint); font-weight: 600; white-space: nowrap; background: var(--erp-bg-card); border-bottom: 1px solid var(--erp-border); }
.js-contra6790-184.js-contra6790-184.js-contra6790-184 { padding: 1px 0 1px 8px; text-align: right; color: var(--erp-text-faint); white-space: nowrap; }
.js-contra6790-185.js-contra6790-185.js-contra6790-185 { position: sticky; bottom: 0; z-index: 1; padding: 3px 8px 2px 0; color: var(--erp-text-muted); font-weight: 700; white-space: nowrap; background: var(--erp-bg-card); border-top: 1px solid var(--erp-border); }
.js-contra6790-186.js-contra6790-186.js-contra6790-186 { position: sticky; bottom: 0; z-index: 1; padding: 3px 0 2px 8px; text-align: right; color: var(--erp-text-strong); font-weight: 700; white-space: nowrap; background: var(--erp-bg-card); border-top: 1px solid var(--erp-border); }

/* templates/core/company_form.html — 1곳 → 1클래스 */
.js-compan348d-46.js-compan348d-46.js-compan348d-46 { width: 36px; height: 36px; border-radius: 10px; background: var(--erp-bg-card); align-items: center; justify-content: center; border: 1px solid var(--erp-indigo-200); flex-shrink: 0; }

/* templates/core/settings_page.html — 2곳 → 2클래스 */
.js-settin955c-36.js-settin955c-36.js-settin955c-36 { width: 38px; height: 38px; background: var(--erp-blue-500); border-radius: 9px; align-items: center; justify-content: center; flex-shrink: 0; }
.js-settin955c-37.js-settin955c-37.js-settin955c-37 { width: 38px; height: 38px; background: var(--erp-ms-600); border-radius: 9px; align-items: center; justify-content: center; flex-shrink: 0; }

/* templates/finance/billing_detail.html — 2곳 → 2클래스 */
.js-billinf5b6-39.js-billinf5b6-39.js-billinf5b6-39 { justify-content: space-between; align-items: flex-start; gap: 8px; }
.js-billinf5b6-40.js-billinf5b6-40.js-billinf5b6-40 { gap: 6px; margin-top: 10px; justify-content: flex-end; }

/* templates/finance/purchase_detail.html — 1곳 → 1클래스 */
.js-purcha59c6-13.js-purcha59c6-13.js-purcha59c6-13 { --erp-hov-bg: var(--erp-bg-soft); padding: 7px 14px; cursor: pointer; font-size: var(--erp-fs-sm); border-bottom: 1px solid var(--erp-border); gap: 10px; align-items: center; }

/* templates/finance/_bank_match_inline.html — 14곳 → 14클래스 */
.js-bankma8745-93.js-bankma8745-93.js-bankma8745-93 { font-size: var(--erp-fs-2xs); font-weight: 700; color: var(--erp-violet-700); background: var(--erp-violet-100); border-radius: 4px; padding: 1px 5px; margin-right: 5px; }
.js-bankma8745-94.js-bankma8745-94.js-bankma8745-94 { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--erp-green-100); gap: 10px; align-items: center; }
.js-bankma8745-95.js-bankma8745-95.js-bankma8745-95 { padding: 7px 12px; cursor: pointer; border-bottom: 1px solid var(--erp-blue-100); gap: 10px; align-items: center; }
.js-bankma8745-96.js-bankma8745-96.js-bankma8745-96 { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--erp-blue-100); gap: 10px; align-items: center; }
.js-bankma8745-97.js-bankma8745-97.js-bankma8745-97 { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--erp-indigo-100); gap: 10px; align-items: center; }
.js-bankma8745-98.js-bankma8745-98.js-bankma8745-98 { justify-content: flex-end; align-items: center; gap: 6px; padding: 3px 0; border-bottom: 1px solid var(--erp-purple-200); text-align: right; }
.js-bankma8745-99.js-bankma8745-99.js-bankma8745-99 { align-items: baseline; gap: 5px; background: var(--erp-bg-card); border: 1px solid var(--erp-indigo-100j); border-radius: 6px; padding: 2px 8px; margin: 2px 6px 2px 0; }
.js-bankma8745-100.js-bankma8745-100.js-bankma8745-100 { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--erp-indigo-100); gap: 12px; align-items: center; }
.js-bankma8745-101.js-bankma8745-101.js-bankma8745-101 { justify-content: flex-end; align-items: baseline; gap: 10px; padding: 3px 0; border-bottom: 1px solid var(--erp-purple-200); text-align: right; }
.js-bankma8745-102.js-bankma8745-102.js-bankma8745-102 { align-items: center; gap: 6px; cursor: pointer; color: var(--erp-gray-700); font-weight: 600; }
.js-bankma8745-103.js-bankma8745-103.js-bankma8745-103 { align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.js-bankma8745-104.js-bankma8745-104.js-bankma8745-104 { padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--erp-border); gap: 10px; align-items: center; }
.js-bankma8745-105.js-bankma8745-105.js-bankma8745-105 { flex-direction: column; gap: 10px; }
.js-bankma8745-106.js-bankma8745-106.js-bankma8745-106 { justify-content: space-between; gap: 8px; font-size: var(--erp-fs-xs); }

/* templates/finance/_tax_invoice_issue_modal.html — 14곳 → 7클래스 */
.js-taxinv275c-57.js-taxinv275c-57.js-taxinv275c-57 { margin-top: 8px; padding: 8px; background: var(--erp-bg-soft); border-radius: 8px; }
.js-taxinv275c-58.js-taxinv275c-58.js-taxinv275c-58 { align-items: center; gap: 6px; }
.js-taxinv275c-59.js-taxinv275c-59.js-taxinv275c-59 { color: var(--erp-text-muted); width: 68px; }
.js-taxinv275c-60.js-taxinv275c-60.js-taxinv275c-60 { align-items: center; gap: 6px; margin-bottom: 4px; }
.js-taxinv275c-61.js-taxinv275c-61.js-taxinv275c-61 { flex-wrap: wrap; gap: 6px; }
.js-taxinv275c-62.js-taxinv275c-62.js-taxinv275c-62 { gap: 6px; margin-top: 6px; }
.js-taxinv275c-63.js-taxinv275c-63.js-taxinv275c-63 { align-items: center; gap: 8px; }

/* templates/finance/_tax_invoice_link_modal.html — 4곳 → 4클래스 */
.js-taxinvbfbe-37.js-taxinvbfbe-37.js-taxinvbfbe-37 { font-size: var(--erp-fs-2xs); padding: 1px 7px; margin-top: 3px; cursor: help; }
.js-taxinvbfbe-38.js-taxinvbfbe-38.js-taxinvbfbe-38 { color: var(--erp-yellow-800); background: var(--erp-yellow-100); padding: 2px 8px; border-radius: 10px; text-decoration: none; font-weight: 600; white-space: nowrap; }
.js-taxinvbfbe-39.js-taxinvbfbe-39.js-taxinvbfbe-39 { color: var(--erp-green-800); background: var(--erp-green-100); padding: 2px 8px; border-radius: 10px; text-decoration: none; font-weight: 600; white-space: nowrap; }
.js-taxinvbfbe-40.js-taxinvbfbe-40.js-taxinvbfbe-40 { --erp-hov-bg: var(--erp-bg-soft); padding: 7px 14px; cursor: pointer; font-size: var(--erp-fs-sm); border-bottom: 1px solid var(--erp-border); gap: 10px; align-items: center; }

/* templates/finance/_tax_invoice_viewer.html — 2곳 → 2클래스 */
.js-taxinva9f4-35.js-taxinva9f4-35.js-taxinva9f4-35 { font-size: var(--erp-fs-xs); background: var(--erp-accent); color: var(--erp-bg-card); padding: 1px 8px; border-radius: 10px; font-weight: 700; margin-top: 4px; }
.js-taxinva9f4-36.js-taxinva9f4-36.js-taxinva9f4-36 { gap: 10px; justify-content: center; margin-top: 5px; font-size: var(--erp-fs-md); white-space: nowrap; }

/* templates/hr/leave_approval_line_config.html — 2곳 → 2클래스 */
.js-leaveaa37c-5.js-leaveaa37c-5.js-leaveaa37c-5 { font-size: var(--erp-fs-sm); color: var(--erp-neutral); align-items: center; gap: 4px; white-space: nowrap; }

/* templates/hr/leave_request_form.html — 2곳 → 2클래스 */
.js-leaver1707-10.js-leaver1707-10.js-leaver1707-10 { align-items: center; gap: 4px; padding: 5px 10px; border-radius: 6px; background: var(--erp-blue-100); font-size: var(--erp-fs-sm); color: var(--erp-blue-700); white-space: nowrap; flex-shrink: 0; }
.js-leaver1707-11.js-leaver1707-11.js-leaver1707-11 { align-items: center; gap: 4px; padding: 5px 10px; border-radius: 6px; background: var(--erp-warning-bg); font-size: var(--erp-fs-sm); color: var(--erp-amber-800); white-space: nowrap; flex-shrink: 0; }

/* templates/hr/_leave_detail_modal.html — 1곳 → 1클래스 */
.js-leaved4d11-9.js-leaved4d11-9.js-leaved4d11-9 { font-size: var(--erp-fs-18); margin-bottom: 6px; }

/* templates/maintenance/_contract_schedule_history_modal.html — 2곳 → 2클래스 */
.js-contrab42b-18.js-contrab42b-18.js-contrab42b-18 { align-items: center; gap: 6px; flex-wrap: wrap; }
.js-contrab42b-19.js-contrab42b-19.js-contrab42b-19 { flex-direction: column; gap: 4px; }

/* templates/sales/pipeline_detail.html — 15곳 → 13클래스 */
.js-pipeli004a-90.js-pipeli004a-90.js-pipeli004a-90 { gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.js-pipeli004a-91.js-pipeli004a-91.js-pipeli004a-91 { align-items: center; gap: 4px; margin-bottom: 3px; font-size: var(--erp-fs-sm); }
.js-pipeli004a-92.js-pipeli004a-92.js-pipeli004a-92 { grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.js-pipeli004a-93.js-pipeli004a-93.js-pipeli004a-93 { font-size: var(--erp-fs-xs); font-weight: 600; color: var(--erp-gray-500); margin-bottom: 3px; }
.js-pipeli004a-94.js-pipeli004a-94.js-pipeli004a-94 { gap: 6px; }
.js-pipeli004a-95.js-pipeli004a-95.js-pipeli004a-95 { gap: 8px; justify-content: flex-end; }
.js-pipeli004a-96.js-pipeli004a-96.js-pipeli004a-96 { flex-direction: column; gap: 4px; margin-bottom: 7px; }
.js-pipeli004a-97.js-pipeli004a-97.js-pipeli004a-97 { align-items: center; gap: 6px; font-size: var(--erp-fs-12_5); color: var(--erp-gray-700); padding: 5px 9px; border: 1px solid var(--erp-gray-200); border-radius: 6px; cursor: pointer; }
.js-pipeli004a-98.js-pipeli004a-98.js-pipeli004a-98 { margin-top: 7px; }
.js-pipeli004a-99.js-pipeli004a-99.js-pipeli004a-99 { align-items: flex-start; gap: 9px; padding: 11px 13px; background: var(--erp-red-50); border: 1px solid var(--erp-red-200); border-radius: 8px; margin-bottom: 10px; }
.js-pipeli004a-100.js-pipeli004a-100.js-pipeli004a-100 { grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 6px; }
.js-pipeli004a-101.js-pipeli004a-101.js-pipeli004a-101 { justify-content: flex-end; align-items: center; gap: 8px; }
.js-pipeli004a-102.js-pipeli004a-102.js-pipeli004a-102 { align-items: center; gap: 8px; font-size: var(--erp-fs-md); color: var(--erp-blue-700); text-decoration: none; font-weight: 600; min-width: 0; }

/* 남은 인라인 style 정리 — 값에 따옴표·줄바꿈이 있어 자동 추출이 놓친 자리 */
.x-dashbo3279-86.x-dashbo3279-86.x-dashbo3279-86 { background:var(--erp-neutral-50); padding:15px; border-radius:8px; margin-bottom:20px; border:1px solid var(--erp-bs-gray-200); font-family: 'Pretendard', sans-serif; }
.x-dashbo3279-87.x-dashbo3279-87.x-dashbo3279-87 { font-size: var(--erp-fs-16); font-weight:700; color:var(--erp-ink-800); margin-bottom:5px; font-family: 'Pretendard', sans-serif; }
.x-dashbo3279-88.x-dashbo3279-88.x-dashbo3279-88 { font-size: var(--erp-fs-md); color:var(--erp-ink-550); display:flex; gap:15px; font-family: 'Pretendard', sans-serif; }
.x-dashbo3279-89.x-dashbo3279-89.x-dashbo3279-89 { height:150px; line-height:1.6; font-family: 'Pretendard', sans-serif; }
.x-dashbo3279-90.x-dashbo3279-90.x-dashbo3279-90 { font-size: var(--erp-fs-sm);margin-top:6px;color:var(--erp-gray-500);font-family:'Pretendard',sans-serif; }
.x-create6c78-13.x-create6c78-13.x-create6c78-13 { width: 100%; height: auto; min-height: 48px; box-sizing: border-box; padding: 12px 40px 12px 12px; font-size: var(--erp-fs-16); line-height: 1.4; border: 2px solid var(--erp-ink-150); border-radius: 6px; background-color: var(--erp-bg-card); color: var(--erp-ink-800); color-scheme: light; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(&quot;data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3e%3cpath d='M7 10l5 5 5-5H7z'/%3e%3c/svg%3e&quot;); background-repeat: no-repeat; background-position: right 10px center; background-size: 20px; }
.x-design0c87-24.x-design0c87-24.x-design0c87-24 { font-family: 'Noto Sans KR', sans-serif; font-size: var(--erp-fs-15); }
