/* ═══════════ 자료실 (resources.html) ═══════════
   소식 게시판(news-*, bd-*) 스타일을 재사용하고,
   자료 카드 그리드에 필요한 것만 rs- 접두사로 보강 */

/* .btn의 display:inline-flex가 UA의 [hidden] 규칙을 이기므로 명시적으로 숨긴다 */
#uploadBtn[hidden] { display: none; }

/* 카드 그리드 — news-card 스타일 위에 그리드 배치만 추가 */
.rs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  align-items: stretch;
}
.rs-grid .news-empty { grid-column: 1 / -1; }

/* 카드 — 설명이 짧아도 버튼이 바닥에 붙도록 */
.rs-card {
  display: flex;
  flex-direction: column;
}
.rs-card > p { flex: 1; }

/* 카드 하단 동작 버튼 (다운로드 / 문서 열기·인쇄 — 둘 다 있으면 나란히) */
.rs-card-actions {
  margin-top: 18px;
  display: flex;
  gap: 8px;
}
.rs-card-actions .btn {
  flex: 1;
  padding: 11px 12px;
  border-radius: 11px;
  font-size: var(--text-sm);
  white-space: nowrap;
}
.rs-card-actions .btn svg { width: 16px; height: 16px; flex-shrink: 0; }

/* 카테고리 배지 색 */
.rs-badge-양식 { background: var(--brand-100); color: var(--brand-600); }
.rs-badge-문서 { background: #e7f4ec; color: #1b7a3d; }
.rs-badge-포스터 { background: #fdf3e7; color: #b25309; }

/* 카드 우상단 삭제 (운영진 전용) — bd-delete 스타일 재사용, 위치만 지정 */
.rs-delete { margin-left: 10px; }

/* 파일 입력 — 기본 브라우저 버튼을 브랜드 스타일로 */
#rsFile { padding: 9px 10px; }
#rsFile::file-selector-button {
  border: 0;
  border-radius: 8px;
  padding: 9px 14px;
  margin-right: 12px;
  background: var(--brand-100);
  color: var(--brand-600);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 700;
  cursor: pointer;
  transition: background var(--duration-fast) ease, color var(--duration-fast) ease;
}
#rsFile::file-selector-button:hover { background: var(--brand-300); color: var(--brand-700); }

/* 업로드 폼 힌트 */
.rs-form-hint {
  font-size: var(--text-xs);
  color: var(--ink-mute);
  line-height: 1.6;
}
.rs-form-hint b { color: var(--brand-600); }