/* Public survey theme: the original teal logistics palette. */
:root {
  --ink: #163b43;
  --brand: #12666b;
  --pale: #eef7f6;
  --line: #cfe1df;
  --gold: #e5b85c;
  --muted: #60777a;
  --radius: 10px;
}

body { background: #f6faf9; }
.head { background: linear-gradient(120deg, #103b49, #16736f); }
.head p { color: #d8edeb; }
.notice { background: #fffcef; border-left-color: var(--gold); }
.section { border-color: var(--line); box-shadow: 0 5px 18px rgb(23 69 75 / 5%); }
.section h2 { border-left-color: var(--brand); }

/* Include inputs with omitted type attributes, which HTML treats as text. */
input:not([type]),
input[type="text"],
input[type="file"],
select,
textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid #afc9c7;
  border-radius: var(--radius);
  color: var(--ink);
  background: #fff;
  box-shadow: inset 0 1px 2px rgb(22 59 67 / 3%);
}

input[type="file"] { padding: 7px 9px; background: #f9fdfc; color: var(--muted); }
input[type="file"]::file-selector-button { color: var(--brand); background: #e5f1ef; }
input:focus, select:focus, textarea:focus { outline: 3px solid rgb(18 102 107 / 15%); border-color: var(--brand); box-shadow: 0 0 0 1px var(--brand); }
.choice span { border-color: #bbd3d1; }
.flow { background: var(--pale); border-color: #d6e8e6; }
.route-attachment { padding: 14px; border: 1px solid #d6e8e6; border-radius: var(--radius); background: #f6fbfa; }
.route-attachment label { color: var(--ink); }
.secondary { color: var(--brand); background: #e7f3f2; }
.bar { background: rgb(255 255 255 / 94%); border-top-color: var(--line); }
#toast { background: #163b43; }

#routeList { display: grid; gap: 12px; margin-top: 16px; }
.route-add { margin-top: 12px; border: 1px dashed var(--brand); color: var(--brand); background: #f3fbfa; }
.route-attachment { margin-top: 16px; }