body.support-request-open{overflow:hidden}
.support-request{width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);box-sizing:border-box;margin:auto;padding:24px;border:1px solid #b8c8a9;border-radius:22px;background:#f8faf5;color:#12202f;overflow:auto;box-shadow:0 24px 80px rgba(15,23,42,.35)}
.support-request[open]{animation:supportRequestEnter .22s ease-out}
.support-request::backdrop{background:rgba(15,23,42,.64);backdrop-filter:blur(5px)}
.support-request [hidden]{display:none!important}
.support-request__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.support-request__header h2{margin:0;font-size:clamp(20px,4vw,26px);line-height:1.3;text-align:left}
#supportRequestClose{flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;font-size:26px;background:#fff;color:#475569}
.support-request__choices{display:grid;gap:12px}
.support-request__choices button{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:62px;padding:14px 16px;border:1px solid #b8c8a9;border-radius:14px;background:linear-gradient(180deg,#fff,#eef4e7);color:#304824;font-size:16px;text-align:left}
.support-request__choices button > span:last-child{text-align:right;font-size:26px;color:#527235}
.support-request__choices button:hover{border-color:#7e9b62;background:#edf4e5}
.support-request__compose{display:grid;gap:10px}
.support-request__compose > p{margin:0 0 6px;color:#475569;font-size:14px;line-height:1.5}
.support-request__compose label{margin:4px 0 0;font-weight:700}
.support-request__compose :is(input,textarea){width:100%;box-sizing:border-box;background:#fff;font:inherit}
.support-request__compose textarea{min-height:150px;resize:vertical;max-height:40vh}
.support-request__compose .support-send{justify-self:end;background:#527235;color:#fff;border-color:#527235}
.support-request__unavailable{padding:24px 16px;border:1px solid #e4c38d;border-radius:14px;background:#fff6e6;text-align:center;color:#754909;font-size:17px;font-weight:700}
.support-request__unavailable p{margin:0}
.support-request__footer{display:flex;justify-content:flex-start;margin-top:18px}
.support-request__footer button{background:#fff;color:#365025;border-color:#b8c8a9}
.support-request button:focus-visible{outline:3px solid #90ab77;outline-offset:3px}
#supportCard > .support-list{margin-top:20px}
@keyframes supportRequestEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.support-request{padding:18px}.support-request__choices button{font-size:15px;padding:12px}.support-request__compose .support-send{width:100%}}
@media(prefers-reduced-motion:reduce){.support-request[open]{animation:none}}