/* zzan_df 아이템 검색 (character.css 공용 스타일 위에 얹음) */
.dfit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.dfit-count { font-size: 13px; color: #888; margin: 0 0 10px; font-weight: 400; }

/* 아이템 DB 카테고리 칩 */
.dfit-db { margin-top: 28px; }
.dfit-cats { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.dfit-cat { border: 1px solid #e5e7eb; background: #fff; border-radius: 999px; padding: 7px 14px; font-size: 13px; font-weight: 700; color: #555; cursor: pointer; }
.dfit-cat b { color: #999; font-weight: 700; margin-left: 2px; }
.dfit-cat:hover { border-color: #e8542a; color: #e8542a; }
.dfit-cat.on { background: #e8542a; border-color: #e8542a; color: #fff; }
.dfit-cat.on b { color: rgba(255,255,255,.75); }

/* 아이템 DB 표 */
.dfit-tablewrap { overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.dfit-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.dfit-table thead th { text-align: left; font-size: 12px; color: #999; font-weight: 700; padding: 10px 12px; border-bottom: 1px solid #eceef2; white-space: nowrap; }
.dfit-table td { padding: 8px 12px; border-bottom: 1px solid #f3f4f7; vertical-align: middle; }
.dfit-table tbody tr:last-child td { border-bottom: 0; }
.dfit-tr { cursor: pointer; }
.dfit-tr:hover td { background: #fff7f3; }
.dfit-td-icon { width: 44px; }
.dfit-td-icon .dfch-item-img { width: 32px !important; height: 32px !important; min-width: 32px; max-width: 32px; display: block; object-fit: contain !important; }
.dfit-td-name { font-weight: 700; }
.dfit-td-rarity, .dfit-td-type, .dfit-td-lv, .dfit-td-fame { white-space: nowrap; color: #777; }
.dfit-td-fame { text-align: right; font-weight: 700; }

/* 검색결과 일괄등록 상태 */
.dfit-regstatus { margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; font-size: 13px; font-weight: 700; }
.dfit-regstatus.loading { background: #f5f6f8; color: #666; border: 1px solid #e5e7eb; }
.dfit-regstatus.ok { background: #eefaf0; color: #1d7a3d; border: 1px solid #cdeed6; }
.dfit-regstatus.warn { background: #fff7f0; color: #b45309; border: 1px solid #f7dcbe; }

/* 페이저 */
.dfit-pager { display: flex; justify-content: center; gap: 5px; margin-top: 16px; flex-wrap: wrap; }
.dfit-pg { min-width: 34px; height: 34px; border: 1px solid #e5e7eb; background: #fff; border-radius: 8px; font-size: 13px; font-weight: 700; color: #555; cursor: pointer; padding: 0 8px; }
.dfit-pg:hover { border-color: #e8542a; color: #e8542a; }
.dfit-pg.on { background: #e8542a; border-color: #e8542a; color: #fff; cursor: default; }

/* 모바일: 표 → 카드형 */
@media (max-width: 640px) {
	.dfit-tablewrap { border: 0; background: none; overflow: visible; }
	.dfit-table, .dfit-table tbody { display: block; width: 100%; }
	.dfit-table thead { display: none; }
	.dfit-tr { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; padding: 10px 12px; margin-bottom: 8px; }
	.dfit-table td { display: block; border: 0; padding: 0; background: none !important; }
	.dfit-tr:hover { border-color: #e8542a; }
	.dfit-td-icon { flex: 0 0 36px; width: auto; }
	.dfit-td-icon .dfch-item-img { width: 36px; height: 36px; }
	.dfit-td-name { flex: 1 1 auto; min-width: 0; font-size: 14px; }
	.dfit-td-rarity, .dfit-td-type, .dfit-td-lv, .dfit-td-fame { flex: 0 0 auto; font-size: 12px; color: #999; text-align: left; font-weight: 400; }
	.dfit-td-rarity { margin-left: 44px; }
	.dfit-td-fame::before { content: '명성 '; color: #bbb; }
}