:root{--ink:#0b0c0c; --link:#1d70b8; --border:#b1b4b6;}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.mft-header{background:var(--ink);color:#fff;padding:10px 0}
.mft-header .brand{color:#fff;text-decoration:none;font-weight:700;margin-right:12px}
.mft-header .nav a{color:#fff;text-decoration:none;margin-right:10px}
.mft-footer{border-top:1px solid var(--border);color:#505a5f;padding:20px 0;margin-top:24px}
h1,h2,h3{margin:12px 0 6px 0}a{color:var(--link)}
.btn{display:inline-block;background:var(--link);color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none;border:1px solid var(--link)}
.input, textarea{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px}
.table{width:100%;border-collapse:collapse;margin:10px 0}.table th,.table td{padding:8px;border-bottom:1px solid var(--border)}
.hint{color:#505a5f;font-size:.95em}
.ok{border-left:4px solid #00703c;background:#e6f4ea;padding:8px}
.error{border-left:4px solid #d4351c;background:#fff;padding:8px}
/* inline actions row */
.inline-form {
  display: flex;
  align-items: center;
  gap: 12px;              /* space between bits */
  flex-wrap: nowrap;      /* keep on one line on wide screens */
}
.inline-form .govuk-label { margin: 0; }
.inline-form .govuk-input,
.inline-form .govuk-select { width: auto; }  /* defeat default 100% width */
@media (max-width: 640px) {
  .inline-form { flex-wrap: wrap; }          /* wrap on small screens */
}
/* inline actions row */
.inline-form {
  display: flex;
  align-items: center;
  gap: 12px;         /* space between groups + button */
  flex-wrap: nowrap; /* keep on one line on wide screens */
}

.inline-form .field {
  display: flex;
  align-items: center;
  gap: 8px;          /* space between label and input */
}

.inline-form .govuk-label {
  margin: 0;         /* remove default bottom margin */
  line-height: 1;    /* tidy vertical alignment */
}

.inline-form .govuk-input { width: auto; }  /* defeat 100% width */

.input--priority { width: 90px; }
.input--date     { width: 200px; }

@media (max-width: 640px) {
  .inline-form { flex-wrap: wrap; } /* allow wrapping on small screens */
}
/* push the action button to the right on wide screens */
.inline-form .push-right { margin-left: auto; }

@media (max-width: 640px) {
  /* on small screens, let it wrap under the fields */
  .inline-form { flex-wrap: wrap; }
  .inline-form .push-right { margin-left: 0; }
}
/* right-align inline action rows */
.inline-form.justify-right { justify-content: flex-end; }
@media (max-width: 640px) {
  .inline-form.justify-right { justify-content: flex-start; } /* stack nicely on mobile */
}
/* description under Created date */
.idea-desc {
  display: block;          /* new line under the date */
  margin-top: 4px;
  color: #505a5f;          /* GOV.UK secondary text */
  white-space: normal;
}
.idea-title { display:block; font-weight:600; }
.idea-desc  { display:block; margin-top:4px; color:#505a5f; }
/* Red destructive button (GOV.UK doesn't ship a red one by default) */
.govuk-button--danger {
  background-color: #d4351c;
  border-color: #d4351c;
}
.govuk-button--danger:hover {
  background-color: #aa2a16;
  border-color: #aa2a16;
}
.govuk-button--danger:focus {
  outline: 3px solid #ffdd00; /* keep accessible focus */
}
/* highlight a focused task row */
.task--focus {
  background-color: #fff3bf;      /* GOV.UK warning yellow tint */
  outline: 2px solid #ffbf47;
}
/* GDS “error red” tone */
.govuk-button--red {
  background-color:#d4351c;
  border-color:#d4351c;
}
.govuk-button--red:hover {
  background-color:#aa2a16;
  border-color:#aa2a16;
}
.govuk-button--red:focus {
  /* keep the GOV.UK yellow focus ring plus red outline */
  box-shadow: 0 0 0 3px #fd0, 0 0 0 6px #d4351c;
}
/* State buttons for categories (override default green) */
.govuk-button.btn-enabled {
  background-color: #00703c;
}
.govuk-button.btn-enabled:hover { background-color: #005a30; }
.govuk-button.btn-enabled:focus { box-shadow: 0 0 0 3px rgba(0,112,60,.4); }

.govuk-button.btn-disabled {
  background-color: #d4351c;
}
.govuk-button.btn-disabled:hover { background-color: #aa2a17; }
.govuk-button.btn-disabled:focus { box-shadow: 0 0 0 3px rgba(212,53,28,.35); }