/* static/style.css */
* { box-sizing: border-box; }
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  margin: 0; padding: 0; background: #0f1115; color: #e7e9ee;
}
a { color: #8ab4ff; text-decoration: none; }
a:hover { text-decoration: underline; }

.container { max-width: 900px; margin: 40px auto; padding: 0 16px; }
.topbar { margin-bottom: 16px; font-size: 14px; color: #c6c9d3; }
h1, h2 { margin: 12px 0 16px; }

form label { display: block; margin: 12px 0 6px; }
input[type="text"], select {
  width: 100%; padding: 10px; border-radius: 8px; border: 1px solid #2a2f3a;
  background: #151922; color: #e7e9ee;
}
button {
  margin-top: 14px; padding: 10px 14px; border: none; border-radius: 8px;
  background: #3b82f6; color: white; cursor: pointer;
}
button:hover { filter: brightness(1.05); }

.inline label { margin-right: 16px; }

#resultsContainer {
  margin-top: 16px; padding: 12px; border-radius: 10px; background: #141823; border: 1px solid #262b36;
}
.results-list { list-style: none; padding-left: 0; }
.result-item { padding: 6px 0; border-bottom: 1px dashed #2a3040; }
.result-item:last-child { border-bottom: none; }
.actions { display: flex; gap: 8px; margin: 8px 0 10px; }

.result-row { display: flex; align-items: center; gap: 12px; }
.thumb-wrap { width: 42px; height: 60px; flex: 0 0 42px; }
.thumb {
  width: 42px; height: 60px; object-fit: cover; border-radius: 4px; border: 1px solid #2a2f3a;
  background: #0f1115;
}
.thumb.placeholder { background: #1b2130; border: 1px dashed #2a2f3a; }
.meta .author, .meta .source { font-size: 12px; color: #a9afbc; }

.owned-pill {
  display:inline-block;
  margin-top:.25rem;
  padding:.15rem .4rem;
  border-radius:.5rem;
  background:#e6ffed;
  border:1px solid #b7ebc6;
  font-size:.8rem;
}

.response { margin-top: 16px; }
.success { color: #34d399; }
.error { color: #f87171; }

.notice {
  padding: 12px; background: #141823; border: 1px solid #262b36; border-radius: 10px;
}

.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td {
  padding: 10px; border-bottom: 1px solid #262b36; text-align: left;
}
th { background: #141823; position: sticky; top: 0; }
.cover-cell { width: 52px; }

/* ... keep your existing CSS ... */

.admin-actions { margin: 8px 0 0; }
#reconcileBtn { margin-left: 0; background: #10b981; }
#reconcileBtn:hover { filter: brightness(1.05); }