/* Compact message widget, using Environmental FM's existing brand colours. */
.support-drawer {
    top: auto;
    right: 20px;
    bottom: 20px;
    width: 322px;
    max-width: calc(100vw - 40px);
    max-height: calc(100dvh - 40px);
    border: 1px solid #555;
    box-shadow: 0 2px 15px #0002;
    z-index: 60;
    font-family: Arial, Helvetica, sans-serif;
}
.support-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 10px;
    padding: 10px 14px;
    background: #111;
    color: #fff;
}
.support-heading h2 { margin: 0 0 2px; font-size: 14px; font-weight: 600; }
.support-heading p { margin: 0; color: #bbb; font-size: 11px; line-height: 1.4; }
.support-heading .icon-button { min-width: 22px; min-height: 28px; padding: 0; color: #fff; }
.support-heading .icon { font-size: 12px; }
.support-content { overflow-y: auto; padding: 14px 14px 16px; }
.support-content > p { margin-bottom: 13px; color: #777; font-size: 12px; line-height: 1.5; }
.support-content form { display: flex; flex-direction: column; gap: 12px; }
.support-content label:not(.honeypot) { display: flex; flex-direction: column; gap: 5px; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .3px; }
.support-content input:not([type=hidden]), .support-content textarea { width: 100%; padding: 7px 9px; font-size: 14px; line-height: 1.4; font-weight: 400; letter-spacing: 0; }
.support-content input { height: 34px; }
.support-content textarea { min-height: 80px; height: 80px; }
.support-content input:focus, .support-content textarea:focus { outline: 2px solid #111; outline-offset: -1px; }
.support-content .button { min-height: 35px; margin-top: 14px; padding: 7px 12px; font-size: 12px; letter-spacing: .6px; color: var(--accent); }
.support-content .support-privacy { color: #888; font-size: 9px; line-height: 1.5; }
.support-privacy a { text-decoration: underline; }
.support-feedback { margin: 0; font-size: 12px; line-height: 1.5; }
.support-feedback.error { color: #b32424; }
.support-feedback.success { color: var(--brand); }
body[data-panel=support] .floating-support { visibility: hidden; }
@media (max-width: 360px) {
    .support-drawer { right: 10px; bottom: 10px; max-width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
}