/* FBA 仓库地址大全 · 局部样式（配合 shared/styles.css 的 fpt-* 基元） */

.fba-block {
  background: var(--fpt-surface, #fff);
  border: 1px solid var(--fpt-border, #e2e8f0);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
}

.fba-block-title {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 12px;
}

.fba-legal {
  margin-bottom: 16px;
}

.fba-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}

.fba-stats dt {
  font-size: 12px;
  color: var(--fpt-muted, #64748b);
  margin-bottom: 4px;
}

.fba-stats dd {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.fba-legend {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: var(--fpt-muted, #64748b);
}

.fba-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  margin-right: 6px;
}

.fba-badge-verified { background: #dcfce7; color: #166534; }
.fba-badge-code { background: #fef9c3; color: #854d0e; }
.fba-badge-unlisted { background: #e0e7ff; color: #3730a3; }
.fba-badge-pending { background: #fee2e2; color: #991b1b; }

.fba-search-row {
  margin-bottom: 12px;
}

.fba-filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

.fba-list {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.fba-card {
  background: var(--fpt-surface, #fff);
  border: 1px solid var(--fpt-border, #e2e8f0);
  border-radius: 12px;
  padding: 16px;
}

.fba-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.fba-code {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.fba-type {
  font-size: 12px;
  color: var(--fpt-muted, #64748b);
  border: 1px solid var(--fpt-border, #e2e8f0);
  border-radius: 4px;
  padding: 1px 6px;
}

.fba-addr {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 8px;
}

.fba-addr-empty {
  color: var(--fpt-muted, #64748b);
  font-style: italic;
}

.fba-meta {
  font-size: 13px;
  color: var(--fpt-muted, #64748b);
  margin: 0 0 6px;
}

.fba-notes {
  font-size: 13px;
  color: var(--fpt-muted, #64748b);
  background: var(--fpt-bg, #f8fafc);
  border-radius: 8px;
  padding: 8px 10px;
  margin: 0 0 10px;
}

.fba-footnote {
  margin-top: 12px;
}

@media (max-width: 480px) {
  .fba-block { padding: 14px; }
  .fba-card { padding: 12px; }
  .fba-code { font-size: 16px; }
}