/* DataPlattform Mails admin — minimal, readable. */

* { box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 0;
  background: #fafbfc;
  color: #1f2328;
  line-height: 1.5;
}

header {
  background: #24292f;
  color: #fff;
  padding: .75em 1.5em;
  border-bottom: 3px solid #0969da;
}
header h1 { font-size: 1.1em; margin: 0; display: inline-block; }
header h1 a { color: #fff; text-decoration: none; }
header nav { display: inline-block; margin-left: 2em; }
header nav a { color: #c9d1d9; margin-right: 1em; text-decoration: none; }
header nav a:hover { color: #fff; }
header nav .sep { color: #555; }

main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5em;
}

footer {
  text-align: center;
  padding: 1em;
  color: #6e7781;
  border-top: 1px solid #e1e4e8;
  margin-top: 3em;
}

h2 { border-bottom: 1px solid #d1d9e0; padding-bottom: .25em; }

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  background: #fff;
}
table th, table td {
  text-align: left;
  padding: .5em .75em;
  border-bottom: 1px solid #e1e4e8;
  vertical-align: top;
}
table th { background: #f6f8fa; font-weight: 600; }
table.compact th, table.compact td { font-size: .85em; padding: .35em .5em; }
table.kv th { width: 200px; }

code { background: #f6f8fa; padding: .1em .3em; border-radius: 3px; font-size: .9em; }
pre { background: #f6f8fa; padding: .75em; border-radius: 4px; overflow: auto; max-height: 400px; }

.meta { color: #57606a; font-size: .9em; }

.ok { color: #1a7f37; font-weight: 600; }
.bad { color: #cf222e; font-weight: 600; }

.status-in_progress, .status-queued, .status-running, .status-pending {
  background: #ddf4ff; color: #0969da; padding: .1em .4em; border-radius: 3px; font-size: .85em;
}
.status-complete, .status-done, .status-succeeded {
  background: #dafbe1; color: #1a7f37; padding: .1em .4em; border-radius: 3px; font-size: .85em;
}
.status-failed, .status-error {
  background: #ffebe9; color: #cf222e; padding: .1em .4em; border-radius: 3px; font-size: .85em;
}
.status-skipped, .status-parsed, .status-raw_stored, .status-attachments_processed {
  background: #fff8c5; color: #9a6700; padding: .1em .4em; border-radius: 3px; font-size: .85em;
}

article.mail {
  background: #fff;
  border: 1px solid #d1d9e0;
  border-radius: 6px;
  padding: 1em;
  margin: .75em 0;
}
article.mail header h4 { margin: 0; }

form .filter-bar, form.filter-bar { background: #f6f8fa; padding: .75em; border-radius: 4px; }
form label { display: inline-block; margin-right: 1em; }
form input[type="text"], form select { padding: .35em; border: 1px solid #d1d9e0; border-radius: 3px; }
form button { padding: .4em .8em; background: #0969da; color: #fff; border: 0; border-radius: 3px; cursor: pointer; }
form button:hover { background: #0858b8; }

details summary { cursor: pointer; padding: .25em 0; }