/* /wipes/ page: list of servers wiped in the last 24 hours (rendered by wipes.js). */
.wipes { padding-top: 32px; }
.wipes-status { font-size: 15px; color: var(--muted); }
.wipes-status.is-bad { color: var(--ink); padding: 14px 16px; background: var(--amber-tint); border: 1px solid var(--border); border-left: 3px solid var(--amber); border-radius: var(--radius-sm); }
.wipes-fallback { margin-top: 10px; font-size: 15px; }
.wipes-fallback a { text-decoration: underline; }
.wipes-ours { margin-top: 16px; padding: 20px; display: grid; gap: 12px; }
.wipes-ours h2 { font-size: 18px; font-weight: 600; }
.wipes-ours p { font-size: 15px; color: var(--muted); }
.wipes-ours .wo-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.wipes-ours .connect { margin-top: 0; max-width: 420px; min-width: 0; flex: 1 1 260px; }
.wipes-ours .wo-actions > * { min-width: 0; }
.wipes-list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; }
.wipes-list[hidden], .wipes-ours[hidden], .wipes-fallback[hidden] { display: none; }
.wrow { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, .9fr) minmax(0, .9fr) 440px; gap: 8px 20px; align-items: center; padding: 14px 20px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }
.wrow.is-ours { border-color: var(--accent); background: var(--accent-tint); }
.wr-name { font-size: 16px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.wr-name a { text-decoration: underline; }
.wr-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.wr-tags:empty { display: none; }
.wrow .k { display: block; font-size: 12px; color: var(--muted); font-weight: 400; }
.wrow .v { display: block; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.wrow .s { display: block; font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; }
.wr-connect, .wr-main, .wr-when, .wr-online { min-width: 0; }
.wrow .bar { margin-top: 6px; max-width: 160px; }
.wrow .connect { margin-top: 0; padding: 4px 4px 4px 10px; }
.wrow .connect code { font-size: 13px; }
.wrow .connect .btn { height: 30px; padding: 0 10px; }
.wr-extra { margin-top: 6px; font-size: 13px; color: var(--muted); }
.wipes-note { margin-top: 16px; font-size: 14px; color: var(--muted); }
@media (max-width: 1080px) {
  .wrow { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 16px; }
  .wr-main, .wr-connect { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .wipes { padding-top: 24px; }
  .wipes-ours { padding: 16px; }
}