.muted { color: var(--text-faint); font-size: 13px; margin: 2px 0 14px; }
.login-card { max-width: 380px; margin: 40px auto; padding: 26px; }
.login-card h3 { margin: 0 0 2px; font-size: 17px; }
#login-form { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }

input[type="text"], input[type="password"], select, textarea {
  width: 100%; font: inherit; font-size: 14px; color: var(--text);
  border: 1px solid var(--border-strong); border-radius: 9px; padding: 9px 11px;
  background: #fff; outline: none;
}
input:focus, select:focus, textarea:focus { border-color: #8fbcff; box-shadow: 0 0 0 3px rgba(59,130,246,.12); }
textarea { resize: vertical; }
label { display: block; font-size: 13px; font-weight: 600; color: var(--text-soft); margin: 12px 0 5px; }

.btn {
  font: inherit; font-size: 14px; font-weight: 500; cursor: pointer;
  border: 1px solid var(--border-strong); background: #fff; color: var(--text);
  padding: 8px 14px; border-radius: 9px; text-decoration: none; display: inline-block;
}
.btn:hover { background: #f6f8fa; }
.btn-primary { background: #1b2733; color: #fff; border-color: #1b2733; }
.btn-primary:hover { background: #28384a; }
.btn-danger { color: #c4321f; border-color: #f0c4bd; }
.btn-danger:hover { background: var(--red-soft); }
.btn-sm { padding: 5px 10px; font-size: 13px; }

.bar-actions { display: flex; align-items: center; gap: 10px; margin: 18px 0; }
.bar-actions .grow { flex: 1; }

.editor { padding: 20px 22px; margin-bottom: 16px; }
.editor h3 { margin: 0 0 6px; font-size: 16px; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.editor-actions { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
.err { color: #c4321f; font-size: 13px; }

.affected-pick { display: flex; flex-wrap: wrap; gap: 7px; }
.pick {
  font-size: 13px; padding: 5px 11px; border-radius: 20px; cursor: pointer;
  border: 1px solid var(--border-strong); background: #fff; color: var(--text-soft);
  user-select: none;
}
.pick.on { background: #1b2733; color: #fff; border-color: #1b2733; }

.list-title { font-size: 15px; color: var(--text-soft); margin: 24px 2px 10px; }
.adm-inc { padding: 16px 20px; }
.adm-inc .inc-head { margin-bottom: 4px; }
.adm-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.adm-updates { margin-top: 10px; }
.adm-updates .tl-item { padding: 6px 0 6px 14px; }