/* ==========================================================================
   DATABASE STYLES
   Extends css/style.css + css/leaderboards.css (.rank-row). Items/Quests/NPCs
   tables here use 4 columns, not the 5-column leaderboards layout — override.
   ========================================================================== */

.db-item-row, .db-quest-row, .db-npc-row,
[data-tab-panel="items"] .rank-head,
[data-tab-panel="quests"] .rank-head,
[data-tab-panel="npcs"] .rank-head{
  grid-template-columns:1fr 90px 160px 140px;
}

/* Name column (Item / Quest / NPC) is left-aligned in header and rows;
   every other column stays centred (from leaderboards.css .rank-row > div). */
[data-tab-panel="items"] .rank-head > div:first-child,
[data-tab-panel="quests"] .rank-head > div:first-child,
[data-tab-panel="npcs"] .rank-head > div:first-child,
.db-item-row > div:first-child,
.db-quest-row > div:first-child,
.db-npc-row > div:first-child{
  text-align:left;
}

@media(max-width:700px){
  .db-item-row, .db-quest-row, .db-npc-row,
  [data-tab-panel="items"] .rank-head,
  [data-tab-panel="quests"] .rank-head,
  [data-tab-panel="npcs"] .rank-head{
    grid-template-columns:1fr 70px;
  }
  .db-item-row > div:nth-child(3), .db-item-row > div:nth-child(4),
  .db-quest-row > div:nth-child(3), .db-quest-row > div:nth-child(4),
  .db-npc-row > div:nth-child(3), .db-npc-row > div:nth-child(4),
  [data-tab-panel="items"] .rank-head > div:nth-child(3), [data-tab-panel="items"] .rank-head > div:nth-child(4),
  [data-tab-panel="quests"] .rank-head > div:nth-child(3), [data-tab-panel="quests"] .rank-head > div:nth-child(4),
  [data-tab-panel="npcs"] .rank-head > div:nth-child(3), [data-tab-panel="npcs"] .rank-head > div:nth-child(4){
    display:none;
  }
}