/* DTi X1.100 – StackOverflow-like UI */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial;
  background:#f6f6f6;
  color:#232629;
  margin:0;
}

a { color:#0074cc; text-decoration:none }
a:hover { text-decoration:underline }

.container {
  max-width:1100px;
  margin:auto;
  padding:16px;
}

header, footer {
  background:#fff;
  border-bottom:1px solid #ddd;
}

footer {
  border-top:1px solid #ddd;
  text-align:center;
  color:#777;
  padding:20px;
}

.nav {
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.card {
  background:#fff;
  border:1px solid #ddd;
  border-radius:3px;
  padding:12px;
  margin-bottom:12px;
}

table {
  width:100%;
  border-collapse:collapse;
  background:#fff;
}

th, td {
  padding:10px;
  border-bottom:1px solid #eee;
  direction:rtl;
  right:10px;
}

th {
  background:#fafafa;
  font-weight:600;
}

tr:hover { background:#f9f9f9 }

.score {
  color:#f48024;
  font-weight:bold;
}

button {
  background:#0a95ff;
  border:none;
  color:#fff;
  padding:6px 10px;
  border-radius:3px;
  cursor:pointer;
}

button:disabled {
  background:#ccc;
  cursor:not-allowed;
}

.flash.ok { background:#e6f4ea; padding:10px }
.flash.error { background:#fbeaea; padding:10px }
.flash.info { background:#eef3f8; padding:10px }