/* The manager questionnaire (tracker A6). Builds on survey.css, so it has the same look as the team survey.
   No inline styles anywhere: the page's security policy forbids them. */
.section-name { font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin: 0; }
.part { display: grid; gap: 10px; }
.part + .part { padding-top: 14px; border-top: 1px solid var(--line-soft); }
.plabel { font-size: 16px; font-weight: 600; margin: 0; }
.opt input[type="checkbox"] { border-radius: 6px; }
.opt input[type="checkbox"]::after { border-radius: 2px; }
.numrow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
input.num { width: 7.5em; font-size: 20px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-variant-numeric: tabular-nums; }
input.num:focus, input.line:focus, select.rank:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(23, 79, 150, .15); }
input.line { width: 100%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.items { display: grid; gap: 8px; }
.item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.item .what { font-weight: 500; }
select.rank { font-size: 17px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); min-width: 4.5em; }
.item input.num { width: 5em; font-size: 17px; padding: 8px 10px; }
.pct { display: inline-flex; align-items: center; gap: 6px; }
.total { font-weight: 700; font-variant-numeric: tabular-nums; }
.total.off { color: var(--warn); }
.total.on { color: var(--accent); }
.grow .opts { gap: 8px; }
.grow .opt { min-height: 44px; padding: 9px 14px; }
.grow + .grow { padding-top: 12px; border-top: 1px solid var(--line-soft); }
.rowsrc { display: block; font-weight: 500; color: var(--ink-2); font-size: 14.5px; margin-top: 2px; }
.cbox { display: grid; gap: 6px; padding-top: 6px; }
.cbox label { font-size: 14.5px; font-weight: 600; color: var(--ink-2); }
.cbox textarea { min-height: 70px; }
.hello { margin: 0; padding: 12px 16px; border-left: 3px solid var(--accent); background: var(--surface-2); border-radius: 0 10px 10px 0; font-weight: 700; }
.optional { font-weight: 500; color: var(--ink-3); }
.checklist { display: grid; gap: 6px; margin: 0; padding-left: 20px; }