.top .sub a { color: var(--accent); margin-left: .6rem; }

main { max-width: 1000px; }
.foot { max-width: 1000px; }

.row { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.row input[type=password],
.row input[type=search] { flex: 1; min-width: 180px; }

.chk {
  display: flex; align-items: center; gap: .4rem;
  color: var(--dim); font-size: .82rem; margin: .7rem 0 0;
}
.chk input { margin: 0; }

.count {
  font-size: .78rem; font-weight: 400; color: var(--dim);
  padding: .12rem .5rem; border: 1px solid var(--line); border-radius: 20px;
}

.filters { margin: .8rem 0; }
select {
  padding: .55rem .7rem; background: #0d1015; color: var(--fg);
  border: 1px solid var(--line); border-radius: 8px;
  font-family: inherit; font-size: .88rem;
}

/* ── 凭证卡片 ─────────────────────────────── */
.cred-list { display: flex; flex-direction: column; gap: .7rem; }

.cred {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .8rem .9rem;
  background: #12151b;
  min-width: 0;
}
.cred.zombie { border-left: 3px solid var(--warn); }
.cred.revoked { opacity: .55; border-style: dashed; }

.cred-top {
  display: flex; align-items: center; gap: .5rem;
  flex-wrap: wrap; margin-bottom: .5rem;
}
.cred-user { font-weight: 600; overflow-wrap: anywhere; }
.cred-actions { margin-left: auto; display: flex; gap: .4rem; }

.tag {
  font-size: .7rem; padding: .12rem .45rem; border-radius: 20px;
  border: 1px solid var(--line); color: var(--dim); white-space: nowrap;
}
.tag.sync   { border-color: #2a4a6b; color: #79b8ff; }
.tag.bound  { border-color: #2f5c43; color: var(--ok); }
.tag.zombie { border-color: #5c4a1f; color: var(--warn); }
.tag.provider { border-color: #4a3a6b; color: #b79dff; }

/* 明细字段用两列网格，长值可断行 */
.cred-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: .2rem .9rem;
  font-size: .78rem;
  color: var(--dim);
}
.cred-meta div { display: flex; gap: .4rem; min-width: 0; }
.cred-meta .k { flex: 0 0 auto; opacity: .75; }
.cred-meta .v {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  overflow-wrap: anywhere; min-width: 0;
}

/* ── 危险区 ───────────────────────────────── */
.danger-zone { border-color: #4a2b2b; }
.danger-zone h2 { color: var(--bad); }
button.danger {
  background: #3a1f1f; border-color: #5c2f2f; color: #ff9d9d;
}
button.danger:hover:not(:disabled) { background: #4a2626; }

.empty {
  color: var(--dim); font-size: .88rem; text-align: center;
  padding: 1.5rem; border: 1px dashed var(--line); border-radius: 8px;
}

@media (max-width: 560px) {
  main, .top, .foot { padding-left: .8rem; padding-right: .8rem; }
  .row { flex-direction: column; align-items: stretch; }
  .row button, .row input, .row select { width: 100%; }
  .cred-actions { margin-left: 0; width: 100%; }
  .cred-actions button { flex: 1; }
}