.shell{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.row .grow,.row>div:first-child{min-width:0;overflow-wrap:anywhere}.phone-steps{padding-left:20px;font-size:14px;line-height:1.8}.phone-steps li{margin:12px 0}.phone-actions{display:flex;gap:10px;flex-wrap:wrap}.phone-actions button{flex:1}#connection{padding:12px 16px;border-radius:8px;background:#e9eddf;font-size:13px;line-height:1.5}.import{display:inline-flex;align-items:center;min-height:44px}dialog select{display:block;width:100%;margin-top:8px}dialog .dialog-head h2{min-width:0}dialog .dialog-head button{flex-shrink:0}
@media(max-width:700px){
 .shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 button,select,input:not([type=checkbox]),.proposal summary{min-height:44px}
 input:not([type=checkbox]),select,textarea{font-size:16px}
 input[type=checkbox]{width:24px;height:24px;flex-shrink:0;accent-color:#194e41}
 .row{flex-wrap:wrap}.row>div:first-child{flex-basis:35%}.row .grow{flex:1 1 45%}
 .row strong{overflow-wrap:anywhere}.row button{min-width:44px}.row input[type=number]{width:78px}
 .row [data-confirm]{margin-left:auto}.section-head{flex-wrap:wrap}.section-head>div{flex:1}
 dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}
 dialog .two{flex-wrap:wrap;gap:8px}dialog .two label{min-width:120px}
 nav{position:sticky;top:0;z-index:1;background:#f8f7f2}nav button{font-size:12px}
 .phone-actions{flex-direction:column}.phone-actions button{width:100%}
}