/* The Land Finder preferences form, shown on the family profile page too (owner, Oct 19, 2026).
   Rules copied from ../land-finder/style.css (the fit-* ones), scoped and mapped to this page's colors. */
#fitForm { --panel: var(--card); --accent-soft: var(--soft); --warn: #9a3b2c; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 4px 14px 14px; }
:where(#fitForm) label { display: revert; gap: normal; font-weight: 400; font-size: inherit; }
:where(#fitForm) input, :where(#fitForm) select { width: auto; padding: 5px 7px; font-size: .9rem; }
:where(#fitForm) input[type=checkbox], :where(#fitForm) input[type=radio] { width: auto; padding: 0; }
#fitForm .small { font-size: .84rem; } #fitForm .muted { color: var(--muted); }
#fitForm .fit-section { margin-top: 18px; }
@media (prefers-color-scheme: dark) { #fitForm .fit-need { background: #3a3420; border-color: #6b5d2e; color: #f3e9c9; } }
.fit-q { margin: 10px 0; font-size: 0.88rem; }
.fit-q input[type="text"] { width: 100%; margin: 4px 0; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; font: inherit; }
.fit-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; font-size: 0.85rem; }
.fit-num input { width: 58px; padding: 4px 6px; border: 1px solid var(--line); border-radius: 6px; font: inherit; }
.fit-mode, #fitElbow { padding: 4px 6px; border: 1px solid var(--line); border-radius: 6px; font: inherit; }
.fit-list { padding-left: 20px; margin: 6px 0; } .fit-list li { margin: 6px 0; }
.fit-checks { display: grid; gap: 4px; margin-top: 4px; }
.fit-checks label { display: flex; gap: 6px; align-items: center; font-size: .88rem; font-weight: 400; }
.fit-yn { display: flex; gap: 6px; margin: 6px 0; }
.fit-yn label { flex: 1; display: flex; justify-content: center; gap: 6px; align-items: center; border: 1px solid var(--line); border-radius: 8px; padding: 7px 8px; cursor: pointer; font-weight: 600; font-size: .9rem; }
.fit-yn label:has(input:checked) { background: var(--accent-soft); border-color: var(--accent); }
.fit-more { border-left: 3px solid var(--accent-soft); padding-left: 10px; margin-top: 6px; display: grid; gap: 6px; }
.fit-more[hidden] { display: none; }
.fit-q > input[type=text], .fit-q > select, .fit-more > input[type=text] { width: 100%; box-sizing: border-box; }
.fit-family-row { display: flex; gap: 6px; }
.fit-family-row input { flex: 1; min-width: 0; }
.fit-animals { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: center; font-size: .9rem; }
.fit-animals input[type=number] { width: 64px; }
.fit-need { background: #fff8e1; border: 1px solid #ecd9a0; border-radius: 8px; padding: 8px 10px; font-size: .88rem; color: #3a3220; }
.fit-section { font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin: 14px 0 2px; }
.over-tag { font-size: .74rem; background: #e8eefb; color: #1f4fa3; border-radius: 8px; padding: 1px 6px; white-space: nowrap; }
.fit-radio { display: flex; gap: 6px; align-items: center; font-size: .9rem; font-weight: 400; }
.fit-radio[hidden], .fit-row[hidden] { display: none; }
  .fit-need { background: #3a3420; border-color: #6b5d2e; color: #f3e9c9; }
  .over-tag { background: #1e2b45; color: #a9c1f2; }
.fit-sub { margin: -2px 0 4px 24px; font-size: .88rem; }
.fit-animals input[type=number] { width: 70px; box-sizing: border-box; justify-self: end; }
.fit-animals input[type=checkbox] { justify-self: end; }
#fitBudget { width: 130px; }
#fitAcres, #fitFarmAcres, #fitFoodPlot, #fitTrees { width: 72px; }
.fit-animals { grid-template-columns: auto 1fr; }
.fit-animals select { width: 100%; min-width: 0; padding: 5px 6px; border: 1px solid var(--line); border-radius: 6px; font: inherit; font-size: .88rem; background: var(--bg); color: var(--text); }
.fit-lab { display: grid; gap: 3px; font-size: .88rem; font-weight: 400; margin-top: 6px; }
.fit-lab select { width: 100%; }
.fit-water { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; align-items: center; font-size: .9rem; margin-top: 4px; }
.fit-water select { width: 100%; min-width: 0; padding: 5px 6px; border: 1px solid var(--line); border-radius: 6px; font: inherit; font-size: .88rem; background: var(--bg); color: var(--text); }
.area-ok { color: var(--accent); font-weight: 600; margin: 4px 0 0; }
.area-bad { color: var(--warn); margin: 4px 0 0; }
#fitAreaMiles { padding: 4px 6px; border: 1px solid var(--line); border-radius: 6px; font: inherit; background: var(--bg); color: var(--text); }
.fit-q > select, .fit-lab select { padding: 6px 8px; border: 1px solid var(--line); border-radius: 6px; font: inherit; font-size: .9rem; background: var(--bg); color: var(--text); }
#fitForm button[type=submit] { background: var(--accent); color: #fff; border: 0; border-radius: 8px; padding: 9px 16px; font: inherit; font-weight: 700; cursor: pointer; }

.fit-check { display: flex; gap: 6px; align-items: center; font-size: .88rem; font-weight: 400; margin: 8px 0 2px; }
#work2More { display: grid; gap: 4px; margin-top: 4px; }
#work2More[hidden] { display: none; }