/* Base reset & layout */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; line-height: 1.6; background: #f9fafb; color: #333; padding: 20px; }
header { text-align: center; margin-bottom: 30px; }
header h1 { font-size: 2rem; color: #0078d7; }
.selector { text-align: center; margin-bottom: 20px; }
select, input[type="text"], input[type="file"] { padding: 10px; font-size: 1rem; border-radius: 5px; margin: 5px; }

/* Dump list card */
.dump-list {
  max-width: 600px;
  margin: auto;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);

  /* ▼ Scrollbar logic: fits ~4 items before scrolling */
  max-height: 360px;              /* adjust if your item height differs */
  overflow-y: auto;               /* scrollbar appears only when needed */
  scrollbar-width: thin;          /* Firefox */
  scrollbar-color: #888 transparent; /* Firefox */
  -webkit-overflow-scrolling: touch; /* iOS momentum */
}
.dump-list h2 { margin-bottom: 15px; text-align: center; }

.search-box {
  position: sticky;
  top: 0;
  background: #fff;   /* ensures it doesn’t overlap text */
  z-index: 10;
  padding: 10px 0;
}

.search-box input {
  width: 100%;
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* Individual dump rows */
.dump-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 10px 0;
  padding: 10px;
  background: #f0f4f8;
  border-radius: 6px;
  min-height: 56px; /* helps make the 4-item calculation consistent */
}
.dump-item span { font-weight: bold; }

/* Buttons */
button { background: #0078d7; color: #fff; padding: 8px 14px; border: none; border-radius: 5px; cursor: pointer; }
button:hover { background: #005a9e; }

/* Footer */
footer { margin-top: 40px; text-align: center; font-size: 0.9rem; color: #555; }
footer a { color: #0078d7; text-decoration: none; font-weight: 600; }
footer a:hover { text-decoration: underline; }

/* Admin uploader card (if used on admin.html) */
.uploader { max-width: 600px; margin: 30px auto; padding: 20px; background: #fff; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); text-align: center; }

/* WebKit scrollbar styling */
.dump-list::-webkit-scrollbar { width: 8px; }
.dump-list::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }
.dump-list::-webkit-scrollbar-thumb:hover { background: #555; }