.mobile-bar,.mobile-shade{display:none}.main,.panel,.grid>*,.formgrid>*{min-width:0}.tablewrap{max-width:100%;overscroll-behavior-x:contain}.connection-notice{padding:10px 16px;background:#fff2bd;color:#634900;text-align:center;font-size:14px}.connection-notice[hidden]{display:none}.install-note{font-size:13px;line-height:1.6}.mobile-install{margin-top:12px}
@media(max-width:720px){
 body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 .mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:30;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#061838;color:white;box-shadow:0 2px 8px #0002}
 .mobile-brand{display:flex;align-items:center;gap:9px;font-weight:700}.mobile-brand img{width:36px;height:36px;border-radius:9px}.mobile-bar button{min-height:44px;background:#133b70;color:white}
 .layout{display:block;min-height:calc(100dvh - 64px)}
 .sidebar{display:none;position:fixed;inset:0 auto 0 0;top:env(safe-area-inset-top);width:min(290px,85vw);height:calc(100dvh - env(safe-area-inset-top));z-index:51;flex-direction:column;flex-wrap:nowrap;padding:18px 16px calc(18px + env(safe-area-inset-bottom));overflow:auto}
 .sidebar.mobile-open{display:flex}.sidebar .brand img{max-width:110px;margin:auto}.sidebar .brand{padding-bottom:10px}.sidebar .foot{display:block;margin-top:16px}.sidebar button{min-height:44px;padding:12px;margin:2px 0}.sidebar .mobile-close{display:block}
 .mobile-shade:not([hidden]){display:block;position:fixed;inset:0;background:#00122b99;z-index:50;border-radius:0;padding:0;width:100%;height:100%}
 body.mobile-nav-open{overflow:hidden}.main{padding:22px 16px 32px;max-width:100%;width:100%}.top{gap:12px;margin-bottom:22px}.top h1{font-size:26px;line-height:1.2;overflow-wrap:anywhere}.top>button{width:100%;min-height:46px}
 .grid,.formgrid{grid-template-columns:minmax(0,1fr)}.full{grid-column:1/-1}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.card{padding:14px}.card strong{font-size:21px;overflow-wrap:anywhere;letter-spacing:-.5px}.panel{padding:16px;margin:16px 0}.row{flex-wrap:wrap;align-items:flex-start}.row>div{min-width:0;max-width:100%}.profiletitle h2{overflow-wrap:anywhere}.avatar{flex-shrink:0}
 button,button.link{min-height:44px}input,select,textarea{font-size:16px;min-height:44px;max-width:100%}input[type=file]{font-size:13px}.toolbar{display:flex;flex-wrap:wrap;gap:10px}.toolbar>input,.toolbar>select,.toolbar>label{width:100%;max-width:none}.toolbar>button{flex:1 1 140px}.actions{flex-wrap:wrap;gap:8px}.actions>button{flex:1 1 140px}.statsline{gap:14px}.statsline>div{flex:1 1 120px}.phonefields{grid-template-columns:76px minmax(0,1fr);gap:10px}.hint{padding:12px;overflow-wrap:anywhere}.notice{overflow-wrap:anywhere}.empty{padding:28px 12px}
 dialog{width:calc(100% - 20px);max-width:680px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px;overflow:auto;overscroll-behavior:contain}dialog>.row{flex-wrap:nowrap;align-items:flex-start}dialog h2{font-size:20px;margin-bottom:18px}dialog>.row>button{flex:0 0 44px;padding:8px}.auth{margin:24px 12px;padding:24px 20px;max-width:470px}.auth .brand img{max-width:150px}.photo-picker{flex-wrap:nowrap;gap:10px}.photo-picker label{flex:1;min-width:0}.photo-preview{width:80px;height:80px;flex-basis:80px}
 #toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none;z-index:1000}.client-tabs>button{flex:1}.developer-credit{font-size:11px}
 .mobile-table table,.mobile-table tbody{display:block;width:100%}.mobile-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mobile-table tr{display:block;margin-bottom:14px;border:1px solid #dce5ed;border-radius:10px;padding:8px 12px;background:#fff}.mobile-table td{display:block;white-space:normal;overflow-wrap:anywhere;min-width:0;padding:8px 0;border-bottom:1px solid #edf1f3}.mobile-table td:last-child{border-bottom:0}.mobile-table td::before{content:attr(data-label);display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#627784;margin-bottom:4px}.mobile-table td[data-label=""]::before{display:none}.mobile-table td button{margin:3px 5px 3px 0}.mobile-table .reasoncell{min-width:0}
}
@media(min-width:721px){.mobile-close{display:none!important}}
@media(max-width:359px){.cards{grid-template-columns:1fr}.photo-picker{flex-wrap:wrap}.photo-picker label{flex-basis:100%}}
@media print{.mobile-bar,.mobile-shade,.connection-notice,.mobile-install{display:none!important}}
