/* Scoped customer and owner support layout. */
.support-page{border:0;border-radius:0;padding:12px;margin:0 0 88px;display:flex;flex-direction:column;height:calc(100dvh - 160px);box-sizing:border-box;min-height:260px}
.support-page>.notice{font-size:12px;margin:0 0 8px;background:transparent;border:0;padding:0;color:#7a847d}
.support-page .support-messages{flex:1;min-height:0;max-height:none}
.support-compose{display:flex;align-items:flex-end;gap:8px;flex-shrink:0;padding-top:8px}
.support-compose textarea{flex:1;min-width:0;margin:0!important;min-height:44px;max-height:100px;border:1px solid #e6ebe7!important;box-shadow:none!important;background:#f6f8f6;padding:10px!important;font-size:16px!important;resize:none}
.support-compose button{width:auto!important;flex:0 0 auto;min-height:44px;padding:10px 16px!important;margin:0!important}
.support-message{overflow-wrap:anywhere;box-shadow:none;border:0}
#modal:has(#admin-support-reply){width:min(560px,calc(100vw - 16px));max-width:none;height:82vh;height:82dvh;max-height:calc(100dvh - 16px);padding:14px;border:0;border-radius:16px;box-sizing:border-box}
#modal-body:has(#admin-support-reply){height:100%;display:flex;flex-direction:column;min-height:0}
#modal-body:has(#admin-support-reply)>h2{font-size:18px;margin:0 40px 4px 0;flex-shrink:0}
#modal-body:has(#admin-support-reply)>p{margin:0 0 8px;font-size:12px;flex-shrink:0}
#modal-body:has(#admin-support-reply) .admin-support-messages{flex:1;min-height:0;max-height:none;border:0;border-radius:0;padding:4px;box-shadow:none}
@media(max-height:450px){#modal:has(#admin-support-reply){height:calc(100dvh - 12px)}.support-page{height:calc(100dvh - 140px);min-height:120px}}
.support-compose textarea:focus{outline:1px solid #9fcab1!important;outline-offset:0;border-color:#9fcab1!important}