.office-install{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;text-decoration:none}
.office-login-install{display:inline-block;margin-top:22px;color:#215e4e;text-underline-offset:4px;font-size:15px}
@media(max-width:600px){
 body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 .sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:40;padding:0 0 env(safe-area-inset-bottom);border-top:1px solid #dce5e3;box-shadow:0 -4px 24px #17362c0a;background:#fff}
 .sidebar nav{margin:0;padding:6px 7px;border:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
 .sidebar nav a{min-height:58px;padding:6px 2px;display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;font-size:10px;line-height:1.2;white-space:normal}
 .sidebar nav a span:first-child{display:block;font-size:20px;line-height:1.1}
 .sidebar nav a.active{background:#e9f2ee;color:#184e40}
 .shell{padding-bottom:calc(85px + env(safe-area-inset-bottom))}
 .shell header{height:auto;min-height:110px;padding:20px 17px 12px;flex-wrap:wrap;gap:10px}
 .shell header h1{width:100%;font-size:25px;line-height:1.2}
 .header-actions{width:100%;gap:6px;flex-wrap:wrap}
 .header-actions .office-install{margin-right:auto;font-size:13px;padding:8px 0}
 .header-actions #cloud-logout{font-size:12px;padding:8px;min-height:44px}
 .header-actions .iconbutton,.header-actions .primary{min-width:44px;min-height:44px}
 .header-actions .primary:after{font-size:12px}
 .shell main{padding-top:15px}
 .todo-title{min-height:36px}.todo-footer button{min-height:44px}
 .check{width:28px;height:28px;position:relative}.check:before{content:'';position:absolute;inset:-8px}
 .action-row{grid-template-columns:28px minmax(0,1fr)}
 .action-toolbar input,.action-toolbar select,dialog input,dialog select,dialog textarea{font-size:16px}
 .segmented button{min-height:44px}
 dialog{max-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}
 .dialog-footer button,.dialog-heading button{min-height:44px}
 #toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);width:max-content}
}