/* CSC RC1.10.52 responsive parity layer */
html{-webkit-text-size-adjust:100%} body{max-width:100vw;overflow-x:hidden}
button,input,select,textarea{font:inherit} button,.btn,[role="button"]{touch-action:manipulation}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.modal,.dialog{max-width:min(96vw,1100px);max-height:92vh;overflow:auto}
@media(max-width:900px){
 .form-grid,.cards,.grid,.toolbar{min-width:0}.form-grid{grid-template-columns:1fr!important}
 .toolbar{flex-wrap:wrap!important;align-items:stretch!important}.toolbar>*{max-width:100%}
 .toolbar select,.toolbar input,.toolbar .search{min-width:0!important;width:100%!important}
 aside{max-width:86vw}.modal{width:96vw!important;margin:2vh auto!important}
 #scoreConsole button,.score-console button{min-height:46px}
}
@media(max-width:600px){
 main,.content,.page-content{padding-left:10px!important;padding-right:10px!important}
 .panel,.card{border-radius:12px}.btn,button{min-height:44px}
 .form-actions{position:sticky;bottom:0;z-index:5;background:inherit;padding:8px 0;display:flex;gap:8px;flex-wrap:wrap}
 .form-actions>*{flex:1 1 140px}.modal-backdrop{padding:8px!important}
 table{font-size:13px} th,td{white-space:nowrap}
}