[hidden] { display: none !important; }
.support-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.contact-draft label { display: grid; gap: .45rem; min-width: 0; }
.contact-draft input, .contact-draft select, .contact-draft textarea { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; padding: .8rem; border: 1px solid #93999d; background: #fff; color: #111619; }
.contact-draft textarea { resize: vertical; }
.contact-draft { display: grid; gap: 1.2rem; }
.contact-draft small { font-weight: 400; color: #4c555c; }
.contact-draft button, .support-status-link { display: inline-block; min-height: 44px; padding: .85rem 1.1rem; font: inherit; font-weight: 700; border: 1px solid #111619; background: #111619; color: #fff; cursor: pointer; text-align: center; }
.contact-draft button:disabled { cursor: default; opacity: .7; }
.contact-draft-status, [data-support-result] { overflow-wrap: anywhere; }
.contact-privacy { color: #4c555c; font-size: .9rem; line-height: 1.6; }
[data-support-result] { padding: 1rem; border: 1px solid #93999d; display: grid; gap: .8rem; }
.support-page { max-width: 1040px; margin: auto; padding: 3rem 1.5rem; }
.support-page h1 { font-size: clamp(2.2rem, 6vw, 3.8rem); line-height: 1.05; margin: .5rem 0 1rem; }
.support-layout { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; margin-top: 2rem; }
.support-layout p { line-height: 1.6; }
.support-thread { display: grid; gap: 1rem; margin: 1.5rem 0; }
.support-entry { padding: 1.1rem; border: 1px solid #abb0b4; background: #fff; overflow-wrap: anywhere; }
.support-entry p { white-space: pre-wrap; line-height: 1.6; margin-bottom: 0; }
.support-entry time { color: #4c555c; font-size: .9rem; }
.support-reply { display: grid; gap: .8rem; }
.support-reply textarea { width: 100%; min-height: 120px; box-sizing: border-box; padding: .8rem; font: inherit; resize: vertical; }
.support-reply button { min-height: 44px; padding: .8rem; font: inherit; cursor: pointer; }
@media(max-width: 640px) { .support-fields, .support-layout { grid-template-columns: 1fr; } .support-layout { gap: 1rem; } .support-page { padding: 2rem 1rem; } }

/* Public contact keeps the same light support surface as the procurement portal. */
[data-support-page] .page-masthead { padding-block: 3rem 2rem; }
[data-support-page] .page-masthead h1 { max-width: 900px; font-size: clamp(2.2rem, 5vw, 3.8rem); }
[data-support-page] .section-paper { padding-top: 1.5rem; }
[data-support-page] .contact-compose-layout { background: transparent; color: #111619; border: 0; padding: 0; gap: 2.5rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); }
[data-support-page] .contact-compose-intro h2 { color: #111619; font-size: 1.8rem; }
[data-support-page] .contact-compose-intro p { color: #4c555c; }
[data-support-page] .contact-draft { padding: 1.5rem; border: 1px solid #abb0b4; }
[data-support-page] .contact-channels { margin-top: 2rem; }
@media(max-width: 640px) { [data-support-page] .contact-compose-layout { grid-template-columns: 1fr; gap: 1rem; } [data-support-page] .contact-draft { padding: 1rem; } [data-support-page] .page-masthead { padding-block: 2rem 1.5rem; } }