/* The contact form and the staff inquiry pages. Colours come from the theme variables, so both themes work. */
.contact-page{max-width:760px;margin:0 auto}
.contact-page.public-section{padding-top:56px;padding-bottom:56px}
.contact-intro{margin-bottom:20px}
.contact-card{padding:28px}
.contact-form .field{margin:0 0 16px}
.contact-form button[type=submit] + p{margin-top:20px}
.contact-form label{display:block;font-weight:600;margin-bottom:6px}
.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;box-sizing:border-box}
.contact-form textarea{min-height:160px;resize:vertical;font:inherit}
.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-topics{border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin:0 0 18px}
.contact-topics legend{font-weight:700;padding:0 6px}
.contact-topic{display:flex;gap:10px;align-items:flex-start;font-weight:500;margin:6px 0}
.contact-topic input{margin-top:5px}
.contact-form .errorlist{margin:6px 0 0;padding:0;list-style:none;color:var(--danger);font-size:.9rem}
.contact-sent h1{margin-top:6px}
@media (max-width:640px){.contact-row{grid-template-columns:1fr}.contact-card{padding:20px}.contact-page.public-section{padding-top:32px}}
/* Staff pages */
.inquiry-message{white-space:pre-wrap;word-break:break-word;background:var(--light);border:1px solid var(--border);border-radius:12px;padding:16px;margin:0}
.inquiry-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.status-pill.i-new{background:#fdeacb;color:#7a4a00}
.status-pill.i-in_progress{background:#dde8f7;color:#1f4b86}
.status-pill.i-resolved{background:#dcefe2;color:#1e5a37}
.status-pill.i-spam{background:#eceae6;color:#6b6760}
.inquiry-row-new td:first-child{font-weight:700}
.inquiry-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:start}
@media (max-width:860px){.inquiry-grid{grid-template-columns:1fr}}