@import "tailwindcss";

/* modern-override.css 테마 시스템 대응 */
:root {
  /* Sage 테마 (기본) */
  --color-primary: #4a6350;
  --color-primary-hover: #3d5444;
  --color-header-bg: #2a2a2a;
  --color-sidebar-bg: #1e2432;
  --color-background: #f7f5f2;
  --color-foreground: #2a2a2a;
  --color-border: #d8d3cb;
  --color-muted: #6b6560;
}

[data-theme="blue"] {
  --color-primary: #1C90FB;
  --color-primary-hover: #0d7ae0;
  --color-header-bg: #1a2332;
  --color-sidebar-bg: #1e2432;
  --color-background: #f4f6f9;
  --color-foreground: #1a2332;
  --color-border: #d0d5dd;
  --color-muted: #64748b;
}

@theme inline {
  --color-primary: var(--color-primary);
  --color-background: var(--color-background);
  --color-foreground: var(--color-foreground);
  --font-sans: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
}

body {
  background: var(--color-background);
  color: var(--color-foreground);
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}

/* Pretendard 폰트 */
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
}

/* 스크롤바 스타일 (sidebar 스크롤바 대응) */
.scrollbar-thin::-webkit-scrollbar { width: 4px; }
.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; }

/* (main) 레이아웃 하단 여백 통일: main 직속 단일 루트 요소를 flex-column으로 만들어
   내부 DataGrid(height 미지정 시 flex-1)가 남는 공간을 자동으로 채우도록 한다.
   모든 (main) 페이지는 return 루트를 <div> 혹은 <section> 하나로 감싸므로 이 규칙으로 충분. */
main > div:only-child,
main > section:only-child {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
}

/* 발주서 인쇄용: .no-print 클래스가 붙은 요소는 인쇄에서 제외 */
@media print {
  .no-print {
    display: none !important;
  }
  body {
    background: #fff !important;
  }
  /* 팝업 인쇄 시 레이아웃 확장 */
  main {
    overflow: visible !important;
    padding: 0 !important;
  }
  /* 그리드 스크롤 제거 — 모든 행이 인쇄되도록 */
  [style*="max-height"],
  [style*="maxHeight"] {
    max-height: none !important;
  }
  .overflow-auto {
    overflow: visible !important;
  }
}
