* { box-sizing: border-box; }
body { font: 14px/1.4 system-ui, sans-serif; margin: 0; padding: 12px 16px; background: #f4f4f0; color: #222; }
header h1 { margin: 0 0 4px; font-size: 20px; }
header .stat { margin: 0 0 8px; color: #555; }
.pager { font-size: 13px; }
.pager a, .pager b { padding: 2px 6px; margin-right: 2px; text-decoration: none; border: 1px solid #ccc; background: #fff; color: #333; display: inline-block; }
.pager b { background: #333; color: #fff; }
.pager.bottom { margin-top: 16px; }

table.posts { width: 100%; border-collapse: collapse; margin-top: 12px; background: #fff; }
table.posts th, table.posts td { border: 1px solid #ddd; padding: 6px; vertical-align: top; }
table.posts th { background: #eaeae0; text-align: left; font-weight: 600; }

tr.row.extra td.photo { border-top: 1px dashed #eee; }

td.vis { width: 50px; text-align: center; }
td.vis input { transform: scale(1.4); cursor: pointer; }

td.photo { width: 240px; text-align: center; background: #fafafa; }
td.photo img { max-width: 220px; max-height: 220px; object-fit: contain; display: block; margin: 0 auto; }

td.caption { width: 32%; }
td.caption textarea { width: 100%; min-height: 80px; font: inherit; padding: 6px; border: 1px solid #ccc; border-radius: 3px; resize: vertical; }
.saved-mark { display: inline-block; margin-top: 4px; font-size: 12px; min-height: 14px; }
.saved-mark.ok { color: #176; }
.saved-mark.err { color: #b22; }

td.orig { color: #444; }
td.orig .meta { margin-top: 6px; font-size: 12px; color: #888; }
td.orig a { color: #468; }

tr.row.no-photos td.photo { background: #fafaf2; color: #aaa; }