/* Shared phone and tablet adjustments. Desktop and print layouts stay separate. */
.responsive-table-region{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
@media screen and (max-width:760px){
    html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
    body{min-width:0}
    main,section,article,aside,form,fieldset,header,footer{min-width:0}
    img,video{max-width:100%}
    fieldset{margin-inline:0;max-width:100%}
    input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{min-width:0;max-width:100%;font-size:16px!important}
    input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,button{min-height:44px}
    input[type=file]{width:100%;font-size:14px!important}
    textarea{resize:vertical}
    p,dd,address,.notice,.form-error{overflow-wrap:anywhere}
    .responsive-table-region:focus-visible{outline:2px solid #0284c7;outline-offset:2px}
    .responsive-table-region table{margin-inline:0!important}
    .workspace .workspace-content{padding:22px 14px}
    .workspace .workspace-body{min-width:0}
    .workspace .workspace-topbar{padding-inline:14px;gap:10px}
    .workspace .workspace-sidebar{width:min(290px,88vw);padding-bottom:max(18px,env(safe-area-inset-bottom))}
    .workspace .grid,.workspace .banking-fields,.workspace .banking-account-details dl{grid-template-columns:minmax(0,1fr);gap:16px}
    .workspace .grid>*{min-width:0}
    .workspace .banking-fields .full{grid-column:1/-1}
    .workspace .panel,.workspace .banking-panel{padding:18px;max-width:100%}
    .workspace .activity-panel{padding:0}
    .workspace .activity-panel .section-heading{padding:18px;gap:12px;flex-wrap:wrap}
    .workspace .section-heading{flex-wrap:wrap;gap:12px}
    .workspace .section-heading>*{min-width:0}
    .workspace .panel>table{min-width:0}
    .workspace .table-scroll,.workspace .banking-table-scroll{max-width:100%;margin-inline:0;overflow-x:auto}
    .workspace .banking-form-layout,.workspace .admin-overview-columns,.workspace .admin-overview-columns>aside{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
    .workspace .banking-form-actions,.workspace .form-actions{flex-wrap:wrap;gap:12px}
    .workspace .banking-form-actions button,.workspace .form-actions button{width:100%}
    .workspace .banking-account-details dd{overflow-wrap:anywhere}
    .workspace .record-panel summary{padding-block:12px}
    .workspace .record-panel form{max-width:100%}
    .workspace .customer-overview{grid-template-columns:minmax(0,1fr)}
    .workspace .dashboard-columns{grid-template-columns:minmax(0,1fr)}
    .workspace .dashboard-aside{display:block}
    .workspace .balance-amount{font-size:clamp(28px,8vw,43px);flex-wrap:wrap;overflow-wrap:anywhere}
    .workspace .flow-row{gap:8px;flex-wrap:wrap}
    .workspace .flow-row strong{font-size:20px;overflow-wrap:anywhere}
    .workspace .account-contact .contact-person img{max-width:280px}
    .workspace .workspace-footer{padding-bottom:env(safe-area-inset-bottom)}
    .workspace .transfer-slip{width:100%;max-width:100%;padding:18px}
    .workspace .slip-header,.workspace .slip-footer{flex-wrap:wrap;gap:16px}
    .workspace .slip-grid{grid-template-columns:minmax(0,1fr)}
    .auth-header{flex-wrap:wrap;gap:12px}
    .auth-layout{width:100%;padding-inline:14px}
    .auth-card{min-width:0;padding:24px 18px}
    #registration-form .field-grid{grid-template-columns:minmax(0,1fr)!important}
    #registration-form .form-actions{flex-direction:column;align-items:stretch!important}
    #registration-form .form-actions button{width:100%;justify-content:center}
    body.mobile-public .h-screen{height:auto;min-height:540px;padding-block:48px}
    body.mobile-auth{display:block!important}
    body.mobile-auth>div:not(.fixed):not(.page-loading){max-width:100%;width:100%}
    body.mobile-auth .min-h-screen{min-height:100svh}
    body.mobile-auth .input-wrapper{min-width:0}
    body.mobile-public [x-show="mobileMenuOpen"]{max-height:75svh;overflow-y:auto;overscroll-behavior:contain}
    body.mobile-public [x-show="mobileMenuOpen"] a{min-height:44px}
    .customer-menu-tools{max-width:100%;flex-wrap:wrap}
}
@media print{.responsive-table-region{overflow:visible}}