/* Approved list sorting and stable mobile form/navigation layout. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.yw-list-sort{display:flex;gap:4px;align-items:center;flex-wrap:wrap;background:#e1e7f0;padding:4px;border-radius:13px;width:fit-content;margin:0 0 18px}
.yw-list-sort button{font:inherit;font-size:13px;min-height:44px;padding:9px 16px;background:transparent;color:#6a7890;border:0;border-radius:10px;cursor:pointer;touch-action:manipulation}
.yw-list-sort button[aria-pressed=true]{background:#fff;color:#044bb5;box-shadow:0 2px 8px #0c1f3d08}
.yw-list-sort button:focus-visible{outline:3px solid #8eafe4;outline-offset:2px}
#yb-preview .yw-list-sort{margin:0;width:100%}
#yb-preview .yw-list-sort button{flex:1;font-size:13px;color:#6a7890}
#yb-preview .yw-list-sort button[aria-pressed=true]{color:#044bb5;background:white}
#yb-preview .yb-back{display:none}
#yb-preview .yb-subpage-title{font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#yb-preview.yb-subpage .yb-bar{justify-content:flex-start;gap:8px}
#yb-preview.yb-subpage .yb-brand,#yb-preview.yb-subpage .yb-bar>[data-action=sync]{display:none}
#yb-preview.yb-subpage .yb-back{display:flex;align-items:center;gap:4px;min-width:76px;min-height:44px;padding:8px 0;color:#044bb5;flex-shrink:0}
#yb-preview.yb-subpage .yb-back svg{width:20px;height:20px}
#yb-preview .modal-fields{display:flex;flex-direction:column;align-items:stretch;gap:16px;flex:1 1 auto;overflow:auto;min-height:0;scroll-padding:14px}
#yb-preview .modal-fields>*{flex-shrink:0}
#yb-preview .field{display:block;min-width:0;flex-shrink:0}
#yb-preview .field input:not([type=checkbox]):not([type=radio]),#yb-preview .select-button{height:48px;min-height:48px;max-height:48px;font-size:16px;line-height:24px;padding:11px 12px;flex-shrink:0;box-sizing:border-box}
#yb-preview .field textarea{height:96px;min-height:96px;max-height:96px;font-size:16px;line-height:24px;resize:none;box-sizing:border-box}
#yb-preview .field-row{align-items:start;min-width:0;flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr))}
#yb-preview .select-wrap{display:block;min-width:0}
#yb-preview #edit-form{margin:0;overflow:hidden;flex:1 1 auto;min-height:0}
#yb-preview .modal-head,#yb-preview .modal-footer{flex:0 0 auto}
#yb-preview .modal-footer button{min-height:48px}
#yb-preview .form-error{flex-shrink:0;max-height:62px;overflow:auto}
#yb-preview .yb-modal,.fo-dialog{inset:var(--yw-dialog-top,50%) auto auto var(--yw-dialog-left,50%);translate:-50% -50%;transform:none;margin:0;width:var(--yw-dialog-width,min(560px,calc(100% - 28px)));height:var(--yw-dialog-height,620px);max-height:var(--yw-dialog-height,620px);max-width:calc(100% - 24px);overflow:hidden;box-sizing:border-box;transition:none}
#yb-preview .yb-modal::backdrop{clip-path:none;background:#0c1f3d55}
.fo-dialog[open]{display:flex}
.fo-dialog form{display:flex;flex-direction:column;min-height:0;flex:1;width:100%;overflow:hidden}
.fo-dialog header,.fo-dialog footer{flex-shrink:0}
.fo-dialog .fo-dialog-body{min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:stretch;scroll-padding:14px}
.fo-dialog .fo-dialog-body>*{flex-shrink:0}
.fo-dialog .fo-field input{height:52px;min-height:52px;max-height:52px;flex-shrink:0;font-size:16px;line-height:24px}
.fo-dialog .fo-error{flex-shrink:0;max-height:60px;overflow:auto}
.fo-dialog footer button{min-height:48px}
@media(max-width:760px){
 #yb-preview .yb-phone{height:var(--yw-shell-height,100svh)}
 #yb-preview.yb-subpage .yb-phone,#yb-preview.yb-keyboard .yb-phone{grid-template-rows:calc(62px + env(safe-area-inset-top,0px)) minmax(0,1fr)}
 #yb-preview.yb-subpage .yb-bottom,#yb-preview.yb-keyboard .yb-bottom{display:none!important}
 #yb-preview.yb-subpage .yb-content{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}
 #yb-preview.yb-subpage .yb-toast{bottom:24px}
 #yb-preview .modal-footer{padding-bottom:14px}
 .fo-dialog[open]{animation:none}
}
@media(max-width:360px){#yb-preview .field-row{grid-template-columns:1fr}#yb-preview .modal-head{padding:12px 16px}#yb-preview .modal-head h2{font-size:19px}#yb-preview .modal-fields{padding:16px}#yb-preview .modal-footer{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.yw-list-sort *,#yb-preview .yb-modal,.fo-dialog{animation:none!important;transition:none!important}}

@media(max-width:760px){
 #yw-workbench .yw-cloud-dialog{inset:var(--yw-dialog-top,50%) auto auto var(--yw-dialog-left,50%);translate:-50% -50%;transform:none;margin:0;width:var(--yw-dialog-width,calc(100% - 24px));height:var(--yw-dialog-height,620px);max-height:var(--yw-dialog-height,620px);overflow:hidden;transition:none}
 #yw-workbench .yw-cloud-dialog[open]{display:flex;flex-direction:column}
 #yw-workbench .yw-cloud-head{flex-shrink:0}
 #yw-workbench .yw-cloud-body{flex:1;min-height:0;overflow:auto;scroll-padding:14px}
 #yw-workbench .yw-cloud-dialog::backdrop{clip-path:none}
 #yw-workbench .yw-cloud-body input:not([type=checkbox]):not([type=radio]):not([type=file]){height:48px;min-height:48px;max-height:48px;font-size:16px}
 #yb-preview .mobile-archive-panel{background:#fff;border-radius:22px;padding:20px;color:#0c1f3d;font-size:13px;line-height:1.7}
 #yb-preview .mobile-archive-panel .yw-cloud-body{display:grid;gap:16px;padding:0;max-height:none}
 #yb-preview .mobile-archive-panel .yw-field{display:grid;gap:8px;font-size:13px;color:#6a7890;min-width:0}
 #yb-preview .mobile-archive-panel input[type=url]{width:100%;height:48px;min-width:0;border:1px solid #dfe6f0;border-radius:12px;background:#f6f8fc;font-size:16px;padding:10px 12px;color:#0c1f3d}
 #yb-preview .mobile-archive-panel .yw-primary{background:#044bb5;color:white;border-radius:12px;min-height:44px;padding:10px 14px;font-size:13px}
 #yb-preview .mobile-archive-panel .yw-secondary,#yb-preview .mobile-archive-panel .yw-text{color:#044bb5;background:#f2f5fb;border-radius:12px;min-height:44px;padding:10px 14px;font-size:13px;text-decoration:none}
 #yb-preview .mobile-archive-panel .yw-archive-actions{display:flex;flex-wrap:wrap;gap:10px}
 #yb-preview .mobile-archive-panel .yw-archive-toggle{display:flex;align-items:center;gap:8px;padding:12px 0;flex-wrap:wrap}
 #yb-preview .mobile-archive-panel .yw-muted{font-size:12px;color:#6a7890;line-height:1.8;margin-top:10px}
 #yb-preview .mobile-archive-panel form{min-width:0}
 #yb-preview .mobile-archive-panel button:disabled{opacity:.45;cursor:default}
}