/* Planning Refused — styles. Scoped under .pref-root, prefixed pref-. */
.pref-root{
  --pref-ink:#122633;--pref-ink-soft:#3d5566;--pref-paper:#eef2f1;--pref-card:#fff;
  --pref-notice:#ffd02f;--pref-notice-ink:#231c00;--pref-approve:#1c7a4b;--pref-refuse:#c62828;
  --pref-line:#c8d2d4;--pref-link:#0b5fa5;
  font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--pref-ink);line-height:1.55;width:100%;
}
.pref-root *{box-sizing:border-box}
.pref-root a{color:var(--pref-link)}
.pref-panel{background:var(--pref-card);border:1px solid var(--pref-line);border-radius:10px;padding:22px;margin:0 0 18px;box-shadow:0 6px 18px rgba(18,38,51,.08)}
.pref-check{border-top:6px solid var(--pref-refuse)}
.pref-title{font-family:'Barlow Condensed','Inter',sans-serif;text-transform:uppercase;font-weight:600;font-size:1.3rem;letter-spacing:.04em;margin:0 0 4px;color:var(--pref-ink)}
.pref-lead{margin:0 0 16px;color:var(--pref-ink-soft);font-size:.95rem}
.pref-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
.pref-field{flex:1 1 180px;min-width:150px}
.pref-field-grow{flex:3 1 320px}
.pref-field-btn{flex:0 0 auto}
.pref-root label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--pref-ink-soft);margin-bottom:6px}
.pref-root input[type=text],.pref-root select{width:100%;padding:11px 12px;border:2px solid var(--pref-ink);border-radius:6px;font:inherit;font-size:1rem;background:#fff;color:var(--pref-ink)}
.pref-root input:focus,.pref-root select:focus,.pref-root button:focus-visible{outline:3px solid var(--pref-notice);outline-offset:2px}
.pref-btn{font-family:'Barlow Condensed','Inter',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;padding:12px 24px;border-radius:6px;border:2px solid var(--pref-ink);background:var(--pref-notice);color:var(--pref-notice-ink);cursor:pointer;box-shadow:3px 3px 0 var(--pref-ink);transition:transform .08s,box-shadow .08s}
.pref-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--pref-ink)}
.pref-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--pref-ink)}
.pref-btn[disabled]{opacity:.55;cursor:wait}

#pref-status{margin:0 0 14px}
.pref-err{background:#fbe9e7;border-left:5px solid var(--pref-refuse);padding:12px 14px;border-radius:0 6px 6px 0}
.pref-loader{display:flex;align-items:center;gap:10px;padding:14px 4px;color:var(--pref-ink-soft);font-size:.95rem}
.pref-loader[hidden]{display:none}
.pref-spinner{width:18px;height:18px;border:3px solid var(--pref-line);border-top-color:var(--pref-refuse);border-radius:50%;animation:pref-spin .8s linear infinite;flex:0 0 auto}
@keyframes pref-spin{to{transform:rotate(360deg)}}

.pref-results-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:10px}
#pref-results-title{font-family:'Barlow Condensed','Inter',sans-serif;text-transform:uppercase;font-size:1.25rem;margin:0;color:var(--pref-ink)}
.pref-tallies{display:flex;gap:8px;flex-wrap:wrap}
.pref-tally{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:99px;background:var(--pref-paper);border:1px solid var(--pref-line);color:var(--pref-ink-soft)}
.pref-tally.refused{background:#fbe9e7;color:var(--pref-refuse);border-color:#f3c9c4}
.pref-tally.resub{background:#eaf3ee;color:var(--pref-approve);border-color:#bfe0cd}
.pref-note{font-size:.8rem;color:var(--pref-ink-soft);background:#fff8e6;border:1px solid #f2e2a8;border-radius:6px;padding:10px 12px;margin-bottom:16px}
.pref-group-h{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pref-ink-soft);margin:18px 0 8px}
.pref-lite{font-weight:400;text-transform:none;letter-spacing:0}

.pref-themes{display:flex;flex-wrap:wrap;gap:8px}
.pref-theme{font-size:.82rem;font-weight:600;padding:5px 12px;border-radius:99px;background:var(--pref-paper);border:1px solid var(--pref-line);color:var(--pref-ink)}
.pref-theme b{font-family:'Barlow Condensed','Inter',sans-serif;margin-left:4px}

.pref-cards{display:flex;flex-direction:column;gap:12px}
.pref-card{border:1px solid var(--pref-line);border-left:5px solid var(--pref-refuse);border-radius:8px;padding:14px;background:#fff}
.pref-card-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.pref-ref{font-weight:600}
.pref-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;background:#fbe9e7;color:var(--pref-refuse);white-space:nowrap}
.pref-addr{font-weight:600;font-size:.86rem;margin:4px 0 0}
.pref-desc{margin:6px 0 0;color:var(--pref-ink-soft);font-size:.9rem}
.pref-meta{font-size:.78rem;color:var(--pref-ink-soft);margin-top:8px;display:flex;gap:12px;flex-wrap:wrap}
.pref-theme-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pref-theme-tag{font-size:.74rem;padding:2px 9px;border-radius:99px;background:#f3ede0;border:1px solid #e4d6b8;color:#6b5a1e}
.pref-resub{margin-top:10px;padding:10px 12px;border-radius:6px;background:#eaf3ee;border:1px solid #bfe0cd}
.pref-resub-head{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pref-approve);margin-bottom:4px}
.pref-resub p{margin:2px 0;font-size:.86rem;color:var(--pref-ink)}
.pref-changes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pref-change{font-size:.74rem;padding:2px 9px;border-radius:99px;background:#fff;border:1px solid #bfe0cd;color:var(--pref-approve);font-weight:600}
.pref-card a{font-size:.82rem}
.pref-links{margin-top:8px}
.pref-empty{background:var(--pref-paper);border-radius:8px;padding:16px;color:var(--pref-ink-soft);font-size:.92rem}
.pref-footer{padding:4px;font-size:.78rem;color:var(--pref-ink-soft)}

@media(max-width:600px){
  .pref-field{flex-basis:100%}
  .pref-field-btn{width:100%}
  .pref-field-btn .pref-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.pref-spinner{animation:none}}
