/* =====================================================================
 * KGI ERP — Industry 테마 (스킨)
 * 출처: 클로드 디자인 "KGI ERP 견적화면.dc.html" + Industry 디자인 시스템
 *       (블루프린트 카드·철강 블루 #5980a6·Barlow Condensed/Barlow+Noto Sans KR)
 * 원칙: 화면 UI만 리스킨. 인쇄 문서(.quote-doc/#docpreview/.pdf-render)는
 *       거래처 공식 양식이므로 아래 원복 블록으로 기존 모습 유지.
 * 적용: index.html <head>에서 기본 <style> 다음에 로드(같은 특이도면 이 파일이 이김).
 * ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;600&family=Noto+Sans+KR:wght@400;500;700&display=swap');

:root{
  /* 기존 변수 재정의 — var(--navy)/var(--blue) 참조부가 전부 테마 색으로 전환됨 */
  --navy:#2c455d;
  --blue:#5980a6;
  --bg:#f2f2f3;
  --line:#d4d4d7;
  /* Industry 토큰 */
  --ind-text:#1d1f20;
  --ind-surface:#e9e9ea;
  --ind-accent:#5980a6;
  --ind-accent-100:#eef6ff;
  --ind-accent-600:#597ea3;
  --ind-accent-700:#416180;
  --ind-accent-800:#2c455d;
  --ind-accent-900:#1d2d3d;
  --ind-divider:rgba(29,31,32,.16);
  --ind-hair:rgba(29,31,32,.08);
  --ind-mut:rgba(29,31,32,.55);
  --font-heading:"Barlow Condensed","Noto Sans KR",system-ui,sans-serif;
  --font-body:"Barlow","Noto Sans KR",system-ui,sans-serif;
}

*{font-family:var(--font-body);}
body{color:var(--ind-text);}

/* ---- 헤더: 네이비 바 → 밝은 블루프린트 내비 ---- */
header{background:var(--bg);color:var(--ind-text);border-bottom:1px solid var(--ind-divider);padding:12px 24px;}
header h1{font-family:var(--font-heading);font-weight:600;font-size:19px;letter-spacing:.02em;color:var(--ind-text);display:flex;align-items:center;gap:9px;}
header h1::before{content:'';display:inline-block;width:15px;height:15px;flex:none;border:1.5px solid var(--ind-accent);box-shadow:inset 0 0 0 2.5px var(--bg),inset 0 0 0 3.5px var(--ind-accent);}
header .tabs button{color:#5d5d60;border-radius:0;padding:8px 13px;}
header .tabs button:hover{color:var(--ind-accent);background:transparent;}
header .tabs button.on{background:transparent;color:var(--ind-accent);font-weight:700;box-shadow:inset 0 -2px 0 var(--ind-accent);}
header .right button{background:transparent;border:1px solid var(--ind-divider);color:var(--ind-text);border-radius:0;}
header .right button:hover{background:rgba(29,31,32,.07);}
#savestat{filter:brightness(.55) saturate(1.6);} /* 인라인 연녹/연적색을 밝은 배경용으로 어둡게 */

/* ---- 카드: 블루프린트(투명+헤어라인) — 코너 마크는 사용자 요청으로 제거(260901) ---- */
.card{
  background:transparent;border:1px solid var(--ind-divider);border-radius:0;position:relative;
}
.card h2{font-family:var(--font-heading);font-weight:600;font-size:17px;color:var(--ind-text);letter-spacing:-.01em;}

/* ---- 버튼 ---- */
button.pri{background:var(--ind-accent);border:1px solid var(--ind-accent);color:#f2f2f3;border-radius:0;font-family:var(--font-heading);font-weight:600;letter-spacing:.03em;}
button.pri:hover{background:var(--ind-accent-600);}
button.pri:active{background:var(--ind-accent-700);}
button.sec{background:transparent;border:1px solid var(--ind-divider);color:var(--ind-text);border-radius:0;font-family:var(--font-heading);font-weight:600;letter-spacing:.02em;}
button.sec:hover{background:rgba(29,31,32,.07);}
button.danger{background:transparent;border-radius:0;}
:focus-visible{outline:2px solid var(--ind-accent);outline-offset:2px;}
::selection{background:rgba(89,128,166,.3);}

/* ---- 폼 ---- */
/* 숫자 입력 스피너(▲▼) 제거 — 치수·수량·요율은 항상 직접 타이핑 (사용자 요청 260901) */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;appearance:textfield;}
.field label{color:rgba(29,31,32,.7);font-weight:500;}
.field input,.field select{background:var(--ind-surface);border:1px solid var(--ind-divider);border-radius:0;color:var(--ind-text);caret-color:var(--ind-accent);}
.field input:hover,.field select:hover{border-color:rgba(29,31,32,.45);}
.field input:focus,.field select:focus{border-color:var(--ind-accent);outline:none;}
input.cell,input.cellw{background:var(--ind-surface);border:1px solid var(--ind-hair);border-radius:0;}
.pastezone{border-radius:0;background:var(--ind-surface);}

/* ---- 화면 표(문서 미리보기 제외: main 한정) — 격자 → 가로줄 ---- */
main table th{background:transparent;border:none;border-bottom:1px solid var(--ind-divider);font-size:11.5px;letter-spacing:.06em;color:rgba(29,31,32,.62);font-weight:600;}
main table td{border:none;border-bottom:1px solid var(--ind-hair);}
main table tbody tr:hover{background:rgba(29,31,32,.04);}

/* ---- 태그/칩/선택카드 ---- */
.badge{border-radius:1px;background:var(--ind-accent-100);color:var(--ind-accent-800);letter-spacing:.02em;}
.stepchip{border-radius:0;background:var(--ind-surface);color:#5d5d60;}
.stepchip.done{background:#e6f0e6;color:#2f5d33;}
.stepchip.cur{background:var(--ind-accent);color:#f2f2f3;}
.brandcard,.syscard{border-radius:0;background:transparent;border:1.5px solid var(--ind-divider);}
.brandcard{font-family:var(--font-heading);font-weight:600;letter-spacing:.01em;}
.brandcard:hover,.syscard:hover{border-color:var(--ind-accent);}
.brandcard.sel,.syscard.sel{border-color:var(--ind-accent);background:var(--ind-accent-100);}
.notice{border-radius:0;}

/* ---- 합계바: 진청 블루프린트 ---- */
.totalbar{background:var(--ind-accent-900);border-radius:0;border:1px solid var(--ind-accent-800);}
.totalbar b{font-family:var(--font-heading);font-weight:600;font-size:21px;letter-spacing:.02em;}
.totalbar input{border-radius:0;}
.totalbar .rbtn{border-radius:0;font-family:var(--font-heading);font-weight:600;letter-spacing:.02em;}
.totalbar .rbtn.on{color:var(--ind-accent-900);}

/* ---- 모달바 ---- */
#docmodal .modalbar button{border-radius:0;font-family:var(--font-heading);font-weight:600;}
details summary{color:var(--ind-accent);}

/* =====================================================================
 * 인쇄 문서 원복 — 견적서·유리발주서·집계표 등 공식 양식은 기존 그대로
 * ===================================================================== */
.quote-doc,.quote-doc *,#docpreview,#docpreview *,#printarea,#printarea *,.pdf-render,.pdf-render *{
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;
}
#docpreview table th,.pdf-render table th,#printarea table th{background:#eef2f7;border:1px solid #9aa9bd;font-size:12px;letter-spacing:0;color:var(--navy);font-weight:700;}
#docpreview table td,.pdf-render table td,#printarea table td{border:1px solid #9aa9bd;}