/* Fit the viewport without disabling the user's accessibility zoom. */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;min-width:0}
img,video,canvas{max-width:100%}
input,select,textarea{max-width:100%}
.support-ticket{padding:18px 0;border-bottom:1px solid #dce2e8}
.support-ticket small{display:block;margin-top:6px;overflow-wrap:anywhere;color:#5e6a78}
.support-ticket p{white-space:pre-wrap;overflow-wrap:anywhere}
#support-form label{display:grid;gap:8px;margin:16px 0}
#support-form select,#support-form textarea{font:inherit;padding:12px;border:1px solid #cbd4dd;border-radius:8px;width:100%}
#support-form button,#support-inbox,.support-ticket button{font:inherit;min-height:44px;padding:10px 16px;border:1px solid #cbd4dd;border-radius:8px;background:#c8fa57;color:#0d1825;cursor:pointer}
#support-status{overflow-wrap:anywhere}
.list-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;border-top:1px solid #dce2e8}
.app,.workspace,.content,.panel,.card,.formsection{min-width:0}
.tablewrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:600px){
 input,select,textarea{font-size:16px!important}
 button,.button{min-height:44px;touch-action:manipulation}
 .topbar-right{flex-wrap:wrap;gap:6px;min-width:0}
 .company{min-width:0;overflow-wrap:anywhere}
 .company small{white-space:normal}
 .pagehead,.toolbar{flex-wrap:wrap;gap:12px}
 .pagehead h1{font-size:clamp(24px,7vw,32px);overflow-wrap:anywhere}
 .content{padding:18px 12px 76px}
 .formgrid,.form-grid,.split{grid-template-columns:minmax(0,1fr)!important}
 .formgrid .full{grid-column:1/-1}
 .row{min-width:0;gap:10px}
 .row>div{min-width:0;overflow-wrap:anywhere}
 dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:0}
 .modalbody{overflow-x:hidden}
 .line-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .line-row input,.line-row select{min-width:0;width:100%}
 .modalfoot{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 header,.legal-nav{flex-wrap:wrap;gap:10px}
 main{max-width:100%}
 .support-ticket{padding:14px 0}
}
@media(max-width:380px){.metrics{grid-template-columns:minmax(0,1fr)}.topbar-right .badge{display:none}.language-picker{font-size:12px}}