/* the pretty pill shown before topic titles (forum list + topic header) */
.topic-prefix {
  display: inline-block; padding: 1px 7px; margin-right: 5px; border-radius: 3px;
  font-size: 11px; font-weight: 700; line-height: 1.65; vertical-align: middle;
  text-transform: uppercase; letter-spacing: .3px; white-space: nowrap;
}
h1.forumhead .topic-prefix { font-size: 12px; position: relative; top: -2px; }

/* prefix picker on compose + the edit page */
.prefix-pick { border: 1px solid rgba(127,127,127,.3); border-radius: 6px; padding: 8px 12px; margin: 4px 0 12px; }
.prefix-pick legend { padding: 0 6px; font-weight: 600; font-size: 13px; }
.prefix-opt { display: flex; align-items: center; gap: 8px; margin: 6px 0; flex-wrap: wrap; }
.prefix-opt input[type="checkbox"] { margin: 0; }
.prefix-val { padding: 2px 6px; font-size: 13px; max-width: 160px; }
.prefix-val[disabled] { opacity: .4; }
.prefix-edit-actions { margin-top: 14px; display: flex; gap: 8px; align-items: center; }

/* ACP rows */
.prefix-admin-form { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.prefix-admin-form label { font-size: 12px; }
.prefix-admin-form input[type="color"] { width: 42px; height: 30px; padding: 0; border: 1px solid rgba(127,127,127,.4); background: none; cursor: pointer; vertical-align: middle; }
.prefix-admin-prev { align-self: center; }
.prefix-hasval { display: flex; align-items: center; gap: 4px; white-space: nowrap; }