<!-- 2026-11-13 특가 주문 메뉴 위치: 머리 메뉴 #ttab-special 뺌 → [온라인 문의] 하위 띠 [수협 주문] 앞 #sp-sub-btn (special.js _spOpen 이 수협 주문과 같은 방식으로 엶) -->
<!-- 2026-11-09 견적 품목 창 · 직접입력 창 '마진율 (%)' 이름표 '판매가 기준' → '원가 기준' (purchase.js · manual-item.js 계산을 마진 ÷ 원가로) -->
<!-- 2026-11-06 (3) 메뉴 합치기: 자산 관리 하위 띠 [모델] · [재고 현황] 숨김(버튼은 남김) · 렌탈 제품 창 맨 아래 #r-pm-models (품번 칸, rental-assets.js _rasPmModels) -->
<!-- 2026-11-06 (2) 자산 관리 하위 띠 [입고](data-t="intake", 재고 현황 다음) · 화면 칸 #panel-rintake · rental-intake.css/js 연결 (DB 067) -->
<!-- 2026-11-06 barcode.js 연결 (rental-ship.js 다음) — 장비 창 맨 위 자산번호 바코드 (rental-assets.js _rasDrawAsset, DB 변경 없음) -->
<!-- 2026-11-05 (5) 수주 관리 하위 띠 [렌탈 출고](data-t="ship", 출고 담당 · 매니저 이상만 — rental-ship.js _rshSyncBtn 이 보이게 함) · 화면 칸 #panel-rship · rental-ship.css/js 연결 (DB 063) -->
<!-- 2026-11-05 (4) 직접입력 창(#modal-manual-item) '사양 옵션 · 기준가' 접힌 줄(#mi-spec-fold) — 제품 품목 창과 같은 줄, manual-item.js _mis* · 구매 사양 옵션 '✏️ 직접 입력'(purchase.js) (DB 변경 없음) -->
<!-- 2026-11-05 (3) 머리 오른쪽 알림 종 왼쪽 [월간보고](#mrp-btn, 대표 · 시스템 관리자만) + monthly-report.css/js 연결 (DB 변경 없음) -->
<!-- 2026-11-05 (2) 견적 품목 창 · 직접입력 창 '마진율 (%)' 이름표 옆 '판매가 기준' (purchase.js · manual-item.js 계산을 구매품의서와 같은 마진 ÷ 판매가로) -->
<!-- 2026-11-05 quote-cost.js 연결 (config.js 다음) — 구매 품목 원가 칸 빼고 읽기 · 원가는 qi_cost_list (DB 062 준비, 062 전에도 지금처럼) -->
<!-- 2026-11-04 (5) quote-links.js 연결 — 견적 미리보기 창 [회사소개서] [견적시스템] 체크 (quote-en.js 다음, DB 변경 없음) -->
<!-- 2026-11-04 (4) 구매 견적 작성 '견적 품목' 띠 [✏️ 직접입력] 오른쪽 [📄 엑셀 불러오기](excel-import.js _ximPick) + excel-import.css/js 연결 (DB 변경 없음) -->
<!-- 2026-11-04 (3) 영업 현황 기간 = 연도 드롭 + 월 드롭(맨 위 '연간') — 월별/분기/연간/직접입력 탭 숨김 (dashboard.js) -->
<!-- 2026-11-04 (2) 영업 현황 도구 줄 '전체 담당자' 옆에 '전체 유입처' 드롭(#dash-src-filter → salesboard.js _sbOnSrcChange) -->
<!-- 2026-11-04 제품 소개 이미지 여러 장: 구매 · 렌탈 제품 창 사진 줄(#pm-image-list · #r-pm-image-list) · [📁 이미지 추가] 여러 장 고르기 + product-images.css/js 연결 (DB 변경 없음) -->
<!-- 2026-11-02 영문 견적서: 내 정보 수정 창 [영문 이름 / 직책] 칸(#prof-name-en, DB 058) + quote-en.js 연결 (미리보기 [한글 | English] 버튼은 quote-en.js 가 넣음) -->
<!-- 2026-10-30 견적서 메일: 미리보기 창 아래 [✉️ PDF 저장 · 메일](구매 · 렌탈) + quote-mail.js 연결 (DB 053) -->
<!-- 2026-10-29 회원 관리 표: 이름 바로 뒤 [상태] 칸 (members.js · DB 048) -->
<!-- 2026-11-12 특가 주문: 머리 메뉴 [특가 주문](#ttab-special, 온라인 문의 다음, 매니저 · 대표 · 시스템 관리자) · 화면 칸 #panel-special · special.css/js 연결 (DB 073). 기존 줄은 그대로 -->
<!-- 2026-11-11 수협 주문: [온라인 문의] 하위 띠 끝 [수협 주문](#sh-sub-btn, 관리자 · 대표 · 매니저) · 화면 칸 #panel-suhyup · suhyup.css/js 연결 (DB 068). 기존 줄은 그대로 -->
<!-- 2026-10-26 온라인 문의 '견적 작성 요청' 메일: inquiry-mail.js 연결 (inquiry-link.js 뒤, DB 변경 없음) -->
<!-- 2026-10-23 (3) 견적 작성 화면 상태 띠 칸 #p-qmode-wrap · #r-qmode-wrap (quote-guard.js _qgMode) + quote-guard.css -->
<!-- 2026-10-23 (2) 견적 덮어쓰기 막기: #modal-qg + quote-guard.js 연결 (purchase.js · rental.js 앞) -->
<!-- 2026-10-23 유입처별 현황 견적 목록 창: #modal-sbls + salesboard-src.js 연결 (salesboard.js 뒤) -->
<!-- 2026-10-22 (3) 온라인 문의 견적 연결: inquiry-link.js 연결 (inquiry.js 뒤, DB 043) -->
<!-- 2026-10-22 (2) 온라인 문의 메뉴 위치: 관리자 바로 앞으로 (버튼 줄만 옮김) -->
<!-- 2026-10-22 온라인 문의: 위쪽 [온라인 문의](ttab-inquiry, 전원, 견적 이력 다음) · 하위 띠 #inquiry-sub-bar [문의 작성 | 문의 목록] · 화면 칸 #panel-inquiry · inquiry.css/js 연결 (DB 038) -->
<!-- 2026-10-22 인수증 · 반납 확인서 링크: doc-link.js 연결 (rental-return.js 뒤) -->
<!-- 2026-10-21 정기 청구: 수주 관리 하위 띠 '렌탈 수주' 옆 [정기 청구](switchOrdersTab('billing'), 직원도 보임 — 본인 담당만) · 화면 칸 #panel-rbilling · rental-billing.css/js 연결 -->
<!-- 2026-10-21 알림함: 머리 영역 회원 동그라미 왼쪽에 종(#nt-wrap · #nt-bell · #nt-panel) · notify.css/js 연결 -->
<!-- 2026-10-21 자산 관리 > 렌탈 띠 끝에 [약관] (switchAssetTab('terms')) · 화면 칸 #panel-rterms · rental-terms.css/js 연결 -->
<!-- 2026-10-20 인수증 목록 납품 거르기 글자 '서명 대기' → '서명 남음' (delivery-list.js 와 같게) -->
<!-- 2026-10-20 보증금 정산: rental-settle.css(rental-return.css 뒤) · rental-settle.js(rental-return.js 뒤) 불러오기 -->
<!-- 2026-10-20 렌탈 회수: rental-return.css(rental-contract.css 뒤) · rental-return.js(rental-contract.js 뒤) 불러오기 -->
<!-- 2026-10-20 자산 관리: 위쪽 [렌탈 자산] → [자산 관리], 하위 띠 구매 [구매 제품 | 스펙 관리] ‖ 렌탈 [렌탈 제품 | 모델 | 장비 | 재고 현황] (switchAssetTab), 관리자는 하위 띠 없이 회원 화면만 -->
<!-- 2026-10-20 서류를 메뉴에서 따로: 수주 관리 하위 [구매 수주 | 렌탈 수주 | 구매품의서 | 렌탈 계약서 | 물품 인수증] (서류함 버튼 뺌, 렌탈 계약서 = #panel-docs 계약서만) -->
<!-- 2026-10-20 서류함: 수주 관리 하위 [구매 수주 | 렌탈 수주 | 서류함] (구매품의서·인수증 버튼을 서류함으로 합침) · #panel-docs · docbox.css/js -->
<!-- 2026-10-20 수주 관리 > [구매 수주] 추가: 하위 띠 맨 앞 버튼 · #panel-porders · purchase-orders.css/js 불러오기 -->
<!-- 2026-10-20 제품 관리를 관리자 안으로: 위쪽 [제품 관리] 숨김, 관리자 하위 띠 #members-sub-bar [회원 | 구매 제품 | 렌탈 제품 | 스펙 관리] -->
<!-- 2026-10-20 메뉴 정리: 위쪽 메뉴 순서 견적 작성·견적 이력·영업 현황·수주 관리(새)·렌탈 자산(렌탈 관리 이름 바꿈)·제품 관리·관리자 / 수주 관리 하위 [렌탈 수주 | 구매품의서 | 인수증] — 영업 현황의 구매품의서, 견적 이력의 인수증, 렌탈 관리의 수주 관리를 옮김 -->
<!-- 2026-10-20 렌탈 계약서: rental-contract.css(rental-assets.css 뒤) · rental-contract.js(rental-assign.js 뒤) 불러오기 -->
<!-- 2026-10-20 렌탈 관리 하위 메뉴 이름 [수주 배정] → [수주 관리] (배정·인수증·진행 단계까지 한곳) -->
<!-- 2026-10-19 렌탈 관리 하위 메뉴 [수주 배정](#ras-assign) · rental-assign.js -->
<!-- 2026-10-19 카탈로그 검색 칸: 구매 #f-search · 렌탈 #r-f-search (필터 아래, 정렬 위) -->
<!-- 2026-10-19 렌탈 품목 창(#r-modal-atq): 실제 모델 고르기(#r-atq-model-group · 가용 대수) · 사양 칸(#r-atq-spec-text, 견적서 표시 정보 접힘 안) -->
<!-- 2026-10-19 렌탈 관리: 머리 메뉴 [렌탈 관리](ttab-rentmgmt, 매니저 이상) · 하위 띠 #rentmgmt-sub-bar · #panel-rentmgmt · rental-assets.css/js -->
<!-- 2026-10-16 전화번호 칸 6곳에 data-tel (자동 하이픈, config.js) -->
<!DOCTYPE html>
<!-- 2026-10-16 견적 이력 하위 띠 [인수증] + 인수증 목록(#panel-receipts) + delivery-list.js 불러오기 (delivery.js 뒤) -->
<!-- 2026-10-16 물품 인수증: delivery.css(approval.css 뒤) · delivery.js(approval-list.js 뒤) 불러오기 -->
<!-- 2026-10-16 구매품의서 목록: '구매품의' 칸(처리 상태) + 툴바 '구매품의' 드롭다운(#pal-proc) -->
<!-- 2026-10-15 납품 희망일(날짜) → 납품 가능일(글자 칸): 견적 작성 칸 type=text, 이름표·예시 글자 -->
<!-- 2026-10-15 견적 이력 범위 버튼: 전체 | 담당 견적 | 작성 견적 (구매·렌탈, 기본 = 담당 견적) -->
<!-- 2026-10-15 clients.js 나누기: client-suggest.js · manual-item.js 를 clients.js 바로 뒤에 불러옴 (옮기기만) -->
<!-- 2026-10-15 rental.js 나누기: rental-history.js · rental-admin.js 를 rental.js 바로 뒤에 불러옴 (옮기기만) -->
<!-- 2026-10-15 purchase.js 나누기: purchase-history.js · purchase-admin.js 를 purchase.js 바로 뒤에 불러옴 (옮기기만) -->
<!-- 2026-10-14 구매품의서 창(#modal-approval) 추가, approval.css · approval.js 연결 (017) / 같은 날 영업 현황 하위 띠 [구매품의서] + 목록 화면(#panel-approvals, approval-list.js), 인쇄 보기 창(#modal-approval-print) -->
<!-- 2026-10-13 견적 작성 금액 상자에 '부가세 별도' 체크(구매 f-vat-separate · 렌탈 r-vat-separate), 합계 이름표 id -->
<!-- 2026-10-10 ⑤ 고객사 창: 옛 거래처 추가/수정 창(cm-* 칸·담당 영업사원·모바일 삭제 버튼)을 새 창(cd-*)으로, 이름 바꾸기·합치기 확인 창 추가 -->
<!-- 2026-10-09 ⑤ 고객사 탭: 영업 현황 하위 띠 [영업 현황 | 고객사], 고객사 화면 툴바·6칸 표, 제품 관리 띠에서 고객사 뺌 -->
<!-- 2026-10-09 머리 영역: 메뉴 이름 변경 (목록 관리→제품 관리, 영업 관리→영업 현황, 회원 관리→관리자), 빈 하위 메뉴 띠 추가 / 견적 이력 툴바 정리(구매·렌탈), 영업 필터 기본값 "진행 상태" / 견적 품목 창 정리(구매 카탈로그·구매 직접 입력·렌탈 카탈로그·렌탈 직접 입력) -->
<!-- 2026-10-09 영업담당 회원 드롭다운 (공급사 담당자 칸 select, sales-member.js 추가) / 5-4 영업 현황: 제목 "영업 현황", 새로고침 아이콘 -->
<!-- 2026-10-09 5-2 영업 패널 제목 "📊 영업 관리" → "영업 상세" -->
<!-- 2026-10-07 rev 이중집계 방지(대시보드), 원본 삭제 시 rev 함께 삭제, 승인대기 옵션 제거 -->
<!-- 2026-10-07 영업 패널 틀 추가 (3-2) -->
<!-- 2026-10-06 렌탈/구매 ATQ 모달 브랜드·카테고리·제품명 수정 input 추가 -->
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>비유니드 견적 시스템</title>
<meta property="og:title" content="비유니드 견적 시스템">
<meta property="og:description" content="여기를 눌러 링크를 확인하세요.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://buneed-estimate.vercel.app/og-image.png">
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
<link rel="preconnect" href="https://yofftztuejltroiivhjm.supabase.co" crossorigin>
<link rel="dns-prefetch" href="https://yofftztuejltroiivhjm.supabase.co">
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js" defer></script>
  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
<link rel="stylesheet" href="core.css">
<link rel="stylesheet" href="core-legacy.css">
<link rel="stylesheet" href="core-ui.css">
<link rel="stylesheet" href="qm-modal.css">
<link rel="stylesheet" href="dashboard.css">
<link rel="stylesheet" href="sales-panel.css">
<link rel="stylesheet" href="salesboard.css">
<link rel="stylesheet" href="approval.css">
<link rel="stylesheet" href="delivery.css">
<link rel="stylesheet" href="rental-assets.css">
<link rel="stylesheet" href="rental-contract.css">
<link rel="stylesheet" href="rental-return.css">
<link rel="stylesheet" href="rental-settle.css">
<link rel="stylesheet" href="purchase-orders.css">
<link rel="stylesheet" href="docbox.css">
<link rel="stylesheet" href="rental-terms.css">
<link rel="stylesheet" href="rental-billing.css">
<link rel="stylesheet" href="notify.css">
<link rel="stylesheet" href="inquiry.css">
<link rel="stylesheet" href="suhyup.css"><!-- 2026-11-11 수협 주문 (suhyup.js) -->
<link rel="stylesheet" href="special.css"><!-- 2026-11-12 특가 주문 (special.js) -->
<link rel="stylesheet" href="quote-guard.css">
<link rel="stylesheet" href="product-images.css">
<link rel="stylesheet" href="excel-import.css">
<link rel="stylesheet" href="monthly-report.css">
<link rel="stylesheet" href="rental-ship.css">
<link rel="stylesheet" href="rental-intake.css"><!-- 2026-11-06 입고 건 -->
<link rel="stylesheet" href="print.css" media="print">
</head>
<body>
<!-- ===== 로그인 화면 ===== -->
<div id="login-screen">
  <div class="login-box">
    <div class="login-logo">
      <picture><source srcset="logo.webp" type="image/webp"><img id="logo-login" src="logo.png" alt="비유니드" loading="eager"></picture>
      <h1>비유니드 견적 시스템</h1>
      <div class="phone">☎ 031.8028.0464</div>
    </div>
    <div class="form-group">
      <label>이메일</label>
      <input type="email" id="login-email" placeholder="이메일 입력" onkeydown="if(event.key==='Enter')doLogin()">
    </div>
    <div class="form-group">
      <label>비밀번호</label>
      <input type="password" id="login-pw" placeholder="비밀번호 입력" onkeydown="if(event.key==='Enter')doLogin()">
    </div>
    <div class="login-err" id="login-err"></div>
    <button class="btn-login" id="btn-login" onclick="doLogin()">로그인</button>
  </div>
</div>

<!-- ===== 앱 ===== -->
<div id="app">
  <!-- 헤더 -->
  <div class="app-header" id="app-header">
    <!-- 왼쪽: 로고 -->
    <div class="h-logo">
      <picture><source srcset="logo.webp" type="image/webp"><img id="logo-header" src="logo.png" alt="비유니드 로고" class="h-logo-img"></picture>
    </div>
    <!-- 중앙: 메인 탭 -->
    <div class="h-nav-tabs">
      <button class="h-nav-tab active" id="ttab-quote-write" onclick="switchTopTab('quote-write',this)"><i class="ti ti-file-plus" aria-hidden="true"></i>견적 작성</button>
      <button class="h-nav-tab" id="ttab-quote-history" onclick="switchTopTab('quote-history',this)"><i class="ti ti-files" aria-hidden="true"></i>견적 이력</button>
      <button class="h-nav-tab" id="ttab-dashboard" onclick="switchTopTab('dashboard',this)" style="display:none;"><i class="ti ti-chart-bar" aria-hidden="true"></i>영업 현황</button>
      <button class="h-nav-tab" id="ttab-orders" onclick="switchTopTab('orders',this)"><i class="ti ti-clipboard-check" aria-hidden="true"></i>수주 관리</button>
      <button class="h-nav-tab" id="ttab-rentmgmt" onclick="switchTopTab('rentmgmt',this)" style="display:none;"><i class="ti ti-device-laptop" aria-hidden="true"></i>자산 관리</button>
      <button class="h-nav-tab" id="ttab-catalog" onclick="switchTopTab('catalog',this)" style="display:none;"><i class="ti ti-list" aria-hidden="true"></i>제품 관리</button><!-- 2026-10-20 관리자 > 구매 제품·렌탈 제품·스펙 관리로 옮김 (버튼은 숨겨 둠) -->
      <button class="h-nav-tab" id="ttab-inquiry" onclick="switchTopTab('inquiry',this)"><i class="ti ti-inbox" aria-hidden="true"></i>온라인 문의</button>
      <button class="h-nav-tab" id="ttab-members" onclick="switchTopTab('members',this)" style="display:none;"><i class="ti ti-users" aria-hidden="true"></i>관리자</button>
      <!-- 내부 라우팅용 (숨김) -->
      <div style="display:none;">
        <button id="ttab-quote"></button>
        <button id="ttab-purchase"></button>
        <button id="ttab-rental"></button>
        <button id="ttab-admin"></button>
        <button id="ttab-clients"></button>
      </div>
    </div>
    <!-- 오른쪽: 프로필 드롭다운 + 로그아웃 -->
    <div class="h-right">
      <!-- 2026-11-05 [월간보고] 대표 · 시스템 관리자만 (monthly-report.js _mrpShow 가 보이게 함, 누르면 새 탭) -->
      <button type="button" class="mrp-btn" id="mrp-btn" onclick="_mrpOpen()" style="display:none;" title="월간보고 (새 탭)">월간보고<span class="mrp-dot" id="mrp-dot" hidden></span></button>
      <!-- 2026-10-21 알림함 종 (notify.js — 로그인 뒤 _ntStart 가 보이게 함) -->
      <div class="nt-wrap" id="nt-wrap" style="display:none;">
        <button type="button" class="nt-bell" id="nt-bell" onclick="_ntToggle(event)" title="알림" aria-label="알림"><i class="ti ti-bell" aria-hidden="true"></i><span class="nt-num" id="nt-num" hidden></span><span class="nt-dot" id="nt-dot" hidden></span></button>
        <div class="nt-panel" id="nt-panel" hidden></div>
      </div>
      <div class="profile-btn-wrap" style="position:relative;">
        <button class="h-email profile-trigger" id="user-email-display" onclick="toggleProfileDropdown(event)" title="프로필 설정"></button>
        <div class="profile-dropdown" id="profile-dropdown">
          <div class="pd-header">
            <div class="text-muted fs-11">로그인 계정</div>
            <div id="user-name-display" class="label-navy"></div>
          </div>
          <button class="pd-item" onclick="openProfileModal()">👤 내 정보 수정</button>
          <button class="pd-item" onclick="openPasswordModal()">🔒 비밀번호 변경</button>
          <div class="pd-divider"></div>
          <button class="pd-item pd-logout" onclick="doLogout()">로그아웃</button>
        </div>
      </div>
      <button class="btn-logout" onclick="doLogout()">로그아웃</button>
    </div>
  </div>
  <!-- 타입바: 구매/렌탈 (견적 작성 탭일 때만) -->
  <div class="quote-type-bar" id="quote-type-bar" style="display:none;">
    <button class="qtype-btn active" id="qtype-purchase" onclick="switchQuoteType('purchase',this)"><i class="ti ti-shopping-cart" aria-hidden="true"></i>구매</button>
    <button class="qtype-btn" id="qtype-rental" onclick="switchQuoteType('rental',this)"><i class="ti ti-refresh" aria-hidden="true"></i>렌탈</button>
  </div>
  <!-- 목록 관리 서브바 (목록 관리 탭일 때만) -->
  <div class="quote-type-bar" id="catalog-sub-bar" style="display:none;">
    <!-- 2026-10-09 고객사는 영업 현황 > 고객사로 옮김 → 제품 관리 첫 화면 = 구매 제품 -->
    <button class="qtype-btn active cat-sub" onclick="switchCatalogTab('p-products',this)"><i class="ti ti-shopping-cart" aria-hidden="true"></i>구매 제품</button>
    <button class="qtype-btn cat-sub" onclick="switchCatalogTab('r-products',this)"><i class="ti ti-refresh" aria-hidden="true"></i>렌탈 제품</button>
    <button class="qtype-btn cat-sub" onclick="switchCatalogTab('spec',this)"><i class="ti ti-settings" aria-hidden="true"></i>스펙 관리</button>
  </div>
  <!-- 2026-10-20 관리자 하위 띠 — 자산 관리로 제품 3개를 옮긴 뒤 띠는 보이지 않음 ([회원] 버튼만 남겨 둠, switchTopTab 이 띠를 켜지 않음) -->
  <div class="quote-type-bar" id="members-sub-bar" style="display:none;">
    <button class="qtype-btn active mem-sub" data-t="members" onclick="switchMembersTab('members',this)"><i class="ti ti-users" aria-hidden="true"></i>회원</button>
  </div>
  <!-- 2026-10-09 영업 현황 하위 메뉴 [영업 현황 | 고객사] -->
  <div class="quote-type-bar" id="dash-sub-bar" style="display:none;">
    <button class="qtype-btn active dash-sub" data-t="board" onclick="switchDashTab('board',this)">영업 현황</button>
    <button class="qtype-btn dash-sub" data-t="clients" onclick="switchDashTab('clients',this)">고객사</button>
  </div>
  <!-- 2026-10-20 자산 관리 하위 띠: 구매 [구매 제품 | 스펙 관리] ‖ 렌탈 [렌탈 제품 | 모델 | 장비 | 재고 현황] (config.js switchAssetTab) -->
  <div class="quote-type-bar" id="rentmgmt-sub-bar" style="display:none;">
    <span class="ast-grp">구매</span>
    <button class="qtype-btn ras-sub" data-t="p-products" onclick="switchAssetTab('p-products',this)">구매 제품</button>
    <button class="qtype-btn ras-sub" data-t="spec" onclick="switchAssetTab('spec',this)">스펙 관리</button>
    <span class="ast-dv" aria-hidden="true"></span>
    <span class="ast-grp">렌탈</span>
    <button class="qtype-btn ras-sub" data-t="r-products" onclick="switchAssetTab('r-products',this)">렌탈 제품</button>
    <button class="qtype-btn ras-sub" data-t="models" onclick="switchAssetTab('models',this)" style="display:none">모델</button><!-- 2026-11-06 숨김: 렌탈 제품 창 품번 칸으로 -->
    <button class="qtype-btn active ras-sub" data-t="assets" onclick="switchAssetTab('assets',this)">장비</button>
    <button class="qtype-btn ras-sub" data-t="stock" onclick="switchAssetTab('stock',this)" style="display:none">재고 현황</button><!-- 2026-11-06 숨김: 장비 화면 [모델별 재고] 전환으로 -->
    <button class="qtype-btn ras-sub" data-t="intake" onclick="switchAssetTab('intake',this)">입고</button><!-- 2026-11-06 입고 건 (DB 067) -->
    <button class="qtype-btn ras-sub" data-t="terms" onclick="switchAssetTab('terms',this)">약관</button>
  </div>
  <!-- 견적 이력 필터바 (견적 이력 탭일 때만) -->
  <div class="quote-type-bar" id="history-filter-bar" style="display:none;">
    <button class="qtype-btn active hist-filter" onclick="switchHistoryFilter('purchase',this)"><i class="ti ti-shopping-cart" aria-hidden="true"></i>구매</button>
    <button class="qtype-btn hist-filter" onclick="switchHistoryFilter('rental',this)"><i class="ti ti-refresh" aria-hidden="true"></i>렌탈</button>
  </div>
  <!-- 2026-10-20 수주 관리 하위 띠: 렌탈 수주(#panel-rentmgmt 의 #ras-assign) · 구매품의서(#panel-approvals) · 인수증(#panel-receipts) — 매니저 이상만 보는 칸은 .ord-priv -->
  <div class="quote-type-bar" id="orders-sub-bar" style="display:none;">
    <button class="qtype-btn ord-sub ord-priv" data-t="purchase" onclick="switchOrdersTab('purchase',this)"><i class="ti ti-shopping-cart" aria-hidden="true"></i>구매 수주</button>
    <button class="qtype-btn ord-sub ord-priv" data-t="rental" onclick="switchOrdersTab('rental',this)"><i class="ti ti-refresh" aria-hidden="true"></i>렌탈 수주</button>
    <button class="qtype-btn ord-sub" data-t="ship" style="display:none;" onclick="switchOrdersTab('ship',this)"><i class="ti ti-barcode" aria-hidden="true"></i>렌탈 출고</button>
    <button class="qtype-btn ord-sub" data-t="billing" onclick="switchOrdersTab('billing',this)"><i class="ti ti-receipt" aria-hidden="true"></i>정기 청구</button>
    <button class="qtype-btn ord-sub ord-priv" data-t="approvals" onclick="switchOrdersTab('approvals',this)"><i class="ti ti-file-text" aria-hidden="true"></i>구매품의서</button>
    <button class="qtype-btn ord-sub" data-t="contracts" onclick="switchOrdersTab('contracts',this)"><i class="ti ti-file-certificate" aria-hidden="true"></i>렌탈 계약서</button>
    <button class="qtype-btn ord-sub" data-t="receipts" onclick="switchOrdersTab('receipts',this)"><i class="ti ti-file-check" aria-hidden="true"></i>물품 인수증</button>
  </div>
  <!-- 2026-10-22 온라인 문의 하위 띠: 문의 작성(지정한 작성자만, inquiry.js 가 숨김) · 문의 목록 -->
  <div class="quote-type-bar" id="inquiry-sub-bar" style="display:none;">
    <button class="qtype-btn iq-sub" data-t="write" onclick="_iqTab('write')">문의 작성</button>
    <button class="qtype-btn iq-sub" data-t="list" onclick="_iqTab('list')">문의 목록</button>
    <button class="qtype-btn iq-sub" id="sp-sub-btn" data-t="special" style="display:none;" onclick="_spOpen()">특가 주문</button><!-- 2026-11-13 매니저 · 대표 · 시스템 관리자 (special.js 가 보이게 함) -->
    <button class="qtype-btn iq-sub" id="sh-sub-btn" data-t="suhyup" style="display:none;" onclick="_shOpen()">수협 주문<span class="sh-badge" id="sh-sub-badge" style="display:none;"></span></button><!-- 2026-11-11 관리자 · 대표 · 매니저만 (suhyup.js 가 보이게 함) -->
  </div>
  <!-- 2026-10-09 하위 메뉴가 없는 화면의 빈 띠 (머리 높이 고정) -->
  <div class="sub-band-empty" id="sub-band-empty"></div>

  <!-- 이하 top-tabs 제거됨 -->
  
  <!-- 최상위 탭 -->
  

  <!-- ════════════════════════ 구매견적 패널 ════════════════════════ -->
  <div class="top-panel active" id="panel-purchase">


    <!-- 견적 작성 -->
    <div class="sub-panel active" id="p-sub-quote">
      <div class="split-layout">
        <!-- 카탈로그 -->
        <div class="catalog-panel">
          <div class="panel-header">📦 제품 카탈로그</div>
          <div class="filter-area d-flex-wrap">
            <select class="filter-select" id="f-cat" onchange="renderProducts()" style="flex:1;min-width:120px;">
              <option value="">전체 카테고리</option>
              <option>노트북</option><option>데스크탑</option><option>워크스테이션</option>
              <option>모니터</option><option>서버</option><option>스토리지</option><option>기타</option>
            </select>
            <select class="filter-select" id="f-brand" onchange="renderProducts()" style="flex:1;min-width:100px;">
              <option value="">전체 브랜드</option>
              <option>HP</option><option>Samsung</option><option>LG</option>
              <option>Lenovo</option><option>Dell</option><option>Apple</option>
            </select>
            <input type="search" class="filter-select" id="f-search" placeholder="제품명 · 브랜드 · 사양 검색" oninput="renderProducts()" style="flex:1 1 100% !important;min-width:0 !important;" autocomplete="off" spellcheck="false">
          </div>
          <!-- 정렬 버튼 -->
          <div class="sort-bar" id="p-sort-btns">
            <button class="sort-btn active" data-sort="newest" onclick="setSortP('newest')">최신순</button>
            <button class="sort-btn" data-sort="name" onclick="setSortP('name')">이름순</button>
            <button class="sort-btn" data-sort="price_asc" onclick="setSortP('price_asc')">가격↑</button>
            <button class="sort-btn" data-sort="price_desc" onclick="setSortP('price_desc')">가격↓</button>
          </div>
          <div class="product-list" id="product-list"><div class="no-products">로딩 중...</div></div>
        </div>

        <!-- 폼 -->
        <div class="form-panel">
          <div class="form-scroll">
            <!-- 수정견적 배너 슬롯 (hidden by default) -->
            <!-- 2026-10-23 상태 띠 (고치는 중 / 견적복사, quote-guard.js) -->
            <div id="p-qmode-wrap" class="rev-banner-wrap" style="display:none;"></div>
            <div id="p-rev-banner-wrap" class="rev-banner-wrap" style="display:none;"></div>
            <!-- 공급사 정보 -->
            <div class="form-section sales-section">
              <div class="section-title"><span>🧑‍💼 공급사 정보</span></div>
              <div class="form-row">
                <div><div class="field-label">회사명</div><input class="field-input" id="f-sales-company" value="(주)비유니드" placeholder="(주)비유니드"></div>
                <div><div class="field-label">담당자</div><select class="field-input" id="f-sales-member" onchange="_smOnChange('p')"></select><input class="field-input" id="f-sales-name" placeholder="예: 홍길동 영업팀장" style="display:none"></div>
              </div>
              <div class="form-row">
                <div><div class="field-label">연락처</div><input class="field-input" id="f-sales-phone" data-tel placeholder="010-0000-0000"></div>
                <div><div class="field-label">이메일</div><input class="field-input" id="f-sales-email" placeholder="sales@buneed.co.kr"></div>
              </div>

            </div>
            <!-- 고객사 정보 -->
            <div class="form-section">
              <div class="section-title section-title--with-btn">
                <span>👤 고객사 정보</span>
                <button class="section-action-btn" onclick="pOpenClientPicker()" title="이전 고객사 정보 불러오기">💼 고객사 선택</button>
              </div>
              <div class="form-row">
                <div><div class="field-label">회사명 *</div><input class="field-input" id="f-company" placeholder="고객사 회사명" onblur="_pOnCompanyBlur()"></div>
                <div>
                  <div class="field-label">담당자 (직책 포함)</div>
                  <input class="field-input" id="f-contact" placeholder="예: 홍길동 구매팀장"
                    list="f-contact-datalist"
                    onchange="_pOnContactChange()">
                  <datalist id="f-contact-datalist"></datalist>
                </div>
              </div>
              <div class="form-row">
                <div><div class="field-label">연락처</div><input class="field-input" id="f-phone" data-tel placeholder="02-0000-0000" oninput="_pOnPhoneEmailInput()"></div>
                <div><div class="field-label">이메일</div><input class="field-input" id="f-email" placeholder="email@company.com" oninput="_pOnPhoneEmailInput()"></div>
              </div>
              <div class="form-row full">
                <div><div class="field-label">메모 / 특이사항</div><textarea class="field-input" id="f-memo" rows="2" placeholder="특이사항을 입력하세요"></textarea></div>
              </div>
            </div>
            <!-- 납품/유효기간 -->
            <div class="form-section">
              <div class="form-row">
                <div>
                  <div class="field-label">납품 가능일</div>
                  <input class="field-input" type="text" id="f-delivery" placeholder="예: 발주 후 2주 이내">
                </div>
                <div>
                  <div class="field-label">견적 유효기간</div>
                  <input class="field-input" type="text" id="f-validity" value="견적일로부터 7일" placeholder="예: 견적일로부터 7일">
                </div>
              </div>
            </div>
            <!-- 품목 -->
            <div class="form-section">
              <div class="section-title section-title--with-btn">
                <span>📋 견적 품목</span>
                <span style="display:flex;gap:6px"><button class="section-action-btn" onclick="openManualItemModal()">✏️ 직접입력</button><button class="section-action-btn" onclick="_ximPick()" title="비유니드 견적서 엑셀(.xlsx)을 읽어 새 견적에 채웁니다">📄 엑셀 불러오기</button></span>
              </div>
              <div id="quote-items-area"><div class="no-products">좌측 카탈로그에서 제품을 클릭하여 추가하세요</div></div>
            </div>
            <!-- 금액 -->
            <div class="price-summary">
              <div class="price-row price-divider"><label>소계</label><span id="sum-subtotal">0 원</span></div>
              <div class="ps-row">
                <span>할인율 / 할인금액</span>
                <div class="ps-editable">
                  <input class="discount-input discount-input-sm" type="number" id="discount-rate" value="0" min="0" max="100" oninput="calcPrice()" placeholder="0"> <span class="fs-11">%</span>
                  <span class="text-muted fs-11">|</span>
                  <input class="discount-input discount-input-md" type="number" id="discount-amt" value="0" min="0" oninput="calcPriceByAmt()" placeholder="0"> <span class="fs-11">원</span>
                </div>
              </div>
              <div class="price-row"><label class="vat-sep"><input type="checkbox" id="f-vat-separate" checked onchange="calcPriceByAmt()"> 부가세 별도</label></div>
              <div class="price-row"><label>공급가액</label><span id="sum-supply">0 원</span></div>
              <div class="price-row"><label>부가세 (10%)</label><span id="sum-vat">0 원</span></div>
              <div class="price-row total"><label id="sum-total-label">합계</label><span id="sum-total">0 원</span></div>
            </div>
          </div>
          <div class="action-bar">
            <button class="btn btn-secondary" onclick="resetQuote()">🔄 초기화</button>
            <button class="btn btn-secondary" onclick="previewQuote()">👁️ 미리보기</button>
            <button class="btn btn-primary" id="btn-save-quote" onclick="saveQuote()">💾 저장</button>
          </div>
        </div>
      </div>
    </div>

    <!-- 견적 이력 -->
    <div class="sub-panel" id="p-sub-history">
      <div class="history-wrap">
        <div class="page-toolbar list-toolbar"><!-- 2026-10-09 필터·검색 정리: 검색 + 기간·영업 드롭다운 + ⋯ (Excel·초기화 버튼은 ⋯/데이터 관리로) -->
          <div class="lt-head">
            <span class="page-toolbar-title">견적 이력</span>
            <span class="page-toolbar-sub" id="p-history-count"></span>
            <!-- 4-2 B: 전체 / 담당 견적 / 작성 견적 (기본: 담당 견적) [2026-10-15] -->
            <div class="hist-scope-btns" id="p-scope-btns">
              <button class="hist-scope-btn" id="p-scope-all" onclick="pSetScope('all')">전체</button>
              <button class="hist-scope-btn active" id="p-scope-mine" onclick="pSetScope('mine')">담당 견적</button>
              <button class="hist-scope-btn" id="p-scope-written" onclick="pSetScope('written')">작성 견적</button>
            </div>
          </div>
          <input class="toolbar-search lt-search" id="p-history-search" placeholder="고객사 · 담당자 검색" oninput="filterHistory()">
          <div class="lt-filters">
            <select id="filter-period" class="toolbar-select" onchange="applyHistoryFilters()" title="기간 필터">
              <option value="thisMonth" selected>이번 달</option>
              <option value="lastMonth">지난달</option>
              <option value="3months">최근 3개월</option>
              <option value="thisYear">올해 전체</option>
              <option value="">전체 기간</option>
              <option value="custom" style="display:none">기간 지정</option>
            </select>
            <!-- 4-2 B: 영업상태 필터 -->
            <select id="p-filter-sales" class="toolbar-select" onchange="applyHistoryFilters()" title="영업상태 필터">
              <option value="">진행 상태</option>
              <option value="in_progress">진행중</option>
              <option value="on_hold">보류</option>
              <option value="won">수주</option>
              <option value="lost">실주</option>
              <option value="delay">지연</option>
              <option value="no_fu">F/U 미정</option>
            </select>
            <!-- 견적 상태(승인) 필터: 승인 절차를 숨겨 둔 상태라 화면에서 숨김. JS 호환을 위해 요소는 유지 (2026-10-09) -->
            <select style="display:none" aria-hidden="true" id="filter-status" class="toolbar-select" onchange="applyHistoryFilters()" title="상태 필터">
              <option value="">전체 상태</option>
              <option value="draft">작성중</option>
              <option value="pending">승인 대기</option>
              <option value="approved">승인완료</option>
              <option value="rejected">반려</option>
            </select>
            <input type="hidden" id="p-hist-custom-from">
            <input type="hidden" id="p-hist-custom-to">
            <div class="lt-more">
              <button type="button" class="lt-more-btn" onclick="_tbToggleMore(event,this)" aria-label="더보기" title="더보기">⋯</button>
              <div class="lt-more-menu">
                <button type="button" onclick="_tbCloseMore();applyHistoryFilters()">새로고침</button>
                <button type="button" onclick="_tbCloseMore();resetHistoryFilters()">필터 처음으로</button>
              </div>
            </div>
          </div>
        </div>
        <!-- 데스크탑: 테이블 뷰 -->
        <div class="history-table-view" style="flex:1;overflow:auto;padding:8px 12px;">
          <div class="table-scroll-wrap">
            <table class="data-table" id="history-table">
              <thead><tr><th>견적번호</th><th>작성일</th><th>고객사</th><th>담당자</th><th class="text-right">합계(VAT포함)</th><th>영업 현황</th><th>관리</th></tr></thead>
              <tbody id="history-body"><tr><td colspan="7" class="tbl-empty">로딩 중...</td></tr></tbody>
            </table>
          </div>
        </div>
        <!-- 모바일: 카드 뷰 -->
        <div class="history-card-list" id="history-card-list">
          <div class="history-card-loading">로딩 중...</div>
        </div>
      </div>
    </div>
  </div><!-- /panel-purchase -->

  <!-- ════════════════════════ 렌탈견적 패널 ════════════════════════ -->
  <div class="top-panel" id="panel-rental">


    <!-- 렌탈 견적 작성 -->
    <div class="sub-panel active" id="r-sub-quote">
      <input type="hidden" id="r-quote-num">
      <div class="split-layout">
        <!-- 렌탈 카탈로그 -->
        <div class="catalog-panel">
          <div class="panel-header r-header">🖥️ 렌탈 카탈로그</div>
          <div class="filter-area d-flex-wrap">
            <select class="filter-select r-filter-select" id="r-f-cat" onchange="rFilterCat()" style="flex:1;min-width:120px;">
              <option value="">전체 카테고리</option>
              <option>노트북</option><option>데스크탑</option><option>워크스테이션</option>
              <option>모니터</option><option>서버</option><option>스토리지</option><option>기타</option>
            </select>
            <select class="filter-select r-filter-select" id="r-f-brand" onchange="rFilterCat()" style="flex:1;min-width:100px;">
              <option value="">전체 브랜드</option>
              <option>HP</option><option>Samsung</option><option>LG</option><option>Dell</option><option>Lenovo</option><option>기타</option>
            </select>
            <input type="search" class="filter-select r-filter-select" id="r-f-search" placeholder="제품명 · 모델 · 사양 검색" oninput="rRenderProductList()" style="flex:1 1 100% !important;min-width:0 !important;" autocomplete="off" spellcheck="false">
          </div>
          <div class="sort-bar" id="r-sort-btns">
            <button class="sort-btn r-sort-btn active" data-sort="newest" onclick="setSortR('newest')">최신순</button>
            <button class="sort-btn r-sort-btn" data-sort="name" onclick="setSortR('name')">이름순</button>
            <button class="sort-btn r-sort-btn" data-sort="price_asc" onclick="setSortR('price_asc')">가격↑</button>
            <button class="sort-btn r-sort-btn" data-sort="price_desc" onclick="setSortR('price_desc')">가격↓</button>
          </div>
          <div class="product-list" id="r-product-list"><div class="no-products">로딩 중...</div></div>
        </div>

        <!-- 렌탈 폼 -->
        <div class="form-panel">
          <div class="form-scroll">
            <!-- 수정견적 배너 슬롯 (hidden by default) -->
            <!-- 2026-10-23 상태 띠 (고치는 중 / 견적복사, quote-guard.js) -->
            <div id="r-qmode-wrap" class="rev-banner-wrap" style="display:none;"></div>
            <div id="r-rev-banner-wrap" class="rev-banner-wrap" style="display:none;"></div>
            <!-- 공급사 정보 -->
            <div class="form-section r-sales-section">
              <div class="r-section-title"><span>🧑‍💼 공급사 정보</span></div>
              <div class="form-row">
                <div><div class="field-label">회사명</div><input class="field-input r-field-input" id="r-sales-company" value="(주)비유니드" placeholder="비유니드"></div>
                <div><div class="field-label">담당자</div><select class="field-input r-field-input" id="r-sales-member" onchange="_smOnChange('r')"></select><input class="field-input r-field-input" id="r-sales-name" placeholder="예: 홍길동 영업팀장" style="display:none"></div>
              </div>
              <div class="form-row">
                <div><div class="field-label">연락처</div><input class="field-input r-field-input" id="r-sales-phone" data-tel placeholder="010-0000-0000"></div>
                <div><div class="field-label">이메일</div><input class="field-input r-field-input" id="r-sales-email" placeholder="sales@buneed.co.kr"></div>
              </div>

            </div>
            <!-- 고객사 정보 -->
            <div class="form-section">
              <div class="r-section-title section-title--with-btn">
                <span>👤 고객사 정보</span>
                <button class="section-action-btn" onclick="rOpenClientPicker()" title="이전 고객사 정보 불러오기">💼 고객사 선택</button>
              </div>
              <div class="form-row">
                <div><div class="field-label">회사명 *</div><input class="field-input r-field-input" id="r-company" placeholder="고객사 회사명" onblur="_rOnCompanyBlur()"></div>
                <div>
                  <div class="field-label">담당자 (직책 포함)</div>
                  <input class="field-input r-field-input" id="r-contact" placeholder="예: 홍길동 구매팀장"
                    list="r-contact-datalist"
                    onchange="_rOnContactChange()">
                  <datalist id="r-contact-datalist"></datalist>
                </div>
              </div>
              <div class="form-row">
                <div><div class="field-label">연락처</div><input class="field-input r-field-input" id="r-phone" data-tel placeholder="02-0000-0000" oninput="_rOnPhoneEmailInput()"></div>
                <div><div class="field-label">이메일</div><input class="field-input r-field-input" id="r-email" placeholder="email@company.com" oninput="_rOnPhoneEmailInput()"></div>
              </div>
            </div>
            <!-- 렌탈 조건 -->
            <div class="form-section">
              <div class="r-section-title"><span>📦 렌탈 조건</span></div>
              <!-- 렌탈 단위 토글 (숨김 - 모달에서 사용) -->
              <div style="display:none;">
                <div class="rental-type-toggle" id="r-type-toggle">
                  <button class="rtt-btn active" data-type="일" onclick="setRentalType('일',this)">일 단위</button>
                  <button class="rtt-btn" data-type="월" onclick="setRentalType('월',this)">월 단위</button>
                </div>
                <input type="hidden" id="r-duration" value="30">
              </div>
              <div class="form-row">
                <div>
                  <div class="field-label">렌탈 시작일</div>
                  <input class="field-input r-field-input" type="date" id="r-start-date" onchange="rCalcFromStart()">
                </div>
                <div>
                  <div class="field-label">렌탈 종료일</div>
                  <input class="field-input r-field-input" type="date" id="r-end-date" onchange="rCalcDuration()">
                </div>
              </div>
              <div class="form-row">
                <div>
                  <div class="field-label" id="r-duration-label">렌탈 기간 <span class="label-muted">(자동계산)</span></div>
                  <input class="field-input r-field-input" type="number" id="r-duration-display" placeholder="기간 입력 또는 시작·종료일 자동계산" min="1" oninput="rSyncDuration()">
                </div>
                <div>
                  <div class="field-label">견적 유효기간</div>
                  <input class="field-input r-field-input" type="text" id="r-valid" value="견적일로부터 7일" placeholder="예: 견적일로부터 7일">
                </div>
              </div>
              <div class="form-row">
                <div><div class="field-label">설치/납품 장소</div><input class="field-input r-field-input" id="r-delivery-loc" placeholder="서울시 강남구..."></div>
                <div><div class="field-label">반납/회수 방법</div><input class="field-input r-field-input" id="r-return-method" placeholder="만료 후 수거"></div>
              </div>

              <div class="form-row full">
                <div><div class="field-label">메모 / 특이사항</div><textarea class="field-input r-field-input" id="r-memo" rows="2" placeholder="설치 특이사항, 반납 조건 등"></textarea></div>
              </div>
            </div>
            <!-- 렌탈 품목 -->
            <div class="form-section">
              <div class="r-section-title section-title--with-btn">
                <span>📋 견적 품목</span>
                <button class="section-action-btn" onclick="rOpenManualItemModal()">✏️ 직접입력</button>
              </div>
              <div id="r-quote-items-area"><div class="no-products">좌측 카탈로그에서 제품을 클릭하여 추가하세요</div></div>
            </div>
            <!-- 렌탈 금액 요약 -->
            <div class="form-section r-price-summary">
              <div class="r-section-title"><span>💰 금액 요약</span></div>
              <div class="ps-row price-row price-divider">
                <span>소계</span><span id="r-ps-subtotal">0 원</span>
              </div>
              <div class="ps-row">
                <span>할인율 / 할인금액</span>
                <div class="ps-editable">
                  <input class="field-input small r-field-input discount-input-sm" type="number" id="r-discount-rate" value="0" min="0" max="100" oninput="rCalcPriceByRate()" placeholder="0"> <span class="fs-11">%</span>
                  <span class="text-muted fs-11">|</span>
                  <input class="field-input small r-field-input discount-input-md" type="text" inputmode="numeric" pattern="[0-9]*" id="r-discount" value="0" oninput="rCalcPrice()" placeholder="0"> <span class="fs-11">원</span>
                </div>
              </div>
              <div class="ps-row">
                <span>설치비</span>
                <div class="ps-editable">
                  <input class="field-input small r-field-input discount-input-lg" type="text" inputmode="numeric" pattern="[0-9]*" id="r-install-fee" value="0" oninput="rCalcPrice()">
                  <span class="fs-11">원</span>
                </div>
              </div>
              <div class="ps-row">
                <span>보증금</span>
                <div class="ps-editable">
                  <input class="field-input small r-field-input discount-input-lg" type="text" inputmode="numeric" pattern="[0-9]*" id="r-deposit" value="0" oninput="rCalcPrice()">
                  <span class="fs-11">원</span>
                </div>
              </div>
              <div class="ps-row price-divider-top"><label class="vat-sep"><input type="checkbox" id="r-vat-separate" checked onchange="rCalcPrice()"> 부가세 별도</label></div>
              <div class="ps-row price-row">
                <span>공급가액</span><span id="r-ps-supply">0 원</span>
              </div>
              <div class="ps-row"><span>부가세 (10%)</span><span id="r-ps-vat">0 원</span></div>
              <div class="ps-row total"><span id="r-ps-total-label">최종 합계</span><span id="r-ps-total" class="text-r-primary">0 원</span></div>

            </div>
          </div>
          <div class="action-bar">
            <button class="btn btn-r-secondary" onclick="rResetQuote()">🔄 초기화</button>
            <button class="btn btn-r-secondary" onclick="rPreviewQuote()">👁️ 미리보기</button>
            <button class="btn btn-r-primary" onclick="rSaveQuote()">💾 저장</button>
          </div>
        </div>
      </div>
    </div>

    <!-- 렌탈 견적 이력 -->
    <div class="sub-panel" id="r-sub-history">
      <div class="history-wrap">
        <div class="page-toolbar list-toolbar"><!-- 2026-10-09 필터·검색 정리: 검색 + 기간·영업 드롭다운 + ⋯ (Excel·초기화 버튼은 ⋯/데이터 관리로) -->
          <div class="lt-head">
            <span class="page-toolbar-title">렌탈 견적 이력</span>
            <span class="page-toolbar-sub" id="r-history-count"></span>
            <!-- 4-2 B: 전체 / 담당 견적 / 작성 견적 (기본: 담당 견적) [2026-10-15] -->
            <div class="hist-scope-btns" id="r-scope-btns">
              <button class="hist-scope-btn" id="r-scope-all" onclick="rSetScope('all')">전체</button>
              <button class="hist-scope-btn active" id="r-scope-mine" onclick="rSetScope('mine')">담당 견적</button>
              <button class="hist-scope-btn" id="r-scope-written" onclick="rSetScope('written')">작성 견적</button>
            </div>
          </div>
          <input class="toolbar-search lt-search" id="r-history-search" placeholder="고객사 · 담당자 검색" oninput="rFilterHistory()">
          <div class="lt-filters">
            <select id="r-filter-period" class="toolbar-select" onchange="rApplyHistoryFilters()" title="기간 필터">
              <option value="thisMonth" selected>이번 달</option>
              <option value="lastMonth">지난달</option>
              <option value="3months">최근 3개월</option>
              <option value="thisYear">올해 전체</option>
              <option value="">전체 기간</option>
              <option value="custom" style="display:none">기간 지정</option>
            </select>
            <!-- 4-2 B: 영업상태 필터 -->
            <select id="r-filter-sales" class="toolbar-select" onchange="rApplyHistoryFilters()" title="영업상태 필터">
              <option value="">진행 상태</option>
              <option value="in_progress">진행중</option>
              <option value="on_hold">보류</option>
              <option value="won">수주</option>
              <option value="lost">실주</option>
              <option value="delay">지연</option>
              <option value="no_fu">F/U 미정</option>
            </select>
            <!-- 견적 상태(승인) 필터: 승인 절차를 숨겨 둔 상태라 화면에서 숨김. JS 호환을 위해 요소는 유지 (2026-10-09) -->
            <select style="display:none" aria-hidden="true" id="r-filter-status" class="toolbar-select" onchange="rApplyHistoryFilters()" title="상태 필터">
              <option value="">전체 상태</option>
              <option value="draft">작성중</option>
              <option value="pending">승인 대기</option>
              <option value="approved">승인완료</option>
              <option value="rejected">반려</option>
            </select>
            <input type="hidden" id="r-hist-custom-from">
            <input type="hidden" id="r-hist-custom-to">
            <div class="lt-more">
              <button type="button" class="lt-more-btn" onclick="_tbToggleMore(event,this)" aria-label="더보기" title="더보기">⋯</button>
              <div class="lt-more-menu">
                <button type="button" onclick="_tbCloseMore();rApplyHistoryFilters()">새로고침</button>
                <button type="button" onclick="_tbCloseMore();rResetHistoryFilters()">필터 처음으로</button>
              </div>
            </div>
          </div>
        </div>
        <!-- 데스크탑: 테이블 뷰 -->
        <div class="history-table-view" style="flex:1;overflow:auto;padding:8px 12px;">
          <div class="table-scroll-wrap">
            <table class="data-table" id="r-history-table">
              <thead><tr><th>견적번호</th><th>작성일</th><th>고객사</th><th>담당자</th><th class="text-right">합계(VAT포함)</th><th>영업 현황</th><th>관리</th></tr></thead>
              <tbody id="r-history-body"><tr><td colspan="7" class="tbl-empty">로딩 중...</td></tr></tbody>
            </table>
          </div>
        </div>
        <!-- 모바일: 카드 뷰 -->
        <div class="history-card-list" id="r-history-card-list">
          <div class="history-card-loading">로딩 중...</div>
        </div>
      </div>
    </div>
  </div><!-- /panel-rental -->

  <!-- ════════════════════════ 관리자 패널 ════════════════════════ -->
  <div class="top-panel" id="panel-admin">
    <!-- 구매 제품 관리 -->
    <div class="admin-sub-panel active" id="admin-panel-p-products">
      <div class="page-toolbar">
        <div class="page-toolbar-left">
          <span class="page-toolbar-title">📦 구매 제품 관리</span>
          <span class="page-toolbar-sub" id="p-product-count"></span>
        </div>
        <div class="page-toolbar-right">
          <input class="toolbar-search" id="admin-product-search" placeholder="🔍 제품명/브랜드 검색..." oninput="filterAdminProducts()">
          <button class="btn btn-sm btn-primary" onclick="openProductModal()">+ 추가</button>
        </div>
      </div>
      <div style="flex:1;overflow:auto;padding:8px 12px;">
        <table class="data-table">
          <thead><tr>
            <th data-label="카테고리"><button class="th-sort-btn" onclick="sortAdminProductsBy('category')">카테고리 <span class="sort-icon">⇅</span></button></th>
            <th data-label="브랜드"><button class="th-sort-btn" onclick="sortAdminProductsBy('brand')">브랜드 <span class="sort-icon">⇅</span></button></th>
            <th data-label="제품명"><button class="th-sort-btn" onclick="sortAdminProductsBy('name')">제품명 <span class="sort-icon">⇅</span></button></th>
            <th>사양</th>
            <th>링크</th>
            <th data-label="기본가격"><button class="th-sort-btn" onclick="sortAdminProductsBy('price')">기본가격 <span class="sort-icon">⇅</span></button></th>
            <th>관리</th>
          </tr></thead>
          <tbody id="admin-product-body"><tr><td colspan="7" class="tbl-empty">로딩 중...</td></tr></tbody>
        </table>
      </div>
    </div>
    <!-- 렌탈 제품 관리 -->
    <div class="admin-sub-panel" id="admin-panel-r-products">
      <div class="page-toolbar">
        <div class="page-toolbar-left">
          <span class="page-toolbar-title">🖥️ 렌탈 제품 관리</span>
          <span class="page-toolbar-sub" id="r-product-count"></span>
        </div>
        <div class="page-toolbar-right">
          <input class="toolbar-search" id="r-admin-product-search" placeholder="🔍 제품명/브랜드 검색..." oninput="rFilterAdminProducts()">
          <button class="btn btn-sm btn-primary" onclick="rOpenProductModal()">+ 추가</button>
        </div>
      </div>
      <div style="flex:1;overflow:auto;padding:8px 12px;">
        <table class="data-table">
          <thead><tr>
            <th data-label="카테고리"><button class="th-sort-btn r-th-sort-btn" onclick="sortAdminProductsRBy('category')">카테고리 <span class="sort-icon">⇅</span></button></th>
            <th data-label="브랜드"><button class="th-sort-btn r-th-sort-btn" onclick="sortAdminProductsRBy('brand')">브랜드 <span class="sort-icon">⇅</span></button></th>
            <th data-label="제품명"><button class="th-sort-btn r-th-sort-btn" onclick="sortAdminProductsRBy('name')">제품명 <span class="sort-icon">⇅</span></button></th>
            <th>사양</th>
            <th data-label="일 렌탈료"><button class="th-sort-btn r-th-sort-btn" onclick="sortAdminProductsRBy('daily')">일 렌탈료 <span class="sort-icon">⇅</span></button></th>
            <th data-label="월 렌탈료"><button class="th-sort-btn r-th-sort-btn" onclick="sortAdminProductsRBy('monthly')">월 렌탈료 <span class="sort-icon">⇅</span></button></th>
            <th>관리</th>
          </tr></thead>
          <tbody id="r-admin-product-body"><tr><td colspan="7" class="tbl-empty">로딩 중...</td></tr></tbody>
        </table>
      </div>
    </div>

    <!-- 스펙 관리 패널 -->
    <div class="admin-sub-panel" id="admin-panel-spec">
      <div class="spec-admin-wrap">
        <!-- 헤더 -->
        <div class="spec-admin-header">
          <h2 class="page-toolbar-title">⚙️ 스펙 · 카테고리 관리</h2>
          <div class="meta-subtle">제품 카테고리와 PC 스펙 항목·옵션을 관리합니다</div>
        </div>
        <!-- 3열 그리드 -->
        <div class="spec-3col-grid">
          <!-- 카테고리 섹션 -->
          <div class="spec-section">
            <div class="spec-section-bar">
              <span class="label-navy">🏷️ 카테고리</span>
              <div class="d-flex-center">
                <input type="text" id="cat-new-name" placeholder="새 카테고리명" class="cat-input"
                  onkeydown="if(event.key==='Enter') addCategoryItem()">
                <button class="btn btn-sm btn-primary" onclick="addCategoryItem()">+ 추가</button>
              </div>
            </div>
            <div id="cat-admin-list" class="spec-cat-body"></div>
          </div>
          <!-- 스펙 항목 섹션 -->
          <div class="spec-section">
            <div class="spec-section-bar">
              <span class="label-navy">스펙 항목</span>
              <button class="btn btn-sm btn-primary" onclick="openSpecCatModal()">+ 추가</button>
            </div>
            <div id="spec-cat-list" class="spec-cat-body"></div>
          </div>
          <!-- 스펙 옵션 섹션 -->
          <div class="spec-section">
            <div class="spec-section-bar">
              <span id="spec-opt-header" class="label-navy">스펙 옵션 목록</span>
              <button class="btn btn-sm btn-primary" onclick="openSpecOptModal()">+ 옵션 추가</button>
            </div>
            <div id="spec-opt-list" class="spec-opt-body"></div>
          </div>
        </div>
      </div>
    </div>

  </div><!-- /panel-admin -->

  <!-- ===== 고객사 패널 — 2026-10-09 영업 현황 > 고객사 (목록 툴바 · 6칸 표, 모바일은 CSS 로 3줄 카드) ===== -->
  <div class="top-panel" id="panel-clients">
    <div class="history-wrap">
      <div class="page-toolbar list-toolbar">
        <div class="lt-head">
          <span class="page-toolbar-title">고객사</span>
          <span class="page-toolbar-sub"><span id="client-total-count">0</span>곳</span>
          <div class="hist-scope-btns">
            <button class="hist-scope-btn active" id="cl-scope-quoted" onclick="_ccSetScope('quoted')">견적 있는 고객사</button>
            <button class="hist-scope-btn" id="cl-scope-all" onclick="_ccSetScope('all')">전체</button>
          </div>
        </div>
        <input class="toolbar-search lt-search" id="client-search" placeholder="회사명 · 담당자 검색" oninput="filterClients()">
        <div class="lt-filters">
          <select id="cl-filter-owner" class="toolbar-select" onchange="filterClients()" title="영업 담당"><option value="">영업 담당</option></select>
          <select id="cl-sort" class="toolbar-select" onchange="filterClients()" title="정렬">
            <option value="recent">최근 견적순</option>
            <option value="old">오래된 순</option>
            <option value="name">이름순</option>
          </select>
          <div class="lt-more">
            <button type="button" class="lt-more-btn" onclick="_tbToggleMore(event,this)" aria-label="더보기" title="더보기">⋯</button>
            <div class="lt-more-menu">
              <button type="button" onclick="_tbCloseMore();loadClients()">새로고침</button>
              <button type="button" onclick="_tbCloseMore();_ccResetFilters()">필터 처음으로</button>
            </div>
          </div>
          <button class="btn btn-primary cl-add-btn" onclick="openClientModal()">+ 추가</button>
        </div>
      </div>
      <div class="cl-list">
        <table class="data-table cl-table">
          <thead><tr><th>회사명</th><th>고객 담당자</th><th>마지막 견적</th><th>견적일</th><th>견적 수</th><th>영업 담당</th></tr></thead>
          <tbody id="client-list-body">
            <tr><td colspan="6" class="tbl-empty">로딩 중...</td></tr>
          </tbody>
        </table>
        <div id="client-pagination" class="pagination-wrap"></div>
      </div>
    </div>

</div><!-- /panel-clients -->

<!-- 2026-10-14 구매품의서 목록 (영업 현황 > 구매품의서, approval-list.js) -->
<div class="top-panel" id="panel-approvals">
  <div class="history-wrap">
    <div class="page-toolbar list-toolbar">
      <div class="lt-head">
        <span class="page-toolbar-title">구매품의서</span>
        <span class="page-toolbar-sub"><span id="pal-count">0</span>건</span>
      </div>
      <input class="toolbar-search lt-search" id="pal-search" placeholder="업체명 · 품명 · 매입처 검색" oninput="_palRender()">
      <div class="lt-filters">
        <select id="pal-period" class="toolbar-select" onchange="_palRender()" title="작성일 기간">
          <option value="month">이번 달</option><option value="prev">지난 달</option><option value="year">올해</option><option value="all">전체 기간</option>
        </select>
        <select id="pal-owner" class="toolbar-select" onchange="_palRender()" title="영업 담당"><option value="">영업 담당</option></select>
        <select id="pal-status" class="toolbar-select" onchange="_palRender()" title="영업상태">
          <option value="">상태 전체</option><option value="won">수주만</option>
        </select>
        <select id="pal-proc" class="toolbar-select" onchange="_palRender()" title="구매품의 처리 상태">
          <option value="">구매품의 전체</option><option value="req">처리 요청</option><option value="done">처리 완료</option><option value="mod">완료 후 수정됨</option><option value="none">처리 요청 전</option>
        </select>
        <div class="lt-more">
          <button type="button" class="lt-more-btn" onclick="_tbToggleMore(event,this)" aria-label="더보기" title="더보기">⋯</button>
          <div class="lt-more-menu">
            <button type="button" onclick="_tbCloseMore();_palLoad(true)">새로고침</button>
            <button type="button" onclick="_tbCloseMore();_palReset()">필터 처음으로</button>
          </div>
        </div>
      </div>
    </div>
    <div class="pal-list">
      <table class="data-table pal-table">
        <thead><tr><th>작성일</th><th>업체명</th><th>담당자</th><th>매출가</th><th>매입가</th><th>마진</th><th>마진율</th><th>영업상태</th><th>구매품의</th><th></th></tr></thead>
        <tbody id="pal-body"><tr><td colspan="10" class="tbl-empty">로딩 중...</td></tr></tbody>
        <tfoot id="pal-foot"></tfoot>
      </table>
    </div>
  </div>
</div><!-- /panel-approvals -->

<!-- 2026-10-16 물품 인수증 목록 (견적 이력 > 인수증, delivery-list.js) -->
<div class="top-panel" id="panel-receipts">
  <div class="history-wrap">
    <div class="page-toolbar list-toolbar">
      <div class="lt-head">
        <span class="page-toolbar-title">물품 인수증</span>
        <span class="page-toolbar-sub"><span id="drl-count">0</span>건</span>
      </div>
      <input class="toolbar-search lt-search" id="drl-search" placeholder="고객사 · 견적번호 · 품명 검색" oninput="_drlRender()">
      <div class="lt-filters">
        <select id="drl-period" class="toolbar-select" onchange="_drlRender()" title="인수일 기간">
          <option value="month">이번 달</option><option value="prev">지난 달</option><option value="year">올해</option><option value="all">전체 기간</option>
        </select>
        <select id="drl-type" class="toolbar-select" onchange="_drlRender()" title="구매·렌탈">
          <option value="">구매·렌탈</option><option value="purchase">구매</option><option value="rental">렌탈</option>
        </select>
        <select id="drl-sig" class="toolbar-select" onchange="_drlRender()" title="이 인수증 서명">
          <option value="">서명 전체</option><option value="ok">서명 완료</option><option value="wait">서명 전</option>
        </select>
        <select id="drl-dl" class="toolbar-select" onchange="_drlRender()" title="견적 전체 납품 상태">
          <option value="">납품 전체</option><option value="ok">납품 완료</option><option value="wait">서명 남음</option><option value="part">일부 납품</option>
        </select>
        <div class="lt-more">
          <button type="button" class="lt-more-btn" onclick="_tbToggleMore(event,this)" aria-label="더보기" title="더보기">⋯</button>
          <div class="lt-more-menu">
            <button type="button" onclick="_tbCloseMore();_drlLoad(true)">새로고침</button>
            <button type="button" onclick="_tbCloseMore();_drlReset()">필터 처음으로</button>
          </div>
        </div>
      </div>
    </div>
    <div class="drl-list">
      <table class="data-table drl-table">
        <thead><tr><th>인수일시</th><th>고객사</th><th>견적번호</th><th>차수</th><th>품목</th><th>수량</th><th>담당 인도자</th><th>서명</th><th>납품</th><th></th></tr></thead>
        <tbody id="drl-body"><tr><td colspan="10" class="tbl-empty">로딩 중...</td></tr></tbody>
      </table>
    </div>
  </div>
</div><!-- /panel-receipts -->

<!-- 목록 관리 패널 (고객사/제품 서브탭) -->
<div class="top-panel" id="panel-catalog">
  <div id="catalog-clients-wrap" class="catalog-sub-panel active"></div>
  <div id="catalog-admin-wrap" class="catalog-sub-panel" style="display:none;"></div>
</div><!-- /panel-catalog -->

  <!-- ════════════════════════ 회원 관리 패널 ════════════════════════ -->
  <div class="top-panel" id="panel-members">
    <div style="display:flex;flex-direction:column;flex:1;min-height:0;gap:0;overflow:hidden;">
      <div class="page-toolbar">
        <div class="page-toolbar-left">
          <span class="page-toolbar-title">👥 회원 관리</span>
          <span class="page-toolbar-sub">총 <span id="members-total-count">0</span>명</span>
        </div>
        <div class="page-toolbar-right">
          <input class="toolbar-search" id="members-search" placeholder="🔍 이름 / 이메일 검색..." oninput="filterMembers()">
          <button class="btn btn-sm btn-secondary" onclick="loadMembers()" title="새로고침">🔄</button>
        </div>
      </div>
      <div style="flex:1;overflow:auto;padding:8px 12px;">
        <div style="flex:1;overflow:auto;" class="table-scroll-wrap">
          <table class="data-table">
            <thead><tr>
              <th>이름</th>
              <th>상태</th>
              <th>이메일</th>
              <th>연락처</th>
              <th>시스템 역할</th>
              <th>업무 역할</th>
              <th>관리</th>
            </tr></thead>
            <tbody id="members-table-body">
              <tr><td colspan="6" class="tbl-empty">로딩 중...</td></tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div><!-- /panel-members -->

<!-- 2026-10-19 렌탈 관리 (rental-assets.js 가 안을 그림) -->
<div class="top-panel" id="panel-porders"></div>
<div class="top-panel" id="panel-inquiry"></div><!-- 2026-10-22 온라인 문의 (inquiry.js 가 채움) -->
<div class="top-panel" id="panel-suhyup"></div><!-- 2026-11-11 수협 주문 (suhyup.js 가 채움) -->
<div class="top-panel" id="panel-special"></div><!-- 2026-11-12 특가 주문 (special.js 가 채움) -->
<div class="top-panel" id="panel-docs"></div><!-- 2026-10-20 수주 관리 > 서류함 (docbox.js 가 채움) --><!-- 2026-10-20 수주 관리 > 구매 수주 (purchase-orders.js 가 채움) -->
<div class="top-panel" id="panel-rentmgmt">
  <div class="ras-pane active" id="ras-assets"></div>
  <div class="ras-pane" id="ras-stock"></div>
  <div class="ras-pane" id="ras-models"></div>
  <div class="ras-pane" id="ras-assign"></div>
</div><!-- /panel-rentmgmt -->
<div class="top-panel" id="panel-rintake"></div><!-- 2026-11-06 자산 관리 > 입고 (rental-intake.js 가 채움) -->
<div class="top-panel" id="panel-rterms"></div><!-- 2026-10-21 자산 관리 > 약관 (rental-terms.js 가 채움) -->
<div class="top-panel" id="panel-rbilling"></div><!-- 2026-10-21 수주 관리 > 정기 청구 (rental-billing.js 가 채움) -->
<div class="top-panel" id="panel-rship"></div><!-- 2026-11-05 수주 관리 > 렌탈 출고 (rental-ship.js 가 채움) -->

<div class="top-panel" id="panel-dashboard">
  <div class="dash-wrap">
    <div class="dash-toolbar">
      <div class="dash-toolbar-left">
        <h2 class="dash-title">영업 현황</h2>
      </div>
      <div class="dash-toolbar-right">
        <!-- 연도 선택 -->
        <select class="dash-select" id="dash-year-sel" onchange="onDashYearChange(this.value)"></select>
        <!-- 기간 모드 탭 -->
        <div class="dash-period-tabs" style="display:none;"><!-- 2026-11-04 숨김: 기간은 연도 + 월(연간) 드롭으로만 -->
          <button class="dash-period-tab active" id="dptab-month"   onclick="onDashModeChange('month',this)">월별</button>
          <button class="dash-period-tab"        id="dptab-quarter" onclick="onDashModeChange('quarter',this)">분기</button>
          <button class="dash-period-tab"        id="dptab-year"    onclick="onDashModeChange('year',this)">연간</button>
          <button class="dash-period-tab"        id="dptab-custom"  onclick="onDashModeChange('custom',this)">직접입력</button>
        </div>
        <!-- 월 선택 (월별 모드) -->
        <select class="dash-select" id="dash-month-sel" onchange="onDashMonthChange(this.value)">
          <option value="0">연간</option><!-- 2026-11-04 -->
          <option value="1">1월</option><option value="2">2월</option><option value="3">3월</option>
          <option value="4">4월</option><option value="5">5월</option><option value="6">6월</option>
          <option value="7">7월</option><option value="8">8월</option><option value="9">9월</option>
          <option value="10">10월</option><option value="11">11월</option><option value="12">12월</option>
        </select>
        <!-- 분기 선택 (분기 모드) -->
        <select class="dash-select" id="dash-quarter-sel" style="display:none;" onchange="onDashQuarterChange(this.value)">
          <option value="1">1분기 (1~3월)</option>
          <option value="2">2분기 (4~6월)</option>
          <option value="3">3분기 (7~9월)</option>
          <option value="4">4분기 (10~12월)</option>
        </select>
        <!-- 직접입력 (custom 모드) -->
        <div id="dash-custom-range" style="display:none;align-items:center;gap:4px;">
          <input type="date" id="dash-date-from" class="dash-date-input" onchange="onDashCustomDateChange()">
          <span style="color:#94a3b8;font-size:12px">~</span>
          <input type="date" id="dash-date-to" class="dash-date-input" onchange="onDashCustomDateChange()">
        </div>
        <!-- 유형 / 담당자 -->
        <select class="dash-select" onchange="onDashTypeChange(this.value)">
          <option value="all">전체 유형</option>
          <option value="purchase">구매 견적</option>
          <option value="rental">렌탈 견적</option>
        </select>
        <select class="dash-select" id="dash-sales-filter" onchange="onDashSalesChange(this.value)">
          <option value="">전체 담당자</option>
        </select>
        <select class="dash-select" id="dash-src-filter" onchange="_sbOnSrcChange(this.value)" title="유입처">
          <option value="">전체 유입처</option>
        </select>
        <button class="dash-refresh-btn" onclick="loadDashboard()" title="새로고침" aria-label="새로고침"><i class="ti ti-refresh" aria-hidden="true"></i></button>
      </div>
    </div>
    <div id="dash-loading" style="display:none;position:absolute;inset:0;background:rgba(245,247,252,.7);z-index:10;align-items:center;justify-content:center;">
      <div class="dash-spinner"></div>
    </div>
    <!-- 5-2: 영업 현황판 (성과·챙길일·현황판·고객유입 모두 sb-wrap에서 렌더) -->
    <div id="sb-wrap"></div>
    <!-- 거래처별 견적 묶음 — [6] 화면 제거 (함수·DOM·ID 유지, 고객사 상세에서 재활용 예정) -->
    <div class="dash-card" id="dash-client-quotes-card" style="display:none;">
      <div class="dash-card-title" style="justify-content:space-between;">
        <span>🏢 거래처별 견적 현황 <span class="dash-card-sub" id="dash-cq-period-label"></span></span>
        <div style="display:flex;align-items:center;gap:8px;">
          <span style="font-size:11px;color:#94a3b8;">거래처 <strong id="dash-cq-company-count" style="color:#1B3A6B;">-</strong>개 &middot; 견적 <strong id="dash-cq-quote-count" style="color:#1B3A6B;">-</strong>건</span>
          <button class="dash-refresh-btn" onclick="_toggleAllClientGroups()" title="전체 펼치기/접기" id="dash-cq-toggle-btn" style="width:auto;padding:0 10px;font-size:11px;">전체 펼치기</button>
        </div>
      </div>
      <div id="dash-client-quotes-wrap">
        <div style="padding:32px;text-align:center;color:#94a3b8;font-size:13px;">로딩 중...</div>
      </div>
    </div>
  </div>
</div><!-- /panel-dashboard -->

</div><!-- #app -->

<!-- ===== 모달: 구매 스펙 ===== -->
<!-- 구매 수정견적(rev) 사유 입력 모달 -->
<div class="modal-overlay" id="p-modal-rev" data-no-overlay-close>
  <div class="modal-box" style="max-width:420px;">
    <div class="modal-header">
      <h2 class="modal-title">수정견적 작성</h2>
      <button class="modal-close" onclick="closeModal('p-modal-rev')">✕</button>
    </div>
    <div class="modal-body">
      <p style="font-size:13px;color:#555;margin-bottom:12px;">
        승인된 견적을 기반으로 수정견적(rev)을 작성합니다.<br>
        원본 견적은 그대로 유지되며, 새 견적으로 저장됩니다.
      </p>
      <label style="font-size:12px;font-weight:600;color:#374151;display:block;margin-bottom:4px;">
        수정 사유 <span style="color:#e53935;">*</span>
      </label>
      <textarea id="p-rev-reason" class="field-input"
        style="width:100%;min-height:80px;resize:vertical;font-size:13px;"
        placeholder="예) 납품 수량 변경, 단가 조정, 사양 변경 등"></textarea>
      <p style="font-size:11px;color:#999;margin-top:4px;">
        사유는 내부 기록용이며 고객에게 표시되지 않습니다.
      </p>
    </div>
    <div class="modal-footer" style="display:flex;gap:8px;justify-content:flex-end;">
      <button class="btn btn-secondary" onclick="closeModal('p-modal-rev')">취소</button>
      <button id="p-rev-submit-btn" class="btn btn-primary" onclick="submitRev()">수정견적 작성</button>
    </div>
  </div>
</div>

<div class="modal-overlay" id="modal-aq" data-no-overlay-close>
  <!-- 2026-10-09 견적 품목 창 정리: 카탈로그 카드 → [견적서 표시 정보 수정][사양 옵션·기준가](접힘) → 판매가·수량 → 원가·마진(접힘), 합계 아래 고정.
       id·계산 함수는 그대로. 글자 16/14/12px 세 단계, 색은 기준표(--ds-*) -->
  <div class="modal-box qm-modal" style="width:520px;max-width:96vw;">
    <div class="modal-header">
      <h2 id="aq-title">품목 추가</h2>
      <button class="modal-close" onclick="closeModal('modal-aq')">✕</button>
    </div>
    <div class="modal-body qm-body">

      <!-- ① 카탈로그 원본 (읽기 전용, JS로 채워짐) -->
      <div class="qm-catalog" id="aq-catalog">
        <div id="aq-product-info" class="aq-product-compact qm-product-info"></div>
        <button type="button" class="qm-more-btn" id="aq-spec-more" onclick="_qmToggleSpecAll('aq-catalog',this)" hidden>사양 전체 보기</button>
      </div>

      <!-- ② 고치는 곳 (접힘 두 줄) -->
      <div class="qm-folds">
        <button type="button" class="qm-fold-head" onclick="_qmToggle('aq-name-edit',this)">
          <span class="qm-fold-title">견적서 표시 정보 수정</span>
          <span class="qm-fold-sum">제품명 · 브랜드 · 사양<span class="qm-caret" aria-hidden="true">⌄</span></span>
        </button>
        <div class="qm-fold-body" id="aq-name-edit" hidden>
          <div class="qm-note">견적서에만 반영되고, 카탈로그 원본은 바뀌지 않습니다</div>
          <div>
            <div class="field-label">제품명</div>
            <input class="field-input" type="text" id="aq-product-name" placeholder="제품명">
          </div>
          <div class="qm-grid2">
            <div>
              <div class="field-label">브랜드</div>
              <input class="field-input" type="text" id="aq-brand" placeholder="브랜드">
            </div>
            <div>
              <div class="field-label">카테고리</div>
              <input class="field-input" type="text" id="aq-category" placeholder="카테고리">
            </div>
          </div>
          <div>
            <div class="field-label">사양</div>
            <textarea class="field-input qm-textarea" id="aq-spec-edit" rows="4" placeholder="줄바꿈으로 항목 구분"></textarea>
          </div>
        </div>

        <button type="button" class="qm-fold-head" onclick="_qmToggle('aq-spec-body',this)">
          <span class="qm-fold-title">사양 옵션 · 기준가</span>
          <span class="qm-fold-sum"><span id="aq-ref-summary"></span><span class="qm-caret" aria-hidden="true">⌄</span></span>
        </button>
        <div class="qm-fold-body qm-spec-body" id="aq-spec-body" hidden>
          <div class="qm-base-row">
            <span>기본가</span>
            <input class="qm-amount" type="number" id="aq-base-price" oninput="recalcAQPrice()" placeholder="0" title="눌러서 수정">
          </div>
          <div id="spec-opts"></div>
          <div class="qm-ref-row">
            <span>기준가 <span class="qm-sub">사양 <span id="aq-spec-extra">0</span></span></span>
            <span id="aq-ref-price">0</span>
          </div>
        </div>
      </div>

      <!-- ③ 금액 (묶음 상자) -->
      <div class="qm-group">
        <div class="qm-group-title">금액</div>
        <div class="qm-row">
          <span class="qm-row-label">판매가</span>
          <input class="field-input qm-num qm-ctl" type="number" id="aq-unit" placeholder="0" oninput="aqOnPriceInput()">
        </div>
        <div class="qm-row">
          <span class="qm-row-label">수량</span>
          <div class="qm-stepper qm-ctl">
            <button type="button" onclick="_qmStep('aq-qty',-1)" aria-label="수량 줄이기">−</button>
            <input type="number" id="aq-qty" min="1" value="1" oninput="aqUpdateTotal()">
            <button type="button" onclick="_qmStep('aq-qty',1)" aria-label="수량 늘리기">+</button>
          </div>
        </div>
      </div>

      <!-- ④ 원가 · 마진 (내부용, 접힘) — 4방향 연동 계산은 기존 그대로 -->
      <div class="qm-cost">
        <button type="button" class="qm-fold-head" onclick="_qmToggle('aq-cost-body',this)">
          <span class="qm-fold-title">원가 · 마진 <span class="qm-sub">내부용 · 견적서에 안 나옴</span></span>
          <span class="qm-fold-sum"><span id="aq-cost-summary"></span><span class="qm-caret" aria-hidden="true">⌄</span></span>
        </button>
        <div class="qm-fold-body" id="aq-cost-body" hidden>
          <div>
            <div class="field-label">매입처</div>
            <input class="field-input" type="text" id="aq-supplier" placeholder="공급업체명">
          </div>
          <div class="qm-grid2">
            <div>
              <div class="field-label">매입원가</div>
              <input class="field-input qm-num" type="number" id="aq-cost-input" placeholder="0" oninput="aqOnCostInput()">
            </div>
            <div class="qm-vat">
              <label><input type="checkbox" id="aq-cost-vat" onchange="aqOnVatChange()"> VAT 포함</label>
              <span>실원가 <span id="aq-actual-cost">-</span></span>
            </div>
          </div>
          <div class="qm-grid2">
            <div>
              <div class="field-label">마진율 (%) <span class="qm-sub">원가 기준</span></div>
              <input class="field-input qm-num" type="number" id="aq-margin-rate" placeholder="0.0" step="0.1" oninput="aqOnMarginRateInput()">
            </div>
            <div>
              <div class="field-label">마진금액</div>
              <input class="field-input qm-num" type="number" id="aq-margin-amount" placeholder="0" oninput="aqOnMarginAmountInput()">
            </div>
          </div>
          <div class="qm-margin-hint"><span id="aq-margin-hint" class="aq-margin-hint"></span></div>
        </div>
      </div>

    </div>
    <div class="modal-footer qm-footer">
      <div class="qm-total">
        <span>합계 <span class="qm-sub" id="aq-total-hint"></span></span>
        <span id="aq-total-val" class="qm-total-val">0</span>
      </div>
      <div class="qm-actions">
        <button class="btn btn-secondary" onclick="closeModal('modal-aq')">취소</button>
        <button class="btn btn-primary" id="aq-submit-btn" onclick="addToQuote()">품목 추가</button>
      </div>
    </div>
  </div>
</div>

<!-- ===== 모달: 구매 고객사 선택 ===== -->
<div class="modal-overlay" id="modal-client-picker" data-no-overlay-close>
  <div class="modal-box client-picker-box">
    <div class="modal-header">
      <h2>📋 고객사 선택</h2>
      <button class="modal-close" onclick="closeModal('modal-client-picker')">✕</button>
    </div>
    <div class="cpi-search-wrap">
      <input class="field-input cpi-search-input" id="cpi-search"
        placeholder="🔍 회사명 / 담당자 검색..."
        oninput="onCpiSearchInput('purchase')"
        autocomplete="off"
        autocorrect="off"
        autocapitalize="off"
        spellcheck="false">
    </div>
    <div class="modal-body cpi-body" id="cpi-list">
      <div class="cpi-loading">불러오는 중...</div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closeModal('modal-client-picker')">닫기</button>
    </div>
  </div>
</div>

<div class="modal-overlay" id="modal-r-client-picker" data-no-overlay-close>
  <div class="modal-box client-picker-box">
    <div class="modal-header">
      <h2 class="text-r-primary">📋 고객사 선택</h2>
      <button class="modal-close" onclick="closeModal('modal-r-client-picker')">✕</button>
    </div>
    <div class="cpi-search-wrap">
      <input class="field-input cpi-search-input r-cpi-search-input" id="r-cpi-search"
        placeholder="🔍 회사명 / 담당자 검색..."
        oninput="onCpiSearchInput('rental')"
        autocomplete="off"
        autocorrect="off"
        autocapitalize="off"
        spellcheck="false">
    </div>
    <div class="modal-body cpi-body" id="r-cpi-list">
      <div class="cpi-loading">불러오는 중...</div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-r-secondary" onclick="closeModal('modal-r-client-picker')">닫기</button>
    </div>
  </div>
</div>

<div class="modal-overlay" id="modal-preview">
  <div class="modal-box preview-modal-box">
    <div class="preview-modal-header">
      <button class="btn btn-secondary" onclick="closeModal('modal-preview')">✕ 닫기</button>
    </div>
    <div id="preview-content" style="flex:1;overflow-y:auto;overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box;"></div>
    <div class="preview-modal-footer">
      <!-- 링크복사 버튼 임시 비활성화 (기능 유지, UI만 숨김) -->
      <button class="btn btn-success" id="btn-copy-link" onclick="copyShareLink()" style="display:none !important;">링크복사</button>
      <button class="btn btn-secondary" id="btn-qml-quote" onclick="typeof _qmlStart==='function'&&_qmlStart('p','preview')">✉️ PDF 저장 · 메일</button><!-- 2026-10-30 quote-mail.js -->
      <button class="btn btn-primary" id="btn-print-quote" onclick="printQuote()">🖨️ 인쇄 / PDF</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 구매 제품 관리 ===== -->
<div class="modal-overlay" id="modal-product" data-no-overlay-close>
  <div class="modal-box">
    <div class="modal-header">
      <h2 id="pm-title">구매 제품 추가</h2>
      <button class="modal-close" onclick="closeModal('modal-product')">✕</button>
    </div>
    <div class="modal-body">
      <div class="form-group"><label>제품명 *</label><input class="field-input" id="pm-name" placeholder="제품명"></div>
      <div class="form-row">
        <div class="form-group">
          <label>브랜드</label>
          <select class="field-input" id="pm-brand">
            <option>HP</option><option>Samsung</option><option>LG</option>
            <option>Lenovo</option><option>Dell</option><option>Apple</option><option>기타</option>
          </select>
        </div>
        <div class="form-group">
          <label>카테고리</label>
          <select class="field-input" id="pm-category">
            <option>노트북</option><option>데스크탑</option><option>워크스테이션</option>
            <option>모니터</option><option>서버</option><option>스토리지</option><option>기타</option>
          </select>
        </div>
      </div>
      <div class="form-group"><label>기본 단가 (원) *</label>
        <input class="field-input" type="text" inputmode="numeric" id="pm-price" placeholder="1,000,000" autocomplete="off"
          oninput="this.value=this.value.replace(/[^0-9]/g,'')"
          style="ime-mode:disabled;">
      </div>
      <div class="form-group"><label>사양 설명</label><textarea class="field-input" id="pm-spec" rows="3" placeholder="CPU, RAM, SSD 등"></textarea></div>
      <div class="form-group"><label>제품 특징/설명</label><textarea class="field-input" id="pm-feature" rows="2" placeholder="주요 특징, 용도, 추가 정보 등"></textarea></div>
      <div class="form-group">
        <label>제품 링크 <span class="text-muted fs-11">(선택 · 제조사/상세 페이지 URL)</span></label>
        <input class="field-input" id="pm-info-url" placeholder="https://...">
      </div>
      <div class="form-group">
        <label>제품 소개 이미지 <span class="text-muted fs-11">(선택 · JPG/PNG만 가능 · 5MB 이하 · 최대 10장)</span></label>
        <div class="pim-list" id="pm-image-list" style="display:none;"></div>
        <div id="pm-image-preview-wrap" style="margin-bottom:8px;display:none;">
          <img id="pm-image-preview" src="" onclick="openImageFullSize(this.src)" style="max-width:100%;max-height:120px;border-radius:6px;border:1px solid #e2e8f0;display:block;margin-bottom:4px;cursor:pointer;" title="클릭하면 크게 봅니다">
          <button type="button" onclick="clearProductImage()" style="color:#ef4444;background:none;border:none;cursor:pointer;font-size:12px;padding:0;">✕ 이미지 제거</button>
        </div>
        <div style="display:flex;gap:8px;align-items:center;">
          <label for="pm-image-file" class="btn btn-secondary btn-sm" style="cursor:pointer;margin:0;">📁 이미지 추가</label>
          <input type="file" id="pm-image-file" accept="image/jpeg,image/png" multiple style="display:none;" onchange="_pimAdd('pm', this)">
          <span id="pm-image-status" style="font-size:12px;color:#64748b;"></span>
        </div>
        <input type="hidden" id="pm-image-url" value="">
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closeModal('modal-product')">취소</button>
      <button class="btn btn-primary" onclick="saveProduct()">저장</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 렌탈 견적 추가 ===== -->
<!-- 수정견적(rev) 사유 입력 모달 -->
<div class="modal-overlay" id="r-modal-rev" data-no-overlay-close>
  <div class="modal-box" style="max-width:420px;">
    <div class="modal-header">
      <h2 class="text-r-primary">수정견적 작성</h2>
      <button class="modal-close" onclick="closeModal('r-modal-rev')">✕</button>
    </div>
    <div class="modal-body">
      <p style="font-size:13px;color:#555;margin-bottom:12px;">
        승인된 견적을 기반으로 수정견적(rev)을 작성합니다.<br>
        원본 견적은 그대로 유지되며, 새 견적으로 저장됩니다.
      </p>
      <label style="font-size:12px;font-weight:600;color:#1565c0;display:block;margin-bottom:4px;">
        수정 사유 <span style="color:#e53935;">*</span>
      </label>
      <textarea id="r-rev-reason" class="field-input"
        style="width:100%;min-height:80px;resize:vertical;font-size:13px;"
        placeholder="예) 렌탈 기간 변경, 수량 조정, 단가 수정 등"></textarea>
      <p style="font-size:11px;color:#999;margin-top:4px;">
        사유는 내부 기록용이며 고객에게 표시되지 않습니다.
      </p>
    </div>
    <div class="modal-footer" style="display:flex;gap:8px;justify-content:flex-end;">
      <button class="btn btn-secondary" onclick="closeModal('r-modal-rev')">취소</button>
      <button id="r-rev-submit-btn" class="btn btn-r-primary" onclick="rSubmitRev()">수정견적 작성</button>
    </div>
  </div>
</div>

<div class="modal-overlay" id="r-modal-atq" data-no-overlay-close>
  <!-- 2026-10-09 품목 창 디자인 통일 (구매 카탈로그 창과 같은 규칙). id·계산 함수 그대로 -->
  <div class="modal-box qm-modal" style="width:520px;max-width:96vw;">
    <div class="modal-header">
      <h2 id="r-atq-title">품목 추가</h2>
      <button class="modal-close" onclick="closeModal('r-modal-atq')">✕</button>
    </div>
    <div class="modal-body qm-body">
      <!-- ① 카탈로그 원본 (JS로 채워짐) -->
      <div class="qm-catalog" id="r-atq-catalog">
        <div class="atq-product-info qm-product-info" id="r-atq-info"></div>
        <button type="button" class="qm-more-btn" id="r-atq-spec-more" onclick="_qmToggleSpecAll('r-atq-catalog',this)" hidden>사양 전체 보기</button>
      </div>

      <!-- 2026-10-19 실제 모델 (그 렌탈 제품에 모델이 있을 때만 보임, rental.js _rAtqLoadModels) -->
      <div class="qm-group" id="r-atq-model-group" hidden>
        <div class="qm-group-title">실제 모델</div>
        <div class="qm-row">
          <span class="qm-row-label">모델</span>
          <select class="field-input qm-ctl" id="r-atq-model" onchange="_rAtqOnModelChange()" style="width:auto !important;flex:1 1 auto;min-width:0;"></select>
        </div>
        <div class="qm-note" id="r-atq-stock-hint" style="padding:0 14px 10px;"></div>
      </div>

      <!-- ② 고치는 곳 (접힘) -->
      <div class="qm-folds">
        <button type="button" class="qm-fold-head" onclick="_qmToggle('r-atq-name-edit',this)">
          <span class="qm-fold-title">견적서 표시 정보 수정</span>
          <span class="qm-fold-sum">제품명 · 브랜드 · 사양<span class="qm-caret" aria-hidden="true">⌄</span></span>
        </button>
        <div class="qm-fold-body" id="r-atq-name-edit" hidden>
          <div class="qm-note">견적서에만 반영되고, 카탈로그 원본은 바뀌지 않습니다</div>
          <div>
            <div class="field-label">제품명</div>
            <input class="field-input" type="text" id="r-atq-product-name" placeholder="제품명">
          </div>
          <div class="qm-grid2">
            <div><div class="field-label">브랜드</div><input class="field-input" type="text" id="r-atq-brand" placeholder="브랜드"></div>
            <div><div class="field-label">카테고리</div><input class="field-input" type="text" id="r-atq-category" placeholder="카테고리"></div>
          </div>
          <div>
            <div class="field-label">사양</div>
            <textarea class="field-input qm-textarea" id="r-atq-spec-text" rows="4" placeholder="줄바꿈으로 항목 구분"></textarea>
          </div>
        </div>
        <div id="r-atq-spec-fold" class="qm-fold-group" hidden>
          <button type="button" class="qm-fold-head" onclick="_qmToggle('r-atq-spec-body',this)">
            <span class="qm-fold-title">사양 옵션</span>
            <span class="qm-fold-sum"><span id="r-atq-spec-summary"></span><span class="qm-caret" aria-hidden="true">⌄</span></span>
          </button>
          <div class="qm-fold-body qm-spec-body" id="r-atq-spec-body" hidden>
            <div id="r-atq-spec-opts"></div>
            <div class="qm-note">고른 옵션 금액은 단가에 자동으로 더해집니다</div>
          </div>
        </div>
      </div>
      <input type="hidden" id="r-atq-base-price" value="0">

      <!-- ③ 렌탈 조건 (묶음 상자) -->
      <div class="qm-group">
        <div class="qm-group-title">렌탈 조건</div>
        <div class="qm-row">
          <span class="qm-row-label">단위</span>
          <div class="qm-seg qm-seg-3 qm-ctl rental-type-toggle">
            <button type="button" class="qm-seg-btn rtt-btn active" id="r-atq-daily-btn" onclick="rSetAtqType('일')">일</button>
            <button type="button" class="qm-seg-btn rtt-btn" id="r-atq-monthly-btn" onclick="rSetAtqType('월')">월</button>
            <button type="button" class="qm-seg-btn rtt-btn" id="r-atq-custom-btn" onclick="rSetAtqType('직접')">직접 입력</button>
          </div>
        </div>
        <div class="qm-row" id="r-atq-duration-group">
          <span class="qm-row-label">기간</span>
          <span id="r-atq-duration-label" hidden></span>
          <div class="qm-stepper qm-ctl">
            <button type="button" onclick="_qmStep('r-atq-duration',-1)" aria-label="기간 줄이기">−</button>
            <input type="number" id="r-atq-duration" value="1" min="1" oninput="rUpdateAtqCalc()" class="qm-has-suffix">
            <span class="qm-suffix" id="r-atq-dur-suffix">일</span>
            <button type="button" onclick="_qmStep('r-atq-duration',1)" aria-label="기간 늘리기">+</button>
          </div>
        </div>
        <div class="qm-row" id="r-atq-custom-group" style="display:none;">
          <span class="qm-row-label">기간</span>
          <input class="field-input qm-ctl" type="text" id="r-atq-duration-text" placeholder="예: 10일, 2박3일" oninput="rUpdateAtqCalc()">
        </div>
      </div>

      <!-- ④ 금액 (묶음 상자) -->
      <div class="qm-group">
        <div class="qm-group-title">금액</div>
        <div class="qm-row">
          <span class="qm-row-label" id="r-atq-unit-label">일 렌탈료</span>
          <input class="field-input qm-num qm-ctl" type="number" id="r-atq-unit" oninput="rUpdateAtqCalc()">
        </div>
        <div class="qm-row">
          <span class="qm-row-label">수량</span>
          <div class="qm-stepper qm-ctl">
            <button type="button" onclick="_qmStep('r-atq-qty',-1)" aria-label="수량 줄이기">−</button>
            <input type="number" id="r-atq-qty" value="1" min="1" oninput="rUpdateAtqCalc()">
            <button type="button" onclick="_qmStep('r-atq-qty',1)" aria-label="수량 늘리기">+</button>
          </div>
        </div>
      </div>
    </div>
    <div class="modal-footer qm-footer">
      <div class="qm-total">
        <span>합계 <span class="qm-sub" id="r-atq-calc-hint"></span></span>
        <span id="r-atq-total-val" class="qm-total-val">0 원</span>
      </div>
      <div class="qm-actions">
        <button class="btn btn-secondary" onclick="closeModal('r-modal-atq')">취소</button>
        <button class="btn btn-primary" onclick="rAddToQuote()">품목 추가</button>
      </div>
    </div>
  </div>
</div>
<!-- ===== 모달: 렌탈 미리보기 ===== -->
<div class="modal-overlay" id="r-modal-preview">
  <div class="modal-box preview-modal-box">
    <div class="preview-modal-header">
      <button class="btn btn-r-secondary" onclick="closeModal('r-modal-preview')">✕ 닫기</button>
    </div>
    <div id="r-preview-content" style="flex:1;overflow-y:auto;overflow-x:auto;padding:8px;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box;"></div>
    <div class="preview-modal-footer">
      <!-- 링크복사 버튼 임시 비활성화 (기능 유지, UI만 숨김) -->
      <button class="btn btn-success" id="r-btn-copy-link" onclick="rCopyShareLink()" style="display:none !important;">링크복사</button>
      <button class="btn btn-r-secondary" id="r-btn-qml-quote" onclick="typeof _qmlStart==='function'&&_qmlStart('r','preview')">✉️ PDF 저장 · 메일</button><!-- 2026-10-30 quote-mail.js -->
      <button class="btn btn-r-primary" id="r-btn-print-quote" onclick="rPrintQuote()">🖨️ 인쇄 / PDF</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 렌탈 제품 관리 ===== -->
<div class="modal-overlay" id="r-modal-product" data-no-overlay-close>
  <div class="modal-box">
    <div class="modal-header">
      <h2 class="text-r-primary" id="r-pm-title">렌탈 제품 추가</h2>
      <button class="modal-close" onclick="closeModal('r-modal-product')">✕</button>
    </div>
    <div class="modal-body">
      <div class="form-group"><label>제품명 *</label><input class="field-input" id="r-pm-name" placeholder="제품명"></div>
      <div class="form-row">
        <div class="form-group">
          <label>브랜드</label>
          <select class="field-input" id="r-pm-brand">
            <option>LG</option><option>Samsung</option><option>HP</option>
            <option>Lenovo</option><option>Dell</option><option>Apple</option>
            <option>Canon</option><option>Sindoh</option><option>기타</option>
          </select>
        </div>
        <div class="form-group">
          <label>카테고리</label>
          <select class="field-input" id="r-pm-category">
            <option>노트북</option><option>데스크탑</option><option>모니터</option>
            <option>프린터(복합기)</option><option>기타</option>
          </select>
        </div>
      </div>
      <div class="form-row">
        <div class="form-group"><label>일 렌탈료 (원) *</label><input class="field-input" type="number" id="r-pm-daily" placeholder="5000"></div>
        <div class="form-group"><label>월 렌탈료 (원) *</label><input class="field-input" type="number" id="r-pm-monthly" placeholder="80000"></div>
      </div>
      <div class="form-group"><label>사양 설명</label><textarea class="field-input" id="r-pm-spec" rows="3" placeholder="CPU, RAM, SSD 등"></textarea></div>
      <div class="form-group">
        <label>제품 소개 이미지 <span class="text-muted fs-11">(선택 · JPG/PNG만 가능 · 5MB 이하 · 최대 10장)</span></label>
        <div class="pim-list" id="r-pm-image-list" style="display:none;"></div>
        <div id="r-pm-image-preview-wrap" style="margin-bottom:8px;display:none;">
          <img id="r-pm-image-preview" src="" onclick="openImageFullSize(this.src)" style="max-width:100%;max-height:120px;border-radius:6px;border:1px solid #e2e8f0;display:block;margin-bottom:4px;cursor:pointer;" title="클릭하면 크게 봅니다">
          <button type="button" onclick="clearRentalProductImage()" style="color:#ef4444;background:none;border:none;cursor:pointer;font-size:12px;padding:0;">✕ 이미지 제거</button>
        </div>
        <div style="display:flex;gap:8px;align-items:center;">
          <label for="r-pm-image-file" class="btn btn-r-secondary btn-sm" style="cursor:pointer;margin:0;">📁 이미지 추가</label>
          <input type="file" id="r-pm-image-file" accept="image/jpeg,image/png" multiple style="display:none;" onchange="_pimAdd('r-pm', this)">
          <span id="r-pm-image-status" style="font-size:12px;color:#64748b;"></span>
        </div>
        <input type="hidden" id="r-pm-image-url" value="">
      </div>
      <div id="r-pm-models"></div><!-- 2026-11-06 품번(모델) 칸 (rental-assets.js _rasPmModels) -->
    </div>
    <div class="modal-footer">
      <button class="btn btn-r-secondary" onclick="closeModal('r-modal-product')">취소</button>
      <button class="btn btn-r-primary" onclick="rSaveProduct()">저장</button>
    </div>
  </div>
</div>

<div id="toast"></div>
<script>
function openImageFullSize(src) {
  const html = `<!DOCTYPE html><html><head><meta charset="utf-8"><style>
    * { margin:0; padding:0; box-sizing:border-box; }
    body { background:#1a1a1a; overflow:auto; }
    img { display:block; max-width:none; }
  </style></head><body><img src="${src}"></body></html>`;
  const blob = new Blob([html], { type: 'text/html' });
  window.open(URL.createObjectURL(blob), '_blank');
}
</script>

<!-- ===== 모달: 스펙 항목 관리 (C) ===== -->
<div class="modal-overlay" id="modal-spec-cat" data-no-overlay-close>
  <div class="modal-box">
    <div class="modal-header">
      <h2 id="sc-modal-title">스펙 항목 추가</h2>
      <button class="modal-close" onclick="closeModal('modal-spec-cat')">✕</button>
    </div>
    <div class="modal-body">
      <div class="form-group"><label>항목 이름 *</label><input class="field-input" id="sc-name" placeholder="예: CPU, RAM, SSD, OS"></div>
      <div class="form-group"><label>정렬 순서</label><input class="field-input" type="number" id="sc-sort" value="0" min="0"></div>
      <div class="form-group">
        <label>적용 카테고리 <span class="label-muted">(선택 안 하면 전체 적용)</span></label>
        <div id="sc-cat-checkboxes" class="d-flex-wrap"></div>
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closeModal('modal-spec-cat')">취소</button>
      <button class="btn btn-primary" onclick="saveSpecCat()">저장</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 스펙 옵션 관리 (C) ===== -->
<div class="modal-overlay" id="modal-spec-opt" data-no-overlay-close>
  <div class="modal-box">
    <div class="modal-header">
      <h2 id="so-modal-title">스펙 옵션 추가</h2>
      <button class="modal-close" onclick="closeModal('modal-spec-opt')">✕</button>
    </div>
    <div class="modal-body">
      <div class="form-group">
        <label>스펙 항목 *</label>
        <select class="field-input" id="so-cat-select"></select>
      </div>
      <div class="form-group"><label>옵션 이름 *</label><input class="field-input" id="so-name" placeholder="예: i7-14세대, 32GB, 512GB NVMe"></div>
      <div class="form-group"><label>추가 금액 (원) <span class="label-muted">기본 포함 시 0</span></label><input class="field-input" type="number" id="so-price" value="0" placeholder="0"></div>
      <div class="form-group"><label>정렬 순서</label><input class="field-input" type="number" id="so-sort" value="0" min="0"></div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closeModal('modal-spec-opt')">취소</button>
      <button class="btn btn-primary" onclick="saveSpecOpt()">저장</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 내 정보 수정 (D) ===== -->
<div class="modal-overlay" id="modal-profile" data-no-overlay-close>
  <div class="modal-box" style="width:520px;max-width:96vw;">
    <div class="modal-header">
      <h2>내 정보 수정</h2>
      <button class="modal-close" onclick="closeModal('modal-profile')">✕</button>
    </div>
    <div class="modal-body">
      <div class="form-group"><label>이메일 (변경 불가)</label><input class="field-input input-disabled" id="prof-email" readonly></div>
      <div class="form-group"><label>이름 / 직책</label><input class="field-input" id="prof-name" placeholder="예: 홍길동 영업팀장"></div>
      <div class="form-group"><label>영문 이름 / 직책 <span style="color:#94a3b8;font-weight:400;font-size:11px;">영문 견적서용 · 비워도 됨</span></label><input class="field-input" id="prof-name-en" maxlength="100" placeholder="예: Kibum Park, Director"></div><!-- 2026-11-02 DB 058 name_en -->
      <div class="form-group"><label>연락처</label><input class="field-input" id="prof-phone" data-tel placeholder="010-0000-0000"></div>
      <!-- 기본 협업 멤버 -->
      <div class="form-group" style="border-top:1px solid #e2e8f0;padding-top:14px;margin-top:4px;">
        <label style="display:flex;align-items:center;gap:6px;">
          기본 협업 멤버
          <span style="background:#e0e7ff;color:#3730a3;font-size:10px;padding:1px 7px;border-radius:99px;font-weight:600;">최대 3명</span>
          <span id="collab-count" style="color:#64748b;font-size:11px;">0</span>/3
        </label>
        <div id="collab-list" style="min-height:32px;margin-bottom:10px;"></div>
        <div style="display:flex;gap:6px;">
          <input class="field-input" id="collab-search" placeholder="이름 또는 이메일로 검색..." oninput="searchCollabUser()" style="flex:1;">
        </div>
        <div id="collab-search-result" style="margin-top:4px;"></div>
        <div style="color:#94a3b8;font-size:11px;margin-top:6px;">등록된 멤버는 내 모든 견적을 기본적으로 수정할 수 있습니다.</div>
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closeModal('modal-profile')">취소</button>
      <button class="btn btn-primary" onclick="saveProfile()">저장</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 회원 권한 수정 ===== -->
<div class="modal-overlay" id="modal-member" data-no-overlay-close>
  <div class="modal-box" style="width:480px;max-width:96vw;">
    <div class="modal-header">
      <h2>회원 정보 수정</h2>
      <button class="modal-close" onclick="closeModal('modal-member')">✕</button>
    </div>
    <div class="modal-body">
      <input type="hidden" id="mm-user-id">
      <div class="form-group">
        <label>이름</label>
        <input type="text" class="field-input" id="mm-name" placeholder="이름 입력">
      </div>
      <div class="form-group">
        <label>이메일 <span style="font-size:11px;color:#94a3b8;">변경 불가</span></label>
        <div class="field-input input-disabled" id="mm-email" style="padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;font-size:13px;color:#64748b;"></div>
      </div>
      <div class="form-group">
        <label>전화번호</label>
        <input type="text" class="field-input" id="mm-phone" data-tel placeholder="010-0000-0000">
      </div>
      <div class="form-group">
        <label>시스템 역할 <span style="font-size:11px;color:#64748b;">(system_admin만 변경 가능)</span></label>
        <select class="field-input" id="mm-system-role">
          <option value="user">일반사용자 (user)</option>
          <option value="system_admin">시스템관리자 (system_admin)</option>
        </select>
      </div>
      <div class="form-group">
        <label>업무 역할</label>
        <select class="field-input" id="mm-business-role">
          <option value="staff">직원 (staff)</option>
          <option value="manager">매니저 (manager)</option>
          <option value="ceo">대표 (ceo)</option>
        </select>
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closeModal('modal-member')">취소</button>
      <button class="btn btn-primary" onclick="saveMemberRole()">저장</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 비밀번호 변경 (D) ===== -->
<div class="modal-overlay" id="modal-password" data-no-overlay-close>
  <div class="modal-box">
    <div class="modal-header">
      <h2>비밀번호 변경</h2>
      <button class="modal-close" onclick="closeModal('modal-password')">✕</button>
    </div>
    <div class="modal-body">
      <div class="form-group"><label>새 비밀번호</label><input class="field-input" type="password" id="pw-new" placeholder="6자 이상"></div>
      <div class="form-group"><label>새 비밀번호 확인</label><input class="field-input" type="password" id="pw-confirm" placeholder="비밀번호 재입력"></div>
      <div id="pw-err" style="display:none;color:#ef4444;font-size:12px;margin-top:6px;padding:6px 10px;background:#fef2f2;border-radius:6px;border:1px solid #fca5a5;"></div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closeModal('modal-password')">취소</button>
      <button class="btn btn-primary" onclick="savePassword()">변경</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 고객사 창 — 2026-10-10 ⑤ 새 창 (보기·고치기·추가). 내용은 clients.js _cdRender 가 그림 ===== -->
<div class="modal-overlay" id="modal-client" data-no-overlay-close>
  <div class="modal-box cd-modal">
    <div class="modal-header">
      <div class="cd-head"><div class="cd-title" id="cd-title"></div><div class="cd-sum" id="cd-sum"></div></div>
      <button class="modal-close" onclick="_cdClose()">✕</button>
    </div>
    <div class="modal-body cd-body" id="cd-body"></div>
    <div class="cd-foot" id="cd-foot"></div>
  </div>
</div>

<!-- ===== 모달: 유입처별 견적 목록 — 2026-10-23 (salesboard-src.js, 현황판 유입처 표에서 엶) ===== -->
<div class="modal-overlay" id="modal-sbls" data-no-overlay-close>
  <div class="modal-box cd-modal sbls-modal">
    <div class="modal-header">
      <div class="cd-head"><div class="cd-title" id="sbls-title"></div><div class="cd-sum" id="sbls-sum"></div></div>
      <button class="modal-close" onclick="_sblsClose()">✕</button>
    </div>
    <div class="modal-body cd-body sbls-body">
      <p class="sbls-hint">유입처를 고르면 바로 저장됩니다. 회사명을 누르면 영업 상세가 열립니다.</p>
      <div class="cd-list" id="sbls-list"></div>
    </div>
    <div class="cd-foot sbls-foot"><button class="cd-btn" onclick="_sblsClose()">닫기</button></div>
  </div>
</div>

<!-- ===== 모달: 구매품의서 — 2026-10-14 (017, approval.js) ===== -->
<div class="modal-overlay" id="modal-approval" data-no-overlay-close>
  <div class="modal-box pa-modal">
    <div class="modal-header">
      <div class="pa-head"><div class="pa-title">구매품의서</div><div class="pa-sum" id="pa-sum"></div></div>
      <button class="modal-close" onclick="_paClose()">✕</button>
    </div>
    <div class="modal-body pa-body" id="pa-body"></div>
    <div class="pa-foot" id="pa-foot"></div>
  </div>
</div>

<!-- ===== 모달: 구매품의서 인쇄 보기 — 2026-10-14 (approval.js _paOpenPrint) ===== -->
<div class="modal-overlay" id="modal-approval-print" data-no-overlay-close>
  <div class="modal-box pap-modal">
    <div class="modal-header">
      <h2>구매품의서 인쇄 보기</h2>
      <div class="pap-btns">
        <button type="button" class="pa-btn" onclick="_paPrint(false)">인쇄</button>
        <button type="button" class="pa-btn pa-btn--main" onclick="_paPrint(true)">PDF 저장</button>
        <button type="button" class="modal-close" onclick="closeModal('modal-approval-print')" aria-label="닫기">✕</button>
      </div>
    </div>
    <div class="pap-body"><iframe id="pap-frame" title="구매품의서 인쇄 보기"></iframe></div>
  </div>
</div>

<!-- ===== 모달: 고객사 이름 바꾸기·합치기 확인 — 2026-10-10 (013) ===== -->
<div class="modal-overlay" id="modal-client-confirm" data-no-overlay-close>
  <div class="modal-box cd-confirm">
    <div class="modal-header">
      <h2 id="cdc-title"></h2>
      <button class="modal-close" onclick="closeModal('modal-client-confirm')">✕</button>
    </div>
    <div class="modal-body" id="cdc-body"></div>
    <div class="cd-foot">
      <button type="button" class="cd-btn" onclick="closeModal('modal-client-confirm')">취소</button>
      <button type="button" class="cd-btn cd-btn--main" id="cdc-ok"></button>
    </div>
  </div>
</div>

<!-- ===== 모달: 다른 회사로 덮어쓰기 확인 — 2026-10-23 (quote-guard.js) ===== -->
<div class="modal-overlay" id="modal-qg" data-no-overlay-close>
  <div class="modal-box cd-confirm">
    <div class="modal-header">
      <h2>다른 회사 견적을 덮어쓰려고 합니다</h2>
      <button class="modal-close" onclick="_qgDone('cancel')">✕</button>
    </div>
    <div class="modal-body" id="qg-body"></div>
    <div class="cd-foot">
      <button type="button" class="cd-btn" onclick="_qgDone('cancel')">취소</button>
      <button type="button" class="cd-btn cd-btn--main" onclick="_qgDone('new')">새 견적으로 저장</button>
    </div>
  </div>
</div>

<!-- ===== 모달: 1회성 견적품목 직접입력 ===== -->
<div class="modal-overlay" id="modal-manual-item" data-no-overlay-close>
  <!-- 2026-10-09 품목 창 디자인 통일 (구매 카탈로그 창과 같은 규칙). id·계산 함수 그대로 -->
  <div class="modal-box qm-modal" style="width:520px;max-width:96vw;">
    <div class="modal-header">
      <h2>품목 직접 입력</h2>
      <button class="modal-close" onclick="closeModal('modal-manual-item')">✕</button>
    </div>
    <div class="modal-body qm-body">
      <!-- ① 제품 정보 (묶음 상자, 직접 채우는 칸이라 펼쳐 둠) -->
      <div class="qm-group">
        <div class="qm-group-title">제품 정보</div>
        <div class="qm-group-body">
          <div>
            <div class="field-label">모델명 *</div>
            <input class="field-input" id="mi-name" placeholder="모델명을 입력하세요">
          </div>
          <div class="qm-grid2">
            <div><div class="field-label">브랜드</div><input class="field-input" id="mi-brand" placeholder="HP, Samsung 등"></div>
            <div><div class="field-label">카테고리</div><input class="field-input" id="mi-category" placeholder="노트북, 모니터 등"></div>
          </div>
          <div>
            <div class="field-label">사양</div>
            <textarea class="field-input qm-textarea" id="mi-spec" rows="3" placeholder="CPU, RAM, 용량 등 · 줄바꿈으로 구분"></textarea>
          </div>
        </div>
      </div>

      <!-- 2026-11-05 사양 옵션 · 기준가 (제품 품목 창과 같은 줄, manual-item.js _misRender — 사양 옵션이 없으면 숨김) -->
      <div class="qm-folds" id="mi-spec-fold" hidden>
        <button type="button" class="qm-fold-head" onclick="_qmToggle('mi-spec-body',this)">
          <span class="qm-fold-title">사양 옵션 · 기준가</span>
          <span class="qm-fold-sum"><span id="mis-summary"></span><span class="qm-caret" aria-hidden="true">⌄</span></span>
        </button>
        <div class="qm-fold-body qm-spec-body" id="mi-spec-body" hidden>
          <div class="qm-base-row">
            <span>기본가</span>
            <input class="qm-amount" type="number" id="mis-base" oninput="_misBaseInput()" placeholder="0" title="눌러서 수정">
          </div>
          <div id="mi-spec-opts"></div>
          <div class="qm-ref-row">
            <span>기준가 <span class="qm-sub">사양 <span id="mis-extra">+0 원</span></span></span>
            <span id="mis-ref">0 원</span>
          </div>
        </div>
      </div>

      <!-- ② 금액 (묶음 상자) -->
      <div class="qm-group">
        <div class="qm-group-title">금액</div>
        <div class="qm-row">
          <span class="qm-row-label">판매가 *</span>
          <input class="field-input qm-num qm-ctl" type="number" id="mi-price" min="0" placeholder="0" oninput="calcManualItemMargin('price')">
        </div>
        <div class="qm-row">
          <span class="qm-row-label">수량</span>
          <div class="qm-stepper qm-ctl">
            <button type="button" onclick="_qmStep('mi-qty',-1)" aria-label="수량 줄이기">−</button>
            <input type="number" id="mi-qty" min="1" value="1" oninput="calcManualItem()">
            <button type="button" onclick="_qmStep('mi-qty',1)" aria-label="수량 늘리기">+</button>
          </div>
        </div>
      </div>

      <!-- ③ 원가 · 마진 (내부용, 접힘) -->
      <div class="qm-cost">
        <button type="button" class="qm-fold-head" onclick="_qmToggle('mi-cost-body',this)">
          <span class="qm-fold-title">원가 · 마진 <span class="qm-sub">내부용 · 견적서에 안 나옴</span></span>
          <span class="qm-fold-sum"><span id="mi-cost-summary"></span><span class="qm-caret" aria-hidden="true">⌄</span></span>
        </button>
        <div class="qm-fold-body" id="mi-cost-body" hidden>
          <div>
            <div class="field-label">매입처</div>
            <input class="field-input" type="text" id="mi-supplier" placeholder="공급업체명">
          </div>
          <div class="qm-grid2">
            <div>
              <div class="field-label">매입원가</div>
              <input class="field-input qm-num" type="number" id="mi-cost-input" min="0" placeholder="0" oninput="calcManualItemMargin()">
            </div>
            <div class="qm-vat">
              <label><input type="checkbox" id="mi-cost-vat" onchange="calcManualItemMargin()"> VAT 포함</label>
              <span>실원가 <span id="mi-actual-cost">-</span></span>
            </div>
          </div>
          <div class="qm-grid2">
            <div>
              <div class="field-label">마진율 (%) <span class="qm-sub">원가 기준</span></div>
              <input class="field-input qm-num" type="number" id="mi-margin-rate" min="0" step="0.1" placeholder="0.0" oninput="calcManualItemMargin('rate')">
            </div>
            <div>
              <div class="field-label">마진금액</div>
              <input class="field-input qm-num" type="number" id="mi-margin-amount" min="0" placeholder="0" oninput="calcManualItemMargin('amount')">
            </div>
          </div>
          <div class="qm-margin-hint"><span id="mi-margin-hint" class="aq-margin-hint"></span></div>
        </div>
      </div>
    </div>
    <div class="modal-footer qm-footer">
      <div class="qm-total">
        <span>합계 <span class="qm-sub" id="mi-total-hint"></span></span>
        <span id="mi-total" class="qm-total-val">0 원</span>
      </div>
      <div class="qm-actions">
        <button class="btn btn-secondary" onclick="closeModal('modal-manual-item')">취소</button>
        <button class="btn btn-primary" onclick="addManualItem()">품목 추가</button>
      </div>
    </div>
  </div>
</div>

<!-- ===== 모달: 렌탈 품목 직접입력 ===== -->
<div class="modal-overlay" id="r-modal-manual-item" data-no-overlay-close>
  <!-- 2026-10-09 품목 창 디자인 통일. 렌탈 단위 select 는 숨기고 같은 값의 전환 버튼으로 고름 (저장 값 동일) -->
  <div class="modal-box qm-modal" style="width:520px;max-width:96vw;">
    <div class="modal-header">
      <h2>품목 직접 입력</h2>
      <button class="modal-close" onclick="closeModal('r-modal-manual-item')">✕</button>
    </div>
    <div class="modal-body qm-body">
      <div class="qm-group">
        <div class="qm-group-title">제품 정보</div>
        <div class="qm-group-body">
          <div>
            <div class="field-label">모델명 *</div>
            <input class="field-input" id="rmi-name" placeholder="모델명을 입력하세요">
          </div>
          <div class="qm-grid2">
            <div><div class="field-label">브랜드</div><input class="field-input" id="rmi-brand" placeholder="HP, Samsung 등"></div>
            <div><div class="field-label">카테고리</div><input class="field-input" id="rmi-category" placeholder="노트북, 모니터 등"></div>
          </div>
          <div>
            <div class="field-label">사양</div>
            <textarea class="field-input qm-textarea" id="rmi-spec" rows="3" placeholder="CPU, RAM, 용량 등 · 줄바꿈으로 구분"></textarea>
          </div>
        </div>
      </div>

      <div class="qm-group">
        <div class="qm-group-title">렌탈 조건</div>
        <div class="qm-row">
          <span class="qm-row-label">단위</span>
          <select id="rmi-unit-type" onchange="rCalcManualItem()" hidden>
            <option value="월">월 단위</option>
            <option value="일">일 단위</option>
          </select>
          <div class="qm-seg qm-seg-2 qm-ctl" data-for="rmi-unit-type">
            <button type="button" class="qm-seg-btn" data-val="일" onclick="_qmSegSelect('rmi-unit-type','일')">일</button>
            <button type="button" class="qm-seg-btn" data-val="월" onclick="_qmSegSelect('rmi-unit-type','월')">월</button>
          </div>
        </div>
        <div class="qm-row">
          <span class="qm-row-label">기간</span>
          <div class="qm-stepper qm-ctl">
            <button type="button" onclick="_qmStep('rmi-duration',-1)" aria-label="기간 줄이기">−</button>
            <input type="number" id="rmi-duration" min="1" value="1" oninput="rCalcManualItem()" class=qm-has-suffix>
            <span class="qm-suffix" id="rmi-dur-suffix">개월</span>
            <button type="button" onclick="_qmStep('rmi-duration',1)" aria-label="기간 늘리기">+</button>
          </div>
        </div>
      </div>

      <div class="qm-group">
        <div class="qm-group-title">금액</div>
        <div class="qm-row">
          <span class="qm-row-label" id="rmi-price-label">월 렌탈료</span>
          <input class="field-input qm-num qm-ctl" type="number" id="rmi-price" min="0" placeholder="0" oninput="rCalcManualItem()">
        </div>
        <div class="qm-row">
          <span class="qm-row-label">수량</span>
          <div class="qm-stepper qm-ctl">
            <button type="button" onclick="_qmStep('rmi-qty',-1)" aria-label="수량 줄이기">−</button>
            <input type="number" id="rmi-qty" min="1" value="1" oninput="rCalcManualItem()">
            <button type="button" onclick="_qmStep('rmi-qty',1)" aria-label="수량 늘리기">+</button>
          </div>
        </div>
      </div>
    </div>
    <div class="modal-footer qm-footer">
      <div class="qm-total">
        <span>합계 <span class="qm-sub" id="rmi-unit-label"></span></span>
        <span id="rmi-total" class="qm-total-val">0 원</span>
      </div>
      <div class="qm-actions">
        <button class="btn btn-secondary" onclick="closeModal('r-modal-manual-item')">취소</button>
        <button class="btn btn-primary" onclick="rAddManualItem()">품목 추가</button>
      </div>
    </div>
  </div>
</div>

<!-- ===== 모달: 견적별 수정 담당자 관리 ===== -->
<div class="modal-overlay" id="modal-quote-editors" data-no-overlay-close>
  <div class="modal-box" style="width:480px;max-width:96vw;">
    <div class="modal-header">
      <h2>수정 담당자 관리</h2>
      <button class="modal-close" onclick="closeModal('modal-quote-editors')">✕</button>
    </div>
    <div class="modal-body">
      <div style="color:#64748b;font-size:12px;margin-bottom:12px;">
        이 견적을 수정할 수 있는 추가 담당자를 지정합니다.
        <span style="background:#e0e7ff;color:#3730a3;font-size:10px;padding:1px 7px;border-radius:99px;font-weight:600;margin-left:4px;">최대 3명</span>
        <span id="qe-editor-count" style="color:#64748b;font-size:11px;margin-left:4px;">0</span>/3
      </div>
      <div id="qe-editor-list" style="min-height:40px;margin-bottom:14px;"></div>
      <div style="border-top:1px solid #e2e8f0;padding-top:12px;">
        <label style="font-size:12px;font-weight:600;color:#374151;display:block;margin-bottom:6px;">담당자 추가</label>
        <div style="display:flex;gap:6px;">
          <input class="field-input" id="qe-search" placeholder="이름 또는 이메일로 검색..." oninput="searchQuoteEditorUser()" style="flex:1;">
        </div>
        <div id="qe-search-result" style="margin-top:6px;"></div>
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn btn-secondary" onclick="closeModal('modal-quote-editors')">닫기</button>
    </div>
  </div>
</div>

<script src="config.js" defer></script>
<script src="quote-cost.js" defer></script><!-- 2026-11-05 품목 원가 막기 (DB 062 준비) -->
<script src="quote-guard.js" defer></script>
<script src="purchase.js" defer></script>
<script src="purchase-history.js" defer></script>
<script src="purchase-admin.js" defer></script>
<script src="rental.js" defer></script>
<script src="rental-history.js" defer></script>
<script src="rental-admin.js" defer></script>
<script src="product-images.js" defer></script>
<script src="clients.js" defer></script>
<script src="client-suggest.js" defer></script>
<script src="manual-item.js" defer></script>
<script src="excel-import.js" defer></script>
<script src="members.js" defer></script>
<script src="dashboard.js" defer></script>
<script src="sales.js" defer></script>
<script src="salesboard.js" defer></script>
<script src="salesboard-src.js" defer></script>
<script src="sales-member.js" defer></script>
<script src="approval.js" defer></script>
<script src="approval-list.js" defer></script>
<script src="delivery.js" defer></script>
<script src="delivery-list.js" defer></script>
<script src="rental-assets.js" defer></script>
<script src="rental-assign.js" defer></script>
<script src="rental-contract.js" defer></script>
<script src="rental-return.js" defer></script>
<script src="doc-link.js" defer></script>
<script src="rental-settle.js" defer></script>
<script src="purchase-orders.js" defer></script>
<script src="docbox.js" defer></script>
<script src="rental-terms.js" defer></script>
<script src="rental-billing.js" defer></script>
<script src="notify.js" defer></script>
<script src="inquiry.js" defer></script>
<script src="inquiry-link.js" defer></script>
<script src="inquiry-mail.js" defer></script>
<script src="suhyup.js" defer></script><!-- 2026-11-11 수협 주문 (notify.js 뒤: 알림 이름표) -->
<script src="special.js" defer></script><!-- 2026-11-12 특가 주문 -->
<script src="quote-mail.js" defer></script>
<script src="quote-en.js" defer></script><!-- 2026-11-02 영문 견적서 -->
<script src="quote-links.js" defer></script><!-- 2026-11-04 견적서 위 버튼 고르기 -->
<script src="monthly-report.js" defer></script><!-- 2026-11-05 월간보고 버튼 -->
<script src="rental-ship.js" defer></script><!-- 2026-11-05 렌탈 출고 체크 (DB 063) -->
<script src="barcode.js" defer></script><!-- 2026-11-06 자산번호 바코드 (장비 창) -->
<script src="rental-intake.js" defer></script><!-- 2026-11-06 입고 건 (DB 067) -->

<script>
// 렌탈 기간 ↔ 종료일 자동계산 (lock으로 순환 방지)
let _rCalcLock = false;

// [기간 직접 입력] r-duration-display 변경 시 hidden 동기화 후 종료일 계산
function rSyncDuration() {
  if (_rCalcLock) return;
  const disp = document.getElementById('r-duration-display');
  const hidden = document.getElementById('r-duration');
  if (disp && hidden) { hidden.value = disp.value; }
  rCalcEndDate();
}

// 기간 → 종료일 계산
function rCalcEndDate() {
  if (_rCalcLock) return;
  _rCalcLock = true;
  try {
    const start = document.getElementById('r-start-date').value;
    const dur = parseInt((document.getElementById('r-duration')||{}).value) || 0;
    if (!start || dur < 1) return;
    const type = typeof rCurrentType !== 'undefined' ? rCurrentType : '일';
    const d = new Date(start);
    if (type === '일') d.setDate(d.getDate() + dur - 1);
    else d.setMonth(d.getMonth() + dur);
    if (!isNaN(d)) {
      document.getElementById('r-end-date').value = d.toISOString().split('T')[0];
    }
  } finally { _rCalcLock = false; }
}

// 종료일 → 기간 계산 (사용자가 종료일 직접 변경할 때만 호출 - onchange)
function rCalcDuration() {
  if (_rCalcLock) return;
  _rCalcLock = true;
  try {
    const start = document.getElementById('r-start-date').value;
    const end = document.getElementById('r-end-date').value;
    if (!start || !end) return;
    const type = typeof rCurrentType !== 'undefined' ? rCurrentType : '일';
    const s = new Date(start), e = new Date(end);
    if (isNaN(s) || isNaN(e) || e < s) return;
    let dur;
    if (type === '일') {
      dur = Math.round((e - s) / 86400000) + 1;
    } else {
      dur = (e.getFullYear() - s.getFullYear()) * 12 + (e.getMonth() - s.getMonth());
      if (dur < 1) dur = 1;
    }
    const hidden = document.getElementById('r-duration');
    if (hidden) hidden.value = dur;
    const disp = document.getElementById('r-duration-display');
    if (disp) disp.value = dur;
  } finally { _rCalcLock = false; }
}

// 시작일 변경 → 종료일이 있으면 기간 재계산, 없으면 기간으로 종료일 계산
function rCalcFromStart() {
  const end = (document.getElementById('r-end-date')||{}).value;
  if (end) { rCalcDuration(); } else { rCalcEndDate(); }
}

function rUpdateDurationDisplay() {
  const dur = parseInt((document.getElementById('r-duration')||{}).value) || 0;
  const disp = document.getElementById('r-duration-display');
  if (disp && dur > 0) disp.value = dur;
}
</script>

<!-- ===== 영업 패널 오버레이 + 패널 ===== -->
<div id="sales-panel-overlay" class="sp-overlay" onclick="closeSalesPanel()"></div>
<aside id="sales-panel" class="sales-panel" role="complementary" aria-label="영업 상세 패널">
  <div class="sp-header">
    <span class="sp-header-title">영업 상세</span>
    <button class="sp-close" onclick="closeSalesPanel()" title="닫기" aria-label="패널 닫기">✕</button>
  </div>
  <div class="sp-body" id="sp-body">
    <div class="sp-loading">불러오는 중...</div>
  </div>
</aside>

</body>
</html>