.modal.modal input,.modal.modal textarea,.modal.modal select{font-size:max(16px,1em)}.modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal .modal-heading .icon-button{touch-action:manipulation;flex:none;min-width:48px;min-height:48px}.modal .dialog-footer,.modal .inline-buttons{align-items:stretch}.modal .inline-buttons>.btn{min-height:44px}.modal.modal:has(>.staff-form){flex-direction:column;padding:18px;display:flex;overflow:hidden}.modal.modal:has(>.staff-form)>.modal-heading{flex:none;gap:12px;min-width:0;margin-bottom:12px}.modal.modal:has(>.staff-form)>.modal-heading h2{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;min-width:0;line-height:1.2}.modal.modal>.staff-form{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;gap:14px;min-width:0;min-height:0;padding:2px 4px 0;overflow:auto}.modal.modal>.staff-form>*{flex:none;min-width:0;max-width:100%}.modal.modal>.staff-form>.confirmation-fields{min-height:auto;overflow:visible}.modal.modal>.staff-form .dialog-footer{z-index:2;background:var(--panel);box-shadow:0 -8px 0 var(--panel);flex:none;gap:10px;margin:0;padding:10px 0 4px;position:sticky;bottom:0}.modal.modal>.staff-form .dialog-footer .btn{white-space:normal;overflow-wrap:normal;word-break:normal;flex:1;min-width:0;height:auto;min-height:48px;padding:10px 12px;line-height:1.25}.modal.modal>.staff-form .confirmation-detail{flex:none;margin:0}.modal.modal>.staff-form:has(>.confirmation-body){scrollbar-gutter:auto;gap:0;padding:0;overflow:hidden}.modal.modal>.staff-form>.confirmation-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:14px;min-width:0;min-height:0;padding:2px 4px 12px;display:flex;overflow:auto}.modal.modal>.staff-form>.confirmation-body>*{flex:none;min-width:0;max-width:100%}.modal.modal>.staff-form>.confirmation-body>.confirmation-fields{min-height:auto;overflow:visible}.modal.modal>.staff-form:has(>.confirmation-body)>.dialog-footer{box-shadow:none;position:static}.modal.modal .confirm-metrics{flex-wrap:wrap;gap:12px 24px}.modal.modal .confirm-metrics>*{min-width:0}.modal.modal .confirm-metrics strong{white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-height:480px){.modal.modal{padding:12px}.modal.modal:has(>.staff-form){padding:12px}.modal.modal>.modal-heading{margin-bottom:8px}.modal.modal>.modal-heading h2{font-size:22px}.modal.modal>.staff-form{gap:10px}.modal.modal>.staff-form>.confirmation-body{gap:10px;padding-bottom:8px}.modal.modal>.staff-form .btn,.modal.modal>.staff-form .input{min-height:44px}.modal.modal>.staff-form .dialog-footer{padding-top:8px}.modal.modal>.staff-form .dialog-footer .btn{min-height:44px}}@media (max-width:700px){.modal .modal-heading{gap:12px;margin-bottom:16px}.modal .modal-heading h2{font-size:23px;line-height:1.2}}
body :is(.admin-app,.modal,.pad-app,.remote-screen) select:not([multiple]):is(:not([size]),[size="1"]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23c6d5cb' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:44px}body :is(.admin-app,.modal,.pad-app,.remote-screen) :is(input,select,textarea,.field){min-width:0}body :is(.admin-app,.modal) :is(.btn,.icon-button)>svg{flex-shrink:0}.form-pagination,.server-player-picker-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;font-size:13px;display:flex}.form-pagination-pages,.server-player-picker-pages{flex:none;gap:4px;margin-left:auto;display:flex}.form-pagination-pages .btn,.server-player-picker-pages .btn{min-height:44px;padding:8px 12px}@media (forced-colors:active){body :is(.admin-app,.modal,.pad-app,.remote-screen) select:not([multiple]):is(:not([size]),[size="1"]){appearance:auto;background-image:none;padding-right:14px}}
